@charset "utf-8";
/* ==============================
 * common - 컨텐츠 공통
 * ============================== */

 /* ==============================
 * main
 * ============================== */
.mainVisual {position:relative; z-index:60; height:100%; background:#ddd;}
.mainVisual .normalSwiper {height:100%;}
.mainVisual .swipeType3 {height:100%;}
.mainVisual .cont {height:100%; color:#fff;}
.mainVisual .cont .division {position:absolute; top:76px; left:0; width:100%; display:table; width:100%; overflow:hidden;}
.mainVisual .cont .division strong {position:relative; display:table-cell; padding:0 8px 0 16px; font-family:'Roboto'; font-weight:bold; font-size:11px; color:#fff; line-height:20px;}
.mainVisual .cont .division strong:before {content:''; position:absolute; left:0; top:50%; margin-top:-1px; width:8px; border-bottom:1px solid #e7e3e0;}
.mainVisual .cont.ty1 .division strong:before {content:none;}
.mainVisual .cont .division span {position:relative; display:table-cell; width:100%; height:20px;}
.mainVisual .cont .division span:before {content:''; position:absolute; right:0; top:50%; margin-top:-1px; width:100%; border-bottom:1px solid #e7e3e0;}
.mainVisual .cont > .inner {position:absolute; bottom:44px; left:0; width:100%; padding:0 16px;}
/* .mainVisual .cont > .inner .title.ty1:before {background-position:0 0;} XXXX*/
/* .mainVisual .cont > .inner .title.ty2:before {background-position:0 -21px;} XXXX*/
/* .mainVisual .cont > .inner .title.ty3:before {background-position:0 -42px;} XXXX*/
/* .mainVisual .cont > .inner .title.ty4:before {background-position:0 -63px;} XXXX*/
.mainVisual .cont > .inner .linkBox {margin-top:17px; display:none;}
.mainVisual .cont > .inner .linkBox ul {overflow:hidden; width:calc(100% + 8px);}
.mainVisual .cont > .inner .linkBox ul li {float:left;}
.mainVisual .cont > .inner .linkBox ul li + li {padding-left:8px;}

.mainVisual .cont > .inner .linkBox .ty1 li {width:50%;}
.mainVisual .cont > .inner .linkBox .ty1 li:first-child {width:calc(50% - 8px);}
.mainVisual .cont > .inner .linkBox .ty2 li {width:33.3%;}
.mainVisual .cont > .inner .linkBox .ty2 li:first-child {width:calc(33.3% - 8px);}

.mainVisual .cont > .inner .linkBox ul li a {display:block;}
.mainVisual .cont > .inner .linkBox ul li .inner {position:relative;}
.mainVisual .cont > .inner .linkBox ul li .inner .txt {position:relative; z-index:1; height:92px; padding:14px 16px 16px 16px; background:url(../images/common/icon/icon_arrow3.png) no-repeat left 16px bottom 16px; background-size:21px 5px; text-align:left; color:#fff;}
.mainVisual .cont > .inner .linkBox ul li .inner .txt span {display:block; padding-bottom:3px; font-family:'Roboto'; font-weight:500; font-size:10px; line-height:14px; opacity:0.5; text-transform:uppercase; white-space:nowrap;}
.mainVisual .cont > .inner .linkBox ul li .inner .txt strong {display:block; font-family:'Roboto'; font-weight:500; font-size:12px; line-height:14px; text-transform:uppercase;}
.mainVisual .cont > .inner .linkBox  li .dimmed.ty1 {position:absolute; top:0; left:0; width:100%; height:100%; background:#7d6955; opacity:0.8;}
.mainVisual .cont > .inner .linkBox  li .dimmed.ty2 {position:absolute; top:0; left:0; width:100%; height:100%; background:#977e5c; opacity:0.8;}
.mainVisual .cont > .inner .linkBox  li .dimmed.ty3 {position:absolute; top:0; left:0; width:100%; height:100%; background:#72685a; opacity:0.8;}
.mainVisual .cont > .inner .linkBox  li .dimmed.ty4 {position:absolute; top:0; left:0; width:100%; height:100%; background:#3a3d36; opacity:0.8;}

.mainVisual .swipeType3 .swiper-pagination {position:absolute; bottom:20px;}
.mainVisual .swipeType3 .bullet {position:absolute; bottom:20px; left:0; top:auto; width:100%; z-index:55;}

 /* ==============================
 * content
 * ============================== */

.mainCont {}
.mainCont + .mainCont {margin-top:29px;}
.mainCont > h2 {font-size:20px; color:#333;}
.mainCont > h2 + .subTxt {padding:11px 0 0 0; color:#333; line-height:18px;}

/* 2020-11-20 오퍼검색 추가  start */
.MofferTit{line-height:17px;}
.MnewOfferSearchArea{padding:10px 16px 8px;}
.MnewOfferSearchArea>article{}
.MnewOfferSearchArea .MofferSearchSect{}
.MnewOfferSearchArea .MofferSearchSect .MofferTit{font-size:12px; color:#9c836a; font-weight:300 !important;display:block;}
.MnewOfferSearchArea .MofferSearchSect .htlDivisonClick h3{font-size:16px; color:#333333;line-height:31px; font-weight:normal;}
.MnewOfferSearchArea .MofferfloatArea{font-size:0;padding:18px 0 14px;}
.MnewOfferSearchArea .MofferfloatArea em{line-height:36px;}

/*달력부분*/
.MnewOfferSearchArea .McalendarSect .offer_Htl{display:none;}
.MnewOfferSearchArea .McalendarSect .offer_PKG{display:none;}
.MnewOfferSearchArea .McalendarSect .offer_Htl.on{display:block;}
.MnewOfferSearchArea .McalendarSect .offer_PKG.on{display:block;}
.MnewOfferSearchArea .MofferfloatArea .McalendarSect{display:inline-block;width:67%;vertical-align:top;}
.MnewOfferSearchArea .McalendarSect .offer_Htl>ul{font-size:0;display: inline-block;vertical-align: top;}
.MnewOfferSearchArea .McalendarSect .offer_Htl>ul>li{display:inline-block;vertical-align:top;font-size:0;margin-right:17px;}
/* .MnewOfferSearchArea .McalendarSect .offer_Htl>ul>li:last-child{margin-right:0;} */
.MnewOfferSearchArea .McalendarSect .offer_Htl>ul>li>p{display:inline-block;font-size:10px;margin-top:5px;}
.MnewOfferSearchArea .McalendarSect .ofDateM{font-size:10px; color:#333;}
.MnewOfferSearchArea .McalendarSect .ofDateD{font-size:26px; color:#333;display:inline-block; font-family:roboto;font-weight:500; font-style:initial !important; margin-left:6px;}
.MnewOfferSearchArea .McalendarSect .offer_PKG>p>.ofDateD:first-child{margin-left:0px;}
.MnewOfferSearchArea .McalendarSect .ofDateN{font-size:12px; color:#333333;margin-top:10px;}
.MnewOfferSearchArea .McalendarSect .ofDateT{font-size:10px; color:#999;}
.MnewOfferSearchArea .McalendarSect .ofStaySect{display:inline-block;}
.MnewOfferSearchArea .McalendarSect .offer_PKG>p{font-size:30px;color:#333;line-height:40px;}

/*인원선택부분*/
.MnewOfferSearchArea .MofferfloatArea .MguestSect{display:inline-block;width:33%;vertical-align:top;padding: 0px 8px 0px 16px;; text-align:left;}
.MnewOfferSearchArea .MofferfloatArea .MguestSect .guestsList{font-size:0;}
.MnewOfferSearchArea .MofferfloatArea .MguestSect .guestsList>li{display:inline-block;text-align:center; margin-right:16px;}
.MnewOfferSearchArea .MofferfloatArea .MguestSect .guestsList>li:last-child{margin-right:0;}
.MnewOfferSearchArea .MofferfloatArea .MguestSect .guestsList>li>em{font-size:26px; color:#333;display:inline-block; font-family:roboto;font-weight:500; font-style:initial !important;margin-top:4px;}

/*검색버튼*/
.MnewOfferSearchArea .offerBtnArea{color:#fff;font-size:14px;text-align:center;width:100%;padding:8.5px 0;background-color:#9c836a;margin-top:0px;line-height:20px;}
.MnewOfferSearchArea .offerBtnArea>button{vertical-align:baseline;}
/*오퍼 팝업*/
.MnewOfferSearchArea .MofferClickArea{cursor:pointer;}
.MnewOfferSearchArea .MofferSelectPop{display:none;position:fixed; top:0; right:0; left:0; bottom:0; background-color:#fff;z-index:1000;padding-bottom: 80px;overflow: auto;}
.MnewOfferSearchArea .MofferSelectPop.on{display:block;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectHd{padding:23px 15px 34px;position:relative;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectHd>h3{text-align:center;font-size:17px; color:#191919; font-weight:bold;}
/* .MnewOfferSearchArea .MofferSelectPop .MofferSelctClose{position:absolute;top:23px; left:15px; font-size:0; width:15px; height:15px; background:url(../images/common/icon/M_ic_close.png) no-repeat;background-size:cover; } */
.MnewOfferSearchArea .MofferSelectPop .MofferSelctClose{position:absolute;top:23px; left:15px; font-size:0; width:15px; height:15px; background:url(../images/common/btn/btn_layerclose.gif) no-repeat;background-size:cover; }
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect{padding:0 40px;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea{}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li{text-align:center;padding:18px 20px; border:1px solid #e9e5e2;margin-top:12px;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li.on{border:1px solid #9c836a;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li:first-child{margin-top:0;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li>img{display:inline-block; max-width:100%;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li>p{margin-top:8px;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectFt{}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectFt .MofferSelectComp{color:#fff;font-size:14px;text-align:center;width:100%;padding:18px 0;background-color:#9c836a; position:fixed; left:0; right:0; bottom:0;}
/*인원설정 팝업*/
.MbtnOff{pointer-events: none;opacity: 0.5;}
.MguesetDivisionArea.on{display:block;}
.MguesetDivisionArea{display:none;}
.MnewOfferSearchArea .MofferSelectPop .MpersonTit{font-size:14px; color:#333333;position:relative;top:6px;}
.MnewOfferSearchArea .MofferSelectPop .MpersonNum{font-size:20px; color:#333333; font-weight:400;display:inline-block;margin:0 28px;}
.MnewOfferSearchArea .MofferSelectPop .MnewPersonSect{padding:14px 0; border-bottom:1px solid #e7e3e0;}
.MnewOfferSearchArea .MofferSelectPop .MnewPersonSect:after{display:block;content:'';clear:both;}
.MnewOfferSearchArea .MofferSelectPop .MguestTitsect{float:left;}
.MnewOfferSearchArea .MofferSelectPop .MguestBtnSect{float:right;}
.MnewOfferSearchArea .MofferSelectPop .MguestBtnSect>button{width:25px; height:25px; font-size:26px; position:relative;border:1px solid #373532; border-radius:50%; top:-8px;}
.MnewOfferSearchArea .MofferSelectPop .MguestBtnSect .MpersonPlus:after{display:block;content:''; width:10px; height:1px; background-color:black;position:absolute;top:50%; left:50%; transform:translate(-50%, -50%)}
.MnewOfferSearchArea .MofferSelectPop .MguestBtnSect .MpersonPlus:before{display:block;content:''; width:1px; height:10px; background-color:black;position:absolute;top:50%; left:50%; transform:translate(-50%, -50%)}
.MnewOfferSearchArea .MofferSelectPop .MguestBtnSect .MpersonMinus:after{display:block;content:''; width:10px; height:1px; background-color:black;position:absolute;top:50%; left:50%; transform:translate(-50%, -50%)}
.MnewOfferSearchArea .MofferSelectPop article{margin-top:20px;}
.MnewOfferSearchArea .MofferSelectPop article>strong{font-size:14px; position:relative; color:#333333;}
.MnewOfferSearchArea .MofferSelectPop article .guesetInfoTxt{margin-top:10px;}
.MnewOfferSearchArea .MofferSelectPop article .guesetInfoTxt>li{font-size:12px; color:#666666;position:relative;padding-left:12px;line-height:18px;word-break: keep-all;}
.MnewOfferSearchArea .MofferSelectPop article .guesetInfoTxt>li:before{position:absolute;top:7px;left:0;display:inline-block;content:'';clear:both; width:2px; height:2px; border-radius:50%; background-color:#666666;}

.mainVisual .cont > .inner .linkBox ul li .inner .txt{display:none;}

.mainVisual .cont .division{display:none;}
/* 2020-11-20 오퍼검색 추가  end */

@media screen and (max-width:640px){
}
/*2020-12-14 추가*/
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li>img{display:inline-block; max-width:45%;}

/*2020-12-15 추가*/
.MnewOfferSearchArea .htlDivisonClick{font-size:0;}
.MnewOfferSearchArea .htlDivisonClick .MofferTit{display:inline-block;width:40%;}
.MnewOfferSearchArea .htlDivisonClick h3{display:inline-block;width:60%; line-height:0; vertical-align:top;}
.MnewOfferSearchArea .htlDivisonClick h3>img{width:137px;}

/*메인페이지 호텔패키지 선택 수정 start ex)나중에 변경가능*/
.MnewOfferSearchArea .htlDivisonClick h3{width: 100%; display:block; text-align:center;}
.MnewOfferSearchArea .htlDivisonClick h3>img{width:120px;}
/*메인페이지 호텔패키지 선택 수정 end ex)나중에 변경가능*/
.swiper-slide .inner .newLinkBtn{font-size:12px; color:#fff;display:inline-block;border:1px solid #fff; letter-spacing:-0.17px; width:94px;text-align:center; padding:7px 0; background-color:rgba(255,255,255,0.1);-webkit-text-size-adjust: none;margin-top:8px; -webkit-transform:scale(0.83);margin-left:-7px;}
@media (orientation: landscape) {
	.confLayerContent{max-height:43vh !important;}
}
.newScrollArea{text-align:center;margin-top:10px;}
.newScrollArea>p{font-size:10px; color:#9C836A;font-weight:300;}
.newScrollArea>p>img{width:8px;height:7px;display:block;margin:4px auto 0;}
@media screen and (max-width:340px){
	.MnewOfferSearchArea .MofferfloatArea .MguestSect{padding: 0px 8px 0px 16px;}
}

/*2021-07-13 메인페이지 공지 띠배너 추가*/
.mobile #wrap .headerFixed{position:relative; z-index:100; transition: 0.3s;}
.mobile #wrap .headerFixed .notiSbu {background: #4d4843; position:relative;text-align:left;overflow:hidden; text-transform:uppercase; padding:11px 16px;}
.mobile #wrap .headerFixed .notiSbu .notiSbuClose {position:absolute; top:11px; right:16px; width:10px; height:9.5px;}
.mobile #wrap .headerFixed .notiSbu .notiSbuClose:before {content:''; position:absolute; top:9px; left:0; width:10px; border-bottom:1px solid #fff; transform: rotate(45deg);}
.mobile #wrap .headerFixed .notiSbu .notiSbuClose:after {content:''; position:absolute; top:9px; right:0; width:10px; border-bottom:1px solid #fff; transform: rotate(-45deg);}
.mobile #wrap .innerBoxIcon {position:absolute;left:16px;top:14px;font-size:11px;color:#333;}
.mobile #wrap .innerBoxIcon img {vertical-align:top;width: 13px;height:14px;}
.mobile #wrap .innerBoxText {height:100%;display:table;color:#666;}
.mobile #wrap .innerBoxText .textDiv {font-size: 11px;overflow:hidden;text-align:left;line-height:16px;display:table-cell;vertical-align:middle;visibility:hidden;word-break:break-word;}
.mobile #wrap .innerBoxText .textDiv>font{color:#fff;font-size:13px; letter-spacing:-0.11px;font-weight:normal;}
.mobile #wrap .innerBoxText .textDiv>font>a{color:#fff; text-decoration:underline;font-weight:normal;}
.mobile #wrap .innerBoxText .noticeMore{color: #9c836a !important; margin-left:6px;}	
.scrollFix{top:45px;}
#headerWrap.headerWrapIndex{transition:0.3s;}
#headerWrap.scrTop{top:-40px !important;}
#headerWrap.headerWrapIndex .menuBtn.etc{bottom:22px; top:auto;}

.fs12px{font-size:12px !important;}	
.fs18px{font-size:18px !important;}
.fs20px{font-size:20px !important;}
.fw600{font-weight:600 !important;}
.MnewOfferSearchArea .MofferfloatArea {padding: 10px 0 10px;}
.MnewOfferSearchArea .MofferSelectPop {padding-bottom:50px;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li{margin-top:10px;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li.MHtlOpn{padding:12px 20px 9px 20px;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li.MPkgOpn{padding:12px 20px 10px 20px;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li.bdNonePd0 {border:none;padding:0px;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li.borderline{border-top:1px solid #9c836a;border-bottom:none;border-left:none;border-right:none;padding:0px;margin: 25px -20px 0px;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li ul>li{text-align:left;color:#9C836A;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li ul>li.facSubTit{margin-left:20px;margin-top:25px;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li>p{margin-top:2px;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li>img.ht{max-width:55.5%;padding-bottom:7px;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li>img.ap{max-width:59%;padding-bottom:9px;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li>img.cm{max-width:45%;}
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li>img.wb{max-width:35.5%;}
.condLine{width:7%;height:50px;border-right:1px solid rgb(153,153,153,0.25);margin-top: 0px;display:inline-block;}
.offer_Htl ul.checkInDate{width:38.5%;}
.offer_Htl ul.checkInDate>li.date{margin:0;}
.MnewOfferSearchArea .McalendarSect .offer_Htl .ofStaySect.night{width:16%;}
.MnewOfferSearchArea .McalendarSect .offer_Htl .ofStaySect.night p{font-size: 12px;margin-top:10px; display:block;}
.MnewOfferSearchArea .McalendarSect .offer_Htl .ofStaySect.night li.nights{margin:0;}
.MnewOfferSearchArea .McalendarSect .offer_Htl .ofStaySect.night li.nights img{width:16px;margin-top:5px;}
.guestsList li{margin:0 !important;}
.guestsList li.clickAdult{width:55%;}
.guestsList li.clickChild{width:45%;}
.MnewOfferSearchArea .MofferfloatArea .MguestSect{padding:0;}
.pt20 .notiTxt2{text-align:left;word-break:break-word;word-wrap:break-word;white-space:pre-wrap;}
.ocHalf{opacity:0.5;}
/* main contents - 2023.02.27 */
.mainVisual .cont > .inner > i{display:block;width:21px;height:21px;}
.mainVisual .cont > .inner .title {position:relative;font-family:'Roboto';font-weight:bold;font-size:8vw;line-height:8.8vw;text-transform:uppercase;}
.mainVisual .cont > .inner .title + .title{font-weight:300; margin-top:10px;font-size:3.75vw;line-height:5.05vw;text-transform:initial;}
.mainVisual [class^=ty].cont.new{background-size:cover;background-position:center;background-repeat:no-repeat;}
/* main one image, 2022.09.13 - ZNCN
.mainVisual .cont.ty1 {background:url(../images/main/new_img_mainVisual01.jpg) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty1.newty1 {background:url(../images/main/Its-Summer_3.png) no-repeat; background-size:cover; background-position: center;} 
.mainVisual .cont.ty1.newty1 {background:url(../images/main/230216_CLEAN_PARADISE_MOB_750x1176.jpg) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty2 {background:url(../images/main/new_img_mainVisual02.jpg) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty2.newty2 {background:url(../images/main/Its-Summer_C_3.png) no-repeat; background-size:cover; background-position: center;} 
.mainVisual .cont.ty3 {background:url(../images/main/4th_MOB_750x1194_crop_01.png) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty3 {background:url(../images/main/new_img_mainVisual03.jpg) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty3.newty3 {background:url(../images/main/crop_210916_mo_ver2.jpg) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty4 {background:url(../images/main/new_img_mainVisual04.jpg) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty4.newty4 {background:url(../images/main/Its-Summer_W_3.png) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty5 {background:url(../images/main/M_640x700_Baccarat.png) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty5.newty5 {background:url(../images/main/210713_LUCKY-GOLDEN-KEY_MOB_750x1176_crop.jpg) no-repeat; background-size:cover; background-position: center;}
*/
/* main icon renewal, 2022.09.08 - ZNCN
.mainVisual .cont > .inner .title:before{display:none;}
.mainVisual .cont > .inner .title.newtyicon:before{display:inline-block;}
.mainVisual .cont > .inner .title.newtyicon:before{}
.mainVisual .cont.ty1 > .inner .title.newtyicon:before{background-position:0 -21px}
.mainVisual .cont.ty2 > .inner .title.newtyicon:before{background: url(../images/main/icon_cimer.svg) no-repeat;background-size:cover; width:24px;height:24px;}
.mainVisual .cont.ty4 > .inner .title.newtyicon:before{background: url(../images/main/icon_wonder.svg) no-repeat;background-size:cover; width:26px;height:26px;}
.mainVisual .cont.ty5 > .inner .title.newtyicon:before{background: url(https://www.p-city.com/pcPub/static/images/main/icon_main_visual.png) no-repeat 0 -45px;background-size:cover; width:26px;height:26px;}
.mainVisual .cont > .inner .title.newtyicon + .title{font-weight:300; margin-top:10px;}
*/