/* BASIC css start */
#footer {margin-top:35px;}

#footer .foot-links { position: relative; }
#footer .foot-links ul { border-top: 1px solid #e6e6e6; }
#footer .foot-links li { float: left; width: 50%; padding-left: 15%; border-bottom: 1px solid #e6e6e6; background-color: #fbfbfb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#footer .foot-links li:nth-child(1) { background: #fbfbfb url(/design/shaw22/10190/moms/m/ico_foot_link_01.gif) no-repeat 8% 50% / 22px auto; border-right: 1px solid #e6e6e6; }
#footer .foot-links li:nth-child(2) { background: #fbfbfb url(/design/shaw22/10190/moms/m/ico_foot_link_02.gif) no-repeat 8% 50% / 22px auto; }
#footer .foot-links li:nth-child(3) { background: #fbfbfb url(/design/shaw22/10190/moms/m/ico_foot_link_03.gif) no-repeat 8% 50% / 22px auto; border-right: 1px solid #e6e6e6; }
#footer .foot-links li:nth-child(4) { background: #fbfbfb url(/design/shaw22/10190/moms/m/ico_foot_link_04.gif) no-repeat 8% 50% / 22px auto; }
#footer .foot-links li a { padding: 17px 0; display: block; color: #686868; font-size: smaller; letter-spacing: -1px; line-height: 1em; }
#footer .foot-links li h4 { color: #000; font-size: larger; }
#footer .foot-links li span.kakaoid { color: #e6ac20; }
#footer .foot-links li span.q1 { color: #ed363d; }

#footer .foot-infos { position: relative; padding: 15px 3.125%; border-bottom: 1px solid #e6e6e6; }
#footer .foot-infos ul { width: 33.33333%; float: left; }
#footer .foot-infos ul li { font-size: smaller; line-height: 22px; }
#footer .foot-infos h4 { font-size: larger; color: #000; font-weight: bold; }
 .footerInfo ul li:nth-child(1)  { width:30% !important; }
 .footerInfo ul li:nth-child(2)  { width:36.3333% !important; }


#footer .foot-addr { position: relative; padding: 15px 0; text-align: center; }
#footer .foot-addr p { letter-spacing: -1px; font-size: smaller; }
#footer .foot-addr p span { margin: 0 5px; }
#footer .foot-addr h5 { margin: 10px 0; }
#footer .foot-addr h5 img { width: 50%; height: auto; }


/* 하단 고정 버튼 */
.section_fixedFooter .btn_toggle_area {width: 100%; height: 44px; position: fixed; bottom:0; z-index:11}
.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; bottom:110%; right:10px;}
.section_fixedFooter .btn_toggle_area .btn_up .fa-lg{vertical-align: -4% !important;}
.section_fixedFooter .btn_toggle_area .btn_down {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_down .fa-lg{vertical-align: -4% !important;}
.section_fixedFooter .btn_toggle_area .btn_down .fa-lg:before{    content: "\f078" !important;}
.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 .last{background:0 !important;} 
/* //하단 고정 버튼 */
/* 하단 고정 메뉴 */
.section_fixedFooter {width:100%; margin-top:30px; }
.section_fixedFooter .section_fixedFooter_dn {display:block; border-top: 1px solid #000;}
.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 {text-align:center; padding:12px 0; clear: both; margin-bottom:20px;}
.section_fixedFooter .footerMiddle a {width:25%; display:inline-block;  color:#000; margin-left: -1px; font-size:13px;background:url(/design/bnburde/mobile/common/bar.png) no-repeat 0 50%; background-size:1px 10px;}
/* //하단 고정 메뉴 */
@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;}
}


.footerInfo li{float:left; width:33.3333%; text-align:left;}
.footerInfo li h3{color:#000; font-size:15px; font-weight:bold; margin-bottom:15px;}
.footerInfo li p a{display:block; color:#000; font-weight:900; font-size:18px;}
.footerInfo li p {color:#777; font-size:11px; line-height:1.7em;}

.foot_btn{overflow:hidden; margin:20px 0;}
.foot_btn a{display:inline-block; width:48%; background-color:#000; font-size:13px; color:#fff; text-align:center; padding:10px 0; border-radius:3px;}
.foot_btn2{margin-bottom:20px;}
.foot_btn2 a{display:inline-block; width:33.333%; color:#000; margin-left: -1px; padding:10px 0; font-size:13px;background:url(/design/bnburde/mobile/common/bar.png) no-repeat 0 50%; background-size:1px 10px; text-align:center;}
.copy_tx {color:#777; font-size:12px; text-align:center;}
.copy_tx span{display:block; margin-top:10px;}

.first{margin-right:4%;}




/* BASIC css end */