@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@latest/nanumbarungothicsubset.css"); /* font-family: 'NanumBarunGothic'; */

:root {
    --nav-color: #00b6c2;
    --navOn-color: #0090a1;
    --footer-color: #d1e8ea;
}

html, body { font-size: 16px; -webkit-text-size-adjust:none; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav,section,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin: 0; padding: 0; box-sizing: border-box;}
body,input,textarea,select,table,button {font-family:/*'NanumBarunGothic',*/ 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', AppleSDGothicNeo, AppleGothic, DroidSansFallback, 'Droid Sans', '돋움', Dotum, Arial, Verdana, sans-serif; letter-spacing: -0.025em;  font-size:1em; }
/* input,textarea,select,table,button {} */
img { max-width:100%; border:0; vertical-align:middle; }
ul,ol,menu { margin:0; padding:0; list-style:none;}
dl,dl dt,dl dd,form,td,p,blockquote,pre,code {margin:0;padding:0;}
li,li img,dt img,dd img,td img,p img {margin:0;padding:0;}
iframe,fieldset {margin:0;padding:0;border:0;}
legend,caption,hr {display:none;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
a { color:inherit; text-decoration:none; cursor:pointer; }
a:hover{text-decoration:none;}
table {table-layout:fixed;}
input {padding:0;margin:0;overflow:visible;vertical-align:middle;}
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number] { -webkit-appearance:none; }
select {padding:0;margin:0;vertical-align:middle;}
em,address,dfn,cite {font-style:normal;}
textarea {padding:4px;border:1px solid #a9a9a9;vertical-align:top;margin:0;padding:0;resize:none;}
object,param {padding:0;margin:0;line-height:0;}
section, article, header, footer, hgroup, figcaption, figure, nav, menu {display:block;}
button { appearance:none; -webkit-appearance:none; cursor: pointer;}

@media aural { caption,legend,hr {display:block;} }


.centers { display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; display:-ms-flexbox; -ms-flex-pack:center; -ms-flex-align:center; display:-moz-box; -moz-box-pack:center; -moz-box-align:center; display:box; box-pack:center; box-align:center; }
.boxLeft { -webkit-box-pack:start; -ms-flex-pack:start; -moz-box-pack:start; box-pack:start; }
/* h1 { font-size:1.385em; }
h2 { font-size:1.231em; }
h3 { font-size:1.154em; }
h4, h5, h6 { font-size:1.077em } */
hr { height:1px; border:0; border-top-width:1px; border-top-style:solid; border-top-color:#e9e9e9; }
html, body { height:100%; }
body { background-color:#fff; }

/* COMMON */
.clearfix:after { content:""; display:block; clear:both; }

.mhid {display: block !important; }
.mshow {display: none !important; }


/* */
.wrap { min-width:1250px; position:relative; z-index:1; left:0; -webkit-transition:left 0.2s; -moz-transition:left 0.2s; -ms-transition:left 0.2s; transition:left 0.2s; }
.wrap .area { height:100%; }
.header {z-index:2; position:relative; }
.footer {height:150px; z-index:1; position:relative; }
.content {margin:0 auto; max-width:1000px; }

/* focus navigator */
#skipToContent { z-index:10; top:0; left:50%; margin-left:-500px; width:1000px; position:absolute; background-color:#fff; }
#skipToContent a { display:block; padding:0 10px; height:1px; margin-top:-1px; overflow:hidden; color:#fff; }
#skipToContent a:focus, #skipToContent a:active { height:auto; padding:10px; margin-bottom:0; color:#333; font-weight:bold; }

/* alert */
.oldBrowserAlert { position:fixed; top:-50px; left:0; z-index:11; width:100%; height:30px; line-height:30px; text-align:center; background:url('../images/common/bg_gnb.png') repeat-x 0 0; }
.oldBrowserAlert p * { font-size:14px; color:#fff; }
.oldBrowserAlert p * { display:inline-block; *display:inline; *zoom:1; }
.oldBrowserAlert p strong { margin-right:30px; }
.oldBrowserAlert p a { margin:0 10px; }
.oldBrowserAlert p a:hover { text-decoration:underline; }
.oldBrowserAlert .btClose { margin-left:10px; vertical-align:middle; position:relative; top:-2px; height:20px; line-height:1; font-size:11px; border:1px solid #fff; padding:2px 8px; background-color:#000; cursor:pointer; }
.oldBrowserAlert .btClose:hover { text-decoration:none; }

/* */
.comBg,
.comBgAfter:after,
.comBgBefore:before { background-image:url('../images/common/bg_icon.png'); background-repeat:no-repeat; }
.comBgAfter:after,
.comBgBefore:before { content:""; }

/* */
.hTitles { position:fixed; top:20px; left:0; }
.hTitles .tit { padding-bottom:20px; }
.header .hTitles { position:relative; max-width:1000px; }
.header .hTitles.h_new { position:relative; max-width:1000px; }
.hTitles .tit a { position:relative; display:block; width:218px; height:45px; background-position:-400px -20px; }
.hTitles .tit a em { position:absolute; width:0; height:0; overflow:hidden; z-index:-1; }
.hTitles .tit a:after { content:"\00a0"; position:absolute; top:0; left:0; }
.hTitles .tit:after { position:absolute; width:218px; content:""; height:4px; background-color:#0194cf; bottom:0; left:0;  }

/* footer */
.footer {background-color: var(--footer-color); background-color:#d1e8ea; }
.footer .section { position:relative; padding:58px 230px 20px; }
.footer .section { position:relative; padding:60px 0 0 420px; }
.footer .section .kosaf { position:absolute; top:56px; left:0; width:200px; height:37px; background-position:0 -150px; }

.footer .section .kosaf { position:absolute; top:56px; left:200px; width:200px; height:37px; background-position:0 -150px; }
.footer .section .kosaf > a { display:block; width:100%; height:100%; overflow:hidden; text-indent:-999px; }
.footer .section .selectbox { position:absolute; top:55px; right:0; }
.footer .section .selectbox .txt, .footer .section .selectbox select { color:#cacaca; font-size:15px; font-size:1.071rem; background-color:#cceab6; }
.footer .section .selectbox .txt { border:2px solid #b5b5b5; padding:8px 40px 8px 15px; min-width:160px; }
.footer .section .selectbox .txt:after { width:40px; background:url('../images/common/sel_bg_arr_up.png') no-repeat 50% 50%; border-left:0; }
.footer .section .selectbox .txt { background-color:#bbb; color:#555; font-weight:bold; }
.footer .section .selectbox .txt:after { background-image:url('http://www.kormentletter.co.kr/201712/assets/images/common/sel_bg_arr_up_b2.png'); }
.footer .section address { font-size:12px; font-size:0.857rem; color:#888; line-height:1.5; }
.footer .section address a:hover, .footer .section address a:focus { text-decoration:underline; }

/* rnb */
.aside { height:100%; left:0; top:0; margin-left:20%; position:absolute; z-index:0; display:none; }
.rnb { height:100%; }
.rnb .rnbContents { margin:-55px 0 -76px; min-height:100%; background-color:#fff; }
.rnb .nav { padding:55px 0 76px; }
.rnb .rnbFoot { padding:20px 20px; height:76px; position:relative; z-index:1; background-color:#eee; box-sizing:border-box; -webkit-box-sizing:border-box; }
.aside, .rnb .rnbTitle .title { width:80%; }
.rnb .rnbTitle { height:55px; z-index:2; position:relative; background-color:#5b5b5b; }
.rnb .rnbTitle .title { position:fixed; top:0; right:0; height:55px; padding:0 60px 0 20px; background-color:#00b6c2; box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:0 1px 3px rgba(0,0,0,.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3); -webkit-backface-visibility:hidden; }
.noFixed .rnb .rnbTitle .title { position:absolute; width:100%; }
.rnb .rnbTitle h2 { position:relative; margin-top:17px; width:67px; height:19px; background-position:0 -150px; }
.rnb .rnbTitle h2 em, .rnb .rnbTitle .btClose em { position:absolute; z-index:-1; overflow:hidden; width:0; height:0; }
.rnb .rnbTitle h2:after, .rnb .rnbTitle .btClose:after { content:"\00a0"; position:absolute; top:0; left:0; }
.rnb .rnbTitle .btClose { position:absolute; z-index:1; right:20px; top:50%; margin-top:-12px; width:25px; height:25px; overflow:hidden; background-position:-100px -10px; }
.rnb .selectbox { display:block; }
.rnb .selectbox .txt, .rnb .selectbox select { font-size:0.929rem; color:#6b6b6b; }
.rnb .selectbox .txt { padding:7px 38px 7px 9px; border:1px solid #d5d5d5; }
.rnb .selectbox .txt:after { background-image:url('../images/common/sel_bg_arr_up_b.png'); background-size:12px auto; }
.rnb .navList { padding-top:24px; }
.rnb .navList > li { padding-bottom:20px; }
.rnb .navList > li a { display:block; padding:0px 20px 0 52px; line-height:26px; color:#00b6c2; font-size:1.214rem; position:relative; }
.rnb .navList > li a:before { width:25px; height:25px; content:"\00a0"; position:absolute; left:20px; top:50%; margin-top:-12px; background-image:url('../images/common/bg_icon.png'); background-repeat:no-repeat; background-size:500px auto; }
.rnb .navList .known:before { background-position:-100px -150px; }
.rnb .navList .sketch:before { background-position:-150px -150px; }
.rnb .navList .star:before { background-position:-200px -150px; }
.rnb .navList .report:before { background-position:-250px -150px; }
.rnb .navList .event:before { background-position:-300px -150px; }
.rnb .navList .notice:before { background-position:-350px -150px; }
.rnb .navList .news:before { background-position:-400px -150px; }
.rnb .navList .mentor:before { background-position:-449px -150px; }

/* select */
.selectbox { display:inline-block; position:relative; vertical-align:middle; }
.selectbox .txt { position:relative; display:block; text-decoration:none; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 55px 0 15px; height:20px; line-height:20px; border:1px solid #ccc; color:#444; background-color:#fff; }
.selectbox select { position:absolute; z-index:1; left:0; bottom:0; height:100%; *height:auto; padding:0; border:0; width:100%; opacity:0; filter:alpha(opacity=0); -webkit-appearance:none; }
.header .content.h_newWrap .selectbox select { position:absolute; z-index:1; left:0; bottom:0; height:100%; *height:auto; padding:0; border:0; width:100%; opacity:0; filter:alpha(opacity=0); -webkit-appearance:none; }
.hText { position:absolute; width:0; height:0; z-index:-1; overflow:hidden; }
/* */
.selectLastMg .txt, .selectLastMg select { color:#444; font-size:1.071em; cursor: pointer;}
.selectLastMg .txt { height:20px; line-height:20px; border:1px solid #ddd; padding:13px 133px 13px 20px; }
.selectLastMg .txt:after { content:""; position:absolute; top:0; right:10px; width:28px; height:100%; background:url('../images/common/sel_bg_arr.png') no-repeat 50% 50%; }

.cssAni { -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }


/**/
.pt0 { padding-top:0 !important; }
.mt0 { margin-top:0 !important; }
.pb0 { padding-bottom:0 !important; }
.pt30pc { padding-top:1.765em !important; }
.pt10pc { padding-top:0.714em; }
.fs20 { font-size:1.429em; padding-bottom:0.5em; }
.pb15pc { padding-bottom:1.071em !important; }
.pt15pc { padding-top:1.071em !important; }



@media all and (min-width:1px) {
	.wrap { min-width:inherit; }
	.header .section { width:auto; }

	/* */
	.off .wrap { position:fixed; left:-80%; width:100%; height:100%; -webkit-backface-visibility:hidden; /* box-shadow:3px 0 6px rgba(0,0,0,.3); -webkit-box-shadow:3px 0 6px rgba(0,0,0,.3); */ }
	.off.noFixed .wrap { position:absolute; }
	.off .wrap .header .content { left:-80%; width:100%; }
	.off.noFixed .header .content { margin-left:80%; -webkit-transition:none; transition:none; }
	.off .aside { display:block; position:relative; }
	.off .areaBg:after { content:""; position:absolute; top:0; bottom:0; right:0; width:26px;
		background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(51,51,51,0.45) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(51,51,51,0.45)));
		background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(51,51,51,0.45) 100%);
		background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(51,51,51,0.45) 100%);
		background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(51,51,51,0.45) 100%);
		background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(51,51,51,0.45) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6333333',GradientType=1 );
	}
	.mcontent .cont .slnk:after { background-image:url('../images/main/s_arr_2x.png'); background-size:100% auto; }
}

@media all and (min-width:768px) {
	.off .wrap { position:relative !important; left:auto !important; width:auto !important; height:auto !important; overflow:auto !important; }
	.off .wrap .area { overflow:visible !important; height:auto !important; }
	.off .wrap .header .content { left:0 !important; width:100%; -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none; }
	.off .aside { display:none !important; position:absolute !important; }
}

/* tablet */
@media all and (min-width:768px) and (max-width:1020px) {
    .comBg, .comBgAfter:after, .comBgBefore:before { background-size:750px auto; }

	.header .content { height:68px; }
	.header .content.h_newWrap{position:absolute; top: 10px;}
	.hTitles { position:absolute; top: 0; left:0px; width:180px;width:100%; }
	.header .content.h_newWrap .selectbox select { }

	.hTitles .tit { padding-bottom:15px; }
	.hTitles .tit:after { height:3px; }
	/* .header .hTitles .tit { padding-top:15px; } */
	.hTitles .tit { width:164px; height: 44px; padding-bottom: 45px;}
	.hTitles .tit a { width:164px; height: 44px; background-position:-300px -15px; }

	/* */
	.footer { height:112px; }
	.footer .section { padding:43px 172px 15px; }
	.footer .section { padding:43px 0 0 320px; }
	.footer .section .kosaf { top:42px; left:0; width:150px; height:27px; background-position:0 -112px; }
	.footer .section .kosaf { top:42px; left:150px; width:150px; height:27px; background-position:0 -112px; }
	.footer .section .selectbox { top:41px; }
	.footer .section .selectbox .txt { padding:6px 30px 6px 11px; min-width:120px; }
	.footer .section .selectbox .txt:after { width:30px; background-size:12px auto; }
}
@media all and (max-width:1020px) {
	/* .hTitles { top:0; } */
	#skipToContent { width:100%; left:0; margin-left:0; }
	.header .content { min-width:inherit; }
	.content, .header .section, .header .gnb .gnbList > ul { padding:0; }
	.hTitles .tit:after  { width:164px;}
}
@media all and (max-width:767px) {
    .comBg, .comBgAfter:after, .comBgBefore:before { background-size:500px auto; }
    .mhid {display: none !important; }
    .mshow {display: block !important; }

	/* header */
	.hTitles {top: 0; }
	.header .btGnb { display:block; }
	.header .btGnb em { position:absolute; width:0; height:0; overflow:hidden; z-index:-1; }
	.header .hTitles { height:100%; }
	.header .hTitles.h_new {text-align: center;}
	.header .hTitles .tit { padding-top:15px; }
	.hTitles .tit { width:109px; height: 55px; margin:0 auto; }
	.hTitles .tit a { width:100%; height:100%; background-position:-375px -10px; }
	.hTitles .tit:after  { display: none;}

	/* footer */
	.footer { height:86px; }
	.footer .section { position:relative; padding:15px 10px; }
	.footer .section .kosaf { position:relative; top:auto; left:auto; margin:0 auto; width:100px; height:19px; background-position:0 -75px; }
	.footer .section .kosaf > a { display:block; width:100%; height:100%; overflow:hidden; text-indent:-999px; }
	.footer .section .selectbox { display:none; }
	.footer .section address { font-size:0.714rem; text-align:center; padding-top:6px; }
	.footer .section address a:hover, .footer .section address a:focus { text-decoration:underline; }
}

@media all and (max-width:1020px) {
	#skipToContent { width:100%; left:0; margin-left:0; }
}