/* BASIC css start */ #footer { /*margin-top:80px;*/ position:relative } #footer .ftShopInfo { position:relative } #footer .ftShopInfo .title { text-align:center } #footer .ftShopInfo .title h3 { padding-bottom:18px; position:relative; font-size:15px; font-weight:700 } #footer .ftShopInfo .title h3:after { margin-left:-6px; content:''; position:absolute; top:25px; left:50%; width:13px; height:2px; background:#000 } #footer .ftShopInfo .title .desc { font-size:23px; font-weight:700; line-height:23px } #footer .ftShopInfo .shopList { margin-top:24px; padding:28px 25px; background:#f4f4f4 } #footer .ftShopInfo .shopList img { width:100% } #footer .ftShopInfo .shopList .shopInfo-pagination { padding-top:13px; height:4px; font-size:0 } #footer .ftShopInfo .shopList .shopInfo-pagination .swiper-pagination-bullet { margin:0; width:43px; height:4px; border-radius:0; background:#ccc; opacity:1; vertical-align:top } #footer .ftShopInfo .shopList .shopInfo-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#666 } #footer .ftInfoArea { margin-top:8px; padding-bottom:15px; position:relative; background:#f5f5f5 } #footer .ftInfoArea .ftTopNav { position:relative; height:72px; border-bottom:1px solid #ccc } #footer .ftInfoArea .ftTopNav ul { *zoom:1 } #footer .ftInfoArea .ftTopNav ul:after { display:block; clear:both; content:'' } #footer .ftInfoArea .ftTopNav li { float:left; width:20%; text-align:center } #footer .ftInfoArea .ftTopNav li a { display:block; height:72px } #footer .ftInfoArea .ftTopNav li .ico { display:inline-block; margin-top:13px; width:30px; height:30px; background:url(/design/mariang7/phps/m/common/sp_footer_nav.png) 0 0 no-repeat; background-size:30px auto; vertical-align:top } #footer .ftInfoArea .ftTopNav li .ico1 { background-position:0 0 } #footer .ftInfoArea .ftTopNav li .ico2 { background-position:0 -30px } #footer .ftInfoArea .ftTopNav li .ico3 { background-position:0 -60px } #footer .ftInfoArea .ftTopNav li .ico4 { background-position:0 -90px } #footer .ftInfoArea .ftTopNav li .ico5 { background-position:0 -120px } #footer .ftInfoArea .ftTopNav li .txt { display:block; font-size:13px; vertical-align:top } #footer .ftBottomArea { padding:0 20px } #footer .ftBottomArea .csBank { padding:25px 0 17px; *zoom:1; border-bottom:1px solid #ccc } #footer .ftBottomArea .csBank:after { display:block; clear:both; content:'' } #footer .ftBottomArea .csBank h4 { font-size:13px } #footer .ftBottomArea .csBank .leftBox { padding:0 4% 0 7%; float:left; width:36% } #footer .ftBottomArea .csBank .leftBox .shopTel { padding-top:3px } #footer .ftBottomArea .csBank .leftBox .shopTel a { font-size:21px; color:#dfa094; font-weight:700 } #footer .ftBottomArea .csBank .leftBox .workTime { padding-top:9px; font-size:17px; } #footer .ftBottomArea .csBank .leftBox .lunchTime { padding-top:3px; color:#777777; font-size:13px } #footer .ftBottomArea .csBank .leftBox .csBtns { padding-top:4px } #footer .ftBottomArea .csBank .leftBox .csBtns a { display:block; margin-top:3px; width:108px; height:24px; font-size:12px; color:#fff; text-align:center; line-height:24px; background:#000 } #footer .ftBottomArea .csBank .rightBox { padding-left:3%; float:left; width:50% } #footer .ftBottomArea .csBank .rightBox h4 { padding-bottom:10px } #footer .ftBottomArea .csBank .rightBox p { font-size:13px; line-height:18px } #footer .ftBottomArea .csBank .rightBox p.accountHolder { padding-top:10px } #footer .returnArea { padding:14px 9px; border-bottom:1px solid #ccc } #footer .returnArea h4 { font-size:13px; font-weight:bold } #footer .returnArea p { font-size:13px; line-height:19px } /* #footer .copyrightArea { padding:15px 0; border-bottom:1px solid #ccc } #footer .copyrightArea .btnCopyToggle { position:relative; width:100%; font-size:14px; text-align:center } #footer .copyrightArea .copyToggle { display:none } #footer .copyrightArea address { padding:12px 0 0; font-size:14px; text-align: center; line-height:22px } #footer .copyrightArea address em { padding:0 4px; position:relative } #footer .copyrightArea address em.fax:after { content:''; position:absolute; top:5px; left:0; width:1px; height:11px; background:#000 } #footer .copyrightArea address a { display:inline-block; font-size:14px; color:#dfa094; line-height:22px } #footer .copyrightArea address .copy { padding-top:11px } */ #footer .ftBottomNav { font-size:0 } #footer .ftBottomNav a { display:inline-block; width:21%; font-size:13px; text-align:center; line-height:34px } #footer .ftBottomNav a.both { width:37% } #footer .instaArea {padding-top:55px; text-align:center;} #footer .instaArea h4{font-size:15px; font-weight:bold;} #footer .instaArea p{color:#777777;} #footer .instaArea .insta{padding-top:20px;} .btn_toggle_area { display:none; position: fixed;bottom: 12px; right: 49px;z-index: 999;} .btn_toggle_area a { display: block; width: 40px; height: 40px; line-height: 16px; color:#111; font-size: 23px; text-align: center; /*background-color: rgba( 255, 255, 255, 0.8 );border:1px solid #ddd;*/ } .btn_toggle_area a.btn_up { position: absolute; bottom:41px;} .btn_toggle_area a.btn_down { position: absolute; bottom: 0; } .btn_toggle_area a.btn_kakao { position:absolute; bottom:77px; right:-44px; } .btn_toggle_area a.btn_naver { position:absolute; bottom:123px } .btn_toggle_area a.btn_kakao span.ico_kakao { display:block; width:30px; height:30px; background:url(/design/mariang7/phps/m/common/ico_kakao_bk.png) 0 0 no-repeat; background-size:30px auto } /*.btn_toggle_area a.btn_naver span.ico_naver { display:block; width:40px; height:40px; background:url(/design/mariang7/phps/m/common/naver_m_btn.jpg) 0 0 no-repeat; background-size:40px auto }*/ /*/////////////////////////////////////////리뉴얼 소스영역//////////////////////////////////////////////////////////*/ #footer .imgBanner.imgBnList li:first-child {padding-top:40px !important;} /*하단 아코디언메뉴*/ #footer .accordion-box.bottom-box{width:100%;margin: 0 auto; padding-top:40px;} #footer .accordion-box.bottom-box > ul{border-top:1px solid #ececec;} #footer .accordion-box.bottom-box .title {position:relative;width: 100%; line-height: 40px; background: #fff;border-bottom:1px solid #ececec;box-sizing: border-box;padding: 0 25px;font-size:14px; } #footer .accordion-box.bottom-box .conbox h3 {font-weight:700; padding:20px 0; font-size:13px;} #footer .accordion-box.bottom-box .conbox ul li{line-height:16px; padding-bottom:10px; font-size:13px;} #footer .accordion-box.bottom-box .conbox ul li p{font size:14px !important; } #footer .accordion-box.bottom-box .title span{} #footer .accordion-box.bottom-box .title a{line-height:40px; display:block;} #footer .accordion-box.bottom-box .conbox{display:none; padding:20px 25px !important; border-bottom:1px solid #ececec; background:#f9f9f9;} #footer .accordion-box.bottom-box .title span.icon_open{display:inline-block;width:15px;height: 40px;background: url('/design/mariang7/2019new/images/icon_open_nav.png') no-repeat center;background-size:31px;vertical-align:middle; float:right; opacity: 0.3;} #footer .accordion-box.bottom-box .conbox .shopTel{font-size:18px; font-weight:700; padding-bottom:15px;} #footer .accordion-box.bottom-box .conbox .btn {width:100%; margin-top:15px;} #footer .accordion-box.bottom-box .conbox .btn p{width:48%; height:40px; line-height:38px; border:1px solid #bbb; text-align:center; display:inline-block; box-sizing:border-box; background:#fff;} #footer .accordion-box.bottom-box .conbox .btn_store p{width:60%; height:40px; line-height:38px; border:1px solid #bbb; text-align:center; display:inline-block; box-sizing:border-box; background:#fff;} #footer .accordion-box.bottom-box .conbox .btn p:first-child{margin-right:2%;} #footer .accordion-box.bottom-box .conbox .btn p a{display:block;} #footer .accordion-box.bottom-box .conbox .btn .ico { display:inline-block; width:30px; height:30px; background:url(/design/mariang7/phps/m/common/sp_footer_nav.png) 0 0 no-repeat; background-size:30px auto; vertical-align:middle } #footer .accordion-box.bottom-box .conbox .btn .ico1 { background-position:0 0 } #footer .accordion-box.bottom-box .conbox .btn .ico2 { background-position:0 -150px; width:27px; } #footer .accordion-box.bottom-box .conbox h4{padding-bottom:5px; font-size:13px; font-weight:700;} #footer .accordion-box.bottom-box .conbox .bank p{line-height:22px; position:relative;} #footer .accordion-box.bottom-box .conbox .bank h4{margin-top:20px;} #footer .accordion-box.bottom-box .conbox .bank p em{padding-left:8px;} #footer .accordion-box.bottom-box .conbox .kakaotalk {position: relative; height: 40px;line-height: 40px;background: #feed17 !important;width: 60%;box-sizing: border-box; text-align:center; border:none!important; margin:10px 0 25px 0;} #footer .accordion-box.bottom-box .conbox .kakaotalk span { background: url(/design/mariang7/phps/m/common/icon_kakao_logo.png) no-repeat 50% 50%; background-size: 15px auto; width:23px; height:38px; display:inline-block; vertical-align:top;} #footer .accordion-box.bottom-box .conbox .kakaotalk a{display: block;} #footer .accordion-box.bottom-box .conbox .address{margin-top:8px;} #footer .copyrightArea { padding:30px 0; background:#f9f9f9;} #footer .copyrightArea .btnCopyToggle { position:relative; width:100%; text-align:center } #footer .copyrightArea address {text-align: center; } #footer .copyrightArea address p{line-height:130%; padding-bottom:5px;} #footer .copyrightArea address em { padding:0 6px; position:relative } #footer .copyrightArea address em.fax:after { content:''; position:absolute; top:5px; left:0; width:1px; height:9px; background:#555 } #footer .copyrightArea address a { display:inline-block; color:#dfa094; } #footer .copyrightArea address a.info_link {padding-left:5px;} #footer .copyrightArea address .copy { padding-top:11px; font-size:10px; color:#bababa; } /*///////////////////////////////////////////////////////////////////////////////////////////////////*/ /* BASIC css end */