@charset "utf-8";

/*footer*/
/*#footerwrap{width: 100%;height: 462px;color:#fff}*/  /*3단 사이즈*/
#footerwrap{width: 100%;height: 213px;color:#fff}
#footerwrap a{color:#fff}
#footerwrap a:hover{color:#015ea1}
#footer-top{width: 100%;height: 250px;background:#3a3a3a}
.footer-topinfo {width: 1024px;margin: auto;display:flex;}
.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 li a {line-height:2;;}
.footer-topinfo li p {line-height: 2;}
.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(/skin/flat01/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 ,#footer-main .footer-maininfo p strong a{color:#868686}
.footer-maininfo p i{font-size: 14px;margin-right:5px;color:#bcbcbc;}
.footer-maininfo p>i:last-child{margin-left: 10px;}
.footer-maininfo {padding-top: 25px;}

.sns{float: right;margin-top: -35px;}
 .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}