/* 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: 100%; padding-left: 35%; 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/koreafnb/10190/moms/m/ico_foot_link_05.jpg) no-repeat 10% 50% / 70px auto; border-right: 1px solid #e6e6e6; }
#footer .foot-links li:nth-child(2) { background: #fbfbfb url(/design/koreafnb/10190/moms/m/ico_foot_link_06.jpg) no-repeat 10% 50% / 70px auto; }
#footer .foot-links li:nth-child(4) { background: #fbfbfb url(/design/koreafnb/10190/moms/m/ico_foot_link_08.jpg) no-repeat 10% 50% / 70px 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; }
#footer .foot-infos ul:nth-child(1) li { margin-bottom: 7px; }
#footer .foot-infos ul:nth-child(2) li { letter-spacing: -1px; }
#footer .foot-infos ul:nth-child(3) li .tel { color: #f1494d; font-size: medium; }

#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: 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:0; right:0px; left:0; z-index: 1000; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.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;}
}


/* BASIC css end */

