/* BASIC css start */
/* 하단 */
#footer {   position:relative; width:100%; border-top:1px solid #1c1b1b; background:#fff; padding-bottom:60px; }
#footer .footerTop {margin:0 auto;padding:60px 0 12px;position:relative;width:82%;min-width:1024px; *zoom:1;overflow: hidden;}
#footer .footerTop:after { display:block; clear:both; content:'' }
#footer .footerTop .infoBx {float:left;width: 19%;}
#footer .footerTop .infoBx h3 {padding-bottom:10px;font-size:14px;color:#171717;float: right;}
#footer .footerTop .infoBx .tx { color:#5d5d5d; line-height:26px }

#footer .footerTop .linkInfo {}
#footer .footerTop .linkInfo li {margin-bottom: 12px;display: flex;}
#footer .footerTop .linkInfo li a {position:relative; font-size: 10px;color: #1c1b1b;display:  block;font-weight: 400;border-bottom: 1px solid transparent;     transition: all .2s;}




#footer .footerTop .linkInfo>ul>li>a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: #1c1b1b;
    transform: scaleX(1);
    opacity: 1;
    transform-origin: left;
    transition: transform .7s cubic-bezier(.19,1,.22,1) .2s;
}

#footer .footerTop .linkInfo>ul>li>a:after {
    transform: scaleX(0);
    transform-origin: right;
}

#footer .footerTop .linkInfo li:hover a:after {
    transform: scaleX(1);
    transform-origin: left;
}

#footer .footerTop .linkInfo.bankBx li:hover a:after, #footer li.lang_sel .lang_list li:hover a:after, #footer li.lang_sel .lang_list li a:hover:after { transform: scaleX(0);
    transform-origin: right; }

#footer .footerTop .csInfo {/* width:226px */}
#footer .footerTop .csInfo .tel { padding-bottom:5px; font-size:30px; color:#b17efe; line-height:30px; letter-spacing:-2px }
#footer .footerTop .csInfo .tx { line-height:20px }

#footer .footerTop .bankInfo {/* width:220px */}

#footer .footerTop .shopInfo { width:500px }
#footer .footerTop .shopInfo .tx span { padding-right:5px }
#footer .footerTop .shopInfo .tx a { color:#7689de }
#footer .footerTop .shopInfo .tx a.btn_email { color:#5d5d5d }
#footer .footerTop .shopInfo .copy { padding-top:5px; color:#a5a5a5 }

#footer .footerBottom { margin:0 auto; position:relative; width:82%;     min-width: 1024px; }
#footer .footerBottom p { font-size:9px; color:#1c1b1b; font-weight:400; letter-spacing: 1px;}

.company_box { float:right; width: 21%;}
.company_box p, .company_box p a {font-size:10px;color:#1c1b1b;letter-spacing:0;line-height: 1.6;}

#footer .sns_box { padding-top:20px; }
#footer .sns_box a { margin-right:24px; } 
#footer .sns_box a img { vertical-align:middle; }

#footer li.lang_sel {position:relative;padding-left: 3px;cursor:pointer;}
#footer li.lang_sel.open img { transform:rotate(180deg); }
#footer li.lang_sel .lang_list {display:none; position:absolute;background:#fff;top: 20px;left: -3px;text-align: left;border: 1px solid #000;box-sizing: border-box;-webkit-box-sizing: border-box;}
#footer li.lang_sel span { font-size: 10px; color:#1c1b1b; font-weight: 400;}
#footer li.lang_sel .lang_list li {margin:0;float:none;padding: 6px 5px;}
#footer li.lang_sel .lang_list li a { line-height:1; height:auto;  }
/* BASIC css end */