@import url('../../../plug_in/mcustomscrollbar/jquery.mCustomScrollbar.css');

/* 내 근처 매장 찾기 */
.near_place_wrap{display: flex;justify-content: center;max-width: 1700px;width: 100%;margin: 100px auto 30px;padding: 98px 0;background-color: #fff2cc;text-align: center;}
.near_place_bg{top: 65px;left: 50%;margin-left: -600px;}
/* .store_search{width:50%} */
.store_search p{font-size: 60px;font-weight: 700;color: #e61911;letter-spacing: -0.02em;}
.store_search > *{vertical-align: middle}
.where__search{position:relative;width:560px;height:70px;margin: 0 auto;margin-top: 50px}
.where__search-input-box{width:100%;height:100%;padding:27px 36px 27px 36px;border-radius:35px;background-color:#fff;box-sizing: border-box;}
.where__search-input{width:100%;height:100%;border:0;box-sizing:border-box;font-size:18px;letter-spacing:-0.025em;line-height:1.5;color:#555;outline:none}
.where__search-input::placeholder{color: #aaa;}
.where__search-btn{position:absolute;top:50%;right:35px;margin-top: -15px;width:30px;height:30px;border-radius:0 30px 30px 0;background:url('../img/search_icon.png')no-repeat center;font-size:0}


/* 신규매장 */
.new_store{height:320px;background:#d7d2cc}
.new_store_slide{top:60px;width:1475px;margin-left:-737px}
.new_store_slide:before, .new_store_slide:after{content:'';position:absolute;top:0;width:305px;height:100%;background:rgba(215,210,204,0.8);z-index:1}
.new_store_slide:before{left:0}
.new_store_slide:after{right:0}
.new_store_slide .swiper-slide{width:255px;margin-right:50px}
.new_store_slide .img{height:160px;background-repeat:no-repeat;background-position:center;background-size:cover}
.new_store_slide .store_name{background:#fff}
.new_store_slide .store_name > *{vertical-align:middle}
.new_store_slide .store_name span{max-width:195px;margin-right:5px;font-size:16px;letter-spacing:-0.05em;line-height:36px;color:#666}
.new_store_btns{position:absolute;top:50%;margin-top:-35px;z-index:2}
.new_store_prev{left:50%;margin-left:-565px}
.new_store_next{right:50%;margin-right:-565px}

.place_find_container{position:relative;max-width: 1700px;width: 100%;height:702px;margin: 0 auto 150px}
#placeModalContainer.on{position:absolute;;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:11}
.place_find_wrap{position:absolute;left:50px;top:45px;z-index:10;width:304px;height:610px;background-color:#fff;box-shadow:3px 4px 5px rgba(0, 0, 0, 0.1)}
.place_find_tabs{width:100%;height:50px;background-color:#f5f4f2}
.place_find_tabs > li{float:left;width:50%;height:100%}
.place_find_tabs > li > a{display:block;height:100%;background-color:#f5f4f2;font-size:18px;letter-spacing:-0.05em;line-height:50px;color:#333;text-align:center}
.place_find_tabs > li.on > a{background-color:#e61911;color:#fff}
.place_find_cons{position:relative;z-index:10}
.place_find_head{height:100px;background-color:#e61911}
/* .place_find_head:after{content:'';display:block;clear:both} */
.placefindbyname{position:relative;height:100%;padding-top: 25px;letter-spacing:-0.05em;color:#fff;box-sizing: border-box;}
/* .placefindbyname:after{content:'';display:block;clear:both;position:absolute;top:11px;right:47px;width:1px;height:14px;background-color:#ddd}
.placefindbyname label{display:block;position:absolute;left:22px;top:0;line-height:36px} */
.place_searching_wrap{display: flex;justify-content: space-between;padding-right: 20px;}
.placeName_wrap{position: relative;width: 203px;margin-left: 20px;}
.place_name{height: 45px;border: none;color: #fff;width: 100%;padding-left: 14px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
background-color: transparent;
outline: none;
}
.place_name::placeholder{color: #fff;font-size: 18px;}
.placeName_wrap::after{content: '';position: absolute;bottom: 0;left: 0;background-color: #fff;width: 100%;height: 2px;}
.placefindbyname .place_btn{position:relative;width:50px;height:50px;border:0;font-size:0;background:url('../img/find_ico_new.png') no-repeat center}
.place_find_head .cols.select{float:left;height:100%;margin-left:3px}
.place_find_head .cols.select:first-child{margin-left:0}
.place_find_head .cols.select.col1{width:118px}
.place_find_head .cols.select.col2{width:118px}
.place_find_head .cols.select.col3{width:48px}
.place_find_head .cols.select > button{width:100%;height:100%;padding-left:9px;background:#fff url('../img/select_arrow.png') no-repeat 99px 16px;font-size:14px;letter-spacing:-0.05em;color:#666;text-align:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
.place_find_head .cols.select.col3 .place_btn{width:100%;height:100%;border:0;background-color:#2f2d30;font-size:14px;letter-spacing:-0.05em;color:#fff}
.local_list_wrap{display:none;overflow:hidden;position:relative;height:248px;border:1px solid #ebebeb;background-color:#fff;box-shadow:2px 2px 4px rgba(0, 0, 0, 0.3);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
.local_select{position:relative}
.local_select > li > a{display:block;height:30px;padding-left:9px;font-size:0.875em;color:#7d7b7c;line-height:30px;letter-spacing:-0.05em;text-align:left}
.local_select > li.on a, .local_select > li > a:hover{background-color:#f8f8f8}
.place_find_body{margin:12px 7px}
.place_find_number{height:36px;padding-left:17px;background-color:#f5f4f2;font-size:14px;line-height:36px;letter-spacing:-0.05em;color:#888}
.place_find_number > strong{color:#333}
.place_find_result{overflow:hidden;position:relative;height:420px;margin-top:12px}
.place_find_result ol{width:257px;margin-left:15px}
.place_find_result ol li{position:relative;padding:20px 0;border-bottom:1px solid #dfdfdf}
.place_find_result ol li:after{content:'';display:block;clear:both}
/* .place_find_result .col1{float:left;width:22px;height:22px;background-color:#e61911;font-size:12px;line-height:22px;letter-spacing:-0.05em;color:#fff;border-radius:50%;text-align:center} */
/* .place_find_result .col2{float:right;width:224px} */
.place_find_result .col2 > dt, .place_find_result .col2 > dd{padding-right:10px}
.place_find_result .col2 > dt{margin-bottom:4px;line-height:142%;letter-spacing:-0.05em;color:#333}
.place_find_result .col2 > dd{font-size:14px;line-height:142%;letter-spacing:-0.05em;color:#888}

#placeLoadMap{height:100%}
.place_modal{overflow:hidden;position:relative;width:226px;box-shadow:1px 2px 4px rgba(5, 0, 1, 0.2)}
.place_title{position:relative;width:220px;height:34px;margin:1px 0 0 2px;padding-left:10px;border-bottom:1px solid #ebebeb;font-weight:700;font-size:14px;line-height:34px;letter-spacing:-0.05em}
.infoWindowClose{position:absolute;font-size:17px;right:3px;top:-3px;width:34px;height:34px}
.place_cont{position:relative;margin:1px 0 0 2px;width:220px;padding:5px 10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
.place_addr{font-size:14px;color:#888;line-height:150%;letter-spacing:-0.05em}
.more_btn{display:block;position:relative;width:66px;height:16px;padding:5px;margin:20px auto;background-color:var(--lightRed);line-height:16px;letter-spacing:-0.05em;font-size:12px;color:#fff;text-align:center}
.markerIcon{width:60px;height:71px;padding-top:15px;background:url('../img/marker.png') no-repeat;font-size:14px;font-weight:500;color:#000;text-align:center}
.location_search_btn{z-index: 1;position: absolute;left: 50%;bottom: 45px;transform: translateX(-50%);}

.store_view_img{position:relative;margin-top:30px;text-align:center;}
.store_view_img > .slider-btns{position:absolute;top:50%;width:60px;height:60px;margin-top:-30px;background-repeat:no-repeat;text-indent:-10000px}
.store_view_img > .slider-prev{left:30px;background-image:url('../img/btn_prev.png')}
.store_view_img > .slider-next{right:30px;background-image:url('../img/btn_next.png')}
.store_view_info{position:relative;margin:30px 0}
.store_info_list{position:relative}
.store_info_list:after{content:'';display:block;clear:both}
.store_info_li{float:left;position:relative;width:50%;min-height:120px;margin-bottom:50px}
.store_info_ico{position:absolute;left:0;top:0;width:120px;height:120px;background-repeat:no-repeat}
.store_info_ico01{background-image:url('../img/store_info_ico01.png')}
.store_info_ico02{background-image:url('../img/store_info_ico02.png')}
.store_info_ico03{background-image:url('../img/store_info_ico03.png')}
.store_info_ico04{background-image:url('../img/store_info_ico04.png')}
.store_info_txt_area{margin:0 20px 0 150px;padding-top:30px}
.service_ico_area:after{content:'';display:block;clear:both}
.service_ico{float:left;width:24px;height:24px;margin-left:10px;background-repeat:no-repeat;text-indent:-10000px}
.service_ico:first-child{margin-left:0}
.service_ico01{background-image:url('../img/service_ico01.png')}
.service_ico02{background-image:url('../img/service_ico02.png')}
.service_ico03{background-image:url('../img/service_ico03.png')}
.service_ico04{background-image:url('../img/service_ico04.png')}
.store_view_tabmenu{position:relative}
.store_view_tabmenu:after{content:'';display:block;clear:both}
.store_view_tabmenu > li{position:relative;float:left;width:50%}
.store_view_tabmenu > li > a{display:block;position:relative;width:100%;height:60px;background-color:#e2e2e2;font-size:1em;line-height:60px;letter-spacing:-0.05em;color:#7d7b7c;text-align:center}
.store_view_tabmenu > li.on > a, .store_view_tabmenu > li > a:hover{background-color:#2b2a28;color:#fff}
.store_view_tabmenu > li.on > a:after, .store_view_tabmenu > li > a:hover:after{content:'';position:absolute;left:50%;bottom:-8px;width:14px;height:8px;margin-left:-7px;background-image:url('../img/store_view_arrow.png');background-repeat:no-repeat}
.store_view_cont{position:relative;margin-top:20px}
.store_view_cont01, .store_view_cont02{height:550px}

/* NEW stote view */
.store_view_video{width:1080px;margin-top:50px;background:#5c5c5c}
.store_info_wrap{position:relative;width:100%;margin-top:50px}
.store_info_wrap:after{display:block;content:"";clear:both}
.store_info_left{width:508px}
.store_tab_wrap{width:100%;margin:0 auto}
.store_tabmenu{position:relative}
.store_tabmenu:after{display:block;clear:both;content:""}
.store_tabmenu > li{float:left;width:254px;height:50px}
.store_tabmenu > li:first-child{margin-left:0}
.store_tabmenu > li > a{display:block;width:100%;font-size:16px;color:#777;text-align:center;line-height:50px;letter-spacing:0.01em;background:#fff}
.store_tabmenu > li.on > a, .store_tabmenu > li > a:hover{background:#333;color:#fff}

.store_map01{width:508px;height:400px}

.store_info_right{width:503px}
.store_info_tit{margin-top:5px;font-size:26px;letter-spacing:-0.025em;color:#333}
.store_line{display:inline-block;width:100%;height:1px;background:#d9d9d9;margin-top:15px}
.store_info_ul{margin-top:62px}
.store_info_ul li{min-height:72px;padding-left:95px;margin-top:55px}
.store_info_ul li:first-child{margin-top:0}
.store_info1{background: url('../img/store_info1.png') no-repeat 0 0}
.store_info2{background: url('../img/store_info2.png') no-repeat 0 0}
.store_info3{background: url('../img/store_info3.png') no-repeat 0 0}
.store_info_txt01{margin-top:10px;font-size:20px;letter-spacing:-0.05em;color:#333}
.store_info_txt02{margin-top:10px;font-size:16px;letter-spacing:-0.025em;color:#777}

/*view_bot*/
.view_bot{position:relative;width:1080px;height:80px;background-color:#e5e0dd;margin-top:40px}
.view_bot > .slider-btns{display:block;position:relative;height:80px;text-align:center;line-height:80px;font-size:21px;letter-spacing:0.1em}
.view_bot > .slider-prev{position:absolute;top:0;left:0;padding:0 30px;}
.view_bot > .slider-list{position:absolute;top:0;left:50%;width:200px;height:80px;margin-left:-100px}
.view_bot > .slider-next{position:absolute;top:0;right:0;padding:0 30px;}

/* 매장상세 팝업 */
.place_pop_view{position:absolute;left:50%;top:50%;width:1200px;height:696px;background:#fff;z-index:100;border-radius: 30px;border: 1px solid #bbbfb7;box-sizing: border-box;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.place_pop_name{width: 258px;height: 42px;background-color: #e61911;color: #fff;font-size: 20px;font-weight: 700;line-height: 42px;text-align: center;}
.place_pop_close{position:absolute;right:30px;top:30px}
.place_pop_cont{display: flex;justify-content: center;margin-top: 100px;}
.place_pop_imgs{width:530px;margin-right: -35px;}
.place_pop_imgs .img{height:235px;background-repeat:no-repeat;background-position:center;background-size:cover}
.place_pop_thumb{margin-top:20px;}
.place_pop_thumb li{position:relative;float:left;width:170px;margin-right:10px;margin-bottom:10px;box-sizing:border-box}
.place_pop_thumb li:nth-child(3n){margin-right:0}
.place_pop_thumb li.on:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #e61911;box-sizing:border-box}
.place_pop_thumb a{display:block;height:116px;background-repeat:no-repeat;background-position:center;background-size:cover}
.place_pop_info{position:relative;width:375px;height:412px;margin-left:60px}
/* .place_pop_info:before, .place_pop_info:after{content:'';position:absolute;left:0;width:328px;height:1px;background:#dfdfdf}
.place_pop_info:before{top:0}
.place_pop_info:after{bottom:0} */
.place_pop_info dl{position: relative;display: flex;flex-direction: column; overflow:hidden;padding-top:45px;padding-left: 83px;}
.place_pop_info .place_info_wrap01{padding-top: 57px;}
.place_pop_info dl:last-child{padding-bottom:30px}
.place_pop_info dl::before{content: '';position: absolute;width: 60px;height: 60px;top: 0;left: 0;}
.place_pop_info .place_info_wrap01::before{top: 48px;background-image: url('../img/addr_icon.png');}
.place_pop_info .place_info_wrap02::before{top: 30px;background-image: url('../img/tel_icon.png');}
.place_pop_info .place_info_wrap04::before{top: 30px;background-image: url('../img/deliver_icon.png');}
.place_pop_info dt{float:left;font-size:18px;letter-spacing:-0.05em;color:#444444}
.place_pop_info dd{float:left;margin-top: 15px;font-size:18px;letter-spacing:-0.05em;color:#444444}

/* .place_pop_info .qr_space{width: 126px;height: 126px;background-size: cover;background-position: center;background-image: url('../img/qr_img.png');} */
.place_pop_view2{height: 480px;}
.my_place{padding: 0 160px;padding-top: 98px;}
.my_place .col02{padding-top: 9px;}
.naver_place_btn{display: block;margin-top: 34px;}
.place_store_name{font-size: 28px;letter-spacing: -0.02em;font-weight: 700;color: #222;}
.place_distance{margin-top: 26px;font-size: 20px;letter-spacing: -0.05em;color: #222;font-weight: 700;}
.place_distance span{letter-spacing: 0;}
.my_place .line{margin-top: 45px;width: 350px;height: 1px;background-color: rgba(68, 68, 68, 0.3);}
.my_place dl{display: flex;margin-top: 13px;font-size: 18px;letter-spacing: -0.05em;line-height: 1.666;color: #444;}
.my_place dl:first-of-type{margin-top: 15px;}
.my_place dt{min-width: 59px;font-weight: 500;}
.my_place dd{margin-left: 19px;}
.my_place .qr{width: 194px;height: 194px;margin: 0 auto;padding-top: 32px;background-image: url('../img/qr_base.png');background-size: cover;background-position: center;box-sizing: border-box;}
#qrcode-canvas{width: 130px;height: 130px;margin: 0 auto;}
#qrcode-canvas canvas{width: 300px;height: 300px;transform: scale(0.43);transform-origin: 0 0;}
.my_place .col03 p{margin-top: 10px;font-size: 14px;color: #666;font-weight: 700;}
.store_delivery_apps{margin-top: 19px;}
.store_delivery_apps a{display: inline-flex;}
.store_delivery_apps a:nth-child(2){margin: 0 15px;}