@charset "utf-8";
/*헤더*/
#headerWrap{box-shadow:0  2px 0 #015ea1;background: #fff;width: 100%;overflow: hidden;position: absolute;left: 0;top: 0;z-index:100;}

#headerWrap .topbar{width: 100%; height: 32px;border-bottom: 1px solid #d6d6d6;background: #f7f7f7;}
#headerWrap .topbar .topbar_v2{width: 1024px;margin: auto;}
#headerWrap .topbar  ul{float: right;}   
#headerWrap .topbar  li{float: left;display: block;width: 90px;height: 32px;line-height: 32px;border-right: 1px solid #d6d6d6;text-align: center;}   
#headerWrap .topbar  li a {color:#868686}
#headerWrap .topbar  li:first-child{border-left: 1px solid #e1e3ea;}   

#headerWrap .header_top{width: 1024px;margin: auto;height: 100px;position: relative;}
#headerWrap .header_top h1{position: absolute;line-height: 110px;padding-left: 5px; max-width: 900px;}
#headerWrap .header_top h1 img{max-height: 63px; width: auto;}
#headerWrap .header_top h1 a{font-size: 25px;font-weight: bold;text-indent:5px}
#headerWrap .header_top h2{right: 0;width: 200px;height: 50px;position: absolute;margin-top: 25px;}


#gnb{ /*위치*/position: relative;top: 0;left: 0;height: 50px; background: #015ea1 ;z-index: 1000;}
#gnb .gnb_top{overflow: hidden;width: 1024px;margin: auto;position: relative;} 
#gnb li{ float: left;}
#gnb li a{font-weight: bold;line-height: 50px;color:#fff;font-size: 17px;display: block;height: 50px;}
#gnb li ul li{margin: 0;margin-right: 15px;float: none;}
#gnb li ul li a{;color:#333;height: 30px;font-size: 15px;font-weight:normal;}
#gnb li ul li:hover a{;color:#015ea1;}
#gnb .gnb_top  .mgnb{width: 100%;text-align: center;}
#gnb .gnb_top  .subul{width: 100% ;}

#gnb li .subul{padding-top: 22px;padding-bottom:2px;}
#gnb li>ul li {margin: auto;}
#gnb li>ul li a{overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;line-height: 30px;max-width:135px;margin: auto;}

/*푸터*/
#footerwrap{width: 100%;height: 462px;color:#fff}
#footer-top{width: 100%;height: 250px;background:#3a3a3a}
.footer-topinfo {width: 1024px;margin: auto;display:flex;display: -webkit-flex; /* Safari */}
.footer-topinfo div{padding-top: 45px;width: 30%;margin-right: 88px;}
.footer-topinfo div:last-child{;margin-right:0px;}
.footer-topinfo h4{font-size: 16px;font-weight: bold;color:#fff;padding-bottom: 15px;}
.footer-topinfo p ,.footer-topinfo li span{color:#d6d6d6}
.footer-topinfo li a {line-height:2;color:#d6d6d6}
.footer-topinfo li p {line-height: 2;color:#d6d6d6}
.footer-topinfo li{position: relative;}
.footer-topinfo li> a> i {;   display: block;    width: 205px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;} 
.footer-topinfo li >span{position: absolute;right: 0;margin-top: -18px;}
.footer-topinfo  ,.footer-middletopinfo,.footer-maininfo{width: 1024px;margin: auto;position: relative;}
.footer-middletopinfo{width: 1024px;margin: auto;position: relative;}
.footer-maininfo{width: 1024px;margin: auto;position: relative;}

#footer-middle{width: 100%;height: 70px;background:#2c2c2c;border-top:1px solid #666;border-bottom: 1px solid #666;}
#footer-middle .footer-middleinfo {width: 1024px;margin: auto}
#footer-middle  .fnav{padding-top: 25px;}
#footer-middle  .fnav li{float: left;}
#footer-middle .fnav li a{color:#cfcfcf;margin-right: 10px;padding-right: 10px;background: url(http://skintest.onmam.com/t1/images/layout/minibar2.png)100% 50% no-repeat;}
#footer-middle  .fnav li:last-child a{background: none;}
#footer-middle  .count{float: right;margin-top: -25px;}
#footer-middle  .count li{float: left; padding: 10px;background: #191919;border: 1px solid #4d4d4d;;}
#footer-middle  .count li:last-child{margin-left: -1px;}
#footer-middle  .count li strong{font-weight: bold;margin-right: 10px;}

#footer-main{width: 100%;height: 140px;background:#2c2c2c;position: relative;}
#footer-main .footer-maininfo{width: 1024px;margin: auto;}
.footer-maininfo h2{padding:22px  0;}

.footer-maininfo p a, .footer-maininfo p {color:#868686}
.footer-maininfo p i{font-size: 14px;margin-right:5px;color:#bcbcbc;}
.footer-maininfo p>i:last-child{margin-left: 10px;}

.sns{float: right;margin-top: -80px;}
.sns li{float: left;padding-left: 10px;}
.sns li img {width:25px;height: 25px;}

#mobileBar {;padding-bottom: 30px;background: #2c2c2c;margin-top: 55px;}
#mobileBar  .mobile{color:#fff;position: absolute;top: 80px; left: 50%;margin-left: -512px;text-align: center;;;width: 108px;height: 34px;line-height: 34px ;font-size: 13px;background:#434242 ;border: 1px solid #313030;}
#mobileBar  .mobile:hover{font-weight: normal;text-decoration:initial;color:#fff}

#mobileBar2 {;padding-bottom: 52px;background: #2c2c2c;margin-top: 33px;}
#mobileBar2  .mobile{color:#fff;position: absolute;top: 125px; left: 50%;margin-left: -512px;text-align: center;;;width: 108px;height: 34px;line-height: 34px ;font-size: 13px;background:#434242 ;border: 1px solid #313030;}
#mobileBar2  .mobile:hover{font-weight: normal;text-decoration:initial;color:#fff}