/* BASIC css start */
.app_icon_cs {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.app_icon_bank {

    display: inline-block;
vertical-align: text-bottom;
    margin-right: 10px;
}
.app_icon_cs img {
max-height: 50px;
}
.app_icon_bank img {
max-height: 30px;
}
.app_tel,
.app_bank {
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
    line-height: 26px;
}
.app_tel p a {
    font-size: 20px;
    font-weight: bold;
    color: #807f7f;
}
.app_bank h3 {
    font-size: 20px !important;
    font-weight: bold;
    color: #807f7f;
}
.app_bank p {
line-height: 20px;
    font-size: 16px;
color: #807f7f;
}
.footerInfoTopLeft {
    text-align: center;
}
.footerInfoTopLeft dl {
    margin-top:10px;
    text-align: center;
}
/* 입금정보 회원 노출 */
#footer .footerInfoTopLeft div.banks_login { display:inline-block; text-align:center; border:1px solid #e5e5e5; background: #fff; margin-top:18px; padding: 22px 20px;}
#footer .footerInfoTopLeft div.banks_login a{ display: block; width:100%; height:100%; font-weight: bold; color:#535353;}
#footer .footerInfoTopLeft div.banks_login a  h3 { font-size:20px;  font-weight: bold;}
#footer .footerInfoTopLeft div.banks_login a  h3:first-child { padding-bottom: 10px; }
#footer .footerInfoTopLeft div.banks_login a span{ display:block; font-size: 12px; padding-top: 10px;}

#footer { clear:both; margin-top:40px; padding-bottom:80px; background:#f6f7f9 }
#footer .footerInfo { padding-top:30px; display:table; width:100% }
#footer .footerInfo .footerInfoTopLeft { display:table-cell; width:63% }
#footer .footerInfo .footerInfoTopLeft h3 { display:table-cell; width:33%; font-size:14px; color:#65707a; font-weight:bold; vertical-align:middle }
#footer .footerInfo .footerInfoTopLeft .app_tel { display:table-cell; padding-left:5px; width:67% }
#footer .footerInfo .footerInfoTopLeft .app_tel p a { font-size:17px; color:#72757b; font-weight:800 }
#footer .footerInfo .footerInfoTopLeft .app_tel p a i { display:inline-block; margin-top:-4px; font-size:18px; vertical-align:middle }
#footer .footerInfo .footerInfoTopLeft .app_tel li { font-size:11px; color:#65707a; line-height:16px }
#footer .footerInfo .footerInfoTopRight { display:table-cell; position:relative; width:37%; text-align:center; vertical-align:middle }
#footer .footerInfo .footerInfoTopRight:after { position:absolute; top:5px; left:0; width:1px; height:53px; background:#c2c2c2; content:'' }
#footer .footerInfo .footerInfoTopRight .tit { font-size:13px; color:#6e7479; font-weight:bold }
#footer .footerInfo .footerInfoTopRight .times { padding-top:2px; font-size:13px; color:#6e7479 }
#footer .csBtn { padding:22px 0 0; font-size:0; text-align:center }
#footer .csBtn a { display:inline-block; margin:0 5px; position:relative; width:34%; height:43px; font-size:12px; color:#fff; font-weight:bold; text-align:center; line-height:43px; border-radius:3px; background: #444; }
#footer .csBtn .ico { display:inline-block; margin-left:-12px; width:38px; height:43px; vertical-align:top }
#footer .csBtn .ico1 { background:url(http://seilglobal.img4.kr/renew/mobile/common/ico_footer_cs1.png) 0 2px no-repeat; background-size:38px auto }
#footer .csBtn .ico2 { background:url(http://seilglobal.img4.kr/renew/mobile/common/ico_footer_cs2.png) 0 2px no-repeat; background-size:38px auto }

#footer .footerToggleArea { padding-top:35px }
#footer .footerToggleArea .toggleMenu { font-size:15px; color:#65707a; font-weight:bold; text-align:center }
#footer .footerToggleArea .toggleMenu i { display:inline-block; line-height:20px; vertical-align:top }
#footer .footerToggleArea .toggleMenu.on i { transform:rotate(180deg); }
#footer .footerToggleArea .toggleInfo { display:none; padding:20px 35px 0 }
#footer .footerToggleArea .toggleInfo dl { padding-top:5px; font-size:0 }
#footer .footerToggleArea .toggleInfo dt { display:inline-block; width:50%; font-size:11px; color:#65707a; vertical-align:top }
#footer .footerToggleArea .toggleInfo dd { display:inline-block; width:50%; font-size:11px; color:#65707a; vertical-align:top }
#footer .footerToggleArea .toggleInfo dd a { font-size:11px; color:#65707a; }
#footer .footerToggleArea .toggleInfo p { font-size:11px; color:#65707a; }
#footer .footerToggleArea .toggleInfo .copyright { padding-top:10px; }

#footer .footerMiddle { padding-top:35px; font-size:0; text-align:center }
#footer .footerMiddle a { display:inline-block; padding:0 14px; position:relative; font-size:13px; color:#65707a }
#footer .footerMiddle a:after { position:absolute; top:3px; left:0; width:1px; height:12px; background:#65707a; content:'' }
#footer .footerMiddle a:first-child:after { display:none }

.btn_toggle_area { display: none; position: fixed; bottom:70px; right: 49px;z-index:100;}
.btn_toggle_area a { display: block; width: 37px; height: 36px; text-indent:-9999em; background:url(/design/seilglobal/phps/m/common/sp_btn_toggle.png) 0 0 no-repeat; background-size:37px auto }
.btn_toggle_area a.btn_up { position: absolute; bottom:35px; background-position:0 0 }
.btn_toggle_area a.btn_down { position: absolute; bottom: 0; background-position:0 -36px }
/* BASIC css end */