.shop_info_pop{font-family: 'NanumBarunGothic', sans-serif !important;}
.mall_legend i::before,
.pop_body .btn_close_pop::after,
.pop_btm a.aro_btn::after{background-image: url(mall_legend.png);background-repeat: no-repeat;display: block;content: '';}

.lineBox.shop .fz13{font-size: 15px;}
.mall_size{border: 1px solid #d6d7d8;overflow: hidden;margin-top: 10px;position:relative;height: 600px;}
.mall_legend{position: absolute;right: 0;top: 0;height: 38px;background-color: #fff;border-left: 1px solid #d6d7d8;border-bottom: 1px solid #d6d7d8;padding: 0 15px 0 5px;z-index: 2;}
.mall_legend ul,.mall_legend li{display: inline-block;text-align: center;font-size: 0;}
.mall_legend span{display: inline-block;font-size: 13px;vertical-align: middle;line-height: 38px;}
.mall_legend i{display: inline-block;vertical-align: middle;height: 19px;width: 22px;position: relative;margin: 0 3px 2px 10px ;}
.mall_legend i::before{position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-position: 0 0;}
.mall_legend .mlg_2 i::before{background-position: -30px 0;}
.mall_legend .mlg_3 i::before{background-position: -60px 0;}
.mall_goto_btn {padding-top:50px;font-size: 0;text-align: center;}
.mall_goto_btn a{display: inline-block;line-height: 40px;font-size: 15px;text-align: center;width: 110px;border: 1px solid #ccc;margin: 0 3px;border-radius:3px ;}

.qtip-content{font-size: 13px !important;}


#wrapper {  background-color: #FFF;height: 900px;padding-top:0;  cursor: move;position: relative;}

/*플러스버튼*/
.mall_container { width: calc(100% + 25px); height: 516px; overflow: auto; position: relative; cursor: move }
.plus{position: absolute; border-radius:99px; overflow:hidden;  }
.plus a{display:block; width: 100%; height: 100%; background: url('badge.gif') no-repeat center; background-color: #b4a9a1; transition:0.3s;}
.plus a:hover{background-color: #222;}

/* 버튼 누르면 열리는 레이어 팝업 */
.pop_dimm {display:block; position: fixed; background: rgba(20, 21, 22, 0.75); z-index:10; left: 0; top: 0; right: 0; bottom: 0; }
body.fixed_pop #sb-site{z-index: 0 !important;position: static !important;transition:none;transform:none !important;}
body.fixed_pop .pop_wrap{display: block;}
.pop_wrap{position:fixed;top:15%;left:50%;z-index:9999;background:#fff;box-sizing:border-box;transform: translateX(-50%) translateY(0) ;width:950px;display:none;box-shadow:1px 1px 15px 1px rgba(0,0,0,0.55)}
.pop_body {position: relative;padding:0}
.pop_body .btn_close_pop {position:absolute;right:0;top:0px;display:block;width:90px;height:90px;background:#fff;text-indent: -999em;}
.pop_body .btn_close_pop::after{position: absolute;top: 0;left: 0;width: 17px;height: 17px;background-position: 0 -20px;top: 50%;left: 50%;margin-left: -9px;margin-top: -8px;}

.pop_wrap .pop_cont{position: relative;/* height:544px; */height: 0;padding-bottom: 57.26%;background: #ebe8e5;font-size: 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; }
.pop_wrap .pop_cont::before{display: block;content: '';width: 64px;height: 64px;position: absolute;margin-top: -32px;margin-left: -32px;left: 50%;top: 50%;background: url(no_photo.png) center no-repeat;opacity: 0.5;}
/* .pop_wrap .pop_cont img{width: 100%;height: 100%;font-size: 0;display: block;z-index: 2;} */
.pop_wrap .pop_cont .img_area{position: absolute;top: 0;left: 0;bottom: 0;right: 0; width: 100%; height: 100%;}
.pop_wrap .pop_cont .img_area .img_area_ele{width: 100%; height: 100%; background-size:cover; background-position:center; background-repeat:no-repeat; display:block; z-index:2;}
.pop_wrap .pop_cont .img_area button.slick-arrow{display:block; width: 7%; height: 0; padding-bottom: 7%; position: absolute; z-index:2; top: 50%; transform:translateY(-50%); min-width: 40px; min-height: 40px;}
.pop_wrap .pop_cont .img_area button.slick-prev{left: 0; background: #fff url('icon_aro_l.png') no-repeat center;}
.pop_wrap .pop_cont .img_area button.slick-next{right: 0;background: #fff url('icon_aro_r.png') no-repeat center;}
.pop_wrap .pop_top{position: relative;border-top: 8px solid #8c7b6b;height: 90px;padding-left: 30px;font-size: 0;vertical-align: middle;line-height: 90px;background-color: #fff;}
.pop_wrap .pop_top h2{font-size: 33px;display: inline-block;color: #8c7b6b;}
.pop_wrap .pop_top p{display: inline-block;font-size: 16px;color: #666;}
.pop_wrap .pop_top p span{display: inline-block;position: relative;margin-left: 7px;padding-left: 11px;}
.pop_wrap .pop_top p span::before{display: block;content: '';border-left: 1px solid #ccc;position: absolute;top: 50%;width: 1px;left: 0;height: 10px;margin-top: -6px;}
.pop_wrap .pop_top p span:first-child{margin-left: 0;}
.pop_wrap .pop_top p span:first-child::before{display: none;}

.pop_wrap .pop_txt{padding: 15px 20px;font-size: 15px;line-height: 1.5;background-color: #f7f8f9;}


.pop_btm {overflow: hidden;}
.pop_btm a.aro_btn {display: block;text-indent: -999em;float: left;background-color: #fff;height: 56px;width: 55px;position: relative;}
.pop_btm a.aro_btn::after{position: absolute;top: 50%;left: 50%;margin-left: -12px;margin-top: -8px;width: 23px;height: 16px;background-color: #f69;background-position: 0 -50px;}
.pop_btm a.aro_btn.next{float: right;background-position: -30px -50px}
.pop_btm a.aro_btn.next::after{background-position: -30px -50px}
.pop_btm a.aro_btn:hover::after,
.pop_btm a.aro_btn.on::after{background-position: 0 -70px}
.pop_btm a.aro_btn.next:hover::after,
.pop_btm a.aro_btn.next.on::after{background-position: -30px -70px}
.pop_btm a.aro_btn:hover,
.pop_btm a.aro_btn.on {background-color: #8c7b6b;}

@media all and (max-width:1024px) {
.pop_wrap{width: 95%;}
.pop_wrap .pop_top h2{font-size: 28px;}
.pop_wrap .pop_top p{font-size: 15px;}
}
@media all and (max-width:815px) {
.pop_body .btn_close_pop{height: 60px;width: 60px;}
.pop_wrap .pop_top {height: 60px;line-height: 60px;padding-left: 10px;border-top-width: 5px;letter-spacing: -1px;}
.pop_wrap .pop_top h2{font-size: 22px;}
.pop_wrap .pop_top p{font-size: 13px;}
.pop_wrap .pop_top p span{display: inline-block;position: relative;margin-left: 3px;padding-left: 6px;}
.pop_btm a.aro_btn{height: 44px;width: 43px;}
}

@media all and (max-width:640px) {

.mall_size{height: 500px;}
}