@charset "utf-8";
#footer { background-color: #323433; padding: 40px 0px 45px; box-sizing: border-box; position: relative; }
#footer .f_logo { width: 290px; }

#footer .t_inform { box-sizing: border-box; border-bottom: 1px solid #aaa;}
#footer .t_inform > .inner {padding: 15px 0;}
#footer .t_inform a{font-size: 14px; color: #ddd; display: inline-block; margin: 0 15px; opacity: .7; transition:  all .3s ease-in-out;}
#footer .t_inform a:hover {opacity: 1;}
#footer .t_inform a:first-child {margin-left: 0;}
#footer .t_inform a:last-child {margin-right: 0;}

#footer .f_inform {color: #ddd; margin-top: 20px;}

#footer .f_inform .f_if > div {margin-top: 5px;}
#footer .f_inform .f_if > div:first-child {margin-top: 0;}
#footer .f_inform a {color: #ddd;}

#footer .f_inform p { position: relative; font-size: 14px; font-weight: 300; padding-bottom: 10px; color: rgba(255, 255, 255, 0.7); }
#footer .f_inform .number-wrap > p { float: left; }
#footer .f_inform .number-wrap > p.tel { padding-right: 10px; margin-right: 10px; position: relative; }
#footer .f_inform .number-wrap > p.tel::after { content: ''; width: 1px; height: 12px; background-color: rgba(255, 255, 255, 0.7); position: absolute; top: 1px; right: 0; }
#footer .f_inform p span { display: inline-block;  }
#footer .f_inform p span.bold { font-weight: 500; display: inline-block; margin-right: 5px; }

#footer .copy { font-family: 'S-Core Dream', sans-serif; font-size: 14px; margin-top: 30px; color: rgba(255, 255, 255, 0.4); }

#footer .top_btn { width: 76px; height: 76px; border-radius: 30px; background-color: #00AB4E; position: absolute; top: 0; right: 0; padding-top: 20px; box-sizing: border-box; cursor: pointer; }
#footer .top_btn span { display: block; }
#footer .top_btn .ico { width: 20px; height: 10px; background: url('/resources/img/common/ft_ico_top.png') no-repeat left top/cover;  margin: 0 auto 10px; }
#footer .top_btn .txt { font-family: 'S-Core Dream', sans-serif; font-weight: 500; font-size: 14px; color: #ddd; text-align: center; font-weight: 600; }



@media screen and (max-width:1024px){

   #footer .f_inform p:after {display: none;}
   #footer .f_inform .f_if > div {margin-top: 0;}
   #footer .f_inform .f_sns_box .f_sns2 {margin: 0 5px;}
}

@media screen and (max-width:600px){
   #footer .top_btn { width: 64px; height: 64px; border-radius: 22px; top: -70px; padding-top: 14px; }

   #footer .f_logo { width: 240px; margin: 0 auto 30px; }

   #footer .f_inform p { font-size: 13px; text-align: center; }
   #footer .f_inform p.address span.bold { display: none; }
   #footer .f_inform .number-wrap { text-align: center; }
   #footer .f_inform .number-wrap > p { float: unset; display: inline-block; }
   #footer .f_inform .number-wrap > p.tel { margin-right: 0; }

   #footer .copy { font-size: 13px; text-align: center; padding: 0 20px; }
}




/*layer popup style s*/
body.noneScroll {overflow: hidden;}

.dim {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 101;}
.dim.active {display: block;}

.popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 102;}
.popup.active {display: block;}
.popup .inner {height: 100%;}
.popup .pop_wrap {background: #fff; position: absolute; width: 100%; height: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.popup .title {position: relative; height: 80px; padding: 0 3%; border-bottom: 1px solid #ddd; background: #fff; box-sizing: border-box;}
.popup .title p {line-height: 80px; font-size: 30px; font-weight: 600;}
.popup .title .close {position: absolute; height: 100%; width: 80px; right: 0; top: 0; background-color: #ddd; cursor: pointer;}
.popup .title .close span {display: block; background-color: #333; position: absolute; width: 3px; height: 30px; top: 25px; left: 40px; transform: rotate(45deg);}
.popup .title .close span:last-child {transform: rotate(-45deg);}

.popup .cont {height: calc(100% - 80px); padding: 30px 3%; overflow-y: auto; box-sizing: border-box;}

.popup .cont::-webkit-scrollbar {width: 8px;}
.popup .cont::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 5px;}
.popup .cont::-webkit-scrollbar-track {background-color: #eee;}

@media screen and (max-width:768px){
   .popup .title {height: 60px;}
   .popup .title p {line-height: 60px; font-size: 20px;}
   .popup .title .close {width: 60px;}
   .popup .title .close span {height: 20px; top: 21px; left: 29px;}

   .popup .cont {height: calc(100% - 60px);}

}
 /*layer popup style e*/