/* BASIC css start */
#sunny_footer{margin-top:15%;}

.footerban_area{position:relative;height:250px;overflow:hidden;background:url("//dainpark06.cafe24.com/sunny/images/bg_footerban.jpg") no-repeat center center;background-size:cover;}
.footerban_box{position:relative;height:250px;margin:0 auto;}
.footerban_box .text_footer{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;font-family:'termina', sans-serif;font-size:15px;line-height:15px;color:#201f1e;letter-spacing:5px;z-index:2;text-align:center;text-transform:uppercase;}

.footer_infobox{padding:15% 15px 12%;overflow:hidden;background:#efedea;}
.footer_infobox .inner{}
.footer_infobox .left_box{padding:0 0 15%}
.footer_infobox .right_box{}
.footer_infobox .right_box dl{}

.footer_infobox .right_box dl{border-bottom:1px solid #dfdbd5;padding:5% 0;}
.footer_infobox .right_box dl:first-child{border-top:1px solid #dfdbd5;}
.footer_infobox .right_box dt{position:relative;}
.footer_infobox .right_box dd{display:none;margin-top:15px;}
.footer_infobox .right_box dd > div{line-height:20px;}
.footer_infobox .right_box dt span{position:absolute;top:2px;right:10px;display:block;
    width:8px;
    height:8px;
    background: url("//dainpark06.cafe24.com/sunny/images/ico_ftinfoup.png") no-repeat 0 0;
    background-size: 8px 8px;}
.footer_infobox .right_box .active dt span{position:absolute;top:0;right:10px;display:block;
    width:8px;
    height:8px;
    background: url("//dainpark06.cafe24.com/sunny/images/ico_ftinfodown.png") no-repeat 0 2px;
    background-size: 8px 8px;}

.footer_infobox dl{}
.footer_infobox dt{font-family:'termina', sans-serif;font-size:11px;line-height:11px;color:#201f1e;font-weight:400;text-transform:uppercase;}
.footer_infobox .left_box dt{margin-bottom:25px;}
.footer_infobox .txt1{font-family:'Poppins', 'Lato', 'Noto Sans KR', sans-serif;color:#201f1e;font-size:12px;line-height:18px;}
.footer_infobox .txt2{display:inline-block;font-size:12px;line-height:14px;padding-right:5px;color:#201f1e;margin-bottom:7px;}
.footer_infobox .txt3{color:#201f1e;font-size:11px;line-height:11px;padding-bottom:5px;}
.footer_infobox .num1 a{font-family:'termina', sans-serif;color:#201f1e;font-size:15px;line-height:15px;padding-bottom:12px;letter-spacing:0;font-weight:400;}
.footer_infobox .num2{display:inline-block;font-family:'Work Sans', sans-serif;color:#201f1e;font-size:12px;line-height:14px;letter-spacing:1px;}
.footer_infobox a{display:block;font-family:'Work Sans', sans-serif;color:#201f1e;font-size:12px;line-height:14px;margin-bottom:7px;text-transform:uppercase;}

.footer_box{padding:0 0 18%;overflow:hidden;background:#efedea;}
.footerbox_inner{position:relative;width:100%;margin:0 auto;}

.footer_logo{display:none;}

.footer_address{font-family:'Poppins', 'Lato', 'Noto Sans KR', sans-serif;font-size:12px;line-height:21px;color:#a9a6a3;}
.footer_address span{display:inline-block;margin-right:12px;}
.footer_address a{color:#a9a6a3;}

.footer_lista{margin-top:7px;}
.footer_lista a{display:inline-block;margin-bottom:0;}


.footer_copyright{font-family:'Work Sans', sans-serif;font-size:12px;line-height:21px;color:#c4b7ac;text-align:center;opacity:0.6;filter:alpha(opacity=60);}
.footer_copyright a{color:#c4b7ac;}


#footer {border-top:2px solid #3c3c3c; 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 {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;}
.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 */