@charset "utf-8"; /* CSS Document */
#board_skin { width: 92%; margin: 0 auto; border-top: 1px solid #ccc; }
.body-no-scroll { position: fixed; overflow-y: hidden; width: 100%; }

/* 타이틀 */
#board_skin .title-wrap { margin:40px 0 24px; }
#board_skin .page-title { color: #000; font-size: 26px; font-weight: 600; line-height: 100%; /* 26px */ }
#board_skin .sub-title { color: #000; font-size: 16px; font-weight: 400; line-height: 100%; /* 16px */ margin-top: 4px; }

/* 검색 */
.event_search { position: relative; margin-bottom: 20px; }
.event_search form { display: flex; justify-content: space-between; }
.event_search form fieldset { width: 82%; }
.event_search form .input_reset { width: 15%; display: flex; justify-content: center; align-items: center; border-radius: 5px; background: #25C6BD; color: #fff; }
.event_search .search_bar { width: 100%; height: 40px; border-radius: 6px; font-size: 16px; background:#000; color: #fff; display: flex; justify-content: space-between; align-items: center; }
.event_search .search_bar input[type="text"] { width: 85%; color: #fff; font-weight: 300; border: 0; background: transparent; padding-left: 17px; }
.event_search .btn_submit { width: 15%; font-size: 16px; color: #fff; font-weight: bold; background: transparent; cursor: pointer; outline: none; border: 0 }

/* 카테고리 */
#event_category ul { width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; padding: 0; margin: 0 0 0px 0; list-style: none; border-top:.8px solid #000; border-bottom:.8px solid #000; }
#event_category ul li { width:25%; height:40px; display:flex; justify-content: center; align-items:center; }
#event_category ul li:nth-child(1),
#event_category ul li:nth-child(2),
#event_category ul li:nth-child(3),
#event_category ul li:nth-child(4) { border-bottom:.2px solid #000; }
#event_category .on { background:#fafafa; color:#000; border-bottom: 1px solid #000 !important; }
#event_category ul li a { display:flex; justify-content:center; align-items:center; width:100%; height: 100%; }

/* 이벤트 리스트 */
.event_list { display:inline-block; width:100%; }
.event_list > li { border-bottom:0.6px dashed #ccc; padding:20px; }
.event_list > li:nth-child(odd) { background:#fbfbfb !important; }

/* 이벤트 없을 때 */
.no_data { border-top:1px solid #161616; border-bottom:1px solid #d0d0d0; padding:20px; text-align:center; }

/* 이벤트 아이템 */
.event_item .item_title { width:100%; height:100%; margin-top:0px; display:flex; justify-content:space-between; flex-direction:row; align-items: center; position: relative; cursor: pointer; }

.event_item .icon { position:absolute; top:0; left:0; z-index:3; }
.event_item .icon span { float:left; width:30px; height:20px; font-size:10px; color:#fff; line-height:20px; text-align:center; letter-spacing:0; }
.event_item .icon_new { background:#ff0d72; }
.event_item .icon_hot { background:#008ba7; }

.event_item .item_title .title_img { position: relative; width:30%; height:100%; display:flex; align-items: center; }
.event_item .item_title .title_img img { width:100%; border-radius:6px; border:0px solid #60CCC6; }
.event_item .item_title .title_txt { width:70%; height:100%; display:flex; justify-content:space-between; flex-direction:column; align-items: start; padding-left:20px; }

/* title_txt */
.event_item .item_title .title_txt .title { color: #222; font-size: 18px; font-weight: 700; line-height: 100%; letter-spacing: -0.54px; }
.event_item .item_title .title_txt .stitle { color: #868686; font-size: 12px; font-weight: 400; line-height: 100%; letter-spacing: -0.36px; margin: 8px 0 12px; }
.event_item .item_title .title_txt .desc2 { position: absolute; top: 0; right: 0; font-size: 10px; line-height: 11px; text-align: right; color: #fff; background-color:#60CCC6; padding:2px 4px 2px 4px; border-radius:2px; }
.event_item .item_title .title_txt .desc2 em { font-weight:bold; }
.event_item .item_title .title_txt .tag span { display: inline-block; margin-right: 4px; margin-bottom: 4px; padding: 0 10px; border-radius: 2px; font-size: 12px; color: #676767; line-height: 25px; background: #f1f6fc; }
.event_item .item_title .title_txt .lowprice { color: #222; font-size: 20px; font-weight: 600; line-height: 100%; letter-spacing: -0.6px; display: inline-block; margin-top: 16px; }
.event_item .item_title .title_txt .lowprice em { color: #222; font-size: 15px; font-weight: 400; line-height: 100%; letter-spacing: -0.45px; }

/* 모달 */
.modal { display: none;position: fixed; left: 0;top: 0;margin-left: calc(50vw - 300px);width: 100%;height: 100%; max-width: 600px;background: #0002;  z-index: 999;} 
.modal_content { position: relative; background-color: #fefefe; margin: auto; padding: 20px 0 20px 20px; width: 92%; max-height: 96%; overflow-y: auto; top: 50%; transform: translateY(calc(-50% + 0.5px)); border-radius: 10px; display: flex; flex-direction: column; justify-content: space-between; } 
.modal.event .item_title { cursor: default; }
.closed { width:50px; height:50px; text-align: center; color: #000; overflow:hidden; position: fixed; right:0px; top:6px; font-size: 30px; font-weight: bold; z-index:9999; }
.closed:hover,
.closed:focus { color: black; text-decoration: none; cursor: pointer; }
#modalBody {position: relative; overflow-y: auto; padding-right: 20px;}
/* 모달 내부 스크롤바 */
#modalBody::-webkit-scrollbar { width: 5px; }
#modalBody::-webkit-scrollbar-thumb { background: #acacac; border-radius: 5px; }
#modalBody::-webkit-scrollbar-thumb:hover { background: #d9d9d9; }
#modalBody::-webkit-scrollbar-track { background: #d9d9d9; border-radius: 5px; }

/* 모달 상단 타이틀 */
.modal_content .item_title { padding-bottom: 20px; border-bottom: 0px solid #000; }
.modal-title { color:#000 !important; font-size:16px !important; font-weight:400; }

/* 연결 링크 버튼 */
.modal_content .link_btn {width:100%; height:40px; background:#25C6BD; color:white; position:relative; display:flex; justify-content:center; align-items:center; border-radius:4px; cursor:pointer;}
.modal_content .link_btn button {background:none; border:none; color:white; text-decoration:none; font-size:inherit; cursor:pointer; width:100%; height:100%; display:flex; justify-content:center; align-items:center;}

/* slist 항목 선택 없이 바로예약 */
.event_item .slist > li.default_item { border-radius: 5px; background: #FFFBDC; margin: 12px 0; }
.event_item .slist > li.default_item .default_title { color: #222; font-size: 16px; font-weight: 700; line-height: 100%; }
.event_item .slist > li.default_item .default_title img { vertical-align: top; margin-left: 4px; }
.event_item .slist > li.default_item .price .price_t05 { color: #676767; font-size: 14px; font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.42px; }
.event_item .slist { box-sizing:border-box; }

/* slist 나머지 리스트 */
.event_item .slist > li { display:block; position:relative; padding:16px 10px 14px 10px; }
.event_item .slist > li .event-checkbox { width:18px; height:18px; margin-right: 5px; }
.event_item .slist > li .price { position:relative; margin-top:8px; }
.event_item .slist > li .price .price_t01 { color: #25C6BD; font-size: 25px; font-weight: 700; line-height: 100%; }
.event_item .slist > li .price .price_t02 { color: #25C6BD; font-size: 12px; font-weight: 700; line-height: 100%; margin-right: 40px; }
.event_item .slist > li:first-child { display:block; }
.event_item .slist > li > strong { display:block; font-size:16px; color:#222222; font-weight:normal; }
.event_item .slist > li+li { border-top:0.8px dashed #ccc }
.event_item .slist > li:nth-child(even) { background:#fbfbfb; }
.event_item .slist > li.type02 .price_t03 { color: #222; font-size: 20px; font-style: normal; font-weight: 600; line-height: 100%; letter-spacing: -0.6px; }
.event_item .slist > li.type02 .price_t04 { color: #222; font-size: 10px; font-weight: 400; line-height: 100%; letter-spacing: -0.3px; }
.event_item .slist > li.type02 .price_t05 { color: #676767; font-size: 14px; font-weight: 300; line-height: 100%; text-decoration: line-through; margin-left: 12px; }
.event_item .slist > li.type02 .detail_price { position:relative; left:0; right:auto; }
.event_item .slist > li.type02 .detail_price .sbox { left:0; right:auto; }


/* 예약폼 접수 */
.modal .kform { position: sticky !important; bottom: -20px; background:white; box-shadow: 0 -6px 4px -4px rgba(0, 0, 0, 0.1); }
.fixed-bar { margin-bottom:-20px !important; }

.tel_wrap { width: 100%;display:flex; justify-content:space-between; flex-direction:row; gap:10px; padding-top:20px; }
.tel_wrap input { border: 1px solid #000; font-weight: 300; }
.tel_wrap input:nth-child(1) { float: left; margin-left: 0 !important; width: 30% !important; }
.tel_wrap input:nth-child(2) { float: left; margin-left: 0 !important; width: 70% !important; }

/* 버튼 */
.btn_area { overflow:hidden; margin-top:10px; text-align:center;}
.btn_send { width:100%; height:36px; background:#000000 !important; color: #ffffff !important; font-size:16px; font-weight: 600; cursor: pointer; }
.btn_myposition { display:none !important; }
.board_list .date { font-size:13px; color:#999999; }

/* 페이징 */
.page_area { text-align:center; margin: 15% 0 !important; }
.page_area .paging_list { text-align:center; display:inline-block; vertical-align:top; }
.page_area .paging_list > span, .page_area .paging_list > a { float:left; margin:0 4px; border:1px solid #a8a8a8; }
.page_area img { vertical-align:top; width:30px; height:30px; }
.page_area .paging { display:inline-block; float:left; vertical-align:top; }
.page_area .paging li { float:left; width:32px; height:32px; margin:0 2px; }
.page_area .paging li a {  height: auto !important;  display:block; border:1px solid #a8a8a8; font-size:12px; color:#666666; line-height:30px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.page_area .paging li.over a { border-color:#000000; color:#fff; background:#383838; }

.checkbox input:checked + label:before {background-image: url(/images/basic/check_mint.png);}

.bottom_agree { padding:10px 0 15px; font-size:12px; color:#585858; text-align:center; }
.bottom_agree a { color:#25C6BD !important; }


.slist span { bkit-tap-highlight-color: #60CCC6 !important; /* 모바일 브라우저 탭 하이라이트 색상 제거 */
background-color: transparent !important; /* 배경색을 투명하게 설정 */
transition: background-color 0.3s ease !important; /* 배경색 변경에 대한 부드러운 전환 적용 */ }


@media all and (min-width:340px){
.event_item .detail_price .sbox { width:160px; }
}
@media all and (min-width:360px){
.event_item .detail_price .sbox { width:170px; }
}

@media (min-width:1920px){
	#board_skin { min-height: calc(100vh - 446px - 50px);}
}
@media all and (max-width:600px){
	.event_search input[type="text"] { width:60%; height: 40px; border: 3px solid #000; border-right:0px !important; border-radius:6px 0 0 6px !important; font-size: 16px; background:#000; font-weight: 300; color: #fff; }
	.modal.event { margin: 0 auto; }
}
@media (max-width:500px){
	.event_list > li { border-bottom:0.6px dashed #ccc; padding:15px; }
	.event_item .item_title .title_img { position: relative; width:40%; height:100%; display:flex; align-items: center; }
	.event_list .tag { display: none; }
	.event_item .lowprice { margin-top: 8px; }
	
	.event_item .slist > li .price .price_t02 { margin-right: 20px; }
	
	
	.modal_content {
	padding: 15px 0 15px 15px;
	}
	
	#modalBody {auto;padding-right: 15px;}
}