@charset "utf-8";
#footer{position:relative; width: 100%; z-index: 10100; padding-bottom: 46px; margin-top:0px; background:#000 !important; }

.h340{height:340px !important;}
#footer .container{position: relative;width: 1200px;margin: 0 auto;height: 100%;}
#footer .container.mobile{display: none;}
#footer .container:after{display: block;content: '';clear: both;}
#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; overflow : hidden;}
.footer_logo {float:left; margin:40px 0px 0 0px; padding:0px; width:25%; } 
 


 /* 주소,연락처등 */  
.foot_add {float:left; text-align:left; margin:0px 0 0 0; padding:0;width:55%; font-size:15px; font-weight:300; overflow:hidden; line-height:24px; padding-top:30px;}
.foot_add img {vertical-align:top; font-size:0px; line-height:0px; }

.foot_add li { float:left; display:inline; color:#fff; font-size:16px; font-weight:300; letter-spacing:0;}
.foot_add li.f_tel{display:inline-block; width:30%;  }
.foot_add li.f_tel dt{color:#888; margin-top:10px; font-weight:400;}
.foot_add li.f_tel dd{color:#fff;}

.foot_add li.f_add{padding-left:40px;display:inline-block; width:70%;}

.foot_add li.f_add dt{color:#888; font-weight:400; margin-top:10px;}
.foot_add li.f_add dd{color:#fff; font-weight:300;}
.foot_add li.f_add p{color:#888; margin-top:40px; }
.foot_add li.f_add p a{color:#888;}


.f_sns {float:right; margin:110px 0 0 0; padding:0;width:20%; font-size:15px; overflow:hidden; line-height:24px; }
.f_sns:after{display: block;content: '';clear: both;}
.f_sns li{float:right; display:inline; padding-left:29px;}
.f_sns li:last-child{padding-left:0;}




/*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;}




#select_depart1 {position:absolute;  right:0px; top:40px; z-index:10105; width:210px; line-height:1.5; /*height:45px; line-height:45px;*/ letter-spacing:-1px;  box-sizing:border-box; }
#select_depart1 h4{position:absolute; top:0px; color:blue;}
#select_depart1 li{list-style-type:none; padding:0; margin:0;  overflow:auto;}

#select_depart1 h3 { margin:0px !important; padding:0 !important; line-height:36px !important; height:45px; line-height:45px; width:100%; color:#fff; font-size:18px; background:none; text-align:left; }
#select_depart1 h3 a{display:inline-block; color:#fff; padding:0px 10px 0px 15px;  margin:0;  width:100%;line-height:45px;   font-weight:normal; font-size:15px; text-decoration:none;letter-spacing:0;text-align:left; }
#select_depart1 h3 a:link, #select_depart1 h3 a:visited, #select_depart1 h3 a:hover {line-height:36px; height:45px; line-height:45px; color:#fff; font-weight:100; width:100%; font-size:15px;border:1px solid #aaaaaa; text-align:left; background:#222 url('../img/s_img/select_depart_more.png') no-repeat 95% 18px; }

#select_depart1 #selectbox_depart1 { position: absolute; bottom:-1px; right:0px;}
#select_depart1 .sbx {display: none; width:210px; height:auto; z-index:10175;  }
#select_depart1 .sbx h5 { height:30px; position: absolute; left:0; top:0; margin:0; z-index:10175; padding:0px 10px 0px 10px; background:#222222; color:#fff; width:190px;  font-size:15px !important; line-height:28px; font-weight:600; letter-spacing:0; }
#select_depart1 .sbx .wrap { width:210px;  box-sizing:border-box; margin:0; padding:30px 0px 0px 0px; background:#fff; overflow:hidden; height:85px; border-left:1px solid #555; border-right:1px solid #555; border-bottom:1px solid #555;}
#select_depart1 p .close { position: absolute; top:0px; right:0px; z-index:10175; }
#select_depart1 .sbx ul { display: inline; float: left; list-style: none; width:210px; margin: 0; padding: 0; overflow:auto; height:70px; box-sizing:border-box; }
#select_depart1 .sbx ul li { margin: 0; padding: 1px 0 0 7px; margin-left:10px; display:inline-block; width:90%;  float:left; }
#select_depart1 .sbx ul li a { display: inline-block;  white-space: nowrap; color:#111 !important;  font-size:14px; line-height:30px;padding-top:9px; }
#select_depart1 .sbx ul li a:hover { color: #c60000 !important; text-decoration: underline; }


@media (max-width: 1199px) {


#main #footer{  padding-top:40px; }

#footer{ width:100%; height:auto; min-height:300px; margin-top:0px; padding-top:40px; background:#000 !important; }



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


 /* 주소,연락처등 */  
 .foot_add {float:left; text-align:left; margin:0px 0 0 0; padding:0;width:55%; font-size:15px; overflow:hidden; line-height:24px; padding-top:30px;}
 .foot_add img {vertical-align:top; font-size:0px; line-height:0px; }
 
 .foot_add li { float:left; display:inline; color:#fff; font-size:16px; font-weight:300; letter-spacing:0;}
 .foot_add li.f_tel{display:inline-block; width:40%; text-align:left;  }
 .foot_add li.f_tel dt{margin-top:10px; }
 
 .foot_add li.f_add{padding-left:0px;display:inline-block; width:60%; text-align:left;}
  .foot_add li.f_add dt{ margin-top:10px;}
 .foot_add li.f_add p{margin-top:30px; }

 /*

*/
 /*
 .f_sns {float:right; margin:110px 0 0 0; padding:0;width:20%; font-size:15px; overflow:hidden; line-height:24px; }
 .f_sns:after{display: block;content: '';clear: both;}
 .f_sns li{float:right; display:inline; padding-left:29px;}
 .f_sns li:last-child{padding-left:0;}
 
 */
 #select_depart1 {top:50px;}

.foot_add {float:left; margin:0px 0 0 0; padding:0;width:70%; font-size:14px; font-weight:300; overflow:hidden; line-height:22px; padding-top:0px; text-align:center;}
.foot_add p{color:#fff; line-height:22px; }
.foot_add p.privacy {line-height:22px; font-size:14px; font-weight:300; letter-spacing:-0.05em;}
.f_sns {float:right; margin:0px 0 0 0; }

.f_sns {

  width:30%;

}


/*
.f_sns {float:right; text-align:center; margin:80px auto 0 auto; padding:0;width:40%; max-width:280px;font-size:15px; overflow:hidden; line-height:24px; padding-top:20px; padding-bottom:0px;}
.f_sns li{float:none; display:inline; padding-left:15px; padding-right:15px;}


*/










#wrap #footer h2.copylogo{display:none;}

.footer_logo {display:none;} 






}/* 1199px End*/

@media (max-width: 991px) {





.foot_add_outer{position:relative; width:94%; margin:0px auto 0 auto; padding:0; }
.foot_add {float:none; margin:0px 0 0 0; padding:0;width:100%; font-size:14px; font-weight:300; overflow:hidden; line-height:22px; padding-top:0px; text-align:center;}
.foot_add p{color:#fff; line-height:22px; }

.f_sns {float:none; text-align:center; margin:25px auto 0 auto; padding:0;width:100%; max-width:230px;font-size:15px; overflow:hidden; line-height:24px; padding-top:15px; padding-bottom:15px;}
.f_sns li{float:none; display:inline; padding-left:10px; padding-right:10px;}

#wrap #footer{padding-bottom: 50px;}
#wrap #footer h2.copylogo{display:none;}

.footer_logo {display:none;} 
 
#select_depart1 {position:static; width:210px; margin:18px auto 0;  line-height:1.5; letter-spacing:-1px;  box-sizing:border-box; }


.foot_add li { font-size: 14px;}
.foot_add li.f_tel{display:inline-block; width:40%; text-align:left;  }
.foot_add li.f_tel dt{float:left; display:inline; margin-top:0; padding-right:10px; }
.foot_add li.f_add{padding-left:0px;display:inline-block; width:60%; text-align:left; }
.foot_add li.f_add dt{float:left; display:inline; margin-top:0; padding-right:10px;}
.foot_add li.f_add p {margin-top:10px;}

.f_sns li:last-child {
  padding-left: 10px;
   padding-right: 10px;

}

#select_depart1 #selectbox_depart1 {
  position: absolute;
  bottom: -1px;
  right: auto;
}


}/* 991px End*/






@media (max-width: 768px) {

  #footer {padding-top:30px;}

#wrap #footer .container{padding-top:20px;padding-bottom: 0px; text-align:center; height:340px;}
.h400{height:400px !important;}
#wrap #footer .con{float: none;width:94% !important;padding: 0 0 0 0;margin-bottom:0px;height: auto; text-align:center;}
#wrap #footer .con p.title{top: 6px;left: 36px;font-size: 14px;color: #8e8e8e;font-weight: 300;letter-spacing: 0;}
#wrap #footer .con .txt span.tab_block{display: inline;}
.foot_add {float:none; margin:0px auto; padding:0;width:94%; font-size:13px; font-weight:300; letter-spacing:-0.05em; overflow:hidden; line-height:22px; padding-top:0px; text-align:center;}
.foot_add p{color:#fff; line-height:22px; font-size:13px; font-weight:300; letter-spacing:-0.05em;}
.foot_add span.m_cut{display:block;}
.foot_add p.m_cut{display:block;}


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

#wrap #footer .container{width:100%;}
.foot_add_outer{width:100%; text-align:center; }
.footer_logo {display:none; } 
#banner_wrap .banner {width:96%; margin-left:auto !important; margin-right:auto !important;}
span.f_part{display:none; padding:0 15px 0 14px;}



.foot_add li.f_tel{display:inline-block; width:100%; text-align:center;  }
.foot_add li.f_tel dt{float:left; display:inline; margin-top:0; padding-right:10px; }
.foot_add li.f_add{padding-left:0px;display:inline-block; width:100%; text-align:left; }

.foot_add li.f_tel dd {
  color: #fff; text-align:left;
}

.f_sns{margin-top:10px;}
#select_depart1 { margin:10px auto; }

.navBtn{display:none;}

}/* 768px End*/



/*
@media (max-width: 576px) {


#wrap #footer .container{padding-top:20px;padding-bottom: 0px; text-align:center; height:340px;}
.h400{height:400px !important;}
#wrap #footer .con{float: none;width: 100% !important;padding: 0 0 0 0;margin-bottom:0px;height: auto; text-align:center;}
#wrap #footer .con p.title{top: 6px;left: 36px;font-size: 14px;color: #8e8e8e;font-weight: 300;letter-spacing: 0;}
#wrap #footer .con .txt span.tab_block{display: inline;}
.foot_add {float:none; margin:0px 0 0 0; padding:0;width:100%; font-size:13px; font-weight:300; overflow:hidden; line-height:22px; letter-spacing:-0.05em; padding-top:20px; text-align:center;}
.foot_add p{color:#fff; line-height:22px; }
.foot_add span.m_cut{display:block;}
.foot_add p.m_cut{display:block;}

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

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

#wrap #footer .container{width:100%;}
.foot_add_outer{width:100%; text-align:center; }
.footer_logo {display:none; } 
#banner_wrap .banner {width:96%; margin-left:auto !important; margin-right:auto !important;}
span.f_part{display:none; padding:0 15px 0 14px;}

#select_depart1 {position:static; width:200px; margin:0 auto;  line-height:1.5; letter-spacing:-1px;  box-sizing:border-box; padding-bottom:20px;}
#select_depart1 .sbx ul li a { display: block;  white-space: nowrap; color:#111 !important;  font-size:14px; line-height:30px; text-align:left; background:url(../img/s_img/family_bar.png) no-repeat 0 50%; padding-left:8px;}
#select_depart1 .sbx ul { display: inline; float: left; list-style: none; width:200px; margin: 0; padding: 0; overflow:auto; height:70px; box-sizing:border-box; }
#select_depart1 .sbx {display: none; width:200px; height:auto; z-index:175;  }
#select_depart1 h3 a:link, #select_depart1 h3 a:visited, #select_depart1 h3 a:hover {font-size:14px; }

#select_depart1 .sbx .wrap { width:200px;  margin-left: -1px; }

} 576px End */