.fullContentsWrap { width: 100%; height: 100vh; display: flex; align-items: flex-start; box-sizing: border-box; }
.fullContentsWrap.noScroll { overflow-y: hidden; }

.fullContentsWrap .titleWrap { width: 25%; }
.fullContentsWrap .contentWrap { width: 55%; }
.fullContentsWrap .consultWrap { width: 20%; }


/*공통*/
html {overflow-y: auto;}
.button { cursor: pointer; }


.searchBox { flex: 1; }
.searchBox input { width: 100%; height: 45px; background-color: #eeeeee; border-radius: 25px; padding: 0 35px; box-sizing: border-box;
    background-image: url("/app/layout/web/pages/price/images/searchIcon_2.png"); background-repeat: no-repeat; background-position: 95% center; }
.searchBox input::placeholder { font-size: 14px; color: #3b3b3b; font-family: 'PretendardM'; }
.iconArea { display: flex; align-items: center; justify-content: center; gap: 15px; }

/***
    ***titleWrap***
 */
.titleWrap { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #d6f6f3; }

.titleWrap .logoBox {cursor: pointer; text-align: center;}

.titleWrap .mainTitle { color: #000000; font-size: 24px; font-family: 'PretendardEL'; margin-top: 20px; margin-bottom: 80px; text-align: center;}

.titleWrap .bottomArea { width: 100%; padding: 0 90px; box-sizing: border-box; }
.titleWrap .bottomArea .searchArea .subText { font-size: 17px; color: #3b3b3b; font-family: 'PretendardM'; margin-bottom: 10px; }

/*ticker영역*/
.tickerContainer { display: flex; align-items: center;  width: 100%; height: 40px; white-space: normal;;
    border: 1px solid #a9a9a9; box-sizing: border-box; padding: 0 20px; background-color: #fff; overflow: hidden; cursor: pointer; }
/*translateY는 애니메이션의 시작 지점을 명시*/
.tickerContainer .tickerWrapper { transition: 0.5s; width: 100%; height: 100%; transform: translateY(0); }
.tickerContainer .tickerWrapper .ticker { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; }
.tickerContainer .tickerWrapper .ticker .text { display: flex; align-items: center; gap: 20px; font-size: 18px; font-family: 'PretendardM'; }
.tickerContainer .tickerWrapper .ticker .text .num { font-size: 21px; font-family: 'PretendardB'; }
.tickerContainer .tickerWrapper .ticker i { color: #ff0000; font-size: 14px; }
/*.titleWrap .bottomArea .searchArea .searchBox { position: relative; }*/
/*.titleWrap .bottomArea .searchArea .searchBox input { width: 100%; height: 40px; border: 1px solid #a9a9a9; box-sizing: border-box; padding: 0 20px; box-sizing: border-box; }*/
/*.titleWrap .bottomArea .searchArea .searchBox input::placeholder { font-size: 12px; font-family: 'PretendardM'; color: #3b3b3b; }*/
/*.titleWrap .bottomArea .searchArea .searchBox img { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }*/

.titleWrap .bottomArea .exList { display: flex; gap: 30px; margin-top: 30px; }
.titleWrap .bottomArea .exList li a { font-size: 16px; color: #3b3b3b; font-family: 'PretendardSB'; border-bottom: 1px solid #3b3b3b; }

.titleWrap .bottomArea .location { display: flex; gap: 10px; margin-top: 50px; }
.titleWrap .bottomArea .location .textArea {padding-left: 20px; box-sizing: border-box;}
.titleWrap .bottomArea .location .textArea .mainText { font-size: 17px; font-family: 'PretendardM'; position: relative; }
.titleWrap .bottomArea .location .textArea .mainText .iconLoaction {position: absolute; left: -18px;}
.titleWrap .bottomArea .location .textArea .subText { font-size: 14px; font-family: 'PretendardR'; color: #3b3b3b; margin-top: 27px; line-height: 1.4;}

.titleWrap .bottomArea .snsList { display: flex; margin-top: 40px; gap: 25px; }


/***
    ***contentWrap***
 */
.contentWrap { padding: 0px 40px 0 40px; box-sizing: border-box; height: 100vh; overflow-y: scroll; }

/*상단부분*/
.contentWrap .topArea { padding: 40px 0; box-sizing: border-box; }
.contentWrap .topArea .searchArea { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 25px; }
.contentWrap .topArea .button { display: flex; align-items: center; gap: 8px; width: 170px; height: 45px; display: flex; align-items: center; justify-content: center;
    color: #d6f6f3; font-family: 'PretendardSB';background: #141414; padding: 15px 10px; box-sizing: border-box; }

.contentWrap .topArea .searchArea .iconArea .btnQrCode{ cursor: pointer;}


/*.contentWrap .topArea .textArea { padding-bottom: 40px; }*/
/*.contentWrap .topArea .textArea .mainText { color: #141414; font-size: 22px; font-family: 'PretendardSB'; margin-bottom: 15px; }*/
/*.contentWrap .topArea .textArea .subText { color: #3b3b3b; font-size: 14px; font-family: 'PretendardM'; margin-bottom: 30px; }*/

/*스와이퍼부분*/
.contentWrap .topArea .swiperArea { position: relative; width: 100%; }

.contentWrap .topArea .swiperArea .bannerSwiper .swiper-slide img { display: block; width: 100%; }
.contentWrap .topArea .swiperArea .swiper-button-prev, .contentWrap .topArea .swiperArea .swiper-button-next { color: #909090; width: 28px; height: 28px; border: 1px solid #909090;
    border-radius: 50%; background: #fff; }
.contentWrap .topArea .swiperArea .swiper-button-prev { left: -15px; }
.contentWrap .topArea .swiperArea .swiper-button-next { right: -15px; }
.contentWrap .topArea .swiperArea .swiper-button-next:after,
.contentWrap .topArea .swiperArea .swiper-button-prev:after { font-size: 16px; font-weight: bold; }

/*배너탭부분*/
.contentWrap .middleArea .bannerCategory { display: flex; align-items: center; justify-content: space-between; text-align: center; gap: 7px; margin: 20px 0; }
.contentWrap .middleArea .bannerCategory .banner { width: 50%; height: 90px; display: flex; flex-direction: column; align-items: center; justify-content: center;
    background: #d6f6f3; border-radius: 11px; cursor: pointer; }
.contentWrap .middleArea .bannerCategory .text { font-size: 13px; color: #030303; font-family: 'PretendardSB'; }

/*탭버튼*/
.contentWrap .bottomArea .tabTopWrapper { overflow:hidden; position: sticky; top: 1px; z-index: 9; }
.contentWrap .bottomArea .tabArea { display:flex; flex-wrap:wrap; background: #fff; }
.contentWrap .bottomArea .tabArea .tabBtn { box-sizing:border-box; width:calc(100% / 4); color: #000000; font-size: 14px; font-family: 'PretendardM'; text-align: center;
    border-bottom: 1px solid #ebecef; border-right: 1px solid #ebecef; cursor: pointer; padding: 13px 0; box-sizing: border-box;  }
.contentWrap .bottomArea .tabArea .tabBtn.on,
.contentWrap .bottomArea .tabArea .tabBtn:hover{ background: #16aa9d; color: #fff; }
.contentWrap .bottomArea .tabArea .tabBtn:nth-child(4n) { border-right: 0; }
.contentWrap .bottomArea .tabArea .tabBtn:nth-child(1),
.contentWrap .bottomArea .tabArea .tabBtn:nth-child(2),
.contentWrap .bottomArea .tabArea .tabBtn:nth-child(3),
.contentWrap .bottomArea .tabArea .tabBtn:nth-child(4){  border-top: 1px solid #ebecef; }



/*.contentWrap .bottomArea .tabPage { height: 285px; overflow-y: auto; }*/
.contentWrap .bottomArea .tabPage .subCategory { color: #fff; font-size: 18px; font-family: 'PretendardSB';cursor: pointer; padding: 13px 20px; box-sizing: border-box; background: #16aa9d; }



.contentWrap .bottomArea .tabPage .list { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 40px 30px 40px 20px; box-sizing: border-box; border-bottom: 2px solid #e1e1e1;  }

.contentWrap .bottomArea .tabPage .list .priceKakaoArea {width: 100%; margin-bottom: 10px;}
.contentWrap .bottomArea .tabPage .list .priceKakaoArea .title {color: #18ab9d; font-size: 13px; font-family: 'PretendardR'; display: inline-block; border: 1px solid #18ab9d; padding: 5px; box-sizing: border-box;}

.contentWrap .bottomArea .tabPage .list .textArea { width: 65%; }
.contentWrap .bottomArea .tabPage .list .mainText { color: #141414; font-size: 22px; font-family: 'PretendardSB'; }
.contentWrap .bottomArea .tabPage .list .subText { color: #3b3b3b; font-size: 14px; font-family: 'PretendardR'; margin-top: 10px; }
.contentWrap .bottomArea .tabPage .list .subTxt { color: #585858; font-size: 14px; font-family: 'PretendardR'; margin-bottom: 10px; }

.contentWrap .bottomArea .tabPage .list .priceButton { flex: 1; display: flex; flex-direction: column; align-items: flex-end; }
.contentWrap .bottomArea .tabPage .list .priceButton .price { font-size: 28px; color: #141414; font-family: 'PretendardB'; }
.contentWrap .bottomArea .tabPage .list .priceButton .price .discount { color: #ff0000; }
.contentWrap .bottomArea .tabPage .list .priceButton .price .before { position: relative; color: #b0b0b0; font-size: 20px; font-family: 'PretendardM'; }
.contentWrap .bottomArea .tabPage .list .priceButton .price .before:after { content:''; position: absolute; top: 50%; left: 0; transform: translateY(50%); width: 100%; height: 1px; background: #b0b0b0; }
.contentWrap .bottomArea .tabPage .list .priceButton .putButton { display: flex; align-items: center; justify-content: center; width: auto; height: 36px;
    color: #ffffff; font-size: 13px; font-family: 'PretendardSB'; background: #a9a9a9; margin-top: 35px; padding: 0 20px; box-sizing: border-box; }
.contentWrap .bottomArea .tabPage .list .priceButton .putButton.on { background: #16aa9d; }



/***
    ***consultWrap***
 */
.consultWrap { position: relative; height: 100%; background: #ececec; padding-top: 30px; overflow-y: auto;}

/*공통*/
.selectBoxWrap { position: relative; }
.selectBoxWrap .selectBox { display: flex; align-items: center; gap: 8px; height: 40px; font-size: 13px; color: #3b3b3b; font-family: 'PretendardM';
    border: 1px solid #a9a9a9; background-color: #fff; padding: 0 15px; box-sizing: border-box; margin-bottom: 5px; cursor: pointer; }
.selectBoxWrap .selectBox .arrowIcon { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }
.selectBoxWrap .selectBox.down .arrowIcon img { transform: rotate(180deg); }
.selectBoxWrap .selectBox.on { background: #d6f6f3; }

.selectBoxWrap .selectBox:nth-last-child(1) { margin-bottom: 0; }
.selectBoxWrap .selectList { display: none;  position: absolute; top: 40px; left: 0; z-index: 1; width: 100%; cursor: pointer; }
.selectBoxWrap .select { position: relative; display: flex; align-items: center; gap: 8px; background: #fff; width: 100%; z-index: 1; font-size: 13px; color: #3b3b3b;
    font-family: 'PretendardM'; z-index: 2; padding: 15px; box-sizing: border-box; cursor: pointer; }
.selectBoxWrap .select .arrowIcon { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }

.countrySelectBox { padding: 0 30px; box-sizing: border-box; }
.spotSelectBox { padding: 0 30px; box-sizing: border-box; }
.countrySelectBox select { margin-bottom: 10px; }


.consultWrap .containList { margin-top: 50px; padding: 0 30px; box-sizing: border-box; }
.consultWrap .containList .list { display: flex; justify-content: space-between; align-items: center; color: #141414; font-size: 18px; font-family: 'PretendardSB'; border-bottom: 1px solid #c9c9c9;
    padding-bottom: 20px; margin-bottom: 20px; box-sizing: border-box; }
.consultWrap .containList .list .priceWrap { display: flex; gap: 25px; align-items: center; }

.consultWrap .bottomArea { width: 20%; position: fixed; bottom: 0; background: #fff; padding: 40px 30px 80px 30px; box-sizing: border-box; }
/*공통*/
.bottomArea .priceArea { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
.bottomArea .priceArea .subText { color: #909090; font-size: 15px; font-family: 'PretendardSB'; }
.bottomArea .priceArea .price { font-size: 14px; color: #ff0000; font-family: 'PretendardL'; }
.bottomArea .priceArea .price .num { font-size: 26px; font-family: 'PretendardSB'; margin-right: 5px; }
.bottomArea .buttonArea { display: flex; }
.bottomArea .buttonArea .button { width: 50%; height: 50px; display: flex; align-items: center; color: #fff; justify-content: center; font-family: 'PretendardSB'; font-size: 16px; cursor: pointer; }
/*.bottomArea .buttonArea .button.consultButton { background: #16aa9d; }*/
.bottomArea .buttonArea .button.nextButton { width: 100%; background: #16aa9d; }
/*.bottomArea .buttonArea .button.consultButton a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff !important; }*/
/*.bottomArea .buttonArea .button.reservationButton { background: #000000; }*/
/*.bottomArea .buttonArea .button.reservationButton a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #d6f6f3; }*/

/*select{width: 100%; height: 40px;appearance: none;-webkit-appearance: none; !* 사파리, 크롬 하위버전용 *!-moz-appearance: none; !* 사파리, 크롬 하위버전용 *!*/
/*    border: 1px solid #a9a9a9;padding: 0 15px; box-sizing: border-box;background-image: url(../images/selectArrowIcon.png);background-repeat: no-repeat;background-position: calc(100% - 20px) center;}*/
/*select::-ms-expand{ display: none; } !* 익스플로러용 *!*/


/***
    ***popup***
 */
.popupWrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 11; box-sizing: border-box; z-index: 99999;}
.popupWrap .consultPopup { position: absolute; right: 0; background: #fff; width: 20%; height: 100%; padding: 100px 0px 0px 0px; box-sizing: border-box; overflow-y: auto; }
.popupWrap .consultPopup .closeButton { position: fixed; top: 20px; right: 20px; z-index: 999999999;}
.popupWrap .consultPopup .closeButton i { color: #747474; font-family: 'PretendardB'; font-size: 22px; cursor: pointer; }

.wrongText {display: none;}
/*제목들*/
.popupWrap .consultPopup .mainTitle { font-size: 25px; color: #323232; font-family: 'PretendardEB'; margin-bottom: 60px;  padding: 0px 30px; box-sizing: border-box; }
.popupWrap .consultPopup .mainText { font-size: 15px; color: #c9c9c9; font-family: 'PretendardSB'; margin-bottom: 30px; }
.popupWrap .consultPopup .subTitle { font-size: 18px; color: #323232;font-family: 'PretendardEB'; margin-bottom: 60px; }
/*선택된것들*/
.popupWrap .consultPopup .selectedList { margin-bottom: 44px; border-bottom: 7px solid #c9c9c9; padding: 0px 30px 45px 30px; box-sizing: border-box;  }
.popupWrap .consultPopup .selectedList .list { font-size: 15px; color: #3e3e3e; font-family: 'PretendardSB'; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #747474; }
/*예약일시간*/
.popupWrap .consultPopup .reservationDate {  padding: 0px 30px; box-sizing: border-box; padding-bottom: 55px;  margin-bottom: 44px; border-bottom: 7px solid #c9c9c9; }
.popupWrap .consultPopup .reservationDate .calendar { width: 100%; /*height: 270px;*/ margin-bottom: 50px; }
.popupWrap .consultPopup .reservationDate .calendar .selectMonth { display: flex; align-items: center; justify-content: center; gap: 20px; }
.popupWrap .consultPopup .reservationDate .calendar .selectMonth .yearMonth { font-size: 15px; color: #323232; font-family: 'PretendardSB'; }
.popupWrap .consultPopup .reservationDate .calendar .selectMonth .prevButton { font-size: 15px; color: #c9c9c9; font-family: 'PretendardSB'; cursor: pointer; }
.popupWrap .consultPopup .reservationDate .calendar .selectMonth .nextButton { font-size: 15px; color: #c9c9c9; font-family: 'PretendardSB'; cursor: pointer; }

.popupWrap .consultPopup .reservationDate .selectTime .date { color: #3e3e3e; font-size: 20px; font-family: 'PretendardSB'; margin-bottom: 30px; }
.popupWrap .consultPopup .reservationDate .selectTime .timeSelectBox select { width: 100%; height: 47px; border: 1px solid #747474; font-family: 'PretendardSB'; font-size: 15px; color: #9b9b9b;
    box-sizing: border-box; border-radius: 6px; padding: 0 10px; }

/*예약정보*/
.popupWrap .consultPopup .reservationForm { padding: 0 30px; box-sizing: border-box; }
.popupWrap .consultPopup .reservationForm .formRow { margin-bottom: 20px; }
.popupWrap .consultPopup .reservationForm .formRow:nth-last-child(1) { margin-bottom: 40px; }
.popupWrap .consultPopup .reservationForm .formRow .subText { font-size: 12px; color: #464646; font-family: 'PretendardL'; margin-top: 3px; }
.popupWrap .consultPopup .reservationForm .formRow .wrongText { font-size: 12px; color: #f2204e; font-family: 'PretendardM'; margin-top: 5px; }

.popupWrap .consultPopup .reservationForm .formRow.radioForm { display: flex; gap: 40px; }
.popupWrap .consultPopup .reservationForm .formRow.radioForm .formCol { display: flex; align-items: center; gap: 20px; font-size: 15px; color: #464646; font-family: 'PretendardB'; width: 100%;}
.popupWrap .consultPopup .reservationForm .formRow.radioForm .formCol > div { display: flex; align-items: center; gap: 5px; width: 50%;}
.popupWrap .consultPopup .reservationForm .formRow.radioForm .formCol input { cursor: pointer; width: 26px; height: 26px; }
.popupWrap .consultPopup .reservationForm .formRow.radioForm .formCol input + label { cursor: pointer; font-size: 15px; color: #464646;font-family: /*'PretendardSB'*/'PretendardB'; }

/*인풋*/
.input { height: 47px; color: #000; font-size: 15px; font-family: 'PretendardSB'; border: 1px solid #747474; box-sizing: border-box; border-radius: 6px; padding: 0 10px; }
.input.full { width: 100%; }
.input::placeholder { font-size: 15px; color: #9b9b9b; font-family: 'PretendardSB'; }
/*다 입력안되었을때 wrong class추가*/
.input.wrong { border-color: #f2204e; }

/*개인정보동의*/
.popupWrap .consultPopup .agreeCheckForm { padding: 35px 30px; box-sizing: border-box; background: #efefef; margin-bottom: 111px; }
.popupWrap .consultPopup .agreeCheckForm .checkBoxWrap { display: flex; align-items: center; gap: 4px; margin-bottom: 25px; vertical-align: middle; }
.popupWrap .consultPopup .agreeCheckForm .checkBoxWrap:nth-last-child(1) { margin-bottom: 0; }
.popupWrap .consultPopup .agreeCheckForm .checkBox { display: flex; align-items: center; gap: 5px;}
.popupWrap .consultPopup .agreeCheckForm .checkBox input { width: 32px; height: 32px; border-radius: 12px; box-sizing: border-box; }
.popupWrap .consultPopup .agreeCheckForm .checkBox input + label { font-size: 13px; color: #464646; font-family: 'PretendardSB'; }
.popupWrap .consultPopup .agreeCheckForm .look a { font-size: 13px; color: #9b9b9b; font-family: 'PretendardSB'; }


/*버튼*/
.popupWrap .consultPopup .buttonWrap { position: fixed; bottom: 0;  border-top: 2px solid #9b9b9b; width: 20%; padding: 30px 40px; box-sizing: border-box; background: #fff; z-index: 99;}
.popupWrap .consultPopup .buttonArea {  display: flex; box-sizing: border-box; }
.popupWrap .consultPopup .buttonArea .button { width: 50%; height: 50px; display: flex; align-items: center; justify-content: center; font-family: 'PretendardSB'; font-size: 16px; cursor: pointer; text-align: center;}
.popupWrap .consultPopup .buttonArea .button.consultButton { background: #9b9b9b;  }
.popupWrap .consultPopup .buttonArea .button.consultButton a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; }
.popupWrap .consultPopup .buttonArea .button.reservationButton { background: #747474; }
.popupWrap .consultPopup .buttonArea .button.reservationButton a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #d6f6f3; }

/*입력다 되었을때 buttonArea에 on 붙혀주면 버튼 색 변환*/
.popupWrap .consultPopup .buttonArea.on .consultButton { background: #16aa9d; }
.popupWrap .consultPopup .buttonArea.on .reservationButton { background: #000000; }

/***
    ***openPopupWrap***
 */
.openPopupWrap { display: none; }

.openPopupWrap .listArea .priceWrap {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

/* qrCodePop 팝업   */
.popupWrap.qrCodePop {background-color: transparent;}
.popupWrap.qrCodePop .popWrapInner { width: 445px; height: 552px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.popupWrap.qrCodePop .popWrapInner .btnQrClose{position: absolute;top: -10px;right: 30px; cursor: pointer;}
.popupWrap.qrCodePop .qrImg{display: none;}
.popupWrap.qrCodePop .qrImg.on{display: block;}

.popupWrap.qrCodePop .qrImg.nonQrImg {font-size: 36px; text-align: center; align-content: center; width: 445px; height: 400px; background-color: #fff;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}


/* 공지사항 영역 */
.noticeWrap {margin-top: 35px; margin-bottom: 15px;}
.noticeWrap .titleArea {margin-bottom: 16px;}
.noticeWrap .titleArea .mainTitle {color: #16aa9d; font-family: 'PretendardB';font-size: 20px; margin-bottom: 8px;}
.noticeWrap .titleArea .subTitle {color: #727272; font-family: 'PretendardR';font-size: 14px;}
.noticeWrap .descBox {border: 1px solid #727272; padding: 20px; box-sizing: border-box; background-color: #f8f8f8;}
.noticeWrap .descBox li {color: #383838; font-size: 14px; font-family: 'Pretendardl'; text-indent: -11px; padding-left: 15px; box-sizing: border-box;}
.noticeWrap .descBox li::before{content: ""; display: inline-block; width: 4px; height: 4px; vertical-align: middle; margin-right: 6px; border-radius: 50%; background-color: #3a3a3a;}
.noticeWrap .descBox li:not(:last-of-type) {margin-bottom: 10px;}

@media (max-width: 1550px){
    .fullContentsWrap .contentWrap { width: 53%; }
    .fullContentsWrap .consultWrap { width: 22%; }

    .titleWrap .bottomArea { padding: 0 40px; }

    /***
        ***consultWrap***
     */
    .consultWrap .containList .list { font-size: 16px; }
    .consultWrap .bottomArea { width: 22%; }

    /***
        ***popupWrap***
     */
    .popupWrap .consultPopup { width: 22%; }
    .popupWrap .consultPopup .buttonWrap { width: 22%; }
}

@media(max-width: 1330px) {
    .fullContentsWrap .titleWrap { width: 23% }
    .fullContentsWrap .contentWrap { width: 53%; }
    .fullContentsWrap .consultWrap { width: 24%; }

    .searchBox input { padding: 0 20px; }
    /***
        ***titleWrap***
     */
    .titleWrap .logo img { width: 150px; }
    .titleWrap .mainTitle { font-size: 20px; margin-top: 10px; margin-bottom: 50px; }
    .titleWrap .bottomArea { padding: 0 20px; }
    .titleWrap .bottomArea .exList { margin-top: 20px; gap: 20px;}
    .titleWrap .bottomArea .exList li a { font-size: 14px; }
    .titleWrap .bottomArea .searchArea .subText { font-size: 15px; }
    .titleWrap .bottomArea .location { gap: 5px; margin-top: 30px; }
    .titleWrap .bottomArea .snsList { gap: 10px; }
    .titleWrap .bottomArea .snsList .list img { width: 80%; }

    /***
        ***contentWrap***
     */
    .contentWrap { padding: 20px; }
    .contentWrap .topArea { gap: 30px; }
    .contentWrap .topArea .textArea .mainText { font-size: 18px; }
    .contentWrap .topArea .button { font-size: 14px; width: 160px; }
    .contentWrap .bottomArea .tabArea .tabBtn { padding: 13px 0;  font-size: 12px; }
    .contentWrap .bottomArea .tabPage .list .mainText { font-size: 18px; }
    .contentWrap .bottomArea .tabPage .list .subText { font-size: 12px; }
    .contentWrap .bottomArea .tabPage .list .subTxt { font-size: 12px; }
    .contentWrap .bottomArea .tabPage .list .priceButton { width: 60%; }
    .contentWrap .bottomArea .tabPage .list .priceButton .price { font-size: 24px; }
    .contentWrap .bottomArea .tabPage .list .priceButton .price .before { font-size: 18px; }

    /***
        ***consultWrap***
     */

    .consultWrap .bottomArea { padding: 20px 20px 40px 20px;  width: 24%;}
    /*공통*/
    .bottomArea .buttonArea .button { font-size: 12px; }


    /***
        ***popupWrap***
     */
    .popupWrap .consultPopup { width: 24%; }
    .popupWrap .consultPopup .buttonWrap { width: 24%; }
    .popupWrap .consultPopup .buttonArea .button { font-size: 12px; }
}

@media (max-width: 1024px){
    .fullContentsWrap { flex-direction: column; height: 100%; }
    .fullContentsWrap .titleWrap { width: 100%; padding: 20px 0; box-sizing: border-box; }
    .fullContentsWrap .contentWrap { width: 100%; }
    .fullContentsWrap .consultWrap { width: 100%; }

    /***
        ***contentWrap***
     */
    .contentWrap { padding: 0 20px; }

    /***
        ***consultWrap***
     */
    .consultWrap {overflow-y: unset;}
    .consultWrap .containList { margin-top: 20px; }
    .consultWrap .bottomArea { width: 100%; margin-top: 100px; }

    /***
        ***popupWrap***
     */
    .popupWrap .consultPopup { width: 50%; }
    .popupWrap .consultPopup .buttonWrap { width: 50%; }
    /*공통*/
    .bottomArea .priceArea { margin-bottom: 20px; }
}

@media (max-width: 768px){
    html {overflow-y: hidden !important;}
    .fullContentsWrap.noScroll {overflow-y: hidden !important}
    /***
        ***titleWrap***
     */
    .fullContentsWrap .titleWrap { display: block; padding: 13px 15px; }
    .titleWrap { display: flex; flex-direction: row; }
    .titleWrap .logoBox { display: none; }

    .searchBox input { height: 32px; font-size: 12px; background-size: 15px 15px; border: 1px solid #a9a9a9; background-color: #f5f5f5;}
    .searchBox input::placeholder { font-size: 12px; }


    /*location*/
    .locationWrap { width: 100%; display: flex !important; align-items: center; gap: 5px; color: #fff; font-size: 11px; background-color: #232323; padding: 9px 15px; box-sizing: border-box; }

    /*모바일 ticker*/
    .mobileTicker { display: flex; align-items: center; background-color: #09aaa6; padding: 6px 15px; box-sizing: border-box; }
    .mobileTicker .subText { font-size: 12px; font-family: 'PretendardSB'; width: 50%; color: #fff; }
    .tickerContainerM { display: flex; align-items: center;  width: 50%; height: 22px; white-space: normal;;
        border: 1px solid #a9a9a9; box-sizing: border-box; padding: 0 6px; background-color: #fff; overflow: hidden; cursor: pointer; }
    .tickerContainerM .tickerWrapperM .ticker .text .num { font-size: 16px; }
    .tickerContainerM .tickerWrapperM { transition: 0.5s; width: 100%; height: 100%; transform: translateY(0); }
    .tickerContainerM .tickerWrapperM .ticker { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; }
    .tickerContainerM .tickerWrapperM .ticker .text { display: flex; align-items: center; gap: 20px; font-size: 12px; font-family: 'PretendardM'; }
    .tickerContainerM .tickerWrapperM .ticker .text .num { font-size: 16px; font-family: 'PretendardB'; }
    .tickerContainerM .tickerWrapperM .ticker i { color: #ff0000; font-size: 12px; }


    /***
        ***contentWrap***
     */
    .contentWrap { padding: 0; margin-bottom: 60px; }
    .contentWrap .topArea { padding: 0; background-color: #fff;}
    .contentWrap .topArea .searchArea {margin-bottom: 0; gap: 5px; padding: 13px 15px;}
    .contentWrap .topArea .button {font-size: 0; width: auto; height: auto; padding: 0; background-color: transparent;}
    .contentWrap .topArea .swiperArea .swiper-button-prev, .contentWrap .topArea .swiperArea .swiper-button-next { display: none; }

    .contentWrap .topArea .searchArea .goToHome .icon img { width: 30px; }
    .contentWrap .topArea .searchArea .iconArea {gap: 5px;}
    .contentWrap .topArea .searchArea .iconArea .kakao a img { width: 30px; }
    .contentWrap .topArea .searchArea .iconArea .tel a img { width: 30px; }
    .contentWrap .topArea .searchArea .iconArea .btnQrCode img {width: 30px;}
    .contentWrap .topArea .searchArea .iconArea .btnQrCodeM img {width: 30px;}

    .contentWrap .bottomArea {padding-bottom:40px; box-sizing: border-box;}
    .contentWrap .bottomArea .tabTopWrapper {position: sticky; top: 0; z-index: 30; width: 100%; }
    .contentWrap .bottomArea .tabWrapper {z-index: 1; top: 114px; }
    /*.contentWrap .bottomArea .tabWrapper.off {display: none;}*/
    .contentWrap .bottomArea .tabArea .tabBtn { width: calc( 100% / 2 ); padding: 10px 0; }
    .contentWrap .bottomArea .tabArea .tabBtn:nth-child(2n) { border-right: 0; }
    .contentWrap .bottomArea .selectBoxArea { display: flex; align-items: center; gap: 10px; background: #ececec; padding: 15px; box-sizing: border-box; }
    /*공통*/
    .countrySelectBox { width: 50%; padding: 0; }
    .spotSelectBox { width: 50%; padding: 0; }

    .selectBoxArea { display: flex !important; align-items: center; }
    .selectBoxWrap .selectBox { height: 35px; font-size: 12px; margin-bottom: 0; }
    .selectBoxWrap .selectList { top: 35px; }

    .contentWrap .middleArea { padding: 0 15px; box-sizing: border-box; }
    .contentWrap .middleArea .bannerCategory { margin: 10px 0; }
    .contentWrap .middleArea .bannerCategory .text { font-size: 11px; margin-top: 5px; }


    .contentWrap .bottomArea .tabPage .subCategory {font-size: 14px; padding: 8px 15px;}
    .contentWrap .bottomArea .tabPage .list { flex-direction: column; padding: 25px 15px 17px 15px; }
    .contentWrap .bottomArea .tabPage .list:nth-last-child(1) { padding-bottom: 60px; }

    .contentWrap .bottomArea .tabPage .list .priceKakaoArea .title {font-size: 11px; padding: 3px;}
    .contentWrap .bottomArea .tabPage .list .mainText { font-size: 16px; }
    .contentWrap .bottomArea .tabPage .list .subText { font-size: 11px; }
    .contentWrap .bottomArea .tabPage .list .priceButton { width: 100%; text-align: right; }
    .contentWrap .bottomArea .tabPage .list .priceButton .price {font-size: 20px; margin-top: 20px; }
    .contentWrap .bottomArea .tabPage .list .priceButton .price .before { font-size: 13px; }
    .contentWrap .bottomArea .tabPage .list .priceButton .putButton { margin-top: 10px; }

    .contentWrap .bottomArea .tabArea .tabBtn:nth-child(3),
    .contentWrap .bottomArea .tabArea .tabBtn:nth-child(4){  border-top: 0px solid #000; }


    /***
        ***consultBar***
     */
    .consultBar {position: fixed; bottom: 0; width: 100%; height: 60px; background: #3eb8ae; }
    .consultBar .offBar { display: flex; align-items: center; justify-content: space-between; height: 100%; }
    .consultBar .offBar .textArea { flex: 1; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; box-sizing: border-box; }
    .consultBar .offBar .priceArea { display: flex; align-items: center; gap: 5px; }
    .consultBar .offBar .priceArea .countNum { display: flex; align-items: center; justify-content: center; color: #3eb8ae; font-size: 14px; font-family: 'PretendardM'; width: 16px; height: 16px;
        border-radius: 50%; background: #fff; }
    .consultBar .offBar .priceArea .totalPrice { font-size: 16px; ont-family: 'PretendardB'; color: #fff; }
    .consultBar .offBar .textArea .subText { font-size: 12px; ont-family: 'PretendardR'; color: #fff; letter-spacing: -0.5px; }
    .consultBar .openOnBarButton { display: flex; align-items: center; justify-content: center; width: 60px; height: 100%; background: #fff; cursor: pointer; }
    .consultBar .openOnBarButton i { font-size: 26px; color: #b0b0b0; font-family: 'PretendardM'; }

    /***
        ***tabTopWrapper***
     */


    .tabTopWrapper .tabMArea {height: 40px; display: flex; align-items: center; background-color: #ffffff;}
    /*.tabTopWrapper .tabMArea.border {border-bottom:1px solid #424242;}*/
    /*.tabTopWrapper .tabMArea.border.on {border-bottom:0;}*/
    .contentWrap .bottomArea .tabTopWrapper.fixed { position: fixed; }
    .tabTopWrapper.on .tabMArea { border-bottom:1px solid #424242; }
    .tabTopWrapper.on.border .tabMArea { border-bottom:0; }

    .tabTopWrapper .tabMArea .swiper-container {height: 100%;}
    .tabTopWrapper .tabMArea .btnArrow::before{content:""; position: absolute; right: 0; display: block; width: 1px; height: 100%; background-color: #8c8c8c;}
    .tabTopWrapper .tabMArea .btnArrow.on::before{left: 0; right: auto;}
    .tabTopWrapper .tabMArea .btnArrow{position: relative; display: block; min-width: 40px; width: 40px; height: 24px; padding-left: 10px; box-sizing: border-box; transform:rotate(180deg); background: url("/app/layout/web/pages/price/images/btnArrow.png") no-repeat center / 16px 10px;}
    .tabTopWrapper .tabMArea .btnArrow.on {transform:rotate(0deg);}
    .tabTopWrapper .tabMArea .swiper-slide a{color: #424242; font-size: 12px;font-family: 'PretendardM'; text-align: center; display: block;align-content: center; height: 100%;}
    .tabTopWrapper .tabMArea .swiper-slide a.on{color: #09aaa6; }

    .tabTopWrapper .tabWrapper {display: block;}
    .tabTopWrapper.on .tabWrapper { display: none; }

        /***
            ***popupWrap***
         */
    .popupWrap .consultPopup .mainTitle { padding: 0 15px; }
    .popupWrap .consultPopup .selectedList { padding: 0 15px 30px 15px; }
    .popupWrap .consultPopup { width: 100%; }
    .popupWrap .consultPopup .buttonWrap { width: 100%; }
    .popupWrap .consultPopup .reservationForm { padding: 0 15px; }
    .popupWrap .consultPopup .reservationDate { padding: 0 15px; }
    .popupWrap .consultPopup .buttonWrap { padding: 15px; }
    .popupWrap .consultPopup .agreeCheckForm { padding: 15px; }

    /*.popupWrap .consultPopup .reservationForm .formRow.radioForm { flex-direction: column; gap: 10px; }*/

    /***
        ***openPopupWrap***
     */
    .openPopupWrap { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.24); z-index: 11; }
    .openPopupWrap .openBar { position: fixed; bottom: 0; width: 100%; }

    .openPopupWrap .openBar .bottomArea { background: #fff; padding: 10px 15px; box-sizing: border-box; }
    .openPopupWrap .openBar .bottomArea .priceArea .price .num { font-size: 18px; }
    .openPopupWrap .openBar .bottomArea .priceArea .subText { font-size: 12px; font-family: 'PretendardR'; color: #9b9b9b; }

    .openPopupWrap .openBar .listArea { background: #f5f5f5; padding: 55px 20px 25px 15px; border: 1px solid #9b9b9b; box-sizing: border-box;
        border-top-right-radius: 25px; border-top-left-radius: 25px; }
    .openPopupWrap .openBar .listArea .list { display: flex; align-items: center; justify-content: space-between; font-size: 16px; color: #141414; font-family: 'PretendardSB'; }
    .openPopupWrap .openBar .listArea .list .right { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
    .openPopupWrap .openBar .listArea .list .price { font-size: 20px; font-family: 'PretendardB'; }

    .openPopupWrap .openOffBarButton { position: absolute; top: 20px; right: 20px; display: flex; align-items: center; justify-content: flex-end; width: 30px; cursor: pointer; padding-bottom: 30px; }
    .openPopupWrap .openOffBarButton i { font-size: 20px; color: #b0b0b0; font-family: 'PretendardM'; }

    /***
        *** sns퀵바
     */
    .quickSNSBar { position: fixed; right: 15px; top: 50%; transform: translateY(-50%); z-index: 2; }

    /* qrCodePop 팝업   */
    .popupWrap.qrCodePop .popWrapInner { max-width: 445px; width: 100%;}
    .popupWrap.qrCodePop .popWrapInner .btnQrClose {top: -5%;right: 6%;}
    .popupWrap.qrCodePop .popWrapInner .popBody,
    .popupWrap.qrCodePop .popWrapInner .popBody img{ width: 100%;}

    /* 공지사항 영역 */
    .noticeWrap {margin-top: 27px; padding: 0 10px; box-sizing: border-box;}
    .noticeWrap .titleArea .mainTitle {font-size: 14px;}
    .noticeWrap .titleArea .subTitle {font-size: 11px;}
    .noticeWrap .descBox {padding: 14px 20px;}
    .noticeWrap .descBox li {font-size: 11px; text-indent: -10px; padding-left: 8px;}

}