@charset "utf-8";

/* list */
#bo_search{}
#bo_search form{display: flex;justify-content: flex-end;}
#bo_search form .input_wrap{width: 100%;max-width: 300px;display: flex;align-items: center;}
#bo_search form .input_wrap input{width: calc(100% - 47px); height: 47px; line-height: 45px; border-radius: 0; border-color: #E6E6E6; box-shadow: unset; outline: unset;}
#bo_search form .input_wrap button{width: 47px; height: 47px; border-radius: 0; display: block; background: #006241; color: #fff;}
#bo_search form .input_wrap button i{font-size: var(--font-16) !important;}
.pagination{margin-top: 80px;}
.pagination li.page-first,
.pagination li.page-last{display: none;}
.pagination li.page-item{}
.pagination li.page-item a.page-link{background-color: unset !important; border: unset !important; color: #7E7E7E !important; font-size: var(--font-18) !important; padding: 0; width: 30px; height: 30px; text-align: center; line-height: 30px;}
.pagination li.page-item.active a.page-link{color: #006241 !important;}
#bo_list{}
#bo_list .list_head{display: flex;justify-content: space-between;align-items: center;border-top: 3px solid #252D32;border-bottom: 1px solid #C2C2C2;margin-top: 30px;}
#bo_list .list_head p{font-size: var(--font-24);color: #000;font-weight: 600;text-align: center;line-height: calc(var(--font-60) + 28px);}
#bo_list .list_head p:nth-child(1){width: 14%;position: relative;top: 0;left: 0;}
#bo_list .list_head p:nth-child(2){width: 66%;}
#bo_list .list_head p:nth-child(3){width: 20%;}
#bo_list .list_head p label{position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
#bo_list .list_head p label input{}
#bo_list .list_con{}
#bo_list .list_con li{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #C2C2C2;cursor: pointer;}
#bo_list .list_con li>.check_wrap{width: 14%;position: relative; top: 0; left: 0;}
#bo_list .list_con li>.check_wrap input{position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
#bo_list .list_con li>.check_wrap p{width: 100%;text-align: center;font-size: var(--font-24);line-height: calc(var(--font-60) + 28px);font-weight: 600;}
#bo_list .list_con li.notice_li>.check_wrap p{padding: 0 20px;}
#bo_list .list_con li>p{width: 66%;font-size: var(--font-24);line-height: calc(var(--font-60) + 28px);font-weight: 600;	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#bo_list .list_con li>span{width: 20%;text-align: center;font-size: var(--font-24);color: #7a7a7a;line-height: calc(var(--font-60) + 28px);font-weight: 600;}
span.na-notice{height: calc(var(--font-60) + 28px) !important;width: 100% !important;max-width: 90px !important;min-width: unset !important;background-position: center !important;background-size: contain !important;}
@media screen and (max-width:800px){
	#bo_list .list_con li>span{font-size: var(--font-20);}
}
@media screen and (max-width:700px){
	#bo_list .list_head p:nth-child(1){display: none;}
	#bo_list .list_head p:nth-child(2){width: calc(100% - 110px);}
	#bo_list .list_head p:nth-child(3){width: 110px;}
	#bo_list .list_con li>.check_wrap{display: none;}
	#bo_list .list_con li>p{width: calc(100% - 110px);font-size: var(--font-18);}
	#bo_list .list_con li>span{width: 110px;font-size: var(--font-14);}
}
/* list */


/* 지도 부분 */
.map_wrap, .map_wrap * {margin:0;padding:0;font-family:'Malgun Gothic',dotum,'돋움',sans-serif;font-size:12px;}
.map_wrap a, .map_wrap a:hover, .map_wrap a:active{color:#000;text-decoration: none;}
.map_wrap {position:relative;width:100%;height:calc(100vh - 100px);}
.map_wrap .option form{display: flex; justify-content: space-between;align-items: center;flex-flow: row wrap;gap: 5px;}
.map_wrap .option form>select,
.map_wrap .option form>span{width: calc(50% - 2.5px);}
.map_wrap .option form>span select{width: 100%;}
.map_wrap .option form select option{font-size:var(--font-18);color: #7A7A7A;}
.map_wrap .option form select,
.map_wrap .option form input{border:1px solid #C5C5C5;border-radius: unset;font-size:var(--font-20);color: #7A7A7A;outline: unset; box-shadow: unset;height: 50px;line-height:48px;}
.map_wrap .option form>div{width: 100%;position: relative;top:0;left: 0;}
.map_wrap .option form>div input{width: 100%;padding: 0 5px;}
.map_wrap .option form>div button {position: absolute; top: 50%; right: 1px; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; background: #fff;}
.map_wrap .option form>div button i{font-size: var(--font-20) !important;color: #7A7A7A;}
#menu_wrap {position: absolute; top: 50%; left: 8vw; bottom: 0; transform: translateY(-50%); height: calc(100% - 100px); width: calc(100% - 16vw); max-width: 530px; margin: unset; padding: 40px; background: #fff; z-index: 1; font-size: 12px; border-radius: 30px;}
#totalCnt{font-size: calc(var(--font-14) + 2px); color: #7A7A7A; margin: 40px 0 10px;}
#totalCnt span{font-size: calc(var(--font-14) + 2px);color:#ce0e2d;}

.bg_white {background:#fff;}
#menu_wrap hr {display: block; height: 1px;border: 0; border-top: 1px solid #5F5F5F;}
#menu_wrap .option{text-align: center;}
#menu_wrap .option p {margin:10px 0;}  
#placesList{height: calc(100% - 190px); overflow-y: auto;}
#placesList::-webkit-scrollbar {width: 6px;border-radius: 50px;}
#placesList::-webkit-scrollbar-thumb {background-color: #000000;border-radius: 50px;}
#placesList::-webkit-scrollbar-track {background-color: #fff;border-radius: 50px;}
#placesList li {list-style: none;}
#placesList .item {position:relative;border-bottom:1px solid #F5F5F5;cursor: pointer;}
#placesList .item:last-child{border-bottom:unset;}
#placesList .item .info{padding: 20px 15px;}
#placesList .item .info h5{font-family: var(--font-su) !important; font-size: var(--font-24); font-weight: 600; line-height: var(--font-24); display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-bottom: 10px;}
#placesList .item .info .tel{color: #006241;font-size:var(--font-18);font-weight: 600;}
#placesList .item .info .juso{display: block; font-size: var(--font-14);}
#pagination {margin:10px auto;text-align: center;}
#pagination a {display:inline-block;margin-right:10px;color:#777}
#pagination .on {font-weight: bold; cursor: default;color:#006241;}
.pageCenter {width:40%; margin:0 auto;}
#storePopup{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background: #00000078;display: none;}
#storePopup .popupContent{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 60px); max-width: var(--max-width2);background: #fff;border-radius: 20px;padding: 60px 40px;display: flex; justify-content: space-between;flex-flow: row wrap; align-items: center;row-gap: 10px;column-gap: 40px;}
#storePopup .popupContent .close_wrap{position: absolute; top: 0; right: 0; width: 100px; height: auto; aspect-ratio: auto 1 / 1;}
#storePopup .popupContent .close_wrap button{position: relative;top: 0;left: 0;width: 100%;height: 100%;}
#storePopup .popupContent .close_wrap button::after{content:"";position: absolute; width: 2px;height: 50%;background: #000;border-radius: 5px;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);}
#storePopup .popupContent .close_wrap button::before{content:"";position: absolute; width: 2px;height: 50%;background: #000;border-radius: 5px;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(-45deg);}
#storePopup .popupContent .store_title{width: 100%;font-family: var(--font-su) !important;font-size: var(--font-60);font-weight: 600;}
#storePopup .popupContent .slick-slider{width: calc(50% - 20px);height: auto;aspect-ratio: auto 1 / 0.7;}
#storePopup .popupContent .slick-slider .slick-list{width: 100%;height: 100%;}
#storePopup .popupContent .slick-slider .slick-list .slick-track{width: 100%;height: 100%;}
#storePopup .popupContent .slick-slider .slick-list .slick-track .slick-slide{width: 100%;height: 100%;}
#storePopup .popupContent .slick-slider .slick-list .slick-track .slick-slide>div{width: 100%;height: 100%;}
#storePopup .popupContent .map_swiper{width: 100%;height: 100%;}
#storePopup .popupContent .map_swiper .swiper-wrapper{}
#storePopup .popupContent .map_swiper .swiper-wrapper .swiper-slide{width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
#storePopup .popupContent .map_swiper .swiper-pagination{}
/* #storePopup .popupContent .map_swiper .swiper-pagination .swiper-pagination-bullet{background: #FFFFFF;} */
#storePopup .popupContent .map_swiper .swiper-pagination .swiper-pagination-bullet-active{background: #006241;}
#storePopup .popupContent .text_wrap{width: calc(50% - 20px);}
#storePopup .popupContent .text_wrap>div{display: flex;margin-bottom: 2vw;}
#storePopup .popupContent .text_wrap>div:last-child{margin-bottom: 0}
#storePopup .popupContent .text_wrap>div span{font-size: var(--font-30); color: #006241; font-weight: 500;width: 150px; line-height: var(--font-40);}
#storePopup .popupContent .text_wrap>div p{font-size: var(--font-30);width: calc(100% - 150px); line-height: var(--font-40);}
@media screen and (max-width:1400px){
	#storePopup .popupContent .text_wrap>div span{width: 120px;}
	#storePopup .popupContent .text_wrap>div p{width: calc(100% - 120px);}
}
@media screen and (max-width:1200px){
	#menu_wrap{left: 20px;width: 300px;padding: 30px 20px 20px;}
}
@media screen and (max-width:1000px){
	.map_wrap{position: unset;height: fit-content;}
	#map{height: 50vw !important;min-height: 250px !important;}
	#menu_wrap{position: unset; transform: unset; width: 100%; height: fit-content; max-width: unset; max-height: 800px;}
	#storePopup .popupContent{column-gap:0;row-gap:0;padding: 60px 20px 30px;}
	#storePopup .popupContent .close_wrap{width: 70px;}
	#storePopup .popupContent .store_title{text-align: center;margin-bottom: 20px;}
	#storePopup .popupContent .slick-slider{width: 100%;max-width: 500px;margin: 0 auto 50px;}
	#storePopup .popupContent .text_wrap{width: 100%;max-width: 500px;margin: 0 auto;}
	#storePopup .popupContent .text_wrap>div{margin-bottom: 20px;}
	#storePopup .popupContent .text_wrap>div span{width: 100px;}
	#storePopup .popupContent .text_wrap>div p{width: calc(100% - 100px);}
}
@media screen and (max-width:700px){
	#storePopup .popupContent .text_wrap>div{flex-flow: row wrap;margin-bottom: 30px;}
	#storePopup .popupContent .text_wrap>div span{width: 100%;margin-bottom: 10px;}
	#storePopup .popupContent .text_wrap>div p{width: 100%;}
}
/* 지도 부분 */

/* write */
#bo_w label.po{position: relative;top: 0;left: 0;}
#bo_w label.po span{position: absolute;bottom: -25px;left: 0;width: 70px;font-size: 13px;color: red;}
#bo_w .map_search_wrap{}
#bo_w .map_search_wrap>div{display: flex;justify-content: space-between;align-items: center;}
#bo_w .map_search_wrap>div>input{width: calc(100% - 110px) !important;}
#bo_w .map_search_wrap>div>span{}
#bo_w .map_search_wrap>div>span input{background: #006241 !important; font-size: var(--font-18); padding: 0; margin: 0; line-height: 47px; width: 100px; text-align: center; border-radius: 3px;}
#bo_w .map_wrap{width: 100%;height: 300px;}
#bo_w #map{width: 100% !important;height: 100% !important;}
@media screen and (max-width:500px){
	#bo_w label.po{position: unset;}
	#bo_w label.po span{position: unset;font-size: var(--font-18);line-height: 47px;}
}
/* write */