@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");


.section.etcwrap {position:relative; z-index:1;}

/*  헤더  */
.nheader {position:relative; font-size:0; height:115px;}
.nheader h1 {margin:0; display:inline-block; vertical-align:middle; width:190px;}

.nheader .gnb {display:inline-block; vertical-align:middle; box-sizing:border-box; position:absolute;}
.nheader .gnb:after {display:block; content:''; clear:both;}

.nheader .gnb.gnb01 {top:64px; left:172px;}
.nheader .gnb.gnb01 > ul > li {padding:0 !important; width:103px;}

.nheader .gnb.gnb02 {top:28px; right:-12px;}
.nheader .gnb.gnb02 > ul > li {padding:0 !important; width:136px;}


.nheader .gnb > ul {padding:0; font-size:0;}
.nheader .gnb > ul > li {position:relative; display:inline-block; padding:0 42px; vertical-align:top;}
.nheader .gnb > ul > li:first-child {padding:0 42px 0 0;}
.nheader .gnb > ul > li:last-child {padding:0 0 0 42px;}
.nheader .gnb > ul > li > a {position:relative; display:block; font-size:13px; font-weight:700; color:#fff; padding:12.5px 0; text-align:center; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif;}
.nheader .gnb > ul > li > a > span {display:block; font-size:7px; color:#808080; transform:scale(0.8);}
.nheader .gnb > ul > li > ul {position:absolute; display:inline-block; top:38px; left:0; opacity:0; transition:all 0.3s ease; padding:0; padding:0 8px 0 13px; background:url('/common/img/gnb-bg.jpg')no-repeat right; box-sizing:border-box;}
.nheader .gnb > ul > li > ul:after {display:block; content:''; clear:both;}
.nheader .gnb > ul > li > ul > li {display:inline-block; float:left; vertical-align:top; margin:0 14px}
.nheader .gnb > ul > li > ul > li > a {display:none; font-size:12px; font-weight:700; color:#fff; padding:0.5px 0 2.5px; transition:all 0.3s ease; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif;}
.nheader .gnb > ul > li > ul > li > a span {font-size:10px; margin:0 2px 0 0; vertical-align:top;}
.nheader .gnb > ul > li:hover {}
.nheader .gnb > ul > li:hover > a {font-size:16px; margin:-2px 0 0;}
.nheader .gnb > ul > li > ul.active > li > a {display:block;}
.nheader .gnb > ul > li > ul.active > li > a:hover {color:#2faad8;}
.nheader .gnb > ul > li > ul.active {opacity:1;}



.nheader .gnb.gnb01 > ul > li:nth-child(1) > ul {width:177px; left:-6px;}
.msie11 .nheader .gnb.gnb01 > ul > li:nth-child(1) > ul {width:177px;}

.nheader .gnb.gnb02 > ul > li:nth-child(3) > ul {width:177px; left:-6px;}
.msie11 .nheader .gnb.gnb02 > ul > li:nth-child(3) > ul {width:177px;}



#left_part {overflow:visible !important;}
.lmenu {position:relative; width:203px; height:389px; background-repeat:no-repeat; background-position:center; background-size:cover; background-image:url('/common/img/left-bg.jpg');}


.lmenu > ul {padding:49px 0 0 24px;}
.lmenu > ul > li {position:relative; line-height:29px; height:29px;}
.lmenu > ul > li > a {display:block; font-size:15px; font-weight:700; color:#fff; letter-spacing:-2.1px; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif;}
.lmenu > ul > li > ul {display:none; position:absolute; right:-72px; width:140px; background-color:#fff; z-index:2; padding:7px 6px 1px 8px; box-sizing:border-box; border:2px solid #234366; border-top:3px solid #234366; box-shadow: 0 0 0 2px #c0c0c0 inset;}
.lmenu > ul > li > ul.active {display:block;}
.lmenu > ul > li > ul.active:after {content:''; display:inline-block; width:12px; height:16px; background:url('/common/img/left-arrow.png')no-repeat center; position:absolute; top:0; left:-10px;}

.lmenu > ul > li > ul > li {height:29px; line-height:29px; box-sizing:border-box; border-bottom:2px solid #75879b;     box-shadow: 0px 1px 0px 0px #d0d0d0;}
.lmenu > ul > li > ul > li:last-child {border:none; box-shadow:none;}
.lmenu > ul > li > ul > li a {display:block; font-size:13px; font-weight:700; color:#515151; padding:0 0 0 11px; letter-spacing:-2px; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif;}
.lmenu > ul > li > ul > li a:hover {color:#2d6fb2;}
.lmenu > ul > li > ul > li a.red {color:#900;}
.lmenu > ul > li > ul > li a span {letter-spacing:-3px;}


.lmenu > ul > li:nth-child(1) > ul {top:-7px;}
.lmenu > ul > li:nth-child(1) > ul.active:after {top:9px;}

.lmenu > ul > li:nth-child(2) > ul {top:-68px;}
.lmenu > ul > li:nth-child(2) > ul.active:after {top:71px;}

.lmenu > ul > li:nth-child(3) > ul {top:-6px;}
.lmenu > ul > li:nth-child(3) > ul.active:after {top:11px;}

.lmenu > ul > li:nth-child(4) > ul {top:-6px;}
.lmenu > ul > li:nth-child(4) > ul.active:after {top:11px;}
.lmenu > ul > li:nth-child(4) > ul li a {padding:0 0 0 3px;}

.lmenu > ul > li:nth-child(5) > ul {top:-31px;}
.lmenu > ul > li:nth-child(5) > ul.active:after {top:35px;}

.lmenu > ul > li:nth-child(6) > ul {top:-6px;}
.lmenu > ul > li:nth-child(6) > ul.active:after {top:11px;}

.lmenu > ul > li:nth-child(7) > ul {top:-23px;}
.lmenu > ul > li:nth-child(7) > ul.active:after {top:26px;}

.lmenu > ul > li:nth-child(8) > ul {top:-23px;}
.lmenu > ul > li:nth-child(8) > ul.active:after {top:26px;}

.lmenu > ul > li:nth-child(9) > ul {top:-66px;}
.lmenu > ul > li:nth-child(9) > ul.active:after {top:70px;}

.lmenu > ul > li:nth-child(10) > ul {top:-196px;}
.lmenu > ul > li:nth-child(10) > ul.active:after {top:199px;}

.lmenu > ul > li:nth-child(11) > ul {top:-175px;}
.lmenu > ul > li:nth-child(11) > ul.active:after {top:178px;}