/* 나눔고딕 */
@font-face{ font-family:NG; src:url(NanumGothic.eot); src:local(※), url(NanumGothic.woff) format('woff') }
/* 나눔붓글씨 */
@font-face{ font-family:NanumBrush; src:url(NanumBrush.eot); src:local(※), url(NanumBrush.woff) format('woff') }
/* 나눔펜 */
@font-face{ font-family:NanumPen; src:url(NanumPen.eot); src:local(※), url(NanumPen.woff) format('woff') }

/*@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

/*초기화*/
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, 
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {
	margin:0px; padding:0px; border:0px; outline:0px; vertical-align:middle; 
	font-weight:noraml; font-style:inherit; font-size:inherit; font-family:inherit; 
}
/*HTML5*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
input, select, textarea { font-size:inherit; font-family:inherit; vertical-align:middle;  }


/* 기본요쇼 */
body { 
	font-size:0.75em; 	
	color: #595a5a; 
	font-family: 'Noto Sans KR', sans-serif !important; 
}

ol, ul, dl, li { list-style:none;   }
li { display: inline-block; cursor: pointer; }

a { text-decoration:none; cursor: pointer; color: #595a5a;  }

h1 { color: #595a5a; font-size: 2em; display: inline-block; }

[type='text'],[type='password'] { border:1px solid #c7c6c6; padding-top:0.2em; padding-bottom:0.2em; }

table{ border: 1px solid #c0d0e5; width:100%; }
table th, table td { border: 1px solid #c0d0e5; padding: 0.5em 1em; }
table th { background-color: #e6effb; color: #253992; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }


/* base Tag */
button{ 
    border: none;
    color: #060300;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	cursor: pointer;
	border-radius:0.2em; 
	background-color: #ffffff;
	border:0px solid white; 
	padding:0em;
}


.height_short { margin-top: 10px; }
.height_base { margin-top: 20px; }
.height_long { margin-top: 30px; }

.flex_both { display: flex; }
.flex_both > div { flex: 1; }
.flex_both > div:last-child { text-align: right; }

.flex_both_3 { display: flex; }
.flex_both_3 > div:first-child { flex: 3; }
.flex_both_3 > div:last-child { text-align: right; }

/*이미지 자동조절*/
/* img { max-width:100%; height:auto; }*/



/* layer */

/* layerAdvm */
div#layerBack { z-index: 3; position: absolute; top: 0px; left: 0px; display: none; background-color:black;}

div#layerAdvm_wrap { z-index: 5; position: absolute; top: 10%; display: none; 
	width: 600px; min-height:300px; background-color:white; border-radius: 0.35em; 
	left:50%; transform:translateX(-50%);
}
div#layerAdvm { margin: 1em 5em 3em 5em; }
[data-unit="closeAdvm"] {cursor: pointer; }
div.button_close { text-align: right; margin-top: 1.5em; margin-right: 1.5em; }

div#layerAdvm_cover { z-index: 6; position: absolute; top: 0px; left: 0px; display: none; background-color:black; }

/* layerAlert */
div#layerAlert_wrap { z-index: 7; position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; 
	background-color: black; opacity: 0.7; display:none;
}
div#layerAlert { width: 300px; z-index: 9; position: absolute; top: 0;  text-align:center;  display:none; line-height: 1.5em; 
	margin: 0 auto; background-color:white; border-radius: 0em; left:50%; transform:translateX(-50%);
}

[data-domain="closeAlert"] {cursor: pointer; }
div#layerAlert_head { display: flex; margin:1.5em; }
div#layerAlert_head > div { flex: 1; -ms-flex: 1; -webkit-flex: 1; }
div#layerAlert_head > div:last-child { text-align: right; }
div#layerAlert_head > div:first-child { color: #7F7364; font-weight: bold; text-align: left; }
div#layerAlert_button > button { background-color: #002060; padding: 0.5em 3em; margin: 2em 0em; font-size:12px; color: white; font-weight: normal; }


/* layerAlert */
div#layerConfirm_wrap { z-index: 7; position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; 
	background-color: black; opacity: 0.7; display:none;
}
div#layerConfirm { width: 350px; z-index: 9; position: absolute; top: 0;  text-align:center;  display:none; line-height: 1.5em; 
	margin: 0 auto; background-color:white; border-radius: 0.25em; left:50%; transform:translateX(-50%);
}
[data-domain="closeConfirm"] {cursor: pointer; }
div#layerConfirm_head { display: flex; margin:1.5em; }
div#layerConfirm_head > div { flex: 1; -ms-flex: 1; -webkit-flex: 1; }
div#layerConfirm_head > div:last-child { text-align: right; }
div#layerConfirm_head > div:first-child { color: #7F7364; font-weight: bold; text-align: left; }
div#layerConfirm_button > button { background-color: #002060; padding: 0.5em 3em; margin: 2em 0em; font-size:12px; }
div#layerConfirm_button > button:first-child { background-color: gray; }
div#layerConfirm_button > button:last-child { color: white; }


/* layerGuide */
div#layerGuide_wrap { z-index: 11; position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; 
	background-color: black; opacity: 0.7; display:none;
}
div#layerGuide { z-index: 13; position: absolute; top: 100px; width: 460px; text-align:center;  display:none; line-height: 1.5em; 
	margin: 0 auto; background-color:white; left:50%; transform:translateX(-50%);  
}
[data-domain="closeGuide"] {cursor: pointer; }
div#layerGuide_button > button { background-color: #ffcc00; padding: 0.5em 3em; margin: 2em 0em; font-size:12px; font-weight: bold;}
div#layerGuide_body_title > h2 { font-size: 15px; margin: 0px 10px; padding:7px; }
div#layerGuide_body_contents { height: 400px; margin: 0px 10px; overflow:auto;  padding:7px; text-align: left; color: #777777;}


/* layerPop */
div#layerPop_wrap { z-index: 11; position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; 
	background-color: black; opacity: 0.7; display:none;
} 
div#layerPop { z-index: 13; position: absolute; top: 10%; width: 550px; text-align:center;  display:none; line-height: 1.5em; 
	margin: 0 auto; background-color:white; border-radius: 0.25em; left:50%; transform:translateX(-50%); 
}
[data-unit="closePop"] {cursor: pointer; }
div#layerPop_button > button { background-color: #253992; padding: 0.5em 3em; margin: 2em 0em; font-size:12px; }
div#layerPop_body_title > h2 { color: #253992; font-size: 1.8em; margin-bottom:1.5em;  }
div#layerPop_body_contents { margin: 2em 2em 1em 2em; overflow:auto; height: 300px; padding:1em; text-align: left; color: #777777; }

#loading { width: 100%; height:100%; top: 0px;	left: 0px;	position: fixed; display: block; opacity: 0.7; background-color: #fff; z-index: 99; text-align: center; } 
#loading-image { position: absolute; top: 50%; left: 50%; z-index: 100; }