@charset "utf-8";
#wrap #footer{clear:both; position:relative; width: 100%; z-index: 500; height:325px; margin-top:0px; background-color:#242021 !important; }
#wrap #footer .container{position: relative;width: 1520px;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:1520px; margin:0px auto 0 auto; padding:0; }
.footer_logo {float:left; margin:30px 0px 0 0px; padding:0px; width:25%; } 

/* 주소,연락처등 */  

.foot_add {float:left; margin:0px 0 0 0; padding:50px 0 0 0; width:100%; font-size:16px; overflow:hidden; line-height:1.5;color:#fff;}
.foot_add:after{display: block;content: '';clear: both;}
.foot_add img {vertical-align:top; font-size:0px; line-height:0px; }

.foot_add ul.st1{display:flex; width:100%; padding:15px 0; border-top:1px solid #4e4b4c; border-bottom:1px solid #4e4b4c;   }
.foot_add ul li strong{font-weight:500;}
.foot_add ul li.fir{margin-left:0;}

.foot_add ul.st1 strong{margin-right:5px;}
.foot_add ul.st1 li.fir{margin-left:0;}
.foot_add ul.st1 li{margin-left:30px;}


.foot_add ul.st2{display:flex; width:100%; padding:20px 0 10px 0;   }

.foot_add ul.st2 li.fir{margin-left:0;}
.foot_add ul.st2 li{margin-left:30px;}
.foot_add ul.st2 li strong{font-weight:600; margin-right:3px;}


.foot_add address {display:flex; margin:10px 0 20px 0; width:100%; padding:0; line-height:1.5; font-weight:300; letter-spacing:-0.03em; color:#000;}
.foot_add address strong{font-weight:500;}
.foot_add address p span{margin-right:15px; text-align:center; display:inline-block; width:135px; font-weight:500; color:#000; line-height:1.6; border-radius:25px; background:#bebdbd;}
.foot_add address p.fir{margin-left:0px;}
.foot_add address p{margin-left:40px;}




.foot_add p {letter-spacing:0;font-size:16px; line-height:1.5; font-weight:300; letter-spacing:0em; color:#fff;}
.foot_add p strong{font-weight:500; }
.foot_add p span.m_cut{padding-left:10px;}
.foot_add p strong.f_pl{padding-left:10px;}

.foot_add .copy {  border-top:1px solid #4e4b4c; font-weight:400;clear:both; margin:0; padding:20px 0 0 0;  letter-spacing:0em; color:#AAAAAA !important;line-height:1.5;  font-size:16px;}
.foot_add .copy a{color:#AAAAAA;}



/*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: 1520px) {

  #wrap #footer .container{position: relative;width:96%;margin: 0 auto;height: 100%;}

  .foot_add_outer{position:relative; width:96%; margin:0px auto 0 auto; padding:0; }

}/* 1520px End*/





@media (max-width: 1199px) {

  #wrap #footer{height: auto;padding-bottom: 40px;}

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


.footer_logo {display:none}
.foot_add {float:none; display:block; margin:0px auto; padding:30px 0 0 0; width:100%;  font-size:15px; overflow:hidden; line-height:1.5;}

.footer_logo {display:none; } 
.foot_add address {text-align:center;}
.foot_add p {text-align:center;}
.foot_add {float:none; display:block; margin:0px auto; padding:20px 0 0 0; width:100%; font-size:15px; overflow:hidden; line-height:1.5;}
.foot_add .copy {text-align:left; clear:both; margin:0; padding:10px 0 0 0; font-size:15px;}
.foot_add ul.f_info{margin-top:10px; display:block; gap:0px; text-align:center; }
.foot_add ul.f_info li:last-child{padding-left:10px;margin-top:10px;}

.foot_add ul.f_info li{text-align:center; }
.foot_add p {  font-size: 15px;}







}/* 1199px End*/

@media (max-width: 991px) {

#wrap #footer{height: auto;padding-bottom: 40px;}

.footer_logo {display:none; } 
.foot_add address {text-align:left;}
.foot_add p {text-align:left;}
.foot_add {float:none; display:block; margin:0px auto; padding:30px 0 0 0; width:96%; font-size:15px; overflow:hidden; line-height:1.5;}
.foot_add .copy {text-align:left; clear:both; margin:0; padding:10px 0 0 0; font-size:15px;}


.foot_add ul.st1 {display: flex; width: 100%; padding: 10px 0; justify-content: flex-start;}
.foot_add ul.st2 { display: flex; width: 100%; padding: 10px 0 0px 0; justify-content: flex-start;}



.foot_add address p{display:block; width:100%; margin:8px 0;}
.foot_add address {  display: flex;justify-content: flex-start;  margin: 8px 0 8px 0; width: 100%; padding: 0; flex-wrap: wrap;}

.foot_add ul.st1 li { margin-left: 10px;}
.foot_add ul.st2 li { margin-left:10px;}
.foot_add address p span {margin-right: 10px;}

}/* 991px End*/



@media (max-width: 768px) {
  .foot_add{font-size:14px;}
  .foot_add .copy { text-align: center; font-size: 14px;}
  .foot_add .copy span.m_cut{display:block;}
  .foot_add p { text-align: center; font-size:14px;}
  .foot_add address p span { margin:0 auto 10px auto; display:block;}

  .foot_add ul.st1 { display: flex;  width: 100%;  padding: 10px 0;  justify-content: center;  flex-wrap: wrap;}  

.foot_add ul li{width:100%;}

.foot_add ul.st2 { display: flex; width: 100%; padding: 10px 0 0px 0; justify-content: center; flex-wrap: wrap;}
.foot_add ul.st1 li {text-align: center;
  margin-left: auto;
}
.foot_add ul.st2 li {width:100%; text-align: center;
  margin-left: auto;
}
}/* 768px End*/