@charset "utf-8";

#wrap #footer{ width: 100%; height:auto; padding : 50px 0; box-sizing: border-box; background: #F2F2F2;}
#footer{ }

#wrap #footer .foot_add_outer .foot_add{display:flex; align-items: center; justify-content: space-between; position:relative; width:100%; max-width:1520px; margin:0px auto 0 auto; }

/* 주소,연락처등 */  
.foot_add ul{}
.foot_add ul li{font-size:16px; font-weight:300; line-height: 1.875; }
.foot_add ul li br{display : none;}
.short_line{display : inline-block; width: 1px; height: 16px; background: #707070; margin : 0 14px; margin-bottom: -2px;}
span.f_part{display:none;background:url('../img/s_img/f_bar.gif') no-repeat 15px 8px; padding:0 13px 0 12px;}

.footer_txt{text-align: right;}
.footer_txt p{margin-bottom: 15px; font-size: 20px;}
.footer_txt ul{display : flex; gap: 20px; margin-bottom: 5px;}

.foot_add .copy {font-size: 16px; font-weight: 300; color : #000;}
.foot_add .copy a{}
.foot_add .copy a:hover{ font-weight:400;}
.foot_add ul li b{font-weight:500;}

/*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 { text-align:center; flex-shrink:0; cursor: pointer;}

.goTop { font-size:14px; line-height:70px; color:#111;  width:100%; height:100%; display: flex; justify-content: center;
    position: relative; background-color: var(--primary-color);  border-radius:0;}
.goTop:after{content:''; position:absolute; background: url('../img/s_img/up_black.png') no-repeat; width:19px;height: 27px; top:50%; left: 50%; background-size: contain; transform: translate(-50%, -50%);}
.goTop > img { width:48px;  margin-top:5px;}

.foot_add .copy br{display : none;}




@media (max-width: 1550px){

  .foot_add_outer {width:96%; margin : 0 auto; }

} /* end*/




@media (max-width: 1199px) {
.footer_logo img{width:220px;}

}/* 1199px End*/

@media (max-width: 991px) {

  #wrap #footer{height : auto; padding-bottom: 80px;}
.foot_add ul li{font-size:15px;}
.foot_add .copy { font-size:15px; }

#wrap #footer .foot_add_outer .foot_add{flex-direction: column;}
.footer_txt{text-align: center;}
.footer_txt ul{display : block;}
.footer_logo{text-align: center; margin-bottom: 20px;}


}/* 991px End*/

@media (max-width: 768px) {


}/* 768px End*/