@charset "utf-8";

@font-face {
  font-family: 'notokr';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSans-Regular.eot);
  src: url(../fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
	   url(../fonts/NotoSans-Regular.woff2) format('woff2'),
	   url(../fonts/NotoSans-Regular.woff) format('woff')
}
@font-face {
  font-family: 'notokr';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSans-Medium.eot);
  src: url(../fonts/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
	   url(../fonts/NotoSans-Medium.woff2) format('woff2'),
	   url(../fonts/NotoSans-Medium.woff) format('woff')
}
@font-face {
  font-family: 'notokr';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/NotoSans-Bold.eot);
  src: url(../fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
	   url(../fonts/NotoSans-Bold.woff2) format('woff2'),
	   url(../fonts/NotoSans-Bold.woff) format('woff')
}

/*Reset*/
legend,caption,.blind{display: none;}
html{font-size:10px;}
body{margin: 0; padding: 0; min-width:1200px;}
div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,input,textarea,button,select,table,th,td{margin:0;padding: 0;border:0;}
ul,ol,li,dl{list-style: none;}
img{border:0;vertical-align: top;}
address,caption,cite,code,dfn,em,var{font-style: normal;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:after{content:""; content: none;}
form,fieldset{border:0;}
input,select,textarea,button{font-size:100%;vertical-align: middle;}
button{border:0;background-color: transparent;cursor:pointer;}
a{color:inherit; text-decoration:none;}
table{width:100%; *border-collapse:collapse; border-spacing:0; table-layout:fixed;}
strong,h1,h2,h3,h4,h5,h6{font-weight:600;}
img{max-width:100%;}
/* common */
body,th,td,input,select,textarea,button{color:#002623; font-size:10px; line-height:1.5;  font-family:'notokr', sans-serif; font-weight:400; word-break:keep-all;}

@-moz-document url-prefix(){
 body,th,td,input,select,textarea,button{font-weight:300} /* 모질라전용핵 */
 h1,h2,h3,h4,h5,h6{font-weight:300;}
}   

@media (hover: hover) and (pointer: fine){
a:hover,a:active,a:focus{text-decoration:none; }
}

article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}

.blind{display:none;}

/* skiptoContent */
#skiptoContent{position:fixed;top:0;left:0;width:100%;z-index:999}
#skiptoContent a{display:block;position:absolute;top:0;left:-9999px;width:100%;height:26px;background:#0a94b2;color:#fff;font-size:12px;line-height:26px;text-align:center}
#skiptoContent a:focus, #skiptoContent a:active{left:0%;text-decoration:none}
#skiptoContent a:hover{text-decoration:underline}

/* header */
header{height:130px; z-index:55; width:100%; border-bottom:2px solid #0e5178;}
header .inner{position:relative; display:flex; justify-content:space-between; align-items:center; height:130px;}
header h1 a{ height:100%; display:block;}
header .esub_btn a{display:inline-block; background:#052f47; color:#fff; font-size:1.5rem; padding:0.7rem 2rem 0.9rem 2.5rem; border-radius:999px;}
header .esub_btn a i{display:inline-block; margin-left:0.5rem; transition:all 0.2s;}
header .esub_btn a:hover i{margin-left:1rem;}

.inner{max-width:1200px; margin:0 auto;}
.inner_1100{max-width:1100px; margin:0 auto;}
.inner_900{max-width:900px; margin:0 auto;}

#Content_wrap{max-width:1200px; margin:0 auto; display:flex;}
#Content_wrap #left_wrap{width:23rem; background:#0e5178; padding:0 2rem; color:#fff; min-height:85rem; box-sizing:border-box;}
#Content_wrap #left_wrap > ul > li{margin-top:3.5rem;}
#Content_wrap #left_wrap h2{font-size:1.8rem; font-weight:500; border-bottom:2px solid #fff; padding-bottom:1rem;}
#Content_wrap #left_wrap .gnb2depth li{position:relative; padding-left:1.8rem; border-bottom:1px solid rgba(255,255,255,0.2);}
#Content_wrap #left_wrap .gnb2depth li span{position:absolute; top:7px; left:0; color:rgba(255,255,255,0.5); font-size:1.7rem;}
#Content_wrap #left_wrap .gnb2depth li a{display:block; color:rgba(255,255,255,0.5); font-size:1.4rem; padding:1rem 0; }
#Content_wrap #left_wrap .gnb2depth li.current span, #Content_wrap #left_wrap .gnb2depth li.current a{color:#fff; font-weight:500;}
#Content_wrap #right_wrap{margin:6rem 0 7rem 6rem; width:calc(100% - 29rem);}

.dot_list li{position:relative; padding-left:1.5rem; margin-top:1rem;}
.dot_list li:first-child{margin-top:0 !important;}
.dot_list li span{position:absolute; top:0; left:0;}

.list_dept2{margin-top:0.5rem;}
.list_dept2 li{padding-left:0rem !important; margin-top:0.5rem !important;}

.img_line{position:relative; display:inline-block;}
.img_line:after{content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #d1d1d1; box-sizing:border-box;}

footer{background:#222222; font-size:1.4rem; color:rgba(255,255,255,0.4);}
footer > .inner{position:relative; padding:5rem 0;}
footer .btn-box{margin-bottom:2.5rem;}
footer .btn-box a{display:inline-block; background:#1e4240; color:#fff; padding:0.7rem 1.5rem; font-weight:500; font-size:1.3rem;}
footer address{margin-bottom:1rem;}
footer em.bar{display:inline-block; width:1px; height:12px; background:rgba(255,255,255,0.4); margin:0 0.5rem; vertical-align:middle;}