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



/*    메인비주얼    */
.mainvisual {position:relative; width:1000px; height:706px; background:url('/common/img/mainvisual.jpg')no-repeat; margin:2px 0 0;}
.mainvisual .logo {display:block; width:239px; height:54px; background:url('/common/img/header-logo.png')no-repeat center/ cover; position:absolute; top:37px; left:3px; transition:background 0.5s ease;}
.mainvisual .logo.active {background:url('/common/img/header-logo02.png')no-repeat center/ cover;}

.mainvisual .printbox {position:absolute; display:block; width:180px; height:185px; background:transparent; opacity:0.5; top:275px; left:26px;}
.mainvisual .printbox > a {display:block; width:150px; height:15px; background:transparent; opacity:0.7; position:absolute; left:15px;}
.mainvisual .printbox > a.link01 {top:34px; width:80px;}
.mainvisual .printbox > a.link02 {top:51px; width:70px;}
.mainvisual .printbox > a.link03 {top:70px; width:105px;}
.mainvisual .printbox > a.link04 {top:87px; width:105px;}
.mainvisual .printbox > a.link05 {top:105px; width:115px;}
.mainvisual .printbox > a.link06 {top:123px; width:145px;}
.mainvisual .printbox > a.link07 {top:141px; width:80px;}
.mainvisual .printbox > a.link08 {top:160px; width:70px;}

.mainvisual .vandobox {position:absolute; display:block; width:200px; height:195px; background:transparent; opacity:0.5; top:275px; right:26px;}
.mainvisual .vandobox > a {display:block; width:150px; height:15px; background:transparent; opacity:0.7; position:absolute; left:8px;}
.mainvisual .vandobox > a.link01 {top:34px; width:115px;}
.mainvisual .vandobox > a.link02 {top:51px; width:110px;}
.mainvisual .vandobox > a.link03 {top:70px; width:145px;}
.mainvisual .vandobox > a.link04 {top:87px; width:140px;}
.mainvisual .vandobox > a.link05 {top:105px; width:185px;}
.mainvisual .vandobox > a.link06 {top:123px; width:160px;}
.mainvisual .vandobox > a.link07 {top:141px; width:192px;}
.mainvisual .vandobox > a.link08 {top:160px; width:80px;}
.mainvisual .vandobox > a.link09 {top:176px; width:185px;}



/*  헤더  */
.nheader {position:absolute; font-size:0; top:28px; left:318px;}

.nheader .gnb {display:inline-block; vertical-align:middle; padding:0; box-sizing:border-box;}
.nheader .gnb:after {display:block; content:''; clear:both;}
.nheader .gnb > ul {padding:0; font-size:0;}
.nheader .gnb > ul > li {position:relative; display:inline-block; padding:0 50.5px; vertical-align:top;}
.nheader .gnb > ul > li:last-child {padding:0 0 0 50.5px;}
.nheader .gnb > ul > li:after {content:''; display:inline-block; width:1px; height:15px; background:#c6c6c6; position:absolute; top:0; right:0; margin:13px -3px 0 0;}
.nheader .gnb > ul > li:last-child:after {display:none;}

.nheader .gnb > ul > li > a {position:relative; display:block; font-size:14px; font-weight:700; color:#313131; padding:12.5px 0 18.5px; text-align:center; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif;}



.nheader .gnb > ul > li > ul {position:absolute; display:inline-block; top:43px; left:0; opacity:0; transition:all 0.3s ease; padding:0; padding:0 38px; background:#ddd; background:url('/common/img/gnb-box.png')no-repeat; z-index:2; box-sizing:border-box;}
.nheader .gnb > ul > li > ul:after {display:block; content:''; clear:both;}
.nheader .gnb > ul > li > ul.active:after {content:''; display:inline-block; width:15px; height:8px; background-image:url('/common/img/gnb-bg.png'); background-repeat:no-repeat; position:absolute; top:-8px;}
.nheader .gnb > ul > li > ul > li {display:inline-block; float:left; vertical-align:top; margin:0 13.5px}
.nheader .gnb > ul > li > ul > li > a {display:none; font-size:13px; font-weight:700; color:#444; padding:6.5px 0; transition:all 0.3s ease; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif;}





.nheader .gnb > ul > li:hover {}
.nheader .gnb > ul > li:hover > a {color:#003092;}
.nheader .gnb > ul > li > ul.active > li > a {display:block;}
.nheader .gnb > ul > li > ul.active > li > a:hover {color:#3f5ea5;}
.nheader .gnb > ul > li > ul.active {opacity:1;}



.nheader .gnb > ul > li:nth-child(1) > ul {width:376px; left:0px;}
.msie11 .nheader .gnb > ul > li:nth-child(1) > ul > li {margin:0 11.5px;}
.nheader .gnb > ul > li:nth-child(1) > ul.active:after {left:69px;}

.nheader .gnb > ul > li:nth-child(2) > ul {width:462px; left:-100px; background:url('/common/img/gnb-box02.png')no-repeat;}
.msie11 .nheader .gnb > ul > li:nth-child(2) > ul > li {margin:0 11px;}
.nheader .gnb > ul > li:nth-child(2) > ul.active:after {left:183px;}

.nheader .gnb > ul > li:nth-child(3) > ul {width:490px; left:-215px; background:url('/common/img/gnb-box03.png')no-repeat;}
.msie11 .nheader .gnb > ul > li:nth-child(3) > ul {padding:0 30px;}
.msie11 .nheader .gnb > ul > li:nth-child(3) > ul > li {margin:0 11px;}
.nheader .gnb > ul > li:nth-child(3) > ul.active:after {left:300px;}




/*    서브헤더    */
.sbheaderbox {position:relative; height:101px;}
.sbheaderbox .logo {display:block; width:239px; height:54px; background:url('/common/img/sbheader-logo.png')no-repeat center/ cover; position:absolute; top:37px; left:3px; transition:background 0.5s ease;}
.sbheaderbox .logo.active {background:url('/common/img/sbheader-logo02.png')no-repeat center/ cover;}


/*    서브비주얼    */
.subvisual {height:137px; background:url('/common/img/subvisual.png')no-repeat center / cover; margin:-5px 0 0;}