@charset "utf-8";

.clearfix {}
.clearfix:before {content: ""; clear: both; display: block;}
.clearfix:after {content: ""; clear: both;display: block;}

/* header */
#header{position: fixed;top: 0;left: 0;width: 100%;height: 95px;z-index: 90;border-bottom: 1px solid rgba(255,255,255,0.3);}
#header .inner{position: relative;height: 95px;margin: 0 100px;}
#header .logo{position: absolute;top: 0;left: 0;height: 100%;line-height: 95px; width:150px;}
#header .logo h1{background:url("../images/logo1.png") no-repeat center / contain; text-indent:-9999px;}
#header.on {background: rgba(255,255,255,0.9);}
#header:hover {background: rgba(255,255,255,1);}


/* gnb */
#gnb{position: absolute;top: 0; left: 200px; right: 200px; z-index: 2; text-align: center; }
#gnb > li{position: relative;display: inline-block;vertical-align: top;margin: 0 30px;}
#gnb > li > a{display: block;line-height: 95px;font-family: 'Poppins', sans-serif;font-size: 19px;color: #fff;text-decoration: none;position: relative;}
#gnb > li.active > a:after {display: block;content: '';position: absolute;bottom: 25px;left: 0;width: 100%;height: 2px;background: #fff;}
#gnb > li > ul{position: absolute;top: 95px;left: 0;white-space: nowrap;visibility: hidden;opacity: 0;transition: all 0.2s;}
#gnb > li > ul li {display: inline-block;zoom: 1;*display: inline;vertical-align: top;margin-left: 27px;}
#gnb > li > ul li:first-child {margin-left: 0;}
#gnb > li > ul li a{display: block;font-family: 'Poppins','ns', sans-serif;font-size: 15px;color: #fff;font-weight: 500;line-height: 50px;text-align: center;text-decoration: none;position: relative;}
#gnb > li > ul li.active a:after{display: block;content: '';position: absolute;bottom: 10px;left: 0;width: 100%;height: 1px;background: #fff;}
#gnb > li:hover > ul{visibility: visible;opacity: 1;z-index: 60;}
#gnb > li.hidden-gnb{display: none;}
#gnb > li .depth2{display:none; position:absolute; top:100%; left:-50%; padding-top:1px;}
#gnb > li .depth2 ul{background: #fff;  border-top:3px solid #312927; }
#gnb > li .depth2 ul li{text-align:left;  }
#gnb > li .depth2 ul li:last-child{border-bottom:0;}
#gnb > li .depth2 ul li a{color:#312927; display:block; padding:10px 15px;  min-width:150px; position:relative; padding-left:20px;}
#gnb > li .depth2 ul li a:before{content:""; display:inline-block; width:4px; height:4px; background:#312927; vertical-align:middle; position:absolute; top:19px; left:10px;}
#gnb > li:hover .depth2{display:block;}

#header.sub {border-bottom: 1px solid #ddd;}
#header.sub .slide-btn i,
#header:hover .slide-btn i{color:#333}
#header.sub .logo h1{background:url("../images/logo1.png") no-repeat center / contain !important; text-indent:-9999px;}
#header.sub {background: rgba(255,255,255,0.9); min-width: 1280px;}
#header.sub:hover {background: rgba(255,255,255,1);}
#header.sub #gnb > li > ul li.active a:after,
#header.sub #gnb > li > a{color:#333;}

/* 모바일 메뉴 */
.slide-btn{top: 50%; transform: translateY(-50%); right: 10px;display: block; width: 30px; height:30px; position: absolute; line-height: 1; cursor: pointer; display: none;}
.slide-btn i{font-size: 30px; color: #fff;}
.slide-btn.on{z-index: 1000;}
.slide-btn.on i{color:#000;}
#header.on .slide-btn i,
#header:hover .slide-btn i{color:#333}


.mognb_wrap{position: fixed; top: 0; bottom: 0; width: 600px; right: -100%; background: #fff; z-index: 999; transition: all .4s;}
.mognb_wrap.on{right: 0; transition: all .4s;}
.mognb_wrap .mognb{ padding: 110px 30px 0;}
.mognb_wrap .mognb li{font-size: 24px; font-weight: 600; font-family: 'Poppins', sans-serif;  border-bottom: 1px solid #ddd;}
.mognb_wrap .mognb li:last-child{padding-bottom: 10px;}
.mognb_wrap .mognb li a{line-height: 2.5; display: block;}
.mognb_wrap .mognb li .depth2{}
.mognb_wrap .mognb li .depth2 ul{}
.mognb_wrap .mognb li .depth2 ul li{font-size:16px; font-weight: 300; margin-bottom:0; border-bottom:0;}
.mognb_wrap .mognb li .depth2 ul li a{line-height: 2;}

/* footer */
#footer{background: #1d1d1d; height: 69px; padding:35px 0;}
#footer .footerInner{width: 1280px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
#footer .footerInner .footer_left > span{font-family: 'NanumSquare'; font-size: 12px; color: #ddd;}
#footer .footerInner .footer_left ul{margin-bottom: 25px;}
#footer .footerInner .footer_left ul li{display: inline-block; font-family: 'Poppins'; font-size: 12px; color: #999;}
#footer .footerInner .footer_left ul li .footer_strong{color: #ddd; margin-right: 10px; font-family:'Poppins'}
#footer .footerInner .footer_left ul li:after{display: inline-block; content: ''; width: 1px; height: 10px; background: #666; margin: 0 20px;}
#footer .footerInner .footer_left ul li:last-child:after{display: none;}
#footer .footerInner .footer_left .copy{color: #999; font-family: 'Poppins'; font-weight: 300;}
#footer .footerInner .footer_right {width: 110px;}
#footer .footerInner .footer_right img {width: 100%; opacity: 0.6;}