@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

#map {width: 100%;height: 800px;}

.map_wrap {position: relative;overflow:hidden;width:100%;height: 800px;}
.overlaybox {position: absolute;top:100px;left:100px;overflow:hidden;width:304px;height:560px;margin:0;padding:0;z-index:1;font-size:12px;font-family:"Noto Sans KR", sans-serif; background-color: #ffffff;}

.overlaybox #searchbox { font-size:0; background:#6a3a07; padding: 12px 7px; box-sizing:border-box; }
.overlaybox #searchbox > span { display:inline-block; font-size:14px; height:36px; }
.overlaybox #searchbox .sel { width:118px; margin-right: 3px; }
.overlaybox #searchbox .btn_s { width:48px; }
.overlaybox #searchbox select,
.overlaybox #searchbox button { height:36px; width:100%; vertical-align: middle; border: 0; border-radius:0; }
.overlaybox #searchbox select { color:#666; }
.overlaybox #searchbox button { color:#6a3a07; font-weight: 600; background:#fcd500; }

.overlaybox #listbox { padding: 12px 7px 0; box-sizing:border-box; height:500px; }
.overlaybox #listbox .inner { height:calc(100% - 32px); overflow-y:scroll; }
.overlaybox #listbox .countbox { background:#f5f4f2; font-size:14px; color:#999; font-weight: 400; padding: 0 17px; box-sizing:border-box; line-height: 36px; }
.overlaybox #listbox .countbox #store_cnt { font-weight: 600; color:#000; }

.overlaybox #listbox .listbox { padding: 0 17px; box-sizing:border-box; }
.overlaybox #listbox .listbox #store_list { padding-top: 32px; box-sizing:border-box; }
.overlaybox #listbox .listbox #store_list li { border-top: 1px solid #dfdfdf; box-sizing:border-box; margin-top: 20px; padding-top: 20px; }
.overlaybox #listbox .listbox #store_list li:first-child { border-top: 0; margin-top: 0; padding-top: 0; }
.overlaybox #listbox .listbox #store_list li .num { display:inline-block; width:22px; height:22px; border-radius:50%; text-align: center; line-height: 22px; background:#6a3a07; font-size:14px; color:#fff; font-weight: 600; font-style: normal; vertical-align: middle; }
.overlaybox #listbox .listbox #store_list li .tit { font-size:16px; color:#000; font-weight: 400; display:inline-block; width:calc(100% - 22px - 4px); padding-left: 9px; box-sizing:border-box; vertical-align: middle; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.overlaybox #listbox .listbox #store_list li .addr { display:block; padding-left: 35px; box-sizing:border-box; font-size:14px; color:#999; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; padding-right: 25px; margin-top: 4px; }

.click_overlay {width: 245px;height: 158px; }
.click_overlay h2 { border-bottom: 1px solid #eaeaea; box-sizing:border-box; font-size:16px; color:#3a3a3a; height:46px; line-height: 45px; padding-left: 10px; padding-right: 30px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden;  }
.click_overlay div { padding: 0 10px; margin: 10px 0; box-sizing:border-box; font-size:14px; color:#666; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: 36px; }
.click_overlay span { display:block; text-align: center; }
.click_overlay span a { display:inline-block; width:100px; height:30px; line-height: 30px; background:#fcd500; font-size:14px; color:#000; font-weight: 600; position:absolute; bottom:20px; left:50%; margin-left: -50px; }
.map_wrap img[alt="close"] { top:16px !important; }


/* 상세페이지 */
.detail_wrap {display: none;position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.6); padding-bottom: 35px; box-sizing:border-box; }
.detail_wrap .detail {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;max-width: 700px;height: 600px;background-color: #ffffff;}

.store_view {overflow: hidden; padding-bottom: 30px; box-sizing:border-box;}
.store_view header { position:relative; height:75px; line-height: 74px; border-bottom: 1px solid #eaeaea; box-sizing:border-box; padding: 0 25px; background:#fafafa; }
.store_view header h2 { font-size:26px; color:#3a3a3a; font-weight: 600; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; padding-right: 40px; box-sizing:border-box; }
.store_view header a { display:inline-block; position:absolute; right:25px; top:50%; margin-top: -10px; line-height: 1em; }

.store_view .slide_wrap { height:auto; padding: 25px; }
.store_view .slide_wrap #store_images,
.store_view .slide_wrap .mySwiper { float: left; overflow:hidden; height:100%; font-size:0; width:100%; height:auto; }
.store_view .slide_wrap #store_images img { width:100%; }
.store_view .slide_wrap .mySwiper { margin-top: 10px; }
/*
.store_view .slide_wrap #store_images { width:calc(100% - 160px - 10px); margin-right:10px; }
.store_view .slide_wrap .mySwiper { width:160px; }
*/
.store_view .slide_wrap .mySwiper .swiper-slide { border: 1px solid #eaeaea; box-sizing:border-box; }

.store_view .detail_info { padding: 0 25px; box-sizing:border-box; }
.store_view .detail_info > span { font-size:18px; color:#3a3a3a; font-weight: 600; display:block; position:relative; padding-left: 48px; box-sizing:border-box; }
.store_view .detail_info > span i { color:#fcd500; width:48px; display:inline-block; text-align: center; position:absolute; left:0; top:1px; }
.store_view .detail_info .store_tel {  }
.store_view .detail_info .store_tel i { transform: rotateZ(90deg); }    
.store_view .detail_info .store_addr { margin-top: 12px; }



.footer { margin-top: 0 !important; }



@media (max-width:1200px){

	.overlaybox { left:10px; }

}


@media (max-width:992px){

}


@media (max-width:768px){

	.map_wrap { height:auto; }
	.map_wrap #map { height:500px; }

	.overlaybox #searchbox .sel { width:calc(40% - 4px); }
	.overlaybox #searchbox .btn_s { width:calc(20%  - 4px); }

	.overlaybox { position:static; width:100%; }
	.overlaybox,
	.overlaybox #listbox { height:auto; }
	.overlaybox #listbox .inner { overflow-y:visible; }

	.overlaybox #listbox .listbox { padding: 0 17px 30px; box-sizing:border-box; }


	/*
	.store_view .slide_wrap { height:auto; }
	.store_view .slide_wrap #store_images,
	.store_view .slide_wrap .mySwiper { width:100%; height:auto; }
	*/

	#map {display: none;}
}



@media (max-width:479px){

	.overlaybox #searchbox { text-align: center; }
	.overlaybox #searchbox .sel { width:calc(50% - 2px); }
	.overlaybox #searchbox .sel1 { margin-right: 4px; }
	.overlaybox #searchbox .sel2 { margin-right: 0; }
	.overlaybox #searchbox .btn_s { width:100%; margin-top: 4px; }

}


@media (min-width:700px){

	.store_view .slide_wrap { height:410px; box-sizing:border-box; display:inline-block; width:100%; }	
	.store_view .slide_wrap #store_images,
	.store_view .slide_wrap .mySwiper { height:360px; }
	.store_view .slide_wrap #store_images { width:calc(100% - 160px - 10px); margin-right:10px; }
	.store_view .slide_wrap .mySwiper { width:160px; margin-top: 0; }
	


}