/*패키지 리뉴얼(v2) css*/
@charset "euc-kr";

/*패키지 메인*/
.pac-main-wrap#container{width:100%; padding: 0;}
.pac-main-wrap *,
.pac-main-wrap *:before,
.pac-main-wrap *:after{box-sizing: border-box;}
.pac-main-wrap a:hover{text-decoration: none;}
.pac-main-wrap{ width: 100%; padding: 0;}
.pac-reservation {background: url(https://s3.ap-northeast-2.amazonaws.com/jejucom.assets/images/item/pkg/pac_main_bg.jpg) no-repeat center top; display: flex; height:690px; background: none;  text-align: center;  flex-direction: column;  justify-content: center;}
.pac-reservation .title{color: #333; font-size: 36px;}
.pac-reservation .title + p{margin-top:19px; color: #333; font-size: 15px;}
.pac-reservation .form{margin: 28px auto 0; padding:0;}
.pac-reservation .form>*{height:167px; border-radius:20px}
.pac-reservation .form .pkg-search {padding:0 30px;}
.pac-reservation .form .pkg-search span.box_slt{width: 48%}

.pac-reservation .form .pkg-person-area {display:flex; column-gap: 10px; align-items: center;}
.pac-reservation .form .pkg-person-area dl {width:100px;}
.pac-reservation .form .pkg-person-area dl:last-child {text-align:center; padding-top:20px;}
.pac-reservation .form .pkg-person-area span.box_slt {width:100%;}
.pac-reservation .form .pkg-person-area span>a {width:100%;}
.pac-reservation .form .pkg-person-area span.sm-txt {font-weight: normal; font-size: 11px; color: #808080;}

.pac-reservation .form .pkg-person-area-03 {display:flex; column-gap: 20px; align-items: center;}
.pac-reservation .form .pkg-person-area-03 dl {width:350px;}

/* 패키지 검색폼 */
.pac-reservation-form{ width:1100px; padding:14px 20px 0; column-gap: 7px; text-align: left; font-size: 14px; align-items: end;}
.pac-reservation-form .pkg-search{flex:1 1 auto; display: flex; background-color: #fff; column-gap: 20px; align-items: center;}

.pac-reservation-form .category-wrap {width:700px; margin: 30px auto 20px} 
.pac-reservation-form .category-wrap {display: flex;  flex-direction:row;}
.pac-reservation-form .category-wrap .lab-choice.on{ background-color: #FF5722; color: #fff; opacity:10; position:relative}
.pac-reservation-form .category-wrap .lab-choice.on:before{ background:url(https://s3.ap-northeast-2.amazonaws.com/jejucom.assets/images/item/pkg/on-polygon.svg) no-repeat center bottom;     content: "";  position: absolute; left: 47%; top: 95px; width: 15px; height: 15px; }
.pac-reservation-form .category-wrap .lab-choice {letter-spacing: 0; color: #888;   flex: 1 1 0; background-color: #fff;   margin-right: 10px; border-radius: 20px; font-size: 18px; font-weight:600; height: 100px ; text-align: center; letter-spacing: 1;  padding-top: 40px; opacity: 0.9; cursor: pointer;}
.pac-reservation-form dl{flex:1 1 0}
.pac-reservation-form dl:nth-child(1){flex:1 1 0}
.pac-reservation-form dt{display: flex; padding-bottom: 10px; font-size: 15px; font-weight: bold; column-gap: 5px; align-items: center;}

.pac-reservation .btn-search{    width: 440px;  background-color: #ff5722;  color: #fff;  font-size: 21px;  font-weight: bold; line-height: 80px;
margin-top: 30px;  border-radius: 20px;}
.pac-reservation .btn-search .ico-search{display: block; margin-right: 10px; display:inline-block; width: 20px; height: 20px; background: url(https://s3.ap-northeast-2.amazonaws.com/jejucom.assets/images/icon/ren_icon.png) no-repeat -335px 0;}



/*검색결과 벳지*/
.package .thumb-left .badge.event {
    width: 49px;
    height: 49px;
}

/*검색결과 로딩화면*/
.package .result-list .no-result01{position: relative;  background: #fff url(https://s3.ap-northeast-2.amazonaws.com/jejucom.assets/images/img_no_result_01.gif)no-repeat;  background-position: 210px 100px;  height: 450px;
}
.package .result-list .no-result01 p {  position: absolute;  top: 150px;  left: 340px;}

/* ===== 패키지 목록 필터 (숙박 v2 ld_v2.0.css 이식) 2026-08-10 ===== */
/* box-sizing 은 이번에 새로 만든 영역에만 적용한다.
   .pac-result-wrap 전체에 걸면 기존 검색폼 입력창이 padding+border(26px) 만큼 줄어든다. */
.pac-result-wrap .pac-tab-nav, .pac-result-wrap .pac-tab-nav *,
.pac-result-wrap .search-content, .pac-result-wrap .search-content *,
.pac-result-wrap .search-content *:before, .pac-result-wrap .search-content *:after {box-sizing: border-box;}
.pac-result-wrap .contents.package {float: none; width: 100%;}

/* 검색폼 - 넓어진 가로폭을 채우도록 재배치 */
.pac-result-wrap .section.reserv fieldset.form > .clear {display: flex; flex-wrap: nowrap; align-items: flex-end; column-gap: 14px;}   /* 검색 버튼이 아래로 밀리지 않게 nowrap */
.pac-result-wrap .section.reserv fieldset.form > .clear > dl {float: none; width: auto; margin: 0; flex: 1 1 0;}   /* min-width 는 auto 유지 - 0 이면 인원 칸이 내용보다 눌려 옆 칸과 겹친다 */
/* 인원 칸은 select 가 2~3개라 가중치를 더 준다 (출발일/일정/인원/[출발지]/숙소명 중 3번째) */
.pac-result-wrap .section.reserv fieldset.form > .clear > dl:nth-of-type(3) {flex-grow: 1.8;}
.pac-result-wrap .section.reserv fieldset.form > .clear > dl > dd {display: flex; column-gap: 8px;}
.pac-result-wrap .section.reserv fieldset.form > .clear > dl > dd > .box_text,
.pac-result-wrap .section.reserv fieldset.form > .clear > dl > dd > .box_slt {flex: 1 1 auto; width: auto !important;}
/* 내용이 잘리지 않도록 최소 폭 확보 */
.pac-result-wrap .section.reserv fieldset.form > .clear > dl > dd > .box_slt {min-width: 76px;}
.pac-result-wrap .section.reserv fieldset.form > .clear > dl > dd > .box_text {min-width: 118px;}
.pac-result-wrap .section.reserv fieldset.form > .clear > #btn_prd_search {float: none; flex: 0 0 124px; width: 124px; margin-left: auto; white-space: nowrap; text-align: center;}

/* 패키지 종류 탭 */
.pac-result-wrap .pac-tab-nav {margin-bottom: 20px; background-color: #fff;}
.pac-result-wrap .pac-tab-nav ul {display: flex; border-bottom: 1px solid #ebebeb;}
.pac-result-wrap .pac-tab-nav li {flex: 1 1 0;}
.pac-result-wrap .pac-tab-nav li a {display: block; height: 56px; line-height: 56px; text-align: center; font-size: 17px; color: #666; text-decoration: none;}
.pac-result-wrap .pac-tab-nav li a:hover {text-decoration: none;}
.pac-result-wrap .pac-tab-nav li a.selected {color: #37b7b5; font-weight: bold; box-shadow: inset 0 -3px 0 0 #37b7b5;}

/* 체크박스 공통 (이 페이지는 package.css 를 로드하지 않아 별도 정의 필요) */
.pac-result-wrap .form-check {position: relative; display: flex; column-gap: 10px;}
.pac-result-wrap .form-check input {position: relative; width: 20px; height: 20px; border: 1px solid #c4c4c4; background-color: #fff;}
.pac-result-wrap .form-check input[type="checkbox"] {border-radius: 4px; cursor: pointer;}
.pac-result-wrap .form-check input[type="checkbox"]:checked {border: 0; background: url(https://s3.ap-northeast-2.amazonaws.com/jejucom.assets/images/icon/ld_icon.png) no-repeat -160px -60px;}
.pac-result-wrap .form-check input[type="checkbox"]:disabled {background-color: #c4c4c4;}
.pac-result-wrap .form-check label {display: flex; flex: 1 1 auto; font-size: 15px; line-height: 20px; justify-content: space-between; cursor: pointer;}
.pac-result-wrap .form-check .filter-count {font-size: 11px; color: #808080; line-height: 20px;}
.pac-result-wrap div.form-check + div.form-check {margin-top: 20px;}
.pac-result-wrap .form-check-group[data-column="2"] {display: flex; row-gap: 20px; justify-content: space-between; column-gap: 10px; flex-wrap: wrap;}
.pac-result-wrap .form-check-group[data-column="2"] > * {flex: 1 1 40%; margin-top: 0 !important;}

/* 2단 레이아웃 */
.pac-result-wrap .search-content {display: flex; flex-wrap: nowrap;}
.pac-result-wrap .search-content .prod-filter {width: 353px; flex: 0 0 353px;}
.pac-result-wrap .search-content .prod-list {flex: 1 1 auto; margin-left: 20px; min-width: 0;}

/* 필터 패널 */
.pac-result-wrap .filter {background-color: #fff;}
.pac-result-wrap .filter-header {height: 56px; padding: 0 28px; display: flex; justify-content: space-between; align-items: center; position: relative; background-color: #37b7b5; color: #fff; font-size: 17px; font-weight: bold;}
.pac-result-wrap .filter-header button.btn-refresh {display: flex; color: #fff; column-gap: 5px; align-items: center; position: absolute; top: 19px; right: 20px;}
.pac-result-wrap .filter-header button.btn-refresh i.ico-refresh {display: inline-block; width: 14px; height: 14px; background: url(https://s3.ap-northeast-2.amazonaws.com/jejucom.assets/images/icon/ld_icon.png) no-repeat -211px -61px;}
.pac-result-wrap .filter-content {display: flex; flex-direction: column; background-color: #fff; padding: 20px;}
.pac-result-wrap .filter-content .category {margin: 20px 0;}
.pac-result-wrap .filter-content .category:first-child {margin: 0;}
.pac-result-wrap .filter-content .category .title {display: flex; align-items: center; font-size: 15px; font-weight: bold; column-gap: 5px; margin-bottom: 14px;}
.pac-result-wrap .filter-content .category .title::after {content: ''; width: 12px; height: 6px; display: inline-block; background: url(https://s3.ap-northeast-2.amazonaws.com/jejucom.assets/images/bg_filter_dt.gif) no-repeat;}
.pac-result-wrap .filter-content .category .form-control input {width: 100%; height: 40px; padding: 0 10px; border: 1px solid #c4c4c4;}
.pac-result-wrap .filter-content .category .range-slider {position: relative; padding-top: 38px;}
.pac-result-wrap .filter-content .category .range-slider .ui-widget-content {padding: 0;}
.pac-result-wrap .filter-content .category .range-slider .ui-slider {position: absolute; top: 15px; left: 15px; right: 15px; width: auto; margin-top: 0;}
.pac-result-wrap .filter-content .category .range-slider .flex-justify {display: flex; justify-content: space-between; font-size: 13px;}

/* 가격 뒤 안내문구가 '유류할증료 포 / 함)' 처럼 중간에서 끊기지 않게 한다.
   자리가 모자라면 문구 전체가 다음 줄로 내려간다. 2026-08-11 */
.pac-result-wrap .prod-list dd.price .desc_item > small {white-space: nowrap;}

/* ===== 패키지 메인 - 검색 영역 하단 카텔 추천 상품 (숙박 v2 메인 .main-prod-list 이식) 2026-09-29 ===== */
.pac-main-prod-list {background-color: #fff; padding: 48px 0;}
.pac-main-prod-list .main-content {width: 1100px; margin: 0 auto;}
.pac-main-prod-list .main-content h3 {font-size: 24px; margin-bottom: 30px;}
/* 슬라이드 대신 한 줄 4개 그리드, 8개 초과분은 .more-item 으로 숨겼다가 더보기 클릭 시 .is-open 으로 펼침 2026-10-08 */
.pac-main-prod-list .prod-grid {display: flex; margin: 0; padding: 0; list-style: none; flex-wrap: wrap; gap: 40px 24px;}
.pac-main-prod-list .prod-item {width: calc((100% - 72px) / 4); min-width: 0;}
.pac-main-prod-list .prod-item.more-item {display: none;}
.pac-main-prod-list.is-open .prod-item.more-item {display: block;}
.pac-main-prod-list .btn-more-wrap {margin-top: 40px; text-align: center;}
.pac-main-prod-list .btn-more-wrap .btn-more {display: inline-block; font-size: 16px; background-color: #fff; color: #3d3d3d; padding: 10px 40px; border: 1px solid #ccc; border-radius: 3px; text-decoration: none;}
.pac-main-prod-list .btn-more-wrap .btn-more:hover {border-color: #3d3d3d;}
.pac-main-prod-list.is-open .btn-more-wrap {display: none;}
.pac-main-prod-list .prod-item a {display: block; text-decoration: none; color: #3d3d3d;}
.pac-main-prod-list .prod-item .img {height: 210px; overflow: hidden; border-radius: 20px;}
.pac-main-prod-list .prod-item .img img {width: 100%; height: 100%; display: block; object-fit: cover;}
/* 카드 내용은 카텔 검색결과(pac_main_list) 구성과 동일: 예약상태 > 숙소명 > 상품구성/기간/지역 > 한줄설명 > 가격 */
.pac-main-prod-list .prod-item .txt {margin-top: 16px;}
.pac-main-prod-list .prod-item .txt .caption-group {margin-bottom: 8px; font-size: 12px;}
.pac-main-prod-list .prod-item .txt .caption-group span {display: inline-block; padding: 2px 5px; border-radius: 3px;}
.pac-main-prod-list .prod-item .txt .caption-group .caption-instant {border: 1px solid #37b7b5; color: #37b7b5;}
.pac-main-prod-list .prod-item .txt .caption-group .caption-close {border: 1px solid #c4c4c4; color: #999;}
.pac-main-prod-list .prod-item .txt .prd-name {display: block; font-size: 17px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pac-main-prod-list .prod-item .txt .info {display: flex; flex-wrap: wrap; column-gap: 8px; margin-top: 8px; font-size: 13px; color: #808080;}
.pac-main-prod-list .prod-item .txt .info .ico {width: 14px; height: 14px; vertical-align: -2px; background-size: 14px auto;}
.pac-main-prod-list .prod-item .txt .exp {margin-top: 8px; font-size: 14px; color: #3d3d3d; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pac-main-prod-list .prod-item .txt .price-group {margin-top: 12px;}
.pac-main-prod-list .prod-item .txt .price-group .price {display: flex; align-items: flex-end; column-gap: 6px;}
.pac-main-prod-list .prod-item .txt .price-group .price .discount {color: #ff5722; font-size: 26px; font-weight: bold; line-height: 1;}
.pac-main-prod-list .prod-item .txt .price-group .price .discount span {font-size: 16px;}
.pac-main-prod-list .prod-item .txt .price-group .price .amount-wrap {display: flex; flex-direction: column; line-height: 1.2;}
.pac-main-prod-list .prod-item .txt .price-group .price em {font-size: 13px; color: #999; text-decoration: line-through;}
.pac-main-prod-list .prod-item .txt .price-group .price .amount {font-size: 20px; font-weight: bold;}
.pac-main-prod-list .prod-item .txt .price-group .price .amount span {font-size: 15px; margin-left: 1px;}
.pac-main-prod-list .prod-item .txt .price-group .price-desc {margin-top: 4px; font-size: 12px; color: #808080;}
