@charset "utf-8";

#wrap #footer{clear:both; position:relative; width: 100%; z-index: 500; height:240px; margin-top:0px; background-color:#eeeeee !important; }
#wrap #footer .container{position: relative;width: 1200px;margin: 0 auto;height: 100%;}
#wrap #footer .container.mobile{display: none;}
#wrap #footer .container:after{display: block;content: '';clear: both;}
#wrap #footer h2.copylogo{float: left;width:18%; text-align: center;padding-top:50px;}

.foot_add_outer{position:relative; width:1200px; margin:0px auto 0 auto; padding:0; }
.footer_logo {float:left; margin:40px 0px 0 0px; padding:0px; width:20%; } 

/* 주소,연락처등 */  
.foot_add {float:left; margin:0px 0 0 0; padding:0;width:50%; font-size:16px; overflow:hidden; line-height:1.5; padding-top:40px;}
.foot_add img {vertical-align:top; font-size:0px; line-height:0px; }

.foot_add address { margin:0 0 0px 0; width:100%; float:left; padding:0; line-height:1.5; font-weight:400; letter-spacing:0em; color:#000;}
.foot_add address strong{font-weight:500;}

.foot_add .copy {margin:10px 0 0px 0; padding:0; font-weight:400; letter-spacing:0em; color:#000 !important;line-height:1.5; font-size:16px;}
.foot_add .copy a{color:#000;}
.foot_add .copy a:hover{color:#000; font-weight:400;}
.foot_add p { font-size:16px; line-height:1.5; font-weight:400; letter-spacing:0em; color:#000;}
.foot_add p strong{font-weight:500; padding-right:5px;}
.foot_add p strong:nth-child(2),.foot_add p strong:nth-child(3){margin-left:5px;}

ul.f_privacy {float:right; width:30%; max-width:410px; padding-top:40px;margin-bottom:5px; font-weight: 600;}
ul.f_privacy:after{display: block;content: '';clear: both;}
ul.f_privacy li{float: left; display:inline; width:49%; line-height:30px; margin-right:2%; margin-bottom:10px; color:#000;}
ul.f_privacy li:last-child{margin-right:0;}
ul.f_privacy li a{color:#000; font-size:15px; width:100%; text-align:center; font-weight:500; padding-right:0px; border:1px solid #000;}
ul.f_privacy li span a{display:inline-block;}


.foot_add em.part{background: url(../img/s_img/f_part.gif) no-repeat center 7px; padding:0 10px;} 
.mt5{margin-top:5px;}
em.part{ padding:0 10px;} 
span.f_part{background:url('../img/s_img/f_bar.gif') no-repeat 15px 6px; padding:0 15px 0 14px;}

.foot_add address.mt10{margin-top:10px;}


strong.fl5_{padding-left:4px;}

/*TOP*/

.navBtn {position:fixed;  right:20px; bottom:20px; z-index:999999; display: flex;  justify-content: center; width:50px;  height: 50px; transition: 0.3s ease-in-out; align-items: center; transform: scale(0) rotate(-80deg); }
.navBtn > div { margin:10px 20px 40px 0px; text-align:center; flex-shrink:0; cursor: pointer;}

.goTop { font-size:14px; line-height:70px; color:#111;  width:100%; height:100%; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);  transition: 3s; display: flex; justify-content: center;
    position: relative; background-color: #111 !important ;  border-radius:0;}
.goTop:after{content:''; position:absolute; background: url('../img/s_img/up_black.png') no-repeat; width:19px;height: 27px; top:26%; left: 33%; background-size: contain;}
.goTop > img { width:48px;  margin-top:5px;}



@media (max-width: 1199px) {
#wrap #footer{ height:230px; }
.footer_logo {display:none; } 
#wrap #footer .container{width:96%; margin:0 auto;}
.foot_add_outer{width:96%; margin:0 auto;}

.foot_add {float:left; width:60%; }
ul.f_privacy {float:right; width:40%; }

.foot_add .copy {margin:0px 0 0px 0; }



}/* 1199px End*/

@media (max-width: 991px) {
  #wrap #footer{ height:auto; padding-bottom:30px;}

.foot_add {clear:both; float:none; display:block; width:100%; text-align:center; font-size:15px;}
ul.f_privacy {clear:both;float:none; display:block; width:100%; text-align:center; max-width:400px; margin:0 auto; padding-top:15px;}
ul.f_privacy li a{font-size:15px;}

.food_add p{text-align:center; font-size:15px;}
.foot_add address{text-align:center; font-size:15px;}
.foot_add .copy{text-align:center; font-size:15px;}

.foot_add p { font-size:15px; }


}/* 991px End*/



@media (max-width: 768px) {

#wrap #footer{height:auto; padding-bottom:10px;}
#footer .container{width:100%;padding-top:20px;padding-bottom: 0px; text-align:center; height:auto;}
.foot_add {float:none; margin:0px 0 0 0; padding:0;width:100%; line-height:1.5; font-size:14px; overflow:hidden; padding-top:20px; text-align:center;}
.foot_add p{line-height:18px; }
.foot_add span.m_cut{display:block;}
.foot_add p.m_cut{display:block;}

.foot_add em.part{background:none;padding:0 0px;}

.foot_add span.m_cut{display:block;}
.foot_add span.m_cut em.part{padding:0;}

.foot_add .copy {display:inline-block;line-height:1.5; font-size:14px;; margin-top:0px; }
.foot_add .copy span.m_cut{display:block;}


.foot_add_outer{width:100%; text-align:center; }
.footer_logo {display:none; } 
span.f_part{display:block; background:none; padding:0 15px 0 14px;}
.foot_add address .ml32{margin-left: 5px;}

.foot_add address span.m_cut{display:block;}

.foot_add address strong.fax{padding-left:5px;}
.foot_add ul.privacy li a{ padding:0 10px; font-size:14px;}



.foot_add address {  line-height:1.5; font-size:14px;}
.foot_add p{line-height:1.5; font-size:14px;}


ul.f_privacy li a {  font-size: 14px; letter-spacing:-0.05em;}

.navBtn {display:none;}


ul.f_privacy {max-width: 320px; width:98%; margin:0 auto;}

strong.fl5_{padding-left:0px;}
}/* 768px End*/

@media (max-width : 480px){
  .mobile_cut{display : block;}
}