/* BASIC css start */
#footer {border-top:none; clear:both; margin-top:36px;}
#footer .footerInfo {display: block;}
#footer .footerInfo .footerInfoTop {border-bottom:1px solid #b3b3b3; padding:20px;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft dt {margin-bottom:6px; font-size: 1.3em;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft .tel {color:#f1494d; font-size:1.500em; margin-bottom:6px;}
#footer .footerInfo .footerInfoTop .footerInfoTopRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
#footer .footerInfo .footerInfoTop .footerInfoTopRight a { color:#fff; display: table-cell; vertical-align: middle;}
#footer .footerInfo .footerInfoBottom {border-bottom:1px solid #b3b3b3; padding:20px;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomLeft dt {margin-bottom:6px; font-size: 1.3em;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomRight a { color:#fff; display: table-cell; vertical-align: middle;}
#footer .footerMiddle {background-color:#ebebeb; text-align:center; padding:12px 0;}
#footer .footerMiddle a {width:33.3%; display:inline-block; border-left:1px solid #b3b3b3; margin-left: -1px;}
#footer .footerlogo {position: relative; overflow: hidden;zoom: 1; padding: 10px 0 0 0;}
#footer .footerlogo p {width: 25%; float: left; text-align: center;}
#footer address {padding:12px 10px; color:#606060;}
#footer address .agreeButton {margin:5px 0;}
#footer address .agreeButton a {color:#fff; background-color:#b3b3b3; padding:2px 5px;}
/* 하단 고정 버튼 */
.section_fixedFooter .btn_toggle_area {display:none;width: 100%; height: 44px; position: relative;}
.section_fixedFooter .btn_toggle_area .btn_up {width:30px; height:30px; line-height:30px; display: block; border:0; background-color:none;text-align:center;color:#fff; position: absolute; top:0px; right:15px;}
.section_fixedFooter .btn_toggle_area .btn_up img{padding-top:10px;width:20px;}
.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;}
.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;}
}

*/

/* 하단 css */
#footer {margin-top:74px; font-size:11px; line-height:1.5em; color:#555; border-top:none; }
#footer .footerMenu p { overflow:hidden; padding: 8px 5px; /*border-bottom:1px solid #dddddd;*/ background-color:#fff; text-align:center; }
#footer .footerMenu p > a{padding:0 5px;font-weight:bold;}
#footer .footerMenu p:first-child { background-color:#fff; }
    .footerMenu p { margin:0; }
#footer .footerMenu .left { float:left; text-align:left; }
#footer .footerMenu .btnUtil {
    display:inline-block; height:26px; line-height:24px; font-size:11px; margin:0; padding:0 10px;
    cursor:pointer; vertical-align:middle; font-family: 'Roboto Mono', 'Nanum Gothic', Verdana, Dotum, AppleGothic, sans-serif; font-weight:400; border:0;
    border-radius:2px;
    -moz-box-sizing:border-box; box-sizing:border-box;
    color:#1b1b1b; border:1px solid #bcbcbc; background:#fff;
}
#footer .footerMenu .btnUtil.typeTel { padding-left:23px; background:#fff url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_tel.png") no-repeat 10px 7px; background-size:8px 13px; vertical-align:middle; }
#footer .footerMenu .btnUtil.typeTel strong { font-size:13px; vertical-align:top; }
#footer .footerMenu .btnUtil.typeTop { padding-right:23px; background:#fff url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_top.png") no-repeat 90% 7px; background-size:12px 12px; }
#footer .footerMenu .policy { padding:7px 0; text-align: center; background-color:#f9f9f9; font-size:0; line-height:0; }
#footer .footerMenu .policy li { position:relative; display:inline-block; padding:0 6px 0 7px; line-height:13px; font-size:11px; }
#footer .footerMenu .policy li:before { display:block; content:""; position:absolute; top:2px; left:0; width:1px; height:11px; background:#fff; }
#footer .footerMenu .policy li:first-child:before { display:none; }

#footer .footerMenu .policy li:first-child { background:none; }
#footer address { padding:14px;background-color:#fff;text-align:center; }
#footer address .footerInfo { display:table; width:100%; }
#footer address dl { display:table-row; }
#footer address dl dt { display:table-cell; width:110px; line-height:1.6; color:#555; vertical-align:top; }
#footer address dl dd { display:table-cell; width:auto; padding:0 0 0 7px; line-height:1.6; word-break:break-all; }
#footer address a { color:#555; }
#footer .copyright { text-align:center; line-height:36px; color:#555; font-size:10px; background-color:#fff; }


#footer .footcs > p.csTel > a{font-size:22px;line-height:18px;}
#footer .footcs > p.csTel > a > strong{letter-spacing:2px;}
#footer .footcs > p.csTel > span{font-size:8px;color:#b5b5b5;}
#footer .footcs > p:last-of-type{margin:32px 0 32px;}

#footer .footbank{margin:0px 0 32px;border-bottom:1px solid #555;padding-bottom:32px;}

#footer .footsns{width:100%;margin-bottom:22px;}
#footer .footsns > ul{text-align:center;}
#footer .footsns > ul > li{display:inline-block;padding:0 10px;line-height:32px;}
#footer .footsns > ul > li > a{color:#111;font-weight:bold;}

#footer .searchForm{margin:32px 0;}
#footer .searchForm input[type="text"]{width:175px;border-bottom:1px solid #666;border-top:0;border-right:0;border-left:0;padding:10px 20px 10px 10px;}
#footer .search{border:none;background:none;margin-left:-25px;}
#footer .search img{margin-top:10px;}
/* BASIC css end */

