@charset 'utf-8'; /****************************** *** *** 00 로그인 *** ******************************/ body.login_page {background:#b6b6b6;} .login_container {height:100%;} .login_container .logo-wrapper{display: flex;align-items: center;position:absolute; left:50%; top:80px; transform: translateX(-50%);} .login_container .login_inner {display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 14px; width:900px; min-height:100%; padding: 464px 0 214px; position:relative; box-sizing:border-box; margin:0 auto;color:#fff; text-align:center; background:#000 center center no-repeat; background-size:auto 200%; animation-name:loginBgMotion; animation-duration:8s;} .login_container .title {width:141px; padding-top:24px; height:0; overflow:hidden; background:url('../images/logo_secretmall04.svg') 0 0 no-repeat; background-size:100% 100%; margin:0 auto;} .login_container .logo-txt{margin: 0 4px 0 10px;color: #949899;font-size: 15.367px;font-weight: 700;line-height: 40px;letter-spacing: -0.329px;} .login_container .logo {width:84px;padding-top: 15px; height:0; overflow:hidden; background:url('../images/logo_triptopaz01.png') 0 0 no-repeat; background-size:100% 100%;} .login_container .content_wrap {position:absolute; left:0; right:0; top:174px;} .login_container .content_wrap .descTxt {font-size:32px;line-height: 1.3;letter-spacing: -0.3px; margin-bottom:20px;} .login_container .s-benefit-list{display: flex;flex-direction: column;row-gap:4px;width: max-content;margin: 0 auto;} .login_container .s-benefit-item{display: flex;align-items: center;column-gap: 4px;width: fit-content;padding: 6px 10px;box-sizing: border-box;border-radius: 16px;color: var(--white);font-size: 16px;line-height: 1;letter-spacing: -0.8px;background: rgba(0, 0, 0, 0.30);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);} .login_container .s-benefit-item::before{content: '';width: 24px;height: 24px;background: url(../images/ico_checked2.svg)no-repeat 50% / contain;} .login_container .membership_wrap {display:flex;justify-content:center;align-items:center;width:335px;min-height:72px;margin-top: 0;padding: 16px 20px;box-sizing: border-box;border: 1px solid rgba(255, 255, 255, 0.30);border-radius: 20px;background: rgba(0,0,0,0.3);text-align:center;line-height:20px;font-size:14px;color:#fff;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);} .login_container .membership_wrap.type2 span{display: block;font-size: 12px;} .login_container .membership_wrap .npay {display:inline-block; vertical-align:middle; position:relative; top:-1px; width:55px; height:16px; color:transparent; text-indent:-999px; background:url('../images/logo_npay_new_02.svg') 0 0 no-repeat; background-size:100% 100%;} .login_container .btn_wrap{position:absolute; left:0; right:0; bottom:110px;max-width: 335px;margin: 0 auto;transition: 0.3s bottom;z-index: 100;} .login_container .btn_wrap .btnLogin {display:block; width:250px; padding-top:54px; height:0; overflow:hidden; background:url('../images/btn_login_naver01.png') 0 0 no-repeat; background-size:100% 100%; margin:0 auto;} .login_container .login-tooltip{position: absolute;top: -26px;left: 50%;transform: translateX(-50%);padding: 4px 10px;background-color: #2E343A;border-radius: 4px;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);} .login_container .login-tooltip::after{content: '';display: block;position: absolute;left: 50%;bottom: -7px;transform: translateX(-50%);width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #2E343A;filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.15));} .login_container .login-tooltip__txt{color: #FFF;text-align: center;font-size: 13px;font-weight: 700;line-height: 22px;letter-spacing: -0.3px;white-space: nowrap;} .login_container .login-tooltip__txt.green{color: #28E906;} .login_container .btn-login{display: flex;justify-content: center;align-items: center;gap: 6px;height: 56px;border-radius: 8px;background-color: var(--green);color: var(--gray24) !important;font-size: 16px;font-weight: 700;line-height: 23px;letter-spacing: -0.048px;} .login_container .btn-login::before{content: '';width: 14.997px;height: 14px;background: url(../images/logo_n.svg) no-repeat 0 0 / contain;transform: translateY(-1px);} /* Mobile */ @media (max-width:980px){ .login_container .login_inner {width:auto;padding: 386px 0 144px;gap: 7px;} .login_container .logo-wrapper{top: 36px;display: grid;grid-template-columns: repeat(3, min-content);padding-left: 2px;width: 335px;box-sizing: border-box;} .login_container .title{width: 129px;padding-top: 22.205px;} .login_container .logo-txt{font-size: 14px;line-height: 36px;} .login_container .logo {width: 75px;padding-top: 13px;} .login_container .content_wrap {top:114px;width: 335px;margin: 0 auto;box-sizing: border-box;} .login_container .content_wrap .descTxt {font-size:28px;text-align: left;} .login_container .content_wrap .title {width:247px; padding-top:33px; background-image:url('../images/logo_secretmall04.svg');} .login_container .s-benefit-list{margin: 0;} .login_container .s-benefit-item{font-size: 15px;} .login_container .btn_wrap {bottom:40px;} .login_container .btn_wrap .btnLogin {width:231px; padding-top:50px; background-image:url('../images/btn_login_naver01_m.png');} } @keyframes loginBgMotion { 0% {opacity:0.1; background-position-x:-200px;} 100% {opacity:1; background-position-x:center;} } /* 로그인 페이지 A/B 테스트 */ .login_container.typeA{} .login_container.typeA .login_inner{padding-top: 80px;justify-content: initial;} .login_container.typeA .login-img-wrapper{max-width: 333px;} .login_container.typeA .login-img{width: 100%;height: auto;} /* Mobile */ @media (max-width:980px){ .login_container.typeA .login_inner{padding-top: 36px;} .login_container.typeA .login-img-wrapper{max-width: 314px;margin-left: -20px;} } .login_container.typeB{} .login_container.typeB .login_inner{justify-content: center;gap: 0;padding: 80px 0 110px;background-image: none !important;background-color: #F6FEFF;animation: none;} .login_container.typeB .login-img-wrapper{position: relative;max-width: 365px;z-index: 1;} .login_container.typeB .login-img-wrapper::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -15%);width: 412px;height: 412px;border-radius: 50%;background: rgba(0, 212, 255, 0.10);filter: blur(75px);z-index: -1} .login_container.typeB .login-img{width: 100%;height: auto;} .login_container.typeB .login-tooltip{display: none;} /* PC */ @media (min-width:981px){ .login_container.typeB .btn_wrap{position: initial;width: 335px;margin-top: 180px;} } /* Mobile */ @media (max-width:980px){ .login_container.typeB .login_inner{justify-content: initial;padding: 32px 0 144px;} .login_container.typeB .login-img-wrapper{max-width: 325px;} .login_container.typeB .login-img-wrapper::before{width: 375px;height: 375px;max-width: 100%;} } .login_container.typeC{} .login_container.typeC .login_inner{padding-top: 80px;justify-content: center;} .login_container.typeC .login-img-wrapper{max-width: 365px;} .login_container.typeC .login-img{width: 100%;height: auto;} /* PC */ @media (min-width:981px){ .login_container.typeC .login_inner{gap: 0;position: relative;z-index: 10;padding: 80px 0 110px;animation-name:loginBgMotionTypeC; animation-duration:8s;} .login_container.typeC .login_inner::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1; background-color: rgba(0, 0, 0, 0.60);} .login_container.typeC .btn_wrap{position: initial;width: 335px;margin-top: 180px;} } /* Mobile */ @media (max-width:980px){ .login_container.typeC .login_inner{padding: 0 14px 105px;background-image: none !important;background-color: #F6FEFF;animation: none;} .login_container.typeC .login-img-wrapper{position: relative;max-width: 325px;z-index: 1;} .login_container.typeC .login-img-wrapper::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -15%);max-width: 100%;width: 375px;height: 375px;border-radius: 50%;background: rgba(0, 212, 255, 0.10);filter: blur(75px);z-index: -1} .login_container .btn_wrap{max-width: 295px;} } @keyframes loginBgMotionTypeC { 0% { background-position-x:-200px;} 100% { background-position-x:center;} } /****************************** *** *** 00 공통 *** ******************************/ /* 약관 */ body.lawPage .body_container {background:#fff;} .select-policy-wrapper{display: flex;justify-content: flex-end;align-items: center;column-gap: 15px;margin-top: 30px;padding: 0 30px;} .select-policy-wrapper .selectBox01 select{cursor: pointer;} /* 회사소개 */ body.companyPage .body_container {background:#fff;} /* 공통오류 */ body.errorPage {background:#fff;} .error_container {height:100%; display:flex; justify-content:center; align-items:center; text-align:center;} .error_container .title {font-size:64px; font-weight:900; color:#03c75a;} .error_container .descTxt {font-size:14px; color:#858585; margin-top:10px; line-height:1.5;} .error_container .btn_wrap {margin-top:30px;} .error_container .btn_wrap .btn {display:inline-block; vertical-align:middle; width:100px; height:42px; box-sizing:border-box; background:#03c75a; color:#fff; font-size:14px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,0.2); border-radius:3px;} /* 예악정보연동안내 */ .interlock_page {background:#fff;} .interlock_page .body_inner {} /* Mobile */ @media (max-width:980px){ .interlock_page .body_inner {} } /* 처리결과 */ .result_page {background:#fff;} .result_page .body_inner {} .result_page.reserv_complete:has(.result-wrapper){display: flex;flex-direction: column;} .result_page.reserv_complete:has(.result-wrapper) .body_inner{flex: 1;display: flex;flex-direction: column;} .result_page.reserv_complete:has(.result-wrapper) .result-wrapper{flex: 1;display: flex;justify-content: center;align-items: center;flex-direction: column;height: 100%;} .result_page.reserv_complete .result-wrapper{padding: 56px 20px;background: var(--white);} .result_page.reserv_complete .result-wrapper .title{color: var(--gray24);font-size: 28px;font-weight: 700;letter-spacing: -0.084px;text-align: center;} .result_page.reserv_complete .result-wrapper .title ~ .prdList-wrapper{margin-top: 24px;} .result_page.reserv_complete .result-wrapper .prdList-wrapper{display: flex;justify-content: center;} .result_page.reserv_complete .result-wrapper .prdList-wrapper .prdList_type02{border-top: 1px solid #EFF3F6;border-bottom: 1px solid #EFF3F6;} .result_page.reserv_complete .result-wrapper .prdList-wrapper .prdList_type02 .p_item .p_inner::before{display: none;} .result_page.reserv_complete .result-wrapper .prdList-wrapper .prdList_type02 .content01{width: 100%;} .result_page.reserv_complete .result-wrapper .prdList-wrapper ~ .txt01{margin-top: 24px;} .result_page.reserv_complete .result-wrapper .txt01{color: var(--gray85);font-size: 16px;line-height: 1.5;letter-spacing: -0.048px;text-align: center;} .result_page.reserv_complete .result-wrapper .btn_wrap{display: flex;justify-content: center;flex-wrap: wrap;gap: 8px;width: 100%;;max-width: 570px;margin: 30px auto 0;box-sizing: border-box;} .result_page.reserv_complete .result-wrapper .btn_wrap .in{flex: 1 1 calc(50% - 4px);} .result_page.reserv_complete .result-wrapper .btn_wrap .in:only-child{max-width: 50%;} .result_page.reserv_complete .result-wrapper .btn_wrap .in [class*="btn_type"]{width: 100%;font-size: 14px;font-weight: 700;} /* Mobile */ @media (max-width:980px){ .result_page .body_inner {} } /* 처리결과 > 예약완료 */ .result_page.reserv_complete {background:none;} .result_page.reserv_complete .result_type01.bg02{background-color: #fff;border-radius: 5px 5px 0 0;} /* pc */ @media (min-width:981px){ .result_page.reserv_complete .result-wrapper .prdList-wrapper .prdList_type02{width: 570px;} } /* Mobile */ @media (max-width:980px){ .result_page.reserv_complete {background:#fff;} .result_page.reserv_complete .result_type01.bg02{background-color: initial;border-radius: 0;} .result_page.reserv_complete .toggle-wrapper{border-top: 1px solid #e2e2e2;} .result_page.reserv_complete .result-wrapper{padding: 36px 0 54px;} .result_page.reserv_complete .result-wrapper .title{font-size: 24px;} .result_page.reserv_complete .result-wrapper .prdList-wrapper ~ .txt01{margin-top: 24px;} .result_page.reserv_complete .result-wrapper .txt01{padding: 0 20px;font-size: 13px;word-break: keep-all;} .result_page.reserv_complete .result-wrapper .btn_wrap{flex-direction: column;padding: 0 20px;} .result_page.reserv_complete .result-wrapper .btn_wrap .in:only-child{max-width: 100%;} } /* 마케팅수신동의 */ .marketing_page .body_inner{background-color: #fff;} /* 공지사항 리스트 */ .noticeListPage .noticeTxt_type01{border-bottom: 1px solid #e1e1e1;} .noticeList_page .body_inner{padding-bottom: 100px;} .noticeList_page .main_header{margin: 0;padding: 35px 0;} .noticeList_page .itemList_type07 .prdTitle{font-size: 17px;} /* Mobile */ @media (max-width:980px){ .noticeList_page .body_inner{padding-bottom: 24px;} .noticeList_page .main_header{padding: 0;} } /* 공지사항 상세 */ .noticeDetailPage .noticeTxt_type01{border-bottom: 1px solid #e1e1e1;} .noticeDetail_page .body_inner{padding-bottom: 100px;} .noticeDetail_page .main_header{margin: 0;padding: 35px 0;} .noticeDetail_page .board_type02 .b_header .prdTitle{font-size: 17px;} .noticeDetail_page ._asisCSS div.personal_law{padding: 20px 0;} .noticeDetail_page ._asisCSS div.personal_law h2{font-size: 13px;} .noticeDetail_page .btnAlign_type02 [class*="btn_"]{width: 120px;} /* Mobile */ @media (max-width:980px){ .noticeDetail_page .body_inner{padding-bottom: 24px;} .noticeDetail_page .main_header{padding: 0;} } /****************************** *** *** 01 요금리스트 *** ******************************/ .chargeList_page {} .chargeList_page .body_inner {padding-bottom:100px;} .chargeList_page .roomViewer_contenet {position:relative; padding-right:148px; margin-top:9px;} .chargeList_page .roomViewer_contenet .viewer_type01 {} .chargeList_page .roomViewer_contenet .more_inner {position:absolute; right:0; top:0; width:140px;} .chargeList_page .roomViewer_contenet .more_inner li {position:relative;} .chargeList_page .roomViewer_contenet .more_inner li + li {margin-top:8px;} .chargeList_page .roomViewer_contenet .more_inner li a {display:block; height:94px; border-radius:8px; overflow:hidden; overflow:hidden; position:relative;} .chargeList_page .roomViewer_contenet .more_inner li img {width:100%; min-height:100%;} .chargeList_page .roomViewer_contenet .more_inner li:nth-child(4) a::before {content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.5);} .chargeList_page .roomViewer_contenet .more_inner li .n {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); color:#fff; font-size:12px; padding-left:25px;} .chargeList_page .roomViewer_contenet .more_inner li .n::before {content:''; position:absolute; left:0; top:50%; width:24px; height:24px; margin-top:-12px; background:url('../images/ico_camera01.png') 0 0 no-repeat;} /* Mobile */ @media (max-width:1100px){ .chargeList_page .body_inner {padding-bottom:0;} .chargeList_page .roomViewer_contenet {padding-right:0;} .chargeList_page .roomViewer_contenet .viewer_type01 {} .chargeList_page .roomViewer_contenet .more_inner {display:none;} } .chargeList_page .mainTab_content {margin-top:15px; position:sticky; left:0; right:0; top:0; z-index:2000; background:#f5f7fa;} /* Mobile */ @media (max-width:1100px){ .chargeList_page .mainTab_content {margin-top:0; background:#fff;} } .chargeList_page .summary_content {background:#fff; border-radius:10px; padding:32px 32px 25px; position:relative; margin-top:10px;} .chargeList_page .summary_content .titleBox .prdTitle {display:inline-block; vertical-align:middle; font-size:22px; font-weight:800; color:#000;} .chargeList_page .summary_content .titleBox .npay {display:inline-block; vertical-align:middle; margin-left:8px; width:41px; padding-top:15px; height:0; overflow:hidden; background:url('../images/logo_npay_new_01.svg') 0 0 no-repeat; background-size:100% 100%;} .chargeList_page .summary_content .subTitle {display:block; margin-top:5px; font-weight:700; font-size:18px; color:#000;} .chargeList_page .summary_content .infoBox {margin-top:18px; font-size:0; padding-right:90px;} .chargeList_page .summary_content .infoBox .grade_type01 {} .chargeList_page .summary_content .infoBox .address {display:inline-block; vertical-align:middle; padding-left:12px; margin-left:10px; position:relative; font-size:13px; color:#858585;} .chargeList_page .summary_content .infoBox .address::before {content:''; position:absolute; left:0; top:50%; width:2px; height:2px; border-radius:50%; margin-top:-1px; background:#242424;} .chargeList_page .summary_content .rtBox {position:absolute; right:25px; top:25px;} .chargeList_page .summary_content .rbBox {position:absolute; right:32px; bottom:23px;} .chargeList_page .summary_content .btnWindow {display:inline-block; vertical-align:middle; width:30px; height:30px; color:transparent; text-indent:-9999px; overflow:hidden; background:url('../images/ico_window01.png') center center no-repeat; background-size:15px auto;} /*.chargeList_page .summary_content .btnWindow::after {content: '공유';display:block;position: absolute;bottom: -9px;left: 50%;transform: translateX(-50%);color: #A6A6A6;font-size: 10px;font-weight: 500;letter-spacing: -0.3px;text-indent: initial;white-space: nowrap;}*/ /* 240604 추가 : 시크릿몰 UI/UX 개선 */ .chargeList_page .summary_content .btnInfo {display:inline-block; vertical-align:middle; border:1px solid #e2e2e2; border-radius:12px; height:26px; line-height:24px; box-sizing:border-box; padding:0 18px 0 10px; font-size:14px; color:#858585; position:relative;} .chargeList_page .summary_content .btnInfo::after {content:''; position:absolute; right:9px; top:50%; width:4px; height:7px; margin-top:-4px; background:url('../images/ico_arrow_r01.png') 0 0 no-repeat; background-size:100% 100%;} /* Mobile */ @media (max-width:1100px){ .chargeList_page .summary_content {border-radius:0; padding:26px; margin-top:0; border-bottom:1px solid #e2e2e2;} .chargeList_page .summary_content .titleBox {} .chargeList_page .summary_content .titleBox .prdTitle {} .chargeList_page .summary_content .titleBox .npay {} .chargeList_page .summary_content .subTitle {} .chargeList_page .summary_content .infoBox {margin-top:15px;} .chargeList_page .summary_content .infoBox .grade {display:block;} .chargeList_page .summary_content .infoBox .address {display:block; padding-left:0; margin:6px 0 0;} .chargeList_page .summary_content .infoBox .address::before {content:normal;} .chargeList_page .summary_content .rtBox {right:26px; top:26px;} .chargeList_page .summary_content .rbBox {right:26px; bottom:24px;} .chargeList_page .summary_content .btnWindow {} .chargeList_page .summary_content .btnInfo {} .chargeList_page .summary_content .btnInfo::after {} } .chargeList_page .notice_content {background:#fff; border-radius:10px; padding:25px 32px; position:relative; margin-top:10px;} .chargeList_page .notice_content .title {font-size:16px; color:#03c75a; font-weight:700;} .chargeList_page .notice_content .cont {font-size:13px; color:#707070; line-height:1.6; margin-top:10px;} /* Mobile */ @media (max-width:1100px){ .chargeList_page .notice_content {border-radius:0; padding:26px 16px; margin-top:0; border-bottom:1px solid #e2e2e2;} .chargeList_page .notice_content .title {} .chargeList_page .notice_content .cont {} } .chargeList_page .detail_content {margin-top:10px;} .chargeList_page .detail_content::after {content:''; display:block; clear:both;} .chargeList_page .detail_content .filter_inner {float:left; width:286px; box-sizing:border-box; /*position:sticky; left:0; top:51px;*/ } .chargeList_page .detail_content .filter_inner .sidebar_inner {background:#fff; border-radius:10px; padding:28px; position:relative; box-sizing:border-box;z-index:1000;} .chargeList_page .detail_content .mainContent_inner {float:right; width:605px; position:relative;} .chargeList_page .detail_content .mainContent_inner .loading_section {height:400px; position:relative;} .chargeList_page .detail_content .mainContent_inner .noticeTxt_type02 {margin-bottom:10px;} .chargeList_page .detail_content .mainContent_inner .content_section {background:#fff; border-radius:10px; margin-top:16px;} .chargeList_page .detail_content .mainContent_inner .content_section.hotelInfo {} .chargeList_page .detail_content .mainContent_inner .content_section.hotelInfo .itemList_type01 {padding:16px 24px 35px;} .chargeList_page .detail_content .mainContent_inner .content_section.review {} .chargeList_page .detail_content .mainContent_inner .content_section.review .section_inner {padding:20px 24px 35px;} .chargeList_page .detail_content .mainContent_inner .content_section.review .reivew_type02 {margin-top:20px;} .chargeList_page .detail_content .mainContent_inner .content_section.review .pageNavi_type01 {margin-top:30px;} .chargeList_page .detail_content .mainContent_inner .salefesta_section {margin-bottom:10px;} .chargeList_page .detail_content .mainContent_inner .recmd_section {background:rgba(0,196,213,0.1); border-radius:10px; position:relative; padding:64px 24px 26px; margin-bottom:10px;} .chargeList_page .detail_content .mainContent_inner .recmd_section .recmd_title {position:absolute; left:0; top:0; border-radius:10px 0 0 0; background:#00c4d5; color:#fff; text-align:center; width:150px; height:40px; line-height:40px; font-size:14px; font-weight:700;} .chargeList_page .detail_content .mainContent_inner .recmd_section .section_inner {} .chargeList_page .detail_content .mainContent_inner .recmd_section .section_inner .item_title {color:#00c4d5; font-size:17px; font-weight:800; margin-bottom:12px;} .chargeList_page .detail_content .mainContent_inner .recmd_section .section_inner ~ .section_inner {margin-top:32px;} .chargeList_page .detail_content .mainContent_inner .recmd_section .btn_inner {text-align:center; margin-top:26px;} .chargeList_page .detail_content .mainContent_inner .recmd_section .btn_inner .btnMore {font-size:14px; font-weight:700; color:#000; position:relative; padding-right:20px;} .chargeList_page .detail_content .mainContent_inner .recmd_section .btn_inner .btnMore::after {content:''; position:absolute; right:0; top:50%; width:10px; height:6px; margin-top:-3px; background:url('../images/ico_arrow_b01.png') 0 0 no-repeat; background-size:100% 100%;} /* PC */ @media (min-width:1101px){ .chargeList_page .detail_content {} .chargeList_page .detail_content .filter_inner .sidebar_inner {transform:translate(0,0); transform:translate3d(0,0,0); will-change:position, transform; width:286px !important;} .chargeList_page .detail_content .filter_inner .search_type01 {} .chargeList_page .detail_content .filter_inner .btn_wrap {margin-top:10px;} .chargeList_page .detail_content .filter_inner .filter_wrap {} .chargeList_page .detail_content .filter_inner .filter_wrap .header_in {display:none;} .chargeList_page .detail_content .filter_inner .filter_wrap .header_in .title {} .chargeList_page .detail_content .filter_inner .filter_wrap .inner {margin-top:30px; padding-top:30px; border-top:1px dashed #bcbcbc;} .chargeList_page .detail_content .filter_inner .filter_wrap .inner .title {color:#00c4d5; font-size:14px; font-weight:bold; margin-bottom:15px;} .chargeList_page .detail_content .filter_inner .filter_wrap .inner li + li {margin-top:10px;} .chargeList_page .detail_content .mainContent_inner .content_section.review .btn_wrap {display:none;} } /* Mobile */ @media (max-width:1100px){ .chargeList_page .detail_content {margin-top:0;} .chargeList_page .detail_content::after {} .chargeList_page .detail_content .filter_inner {float:none; width:auto;} .chargeList_page .detail_content .filter_inner .sidebar_inner {border-radius:0; padding:0; position:static;} .chargeList_page .detail_content .filter_inner .search_type01 {} .chargeList_page .detail_content .filter_inner .btn_wrap {display:none;} .chargeList_page .detail_content .filter_inner .filter_wrap {} .chargeList_page .detail_content .filter_inner .filter_wrap .header_in {padding:18px 24px;} .chargeList_page .detail_content .filter_inner .filter_wrap .header_in .title {display:inline-block; vertical-align:middle; position:relative; padding:0 25px 0 12px; height:36px; font-size:14px; color:#424242; border:1px solid #e9e9e9; border-radius:999px;} .chargeList_page .detail_content .filter_inner .filter_wrap .header_in .title::before {content:''; position:absolute; right:10px; top:50%; width:10px; height:6px; margin-top:-3px; background:url('../images/btn_control13.png') 0 0 no-repeat; background-size:100% auto;} .chargeList_page .detail_content .filter_inner .filter_wrap .header_in .title ~ .title {margin-left:4px;} .chargeList_page .detail_content .filter_inner .filter_wrap .header_in .title.on {border-color:#00c4d5; color:#00c4d5; font-weight:bold;} .chargeList_page .detail_content .filter_inner .filter_wrap .header_in .title.on::before {background-position-y:-6px;} .chargeList_page .detail_content .filter_inner .filter_wrap .header_in .title.on::after {content:''; position:absolute; left:50%; top:100%; margin:14px 0 0 -6px; width:12px; height:12px; background:#eff3f5; transform:rotate(45deg);} .chargeList_page .detail_content .filter_inner .filter_wrap .inner {font-size:0; background:#eff3f5; padding:17px 16px; display:none; position:relative;} .chargeList_page .detail_content .filter_inner .filter_wrap .inner .title {display:none;} .chargeList_page .detail_content .filter_inner .filter_wrap .inner ul {margin:-8px 0 0 -6px;} .chargeList_page .detail_content .filter_inner .filter_wrap .inner li {display:inline-block; vertical-align:middle; margin:8px 0 0 6px;} .chargeList_page .detail_content .filter_inner .filter_wrap .inner.on {display:block;} .chargeList_page .detail_content .filter_inner.fixed {} .chargeList_page .detail_content .filter_inner.fixed .sidebar_inner {padding-top:63px; position:static !important; width:auto !important; transform:none !important;} .chargeList_page .detail_content .filter_inner.fixed .search_type01 {position:fixed; left:0; right:0; top:51px; z-index:1000;} .chargeList_page .detail_content .filter_inner.fixed .search_type03 {position:fixed; left:0; right:0; top:44px; z-index:1000;} .chargeList_page .detail_content .mainContent_inner {float:none; width:auto;} .chargeList_page .detail_content .mainContent_inner .noticeTxt_type02 {margin-bottom:0;} .chargeList_page .detail_content .mainContent_inner .content_section {margin-top:10px; border-radius:0;} .chargeList_page .detail_content .mainContent_inner .content_section.hotelInfo .itemList_type01 {/*padding:22px 24px 120px;*/ padding:22px 24px;} .chargeList_page .detail_content .mainContent_inner .content_section.review {} .chargeList_page .detail_content .mainContent_inner .content_section.review .section_inner {padding:20px 20px 28px;} .chargeList_page .detail_content .mainContent_inner .content_section.review .reivew_type02, .chargeList_page .detail_content .mainContent_inner .content_section.review .pageNavi_type01 {display:none;} .chargeList_page .detail_content .mainContent_inner .content_section.review .btn_wrap {margin-top:12px;} .chargeList_page .detail_content .mainContent_inner .salefesta_section {padding:15px 24px;} .chargeList_page .detail_content .mainContent_inner .recmd_section {border-radius:0; padding:} .chargeList_page .detail_content .mainContent_inner .recmd_section .recmd_title {border-radius:0;} .chargeList_page .detail_content .mainContent_inner .recmd_section .section_inner {} .chargeList_page .detail_content .mainContent_inner .recmd_section .section_inner .item_title {} .chargeList_page .detail_content .mainContent_inner .recmd_section .section_inner ~ .section_inner {} .chargeList_page .detail_content .mainContent_inner .recmd_section .section_inner .prdList_type01 .p_item {border-radius:10px;} } .salefesta_coupon {position:fixed; right:50%; bottom:0; width:350px; background:var(--festaKeyColor2); border-radius:10px 10px 0 0; margin-right:-260px; box-sizing:border-box; color:#fff; text-align:center; z-index:8500;} .salefesta_coupon .header_inner {height:60px; display:flex; justify-content:flex-start; align-items:center; font-size:16px; font-weight:700;letter-spacing: -0.5px; padding: 0 40px 0 20px; box-sizing:border-box; position:relative;} .salefesta_coupon .header_inner::after {content:''; position:absolute; right:16px; top:50%; transform: translateY(-50%) rotate(-90deg); width:24px; height:24px; background: url('../images/ico_arrow_r02.png') no-repeat center / auto 12px;} .salefesta_coupon .header_inner .header_inner__name {font-weight: 800;} .salefesta_coupon .content_inner {display:none; width:calc(100% - 32px); background: var(--grayf4); margin:0 auto 16px; border-top: 16px solid var(--grayf4); color:#000; padding-bottom: 16px; box-sizing:border-box;} .salefesta_coupon .content_inner .couponBox {color:transparent; text-indent:-999px; margin:0 auto;} .salefesta_coupon .content_inner .couponBox.cp01 {width: auto;height: 157px;background: url(../images/img_coupon5.svg) no-repeat center top 20px / auto 137px;} .salefesta_coupon .content_inner .couponBox.cp02 {width: auto;height: 139px;background: url(../images/img_coupon3.svg) no-repeat center top 36px / auto 93px;} .salefesta_coupon .content_inner .couponBox.cp03 {width: auto;height: 139px;background: url(../images/img_coupon2.svg) no-repeat center top 36px / auto 93px;} .salefesta_coupon .content_inner .txtBox {padding: 0 16px;color: var(--gray24);font-size:12px;font-weight: 700;line-height: 1.4; margin-top:8px;letter-spacing: -0.46px;word-break: keep-all} .salefesta_coupon .content_inner .txtBox:has(b){font-weight: 400;} .salefesta_coupon .content_inner .txtBox b{font-weight: 700;} .salefesta_coupon .content_inner .txtBox__regional{} .salefesta_coupon .content_inner .content_inner__fcoupon{max-width: 195px;margin: 0 auto;} .salefesta_coupon .content_inner .content_inner__fcoupon .fcoupon-wrapper::after{width: 6.5px;height: 13px;border-radius: 6.5px 0 0 6.5px;background-color: #FFF2EF;} .salefesta_coupon .content_inner .content_inner__fcoupon .fcoupon{padding: 6.5px 46px 6.5px 6.5px;border-radius: 9.75px;} .salefesta_coupon .content_inner .content_inner__fcoupon .fcoupon::before{font-size: 12px;right: -2px;} .salefesta_coupon .content_inner .content_inner__fcoupon .fcoupon__inner{display: flex;flex-direction: column;justify-content: center;gap: 2px;min-height: 77px;padding: 6.5px 13px;border-radius: 6.498px;} .salefesta_coupon .content_inner .content_inner__fcoupon .fcoupon__txt{font-size: 11px;} .salefesta_coupon .content_inner .content_inner__fcoupon .fcoupon__txt2{font-size: 8.55px} .salefesta_coupon .content_inner .content_inner__fcoupon .fcoupon__price{font-size: 20px;} .salefesta_coupon .content_inner .content_inner__fcoupon .fcoupon__price span{font-size: 20px;} .salefesta_coupon.open {} .salefesta_coupon.open .header_inner{height: 52px;} .salefesta_coupon.open .header_inner::after {transform: translateY(-50%) rotate(90deg);} .salefesta_coupon.open .content_inner {display:block;} .festa-special .salefesta_coupon, .festa-special.salefesta_coupon {background-color: #C0E05E; color:var(--gray24);} .festa-special .salefesta_coupon .content_inner, .festa-special.salefesta_coupon .content_inner {background: #FCFFEE; border-top: 16px solid #FCFFEE; color:#000;} .festa-special .salefesta_coupon .header_inner::after, .festa-special.salefesta_coupon .header_inner::after {filter: invert(9);} .festa-special .salefesta_coupon .content_inner .content_inner__fcoupon .fcoupon-wrapper::after{background-color: #FCFFEE;} /* Mobile */ @media (max-width:1100px){ .salefesta_coupon {right:auto; left:50%; transform: translateX(-50%); margin:initial; width:343px;} .salefesta_coupon .header_inner {justify-content: flex-start;height:55px; font-size:14px;} .salefesta_coupon .header_inner::after {background-image: url(../images/ico_arrow_r02.png);background-size: auto 11px;right:20px;width:24px;height:24px;} .salefesta_coupon .content_inner .couponBox {} .salefesta_coupon .content_inner .couponBox.cp01 {width: auto;height: 137px;background: url(../images/img_coupon5.svg) no-repeat center top 17px / auto 120px;} .salefesta_coupon .content_inner .couponBox.cp02 {width: auto;height: 108px;background: url(../images/img_coupon3.svg) no-repeat center top 31px / auto 63px;} .salefesta_coupon .content_inner .couponBox.cp03 {width: auto;height: 108px;background: url(../images/img_coupon2.svg) no-repeat center top 31px / auto 63px;} .salefesta_coupon .content_inner .txtBox {font-size:12px;letter-spacing: -0.94px;} .salefesta_coupon .content_inner .content_inner__fcoupon{max-width: 195px} .salefesta_coupon.open {} .salefesta_coupon.open .header_inner {height: 50px;} .salefesta_coupon.open .header_inner::after {} .salefesta_coupon.open .content_inner {} } /* 240305 Mobile일 때 Swiper 네비게이션 제거 */ @media (max-width:1100px){ .chargeList_page .banner_type01 .swiper-container .swiper-button{display: none;} } /* 240318 ChargeList Page Scroll Event */ .chargeList_page .tab_type03 .tab_inner li.on a::after{display: none;} .chargeList_page .tab-slider{position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background: #000;transition: left 0.3s ease;} /* 240604 수정 : 시크릿몰 UI/UX 개선 */ .chargeList_page .tab_type03 .tab_inner li a{color: #A6A6A6;} .chargeList_page .tab_type03 .tab_inner li.on a{color: #00C4D5;} .chargeList_page .tab-slider{background: #00C4D5;} .chargeList_page .tab_type03 .tab_inner li + li{margin-left: 13px;} .chargeList_page .tab_type03 .rBox{right: 10px;} .chargeList_page .tab_type03 .rBox .btn_type06{height: 24px;line-height: 24px;padding: 0 6px;font-size: 12px;letter-spacing: -0.3px;} @media (max-width:1100px){ .chargeList_page .search_type03 .s_inner{height: 57px;} .chargeList_page .search_type03 .s_item .ct{font-size: 14px;} } /* 240604 추가 : Popup : 적립 프로모션 상세 */ .chargeListPage .pop_header:empty{padding: 35px 0 0;} .chargeListPage .pop_header:empty ~ .pop_close{top: 8px;} .hotelListPage{height: auto;} .hotelList_page .body_inner {padding-bottom:100px;} .hotelList_page .section_inner {} .hotelList_page .filter_contenet {} .hotelList_page .filter_contenet .filter_inner {} .hotelList_page .filter_contenet .search_type01 .calendar_container {/*top:138px;*/} .hotelListPage .badge-feature-wrapper{position: absolute;top: 4px;left: 0;} /* PC */ @media (min-width:981px){ .hotelList_page {z-index: 6000;} .hotelListPage .header_container:has(.member-info){z-index: 6100;} .hotelList_page .section_inner {margin-top:6px;} .hotelList_page .section_inner::after {content:''; display:block; clear:both;} .hotelList_page .section_inner .filter_contenet {width:265px; float:left; position:sticky; left:0; top:6px; z-index:1000;} .hotelList_page .section_inner .filter_contenet .filter_inner {background:#fff; border-radius:10px; padding:28px;} .hotelList_page .section_inner .filter_contenet .btn_wrap {margin-top:10px;} .hotelList_page .section_inner .filter_contenet .filter_wrap {margin-top:32px; padding-top:25px; border-top:1px dashed #bcbcbc;} .hotelList_page .section_inner .filter_contenet .filter_wrap .inner {} .hotelList_page .section_inner .filter_contenet .filter_wrap .inner + .inner {margin-top:30px;} .hotelList_page .section_inner .filter_contenet .filter_wrap .tit {color:#00c4d5; font-weight:600; font-size:16px; padding-left:12px;} .hotelList_page .section_inner .filter_contenet .filter_wrap .contBox {margin-top:15px;} .hotelList_page .section_inner .filter_contenet .filter_wrap .contBox li {} .hotelList_page .section_inner .filter_contenet .filter_wrap .contBox li + li {margin-top:13px;} .hotelList_page .section_inner .main_content {width:780px; float:right;} } /* Mobile */ @media (max-width:980px){ .hotelList_page {background:#fff;} .hotelList_page .body_inner {padding-bottom:60px;} .hotelList_page .section_inner {} .hotelList_page .section_inner .filter_contenet {border-top:1px solid #e2e2e2; position:sticky; left:0; top:0; z-index:1000; background:#fff;} .hotelList_page .section_inner .filter_contenet .filter_inner {} .hotelList_page .section_inner .filter_contenet .btn_wrap {display:none;} .hotelList_page .section_inner .filter_contenet .filter_wrap {padding:16px 20px;} .hotelList_page .section_inner .filter_contenet .filter_wrap .inner {position:relative; padding-left:60px;} .hotelList_page .section_inner .filter_contenet .filter_wrap .inner + .inner {margin-top:6px;} .hotelList_page .section_inner .filter_contenet .filter_wrap .tit {color:#242424; font-weight:600; font-size:14px; position:absolute; left:0; top:0; line-height:28px;} .hotelList_page .section_inner .filter_contenet .filter_wrap .contBox {font-size:0; white-space:nowrap; overflow-x:auto;} .hotelList_page .section_inner .filter_contenet .filter_wrap .contBox li {display:inline-block; vertical-align:middle;} .hotelList_page .section_inner .filter_contenet .filter_wrap .contBox li + li {margin-left:4px;} .hotelList_page .section_inner .main_content {border-top:1px solid #f0f0f0;} } /****************************** *** *** 01 요금리스트 01 숙박일정 *** ******************************/ body.chkInOutPage {} body.chkInOutPage .body_container {padding-bottom:0; background:#fff;} /****************************** *** *** 01 요금리스트 02 숙박 인원 *** ******************************/ body.chkUserPage {} body.chkUserPage .body_container {padding-bottom:0; background:#fff;} body.chkUserPage .body_container .body_inner {padding-top:30px; padding-left:20px; padding-right:20px;} .chkUser_page {background:#fff;} .chkUser_page .userCount_wrap {} .chkUser_page .userCount_wrap .inner {display:flex; align-items:center;} .chkUser_page .userCount_wrap .inner + .inner {margin-top:20px;} .chkUser_page .userCount_wrap .tit {flex:1; color:#242424; font-weight:600; font-size:17px;} .chkUser_page .userCount_wrap .tit .sub {display:block; color:#858585; font-size:12px; font-weight:400; margin-top:3px;} .chkUser_page .userCount_wrap .countBox {flex:1; display:flex; justify-content:space-between; align-items:center;} .chkUser_page .userCount_wrap .countBox .count_type01 {} .chkUser_page .userCount_wrap .countBox .count_type01.de {} .chkUser_page .userCount_wrap .countBox .count_type01.in {} .chkUser_page .userCount_wrap .countBox .num {color:#242424; font-size:17px; font-weight:600;} .chkUser_page .userAge_wrap {margin-top:50px;} .chkUser_page .userAge_wrap .desc {margin-bottom:15px; color:#000; font-weight:600; font-size:15px;} .chkUser_page .userAge_wrap .desc .sub {color:#858585; font-weight:400;} .chkUser_page .userAge_wrap .inner {} .chkUser_page .userAge_wrap .inner .inBox {position:relative; padding-right:200px;} .chkUser_page .userAge_wrap .inner .inBox + .inBox {margin-top:8px;} .chkUser_page .userAge_wrap .inner .inBox .tit {display:block; line-height:44px; height:44px; color:#242424; font-size:14px; padding-left:15px; position:relative;} .chkUser_page .userAge_wrap .inner .inBox .tit::before {content:''; position:absolute; left:0; top:50%; width:5px; height:5px; margin-top:-2px; background:#ddd; border-radius:50%;} .chkUser_page .userAge_wrap .inner .inBox .selectBox01 {position:absolute; right:0; top:0; width:180px;} .chkUser_page .noticeTxt {margin-top:30px; padding-left:20px; position:relative; color:#858585; font-size:13px; line-height:1.38;} .chkUser_page .noticeTxt::before {content:''; position:absolute; left:0; top:0; width:16px; height:16px; background:url('../images/ico_info01.png') 0 0 no-repeat; background-size:100% 100%;} /****************************** *** *** 02 예약 및 결제 *** ******************************/ body.paymentPage {} body.paymentPage .header_container{border-bottom: 1px solid #EFF3F6;} body.paymentPage .countdown-timer-container ~ .body_container {padding-top:92px;} body.paymentPage .body_container {padding-bottom:96px;} body.paymentPage .body_container:has(.pay_floating__free-cancel) {padding-bottom:110px;} body.paymentPage .body_container .body_inner {} /* Mobile */ @media (max-width:980px){ body.paymentPage {} body.paymentPage .body_container {padding-bottom:87px;} body.paymentPage .body_container:has(.pay_floating__free-cancel){padding-bottom: 110px;} } .payment_page .body_inner {position:relative;} .payment_page .content_section {background:#fff; border-radius:10px; box-sizing:border-box; position:relative;} .payment_page .main_content {box-sizing:border-box;} .payment_page .main_content .content_section .content_inner {position:relative; padding:18px 24px 20px;} .payment_page .main_content .content_section ~ .banner_type01, .payment_page .main_content .content_section ~ .content_section {margin-top:10px;} .payment_page .main_content .content_section .content01 {font-size:14px; line-height:1.6; word-break:break-all;} .payment_page .aside_content {box-sizing:border-box;} .payment_page .aside_content .content_section {border:1px solid #e2e2e2; border-radius:8px;} .payment_page .aside_content .content_section .content_inner {padding:16px;} .payment_page .table_type01.room_type thead th, .payment_page .table_type01.room_type tbody td{height: initial;word-break: keep-all;} .payment_page .table_type01.room_type thead th{padding:4px 6px;} .payment_page .table_type01.room_type tbody td{padding:8px 6px;} .payment_page .main_content .content_section .chkBox01 input:checked + .c_name::before{border: none;} .payment_page .main_content .content_section .chkBox01 .checkbox{position: relative;} /* PC */ @media (min-width:981px){ .payment_page .body_inner {display:flex; justify-content:space-between; padding:10px 340px 10px 0; padding-right:0;} .payment_page .main_content {width:560px;} .payment_page .main_content .aside_content {display:none;} .payment_page .aside_content {/*position:absolute; right:0; top:10px;*/ width:330px;} .payment_page .aside_content .content_section.pay {position:sticky; top:10px; background:#fff;} } /* Mobile */ @media (max-width:980px){ .payment_page .body_inner::after {content:''; display:block; clear:both;} .payment_page .content_section {border-radius: 0;} .payment_page .main_content {} .payment_page .main_content .aside_content {display:block; margin-top:10px;} .payment_page .main_content .content_section .content_inner {padding:18px 20px 20px;} .payment_page .aside_content {display:none;} .payment_page .aside_content .content_section {} } /* 호텔개요 */ .payment_page .main_content .content_section.summary {overflow:hidden;} .payment_page .main_content .content_section.summary .viewer_type01 {height:373px; border-radius:0;} .payment_page .main_content .content_section.summary .viewer_type01 .swiper-container .swiper-slide a {width:560px; height:373px;} .payment_page .main_content .content_section.summary .content_inner {padding:30px;} .payment_page .main_content .content_section.summary .content_inner .prdTitle {color:var(--gray24);font-size:20px;font-weight:700;line-height: 23px;} .payment_page .main_content .content_section.summary .content_inner .infoBox01 {margin-top: 12px;} .payment_page .main_content .content_section.summary .content_inner .infoBox01::before{content: '';display: block;height: 1px;background-image: linear-gradient(to right, var(--graye2) 50%, transparent 50%);background-size: 4px 2px;background-repeat: repeat-x;background-position: 0 top;} .payment_page .main_content .content_section.summary .content_inner .infoBox01 ul{margin-top: 12px;} .payment_page .main_content .content_section.summary .content_inner .infoBox01 li {line-height:16px;font-size:14px; position:relative; color:#242424; padding-left:20px;} .payment_page .main_content .content_section.summary .content_inner .infoBox01 li::before {content:''; position:absolute; left:0; top:0; width:16px; height:16px; background:0 0 no-repeat; background-size:100% 100%;} .payment_page .main_content .content_section.summary .content_inner .infoBox01 li.date::before {background-image:url('../images/ico_calendar01.png');} .payment_page .main_content .content_section.summary .content_inner .infoBox01 li.user::before {background-image:url('../images/ico_user02.svg');} .payment_page .main_content .content_section.summary .content_inner .infoBox01 li.time::before {background-image:url('../images/ico_clock.png');} .payment_page .main_content .content_section.summary .content_inner .infoBox01 li + li {margin-top:8px;} .payment_page .main_content .content_section.summary .content_inner .infoBox02 {border-top:1px solid #e2e2e2; padding-top:24px; margin-top:24px;} /* Mobile */ @media (max-width:980px){ .payment_page .main_content .content_section.summary {margin:0; border:0; border-radius:0; padding:22px;} .payment_page .main_content .content_section.summary .viewer_type01 {border-radius:8px;} .payment_page .main_content .content_section.summary .viewer_type01 .swiper-container .swiper-slide a {padding-top:63.037%;} .payment_page .main_content .content_section.summary .content_inner {padding:20px 0 0;} } /* 상품안내사항확인 */ .payment_page .main_content .content_section.noticeInfo {} .payment_page .main_content .content_section.noticeInfo .content01 .table_type01.room_type{margin-bottom: 10px;} /* 호텔정보 */ .payment_page .main_content .content_section.hotelInfo {padding-bottom:55px;} .payment_page .main_content .content_section.hotelInfo .content_inner {/*padding:16px 24px;*/ box-sizing:border-box; height:160px; overflow:hidden;} .payment_page .main_content .content_section.hotelInfo .content_inner::after {content:''; position:absolute; left:0; right:0; bottom:0; height:119px; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 94.12%);} .payment_page .main_content .content_section.hotelInfo .content_inner .table_type01 ~ .noticeList_type01 {margin-top:14px;} .payment_page .main_content .content_section.hotelInfo .btn_more {position:absolute; left:0; right:0; bottom:0;} .payment_page .main_content .content_section.hotelInfo.open {} .payment_page .main_content .content_section.hotelInfo.open .content_inner {height:auto;} .payment_page .main_content .content_section.hotelInfo.open .content_inner::after {content:normal;} .payment_page .main_content .content_section.hotelInfo.open .btn_more span::after {background-position-y:-10px;} .payment_page .main_content .content_section.hotelInfo .noticeList_type01 li:has(.table_type01.room_type){padding-left: 0;margin-bottom: 14px;} .payment_page .main_content .content_section.hotelInfo .noticeList_type01 li:has(.table_type01.room_type)::before{display: none;} /* Mobile */ @media (max-width:980px){ .payment_page .main_content .content_section.hotelInfo {} } /* 예약자정보 */ .payment_page .main_content .content_section.rsvInfo {} .payment_page .main_content .content_section.rsvInfo .noticeTxt_type03 {margin-bottom:20px;letter-spacing: -0.6px;} .payment_page .main_content .content_section.rsvInfo .check_wrap {margin-top:24px;padding: 6px 10px;background-color: #EEFAFB;border-radius: 8px;} .payment_page .main_content .content_section.rsvInfo .check_wrap .chkBox01 .c_name {position: relative;padding-left: 28px;color:#242424; font-weight:700;line-height: 20px;} .payment_page .main_content .content_section.rsvInfo .check_wrap .chkBox01 .c_name::before{border-radius: 4px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);} .payment_page .main_content .content_section.rsvInfo .subContent_inner:not(:first-of-type) {padding-top:20px;} .payment_page .main_content .content_section.rsvInfo .subContent_inner .subTitle {font-size:14px; font-weight:700; color:#858585; margin-bottom:10px;} .payment_page .main_content .content_section.rsvInfo .subContent_inner + .subContent_inner {margin-top:20px; border-top:1px solid #e2e2e2;} /* Mobile */ @media (max-width:980px){ .payment_page .main_content .content_section.rsvInfo .noticeTxt_type03{margin-bottom: 12px;} .payment_page .main_content .content_section.rsvInfo:has(.t_gp01) .noticeTxt_type03{margin-bottom: 18px;} .payment_page .main_content .content_section.rsvInfo .check_wrap .chkBox01 .c_name{height: 20px;background-color: transparent;} .payment_page .main_content .content_section.rsvInfo .check_wrap .chkBox01 .c_name::before{content:''; position:absolute; left:0; top:0; width:20px; height:20px; background:url('../images/bg_checkbox01.png') 0 0 no-repeat; background-size:100% auto;} .payment_page .main_content .content_section.rsvInfo .check_wrap .chkBox01 input:checked + .c_name::before{background-position-y: -20px;} } /* 약관정책 */ .payment_page .main_content .content_section.law .header_type02{border-bottom: none;} .payment_page .main_content .content_section.law .header_type02 .title{border-bottom: 1px solid #e2e2e2;} .payment_page .main_content .content_section.law .content_inner{padding: 15px 24px 20px;} .payment_page .main_content .content_section.law .header_type02 .title .chkBox05 .c_name{padding-left: 30px;font-size: 16px;} .payment_page .main_content .content_section.law .header_type02 .title .chkBox05 .c_name::before{top: 1px;width: 20px;height: 20px;} .payment_page .main_content .content_section.law .header_type02 .title .chkBox05 input:checked + .c_name::before {background-position-y:-20px;} .payment_page .main_content .content_section.law .header_type02 .title .chkBox05.unit .c_name {padding-left:20px; height:20px; width:0; overflow:hidden;} /* Mobile */ @media (max-width:980px){ .payment_page .main_content .content_section.law .content_inner{padding: 15px 20px 20px;} } /* 요금상세및결제정보 */ .payment_page .aside_content .content_section.pay .content_inner {} .payment_page .aside_content .content_section.pay .content_inner .discount_wrap {} .payment_page .aside_content .content_section.pay .content_inner .point_wrap {background:#f5f5f5; padding:14px; margin-top:20px;} .payment_page .aside_content .content_section.pay .content_inner .membership_wrap {margin-top:8px; border:1px solid #72A1E7; border-radius:10px; box-sizing:border-box; overflow:hidden;letter-spacing: -0.9px;} .payment_page .aside_content .content_section.pay .content_inner .membership_wrap .inner {padding:14px 80px 14px 14px; position:relative;} .payment_page .aside_content .content_section.pay .content_inner .membership_wrap .inner .tit {padding-left:57px; position:relative; color:#3578dc; font-weight:700; font-size:14px;letter-spacing: -1px;} .payment_page .aside_content .content_section.pay .content_inner .membership_wrap .inner .tit::before {content:''; position:absolute; left:0; top:50%; width:52px; height:15px;background: url('../images/logo_npay_new_02.svg') 0 0 no-repeat; background-size:100% 100%;transform: translateY(-1px);} .payment_page .aside_content .content_section.pay .content_inner .membership_wrap .inner .txt {font-size:12px; color:#424242; margin-top:8px;} .payment_page .aside_content .content_section.pay .content_inner .membership_wrap .inner .btnMore {position:absolute; right:12px; top:50%; width:58px; box-sizing:border-box; height:22px; margin-top:-9px; line-height:22px; background:#3578DC; border:1px solid rgba(0,0,0,0.03); border-radius:999px; padding-left:7.5px; color:#fff; font-size:12px; font-weight:500;} .payment_page .aside_content .content_section.pay .content_inner .membership_wrap .inner .btnMore::after {content:''; position:absolute; right:6px; top:50%; width:5px; height:8px; margin-top:-4px; background:url('../images/ico_arrow_r08.png') 0 0 no-repeat; background-size:100% 100%;} .payment_page .aside_content .content_section.pay .content_inner .membership_wrap .payBox {border-top:1px solid #d5e1f5; height:34px; display:flex; justify-content:space-between; align-items:center; background:#f6faff; padding:0 15px;} .payment_page .aside_content .content_section.pay .content_inner .membership_wrap .payBox .txt {color:#7e8ea5; font-size:12px;} .payment_page .aside_content .content_section.pay .content_inner .membership_wrap .payBox .btnGo {display:inline-block; font-weight:700; font-size:12px; color:#3578dc; padding-right:12px; position:relative;} .payment_page .aside_content .content_section.pay .content_inner .membership_wrap .payBox .btnGo::after {content:''; position:absolute; right:0; top:50%; width:6px; height:9px; margin-top:-5px; background:url('../images/ico_arrow_r09.png') 0 0 no-repeat; background-size:100% 100%;} .payment_page .aside_content .content_section.pay .content_inner .hdBox {margin-bottom:12.5px; position:relative;} .payment_page .aside_content .content_section.pay .content_inner .hdBox .title {font-size:16px; font-weight:700; color:var(--gray24);} .payment_page .aside_content .content_section.pay .content_inner .hdBox .title .point {padding-right:58px; position:relative;} .payment_page .aside_content .content_section.pay .content_inner .hdBox .title .point::after {content:''; display: none; position:absolute; right:0; top:50%; width:52px; height:15.5px; margin-top:-7.5px; background:url('../images/logo_npay_new_02.svg') 0 0 no-repeat; background-size:100% 100%;} .payment_page .aside_content .content_section.pay .content_inner .hdBox .btnInfo {position:absolute; right:0; top:0; color:#858585; font-size:14px; padding-right:19px;} .payment_page .aside_content .content_section.pay .content_inner .hdBox .btnInfo::after {content:''; position:absolute; right:0; top:50%; width:16px; height:16px; margin-top:-8px; background:url('../images/ico_info01.png') 0 0 no-repeat; background-size:100% 100%;} .payment_page .aside_content .content_section.pay .content_inner .totalBox {color:#ea3627; font-size:16px; padding-top:12px; border-top:1px dashed #e2e2e2; font-weight:700; display:flex; justify-content:space-between; margin-top:12px;} .payment_page .aside_content .content_section.pay .content_inner .totalBox .tit {} .payment_page .aside_content .content_section.pay .content_inner .totalBox .ct {font-weight: 700;} .payment_page .aside_content .content_section.pay .content_inner .detailBox {background:#f5f5f5; padding:14px; margin-top:12px;} .payment_page .aside_content .content_section.pay .content_inner .detailBox .title {text-align:center; color:#ea3627; padding-bottom:12px; border-bottom:1px dashed #e2e2e2; margin-bottom:12px; font-weight:700; font-size:16px;} .payment_page .aside_content .content_section.pay .content_inner .descTxt {line-height:1.4; color:#858585; font-size:12px; margin-top:10px;letter-spacing: -0.8px;} .payment-benefit.npay .point_wrap .feeTable_type03 tbody tr:last-child .t_sub{margin-top: -14px;} .payment-benefit.npay .point_wrap .feeTable_type03 tbody th{position: relative;} .payment-benefit.npay .point_wrap .feeTable_type03 .t_tit{font-weight: 400;color: var(--gray24);} .payment-benefit.npay .point_wrap .feeTable_type03 .t_tit .btn-desc{width: 16px;height: 16px;background-size: 13px auto;} .payment-benefit.npay .point_wrap .feeTable_type03 .t_sub{display: none;position: absolute;top: 100%;left: 20%;width: 250px;margin-top: 0;padding: 8px 34px 8px 10px;border: 1px solid var(--graye2);border-radius: 10px;box-sizing: border-box;background-color: var(--white);color: var(--gray24);box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15), 0px 0px 5px 0px rgba(0, 0, 0, 0.05);z-index: 10;letter-spacing: -1.1px;line-height: 1.5;} .payment-benefit.npay .point_wrap .feeTable_type03 .t_sub .btn-close{position: absolute;top: 6px;right: 10px;width: 20px;height: 20px;background: url(../images/ico_cancel06.svg)no-repeat 50% / contain;filter: brightness(0.8);} .payment-benefit.npay .point_wrap .feeTable_type03 .t_sub .btn-more{color: var(--green0a);text-decoration: underline;} .payment-benefit.npay .point_wrap .feeTable_type03 .t_sub.--active{display: block;} .payment-benefit.npay .point_wrap .btn-desc{transform: translateY(-1px);margin-left: 4px;} /* Mobile */ @media (max-width:980px){ } /* 240305 Mobile일 때 Swiper 네비게이션 제거 */ @media (max-width:980px){ .payment_page .banner_type01 .swiper-container .swiper-button{display: none;} } /* 240318 Payment Page Input Focus Color */ .paymentPage .txtEntry01 input:focus, .paymentPage .txtArea01 textarea:focus, .paymentPage .selectBox01 .valTxt:has(+ :focus) {border: 1px solid var(--mint);} .paymentPage .txtEntry01.error input:focus{border-color: var(--red);} /* 240610 추가 : 이니시스 결제 수단 */ .payment_page .aside_content .content_section.pay .content_inner .payment-benefit .point_wrap{border-radius: 8px;} .payment-list{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 8px 6px;} .payment-list li{position: relative;border: 1px solid var(--graye2);border-radius: 6px;} .payment-list .--active{border: 1px solid var(--gray24);} .payment-list .benefit::after{content: '혜택';position: absolute;right: 7px;top: -9px;height: 18px;line-height: 18px;padding: 0 7px;box-sizing: border-box;border-radius: 8px 8px 8px 1px;color: var(--white);background-color: var(--mint);font-size: 10px;font-weight: 500;letter-spacing: -0.3px;} .payment-list button{width: 100%;height: 48px;padding: 3px;box-sizing: border-box;color: var(--gray24);font-size: 13px;font-weight: 500;letter-spacing: -1px;text-align: center;} .payment-list__npay{text-indent: -9999px;background: url(../images/logo_npay_new_03.svg) no-repeat center / auto 16px;} .payment-list__kbpay{text-indent: -9999px;background: url(../images/logo_kbpay.svg) no-repeat center / auto 15px;} .payment-benefit{margin-top: 12px;} .payment-benefit.npay .point_wrap{margin-top: 0;} .payment-benefit.kbpay li{position: relative;padding-left: 12px;color: var(--gray24);font-size: 13px;line-height: 150%;letter-spacing: -0.5px;} .payment-benefit.kbpay li::before{content: '';position: absolute;top: 7px;left: 0;width: 2px;height: 2px;background-color: var(--gray24);} /* PC */ @media (min-width:981px){ .payment_page .aside_content .content_section.pay .header_type02{border-bottom: none;} .payment_page .aside_content .content_inner + .header_type02{border-top: 1px solid var(--graye2);} .payment_page .aside_content .content_section.pay .content_inner{padding: 0 15px 18px;} .payment_page .aside_content .content_section.pay .content_inner .payment-benefit .point_wrap{margin-top: 0;} } /* Mobile */ @media (max-width:980px){ .payment_page .aside_content .content_section.pay{background-color: transparent;border: none;} .payment_page .aside_content .header_type02, .payment_page .aside_content .content_inner{background-color: var(--white);} .payment_page .aside_content .header_type02{border: 1px solid var(--graye2);border-radius: 8px 8px 0 0;} .payment_page .aside_content .content_inner{border: 1px solid var(--graye2);border-top: transparent;border-radius: 0 0 8px 8px;} .payment_page .aside_content .content_inner + .header_type02{margin-top: 10px;} .payment-list button{font-size: 14px;} } .payment_page.type2 .btn-desc{display: inline-block;width: 16px;height: 16px;background: url(../images/ico_info01.png) no-repeat center / 14px auto;vertical-align: middle;} .payment_page.type2 .main_content .content_section.summary .content_inner{padding: 20px 24px;} .payment_page.type2 .main_content .content_section.summary .room-summary-top{} .payment_page.type2 .main_content .content_section.summary .room-summary-inner{display: flex;align-items: center;flex-wrap: wrap;gap: 4px;letter-spacing: -0.3px;} .payment_page.type2 .main_content .content_section.summary .hotel-list__thumb{aspect-ratio: 1 / 1} .payment_page.type2 .main_content .content_section.summary .content_inner .prdTitle{font-size: 20px;font-weight: 700;letter-spacing: -0.3px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-o-text-oveflow: ellipsis;} .payment_page.type2 .main_content .content_section.summary .room-summary-top .infoBox{display: none;align-items: center;gap: 4px;} .payment_page.type2 .main_content .content_section.summary .room-summary-top .infoBox::before{content: '';width: 2px;height: 2px;border-radius: 50%;background-color: var(--gray24);} .payment_page.type2 .main_content .content_section.summary .room-summary-top .infoBox .grade_type01{font-size: 12px;letter-spacing: -0.5px;} .payment_page.type2 .main_content .content_section.summary .room-summary-top .address{width: 100%;line-height: 22px;color: var(--gray85);} .payment_page.type2 .room-summary{padding: 15px;border: 1px solid var(--graye2);border-radius: 8px;box-sizing: border-box;} .payment_page.type2 .room-summary__name{display: block;margin-top: 16px;color: var(--gray24);font-size: 14px;font-weight: 700;letter-spacing: -0.3px;} .payment_page.type2 .room-summary__info{display: flex;align-items: center;flex-wrap: wrap;gap: 10px 20px;margin-top: 10px;} .payment_page.type2 .room-summary__info .room-type-wrapper{justify-self: flex-start;} .payment_page.type2 .room-summary__info .room-type > *, .payment_page.type2 .room-summary__info [class*="ra_ic_"], .payment_page.type2 .room-summary__info [class*="ro_ic_"]{font-size: 14px;} .payment_page.type2 .room-summary__info .room-icon-list{--cGap: 20px} .payment_page.type2 .room-summary__info .room-option{display: inline-flex;flex-wrap: wrap;} .payment_page.type2 .room-option-wrapper{margin-top: 10px;} .payment_page.type2 .room-summary ~ [class*="infoBox"]{margin-top: 22px;} .payment_page.type2 .room-summary-top ~ .room-summary{margin-top: 12px;} .room-summary-time{display: flex;justify-content: space-between;align-items: center;margin: -15px -15px 0;padding: 12px 72px;border-radius: 8px 8px 0 0;box-sizing: border-box;background-color: var(--grayf5);} .room-summary-time__box{color: var(--gray85);font-size: 14px;font-weight: 700;line-height: normal;letter-spacing: -0.3px;text-align: center;} .room-summary-time__box__title{color: var(--mint);font-size: 12px;line-height: 14px;} .room-summary-time__box__date{margin-top: 6px;color: #242424;font-size: 16px;line-height: 18px;} .payment-cancel-wrapper{margin-top: 12px;padding: 14px;border-radius: 6px;} .payment-cancel-wrapper .room-option li{justify-content: center;font-size: 14px;font-weight: 700;} .payment-cancel-wrapper .room-option li::before{padding-left: 16px;} .payment-cancel-wrapper:has(.room-option li.ico4){background-color: #EAEEFF;} .payment-cancel-wrapper:has(.room-option li.ico3){background-color: #FFF6F5;} /* Mobile */ @media (max-width:980px){ .payment_page.type2 .main_content .content_section.summary{padding: 20px;} .payment_page.type2 .main_content .content_section.summary .content_inner{padding: 0;} .room-summary-time{padding: 12px 20px;} } /* Special Request */ .payment_page.type2 .main_content .content_section.specialRequest .header_type02{border-bottom: none;} .payment_page.type2 .main_content .content_section.specialRequest .header_type02 .title{border-bottom: 1px solid var(--graye2);} .payment_page.type2 .main_content .content_section.specialRequest .noticeTxt_type03{font-size: 13px;letter-spacing: -1px;} .payment_page.type2 .main_content .content_section.specialRequest .request-title{display: inline-block;margin-top: 13px;color: var(--gray24);font-size: 14px;font-weight: 500;line-height: 19px;letter-spacing: -0.3px;} .payment_page.type2 .main_content .content_section.specialRequest [class*="bed_ic_"]{line-height: 21px;} .payment_page.type2 .main_content .content_section.specialRequest .chkList_type02{margin-top: 10px;} /* Mobile */ @media (max-width:980px){ .payment_page.type2 .main_content .content_section.specialRequest{margin: 0;margin-top: 15px;border-radius: 0;border: none;} .payment_page.type2 .main_content .content_section.summary .content_inner{padding: 0;} } /* Pay */ .payment_page.type2 .aside_content .content_section.pay{background-color: transparent;border: none;} .payment_page.type2 .aside_content .content_section.pay .header_type02{height: 60px;padding: 0 20px;background-color: var(--white);} .payment_page.type2 .aside_content .content_section.pay .content_inner{padding: 18px 18px 20px;background-color: var(--white);border-radius: 0 0 8px 8px;border: 1px solid var(--graye2);border-top: none;} .payment_page.type2 .aside_content .content_section.pay .content_inner:has( .refundable-option){padding: 18px;} .payment_page.type2 .aside_content .content_section.pay .content_inner ~ .header_type02{margin-top: 10px;} .payment_page.type2 .aside_content .content_section.pay .banner_type01{margin-top: 10px;} .payment_page.type2 .aside_content .content_section.pay .banner_type01 a{border-radius: 10px;} .payment_page.type2 .aside_content .content_section.pay .banner_type01 img{width: 100%;height: 100%;object-fit: cover;} @media (min-width:981px){ .payment_page.type2 .aside_content .content_section.pay .header_type02{border-radius: 8px 8px 0 0;border: 1px solid var(--graye2);} } @media (max-width:980px){ .payment_page.type2 .aside_content .content_section.pay .header_type02{margin: 0;border: none;border-radius: 0} .payment_page.type2 .aside_content .content_section.pay .header_type02 .title{height: 100%;border-bottom: 1px solid var(--graye2);box-sizing: border-box;} .payment_page.type2 .aside_content .content_section.pay .content_inner{padding: 18px 20px 20px;border: none;border-radius: 0;} } .payment_page.type2 .card-promotion{margin-top: 8px;padding: 8px 12px;background-color: #EEFAFB;} .payment_page.type2 .card-promotion .card-promotion__txt{letter-spacing: -1px;} .payment_page.type2 .card-promotion .btn-desc{background: url(../images/ico_info05.svg) no-repeat 50% / contain;} @media (max-width:980px){ .payment_page.type2 .card-promotion .card-promotion__txt{letter-spacing: -1.5px;} .payment_page.type2 .card-promotion .tooltip-type3{left: initial;right: 0;} } .maximum-point-wrapper{margin-top: 18px;} .maximum-point{display: flex;justify-content: space-between;align-items: center;padding: 14px;border-radius: 8px;box-sizing: border-box;background-color: #EEFAFB;color:var(--green);font-weight: 700;line-height: 16px;letter-spacing: -0.7px;font-size: 14px;} .maximum-point__txt{display: inline-flex;align-items: center;gap: 4px;font-weight: 700;} .maximum-point__txt::before{content: '';width: 45px;height: 14px;background: url(../images/logo_npay_new_02.svg)no-repeat 50% / contain;} .maximum-point__price{} .refundable-option__header{margin-top: 16px;display: flex;gap: 2px;align-items: center;} .refundable-option__header:has( .tooltip-type2.RefundAssuranceSystem){position: relative;} .refundable-option__title{display: inline-block;color: var(--black);font-size: 16px;font-weight: 800;line-height: 22px;letter-spacing: -0.3px;} .refundable-option-box{margin-top: 13px;padding: 13px 11px;border: 1px solid var(--graye2);border-radius: 6px;} .refundable-option-box .c_name{color: var(--gray24);font-size: 14px;letter-spacing: -0.3px;} .refundable-option-box .refundable-option__txt{margin-top: 9px;} .refundable-option-box__inner{padding-left: 31px;} .refundable-option-box .checked-list{margin-top: 12px;/* display: grid;justify-content: center; */} .refundable-option__txt{display: block;color: var(--gray85);font-size: 12px;letter-spacing: -1.3px;line-height: 16px;} .pay-banner-wrapper {margin-top: 12px;} .pay-banner-wrapper .banner_type01 ~ .banner_type01 {margin-top: 12px;} .membership-header{display: flex;align-items: center;gap: 2px;margin-top: 16px;} .membership-header:has( .tooltip-type2.nPlusReward){position: relative;} .membership-header .btn-desc{width: 16px;height: 16px;} .membership-header .tooltip-type2.nPlusReward{width: 250px;} .membership-header__title{color: var(--black);font-size: 14px;font-weight: 700;letter-spacing: -0.3px;} @media (max-width:980px){ .membership-header{display: flex;align-items: center;gap: 2px;margin-top: 14px;} } .form-field-group{display: flex;flex-direction: column;gap: 10px;} .form-field{display: flex;} .form-field-title{width: 141px;padding-top: 11px;} .form-field .txtEntry01{flex: 1;} .form-field .txtEntry01 input{height: 44px;} .form-field .txtEntry01__inner{height: auto;} .form-field .txtEntry01 .txtEntry01__inner.error input{height: auto;} @media (max-width:1100px){ .form-field-group{flex-direction: initial;} .form-field{flex-direction: column;} .form-field-title{margin-bottom: 4px;padding-top: 0;} } /* law */ .law_type01__btn-wrapper{padding: 13px 20px 0;} /****************************** *** *** 02 예약 및 결제 > 결제프로세스 *** ******************************/ /* 결제진행중 */ .loading_container {height:100%;} .loading_container ._asisCSS {height:100%;} /* 결제프로세스 */ .complete_container {height:100%; max-width:900px; background:#fff; margin:0 auto;} .complete_container ._asisCSS {height:100%;} /* 오류 */ body.warningPage {background:#f5f7fa;} .warning_container {height:100%; display:flex; justify-content:center; align-items:center; text-align:center;} .warning_container .content_wrap {padding-top:210px; background:url('../images/bg_info02.png') center 0 no-repeat;} .warning_container .content_wrap.bg01 {padding-top:210px; background-image:url('../images/bg_info03.png');} .warning_container .content_wrap .txt01 {font-size:18px; line-height:1.6; color:#454545; font-weight:600;} .warning_container .content_wrap .btnBox {margin-top:40px;} .warning_container .content_wrap .btnBox .btn_type02 {width:230px; display:inline-flex;} /* Mobile */ @media (max-width:980px){ body.warningPage {} .warning_container {} .warning_container .content_wrap {padding-top:170px; background-image:url('../images/bg_info02_m.png'); background-size:190px auto;} .warning_container .content_wrap.bg01 {padding-top:140px; background-image:url('../images/bg_info03_m.png'); background-size:180px auto;} .warning_container .content_wrap .txt01 {font-size:13px; line-height:1.5;} .warning_container .content_wrap .btnBox {margin-top:20px;} .warning_container .content_wrap .btnBox .btn_type02 {width:210px;} } /****************************** *** *** 02 예약 및 결제 07 환불가능옵션 *** ******************************/ .refundableOption .header_container .rBox {position:absolute; right:3px; top:50%; transform:translateY(-50%);} .refundableOption .header_container .rBox .btn {display:inline-block; vertical-align:middle; width:40px; height:40px; color:transparent; overflow:hidden; background:center center no-repeat;} .refundableOption .header_container .rBox .btn.close {background-image: url('../images/ico_cancel02.png');background-size: 14px auto;} .refundable_option{height: 100%;background-color: var(--white);} .refundable_option .body_inner{display: grid;grid-template-rows: 1fr min-content;height: 100%;padding: 20px;box-sizing: border-box;overflow: auto;} .refundable-notice-wrapper {border-radius: 8px;border: 1px solid var(--graye2);padding: 18px;letter-spacing: -1.1px;font-size: 14px;line-height: 20px;} .refundable-notice-wrapper .noticeTxt_type02{margin-top: 30px;padding: 0;} .refundable-notice-top{color: var(--gray24);font-size: 14px;line-height: 20px;} .refundable-notice-top__btn{display: block;color: var(--blue0a) !important;} .refundable-notice-title{color: var(--gray24);font-size: 15px;font-weight: 700;line-height: 20px;} .refundable-notice-list{margin-top: 10px;} /* .refundable-notice-list .pointc02{font-weight: 700;} */ .refundable-notice-list li{color: var(--gray24);line-height: 1.45;font-size: 14px;} .refundable-notice-list > li + li{margin-top: 25px;} .refundable-notice-list .noticeList_type01{margin-top: 10px;} .refundable-notice-list__title{font-size: 14px;} .refundable-terms-wrapper{margin-top: 14px;border-radius: 8px;border: 1px solid var(--graye2);padding: 0 18px;} .refundable-terms-wrapper .lawList_type01 .l_item:last-child .l_content{border-bottom: none;} .refundable-terms-wrapper .lawList_type01 .l_item:last-child .l_content .law_type01{padding-bottom: 13px;} .refundable_option .btn_floating{background-color: var(--white);transition: none;} @media (max-width:980px){ .refundableOption .header_container .title{font-size: 16px;} .refundable_option .body_inner{padding: 14px;} .refundable-notice-wrapper{letter-spacing: -1.4px;} .refundable-notice-wrapper .noticeTxt_type02{margin-top: 18px;padding: 0;font-size: 12px;} .refundable-notice-top{font-size: 12px;} .refundable-notice-title{font-size: 14px;} .refundable-notice-list li{font-size: 12px;} .refundable-notice-list > li + li{margin-top: 18px;} .refundable-notice-list__title{font-size: 12px;} } /****************************** *** *** 02 예약 및 결제 08 네이버플러스 멤버십 추가 적립 *** ******************************/ .p_NplusMembership {} .p_NplusMembership.popup_container .pop_header{padding: 30px 18px 18px;} .p_NplusMembership.popup_container .pop_header .title{color: var(--gray24);font-size: 17px;text-align: center;} .p_NplusMembership.popup_container .pop_inner{width: 300px;} .p_NplusMembership.popup_container .pop_header ~ .pop_body{padding: 0 22px 27px;} .p_NplusMembership.popup_container .pop_close{top: 10px;right: 10px;} .p_NplusMembership .pop_txt02{color: var(--gray24);font-size: 16px;line-height: 22px;letter-spacing: -1px;} /* 카운트다운 */ .countdown-timer-container{position: absolute;top: 60px;left: 0;right: 0;width: 100%;max-width: 900px;margin: 0 auto;z-index: 5100;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);} .countdown-timer-container.--fixed{position: fixed;top: 0;} .countdown-timer{display: flex;justify-content: center;align-items: center;gap: 4px;background-color: #FFF6F5;color: var(--red);font-size: 13px;font-weight: 700;line-height: 32px;letter-spacing: -0.3px;} .countdown-timer::before{content: '';display: inline-block;width: 16px;height: 16px;background: url(../images/ico_timer.svg)no-repeat center/ contain;} /****************************** *** *** 03 마이페이지 > 01 예약확인 *** ******************************/ .rsvList_page .body_inner {background:#fff;} .rsvDetail_page {} .rsvDetail_page .body_inner {padding-bottom:60px;} /* PC */ @media (min-width:981px){ .rsvDetail_page .main_content {background:#fff; padding:75px 30px 50px 368px; position:relative;} .rsvDetail_page .main_content .summary_section {position:absolute; left:30px; top:75px; width:302px;} .rsvDetail_page .main_content .summary_section .write_type01 {margin-top:20px;} .rsvDetail_page .main_content .content_section {} .rsvDetail_page .main_content .content_section ~ .content_section {border-top:1px solid #e2e2e2;} .rsvDetail_page .btnAlign_type01 {margin-top:4px;} } /* Mobile */ @media (max-width:980px){ .rsvDetail_page .body_inner {padding-bottom:30px;} .rsvDetail_page .main_content {} .rsvDetail_page .main_content .summary_section {background:#fff;} .rsvDetail_page .main_content .summary_section .write_type01 {} .rsvDetail_page .main_content .content_section {border:1px solid #e2e2e2; background:#fff; border-radius:8px; box-sizing:border-box; margin:15px 15px 0;} .rsvDetail_page .btnAlign_type01 {margin:10px 15px 0;} } .rsvDetail_page .main_content .summary_section {} .rsvDetail_page .main_content .summary_section .header_type03 {position:absolute; left:0; bottom:100%; margin-bottom:25px;} .rsvDetail_page .main_content .summary_section .content_inner {} .rsvDetail_page .main_content .summary_section .thumbBox {/*background:#f2f2f2;*/ border-radius:10px; overflow:hidden;} .rsvDetail_page .main_content .summary_section .thumbBox .in {height:130px; border-radius:10px; overflow:hidden; position:relative;} .rsvDetail_page .main_content .summary_section .thumbBox img {width:auto; height:100%; position:absolute; left:50%; top:0; transform:translateX(-50%);} .rsvDetail_page .main_content .summary_section .message_wrap {margin-top:20px;} .rsvDetail_page .main_content .summary_section .message_wrap .btnBox {} .rsvDetail_page .main_content .summary_section .message_wrap .inner {margin-top:20px;} .rsvDetail_page .main_content .summary_section .message_wrap .inner .title {margin-bottom:6px; color:#000; font-weight:700; font-size:13px;} .rsvDetail_page .main_content .summary_section .message_wrap .inner .cont {} .rsvDetail_page .main_content .summary_section .message_wrap .inner .cont li {line-height:1.45; color:#858585; font-size:13px;} /* Mobile */ @media (max-width:980px){ .rsvDetail_page .main_content .summary_section {min-height:260px; box-sizing:border-box; padding:68px 24px 24px; position:relative;} .rsvDetail_page .main_content .summary_section .header_type03 {left:24px; top:24px; bottom:auto; margin:0;} .rsvDetail_page .main_content .summary_section .content_inner {position:relative; padding-right:117px; min-height:168px;} .rsvDetail_page .main_content .summary_section .thumbBox {position:absolute; right:0; top:0;} .rsvDetail_page .main_content .summary_section .thumbBox .in {width:107px; height:107px;} .rsvDetail_page .main_content .summary_section .thumbBox img {} .rsvDetail_page .main_content .summary_section .message_wrap {margin-top:25px;} } .rsvDetail_page .main_content .content_section.payment {padding-bottom:18px;} .rsvDetail_page .main_content .content_section.payment .content_inner ~ .content_inner {border-top:1px solid #e2e2e2; margin-top:16px; padding-top:16px;} .rsvDetail_page .main_content .content_section.payment .payment_header {background:#f5f5f5; display:flex; justify-content:space-between; align-items:center; height:50px; padding:0 16px; border-radius:8px; margin-bottom:16px;} .rsvDetail_page .main_content .content_section.payment .payment_header .title {position:relative; font-size:15px; color:#000; font-weight:700;} .rsvDetail_page .main_content .content_section.payment .payment_header .cont {font-size:16px; font-weight:700; color:#ea3627;} .rsvDetail_page .main_content .content_section.payment .payment_header .title.npay {padding-left:57px;} .rsvDetail_page .main_content .content_section.payment .content_inner .feeTable_type02 tbody th, .rsvDetail_page .main_content .content_section.payment .content_inner .feeTable_type02 tbody td{padding-left: 4px;padding-right: 4px;} .rsvDetail_page .main_content .content_section.payment .pointBox {background:#f5f5f5; border-radius:8px; padding:10px 12px;color:#858585;} .rsvDetail_page .main_content .content_section.payment .pointBox-inner {display:flex; justify-content:space-between; column-gap: 16px;} .rsvDetail_page .main_content .content_section.payment .pointBox-inner:not(:first-child) {margin-top: 6px;} .rsvDetail_page .main_content .content_section.payment .pointBox ~ .point-reward{margin-top: 10px;} .rsvDetail_page .main_content .content_section.payment .feeTable_type02 ~ .pointBox {margin-top:10px;} .rsvDetail_page .main_content .content_section.payment .pointBox .tit{color: var(--gray24);font-size: 13px;line-height: 1.5;letter-spacing: -0.8px;} .rsvDetail_page .main_content .content_section.payment .pointBox .tit-inner .ntravel{position: relative;padding-left: 15px;} .rsvDetail_page .main_content .content_section.payment .pointBox .tit-inner .ntravel::before{content: '';display: inline-block;position: absolute;top: 50%;left: 0;width: 12px;height: 12px;background: url(../images/logo_naver02.svg)no-repeat 50% / contain;transform: translateY(-50%);} /* .rsvDetail_page .main_content .content_section.payment .pointBox .tit.npay .tit-inner{position: relative;padding-left: 42.5px;} .rsvDetail_page .main_content .content_section.payment .pointBox .tit.npay .tit-inner::before{content: '';display: inline-block;position: absolute;left: 0;width: 40.5px;height: 18px;background: url(../images/logo_npay_new_03.svg) no-repeat 0 50% / auto 14px;} */ .rsvDetail_page .main_content .content_section.payment .pointBox .sub {display: block;margin-top: 2px;color: var(--gray85);font-size: 12px;line-height: 1.3;letter-spacing: -1px;} .rsvDetail_page .main_content .content_section.payment .pointBox .sub .btn-more {color: var(--green0a);text-decoration: underline;} .rsvDetail_page .main_content .content_section.payment .pointBox .ct {font-size:13px;line-height: 18px;white-space: nowrap;} .rsvDetail_page .main_content .content_section.payment .detailBox {background:#f5f5f5; padding:14px; margin-top:10px;} .rsvDetail_page .main_content .content_section.payment .detailBox .title {text-align:center; color:#ea3627; padding-bottom:10px; border-bottom:1px dashed #e2e2e2; margin-bottom:10px; font-weight:800; font-size:16px;} .rsvDetail_page .main_content .content_section.payment .descTxt01 {line-height:1.4; color:#858585; font-size:12px; margin-top:10px;} .rsvDetail_page .main_content .content_section.payment .descTxt02 {line-height:1.4; color:#000; font-size:14px; margin-top:10px; padding-top:10px; border-top:1px solid #e2e2e2;} .rsvDetail_page .point-reward{position: relative;padding: 10px;background-color: #EBFBF2;} .rsvDetail_page .point-reward__title{padding-left: 19px;background: url(../images/ico_info03.png) no-repeat 0 50% / auto 15px;color: var(--gray24);font-size: 13px;font-weight: 700;line-height: 22px;letter-spacing: -0.5px;} .rsvDetail_page .point-reward__title ~ .point-reward__txt{margin-top: 4px;} .rsvDetail_page .point-reward__btn{position: absolute;top: 0;right: 0;display: inline-flex;align-items: center;padding: 13px 10px;color: var(--green0a);font-size: 13px;font-weight: 700;line-height: 16px;letter-spacing: -0.039px;text-decoration-line: underline;} .rsvDetail_page .point-reward__btn::after{content: '';width: 16px;height: 16px;background: url(../images/ico_arrow_r12.svg) no-repeat 0 0 / contain;} .rsvDetail_page .point-reward__txt{color: var(--gray24);font-size: 13px;line-height: 1.3;letter-spacing: -0.5px;} .rsvDetail_page .point-reward__txt ~ .point-reward__txt{margin-top: 2px;} .rsvDetail_page .point-reward__txt.sub{color: var(--gray85);font-size: 12px;line-height: normal;letter-spacing: -0.3px;} /* Mobile */ @media (max-width:980px){ .rsvDetail_page .main_content .content_section.payment {padding:18px;} .rsvDetail_page .main_content .content_section.payment .payment_header{padding: 0 12px;} .rsvDetail_page .main_content .content_section.payment .pointBox{padding: 10px 12px;} .rsvDetail_page .main_content .content_section.payment .pointBox ~ .point-reward{margin-top: 8px;} .rsvDetail_page .main_content .content_section.payment .pointBox .tit, .rsvDetail_page .main_content .content_section.payment .pointBox .ct{letter-spacing: -1.5px;} /* .rsvDetail_page .main_content .content_section.payment .pointBox .tit.npay .tit-inner{padding-left: 36px;} .rsvDetail_page .main_content .content_section.payment .pointBox .tit.npay .tit-inner::before{width: 36px;height: 18px;background-size: auto 12px;} */ .rsvDetail_page .point-reward__btn{font-size: 12px;} } .rsvDetail_page .main_content .content_section.info {} .rsvDetail_page .main_content .content_section.info .content_inner {padding:22px 0;} .rsvDetail_page .main_content .content_section.info .content_inner ~ .content_inner {border-top:1px solid #e2e2e2;} .plan-info-container{position: relative;height: 160px;margin-top: 8px;padding: 16px;box-sizing: border-box;border-radius: 8px;background-color: var(--grayf4);overflow: hidden;transition: height 0.5s;} .plan-info__heading{color: var(--gray24);font-size: 13px;font-weight: 700;line-height: normal;letter-spacing: -0.3px;} .plan-info__heading ~ .plan-info__contents{margin-top: 10px;} .plan-info__contents{height: calc(100% - 14px);color: var(--gray24);font-size: 13px;line-height: 1.3;letter-spacing: -0.3px;} .plan-info__btn{display: none;position: absolute;left: 0;bottom: 0;width: 100%;z-index: 10;} .plan-info__btn .btn-more{display: flex;justify-content: center;align-items: center;gap: 4px;width: 100%;padding: 12px 0;box-sizing: border-box;color: var(--gray85);font-size: 13px;font-weight: 700;line-height: normal;letter-spacing: -0.3px;background: linear-gradient(180deg, rgba(244, 244, 244, 0.00) -39.41%, #F4F4F4 68.24%);} .plan-info__btn .btn-more::after{content: '';width: 16px;height: 16px;background: url(../images/bg_selectbox03.svg)no-repeat 50% / contain;filter: brightness(3);} .plan-info__bg{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 85px;background: linear-gradient(180deg, rgba(244, 244, 244, 0.00) -39.41%, #F4F4F4 68.24%);} .plan-info-container.--active{height: auto;padding: 16px 16px 42px;} .plan-info-container.--active .plan-info__btn .btn-more{padding: 13px 0;} .plan-info-container.--active .plan-info__btn .btn-more::after{transform: rotate(180deg);} .plan-info-container.--active .plan-info__bg{opacity: 0;} /* PC */ @media (min-width:981px){ .rsvDetail_page .main_content .content_section.info .content_inner:last-child{padding-bottom: 0;} } /* Mobile */ @media (max-width:980px){ .rsvDetail_page .main_content .content_section.info .content_inner {padding:24px 18px;} } .rsvDetail_page .refundable{vertical-align: baseline;} .rsvDetail_page .feeTable_type02 tr.refundable th, .rsvDetail_page .feeTable_type02 tr.refundable td{color: var(--blue0a);} .rsvDetail_page .feeTable_type02 tr.refundable.--strike .refundable-change__txt, .rsvDetail_page .feeTable_type02 tr.refundable.--strike td strong{position: relative;text-decoration: line-through;} .rsvDetail_page .refundable-change{display: flex;align-items: center;gap: 5px;white-space: nowrap;} .rsvDetail_page .refundable-change__txt{display: inline-block;line-height: 20px;vertical-align: middle;} .rsvDetail_page .refundable-change__btn{display: inline-block;vertical-align: middle;height: 20px;line-height: 20px;padding: 0 9px;border: 1px solid var(--blue0a);border-radius: 6px;box-sizing: border-box;font-size: 10px;letter-spacing: -1px;text-align: center;} .rsvDetail_page .refundable-change__limit{display: block;margin-top: 3px;font-size: 10px;letter-spacing: -0.3px;} .rsvDetail_page .write_type01.line .w_item .w_content.blue{color: var(--blue29);} .rsvDetail_page .write_type01.line .w_item .w_content.red{color: var(--red);} .rsvDetail_page .btnAlign_type02{display: flex;justify-content: center;gap: 10px 2px;margin-top: 26px;} .rsvDetail_page .noticeBox{margin-top: 22px;font-size: 14px;color: var(--blue29);} /* Mobile */ @media (max-width:980px){ .rsvDetail_page .btnAlign_type02{flex-direction: column;align-items: center;} .rsvDetail_page .noticeBox{margin-top: 17px;font-size: 13px;letter-spacing: -1.1px;} } /****************************** *** *** 03 마이페이지 > 01 예약확인 > 바우처 *** ******************************/ .voucher_page .body_inner {padding:0 50px;} /* Mobile */ @media (max-width:980px){ .voucher_page .body_inner {padding:0 15px;} } /****************************** *** *** 03 마이페이지 > 02 1대1문의 *** ******************************/ .qnaList_page .body_inner {} .qnaList_page .btnAlign_type03 {background:transparent;} .qnaReg_page {} .qnaReg_page .body_inner {} .qnaDetail_page {} .qnaDetail_page .body_inner {} /****************************** *** *** 03 마이페이지 > 03 FAQ *** ******************************/ .faq_page .body_inner {} .faq_page .faq_content {background:#fff; padding:30px 30px 50px;} .faq_page .faq_content .header_wrap {margin-bottom:23px;} /****************************** *** *** 03 마이페이지 > 04 즐겨찾는호텔 *** ******************************/ .favPage .body_container{display: grid;} .favPage .body_container .body_inner{display: flex;flex-direction: column;} .favPage .header_container .title .btn-desc{background-size: 17px auto;transform: translateY(-1px);} .favPage .tooltip-type3{top: 50px;left: 50%;transform: translateX(-50%);} .favPage .tooltip-type3::before, .favPage .tooltip-type3::after{right: 95px;} .favPage .fav-hotel-tooltip__inner{width: 312px;padding: 32px 11px 28px 17px;box-sizing: border-box;font-size: 13px;font-weight: 400;line-height: 18px;letter-spacing: -1px;text-align: left;} .favPage .noticeTxt_type01{border-bottom: 1px solid var(--graye2);} .favPage .noticeTxt_type01 ~ .fav-notice{margin-top: 10px;} .favPage:not(:has(.fav-list .fav-item)) .fav-notice{display: none;} .favPage:not(:has(.fav-list .fav-item)) .no-fav-data{display: flex;} .favPage:not(:has(.fav-list .fav-item)) .fav-list-wrapper{display: none;} .fav-notice{display: flex;align-items: center;gap: 4px;padding: 11px 16px;border-radius: 10px;background-color: var(--white);color: var(--gray85);font-size: 13px;line-height: 16px;letter-spacing: -0.7px;} .fav-notice::before{content: '';display: block;flex-shrink: 0;width: 18px;height: 18px;background: url(../images/ico_info05.svg)no-repeat 50% / contain;} .no-fav-data{display: none;flex: 1;flex-direction: column;justify-content: center;align-items: center;text-align: center;margin-top: 10px;background-color: var(--white);} .no-fav-heading{color: var(--gray24);font-size: 16px;font-weight: 700;line-height: 1.5;letter-spacing: -0.048px;} .no-fav-heading::before{content: '';display: block;width: 94px;height: 73px;margin: 0 auto 30px;background: url(../images/ico_hotel02.png)no-repeat 50% / contain;} .no-fav-heading ~ .no-fav-txt{margin-top: 4px;} .no-fav-txt{color:var(--gray85);font-size: 14px;line-height: 1.5;letter-spacing: -0.042px;} .no-fav-data .btn_type02{max-width: 285px;margin-top: 30px;} .fav-list-wrapper{margin-top: 8px;padding-bottom: 50px;} .fav-list{display: grid;grid-template-columns: 1fr 1fr;gap: 14px 12px;} .fav-item{position: relative;;display: grid;grid-template-columns: 185px 1fr;gap: 20px;width: 100%;padding: 14px 20px 14px 23px;box-sizing: border-box;border-radius: 10px;background-color: var(--white);} .fav-item::after{content: '';display: block;position: absolute;top: 30px;right: 5px;width: 20px;height: 10px;background: url(../images/ico_arrow_r03.png)no-repeat 0 0 / contain;} .fav-list__thumb__wrapper{position: relative;height: 185px;border-radius: 6px;overflow: hidden;} .fav-list__thumb__wrapper .btn-fav{position: absolute;right: 6px;bottom: 6px;} .fav-list__thumb{aspect-ratio: 1 / 1;} .fav-list__thumb img{width: 100%;height: 100%;object-fit: cover;} .fav-item__info-wrapper{display: grid;row-gap: 33px;padding: 12px 0 10px;} .fav-item__info .infoBox{margin-top: 8px;} .fav-item__info .popular-facility-wrapper{margin-top: 10px;} .fav-item__name{color: var(--black);font-size: 16px;font-weight: 600;letter-spacing: -0.3px;} .fav-item__ename{display: block;margin-top: 3px;color: var(--gray24);font-size: 12px;line-height: 16px;} .fav-item .address{display: block;margin-top: 8px;color:var(--gray85);font-size: 12px;letter-spacing: -0.3px;} .fav-item-price{justify-self: right;} .fav-item-price .price{color: var(--redfc);font-family: Pretendard;font-size: 18px;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: -0.3px;text-align: right;} /* Mobile */ @media (max-width:1100px){ .favPage .tooltip-type3::before, .favPage .tooltip-type3::after{right: 97px;} .fav-list-wrapper{margin-top: 4px;} .fav-list{grid-template-columns: 1fr;gap: 0;} .fav-item{grid-template-columns: 134px 1fr;gap: 17px;border-radius: 0;} .fav-item ~ .fav-item{border-top: 1px solid var(--grayf2);} .fav-list__thumb{aspect-ratio: 133 / 140;} .fav-list__thumb__wrapper{height: 140px;} .fav-list__thumb__wrapper .btn-fav{width: 25px;height: 25px;} .fav-item__info-wrapper{row-gap: 13px;padding: 0;} .fav-item-price .price{font-size: 16px;} .favPage .noticeTxt_type01 ~ .fav-notice{margin-top: 4px;} .fav-notice{align-items: flex-start;padding: 6px 16px;border-radius: 0;} .no-fav-data{margin-top: 0;} .no-fav-heading::before{margin: 0 auto 24px;} .no-fav-data .btn_type02{max-width: 124px;} } /****************************** *** *** 03 마이페이지 > 04 팝업 > 01 환불가능 옵션 취소 *** ******************************/ .p_cancelRefundable {} .p_cancelRefundable.popup_container .pop_header{padding: 30px 18px 18px;} .p_cancelRefundable.popup_container .pop_header .title{color: var(--blue0a);text-align: center;} .p_cancelRefundable.popup_container .pop_inner{width: 300px;} .p_cancelRefundable .pop_txt02{color: var(--gray24);font-size: 15px;line-height: 22px;letter-spacing: -1px;} .p_cancelRefundable .pop_txt02 ~ .pop_txt02{margin: 35px 0 19px;font-weight: 700;text-align: center;} .p_cancelRefundable .pointc02{font-weight: 700;} /****************************** *** *** 04 메인 *** ******************************/ /* PC */ @media (min-width:981px){ .mainPage .mOnly {display:block !important;} } /* Mobile */ @media (max-width:980px){ .mainPage .pcOnly {display:block !important;} } /* PC */ @media (min-width:1101px){ .mainPage .mOnly {display:none !important;} } /* Mobile */ @media (max-width:1100px){ .mainPage .pcOnly {display:none !important;} } .mainPage {background: #FFF;} .mainPage .container{width: 100%;height: auto;} .mainPage .header_container{position: relative;height: auto;} .mainPage .header_inner{position: relative;max-width: 1100px;min-height:60px;margin: 0 auto;} .mainPage .body_container{max-width: 1100px;margin: 0 auto;padding: 0 0 150px;} .mainPage .main_page .body_inner{padding-top: 0;} .mainPage .noticeTxt_type01{border-top: 1px solid #E2E2E2;} .mainPage .memberBox.open .member-info{z-index: 1000;} .mainPage .header_container .logo a{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -10000px;} .mainPage .footer_container .footer_inner{max-width: 1100px;margin: 0 auto;} .mainPage .footer_container .btnLogout{max-width: 1100px;margin: 0 auto;} .main-tab{margin: 50px 0 35px;} .main-tab ul{display: flex; justify-content: center;} .main-tab li a{display: inline-flex;justify-content: center;align-items: center;gap: 8px;padding: 12px;border: 1px solid #F5F7FA;box-sizing: border-box;background: #F5F7FA;color: #858585;font-size: 13px;font-weight: 600;line-height: normal;letter-spacing: -0.3px;} .main-tab li a::before{content: '';width: 18px;height: 18px;background: no-repeat center / 100% auto;} .main-tab li.--active a{border-color: #000;background: #FFF;color: #242424;} .main-tab li:first-child a{border-radius: 4px 0 0 4px;} .main-tab li:first-child a::before{background-image: url(../images/ico_hotel_in.svg);} .main-tab li.--active:first-child a::before{background-image: url(../images/ico_hotel_in_on.svg);} .main-tab li:last-child a{border-radius: 0 4px 4px 0;} .main-tab li:last-child a::before{background-image: url(../images/ico_hotel_out.svg);} .main-tab li.--active:last-child a::before{background-image: url(../images/ico_hotel_out_on.svg);} /* PC */ @media (min-width:1101px){ .main_page .body_inner {width:1100px;} .main-tab li a{min-width: 210px;} } /* Mobile */ @media (max-width:1100px){ .mainPage .body_container{padding-bottom: 100px;} .main-tab{margin: 0 0 20px 0;} .main-tab li {position: relative;border-top: 3px solid #F5F5F5;flex: 1;} .main-tab li.--active:last-child::before, .main-tab li.--active:first-child::before{content: '';display: inline-block;width: 20px;height: 100%;position: absolute;right: -20px;width: 0;height: 0;border-bottom: 19px solid #fff;border-top: 20px solid #f5f7fa;border-left: 15px solid #fff;border-right: 15px solid #f5f7fa;box-sizing: border-box;z-index: 10;} .main-tab li.--active:last-child::before{left: -20px;transform:scale(-1,1)} .main-tab li a{width: 100%;padding: 10px;border: none;border-bottom: 1px solid #E2E2E2;} .main-tab li.--active a{border-bottom: 1px solid transparent;} } .main_page {} .main_page .tab_type04 {} .main_page .topBanner_section {} .main_page .topBanner_section .swiper-slide{cursor: pointer;} .main_page .topBanner_section .header_type07{margin-top: 50px;} .main_page .topBanner_section .banner01 {position:relative;} .main_page .topBanner_section .banner01 img {width:100%;} .main_page .topBanner_section .banner01 picture {width:100%;} .main_page .topBanner_section .banner01 .pcOnly {position:relative;} .main_page .topBanner_section .banner01 .pcOnly .swiper-container {border-radius:8px; overflow:hidden;} .main_page .topBanner_section .banner01 .pcOnly .swiper-button {position:absolute; width:24px; height:42px; margin-top:-21px; text-indent:-999px; color:transparent;} .main_page .topBanner_section .banner01 .pcOnly .swiper-button::after {content:''; position:absolute; left:50%; top:50%; width:8px; height:14px; background:url('../images/btn_control08.png') 0 0 no-repeat; transform:translate(-50%, -50%);} .main_page .topBanner_section .banner01 .pcOnly .swiper-button-prev {left:-33px;} .main_page .topBanner_section .banner01 .pcOnly .swiper-button-next {right:-33px;} .main_page .topBanner_section .banner01 .pcOnly .swiper-button-next::after {background-position-x:-8px;} .main_page .topBanner_section .banner01 .pcOnly .swiper-pagination {font-size:0; left:auto; width:auto; right:25px; bottom:25px;} .main_page .topBanner_section .banner01 .pcOnly .swiper-pagination-bullet {width:7px; height:7px; margin:0 0 0 6px; background:#fff; opacity:0.4;} .main_page .topBanner_section .banner01 .pcOnly .swiper-pagination-bullet-active {opacity:1;} .main_page .topBanner_section .banner02 {position:relative; margin-top:30px;} .main_page .topBanner_section .banner02 img {width:100%;} .main_page .topBanner_section .banner02 .pcOnly {position:relative;} .main_page .topBanner_section .banner02 .pcOnly .swiper-container {border-radius:8px; overflow:hidden;} .main_page .topBanner_section .banner02 .pcOnly .swiper-button {position:absolute; width:20px; height:20px; margin-top:-10px; text-indent:-999px; color:transparent;} .main_page .topBanner_section .banner02 .pcOnly .swiper-button::after {content:''; position:absolute; left:50%; top:50%; width:8px; height:14px; background:url('../images/btn_control08.png') 0 0 no-repeat; margin:-7px 0 0-4px;} .main_page .topBanner_section .banner02 .pcOnly .swiper-button-prev {left:-33px;} .main_page .topBanner_section .banner02 .pcOnly .swiper-button-next {right:-33px;} .main_page .topBanner_section .banner02 .pcOnly .swiper-button-next::after {background-position-x:-8px;} .main_page .topBanner_section .banner02 .pcOnly .swiper-pagination {font-size:0; left:auto; width:auto; right:25px; bottom:25px;} .main_page .topBanner_section .banner02 .pcOnly .swiper-pagination-bullet {width:7px; height:7px; margin:0 0 0 6px; background:#fff; opacity:0.4;} .main_page .topBanner_section .banner02 .pcOnly .swiper-pagination-bullet-active {opacity:1;} .main_page .topBanner_section .banner02 .pcOnly .swiper-pagination {font-size:0; left:auto; width:auto; right:25px; bottom:25px;} .main_page .topBanner_section .banner02 .pcOnly .swiper-pagination-bullet {width:7px; height:7px; margin:0 0 0 6px; background:#fff; opacity:0.4;} .main_page .topBanner_section .banner02 .pcOnly .swiper-pagination-bullet-active {opacity:1;} .main_page .topBanner_section .mOnly {position:relative;} .main_page .topBanner_section .mOnly .swiper-container {border-radius:6px; overflow:hidden;} .main_page .topBanner_section .mOnly .swiper-button {display:none;} .main_page .topBanner_section .mOnly .swiper-pagination {font-size:0; bottom:14px;} .main_page .topBanner_section .mOnly .swiper-pagination-bullet {width:5px; height:5px; margin:0 2px; background:#fff; opacity:0.4;} .main_page .topBanner_section .mOnly .swiper-pagination-bullet-active {opacity:1;} .main_page .mainContent_section {margin-top:60px;} .main_page .mainContent_section .section_inner {} .main_page .mainContent_section .section_inner ~ .section_inner {margin-top:50px;} .main_page .mainContent_section .header_type07 {} .main_page .mainContent_section .tab_type05 {margin-bottom:20px;} .main_page .mainContent_section .itemList_type05 {} .main_page .mainContent_section .itemList_type05 .i_item .thumb img {position:absolute;top: 50%;left:50%;transform: translate(-50%, -50%);width: 100%;height: auto;min-height: 100%;} .main_page .mainContent_section .itemList_type03 {} /* Mobile */ @media (max-width:1100px){ .main_page .body_inner {padding-top:26px;} .main_page .tab_type04 {} /* .main_page .topBanner_section {padding:0 20px;} */ .main_page .topBanner_section .mOnly .swiper-pagination{width: auto;left: 25px;} .main_page .topBanner_section .header_type07{margin-bottom: 12px;} .main_page .topBanner_section .banner01 {padding: 0 20px;} .main_page .topBanner_section .banner01 img {} .main_page .topBanner_section .banner02 {margin-top:21px;} .main_page .topBanner_section .banner02 .swiper-container{border-radius: 0;} .main_page .topBanner_section .banner02 img {} .main_page .mainContent_section {margin-top:50px;} .main_page .mainContent_section .section_inner {} .main_page .mainContent_section .section_inner ~ .section_inner {margin-top:40px;} .main_page .mainContent_section .header_type07 {} .main_page .mainContent_section .tab_type05 {margin-bottom:15px;} .main_page .mainContent_section .itemList_type05 {} .main_page .mainContent_section .itemList_type03 {} .main_page .mainContent_section .itemList_type03 .p_item {width:150px;} .main_page .mainContent_section .itemList_type03 .p_item .thumb {height:150px;} } /* Section : Branding Banner */ .branding-banner .header_type07{margin-top: 80px;} .branding-slide{position: relative;} .branding-slide .swiper-container{overflow: hidden;} .branding-item{display: flex;align-items: center;gap: 10px;height: 115px;padding: 0 15px;box-sizing: border-box;border-radius: 6px;} .branding-item.item1{background-color: #00C4D5;} .branding-item.item2{background-color: #9980FF;} .branding-item.item3{background-color: #009FE2;} .branding-item.item4{background-color: #1773E0;} .branding-item.item5{background-color: #1CB59A;} .branding-item.item6{background-color: #283476;} .branding-item.item7{background-color: #D05539;} .branding-item.item8{background-color: #BB213D;} .branding-item__icon{display: inline-block;width: 70px;height: 70px;border-radius: 50%;font-size: 0;background-repeat: no-repeat;background-position: 0 0;background-size: 100% 100%;} .branding-item.item1 .branding-item__icon{background-image: url(../images/ico_branding_item1.svg);} .branding-item.item2 .branding-item__icon{background-image: url(../images/ico_branding_item2.svg);} .branding-item.item3 .branding-item__icon{background-image: url(../images/ico_branding_item3.svg);} .branding-item.item4 .branding-item__icon{background-image: url(../images/ico_branding_item4.svg);} .branding-item.item5 .branding-item__icon{background-image: url(../images/ico_branding_item5.svg);} .branding-item.item6 .branding-item__icon{background-image: url(../images/ico_branding_item6.svg);} .branding-item.item7 .branding-item__icon{background-image: url(../images/ico_branding_item7.svg);} .branding-item.item8 .branding-item__icon{background-image: url(../images/ico_branding_item8.svg);} .branding-item__text{flex: 1;} .branding-item__title{display: block;color: var(--white);font-size: 22px;font-weight: 600;line-height: 22px;letter-spacing: -1px;} .branding-item__desc{color: var(--white);font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: -1px;} .branding-item__title ~ .branding-item__desc{margin-top: 4px;} /* PC */ @media (min-width:1101px){ .branding-slide .swiper-button::after {content:''; position:absolute; left:50%; top:50%; width:8px; height:14px; background:url('../images/btn_control08.png') 0 0 no-repeat; transform:translate(-50%, -50%);} .branding-slide .swiper-button {position:absolute; width:24px; height:42px; text-indent:-999px; color:transparent;} .branding-slide .swiper-button-prev {left:-33px;} .branding-slide .swiper-button-next {right:-33px;} .branding-slide .swiper-button-next::after {background-position-x:-8px;} .branding-slide .swiper-pagination {display: none;} } /* Mobile */ @media (max-width:1100px){ .branding-banner{margin-top: 35px;} .branding-banner .header_type07{margin: 35px 0 12px;} .branding-slide{padding: 0 20px;} .branding-item{gap: 7px;} .branding-item__desc{letter-spacing: -1.2px;} .branding-banner .swiper-button {display:none;} .branding-banner .swiper-pagination {width: auto;font-size:0; left: initial;right: 29px;bottom:10px;} .branding-banner .swiper-pagination-bullet {width:5px; height:5px; margin:0 2px; background:#fff; opacity:0.4;} .branding-banner .swiper-pagination-bullet-active {opacity:1;} } /* Section : Main Brand */ .banner01 ~ .main-brand{margin-top: 30px;} .main-brand{padding: 20px 34px;border-radius: 6px;background-color: var(--grayf5);} .main-brand__heading{display: block;color: var(--gray24);font-size: 22px;font-weight: 700;letter-spacing: -0.3px;text-align: center;} .main-brand ~ .topBanner_section{margin-top: 40px;} .main-brand-list{display: flex;gap: 12px;max-width: 644px;padding-top: 20px;box-sizing: border-box;margin: 0 auto;overflow-x: auto;} .main-brand-list::-webkit-scrollbar{display: none;} .main-brand-link{display: grid;justify-self: center;align-items: center;gap: 8px;width: 70px;text-align: center;} .main-brand-img{width: 100%;transition: transform 0.3s;} .main-brand-title{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-o-text-oveflow: ellipsis;color: var(--gray24);font-size: 14px;font-weight: 700;letter-spacing: -0.42px;} /* PC */ @media (min-width:1101px){ .main-brand-link:hover .main-brand-img{transform: translateY(-5px);} } /* Mobile */ @media (max-width:1100px){ .banner01 ~ .main-brand{margin-top: 21px;} .main-brand{padding: 20px 0 20px 20px;border-radius: 0;} .main-brand__heading{font-size: 17px;line-height: 19px;text-align: left;} .main-brand ~ .topBanner_section{margin-top: 20px;} .main-brand-item:last-child{padding-right: 20px;} .main-brand-link{width: 58px;} .main-brand-title{font-size: 13px;letter-spacing: -0.39px;} } /****************************** *** *** 05 EventBridge *** ******************************/ .mainPage.EventBridge .container{ background-color: var(--grayf5); } .mainPage.EventBridge .container .header_container:not(:has(.search_inner)) + .body_container { padding-top: 0; } .mainPage.EventBridge .main_page .body_inner{ padding: 50px 0 0; } .mainPage.EventBridge .banner_type01 img{ width: 100%; height: auto; } @media (max-width:1100px){ .mainPage.EventBridge .body_container{ padding-bottom: 80px; } .mainPage.EventBridge .main_page .body_inner{ padding: 26px 0 0; } } /****************************** *** *** 05 기획전 *** ******************************/ .promoPage, .promoPage .container{background-color: var(--white);} .promoPage .header_container{max-width: 100% !important;} .promoPage .noticeTxt_type01{border-bottom: 1px solid #e1e1e1} .promoPage .heading{margin-top: 20px;color: var(--gray24);font-size: 19px;font-weight: 700;letter-spacing: -0.3px;} .promo-tab{margin-top: 15px;} .promo-article{display: none;margin-top: 20px;padding: 15px 0 130px;border-top: 1px solid var(--graye2);box-sizing: border-box;background-color: var(--white);} .promo-article.--active{display: block;} .promo-empty{width: 100%;height: 100%;padding: 20vh 0;box-sizing: border-box;color: var(--gray85);font-size: 15px;font-weight: 700;letter-spacing: -0.3px;text-align: center;} .promo-list{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 30px 20px;} .promo-item{display: grid;row-gap: 8px;} .promo-item.--closed .promo-thumb::before{content: '종료된 이벤트 입니다.';display: flex;justify-content: center;align-items: center;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.50);color: var(--white);font-size: 16px;font-weight: 700;letter-spacing: -0.3px;} .promo-title{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;-o-text-oveflow: ellipsis;color: var(--black);font-size: 15px;font-weight: 600;letter-spacing: -0.3px;} .promo-thumb{position: relative;border-radius: 8px;background-color: var(--graye2);overflow: hidden;} .promo-thumb a{display: block;aspect-ratio: 350 / 150;min-width: 100%;} .promo-thumb__img{width: 100%;height: 100%;object-fit: cover;} .promo-date{color: var(--gray24);font-size: 12px;letter-spacing: -0.3px;text-align: right;} /* PC */ @media (min-width:1101px){ .promo-item:not(.--closed) .promo-thumb:hover .promo-thumb__img{transition: all 0.3s var(--in-sine);transform: scale(1.12);} } /* Mobile */ @media (max-width:1100px){ .promo_page .heading{padding: 0 20px;} .promo-tab{padding: 0 20px;} .promo-article{padding: 20px 11px;} .promo-list{grid-template-columns: 1fr;} } /****************************** *** *** 05 기획전 > 브랜드관 *** ******************************/ .brandhall_page .body_inner{background-color: var(--white);} .brand-hall-header{display: none;} .brand-hall-inner{max-width: 900px;margin: 32px auto 0;} .brand-visual-inner{position: relative;padding: 62px 0;background: rgba(69, 69, 69, 0.3) no-repeat 50% / 100%;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);overflow: hidden;transition: background-image 1s;} .brand-visual-inner::before{content: '';position: absolute;top: -1px;left: -1px;right: -1px;bottom: -1px;background: inherit;filter: blur(5px);z-index: -1;} .brand-visual-inner .heading{display: grid;justify-items: center;gap: 20px;color: var(--white);font-size: 28px;font-weight: 300;line-height: normal;letter-spacing: -0.084px} .brand-visual-inner .heading__img{width: 100%;height: 40px;background: url(../images/bg_brand_heading.svg) no-repeat 50% 0 / contain} .brand-visual .swiper-container{padding-top: 36px;} .brand-visual .swiper-slide-inner{display: block;position: relative;margin: 0 auto;width: 61.0667vw;max-width: 320px;box-sizing: border-box;aspect-ratio: 229 / 260;transition: all 0.5s;} .brand-visual .swiper-slide-inner::before, .brand-visual .swiper-slide-inner::after{content: '';display: block;position: absolute;width: 10px;height: 172px;box-sizing: border-box;} .brand-visual .swiper-slide-inner::before{top: 0;left: -16px;border-left: 1px solid rgba(255, 255, 255, 0.2);} .brand-visual .swiper-slide-inner::after{right: -16px;bottom: 0;border-right: 1px solid rgba(255, 255, 255, 0.2);} .brand-visual .swiper-slide-inner .brand-visual-img{width: 100%;height: 100%;} .brand-visual .brand-visual-bg{display: none;} .brand-hall-tab{position: sticky;top: 0;left: 0;z-index: 100;width: calc(100% + 20px);margin-left: -10px;padding: 16px 0;box-sizing: border-box;background-color: var(--white);} .brand-hall-tab .tab_type08{max-width: 900px;margin: 0 auto;} .brand-article{display: none;padding: 32px 0 150px;box-sizing: border-box;background-color: var(--white);} .brand-article.--active{display: block;} .brand-list{display: grid;grid-template-columns: repeat(2, 1fr);gap: 36px 32px;} .brand-item{display: grid;grid-template-rows: min-content 1fr;border-radius: 10px;box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);cursor: pointer;} .brand-thumb{position: relative;aspect-ratio: 434 / 150;border-radius: 10px 10px 0 0;background-color: var(--graye2);overflow: hidden;} .brand-thumb a{display: block;width: 100%;height: 100%;} .brand-thumb__img{width: 100%;height: 100%;object-fit: cover;} .brand-desc{height: 100%;padding: 12px 20px 20px;box-sizing: border-box;} .brand-info{display: flex;align-items: center;color: var(--gray85);font-size: 14px;line-height: 1.5;letter-spacing: -0.42px;} .brand-info ~ .brand-title{margin-top: 6px;} .brand-grade{display: flex;justify-content: center;align-items: center;} .brand-grade::before{content: '';display: inline-block;width: 1px;height: 1px;margin: 0 2px;background-color: var(--gray85);border-radius: 50%;} .brand-title{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;-o-text-oveflow: ellipsis;color: var(--gray24);font-size: 18px;font-weight: 800;line-height: 1.3;letter-spacing: -0.54px;} .brand-title ~ .brand-tag-wrapper{margin-top: 8px;} .brand-tag-wrapper{display: grid;row-gap: 2px;min-height: 49px;} .brand-tag{color: var(--gray24);font-size: 16px;line-height: 23px;letter-spacing: -0.48px;} .brand-tag::before{content: '#';padding-right: 4px;color: var(--mint);font: inherit;vertical-align: middle;} .brand-tag-wrapper ~ .brand-price-wrapper{margin-top: 20px;} .brand-price-wrapper{display: flex;justify-content: flex-end;align-items: center;} /* .brand-discount-rate{display: inline-block;padding: 0 6px;border-radius: 4px;background-color: var(--mint);color: var(--white);font-size: 13px;font-weight: 700;line-height: 24px;text-align: center;} */ .brand-discount-rate{display: inline-flex;align-items: center;height: 23px;padding: 0 6px;border-radius: 4px;box-sizing: border-box;background-color: var(--mint);color: var(--white);font-size: 13px;font-weight: 700;text-align: center;line-height: 1;} .brand-discount-rate ~ .brand-starting-price{margin-left: 8px;} .brand-starting-price{color: var(--gray85);font-size: 16px;font-weight: 700;line-height: normal;letter-spacing: -0.32px;text-decoration-line: line-through;} .brand-starting-price ~ .brand-discount-price{margin-left: 5px;} .brand-discount-price{color: #FF2424;font-size: 16px;font-weight: 900;letter-spacing: -0.36px;} .brand-discount-price span{margin-right: 1px;font-size: 18px;} .brand-notice{padding: 80px;background-color: var(--grayf4);} .brand-notice .heading{color: var(--gray24);font-size: 28px;font-weight: 800;text-align: center;} .brand-notice .heading ~ .brand-notice-list{margin-top: 36px;} .brand-notice-list{display: grid;row-gap: 12px;max-width: 770px;margin: 0 auto;} .brand-notice-item{position: relative;padding-left: 15px;color: var(--gray24);font-size: 20px;line-height: 1.3;letter-spacing: -0.9px;} .brand-notice-item::before{content: '';position: absolute;top: 13px;left: 0;width: 5px;height: 5px;border-radius: 50%;background-color: var(--gray24);} /* Mobile */ @media (max-width:1100px){ .brandHallPage .header_container{display: none;} .brandHallPage .body_container{padding-top: 60px !important;} .brand-hall-header{display: flex;justify-content: center;align-items: center;position: absolute;top: 0;left: 0;right: 0;height: 60px;z-index: 1000;} .brand-hall-header .heading{color: var(--gray24);font-size: 16px;font-weight: 700;line-height: normal;letter-spacing: -0.048px;} .brand-hall-header .btn-back{position: absolute;top: 50%;left: 20px;transform: translateY(-50%);width: 24px;height: 24px;background: url(../images/ico_arrow_l01.svg) no-repeat 50% / contain;} .brand-hall-inner{margin: 24px auto 0;padding: 0 24px;} .brand-hall-tab{padding: 8px 0;} .brand-visual-inner .heading{gap: 16px;font-size: 20px;} .brand-visual-inner .heading__img{height: 31px;} .brand-visual-inner{padding: 42px 0 27px;background-size: auto 100%;} .brand-visual .swiper-container{padding-top: 24px;} .brand-visual .swiper-slide-inner::before, .brand-visual .swiper-slide-inner::after{height: 130px;} .brand-visual .swiper-slide-inner::before{left: -10px;} .brand-visual .swiper-slide-inner::after{right: -10px;} .brand-hall-tab .tab_type08{width: calc(100% - 20px);} .brand-article{padding: 21px 0 64px;} .brand-list{grid-template-columns: 1fr;row-gap: 32px;} .brand-thumb a{aspect-ratio: 327 / 150;} .brand-info{font-size: 13px;letter-spacing: -0.39px;} .brand-title{font-size: 16px;letter-spacing: -0.48px;} .brand-title ~ .brand-tag-wrapper{margin-top: 6px;} .brand-tag{font-size: 14px;letter-spacing: -0.42px;line-height: 21px;} .brand-tag-wrapper{min-height: 45px;} .brand-tag-wrapper ~ .brand-price-wrapper{margin-top: 16px;} .brand-discount-rate{height: 20px;padding: 0 4px;font-size: 12px;} .brand-starting-price{font-size: 14px;letter-spacing: -0.28px;} .brand-discount-price{font-size: 16px;letter-spacing: -0.32px;} .brand-notice{padding: 50px 24px;background-color: var(--grayf4);} .brand-notice .heading{font-size: 20px;} .brand-notice .heading ~ .brand-notice-list{margin-top: 20px;} .brand-notice-list{display: grid;row-gap: 8px;} .brand-notice-item{padding-left: 7px;font-size: 14px;line-height: 1.4;letter-spacing: -0.56px;} .brand-notice-item::before{content: '';top: 8px;left: 0;width: 3px;height: 3px;} } /****************************** *** *** 99 팝업 *** ******************************/ .p_notice_page .notice_wrap {background:#f7fafd; border-radius:10px; border:1px solid #eff2f5; padding:15px; line-height:1.4; font-size:14px;} .p_chkInOut_page {} .p_chkInOut_page .pop_inner {overflow:hidden;} .p_chkInOut_page .pop_body {padding:0;} .p_chkInOut_page .chkInOut_wrap {display:flex; background:#242424; color:#fff; padding:40px 0 35px;} .p_chkInOut_page .chkInOut_wrap .inner {flex:1; text-align:center;} .p_chkInOut_page .chkInOut_wrap .tit {display:block; font-size:13px; margin-bottom:12px;} .p_chkInOut_page .chkInOut_wrap .cont {display:block; font-size:20px; font-weight:800; position:relative;} .p_chkInOut_page .chkInOut_wrap .inner + .inner .cont::before {content:''; position:absolute; left:0; top:50%; width:40px; height:1px; margin-left:-20px; background:#fff; margin-top:-1px;} .p_chkInOut_page .notice_wrap {padding:26px 28px; text-align:center;} .p_chkInOut_page .notice_wrap .txt01 {font-size:14px; color:#242424; line-height:1.6;} .p_chkInOut_page .notice_wrap .txt02 {font-size:15px; font-weight:600; color:#242424;word-break: keep-all;} .p_chkInOut_page .notice_wrap .txt03 {background:rgba(74,104,189,0.1); color:#00c4d5; padding:10px 14px; border-radius:6px; font-size:12px; line-height:1.4;} .p_chkInOut_page .notice_wrap .txt01 + .txt02 {margin-top:6px;} .p_chkInOut_page .notice_wrap .txt01 + .txt03 {margin-top:16px;} .p_grade_page {} .p_grade_page .header_wrap {padding-bottom:10px; border-bottom:1px solid #e2e2e2e2; position:relative; margin-bottom:8px;} .p_grade_page .header_wrap .title {font-size:15px; color:#000; font-weight:600;} .p_grade_page .header_wrap .price {position:absolute; right:0; top:0; color:#000; font-size:15px;} .p_grade_page .header_wrap .price .n {font-weight:600;} .p_cdnChange_page {} .p_cdnChange_page .pop_inner {width:340px;} .p_cdnChange_page .pop_body {padding-left:30px; padding-right:30px;} .p_cdnChange_page .noticeTxt {font-size:14px; color:#242424; line-height:1.45; text-align:center;} .p_cdnChange_page .notice_wrap {margin-top:14px;} .p_cdnChange_page .notice_wrap .item {} .p_cdnChange_page .notice_wrap .item + .item {margin-top:15px;} .p_cdnChange_page .notice_wrap .item .header_in {background:#00c4d5; height:20px; line-height:20px; text-align:center; font-size:12px; font-weight:700; color:#fff;} .p_cdnChange_page .notice_wrap .item .content_in {display:flex; min-height:40px; box-sizing:border-box; padding:10px 0; justify-content:center; align-items:center; text-align:center; background:#f1f1f1;} .p_cdnChange_page .notice_wrap .item .content_in .ct {font-size:14px; color:#242424; line-height:1.45; position:relative;} .p_cdnChange_page .notice_wrap .item .content_in .ct + .ct {padding-left:36px;} .p_cdnChange_page .notice_wrap .item .content_in .ct + .ct::before {content:''; position:absolute; left:10px; top:50%; width:16px; height:8px; margin-top:-4px; background:url('../images/ico_arrow_r04.png') 0 0 no-repeat; background-size:100% 100%;} .p_cdnChange_page .notice_wrap .item .content_in .ct.sm {font-size:11px;} .p_cdnChange_page .notice_wrap .item .content_in .ct.pt {color:#ea3627;} .p_map_page {} .p_map_page .pop_body {padding:0;} .p_map_page .location_wrap {padding:12px 20px;} .p_map_page .location_wrap .ct {line-height:1.69; color:#858585; font-size:13px; padding-left:20px; position:relative;} .p_map_page .location_wrap .ct::before {content:''; position:absolute; left:0; top:0; width:12px; height:15px; background:url('../images/ico_map01.png') 0 0 no-repeat; background-size:100% 100%;} .p_map_page .map_wrap {background:#d9d9d9;} /* PC */ @media (min-width:981px){ .p_map_page .pop_inner {width:650px;} .p_map_page .map_wrap {height:342px;} } /* Mobile */ @media (max-width:980px){ .p_map_page {} .p_map_page .pop_inner {} .p_map_page .pop_body {display:flex; flex-direction:column;} .p_map_page .location_wrap {} .p_map_page .map_wrap {flex:auto;} } .p_srhMap_page {} .p_srhMap_page .pop_body {padding:0;} .p_srhMap_page .search_wrap {position:relative; border-bottom:1px solid #e2e2e2; padding-left:44px;} .p_srhMap_page .search_wrap::before {content:''; position:absolute; left:18px; top:50%; width:14px; height:14px; margin-top:-7px; background:url('../images/ico_search02.png') 0 0 no-repeat; background-size:100% 100%;} .p_srhMap_page .search_wrap input {display:block; width:100%; border:0; background:transparent; padding:0; font-size:15px; height:54px; color:#242424;} .p_srhMap_page .cityList_section {padding:20px;} .p_srhMap_page .cityList_section .section_inner {} .p_srhMap_page .cityList_section .section_inner ~ .section_inner {margin-top:40px;} .p_srhMap_page .cityList_section .title {font-size:17px; font-weight:600; color:#242424; margin-bottom:20px;} .p_srhMap_page .cityList_section .content_wrap {} .p_srhMap_page .cityList_section .content_wrap ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 -3px;} .p_srhMap_page .cityList_section .content_wrap ul::after {content:''; display:block; flex:auto;} .p_srhMap_page .cityList_section .content_wrap li {width:33.33%; padding:0 3px; box-sizing:border-box;} .p_srhMap_page .cityList_section .content_wrap li:nth-child(n+4) {margin-top:6px;} .p_srhMap_page .cityList_section .content_wrap li .in {display:flex; justify-content:center; align-items:center; text-align:center; font-size:14px; color:#242424; border:1px solid var(--graye2); border-radius:10px; height:40px; box-sizing:border-box; padding:5px;} /* Main Page Popup : 여행지변경 */ .mainPage .p_srhMap_page .major-city{display: inline-flex;align-items: center;gap: 10px;width: 100%;padding: 25px 20px 10px;box-sizing: border-box;font-size: 15px;font-weight: 700;color: var(--mint);} .mainPage .p_srhMap_page .major-city::before{content: '';width: 12px;height: 15px;background: url(../images/ico_map01.png)no-repeat 0 0 / contain;} .mainPage .p_srhMap_page .cityList_section .title {font-size:15px; font-weight:700; color:#242424; margin-bottom:20px;} /* PC */ @media (min-width:981px){ .p_srhMap_page .pop_inner {width:394px;} .p_srhMap_page .pop_body {max-height:446px;} } /* Mobile */ @media (max-width:1100px){ } /* PC */ @media (min-width:1101px){ .mainPage .p_srhMap_page .pop_inner {width:394px;} .mainPage .p_srhMap_page .pop_body {max-height:446px;} } /* Main Page Popup : 숙박일정 */ /* PC */ @media (min-width:1101px){ .mainPage .calendar_container {background:#fff; border:1px solid #e2e2e2; border-radius:10px; box-shadow:0 2px 14px rgba(133,133,133,0.14); position:absolute; left:0; top:100%; z-index:9000; display:none;} .mainPage .calendar_container .cal_inner {flex:1; box-sizing:border-box; width:385px;} .mainPage .fullLayer_container.isFixed.p_calendar_page .pop_inner{margin-left: -260px;} .mainPage .fullLayer_container.isFixed.p_calendar_page .pop_body{max-height: 524px !important;} .mainPage .calendar_container{display: flex;position: static;} } /* Mobile */ @media (max-width:1100px){ .mainPage .fullLayer_container {padding:0;} .mainPage .fullLayer_container .pop_inner {position:absolute; left:20px; right:20px; top:20px; bottom:20px; width:auto; border-radius:0; padding-top:60px;} .mainPage .fullLayer_container .pop_header {padding:0; height:60px; box-sizing:border-box;} .mainPage .fullLayer_container .pop_header .title {font-size:17px;} .mainPage .fullLayer_container .pop_close {right:10px; top:17px;} .mainPage .calendar_container{display: block;position: static;border: none;box-shadow: none;} .mainPage .calendar_container .cal_inner {width: auto} .mainPage .fullLayer_container .pop_inner {position:absolute; left:20px; right:20px; top:20px; bottom:20px; width:auto; border-radius:10px; padding-top:60px;} } /* Main Page Popup : 숙박인원 */ .mainPage .userCount_container .uCnt_btn {text-align: center;margin-top: 24px;} .mainPage .userCount_container .uCnt_btn > button{width: 140px;} .mainPage .userCount_container {display:block;position: static;border: none;box-shadow: none;} /* PC */ @media (min-width:1101px){ .mainPage .fullLayer_container.p_userCount_page .pop_inner {width:354px; left:auto; right:50%; margin:0 -513px 0 0;} .mainPage .userCount_container .uCnt_age .inner {gap: 8px;} .mainPage .userCount_container .uCnt_age .inner .inBox{flex: 1;max-width: 74px;padding: 0;} .mainPage .userCount_container .uCnt_age .valTxt{padding: 0 23px 0 15px;} .mainPage .userCount_container .uCnt_age .valTxt::after{right: 12px;} } /* Mobile */ @media (max-width:1100px){ } .p_verify_page{} .p_verify_page .pop_inner{width: 360px;} .p_verify_page .pop_header{padding: 29px 22px 14px 22px;} .p_verify_page .header_wrap .title{margin-bottom: 8px;font-weight: 700;} .p_verify_page .pop_header .title{color: var(--festaKeyColor1);font-size: 15px;font-weight: 600;line-height: 22px;letter-spacing: -0.3px;text-align: center;} .p_verify_page .btn_wrap {text-align:center; margin-top:25px;} .p_verify_page .btn_wrap .btn {display:inline-flex; justify-content:center; align-items:center; font-size:16px; font-weight:600; color:#fff; background:var(--festaKeyColor1); border-radius:10px; height:50px; padding: 0 24px; position:relative;letter-spacing: -1px;} .p_verify_page .notice-list.dotted li{line-height: 20px;letter-spacing: -.5px;} /* 팝업 : 네이버페이 서비스중단 */ .p_payclose_page{} .p_payclose_page.popup_container .pop_header{padding: 34px 0 12px;text-align: center;} .p_payclose_page.popup_container .pop_inner{width: 500px;margin-top: -130px;} .p_payclose_page.popup_container .pop_header .title{font-size: 14px;font-weight: 700;line-height: 1.5;letter-spacing: -0.5px;text-align: center;} .p_payclose_page.popup_container .pop_body{padding: 0 26px 30px;} .p_payclose_page.popup_container .pop_body .pop_txt03{font-size: 14px;font-weight: 400;line-height: 1.5;letter-spacing: -0.7px;text-align: left;} .p_payclose_page.popup_container .pop_body .pop_txt03 ~ .pop_txt03{margin-top: 20px;} .p_payclose_page.popup_container .pop_body .pop_txt03 ~ .pop-notilist{margin-top: 16px;} .p_payclose_page.popup_container .pop-notilist{display: flex;flex-direction: column;row-gap: 6px;} .p_payclose_page.popup_container .pop-notiitem{color: var(--gray24);font-size: 14px;line-height: 1.5;letter-spacing: -0.5px;} .p_payclose_page.popup_container .pop-notiitem br{display: none;} .p_payclose_page.popup_container .pop-notiitem b{font-weight: 700;white-space: nowrap;} .p_payclose_page.popup_container .pop-notiitem .pointc02{color: #EB5B54;} .p_payclose_page.popup_container .pop_close{top: 10px;right: 10px;filter: brightness(6);} .p_payclose_page.popup_container .pop_button .btn{border-color: #D8D8D8;font-size: 14px;} /* Mobile */ @media (max-width:1100px){ .p_payclose_page.popup_container .pop_inner{width: 300px;margin-top: 0;} .p_payclose_page.popup_container .pop_body .pop_txt03{letter-spacing: -0.5px;} .p_payclose_page.popup_container .pop_body .pop_txt03 ~ .pop-notilist{margin-top: 20px;} .p_payclose_page.popup_container .pop_body .pop-notilist + .pop_txt03{margin-top: 12px;} .p_payclose_page.popup_container .pop-notilist{row-gap: 8px;} .p_payclose_page.popup_container .pop-notiitem{display: flex;gap: 2px;} .p_payclose_page.popup_container .pop-notiitem br{display: block;} } /* 팝업 : 서비스중단 */ .p_serviceclose_page{} .p_serviceclose_page.popup_container .pop_header{padding: 34px 0 12px;text-align: center;} .p_serviceclose_page.popup_container .pop_inner{width: 500px;margin-top: -130px;} .p_serviceclose_page.popup_container .pop_header .title{font-size: 14px;font-weight: 700;line-height: 1.5;letter-spacing: -0.5px;text-align: center;} .p_serviceclose_page.popup_container .pop_body{padding: 0 26px 30px;} .p_serviceclose_page.popup_container .pop_body .pop_txt02, .p_serviceclose_page.popup_container .pop_body .pop_txt03{font-size: 14px;font-weight: 400;line-height: 1.5;letter-spacing: -0.7px;text-align: left;} .p_serviceclose_page.popup_container .pop_body .pop_txt03 ~ .pop_txt03{margin-top: 16px;} .p_serviceclose_page.popup_container .pop_body .pop_txt03 ~ .pop-notilist{margin-top: 16px;} .p_serviceclose_page.popup_container .pop-notilist{display: flex;flex-direction: column;row-gap: 8px;} .p_serviceclose_page.popup_container .pop-notiitem{color: var(--gray24);font-size: 14px;line-height: 1.5;letter-spacing: -0.5px;} .p_serviceclose_page.popup_container .pop-notiitem br{display: none;} .p_serviceclose_page.popup_container .pop-notiitem b{font-weight: 700;white-space: nowrap;} .p_serviceclose_page.popup_container .pop-notiitem .pointc02{color: #EB5B54;} .p_serviceclose_page.popup_container .pop_close{top: 10px;right: 10px;filter: brightness(0.7);} .p_serviceclose_page.popup_container .pop_button .btn{border-color: #D8D8D8;color: #858585;font-size: 14px;font-weight: 700;} /* Mobile */ @media (max-width:1100px){ .p_serviceclose_page.popup_container .pop_inner{width: 300px;margin-top: 0;} .p_serviceclose_page.popup_container .pop_body .pop_txt03{letter-spacing: -0.5px;} .p_serviceclose_page.popup_container .pop_body .pop_txt03 ~ .pop_txt03{margin-top: 12px;} .p_serviceclose_page.popup_container .pop_body .pop_txt03 ~ .pop-notilist{margin-top: 12px;} .p_serviceclose_page.popup_container .pop_body .pop-notilist + .pop_txt03{margin-top: 12px;} .p_serviceclose_page.popup_container .pop-notilist{row-gap: 10px;} .p_serviceclose_page.popup_container .pop-notiitem{display: flex;flex-direction: column;gap: 2px;} .p_serviceclose_page.popup_container .pop-notiitem br{display: block;} } /* 팝업 : 광고 이미지 팝업 */ .p_imgAD_page.popup_container .pop_body{padding: 0;border-radius: 20px 20px 0 0;overflow: hidden;} .p_imgAD_page.popup_container .pop_body__img{display: block;} .p_imgAD_page.popup_container .pop_body__img img{width: 100%;} /* 팝업 : 숙박세일페스타 쿠폰선택완료 */ .p_fcouponSelect{} .fcoupon-select-wrapper{padding: 34px 19px 30px;} .fcoupon-select__title{display: block;color: var(--festaKeyColor2);text-align: center;font-size: 16px;font-weight: 700;line-height: 21px;letter-spacing: -0.3px;} .fcoupon-select__title ~ .fcoupon-wrapper{margin-top: 16px;} .fcoupon-select__desc{margin-top: 16px;} .fcoupon-select__txt{color: var(--gray24);text-align: center;font-feature-settings: 'case' on;font-family: NanumSquare;font-size: 14px;font-weight: 700;line-height: 21px;letter-spacing: -0.3px;} .fcoupon-select__txt.gray{color: var(--gray85);font-weight: 400;} .fcoupon-select__txt ~ .fcoupon-select__txt{margin-top: 4px;} .fcoupon-close__title{display: block;padding-top: 34px;color: var(--gray24);text-align: center;font-size: 14px;font-weight: 700;line-height: 21px;letter-spacing: -0.3px;} .popup_container .pop_body .fcoupon-close__title ~ .pop_txt01{padding-top: 16px;} .p_fcouponSelect .fcoupon{padding: 10px 59px 10px 10px;} .p_fcouponSelect .fcoupon::before{right: -5px;} .p_fcouponSelect.festa-regional .fcoupon__inner{min-height: 107px;} .p_fcouponSelect.festa-regional .fcoupon__txt ~ .fcoupon__price{margin-top: 4px;} .p_fcouponSelect.festa-regional .fcoupon__txt2{display: none;} .p_fcouponSelect.festa-regional .fcoupon__price, .p_fcouponSelect.festa-regional .fcoupon__price span{font-size: 27.273px;} .p_fcouponSelect.festa-regional .fcoupon-select__txt span{font-size: 16px} /* 팝업 : 예약 유도 팝업 */ .p_bookingRemind_page{} .p_bookingRemind_page.popup_container .pop_header{padding: 34px 30px 18px;} .p_bookingRemind_page.popup_container .pop_header ~ .pop_close{top: 10px;right: 10px;} .p_bookingRemind_page.popup_container .pop_header .title{color: var(--gray24);font-size: 18px;font-style: normal;font-weight: 700;line-height: 26px;letter-spacing: -0.3px;} .p_bookingRemind_page.popup_container .pop_body{padding: 0 30px 30px;} .p_bookingRemind_page .alert-txt{color: var(--gray24);font-size: 16px;font-style: normal;line-height: 23px;letter-spacing: -0.7px;} .p_bookingRemind_page .alert-txt ~ .alert-txt{margin-top: 21px; } .p_bookingRemind_page .alert-txt-wrapper ~ .booking-benefit-wrapper{margin-top: 20px;} .p_bookingRemind_page .booking-benefit-list{display: grid;row-gap: 8px;} .p_bookingRemind_page .booking-benefit-item{display: flex;align-items: center;gap: 2px;padding: 8px 6px;border-radius: 10px;background-color: #EEFAFB;color: var(--gray24);font-size: 14px;font-weight: 700;line-height: normal;letter-spacing: -1.4px;word-break: keep-all;} .p_bookingRemind_page .booking-benefit-item::before{content: '';width: 20px;height: 20px;background: url(../images/ico_rpoint_title.svg)no-repeat center top 5px / 14px auto;} @media (min-width:1101px){ .p_bookingRemind_page.popup_container .pop_inner{width: 500px;} } @media (max-width:1100px){ .p_bookingRemind_page.popup_container .pop_header .title{font-size: 18px;line-height: 21px;} .p_bookingRemind_page .alert-txt{font-size: 14px;line-height: 21px;} .p_bookingRemind_page .booking-benefit-item{padding: 6px;font-size: 13px;} .p_bookingRemind_page .booking-benefit-item::before{background-position: center top 4px;} } /* 팝업 : 로그아웃 */ #divLogoutPopup{z-index: 9100;} /****************************** *** *** 99 기타 *** ******************************/ .salefesta_container {display:none; position:fixed; left:0; right:0; top:0; bottom:0; justify-content:center; align-items:center; z-index:9000; background:rgba(0,0,0,0.8);} .salefesta_container .salefesta_inner {text-align:center; color:#fff;} .salefesta_container .coupon_wrap {position:relative;} .salefesta_container .coupon_wrap ~ .coupon_wrap {margin-top:72px;} .salefesta_container .coupon_wrap .couponBox {color:transparent; text-indent:-999px;margin:0 auto;} .salefesta_container .coupon_wrap .couponBox.cp01 {width: 356px;height: 189px;background: url(../images/img_coupon5.svg) no-repeat center / contain} .salefesta_container .coupon_wrap .couponBox.cp02 {width: 464px;height: 158px;background: url(../images/img_coupon3.svg) no-repeat center / contain} .salefesta_container .coupon_wrap .couponBox.cp03 {width: 464px;height: 158px;background: url(../images/img_coupon2.svg) no-repeat center / contain} .salefesta_container .coupon_wrap .txtBox {text-align: center;font-size: 14px;font-weight: 600;line-height: 19px;letter-spacing: -1px;color:#fff; margin-top:18px;} .salefesta_container .coupon_wrap .btnBox {margin-top:28px;} .salefesta_container .coupon_wrap .btnBox .btn {display:inline-flex; padding:0 37px 0 22px; height:35px; justify-content:center; align-items:center; position:relative; background:var(--festaKeyColor1); border-radius:8px;font-size: 15px;font-weight: 600;} .salefesta_container .coupon_wrap .btnBox .btn::after {content:''; position:absolute; right:22px; top:50%; width:12px; height:13px; margin-top:-7px; background:url('../images/ico_download01.png') 0 0 no-repeat; background-size:100% 100%;} .salefesta_container .coupon_wrap .btnClose {position:absolute; right:5px; top:-50px; width:16px; height:16px; color:transparent; text-indent:-999px; background:url('../images/ico_cancel04.png') 0 0 no-repeat; background-size:100% 100%;} .salefesta_container.visible {display:flex;} /* Mobile */ @media (max-width:980px){ .salefesta_container .coupon_wrap{max-width: 360px;word-break: keep-all;font-size: 12px;} .salefesta_container .coupon_wrap .couponBox{} .salefesta_container .coupon_wrap .couponBox.cp01 {width: 241px;height: 132px;} .salefesta_container .coupon_wrap .couponBox.cp02 {width: 316px;height: 108px;} .salefesta_container .coupon_wrap .couponBox.cp03 {width: 316px;height: 108px;} } .event_type230523 {} .event_type230523 .section_inner {border:2px solid #00c4d5; border-radius:10px; padding:14px; background:#fff;} .event_type230523 .notiTxt {color:#242424; font-size:12px; margin-bottom:12px;} .event_type230523 .notiTxt .pt01 {color:#00a8b7;} .event_type230523 .notiTxt .pt02 {text-decoration:underline;} .event_type230523 .law_wrap {} .event_type230523 .law_wrap .a_item {border:1px solid #d3d3d3; padding:15px; position:relative; background:#f5f5f5;} .event_type230523 .law_wrap .a_item ~ .a_item {margin-top:20px;} .event_type230523 .law_wrap .content_in {position:relative;} .event_type230523 .law_wrap .content_in .chkBox04 .c_name {color:#00a8b7; font-size:12px;} .event_type230523 .law_wrap .content_in .chkBox04 .c_name .pt {color:#f61d36;} .event_type230523 .law_wrap .content_in .btnMore {position:absolute; right:0; top:50%; color:#8c8c8c; line-height:20px; margin-top:-10px; padding-right:12px; font-size:12px;} .event_type230523 .law_wrap .content_in .btnMore::after {content:''; position:absolute; right:0; top:50%; width:9px; height:6px; margin-top:-3px; background:url('../images/ico_arrow_b04.png') 0 0 no-repeat; background-size:100% 100%;} .event_type230523 .law_wrap .detail_in {display:none; margin-top:7px;} .event_type230523 .law_wrap .detail_in .table {background:#fff;} .event_type230523 .law_wrap .detail_in .table th, .event_type230523 .law_wrap .detail_in .table td {border:1px solid #d3d3d3; height:25px; padding:5px 6px; font-size:11px; color:#000;} .event_type230523 .law_wrap .detail_in .table th {background:#e8e8e8; text-align:center;} .event_type230523 .law_wrap .detail_in .table td {text-align:left;} .event_type230523 .law_wrap .detail_in .txt {font-size:11px; color:#000;} .event_type230523 .law_wrap .detail_in .table ~ .txt {margin-top:7px;} .event_type230523 .law_wrap .a_item.open {} .event_type230523 .law_wrap .a_item.open .content_in .btnMore::after {transform:rotate(180deg);} .event_type230523 .law_wrap .a_item.open .detail_in {display:block;} .event_type230523 .agree_wrap {text-align:center; margin-top:16px;} .event_type230523 .agree_wrap .chkBox04 .c_name {font-size:12px;} .event_type230523 .agree_wrap .chkBox04 ~ .chkBox04 {margin-left:17px;} .event_type230523 .area_wrap {background:#f5f5f5; margin-top:16px; padding:14px; text-align:center;} .event_type230523 .area_wrap .header_in {display:inline-block; vertical-align:middle; color:#000; font-size:13px;} .event_type230523 .area_wrap .header_in .pt {color:#f61d36;} .event_type230523 .area_wrap .content_in {display:inline-block; vertical-align:middle; margin-right:5px;} .event_type230523 .area_wrap .content_in .selectBox01 {width:160px;} .event_type230523 .area_wrap .content_in .selectBox01 .valTxt {background:#fff;} .event_type230523 .area_wrap .txt01 {margin-top:9px; color:#f61d36; font-size:13px;} .event_type230523 .area_wrap .txt02 {margin-top:4px; color:#717171; font-size:13px;} .event_type230523 .btn_wrap {text-align:center; margin-top:25px;} .event_type230523 .btn_wrap .btn {display:inline-flex; justify-content:center; align-items:center; font-size:16px; font-weight:600; color:#fff; background:var(--festaKeyColor1); border-radius:10px; height:50px; padding: 0 24px; position:relative;} /* .event_type230523 .btn_wrap .btn::after {content:''; position:absolute; right:24px; top:50%; width:8px; height:11px; margin-top:-6px; background:url('../images/ico_arrow_r05_m.png') 0 0 no-repeat; background-size:100% 100%;} */ /* Mobile */ @media (max-width:980px){ .event_type230523 {} .event_type230523 .section_inner {border-radius:6px; padding:17px 7px;} .event_type230523 .notiTxt {margin:0 9px 5px;} .event_type230523 .notiTxt .pt01 {color:#00a8b7;} .event_type230523 .notiTxt .pt02 {text-decoration:underline;} .event_type230523 .law_wrap {} .event_type230523 .law_wrap .a_item {padding:14px 9px;} .event_type230523 .law_wrap .a_item ~ .a_item {} .event_type230523 .law_wrap .content_in {} .event_type230523 .law_wrap .content_in .chkBox04 .c_name {} .event_type230523 .law_wrap .content_in .chkBox04 .c_name .pt {} .event_type230523 .law_wrap .content_in .btnMore {} .event_type230523 .law_wrap .content_in .btnMore::after {} .event_type230523 .law_wrap .detail_in {} .event_type230523 .law_wrap .detail_in .table {} .event_type230523 .law_wrap .detail_in .table th, .event_type230523 .law_wrap .detail_in .table td {} .event_type230523 .law_wrap .detail_in .table th {} .event_type230523 .law_wrap .detail_in .table td {} .event_type230523 .law_wrap .detail_in .txt {} .event_type230523 .law_wrap .a_item.open {} .event_type230523 .law_wrap .a_item.open .detail_in {} .event_type230523 .area_wrap {} .event_type230523 .area_wrap .header_in {display:block; margin:0 0 8px;} .event_type230523 .area_wrap .header_in .pt {} .event_type230523 .area_wrap .content_in {display:block;} .event_type230523 .area_wrap .content_in .selectBox01 {display:block; width:175px; margin:0 auto;} .event_type230523 .area_wrap .content_in .selectBox01 .valTxt {} .event_type230523 .area_wrap .content_in .selectBox01 ~ .selectBox01 {margin-top:8px;} .event_type230523 .area_wrap .txt01 {font-size:12px;} .event_type230523 .area_wrap .txt02 {margin-top:10px; font-size:12px;} .event_type230523 .agree_wrap .chkBox04 .c_name {} .event_type230523 .agree_wrap .chkBox04 ~ .chkBox04 {} .event_type230523 .area_wrap {} .event_type230523 .btn_wrap {margin-top:22px; padding:0 7px;} .event_type230523 .btn_wrap .btn {display:flex; padding:0 15px; box-sizing: border-box; margin:0 auto; width:280px; font-size:14px;} /* .event_type230523 .btn_wrap .btn::after {right:20px;} */ } .event230523_page {background:#fff;} .event230523_page .body_inner {padding-bottom:100px;} .event230523_page .mainBanner_wrap {height:356px; color:transparent; text-indent:-999px; background:#92d0ff url('../images/event/230523/img_banner01.jpg') center center no-repeat; margin-bottom:22px;} /* PC */ @media (min-width:981px){ .event230523_page .mainBanner_wrap {} .event230523_page .salefesta_section {width:605px; margin:0 auto;} } /* Mobile */ @media (max-width:980px){ .event230523_page .mainBanner_wrap {height:260px; background-image:url('../images/event/230523/img_banner01_m.jpg'); background-size:auto 100%;} .event230523_page .salefesta_section {margin:0 26px;} } /* 서비스 점검 안내 */ body:has(.maintenance_page){background-color: var(--white);} .container:has(.maintenance_page){display: flex;justify-content: center;align-items: center;height: 100%;} .maintenance_page{display: flex;justify-content: center;align-items: center;padding: 0;background-color: var(--white);} .maintenance-content{padding: 20px 0;text-align: center;} .maintenance-title{margin-bottom: 24px;color: #004BBA;font-size: 32px;font-weight: 800;line-height: 150%;letter-spacing: -0.5px;} .maintenance-title::before{content: '';display: block;width: 80px;height: 80px;margin: 0 auto 24px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cpath d='M40 40V25M40 51.1182V51.25M70 40C70 56.5685 56.5685 70 40 70C23.4315 70 10 56.5685 10 40C10 23.4315 23.4315 10 40 10C56.5685 10 70 23.4315 70 40Z' stroke='%23004BBA' stroke-width='6.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: contain} .maintenance-text{color: #565656;font-size: 18px;line-height: 160%;letter-spacing: -0.5px;} .maintenance-box{width: 548px;margin: 32px auto;padding: 40px 0;border-top: 1px solid #E2E2E2;border-bottom: 1px solid #E2E2E2;box-sizing: border-box;background: #F7F8FA;} .maintenance-box__list{display: grid;gap: 36px;} .maintenance-box__title{color: #004BBA;font-size: 18px;font-weight: 700;line-height: 150%;letter-spacing: -0.5px;} .maintenance-box__title + .maintenance-box__text{margin-top: 12px;} .maintenance-box__text{color: #242424;font-size: 18px;line-height: 150%;letter-spacing: -0.3px;} .maintenance-box__text.bold{font-weight: 700;} /* Mobile */ @media (max-width:1100px){ .maintenance-title{margin-bottom: 20px;font-size: 24px;} .maintenance-title::before{width: 47px;height: 47px;margin: 0 auto 20px;} .maintenance-text{font-size: 14px;} .maintenance-box{max-width: 327px;margin: 24px 0;padding: 32px 0;} .maintenance-box__list{gap: 24px;} .maintenance-box__title{font-size: 14px;} .maintenance-box__title + .maintenance-box__text{margin-top: 6px;} .maintenance-box__text{font-size: 14px;} } /********************************************** *** *** 99 기타 : 숙박세일페스타 이벤트 페이지 *** **********************************************/ /* PC */ @media (min-width:981px){ .festaEvent .mOnly {display:block !important;} } /* Mobile */ @media (max-width:980px){ .festaEvent .pcOnly {display:block !important;} } /* PC */ @media (min-width:1101px){ .festaEvent .mOnly {display:none !important;} } /* Mobile */ @media (max-width:1100px){ .festaEvent .pcOnly {display:none !important;} } /* Page : 숙박세일페스타 호텔리스트 */ .festaEvent {background: #FFF;} .festaEvent .container{width: 100%;height: auto;} .festaEvent .header_container{position: relative;height: auto;border-bottom: 1px solid transparent;} .festaEvent .header_inner{position: relative;max-width: 1100px;min-height:60px;margin: 0 auto;} .festaEvent .body_container{max-width: 1100px;margin: 0 auto;padding: 0 0 72px;} .festaEvent .body_inner{padding-top: 0;} .festaEvent .memberBox.open .member-info{z-index: 1000;} .festaEvent .header_container .logo a{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -10000px;} .festaEvent .footer_container .footer_inner{max-width: 1100px;margin: 0 auto;} .festaEvent .footer_container .btnLogout{max-width: 1100px;margin: 0 auto;} .festaEvent .festa-main{max-width: 1100px;margin: 0 auto;margin-top: 29px;} .festa-banner__img{width: 100%;height: auto;} .festaEvent .tab_type01{margin: 26px 0;} .festaEvent .tab_type01 li{flex: 1 1 auto;} /* PC */ @media (min-width:1101px){ .festaEvent .body_inner {width:1100px;} .festaEvent .event_type230523 .section_inner{padding: 18px 50px 16px 50px;} .festaEvent .event_type230523 .notiTxt{max-width: 846px;margin: 0 auto 12px;font-size: 15px;} .festaEvent .event_type230523 .law_wrap .content_in .chkBox04 .c_name{font-size: 14px;} .festaEvent .event_type230523 .law_wrap .a_item.open .detail_in{margin-top: 20px} .festaEvent .event_type230523 .law_wrap .detail_in .table th, .festaEvent .event_type230523 .law_wrap .detail_in .table td{font-size: 14px;} .festaEvent .event_type230523 .agree_wrap .chkBox04 .c_name{font-size: 14px;} .festaEvent .event_type230523 .law_wrap .detail_in .txt{font-size: 14px;} .festaEvent .event_type230523 .law_wrap .detail_in .table ~ .txt{margin-top: 10px;} } /* Mobile */ @media (max-width:1100px){ .festaEvent .noticeTxt_type01{border-bottom: 1px solid #e1e1e1} .festaEvent .body_container{padding-bottom: 25px;} .festaEvent .festa-main{margin-top: 13px;} .festaEvent .event_type230523 {margin: 0 16px;} .festaEvent .tab_type01{margin: 19px 0 22px;} .festaEvent .hotel-list-wrapper{padding: 0 19px;} } /* Page : 숙박세일페스타 기획전 */ /* Mobile */ @media (max-width:1100px){ .festaPromotion .noticeTxt_type01{border-bottom: 1px solid #e1e1e1;} } /* Page : 숙박세일페스타 */ .fCouponDown{font-family: 'pretendard';} .fCouponDown .noticeTxt_type01{border-bottom: 1px solid var(--graye2);} .fCouponDown .loadingUI{background-color: rgba(255,255,255,0.8);} .festa-section{padding: 64px 24px;} .festa-section.bg1{background-color: var(--festaKeyBgColor1);} .festa-section.bg2{background-color: var(--festaKeyBgColor2);} .festa-section.bg3{background-color: var(--festaKeyBgColor3);} .festa-section.bg4{background-color: var(--white);} .festa-section.bg5{background-color: var(--white);} .festa-section__inner{max-width: 500px;margin: 0 auto;} .fcoupon-heading{font-family: 'OAGothic-ExtraBold';color: var(--gray24);text-align: center;font-size: 28px;font-weight: 700;line-height: 1.5;letter-spacing: -0.308px;} .fcoupon-heading.md{font-family: 'pretendard';color: var(--festaKeyColor2);text-align: center;font-size: 20px;font-weight: 700;line-height: 1.5;letter-spacing: -0.22px;} .fcoupon-heading.color4{color: var(--festaKeyColor4);} .fcoupon-heading ~ .fcoupon-notice{margin-top: 8px;} .fcoupon-notice{color: var(--gray85);text-align: center;font-size: 16px;line-height: 1.4;letter-spacing: -0.176px;} .fcoupon-notice + .fcoupon-list{margin-top: 24px;} .festa-section.recent-view{padding: 24px 0;} .recent-view .fcoupon-heading~.fhotel{margin-top: 16px;} .recent-view .fcoupon-heading{font-size: 22px;} .recent-view .fhotel{padding-bottom: 4px;} .recent-view .fhotel::-webkit-scrollbar{display: none;} .recent-view .fhotel-list{display: inline-flex;justify-content: center;gap: 16px;flex-wrap: wrap;width: 100%;} .recent-view .fhotel-list .fhotel-item{position: relative;width: calc((100% - 48px) / 4);background-color: var(--white);} .recent-view .fhotel-list .fhotel-item .festa-label{position: absolute;top: 0;left: 0;border-radius: 9px 2px 2px 2px;z-index: 10;} .recent-view .fhotel-list .fhotel-item__inner{border: 1px solid var(--graye2);border-radius: 10px;box-sizing: border-box;overflow: hidden;} .recent-view .fhotel-list .fhotel-item__thumb{aspect-ratio: initial;height: 89px;border-radius: 0;} .recent-view .fhotel-list .fhotel-info{display: flex;align-items: center;height: 100%;min-height: 56px;margin-top: 0;padding: 10px;box-sizing: border-box;} .recent-view .fhotel-list .fhotel-tit{height: auto;font-size: 14px;line-height: 18px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space: initial;} .fcoupon-list ~ .fcoupon-warning{margin-top: 24px;} .fcoupon-list-box .fcoupon-list{padding: 0;} .fcoupon-list-box .fcoupon-list ~ .fcoupon-list{margin-top: 24px;} .fcoupon-list-box{margin-top: 24px;padding: 24px;border-radius: 20px;background-color: var(--white);} .fcoupon-list-box .festa-ci{margin-top: 24px;} .fcoupon-list-box .festa-ci .section_inner{padding: 16px;border-radius: 10px;background-color: var(--grayf4);} .fcoupon-list-box .btn-fcoupon-wrapper{margin-top: 24px;} .fcoupon-list-box ~ .fcoupon-info-wrapper{margin-top: 20px;} .fcoupon-warning{position: relative;padding: 14px 14px 14px 38px;border: 1px solid var(--festaKeyColor1);border-radius: 10px;background-color: #FFF6F5;word-break: keep-all;} .fcoupon-warning::before{content: '';display: inline-block;position: absolute;top: 14px;left: 14px; width: 20px;height: 20px;background: url(../images/ico_info04.svg) no-repeat 50% / contain;} .fcoupon-warning__txt{color: var(--gray24);font-size: 14px;font-style: normal;font-weight: 500;line-height: 140%;letter-spacing: -0.7px;} .fcoupon-warning__txt ~ .fcoupon-warning__txt2{margin-top: 2px;} .fcoupon-warning__txt2 ~ .fcoupon-warning__txt2{margin-top: 2px;} .fcoupon-warning__txt2{color: #616161;font-size: 12px;font-weight: 400;line-height: 140%;letter-spacing: -0.24px;} .fcoupon-warning b{font: inherit;font-weight: 700;} .coupon-warning__link-wrapper{width: 100%;margin-top: 6px;text-align: right;} .fcoupon-warning__link{display: inline-block;position: relative;padding-right: 16px;color: #EA3627 !important;font-size: 13px;font-weight: 700;line-height: 16px;letter-spacing: -0.036px;margin-left: auto;} .fcoupon-warning__link::after{content: '';display: inline-block;position: absolute;top: 0;right: 0;width: 16px;height: 16px;background: url(../images/ico_arrow_r13.svg) no-repeat 50% / contain;} .fregion-list{} .fregion-list__heading{color: var(--gray24);font-size: 20px;font-style: normal;font-weight: 600;line-height: 130%;letter-spacing: -0.22px;text-align: center;} .fregion-list__heading ~ .fregion-select-list{margin-top: 16px;} .fregion__point{font: inherit;color: var(--festaKeyColor2);} .fregion-select-list{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 8px 16px;} .fregion-select-item{} .fregion-select-item .label{position: relative;display: flex;align-items: center;gap: 8px;min-height: 44px;padding: 10px 6px 10px 12px;border: 1px solid transparent;border-radius: 10px;box-sizing: border-box;background-color: var(--white);color: var(--gray24);font-size: 14px;font-style: normal;font-weight: 600;line-height: 150%;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);} .fregion-select-item .label::before{content: '';display: block;border-radius: 50%;} .fregion-select-item .label::before{width: 20px;height: 20px;background: url(../images/bg_radiobox02.png)no-repeat 0 0 / 20px auto, var(--white);} .fregion-select-item .input:checked + .label {border: 1px solid var(--mint);background-color: #EEFAFB;} .fregion-select-item .input:checked + .label::before {background-position-y: -20px;} .fregion-select-item.--close{position: relative;} .fregion-select-item.--close::before{content: '선착순 마감';display: flex;justify-content: center;align-items: center; position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 10px;color: #DDD;font-size: 16px;font-style: normal;font-weight: 600;background-color: rgba(0, 0, 0, 0.6);z-index: 10;} .btn-fcoupon-wrapper{display: grid;grid-template-columns: 1fr;row-gap: 12px;margin-top: 12px;} .btn-fcoupon{display: inline-flex;justify-content: center;align-items: center;gap: 10px;height: 44px;padding: 10px;border: 1px solid var(--festaKeyColor2);border-radius: 10px;box-sizing: border-box;background-color: var(--festaKeyColor2);color: var(--white);font-size: 14px;font-weight: 700;letter-spacing: -0.042px;} .btn-fcoupon::after{content: '';width: 16px;height: 16px;background: url(../images/ico_download02.svg) no-repeat 0 0 / contain;} .btn-fcoupon.--close{background-color: var(--graybc);border-color: var(--graybc);color: var(--white);cursor: default;} .btn-fcoupon.--close::after, .btn-fcoupon.--waiting::after{display: none;} .fcoupon-list .festa-ci{margin-top: 14px;background-color: var(--grayf4);border-radius: 10px;} .fcoupon-list .festa-ci .section_inner{padding: 16px;} .fcoupon-list .btn-fcoupon-wrapper{margin-top: 24px;} .festa-ci{background-color: var(--white);border-radius: 20px;} .festa-ci .section_inner{position: relative;padding: 24px;} .festa-ci .section_inner ~ .section_inner{padding-top: 0;} .festa-ci .section_inner ~ .section_inner::before{content: '';display: block;width: 100%;height: 1px;margin-bottom: 24px;background: repeating-linear-gradient(to right, transparent, transparent 6px, var(--graybc) 6px, var(--graybc) 12px);} .festa-ci .pt{color: var(--festaKeyColor1);} .festa-ci .chkBox04 .c_name{color: var(--gray24);font-size: 14px;} .festa-ci .agree_wrap .chkBox04 .c_name{font-weight: 600;} .festa-ci .area_wrap{margin-top: 28px;} .festa-ci .agree_wrap::after{content: '';display: block;width: 100%;height: 1px;margin: 16px 0;background: repeating-linear-gradient(to right,transparent,transparent 4px,var(--graye2) 4px,var(--graye2) 8px);} .festa-ci .notiTxt{margin-top: 10px;color: #616161;font-size: 13px;} .festa-ci .header_in{color: var(--black);font-size: 14px;} .festa-ci .header_in ~ .content_in{margin: 6px 0 20px;} .festa-ci .law_wrap{display: grid;gap: 16px;} .festa-ci .a_item .detail_in{display: none;padding: 10px 0;} .festa-ci .a_item.open .detail_in{display: block;} .festa-ci .table {background:#fff;} .festa-ci .table th, .festa-ci .table td {border:1px solid #d3d3d3; height:25px; padding:5px 6px; font-size:11px; color:#000;} .festa-ci .table th {background:#e8e8e8; text-align:center;} .festa-ci .table td {text-align:left;} .festa-ci .txt {font-size:11px; color:#000;} .festa-ci .table ~ .txt {margin-top:7px;} .festa-ci .content_in{display: flex;justify-content: space-between;align-items: center;gap: 4px;} .festa-ci .content_in .selectBox01{flex: 1;} .festa-ci .content_in .selectBox01 .valTxt{border: 1px solid #DDD;background-color: var(--white);color: #717171;} .festa-ci .content_in .selectBox01 .valTxt::after{width: 12px;height: 7px;background: url('../images/ico_arrow_b04.png') 0 0 no-repeat / contain;} .festa-ci .content_in .btnMore{min-width: 50px;display: flex;justify-content: flex-end;align-items: center;gap: 2px;padding: 3px 0;color: #8C8C8C;font-size: 12px;} .festa-ci .content_in .btnMore::after{content: '';display: inline-block;width: 9px;height: 6px;background: url(../images/bg_selectbox01.png) no-repeat 50% / contain;} .festa-ci .a_item.open .content_in .btnMore::after{transform: rotate(180deg);} .festa-ci [class*="txt"]{font-size: 12px;} .festa-ci .txt01 ~ .txt02{margin-top: 4px;} .festa-ci .txt02{color: #717171;font-size: 12px;} .festa-ci ~ .fcoupon-info-wrapper{margin-top: 24px;} .fcoupon-info-wrapper{padding: 24px;border-radius: 20px;background-color: var(--white);} .fcoupon-info-list{display: grid;gap: 10px;} .fcoupon-info-item{display: flex;align-items: flex-start;gap: 10px;} .fcoupon-info__tit{display: inline-block;padding: 2px 4px;box-sizing: border-box;border-radius: 2px;background: var(--grayf4);color: var(--gray85);font-size: 12px;font-weight: 600;line-height: 1.5;white-space: nowrap;} .fcoupon-info__desc{color: var(--gray24);font-size: 14px;font-weight: 500;line-height: 1.5;letter-spacing: -0.28px;} .fcoupon-info__desc .festa-label{font: inherit;padding: 0;border: none;background: none;color: #EB3627;} .fcoupon-info__sub{color: #616161;font-size: 12px;line-height: 1.5;letter-spacing: -0.7px;} .fcoupon-info-list ~ .fcoupon-tip-wrapper{margin-top: 8px;} .fcoupon-tip-wrapper{border-radius: 8px;background-color: var(--grayf4);} .fcoupon-tip__img{width: 100%;height: 100%;} .fbanner-container{display: none;height: 0;overflow: hidden;} .fbanner{display: flex;justify-content: center;height: 100%;height: 44px;box-sizing: border-box;border-radius: 10px;background-color: #153569;} .fbanner-inner{display: flex;justify-content: flex-start;align-items: center;gap: 4px;width: 100%;height: 100%;padding: 0 20px;box-sizing: border-box;} .fbanner-inner::before{content: '';width: 16px;height: 16px;background: url(../images/ico_tag.svg) no-repeat 0 50% / contain;} .fbanner-inner::after{content: '';position: absolute;right: 20px;width: 24px;height: 24px;background: url(../images/ico_arrow_r13.svg) no-repeat 0 50% / contain;filter: grayscale(9) brightness(9);} .fbanner-desc{text-align: center;} .fbanner-txt{color: var(--white);font-size: 14px;line-height: 1.2;letter-spacing: -0.042px;} .fbanner-txt.bold{font-size: 14px;font-weight: 700;letter-spacing: -0.042px;} .fbanner-txt ~ .fbanner-txt{margin-top: 4px;} .fbanner-close{display: none;justify-self: flex-end;align-self: center;width: 100%;height: 100%;background: url(../images/ico_cancel07.svg) no-repeat right 0 center / 24px auto;} .fbanner-container.--active {display: block;} .fbanner-container.--fixed .fbanner{position: fixed;left: 50%;bottom: 13px;transform: translateX(-50%);z-index: 8500;width: 343px;} .fbanner-container.--fixed .fbanner-desc{text-align: left;} .fbanner-container.--fixed .fbanner-close{display: block;} /* PC */ @media (min-width: 1101px) { /* .fbanner-container + .price-item{margin-top: 12px;} */ .fbanner-container.--fixed .fbanner{margin-left: 85px;}; } /* Mobile */ @media (max-width:1100px){ .festa-section{padding: 36px 24px;} .fcoupon-notice + .fcoupon-list{margin-top: 20px;} .recent-view .fcoupon-heading{font-size: 20px;} .recent-view .fhotel{overflow-x: auto;} .recent-view .fhotel-list{gap: 10px;width: auto;min-width: 100%;flex-wrap: nowrap;} .recent-view .fhotel-list .fhotel-item{flex: 0 0 auto;width: 191px;height: 74px;box-sizing: border-box;} .recent-view .fhotel-list .fhotel-item .festa-label{height: 24px;line-height: 24px;} .recent-view .fhotel-list .fhotel-item__inner{display: grid;grid-template-columns: 74px 1fr;height: 100%;} .recent-view .fhotel-list .fhotel-tit{font-size: 13px;} .recent-view .fhotel-list .fhotel-item__thumb{height: 100%;} .recent-view .fhotel-list .fhotel-info{padding: 8px 10px;min-height: initial;} .fcoupon-list-box{padding: 20px;} .fcoupon-list-box .festa-ci .section_inner{padding: 12px;border-radius: 8px;letter-spacing: -0.7px;} .fcoupon-list-box .festa-ci .notiTxt{letter-spacing: -0.7px;} .fregion-select-list{grid-template-columns: 1fr 1fr;} .festa-ci .section_inner{padding: 16px;} .festa-ci .notiTxt{letter-spacing: -0.39px;word-break: keep-all;} .btn-fcoupon-wrapper{margin-top: 16px;} .fcoupon-info-wrapper{padding: 16px;} .fbanner-container{background-color: var(--white);} .fbanner-container.--fixed .fbanner{bottom: 20px;width: 343px;} } .fCouponDown.festa-national .btn-fcoupon{--festaKeyColor2 : #242424} .fCouponDown.festa-special .btn-fcoupon{--festaKeyColor2 : #009CEF} .fCouponDown.festa-regional .festa-section .fcoupon-wrapper::before{content: '선착순';position: absolute;top: -12px;left: -5px;z-index: 10;padding: 0 10px;border-radius: 16px;box-sizing: border-box;background-color: #FFEE48;color: var(--gray24);font-size: 13px;font-style: normal;font-weight: 600;line-height: 28px;letter-spacing: -0.143px} .fCouponDown .salefesta_coupon{left: 50%;transform: translateX(-50%);margin: initial;} .fCouponDown:has(.salefesta_coupon) .festa-banner:last-of-type::after{content: '';display: block;position: relative;left: 0.5px;top: -1px;width: calc(100% - 1px);padding-bottom: 60px;background-color: #002471;} .festa-regional .salefesta_coupon .content_inner{background-color: #DFEAE2;border-color: #DFEAE2;} .festa-regional .salefesta_coupon .content_inner .content_inner__fcoupon .fcoupon-wrapper::after{background-color: #DFEAE2;} /* Mobile */ @media (max-width:1100px){ .fCouponDown:has(.salefesta_coupon) .festa-banner:last-of-type::after{left: 0;width: 100%;} } /****************************** *** *** 01 요금리스트 02 신규 *** ******************************/ .chargeListPage{height: auto;} .chargeListPage .loading_section.clsDivLoadingPannel .loading_type01::after{content: '최신 요금을 불러오는 중입니다.';display: block;position: absolute;left: 50%;bottom: -36px;transform: translateX(-50%);white-space: nowrap;color: var(--gray24);font-size: 14px;letter-spacing: -0.3px;} .chargeList_page.type2 .chkBox01 {} /* PC */ @media (min-width:1101px){ .chargeList_page.type2 .chkBox01 {display:inline-block; vertical-align:middle; font-size:0;} .chargeList_page.type2 .chkBox01 input {} .chargeList_page.type2 .chkBox01 .c_name {display:block; padding-left:30px; position:relative; color:#242424; font-size:14px; min-height:20px;} .chargeList_page.type2 .chkBox01 .c_name::before {content:''; position:absolute; left:0; top:0; width:20px; height:20px; background:url('../images/bg_checkbox01.png') 0 0 no-repeat; background-size:100% auto;} .chargeList_page.type2 .chkBox01 input:checked + .c_name {color:#00c4d5; font-weight:600;} .chargeList_page.type2 .chkBox01 input:checked + .c_name::before {background-position-y:-20px;} .chargeList_page.type2 .chkBox01 input:disabled + .c_name {color:#bcbcbc;} .chargeList_page.type2 .chkBox01 input:disabled + .c_name::before {opacity:0.6;} } /* Mobile */ @media (max-width:1100px){ .chargeList_page.type2 .chkBox01 {display:inline-block; vertical-align:middle; font-size:0;} .chargeList_page.type2 .chkBox01 input {} .chargeList_page.type2 .chkBox01 .c_name::before{display: none;} .chargeList_page.type2 .chkBox01 .c_name {display:block; height:34px; box-sizing:border-box; line-height:34px; padding:0 12px; background:#fff; color:var(--gray85); font-size:14px; border-radius:20px; text-align:center;} .chargeList_page.type2 .chkBox01 input:checked + .c_name {background:#00c4d5; color:#fff; /*font-weight:600;*/} .chargeList_page.type2 .chkBox01 input:disabled + .c_name {/*color:#bcbcbc; background:#e2e2e2;*/ color:#b6b6b6;} } /* Room Viewer */ .chargeList_page.type2 .viewer_type01 .swiper-container .swiper-slide a{width: 690px;} .chargeList_page.type2 .viewer_type01 .swiper-container .swiper-slide .cont{bottom: 30px;} .chargeList_page.type2 .viewer_type01 .noticeTxt{left: 20px;bottom: 30px;} .chargeList_page.type2 .viewer_type01 .swiper-container .swiper-pagination{right: 20px;bottom: 30px;} .chargeList_page.type2 .room-viewer{position: relative;overflow: hidden;width: 100%;} .chargeList_page.type2 .room-viewer .swiper-container {width: 100%;height: 100%;} .chargeList_page.type2 .room-viewer .swiper-wrapper {width: 100%;height: 100%;} .chargeList_page.type2 .room-viewer .swiper-slide a{display: block;width: 100%;height: 100%;} .chargeList_page.type2 .room-viewer img{width: 100%;height: 100%;object-fit: cover;} .chargeList_page.type2 .room-viewer .swiper-container .swiper-slide .cont{position: absolute;right: 85px;bottom: 30px;color: var(--white);font-size: 12px;letter-spacing: -0.3px;line-height: 22px;} .chargeList_page.type2 .room-viewer .swiper-container .swiper-pagination {left:auto; right:20px; bottom:30px; background:rgba(0,0,0,0.5); border-radius:11px; height:22px; line-height:22px; padding:0 9px; color:#fff; font-size:11px; width:auto;} .chargeList_page.type2 .room-viewer .swiper-container .swiper-pagination .current {font-weight:700;} .chargeList_page.type2 .room-viewer .noticeTxt {position:absolute; left: 20px;right:20px; bottom:30px; font-size:12px; color:#fff;line-height: 22px;letter-spacing: -0.5px; z-index:1000;} .chargeList_page.type2 .room-viewer .swiper-pagination {display: block;font-size:0; bottom:10px;} .chargeList_page.type2 .room-viewer .swiper-pagination-bullet {width:5px; height:5px; margin:0 2px; background:#fff; opacity:0.5;} .chargeList_page.type2 .room-viewer .swiper-pagination-bullet-active {opacity:1;} .chargeList_page.type2 .room-viewer .swiper-container .swiper-button {width:52px; top:0; height:100%; box-sizing:border-box; margin:0; color:transparent; text-indent:-9999px; overflow:hidden; background:center center no-repeat;background-size: 20px auto;} .chargeList_page.type2 .room-viewer .swiper-container .swiper-button::after {content:normal;} .chargeList_page.type2 .room-viewer .swiper-container .swiper-button-prev {left:0; background-image:url('../images/btn_control01_01.png');} .chargeList_page.type2 .room-viewer .swiper-container .swiper-button-next {right:0; background-image:url('../images/btn_control01_02.png');} .chargeList_page.type2 .room-viewer .swiper-container .swiper-button-disabled {opacity:0.5;} .chargeList_page.type2 .roomViewer_contenet {position: relative;} .chargeList_page.type2 .roomViewer_contenet .more_inner {position: absolute;right: 0;top: 0;width: 405px;} .chargeList_page.type2 .roomViewer_contenet .more_inner ul {display: grid;grid-template-columns: 1fr 1fr;gap: 5px;} .chargeList_page.type2 .roomViewer_contenet .more_inner ul li + li {margin-top: 0;} .chargeList_page.type2 .roomViewer_contenet .more_inner ul li a {display: block;position: relative;height: 130px;border-radius: 6px;overflow: hidden;} .chargeList_page.type2 .roomViewer_contenet .more_inner li:nth-child(4) a::before{display: none;} .chargeList_page.type2 .roomViewer_contenet .more_inner ul li a:has(.n) {position: relative;} .chargeList_page.type2 .roomViewer_contenet .more_inner ul li a:has(.n)::before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);} .chargeList_page.type2 .roomViewer_contenet .more_inner ul li a img {width: 100%;height: 100%;} .chargeList_page.type2 .roomViewer_contenet .more_inner ul li a .n {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: var(--white);font-size: 12px;padding-left: 25px;} .chargeList_page.type2 .roomViewer_contenet .more_inner ul li a .n::before {content: '';position: absolute;left: 0;top: 50%;width: 24px;height: 24px;margin-top: -13px;background: url('../images/ico_camera01.png') 0 0 no-repeat;} /* Summary */ .chargeList_page.type2 .summary_content__wrapper{display: grid;grid-template-columns: 1fr 291px;gap: 20px;margin-top: 20px;} .chargeList_page.type2 .summary_content {margin-top: 0;} .chargeList_page.type2 .summary_content .titleBox {position: relative;} .chargeList_page.type2 .summary_content .titleBox .prdTitle {max-width: calc(100% - 180px);} .chargeList_page.type2 .summary_content .titleBox .prdTitle__name {} .chargeList_page.type2 .summary_content .titleBox .npay{display: none;} .chargeList_page.type2 .summary_content .titleBox .hotel-grade{display: inline-flex;align-items: center;gap: 4px;vertical-align: middle;color: var(--gray24);font-size: 13px;font-weight: 400;letter-spacing: -0.3px;white-space: nowrap;line-height: 26px;} .chargeList_page.type2 .summary_content .titleBox .hotel-grade::before{content: '';display: inline-block;background-color: var(--gray24);width: 2px;height: 2px} .chargeList_page.type2 .summary_content .summary_content__badge-wrapper{display: flex;align-items: center;flex-wrap: wrap;gap: 4px;white-space: nowrap;} .chargeList_page.type2 .summary_content .summary_content__badge-wrapper:has(.badge-feature) ~ .titleBox{margin-top: 10px;} .chargeList_page.type2 .summary_content .subTitle{color: var(--gray85);font-size: 16px;line-height: 22px;letter-spacing: -0.3px} .chargeList_page.type2 .summary_content .infoBox {margin-top: 12px;padding-right: 0;} .chargeList_page.type2 .summary_content .infoBox .address{display: inline;margin: 0;padding-left: 0;line-height: 15px;} .chargeList_page.type2 .summary_content .infoBox .address::before{display: none;} .chargeList_page.type2 .summary_content .rtBox {display: flex;gap: 10px;top: 0;right: 0;} .chargeList_page.type2 .summary_content .btnWindow {position: relative;width: 33px;height: 33px;background: url(../images/ico_share.svg)no-repeat 0 0 / contain;} .chargeList_page.type2 .tooltip{display: none;position: absolute;top: calc(100% + 12px);right: 0;z-index: 10;width: max-content;padding: 8px;border: 1px solid var(--graye2);border-radius: 10px;box-sizing: border-box;font-size: 13px;letter-spacing: -0.3px;text-align: center;color: #FFF;background-color: var(--white);filter: drop-shadow(0px 2px 14px rgba(133, 133, 133, 0.14));} .chargeList_page.type2 .tooltip.center{left: 50%;transform: translateX(-50%);} .chargeList_page.type2 .tooltip.--active{display: block;} .chargeList_page.type2 .tooltip::before{content: '';display: block;position: absolute;top: -6px;right: 10px;border: 6px solid transparent;border-bottom-color: var(--graye2);border-top: 25px;} .chargeList_page.type2 .tooltip::after{content: '';display: block;position: absolute;top: -5px;right: 10px;border: 6px solid transparent;border-bottom-color: var(--white);border-top: 25px;} .chargeList_page.type2 .tooltip__text{color: var(--gray24);font-size: 11px;font-weight: 700;line-height: 22px;letter-spacing: -1px;} .chargeList_page.type2 .summary_content .btnInfo{height: 15px;margin-left: 6px;padding: 0;border: none;color: var(--mint);font-size: 13px;letter-spacing: -0.3px;line-height: 15px;text-decoration: underline;} .chargeList_page.type2 .summary_content .btnInfo::after{display: none;} .chargeList_page.type2 .rpoint-container{margin-top: 9px;} .popular-facility-wrapper{margin-top: 16px;} .popular-facility-wrapper .popular-facility{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;} .popular-facility-wrapper .popular-facility .itemList_type03.type02{margin: 0;} .popular-facility-wrapper .popular-facility .itemList_type03.type02 .i_title{background-color: var(--white);border: 1px solid var(--graye2);} .popular-facility__title{color: var(--black);font-size: 14px;font-weight: 600;letter-spacing: -0.3px;} .popular-facility .itemList_type03.type02{margin: 9px 0 0;} .chargeList_page .coupon-container{display: flex;justify-content: space-between;align-items: center;position: relative;margin-top: 12px;padding: 9px 16px;border: 1px solid var(--graye2);border-radius: 10px;} .chargeList_page .coupon-container .coupon-heading{color: var(--gray24);font-size: 14px;font-weight: 700;line-height: 1.2;letter-spacing: -0.042px;} .chargeList_page .coupon-container .btn-link{display: inline-flex;align-items: center;column-gap: 4px;padding: 4px 4px 4px 8px;border: 1px solid #FFCFCA;border-radius: 6px;box-sizing: border-box;background-color: #FFF6F5;color: #EA3627;font-size: 13px;font-weight: 700;height: 24px;letter-spacing: -0.039px;} .chargeList_page .coupon-container .btn-link::before{content: '';display: block;position: absolute;top: 0;right: 0;width: 120px;height: 100%;} .chargeList_page .coupon-container .btn-link::after{content: '';width: 16px;height: 16px;background: url(../images/ico_arrow_r13.svg)no-repeat 0 0 / contain;} .chargeList_page .coupon-container .btn-link.--close{position: relative;padding: 3px 8px;border: 1px solid var(--graye2);background-color: var(--grayf4);color: var(--gray85);pointer-events: none;} .chargeList_page .coupon-container .btn-link.--close::after{display: none;} .review-summary{display: flex;flex-direction: column;padding: 20px;background-color: var(--white);border-radius: 10px;} .review-count-wrapper{width: 100%;display: inline-flex;justify-content: space-between;align-items: center;gap: 6px;} .review-count-wrapper ~ .review-type-list{margin-top: 12px;} .review-grade{display: flex;align-items: center;gap: 5px;color: var(--gray24);font-size: 16px;line-height: normal;letter-spacing: -0.3px;} .review-grade__average{font-weight: 700;} .review-grade__average::before{content: '';display: inline-block;width: 10px;height: 10px;margin-right: 4px;background: url(../images/badge_star.svg)no-repeat 50% / contain;filter: invert(1);} .review-count{position: relative;padding-right: 18px;color: var(--gray85);font-size: 13px;line-height: 1.5;letter-spacing: -0.039px;} .review-count::after{content: '';display: inline-block;position: absolute;top: 50%;right: 5px;width: 8px;height: 4px;background: url(../images/ico_arrow_b04.png)no-repeat 50% / 8px auto;transform: translateY(-50%) rotate(-90deg);} .review-type-list{display: flex;flex-wrap: wrap;gap: 8px;} .review-type-list ~ .review-preview{margin-top: auto;} .review-type-item{display: inline-flex;align-items: center;gap: 10px;padding: 3px 5px;border-radius: 2px;background-color: #EEFAFB;color: var(--gray24);font-size: 13px;line-height: 1.5;letter-spacing: -0.8px;} .review-type-list.type2{flex-direction: column;} .review-type-list.type2 .review-type-title{width: 86px;} .review-type-list.type2 .review-type-item{justify-content: space-between;gap: 8px;padding: 0;background-color: initial;} .review-progress-bar{position: relative;;width: 129px;height: 8px;background-color: var(--graye2);border-radius: 5px;} .review-progress-bar__percent{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;border-radius: 5px;background-color: var(--mint);} .review-count-wrapper ~ .review-type-list.type2{margin-top: 18px;} .review-type-point{font-weight: 700;} .review-preview .swiper-container {position:relative;height: 100%;padding-bottom: 21px;box-sizing: border-box;overflow:hidden;} .review-preview .swiper-container .swiper-pagination {font-size:0; left:50%; width:auto;bottom:0;transform: translateX(-50%);} .review-preview .swiper-container .swiper-pagination-bullet {width:5px; height:5px; margin:0 0 0 4px; background:var(--gray85); opacity:0.4;} .review-preview .swiper-container .swiper-pagination-bullet-active {opacity:1;} .review-preview .swiper-slide{border: 1px solid transparent;box-sizing: border-box;} .review-preview-inner{width: 100%;height: 100%;border: 1px solid rgba(194, 201, 211, 0.50);border-radius: 8px;padding: 10px 12px;box-sizing: border-box;} .review-preview-txt{display: -webkit-box;height: 43px;color: var(--gray24);font-size: 13px;line-height: 21px;letter-spacing: -0.3px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;} .review-preview-btm{display: flex;justify-content: space-between;align-items: center;margin-top: 3px;} .review-preview-logo{display: inline-block;max-width: 58px;width: auto;height: 11px;} .review-preview-logo__img{width: 100%;height: 100%;object-fit: contain;object-position: 0 0;} .review-preview .btn-translation{margin-top: 4px;color: var(--gray85);font-size: 12px;line-height: 14px;letter-spacing: -0.3px;text-decoration: underline;} /* PC */ @media (min-width: 1101px) { .chargeList_page.type2 .roomViewer_contenet {margin-top: 30px;padding-right: 410px;} .chargeList_page.type2 .roomViewer_contenet .viewer_type01 {border-radius: 6px;} .chargeList_page.type2 .room-viewer{width: 100%;height: 400px;border-radius: 6px;} .chargeList_page.type2 .summary_content {padding: 20px;} .chargeList_page.type2 .summary_content .summary_content__badge-wrapper:has(.badge-feature) ~ .titleBox .rtBox{top: -34px;} } /* Mobile */ @media (max-width: 1100px) { .chargeList_page.type2 .summary_content__wrapper{grid-template-columns: 1fr;margin-top: 0;} .chargeList_page.type2 .roomViewer_contenet {margin-top: 0;padding-right: 0;} .chargeList_page.type2 .roomViewer_contenet .more_inner {display: none;} .chargeList_page.type2 .roomViewer_contenet .viewer_type01{height: auto !important;border-radius: 0;} .chargeList_page.type2 .room-viewer{aspect-ratio: 375 / 300;max-height: 450px;} .chargeList_page.type2 .room-viewer .swiper-container .swiper-slide .cont{display: none;} .chargeList_page.type2 .room-viewer .noticeTxt{bottom: 24px;} .chargeList_page.type2 .room-viewer .swiper-container .swiper-pagination{bottom: 24px;} .chargeList_page.type2 .room-viewer .swiper-container .swiper-button {width:40px;background-size: 15px auto;} .chargeList_page.type2 .viewer_type01 .swiper-container .swiper-slide a{width: 100% !important;height: 0 !important;padding-top: 80%;} .chargeList_page.type2 .viewer_type01 .swiper-container .swiper-slide img{min-width: 100%;width: auto;height: 100%;position: absolute;left: 50%;top: 0;transform: translateX(-50%);} .chargeList_page.type2 .viewer_type01 .noticeTxt{bottom: 20px;} .chargeList_page.type2 .viewer_type01 .swiper-container .swiper-pagination{bottom: 20px;} .chargeList_page.type2 .summary_content {margin-top: 0;padding: 24px 16px 24px;border-bottom: 10px solid var(--grayf5);} .chargeList_page.type2 .summary_content .titleBox .prdTitle {max-width: calc(100% - 80px);} .chargeList_page.type2 .summary_content .infoBox{position: relative;} .chargeList_page.type2 .summary_content .infoBox .address{line-height: 22px;} /* .chargeList_page.type2 .summary_content .btnInfo{position: absolute;right: 0;bottom: 0;} */ .chargeList_page .notice_content{border-bottom: none;} .chargeList_page.type2 .rpoint-container{margin-top: 16px;} .popular-facility-wrapper{margin-top: 12px;} .chargeList_page .coupon-container{margin-top: 16px;} .review-count-wrapper{margin-top: 12px;} .review-count-wrapper{width: auto;} .review-grade{padding: 4px 8px;background-color: #EEFAFB;border-radius: 12px;font-size: 13px;} .review-count{font-size: 12px;} } /* Check In/Out Info */ .hotel-time-wrapper{margin-top: 9px;} .hotel-time-wrapper .hotel-time ul{display: flex;gap: 19px;} .hotel-time-wrapper .hotel-time__item ~ .hotel-time__item{position: relative;} .hotel-time-wrapper .hotel-time__item ~ .hotel-time__item::before{content: '';display: inline-block;position: absolute;left: -11px;top: 50%;transform: translateY(-50%);width: 3px;height: 3px;border-radius: 50%;background-color: var(--graye2);} .hotel-time__item{display: flex;align-items: center;gap: 8px;} .hotel-time__item > *{color: var(--gray24);font-size: 14px;line-height: 22px;letter-spacing: -0.7px;} .hotel-time__title{font-weight: 600;letter-spacing: -0.7px;} .hotel-time__detail{color: var(--gray85);letter-spacing: -0.3px;flex-grow: 1;} /* PC */ @media (min-width: 1101px) { /* .hotel-time-wrapper{position: absolute;right: 0;bottom: 17px;} .hotel-time ul{position: relative;padding: 0 2px 0 16px;} .hotel-time ul::before{content: '';display: block;position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 2px;height: 38px;background-color: var(--gray24);} */ .hotel-time__item{display: flex;align-items: center;gap: 8px;} } /* Mobile */ @media (max-width: 1100px) { .hotel-time-wrapper{margin-top: 10px;} } /* Tab */ .chargeList_page.type2 .mainTab_content{margin-top: 10px;} .chargeList_page.type2 .mainTab_content .tab_type03{padding: 0;} .chargeList_page.type2 .mainTab_content .tab_type03 .tab_inner li a{height: 50px;padding: 0 6px;letter-spacing: -0.5px;} .chargeList_page.type2 .mainTab_content .tab_type03 .rBox .btn_type06{height: 30px;padding: 0 9px;font-size: 16px;font-weight: 700;} /* Mobile */ @media (max-width: 1100px) { .chargeList_page.type2 .mainTab_content .tab_type03{padding: 0 16px} .chargeList_page.type2 .mainTab_content .tab_type03 .tab_inner{display: flex;justify-content: space-between;} .chargeList_page.type2 .mainTab_content .tab_type03 .tab_inner li + li{margin-left: 0;} .chargeList_page.type2 .mainTab_content .tab_type03 .tab_inner li a{height: 44px;padding: 0 9px; color: var(--gray24);font-size: 14px;font-weight: 400;letter-spacing: 0;} .chargeList_page.type2 .mainTab_content .tab_type03 .tab_inner li.on a{color: var(--mint);font-weight: 700} } /* Mobile Filter */ @media (max-width:1100px){ .chargeList_page.type2 .detail_content .filter_inner .filter_wrap .header_in {position: relative;padding: 12px 16px;padding-right: 130px;background-color: var(--white);} .chargeList_page.type2 .detail_content .filter_inner .filter_wrap .header_in .changeDestination {position: absolute;top: 50%;right: 24px;transform: translateY(-50%);height: 36px;transition: none;} .chargeList_page.type2 .detail_content .filter_inner .filter_wrap .header_in .title.on::after{margin: 6px 0 0 -6px;} .chargeList_page.type2 .detail_content .filter_inner .filter_wrap .inner ul{max-height: 200px;overflow-y: auto;} .chargeList_page.type2 .detail_content .filter_inner.fixed .filter_wrap{border-bottom: 1px solid var(--graye2);box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);} .chargeList_page.type2 .detail_content .filter_inner.fixed{min-height: 114px;} /* .chargeList_page.type2 .detail_content .filter_inner.fixed .sidebar_inner{position:fixed !important; left:0; right:0; top:51px; z-index:1000;padding-top: 0;} .chargeList_page.type2 .detail_content .filter_inner.fixed .search_type03 {position:static;} */ .chargeList_page.type2 .detail_content .filter_inner.fixed .search_type03 .filter_inner__name{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;-o-text-oveflow: ellipsis;color: var(--gray24);font-size: 14px;font-weight: 600;letter-spacing: -0.3px;} .chargeList_page.type2 .detail_content .filter_inner .search_type03 .s_item .tit{display: none;} .search_type03 .s_item .ct::after{display: none;} .search_type03 .s_inner.mOnly{height: auto;padding: 20px 16px 12px;} .btn-filter{position: relative;display: block;width: 100%;height: 44px;padding: 11px 14px 11px 40px;box-sizing: border-box;border: 1px solid var(--mint);border-radius: 10px;background: url(../images/ico_search03.svg) no-repeat 10px 50% / 24px auto, var(--white);} .btn-filter__info{display: block;letter-spacing: -0.3px;} .btn-filter__name{display: none;width: 100%;margin-bottom: 2px;color: var(--gray24);font-size: 14px;font-weight: 700;} .btn-filter__date{color: var(--gray24);font-size: 14px;} .btn-filter__person{color: var(--gray24);font-size: 14px;} .btn-filter__person::before{content: '';display: inline-block;width: 3px;height: 3px;vertical-align: middle;margin: 0 8px;background-color: var(--mint);} .btn-filter__change{position: absolute;top: 50%;right: 20px;transform: translateY(-50%);color: var(--mint);font-size: 12px;} .filter_inner.fixed .search_type03 .s_inner.mOnly{padding: 8px 10px;} .filter_inner.fixed .btn-filter{height: 46px;padding: 8px 16px 8px 50px;background-position: 16px 50%} .filter_inner.fixed .btn-filter__name{display: block;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;-o-text-oveflow: ellipsis;} .filter_inner.fixed .btn-filter__name, .filter_inner.fixed .btn-filter__date, .filter_inner.fixed .btn-filter__person{font-size: 12px;line-height: 13px} } /* Notice */ /* .chargeList_page.type2 .detail_content .mainContent_inner .price-list-wrapper{padding-bottom: 20px;} */ .chargeList_page.type2 .detail_content .mainContent_inner .price-list-wrapper:has( .price-list__more__btn){padding-bottom: 0;} .chargeList_page.type2 .detail_content .mainContent_inner .noticeTxt_type02{display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;} .chargeList_page.type2 .detail_content .mainContent_inner .noticeTxt_type02 > [class*="btn"]{padding: 0 8px;height: 24px;font-size: 12px;line-height: 1;letter-spacing: -1px;} /* PC */ @media (min-width: 1101px) { .chargeList_page.type2 .detail_content{margin-top: 0;} .chargeList_page.type2 .detail_content .filter_inner{width: 210px;height: fit-content;position: sticky;top: 0;left: 0;} .chargeList_page .detail_content .filter_inner .filter_wrap .inner{padding: 20px 15px;border-top: none;border-radius: 10px;background-color: var(--white);} .chargeList_page.type2 .detail_content .filter_inner .filter_wrap .inner ~ .inner{margin-top: 10px;} .chargeList_page.type2 .detail_content .filter_inner .sidebar_inner{width: 210px !important;padding: 20px 0;background-color: transparent;} .chargeList_page.type2 .detail_content .mainContent_inner{width: 870px;padding: 20px 0;box-sizing: border-box;} .chargeList_page.type2 .detail_content .mainContent_inner .price-notice-wrapper.fixed{position: fixed;top: 50px;left: 50%;transform: translateX(-50%);z-index: 2000;width: 1100px;height: 45px;box-sizing: border-box;border-top: 1px solid var(--graye2);border-bottom: 1px solid var(--graye2);background-color: var(--white);} .chargeList_page.type2 .detail_content .mainContent_inner .price-notice-wrapper.fixed .noticeTxt_type02{max-width: 724px;margin: 0;margin-left: 230px;padding: 10px 0;box-sizing: border-box;border-radius: 0;} .chargeList_page.type2 .detail_content .mainContent_inner .banner_type01 img{width: 100%;height: 100%;object-fit: cover;} .chargeList_page.type2 .detail_content .mainContent_inner .noticeTxt_type02{display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px;padding: 10px;} .chargeList_page.type2 .detail_content .mainContent_inner .noticeTxt_type02 .ct {font-size: 13px;} } /* Mobile */ @media (max-width: 1100px) { .chargeList_page.type2 .mainTab_content{margin-top: 0;} .chargeList_page .detail_content .mainContent_inner{padding-right: 0;} .chargeList_page.type2 .detail_content .mainContent_inner .banner_type01{background-color: var(--white);padding: 11px 16px 0;} .chargeList_page.type2 .detail_content .mainContent_inner .banner_type01 a{border-radius: 10px;} .chargeList_page.type2 .detail_content .mainContent_inner .banner_type01 img{width: 100%;height: 100%;object-fit: cover;} /* .chargeList_page.type2 .detail_content .mainContent_inner .price-notice-wrapper{position: sticky;top: 108px;z-index: 900;border-top: 1px solid #e2e2e2;} .chargeList_page.type2 .detail_content .mainContent_inner .price-notice-wrapper.fixed {position:fixed;top: 108px;left: 0;right: 0;z-index: 900;border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;} */ .chargeList_page.type2 .detail_content .mainContent_inner .noticeTxt_type02{padding: 12px 16px;} .chargeList_page.type2 .detail_content .mainContent_inner .noticeTxt_type02 .changeDestination{display: none;} .chargeList_page.type2 .detail_content .mainContent_inner .noticeTxt_type02 .ct{font-size: 12px;line-height: 15px;} } /* Price List */ /* PC */ @media (min-width: 1101px) { .chargeList_page.type2 .detail_content{display: grid;grid-template-columns: 210px 1fr ;column-gap: 20px;} .chargeList_page.type2 .detail_content .mainContent_inner{position: relative;} .chargeList_page.type2 .detail_content .filter_inner{z-index: 500;} .chargeList_page.type2 .detail_content .filter_inner, .chargeList_page.type2 .detail_content .mainContent_inner{float: none;} .chargeList_page.type2 .userCount_container .uCnt_age .desc .sub{font-size: 13px;} .chargeList_page.type2 .detail_content .selectBox01 .valTxt{font-size: 13px;} .chargeList_page.type2 .detail_content2 .content_section{background-color: var(--white);padding: 0 30px 30px;border-radius: 10px;} .chargeList_page.type2 .detail_content2 .content_section ~ .content_section {margin-top: 10px;} .chargeList_page.type2 .detail_content2 .header_type01{padding: 0;height: 82px;border-bottom: none;} .chargeList_page.type2 .detail_content2 .header_type01 .title{line-height: 82px;} .chargeList_page.type2 .detail_content2 .hotelPolicy .table_type01 ~ .table_type01{margin-top: 18px;} } /* Mobile */ @media (max-width: 1100px) { .chargeList_page.type2 .detail_content .filter_inner {float:none; width:auto;} .chargeList_page.type2 .detail_content .mainContent_inner {float:none; width:auto;} .chargeList_page.type2 .detail_content .filter_inner .sidebar_inner{width: auto !important;} .chargeList_page.type2 .detail_content .filter_inner .search_type03{border-bottom: none;} .chargeList_page.type2 .detail_content2{padding-top: 10px;background-color: var(--grayf5);} .chargeList_page.type2 .detail_content2 .content_section {padding-bottom: 26px;background-color: var(--white);} .chargeList_page.type2 .detail_content2 .content_section ~ .content_section {margin-top: 10px;} .chargeList_page.type2 .detail_content2 .header_type01{height: 68px;border: none;} .chargeList_page.type2 .detail_content2 .header_type01 .title{line-height: 68px;} } /* Hotel Info */ .chargeList_page.type2 .content_section.hotelInfo .itemList_type03{padding: 0;} .hotel-info-notice{margin-top: 20px;color: var(--gray85);font-size: 14px;line-height: 22px;letter-spacing: -0.3px;} .hotel-info-wrapper{display: none;margin-top: 14px;} .hotel-info-summary{width: fit-content;margin: 0 auto;} .hotel-info-summary__btn{width: fit-content;margin: 0 auto;display: inline-flex;justify-content: center;align-items: center;gap: 2px;min-width: 110px;;position: relative;padding: 0 22px 0 10px;border: 1px solid var(--graye2);border-radius: 12px;color: var(--gray85);font-size: 12px;line-height: 22px;letter-spacing: -0.3px; cursor: pointer;} .hotel-info-summary__btn::after{content: '';display: block;position: absolute;right: 9px;transform: rotate(0);width: 7px;height: 4px;background: url(../images/bg_selectbox01.png)no-repeat center / contain;} .hotel-info-summary__btn i::after{content: '더보기';} .hotel-info-wrapper.--active .hotel-info-summary__btn::after{transform: rotate(180deg);} .hotel-info-wrapper.--active .hotel-info-summary__btn i::after{content: '접기';} .hotel-info-wrapper.--active .hotel-info-details{display: block;} .hotel-info-wrapper .hotel-info-details{display: none;} .hotel-info-details{margin-top: 30px;} /* PC */ @media (min-width: 1101px) { /* .chargeList_page.type2 .content_section.hotelInfo .itemList_type03{display: grid;grid-template-columns: 1fr 1fr;column-gap: 60px;} */ } /* Mobile */ @media (max-width: 1100px) { .chargeList_page.type2 .content_section.hotelInfo .itemList_type03{padding: 0 16px;} .hotel-info-notice{margin-top: 16px;padding: 0 16px;font-size: 13px;letter-spacing: -0.75px;} .hotel-info-wrapper{margin-top: 26px;} .hotel-info-details{margin-top: 20px;padding: 0 24px;} } /* Hotel Policy */ .chargeList_page.type2 .detail_content2 .hotelPolicy .content_inner {display: grid;grid-template-columns: 335px 1fr;gap: 37px; box-sizing:border-box;} .chargeList_page.type2 .detail_content2 .hotelPolicy .content_inner .table_type01 ~ .noticeList_type01 {margin-top:14px;} .chargeList_page.type2 .detail_content2 .hotelPolicy .btn_more {display: none;position:absolute; left:0; right:0; bottom:0;} .chargeList_page.type2 .detail_content2 .hotelPolicy.open {} .chargeList_page.type2 .detail_content2 .hotelPolicy.open .content_inner {height:auto;} .chargeList_page.type2 .detail_content2 .hotelPolicy.open .content_inner::after {content:normal;} .chargeList_page.type2 .detail_content2 .hotelPolicy.open .btn_more span::after {background-position-y:-10px;} .chargeList_page.type2 .detail_content2 .hotelPolicy .noticeList_type01 li:has(.table_type01.room_type){padding-left: 0;margin-bottom: 14px;} .chargeList_page.type2 .detail_content2 .hotelPolicy .noticeList_type01 li:has(.table_type01.room_type)::before{display: none;} .chargeList_page.type2 .detail_content2 .hotelPolicy .table_type01 thead th{background-color: var(--grayf5);} .hotel-policy-inner{display: grid;grid-template-columns: 1fr;gap: 20px;} .hotel-policy-content{font-size: 14px;} /* Mobile */ @media (max-width: 1100px) { .chargeList_page.type2 .detail_content2 .content_section.hotelPolicy {position: relative;padding-bottom:55px;} .chargeList_page.type2 .detail_content2 .hotelPolicy .content_inner {position: relative;grid-template-columns: 1fr;gap: 7px;padding: 0 16px; height: 160px; overflow:hidden;} .chargeList_page.type2 .detail_content2 .hotelPolicy .content_inner::after {content:''; position:absolute; left:0; right:0; bottom:0; height:119px; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 94.12%);} .chargeList_page.type2 .detail_content2 .hotelPolicy .btn_more{display: block;} .chargeList_page.type2 .detail_content2 .hotelPolicy .content_inner .hotel-time-wrapper {padding-left:15px; position:relative; line-height:1.45; color:#242424; font-size:14px;} .chargeList_page.type2 .detail_content2 .hotelPolicy .content_inner .hotel-time-wrapper::before {content:''; position:absolute; left:0; top:7px; width:5px; height:5px; background:#ddd; border-radius:50%;} .chargeList_page.type2 .detail_content2 .hotelPolicy .content_inner .table-wrapper ~ .noticeList_type01 {margin-top: 11px;} .hotel-policy-inner{margin-top: 14px;} } /* Review */ /* .chargeList_page.type2 .detail_content2 .content_section:has( .review-more__btn){padding-bottom: 0;} */ .chargeList_page.type2 .content_section.review .pageNavi_type01 .page{color: var(--gray24);} .chargeList_page.type2 .content_section.review .pageNavi_type01 .btn{width: 17px;height: 17px;background: url('../images/btn_control14.png') no-repeat 0 0 / auto 100%;} .chargeList_page.type2 .content_section.review .pageNavi_type01 .btn.first{background-position-x: -34px;} .chargeList_page.type2 .content_section.review .pageNavi_type01 .btn.prev{background-position-x: 0;} .chargeList_page.type2 .content_section.review .pageNavi_type01 .btn.next{background-position-x: -17px;} .chargeList_page.type2 .content_section.review .pageNavi_type01 .btn.last{background-position-x: -51px;} .chargeList_page.type2 .content_section.review .pageNavi_type01 .btn + .btn{margin-left: 5px;} .review-more__btn {display:block; margin: 0 auto; height:55px; text-align:center; font-size:15px; color:#000; font-weight:800;} .review-more__btn {position:relative; padding-right:20px;} .review-more__btn::after {content:''; position:absolute; right:0; top:50%; width:15px; height:10px; margin-top:-5px; background:url('../images/btn_control05.png') 0 0 no-repeat; background-size:100% auto;} .review-more__btn__txt::after{content: '더보기';} .review-more.--active .review-more__btn::after{transform: rotate(180deg) translateY(1px);} .review-more.--active .review-more__btn__txt::after{content: '접기';} .review-more .reivew_type02{padding: 0;} .review-more__details .reivew_type02 .r_item .subBox{display: flex;justify-content: space-between;align-items: center;} .review-more__details .btn-origin, .review-more__details .btn-trnaslation{color: var(--graya6);font-size: 12px;letter-spacing: -0.3px;} /* PC */ @media (min-width: 1101px) { .chargeList_page.type2 .content_section.review .section_inner{display: grid;grid-template-columns: 335px 1fr;column-gap: 37px;} .chargeList_page.type2 .content_section.review .section_inner .reivew_type01{align-self: start;} .chargeList_page.type2 .content_section.review .section_inner .pageNavi_type01{grid-area: 2 / 2;margin-top: 32px;} .review-more-summary{display: none;} .review-more .review-more__details{display: block !important;} } /* Mobile */ @media (max-width: 1100px) { .chargeList_page.type2 .content_section.review{padding-bottom: 0;} .chargeList_page.type2 .content_section.review .section_inner{grid-template-columns: 1fr;padding: 0 16px;} .review-more-summary{display: block;} .review-more .review-more__details{display: none;padding-bottom: 24px;} } /* Best Hotel */ /* PC */ @media (min-width: 1101px) { .chargeList_page.type2 .detail_content2 .content_section.best{display: block;} .chargeList_page.type2 .detail_content2 .content_section.best .itemList_type02 .swiper-container {padding: 0;} .chargeList_page.type2 .detail_content2 .content_section.best .itemList_type02 .p_item{width: 140px;} .chargeList_page.type2 .detail_content2 .content_section.best .itemList_type02 .p_item .thumb{height: 140px;} .chargeList_page.type2 .detail_content2 .content_section.best .itemList_type02 .p_item .prdTitle{font-size: 16px;} .chargeList_page.type2 .detail_content2 .content_section.best .itemList_type02 .p_item .subBox .in{font-size: 12px;} .chargeList_page.type2 .detail_content2 .content_section.best .itemList_type02 .swiper-button{width: 28px;height: 28px;background: rgba(148, 148, 148, 0.50);backdrop-filter: blur(2px);margin-top: -42px;} .chargeList_page.type2 .detail_content2 .content_section.best .itemList_type02 .swiper-button::after{width: 4px;height: 8px;filter: invert(1) brightness(9);background-size: 8px auto;} .chargeList_page.type2 .detail_content2 .content_section.best .itemList_type02 .swiper-button-next::after{background-position-x:-4px;} .chargeList_page.type2 .detail_content2 .content_section.best .itemList_type02 .swiper-button-prev{left: -14px;} .chargeList_page.type2 .detail_content2 .content_section.best .itemList_type02 .swiper-button-next{right: -14px;} /* Best Hotel : PC Only*/ .hotel-best-wrapper{position: absolute;top: 0;right: 0;} .hotel-best-wrapper{width: 126px;} .hotel-best-wrapper .header_type01{padding: 0;height: 49px;} .hotel-best-wrapper .header_type01 .title{font-size: 16px;line-height: 49px;letter-spacing: -0.3px;} .hotel-best-wrapper .swiper-container{padding: 0;} .hotel-best-wrapper .swiper-wrapper{flex-direction: column;row-gap: 20px;} .hotel-best-wrapper .itemList_type02 .p_item{width: 126px;} .hotel-best-wrapper .itemList_type02 .p_item .thumb{height: 126px;border-radius: 7px;} .hotel-best-wrapper .itemList_type02 .p_item .prdTitle{font-size: 14px;} .hotel-best-wrapper .itemList_type02 .p_item .subBox{margin-top: 2px;} .hotel-best-wrapper .itemList_type02 .p_item .subBox .in{font-size: 11px;} .hotel-best-wrapper .itemList_type02 .p_item .priceBox{margin-top: 5px;text-align: left;} } /* Mobile */ @media (max-width: 1100px) { .chargeList_page.type2 .detail_content2 .content_section.best{display: block;} .chargeList_page.type2 .detail_content2 .content_section.best .itemList_type02 .swiper-container{padding-top: 0;} }