@charset "euc-kr";
/**
 * 통합검색(/template/part/search.html) 숙박/렌터카/패키지 검색창
 * 각 상품 메인(ld_main_v2, ren_meta, pac_main) 검색창 디자인을 그대로 사용한다.
 * 기본 스타일은 전역으로 로드되는 ren_v2.0.css 의 .ren-v2 를 사용하고, 그 외 필요한 부분만 여기서 정의
 * 2026-10-13
 */

/* 공통 */
#search_container .search-v2{padding-bottom: var(--gap-10); background-color: var(--bg-gray);}
#search_container .search-v2 .visual-area{position: relative; padding-top: var(--gap-21);}
#search_container .search-v2 .search-v2-box{position: relative; margin: 0 var(--gap-21); padding: var(--gap-21); background-color: #fff; border-radius: var(--size-15); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);}
#search_container .search-v2 .choose-date-people{margin-top: 0;}
#search_container .search-v2 .choose-date-people .ico-location{background-image: url(https://s3.ap-northeast-2.amazonaws.com/mjejucom.assets/images/main/ico_location.svg);}
#search_container .search-v2 .choose-date-people .ico-room{background-image: url(https://s3.ap-northeast-2.amazonaws.com/mjejucom.assets/images/item/ld/v2/ico_room.svg);}
#search_container .search-v2 .choose-date-people .ico-car{background-image: url(https://s3.ap-northeast-2.amazonaws.com/mjejucom.assets/images/icon_car.svg);}
#search_container .search-v2 .choose-date-people .ico-start-point{background-image: url(https://s3.ap-northeast-2.amazonaws.com/mjejucom.assets/images/icon_start_point.svg);}
#search_container .search-v2 .choose-date-people .ico-time-line{background-image: url(https://s3.ap-northeast-2.amazonaws.com/mjejucom.assets/images/ico_time_line.svg);}
#search_container .search-v2 .btn-area{background-color: transparent;}

/* 숙박 */
#search_container .search-v2-ld .choose-date-people .date{margin-right: var(--gap-5);}
#search_container .search-v2-ld .choose-date-people>button>span{flex: 0 0 auto;}
#search_container .search-v2-ld .choose-date-people .room::after{content: ''; display: inline-block; width: 0.25rem; height: 0.25rem; margin-left: var(--gap-5); vertical-align: middle; background-color: var(--color-placeholder); border-radius: 50%;}
#search_container .search-v2-ld .choose-date-people .adult{margin-left: var(--gap-5);}

/* 숙박 객실/인원 레이어(part/room_count.html). 통합검색 안으로 붙거나 옮겨진다 */
#search_container .search-v2 .fullpage .layer-header h2{width: calc(100% - 3.571rem); padding-left: 3.571rem; text-align: center;}
#search_container .search-v2 .number-of-people .form-group.w50p>*:nth-child(1),
#search_container .search-v2 .number-of-people .form-group.w50p>*:nth-child(3){width: var(--height-35);}
#search_container .search-v2 .number-of-people .btn-toggle{width: 100%; height: var(--height-56); color: var(--color-warning); text-align: left; font-size: var(--size-16);}
#search_container .search-v2 .number-of-people .btn-toggle:after{content: ''; display: inline-block; width: 1rem; height: 1rem; margin-left: var(--gap-7); background: url(https://s3.ap-northeast-2.amazonaws.com/mjejucom.assets/images/common/ico_arr_r.svg) no-repeat center; background-size: contain; transform: rotate(180deg) translateY(-25%); transition: .3s;}
#search_container .search-v2 .number-of-people .btn-toggle.open:after{transform: rotate(0) translateY(15%);}
#search_container .search-v2 .number-of-people .flex-justify .label{display: flex; flex-direction: column; row-gap: var(--gap-7); margin-bottom: 0;}
#search_container .search-v2 .number-of-people .flex-justify .adult,
#search_container .search-v2 .number-of-people .flex-justify .child{color: var(--color-mid-gray);}
#search_container .search-v2 .number-of-people .flex-justify.room-count{padding-bottom: var(--size-20);}
#search_container .search-v2 .number-of-people .flex-justify.room-count .label{font-weight: bold;}
#search_container .search-v2 .number-of-people .flex-justify.room-count .label small{font-weight: normal;}
#search_container .search-v2 .number-of-people .room-wrap{margin-top: var(--size-20); border-top: 1px solid var(--border-color);}
#search_container .search-v2 .number-of-people .room-wrap .flex-justify{margin-top: var(--size-20);}
#search_container .search-v2 .number-of-people .room-wrap .flex-justify.room{font-size: var(--size-16);}
#search_container .search-v2 .number-of-people .room-wrap .child-age{display: flex; flex-wrap: wrap; column-gap: var(--gap-5); margin-top: var(--size-20);}
#search_container .search-v2 .number-of-people .room-wrap .child-age .form-control{flex: 1; width: auto; max-width: 50%; margin-top: var(--gap-7);}
#search_container .search-v2 .number-of-people .room-wrap .child-age + .child-age{margin-top: var(--gap-10);}
#search_container .search-v2 .number-of-people .room-person{margin-top: var(--size-30); padding-top: var(--size-20); border-top: 1px solid var(--border-color);}
#search_container .search-v2 .number-of-people .room-person p{margin-bottom: var(--gap-14); font-size: var(--size-16); font-weight: bold;}
#search_container .search-v2 .number-of-people .room-person .radio-wrap{display: flex; column-gap: var(--gap-14);}
#search_container .search-v2 .number-of-people .room-person .radio-wrap .form-check{margin-top: 0;}
#search_container .search-v2 .number-of-people .room-person .radio-wrap .form-check label{font-size: var(--size-13);}
#search_container .search-v2 .number-of-people .room-person .radio-wrap .form-check label span{color: var(--color-warning);}

/* 렌터카 */
#search_container .search-v2-rc .choose-date-people .str-using-term{line-height: 1.4;}

/* 패키지 */
#search_container .search-v2-pk .search-v2-box{padding: 0;}
#search_container .search-v2-pk .choose-date-people{padding: 0 var(--gap-21);}
#search_container .search-v2-pk .choose-date-people>.people{height: auto; padding: var(--gap-21) 0;}
#search_container .search-v2-pk .choose-date-people>.people>span:first-child{display: flex; align-items: center;}
#search_container .search-v2-pk .category-wrap{display: flex; flex-direction: row;}
#search_container .search-v2-pk .category-wrap .lab-choice{position: relative; flex: 1 1 0; height: 64px; padding-top: 15px; font-size: var(--size-12); color: #888; text-align: center; line-height: 1.2; letter-spacing: 0; background-color: #f2f2f2; border-right: 1px #fff solid; cursor: pointer;}
#search_container .search-v2-pk .category-wrap .lab-choice:first-child{border-radius: var(--size-15) 0 0;}
#search_container .search-v2-pk .category-wrap .lab-choice:last-child{padding-top: 8px; border-radius: 0 var(--size-15) 0 0; border-right: none;}
#search_container .search-v2-pk .category-wrap .lab-choice:only-child{border-radius: var(--size-15) var(--size-15) 0 0;}
#search_container .search-v2-pk .category-wrap .lab-choice.on{background-color: #FF5722; color: #fff;}
#search_container .search-v2-pk .category-wrap .lab-choice.on:before{content: ''; position: absolute; top: 57px; left: 46%; z-index: 10; width: 15px; height: 15px; background: url(https://s3.ap-northeast-2.amazonaws.com/mjejucom.assets/images/item/pkg/on-polygon.svg) no-repeat center bottom;}
#search_container .search-v2-pk .category-wrap .lab-choice input{overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0, 0, 0, 0);}
#search_container .search-v2-pk .p_tbody{display: flex; flex-wrap: wrap; width: 100%; padding-left: var(--gap-32);}
#search_container .search-v2-pk .p_tbody .p_td{display: flex; position: relative; width: 100%; padding: 0 10px; align-items: center;}
#search_container .search-v2-pk .p_tbody .p_td + .p_td{padding-top: 10px;}
#search_container .search-v2-pk .p_tbody .p_td .tit_age{width: 100%; font-weight: bold;}
#search_container .search-v2-pk .p_tbody .p_td .tit_age span{font-size: 13px; line-height: 1;}
#search_container .search-v2-pk .p_tbody .p_td .count{display: flex; margin: 1px; justify-content: space-between; background-color: #fff; border: #dae0e3 solid 1px; border-radius: 3px;}
#search_container .search-v2-pk .p_tbody .p_td .count span{display: block; width: 40px; text-align: center; border-right: #ececec solid 1px; border-left: #ececec solid 1px;}
#search_container .search-v2-pk .p_tbody .p_td .count input{width: 100%; height: 40px; padding: 0; border: 0; text-align: center; font-size: var(--size-15);}
#search_container .search-v2-pk .p_tbody .p_td .count button{position: relative; width: 40px; height: 40px; border: 0; background-color: #fff; border-radius: 5px;}
#search_container .search-v2-pk .p_tbody .p_td .count button::before{content: ''; position: absolute; top: 50%; left: 50%; width: 13px; height: 12px; transform: translate(-50%, -50%); background-image: url(https://s3.ap-northeast-2.amazonaws.com/mjejucom.assets/images/icon_pm.png); background-size: 26px auto;}
#search_container .search-v2-pk .p_tbody .p_td .count button:first-child::before{background-position: -13px 61px;}
#search_container .search-v2-pk .p_tbody .p_td .count button:last-child::before{background-position: 0px -25px;}

/* 항공 (air.html 검색창을 그대로 가져옴) - 다른 탭과 같은 회색 배경 */
#search_container #search_wrap_ar .air-v2 .main-contents{background-color: var(--bg-gray);}
