/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
#footer {/* border-top:2px solid #3c3c3c; */ clear:both; margin-top:36px;margin-bottom: 20px;}


/* 하단 고정 버튼 */
.btn_toggle_area {display: none;position: fixed;bottom: 40px;right: 12px;z-index: 19;}
.btn_toggle_area a {display: block;width: 34px;height: 34px;color: #999;font-size: 15px;text-align: center;background-color: #fff;border: 1px solid #ddd;border-radius: 100%;margin-bottom: 6px;opacity:0.9;}
.btn_toggle_area a.btn_up {line-height: 35px;}
.btn_toggle_area a.btn_down {margin-top: 2px;line-height: 37px;}


.btn_toggle_area a.btn_center{display: block;width: 34px;height: 34px;color: #fff;font-size: 15px;text-align: center;background-color:#BC9A77 ;    line-height: 34px; border: 1px solid #BC9A77;border-radius: 100%;margin-bottom: 6px;opacity:1;}


/*고객센터 메뉴*/
.customerArea {display: none;position: fixed;top: 0;width: 100%; height:100%;background-color: rgb(0 0 0 / 80%);z-index: 10000;overflow-y: auto;}

.customerArea .close {display: block;width: 34px;height: 34px;color: #fff;font-size: 15px;text-align: center;background-color:#BC9A77 ;    line-height: 34px; border: 1px solid #BC9A77;border-radius: 100%;margin-bottom: 6px;opacity:1;}
.customerArea .close img{display: table; margin: 0 auto;}


.customerArea{}
.customerArea .csMargin{
    padding: 0 1% 0 4%;
    bottom: 3%;
    position: absolute;
}
.customerArea .csTable{color: #fff;}
.customerArea .csTable .topTit{font-size: 18px;font-weight: bold;padding-bottom: 10px;border-bottom: 1px solid #4F4F4F;margin-bottom: 10px;margin-top: 30px;margin-right: 3%;}
.customerArea .csTable .topTit span.callLink{
    /* margin-top: 11px; */
    /* vertical-align: bottom; */
}
.customerArea .csTable .topTit span.callLink a{
    float: right;
    font-size: 12px;
    color: #fff;
    font-weight: 300;
}
.customerArea .csTable .topTit span.callLink a i{
    vertical-align: middle;
}
.customerArea .csTable .topTit img{ width: 24px; vertical-align: middle;} 
.customerArea .csTable li {width: 47%; display:inline-block;height: 33px;line-height: 33px; margin-bottom:10px;padding-right: 2%;}
.customerArea .csTable li a {color:#fff;  background:#666; display:block; text-align:center; border-radius:3px;}
.customerArea .csTable li a.cs_kakao{background:#FFF200; color:#000;height: 40px;line-height: 40px;}
.customerArea .csTable li a.cs_naver{background:#01C73C;height: 40px;line-height: 40px;}
.customerArea .csTable li a.cs_naver img{width:16px; vertical-align:middle; padding-right :6px }
.customerArea .csTable li a.cs_kakao .xi {font-size:24px; vertical-align:middle;padding-right :6px }


.customerArea .csTel {
    margin-top: 34px;
}
.customerArea .csTel p.cs_tel{color:#fff; }
.customerArea .csTel p.cs_tel a{color:#fff; font-size:28px }
.customerArea .csTel p.cs_txt{color:#fff;padding-top: 10px;}

.customerArea .csSns{
    margin-top: 16px;
}
.customerArea .csSns a{color:#fff;margin-right: 10px;}
.customerArea .csSns a i{font-size: 25px;}


/* //하단 고정 버튼 */

/*인스타그램*/
.instaWrap {margin-top: 60px; border-top: 8px solid #FAFAFA;  text-align: center;}    
.instaWrap .starTit {
    text-align: center;
    font-weight: 700;
    margin: 45px 0 18px 0;
    padding-top: 6px;
   }
.instaWrap .starTit a {font-size: 24px;    color: #000;  font-family: 'Cormorant Garamond', serif; }
.instaWrap .mm_header{}
.instaWrap .mm_header .imhead{color:#999999}
.instaWrap .mm_header .imSub a{
    border: #e7e7e7 1px solid;
    display: inline-block;
    padding: 6px 16px;
    border-radius: 100px;
    margin: 10px 0px 20px;
    color: #333333;
    }
    
/*드롭메뉴*/   
.footer_in_box {padding: 0 15px 31px;}
.footer_bottom { background:#f4f4f4; padding:0 15px;     padding-bottom: 85px; }
.f_section {
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}

.f_section:first-of-type {
    border-top: 1px solid #ddd;
}

.f_section p {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    position: relative;
}

.f_section .fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.f_section ul {
    margin-top: 15px;
    display:
    none;
}

.f_section ul li {
    margin-bottom: 6px;
}

.f_section .telNum{font-size: 24px;
    font-weight: 500;
    padding: 10px 0px;}

.f_section ul .link{
    padding: 10px 0px;
}
.f_section ul .link a{
    display: inline-block;
    width: 49%;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    padding: 4px 0;
}

.f_section ul li a {
    font-size: 13px;
    color: #333;
    font-weight: 300;
}

.f_section .fa-angle-down {background-image: url(/design/yamiyami/dizi/icon/remove-outline.svg);position:absolute;top:-1px;right:0;width: 17px;height: 18px;}
.f_section .fa-angle-down:before {content:"";position:absolute;top:-1px;right:0;width: 17px;height: 18px;background:url("/design/yamiyami/dizi/icon/add-outline.svg") no-repeat 50%;background-size:17px 18px;}
.f_section .fa-angle-down.fa-rotate-180::before { background-image: url(/design/yamiyami/dizi/icon/remove-outline.svg);}    
    
.btSnsWrap {/* width:50px; *//* height:50px; */margin-left: 14px;}
.btSnsWrap a{border:1px solid #ddd; border-radius:100px;  display:inline-block;margin-right: 3px;}
.btSnsWrap img{width: 35px;}
.footerMiddle {margin: 20px 16px 10px;}
.footerMiddle a{padding-right:10px; color:#999}
.copyright {margin: 10px 16px;color: #999;}

.btn_toggle_area img {padding-top: 15%;}

/* BASIC css end */


/* BASIC css end */