@charset "utf-8";
#footer{position:relative; width: 100%; z-index: 500; height:220px; margin-top:0px; background-color:#F2F2F2 !important;font-size:15px;  }
.foot_add_outer{width:100%; margin:0px auto 0 auto; padding:0; height:60px; background:#0068B6;}
.foot_add_outer ul{max-width:1520px; width:96%; margin:0 auto;}
.foot_add_outer ul li a{color:#fff; font-weight:400;line-height:60px; font-size:15px;}

.foot_add_outer ul li span.part_w{padding:0 20px 0 20px; background:url(../img/s_img/f_part1.png) no-repeat 21px 7px; }
.foot_add span.part{padding:0 20px 0 20px; background:url(../img/s_img/f_part2.png) no-repeat 21px 4px; }


/* 주소,연락처등 */ 

.foot_add {position:relative; max-width:1520px; width:96%; font-size:15px; margin:0 auto; padding:25px 0 0px 0;   line-height:24px;color:#fff;}
.foot_add address {margin:0px 0 0px 0; width:100%; padding:0; line-height:24px; font-weight:400;  letter-spacing:-0.03em; color:#000;}
.foot_add address p.logo strong{display:inline-block;padding-bottom:20px; font-size:25px; font-weight:600; color:#0068B6;}
.foot_add .copy {  font-weight:400; line-height:24px; font-size:15px; }
.foot_add address p{margin-bottom:0px; letter-spacing:-0.03em;}
.foot_add address p strong.pd{padding-left:20px;}


.f_sns{position:absolute; right:0; bottom:0px;}
.f_sns a{padding:0 5px;}


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

.foot_add_outer ul{ width:96%;  }
.foot_add { width:96%;}


}/* 1520px End*/





@media (max-width: 1199px) {

#footer{ height:auto; padding-bottom:25px; }
.foot_add { padding:25px 0 0px 0;}


}/* 1199px End*/





@media (max-width: 991px) {

#footer{font-size:15px;  }

.foot_add_outer{height:50px; }
.foot_add address { margin: 0px 0 0px 0;}
.foot_add address p.logo strong {  padding-bottom:10px;  font-size: 22px;}
.foot_add_outer ul li a{line-height:50px; }
.foot_add { padding:25px 0 0px 0;  }
.foot_add address p strong.pd{padding-left:15px;}
.foot_add_outer ul li span.part_w{padding:0 18px 0 18px; background:url(../img/s_img/f_part1.png) no-repeat 19px 7px; }
.foot_add span.part{padding:0 18px 0 18px; background:url(../img/s_img/f_part2.png) no-repeat 19px 50%; }


}/* 991px End*/



@media (max-width: 768px) {


#footer {  text-align: center;  padding-bottom: 25px;}

.foot_add_outer ul li span.part_w{padding:0 10px 0 10px; background:url(../img/s_img/f_part1.png) no-repeat 11px 4px; }
.foot_add {  padding: 25px 0 0px 0;}
.foot_add span.part{display:none; }
.foot_add address p strong.pd {  padding-left:0px;}
.foot_add span.m_cut{display:block;}
.f_sns {margin-top:20px;  position: relative;  right: auto;  bottom: auto;}
.foot_add_outer ul li a {font-size:14px;}

}/* 768px End*/