/* BASIC css start */
#footer .foot_link {width:100%; text-align:center;}
#footer .foot_link li:nth-of-type(1){ margin-left: 0;}
#footer .foot_link li:nth-of-type(4){ margin-right: 0;}
#footer .foot_link li {display:inline-block; margin:0 4px;}
#footer .foot_link li a {font-size:11px; letter-spacing:-0.05em;}


/* BASIC css start */
/*------------------------- footer -------------------------*/

.ft_menu {height: 48px;line-height: 48px;border-bottom: solid 1px #dedede;margin-top: 0; text-align:center;}
.ft_menu li {display: inline-block;  height: auto; width: auto;margin: 0 9px; vertical-align: top;}
.ft_menu a {font-size: 12px; color: #000000;background: none;border: none; line-height: 48px;}
.ft_info {display: inline-block; margin-top: 0px;line-height: 16px; text-align: center; padding: 15px;}
.ft_info dt {float: left;width: 73px;font-size: 11px;color: #000000;letter-spacing: -1px}
.ft_info dd {overflow: hidden;font-size: 12px; color: #000000; display: inline-block; max-width: 100%;line-height: 18px; padding: 0;}
.footer_cs {margin-top:25px; border-top: solid 1px #dedede; padding: 25px 17px; border-bottom: solid 1px #dedede;}
.footer_cs .cs-center .tel {font-size: 20px; padding-bottom: 5px;}
.footer_cs .cs-center .tel a { color: #292929; font-family: Roboto, nanumgothic, '나눔고딕', sans-serif; font-size: 18px;font-weight: bold;}
.footer_cs .bank-info {border: none!important; margin-left: 5px; padding: 0!important;}
.footer_cs .footer-bot {vertical-align: top;display: inline-block; display: inline;*display: inline;zoom: 1; width: 48%;}
.footer_cs .footer-bot .tit {font-size: 12px;color: #292929;padding-bottom: 10px;font-weight: 500;font-family: Roboto, nanumgothic, '나눔고딕', sans-serif;}
.footer_cs .footer-bot p {line-height: 19px;font-size: 12px; color: #5e5e5e;}
.footer_cs .footer-bot.bank-info p{line-height: 21px;}




/*------------------ scroll ---------------------*/
/* scroll btn */
a.btn-scroll {position: fixed; bottom: 50px;right: 7px;display: none; width: 37px; z-index: 100;}
a.btn-scroll img {width: 100%; height: auto;}
a.btn-scroll.btn-scroll-top { bottom: 89px;}










/* 하단 고정 버튼 */
.section_fixedFooter .btn_toggle_area {width: 100%; height: 44px; position: relative;}
.section_fixedFooter .btn_toggle_area .btn_up {width:33px; height:33px; line-height:33px; display: block; border:2px solid rgba(88, 86, 86, 0.59); background-color:rgba(104, 108, 111, 0.8); text-align:center; border-radius:30px; color:#fff; position: absolute; top:0; right:10px;}
.section_fixedFooter .btn_toggle_area .btn_fixedFooter {width:33px; height:33px; line-height:33px; display: block; border:2px solid rgba(88, 86, 86, 0.59); background-color:rgba(104, 108, 111, 0.8); text-align:center; border-radius:30px; color:#fff; position: absolute; top:0; left:10px;}
/* //하단 고정 버튼 */
/* 하단 고정 메뉴 */
.section_fixedFooter {width:100%; position:fixed; bottom:0px; right:0px; left:0;}
.section_fixedFooter .section_fixedFooter_dn {display:none; box-shadow: 0 0 10px 1px #404040; border-top: 1px solid #C1C1C1;}
.section_fixedFooter .footerInfo {background-color:#fff; padding-top:15px;}
.section_fixedFooter .footerInfo .footerInfoTop {border-bottom:1px solid #b3b3b3; padding:20px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft dt {font-size: 1.3em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft .tel {color:#f1494d; font-size:1.500em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopRight a { color:#fff; display: table-cell; vertical-align: middle;}
.section_fixedFooter .footerInfo .footerInfoBottom {border-bottom:1px solid #b3b3b3; padding:20px;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomLeft dt {font-size: 1.3em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomRight a { color:#fff; display: table-cell; vertical-align: middle;}
.section_fixedFooter .footerMiddle {background-color:#3e4347; text-align:center; padding:12px 0; clear: both;}
.section_fixedFooter .footerMiddle a {width:25%; display:inline-block; border-left:1px solid #A2A2A2; color:#fff; margin-left: -1px;}
/* //하단 고정 메뉴 */
@media screen and (min-width:420px) and (max-width:767px) {
    #footer .footerInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #b3b3b3;}
    #footer .footerInfo .footerInfoTop {width:46%; float:left; border-bottom:0; border-right:1px solid #b3b3b3; margin-left:-1px; padding:20px 2%;}
    #footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
    #footer .footerInfo .footerInfoBottom {width:46%; float:left; border-bottom:0; padding:20px 2%;}
    #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
}
@media screen and (min-width:768px) {
    #footer .footerInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #b3b3b3;}
    #footer .footerInfo .footerInfoTop {width:46%; float:left; border-bottom:0; border-right:1px solid #b3b3b3; margin-left:-1px; padding:20px 2%;}
    #footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
    #footer .footerInfo .footerInfoBottom {width:46%; float:left; border-bottom:0; padding:20px 2%;}
    #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
}

#footer{text-align: center; margin-top: 20px; ; line-height: 160%; }
#footer .btm_util {margin-bottom:40px;padding:0 10px;}
#footer .btm_util li {
    text-align: left;
    margin-bottom: 5px;
}
#footer .footer_info { overflow: hidden; padding: 0 0px; text-align:center; /*text-align: left;*/  }
#footer .footer1{ margin-top: 70px; }
#footer .footer1 a{ margin: 0 4px; color: #a0a0a0; text-decoration: underline; font-size: 16px; }
#footer .footer2{ float: left; margin: 0 6px;  }
/* BASIC css end */

.sns_area a img{
        float: right;
        width: auto;
    height: 20px;
padding-bottom: 5px;
margin-right:5px;
}

.sns_area{
    position: relative;
    width: 100%;
    clear: both;
    display: block;
    padding: 0 18px 8px;
    margin-bottom: 12px;
    z-index: 99 !important;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    height: auto;
    overflow: auto;
}
.sns_area .sns_wrap{
        float: left;
    width: auto;
}
.sns_area .sns_wrap a{
        position: relative;
    cursor: pointer;
    margin-right: 2px;
    font-size: 9px !important;
    min-width: auto !important;
    padding: 0 8px;
    text-transform: uppercase;
    width: 14px;
    display: inline-block;
}
.sns_area .sns_wrap a img{
        width: 100%;
    height: auto;
    position: relative;
}

.bottom_area{
        padding: 0 20px 50px;
    display: block;
    width: 100%;
    overflow: auto;
box-sizing: border-box;
}
.bottom_area .left_area{
    display: inline-block;
    padding: 0 0 10px;
    float: left;
    width: 50%;
    overflow: auto;
}
.bottom_area .left_area a{
        display: block;
    padding: 0px 0;
    font-size: 10px;
    font-weight: 500 !important;
    text-align: left;
    font-size:10px;
}
.bottom_area .right_area{
    display: inline-block;
    overflow: hidden;
    padding: 0 0 10px;
    float: right;
    width: 50%;
    text-align: right;
}
.bottom_area .right_area a{
        display: block;
    padding: 0px 0;
    font-size: 10px;
    font-weight: 500 !important;
    font-size:10px;
}
/* BASIC css end */