@charset "utf-8";

/* footer */
.footerTop {height: 55px; background:#1c236c; }
.footerTop .familySite { position:relative; float:left; width:22%; border-left:1px solid rgba(255,255,255, 0.5); border-right:1px solid rgba(255,255,255, 0.5); margin-left:-1px; }
.footerTop .siteName { display:block; width:100%; padding:20px 22px; color:#fff; font-size:15px; }
.footerTop .siteName:after { display:block; position:absolute; top:50%; right:22px; transform:translateY(-50%); width:15px; height:9px; background-image:url('/template/common/tmpt/ico_arrow_down1.png'); }
.footerTop .active:after { background-image:url('/template/common/tmpt/ico_arrow_up1.png'); }

.footerTop .siteListWrap { display:none; position:absolute; left:0; bottom:55px; width:100%; border:1px solid #555; background:#fff; padding:10px 0; }
.footerTop .siteList li a { display:block; padding:5px 10px; color:#484848; }
.footerTop .siteList li a:hover { color:#111; text-decoration:underline; }

.footerBody { padding:55px 0; }

.footerBody .ftLogo,
.footerBody .ftInfo { float:left; }

.footerBody .ftLogo { width:183px; }
.footerBody .ftInfo { margin-left:100px; font-size:15px; }
.footerBody .tel { display:inline-block; margin-top:6px; margin-left:20px; }
.footerBody .copyright { margin-top:12px; }



/* ---------------------------------------- 반응형 ---------------------------------------- */
/* ---------------------------- PC ---------------------------- */
@media all and (max-width: 1600px) {
   
}

@media all and (max-width: 1440px) {
   
}

@media all and (max-width: 1366px) {
   
}

@media all and (max-width: 1280px) {
   
}

@media all and (max-width: 1200px) {
    
}


/* ---------------------------- 태블릿 ---------------------------- */
@media all and (max-width: 1024px) {
    html { font-size:62.5%; }  
}

@media all and (max-width: 820px) {
    /* footer */
    .footerTop .familySite { width:33.3%; }
    
    .footerBody { padding:3rem 0; }
    
    
    .footerBody .ftLogo,
    .footerBody .ftInfo { float:none; }
    
    .footerBody .ftLogo { width:160px; }
    .footerBody .ftInfo { margin-top:2rem; margin-left:0; }
}

@media all and (max-width: 750px) {
   
}


/* ---------------------------- 모바일 ---------------------------- */
@media all and (max-width: 640px) {
    /* footer */
  	.footerTop { height:auto; }
    .footerTop .familySiteBox { width:100%; }
    .footerTop .familySite { width:100%; border-left:none; border-right:none; border-bottom:1px solid rgba(255,255,255, 0.5); }
    .footerTop .siteName { padding:13px; }
    .footerTop .siteName:after { right:13px; }
    
    .footerTop .siteName,
    .footerTop .siteList { font-size:1.3rem; }
    
    .footerTop .siteListWrap { bottom:45px; border:none; border-top:1px solid #555; }
    
    .footerBody .ftInfo { font-size:1.3rem; }
}

@media all and (max-width: 490px) {
   
}

@media all and (max-width: 460px) {
   /* footer */
    .footerBody .tel { display:block; margin-left:0; }
}

@media all and (max-width: 385px) {
   /* footer */
    .footerBody .ftLogo { width:135px; }
}

@media all and (max-width: 340px) {
   
}

@media all and (max-width: 320px) {
   
}