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


.headerbox {position:relative; width:1000px;}
.headerbox h1 {position:absolute; top:27px; left:49px;}
.headerbox h1 a {display:block;}

.headerbox .util {position:absolute; top:-2px; right:20px;}
.headerbox .util li {display:inline-block; vertical-align:top;}
.headerbox .util li {margin:0 0 0 12px;}
.headerbox .util li:nth-child(5) {margin:0 0 0 4px;}



/*  헤더  */
.nheader {position:absolute; top:30px; left:255px; font-size:0;}
.nheader h1 {margin:0; display:inline-block; vertical-align:middle; width:190px;}

.nheader .gnb {display:inline-block; vertical-align:middle; width:790px; padding:20px 0 0 67px; 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 36px; vertical-align:top;}
.nheader .gnb > ul > li:first-child {padding:0 36px 0 0;}
.nheader .gnb > ul > li:last-child {padding:0 0 0 36px;}
.nheader .gnb > ul > li > a {position:relative; display:block; font-size:16px; font-weight:700; color:#666; padding:12.5px 0 25px; text-align:center; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif;}

.nheader .gnb > ul > li > ul {position:absolute; display:inline-block; top:52px; left:0; opacity:0; transition:all 0.3s ease; padding:0; background-repeat:no-repeat; background-size:cover; background-position:center; padding:0 0 0 10px; box-sizing:border-box; z-index:1; }
.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 16px}
.msie11 .nheader .gnb > ul > li > ul > li {margin:0 13px}
.nheader .gnb > ul > li > ul > li > a {display:none; font-size:13px; font-weight:700; color:#fff; padding:11px 0; 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 .gnb_bg {position:absolute; top:31px; left:0; right:0; width:100%; height:0; background:#d2e3fd; opacity:0; transition:all 0.3s ease; z-index:-1;}
.nheader .gnb > ul > li:hover {}
.nheader .gnb > ul > li:hover > a {color:#dd170e;}
.nheader .gnb > ul > li > ul.active > li > a {display:block;}
.nheader .gnb > ul > li > ul.active > li > a:hover {color:#000;}
.nheader .gnb > ul > li > ul.active {opacity:1;}

.nheader .gnb > ul > li:nth-child(1) > ul {width:513px; left:-35px; background:url('/common/img/gnb-bg.png');}
/*.msie11 .nheader .gnb > ul > li:nth-child(1) > ul li {margin:0 13px;}*/

.nheader .gnb > ul > li:nth-child(2) > ul {width:310px; left:-75px; background:url('/common/img/gnb-bg02.png');}
/*.msie11 .nheader .gnb > ul > li:nth-child(2) > ul {width:320px;}*/

.nheader .gnb > ul > li:nth-child(3) > ul {width:250px; left:12px; background:url('/common/img/gnb-bg03.png');}
/*.msie11 .nheader .gnb > ul > li:nth-child(3) > ul {width:305px;}*/

.nheader .gnb > ul > li:nth-child(4) > ul {width:651px; left:-365px; background:url('/common/img/gnb-bg04.png');}
/*.msie11 .nheader .gnb > ul > li:nth-child(4) > ul {width:160px;}*/

.nheader .gnb > ul > li:nth-child(5) > ul {width:318px; left:-180px; background:url('/common/img/gnb-bg05.png');}
/*.msie11 .nheader .gnb > ul > li:nth-child(5) > ul {width:161px;}*/



/*    메인비주얼    */
.mainvisual {width:100%; height:615px; background:url('/common/img/mainvisual.png')no-repeat left;}



/*    메인배너    */
.mainvisual .banner {position:absolute; top:177px; right:216px; width:238px; height:122px; background:url('/common/img/banner-bg.png')no-repeat center / cover; padding:2px 0 0 12px;}
.mainvisual .banner ul {padding:0; width:145px;}
.mainvisual .banner ul li {list-style:none;}
.mainvisual .banner ul .slick-arrow {position:absolute; top:0; right:0; z-index:1; cursor:pointer; width:16px; height:16px; background-repeat:no-repeat; background-position:center; background-size:cover; background-color:transparent; text-indent:-9999px; border:none;}
.mainvisual .banner ul .slick-prev {background-image:url('/common/img/banner-prev.png'); margin:23px -70px 0 0;}
.mainvisual .banner ul .slick-next {background-image:url('/common/img/banner-next.png'); margin:3px -70px 0 0;}



/*    메인이벤트링크    */
.main_event {width:198px; height:132px; position:absolute; top:462px; right:8px;}
.main_event a {display:block; width:100%; height:100%;}



/*    서브비주얼    */
.subvisual {width:1000px; height:325px; background:url('/common/img/subvisual01.png')no-repeat center; margin:5px 0 0;}
.subvisual.sv02 {background:url('/common/img/subvisual02.png')no-repeat center;}
.subvisual.sv03 {background:url('/common/img/subvisual03.png')no-repeat center;}
.subvisual.sv04 {background:url('/common/img/subvisual04.png')no-repeat center;}
.subvisual.sv05 {background:url('/common/img/subvisual05.png')no-repeat center;}



/*    왼쪽메뉴    */
.leftmenu {width:210px; height:298px; background:url('/common/img/left-bg.png')no-repeat;}
.leftmenu h2 {font-size:19px; font-weight:700; color:#463832; text-align:right; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif; padding:35px 34px 0 0;}

.leftmenu ul {text-align:left; margin:-1px 0 0; width:142px; padding:0 9px 0 0;}
.leftmenu ul li {position:relative; list-style:none; padding:3.5px 0;}
.leftmenu ul li:after {content:''; display:inline-block; width:142px; height:1px; background:url('/common/img/left-line.png')no-repeat center / cover; position:absolute; bottom:0; left:0;}
.leftmenu ul li a {position:relative; display:block; font-size:13px; font-weight:500; color:#463832; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif; padding:0 0 0 17px; z-index:1; transition:color 0.3s ease;}
.leftmenu ul li a:hover {color:#fff;}
.leftmenu ul li a:after {content:''; display:inline-block; width:4px; height:7px; background:url('/common/img/left-arrow.png')no-repeat center / cover; position:absolute; top:0; right:0; margin:6px 10px 0 0; z-index:1; transition:all 0.3s ease;}
.leftmenu ul li a:before {content:''; display:inline-block; width:152px; height:24px; background:url('/common/img/left-on.png')no-repeat center / cover; position:absolute; top:0; left:0; z-index:-1; margin:-2px 0 0 -8px; opacity:0; transition:opacity 0.3s ease;}
.leftmenu ul li a:hover:before {opacity:1;}
.leftmenu ul li a:hover:after {background:url('/common/img/left-arrow-on.png')no-repeat center / cover;}