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


#wrapbody:after {content:''; display:block; clear:both;}

#header {position:relative;}
/*  헤더  */
.nheader {position:absolute; font-size:0; top:52px; right:63px;}
.nheader h1 {margin:0; display:inline-block; vertical-align:middle; width:190px;}

.nheader .gnb {display:inline-block; vertical-align:middle; width:697px; height:42px; box-sizing:border-box; padding:0 0 0 13px; background:url('/common/img/header-bg.png')no-repeat center; margin:0;}
.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 52.5px; vertical-align:top;}
.msie11 .nheader .gnb > ul > li {padding:0 49px;}
/*.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:500; color:#fff; padding:10.5px 0 18.5px; text-align:center; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif; text-decoration:none !important;}
.msie11 .nheader .gnb > ul > li > a {font-weight:600;}
.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:47px; left:0; opacity:0; transition:all 0.3s ease; padding:0; padding:0 8px 0 13px;}
.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 12px}
.nheader .gnb > ul > li > ul > li > a {display:none; font-size:13px; font-weight:500; color:#333; padding:0.5px 0 2.5px; transition:all 0.3s ease; font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif; text-decoration:none !important;}
.msie11 .nheader .gnb > ul > li > ul > li > a {font-weight:600;}
.nheader .gnb > ul > li:hover {}
.nheader .gnb > ul > li > ul.active > li > a {display:block;}
.nheader .gnb > ul > li > ul.active {opacity:1;}



.nheader .gnb > ul > li:nth-child(1) > ul {width:440px; left:25px;}
.msie11 .nheader .gnb > ul > li:nth-child(1) > ul {width:470px;}

.nheader .gnb > ul > li:nth-child(2) > ul {width:385px; left:-135px;}
.msie11 .nheader .gnb > ul > li:nth-child(2) > ul {width:390px;}

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


.nheader .gnb > ul > li:nth-child(4) > ul {width:270px; left:-140px;}
.msie11 .nheader .gnb > ul > li:nth-child(4) > ul {width:270px; left:-155px;}






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


/*    메인배너    */
.bannerslide {position:relative; width:315px; height:94px; margin:0 0 13px 25px;}
.bannerslide .slick-arrow {position:absolute; z-index:1; width:17px; height:29px; background-color:transparent; background-repeat:no-repeat; background-position:center; background-size:cover; text-indent:-9999px; top:50%; cursor:pointer;}
.bannerslide .slick-prev {background-image:url('/common/img/banner-prev.png'); left:0; margin:-8px 0 0 -20px;}
.bannerslide .slick-next {background-image:url('/common/img/banner-next.png');  right:0; margin:-8px -20px 0 0;}

/*    서브비주얼    */
/*
.subvisual {height:150px;}
.subvisual.company {background:url('/common/img/kor_company_bg.jpg')no-repeat center;}
.subvisual.product {background:url('/common/img/kor_product_bg.jpg')no-repeat center;}
.subvisual.technology {background:url('/common/img/kor_technology_bg.jpg')no-repeat center;}
.subvisual.customer {background:url('/common/img/kor_customer_bg.jpg')no-repeat center;}
.subvisual.bulletin {background:url('/common/img/kor_bulletin_bg.jpg')no-repeat center;}
*/