@charset "utf-8";
#wrap{overflow:hidden;}
#visual{width:100%; height:100vh; height:calc(var(--vh, 1vh) * 100); overflow:hidden; position:relative;}
#visual .visualBox{display:flex; width:100%; height:100%; justify-content:center; align-items:center; position:relative; overflow:hidden;}
#visual .visualBox .visualText{display:flex; justify-content:center; align-items:center; width:100%; height:auto; position:relative; z-index:3; text-align:center; color:#fff; font-family: "Noto Serif KR";}
#visual .visualBox .visualText p{font-size:55px; font-weight:400; letter-spacing:-0.025em; line-height:1.25;}
#visual .visualBox .visualText span{display:inline-block; position:absolute; font-size:26px; font-weight:400; letter-spacing:-0.025em; line-height:1; top:100%; left:50%; transform:translateX(-50%); margin-top:65px;}
#visual .visualBox .visualSlide{width:100%; height:100%; overflow:hidden; position:absolute; z-index:1; top:0; left:0;}
#visual .visualBox .visualSlide .inSlide{width:100%; height:100%;}
#visual .visualBox .visualSlide .slideItem{width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#visual .visualBox .visualSlide .slideItem.visual1{background-image:url("/html/resource/img/main/visual/01.jpg?ver=250805");}
#visual .visualBox .visualSlide .slideItem.visual2{background-image:url("/html/resource/img/main/visual/02.jpg?ver=250805");}
#visual .visualBox .visualSlide .slideItem.visual3{background-image:url("/html/resource/img/main/visual/03.jpg?ver=250805");}
#visual .visualBox .visualSlide .slideItem.visual4{background-image:url("/html/resource/img/main/visual/04.jpg?ver=250805");}
#visual .visualBox .visualSlide .slideItem.visual5{background-image:url("/html/resource/img/main/visual/05.jpg?ver=250805");}
#visual .visualBox .visualSlide .slideItem.visual6{background-image:url("/html/resource/img/main/visual/06.jpg?ver=250805");}
#visual .visualPager{display:flex; flex-wrap:wrap; align-content:flex-start; width:55px; height:auto; position:absolute; top:50%; left:20px; z-index:5; text-align:left; color:#fff; transform:translateY(-50%);}
#visual .visualPager .pagerItem{width:100%; height:auto; padding:7.5px 0;}
#visual .visualPager .pagerItem + .pagerItem{margin-top:15px;}
#visual .visualPager .pagerItem div{display:flex; align-items:center; width:100%; height:auto;}
#visual .visualPager .pagerItem div span{display:inline-block; width:9px; height:9px; border-radius:50%; border:1px solid #fff; margin-right:9px;}
#visual .visualPager .pagerItem div p{display:inline-block; font-size:15px; font-weight:500; letter-spacing:-0.01em; line-height:1; color:#fff;}
#visual .visualPager .pagerItem.on div span{background:#fff;}
#visual .arrowImg{display:inline-block; width:46px; height:23px; background:url("/html/resource/img/main/visual_arrow.png") no-repeat center center/cover; position:absolute; bottom:70px; left:50%; z-index:5; transform:translateX(-50%); -webkit-animation-name:scroll; animation-name:scroll; -webkit-animation-duration:1.5s; animation-duration:1.5s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite;}


@-webkit-keyframes scroll {
    0% {bottom:70px;}
    50% {bottom:55px;}
	100% {bottom:70px;}
}

@keyframes scroll {
    0% {bottom:70px;}
    50% {bottom:55px;}
	100% {bottom:70px;}
}

.sectionBg{width:100%; height:100vh; height:calc(var(--vh, 1vh) * 100); overflow:hidden; background:#fff; position:relative; margin:0 auto;}
.sectionBg .bgTextBox{position:absolute; top:70px; left:80px; z-index:5;}
.sectionBg .bgTextBox div{position:relative; display:inline-block;}
.sectionBg .bgTextBox span{font-family: "Noto Serif KR"; font-size:24px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#fff;}
.sectionBg .bgTextBox div::after{content:""; display:block; position:absolute; bottom:-4px; left:0; right:0; height:1px; opacity:1; width:0; background:#fff;}
.sectionBg .bgTextBox div.aos-animate::after{width:100%;}

.sectionBg .bgScrollText1{display:flex; justify-content:center; align-items:center; width:100%; height:auto; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:4; text-align:center;}
.sectionBg .bgScrollText1 .text{width:100%; font-family: "Noto Serif KR"; font-size:52px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#fff;}
.sectionBg .bgScrollText1 .text div{display:flex; justify-content:center; align-items:center; width:100%; height:100px; overflow:hidden;}
.sectionBg .bgScrollText1 .text p{width:100%;}
.sectionBg .bgScrollText1 .text strong{display:inline-block; vertical-align:bottom; font-size:80px; font-weight:400;}

.sectionBg .bgScrollText2{display:flex; justify-content:flex-end; align-items:flex-end; position:absolute; width:50%; bottom:120px; right:0; z-index:3; color:#fff; padding-right:150px;}
.sectionBg .bgScrollText2 .text{font-size:27px; font-weight:400; letter-spacing:-0.025em; line-height:1.3;}

.sectionBg .bgScrollImg{width:100vw; height:100vh; height:calc(var(--vh, 1vh) * 100); position:relative; z-index:1; overflow:hidden;}
.sectionBg .bgScrollImg .imgBox{width:100vw; height:100%;}
.sectionBg .bgScrollImg .imgBox img{width:100vw; height:100%; object-fit:cover;}
.sectionBg .bgScrollImg .imgBox img.pcOnly{display:block;}
.sectionBg .bgScrollImg .imgBox img.mobileOnly{display:none;}

.section{width:100%; padding-top:220px; padding-bottom:160px;}
.section .sectionTitle{width:calc(100% - 50px); max-width:1760px; margin:0 auto 60px auto;}
.section .sectionTitle h2{font-family: "Noto Serif KR"; font-size:52px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#222;}
.section .sectionTitle .inBox{display:flex; justify-content:space-between; align-items:center; width:100%;}
.section .sectionTitle .inBox h2{display:inline-block;}
.section .sectionTitle .inBox .programPager{display:inline-flex; justify-content:flex-end; align-items:center; font-size:18px; font-weight:400; letter-spacing:-0.025em; line-height:1;}
.section .sectionTitle .inBox .programPager button{display:inline-block; color:#222; font-size:20px;}
.section .sectionTitle .inBox .programPager .pagerText{display:inline-block; margin:0 15px; color:#959595;}
.section .sectionTitle .inBox .programPager .pagerText strong{font-weight:400; color:#222;}
.section .sectionTitle .inBox .titleTab{display:inline-flex; justify-content:flex-end; align-items:center;}
.section .sectionTitle .inBox .titleTab button{display:inline-flex; justify-content:center; align-items:center; width:auto; min-width:75px; height:38px; border-radius:9px; border:1px solid #c5c5c5; color:#959595; padding:0 20px;}
.section .sectionTitle .inBox .titleTab button + button{margin-left:10px;}
.section .sectionTitle .inBox .titleTab button span{width:100%; height:auto; font-size:18px; font-weight:400; letter-spacing:-0.025em; line-height:1;}
.section .sectionTitle .inBox .titleTab button.on{border-color:#222; color:#222;}
.section .sectionTitle .inBox .titleTab.galleryTab button{width:75px;}
.section .sectionTitle .inText{font-size:22px; font-weight:400; letter-spacing:-0.025em; line-height:1; margin-top:30px;}
.section .sectionTitle > a{display:block; font-family: "Noto Serif KR"; font-size:18px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#959595; margin-top:30px;}

.stayBox{display:flex; width:100%; height:660px; overflow:hidden;}
.stayBox .boxItem{display:inline-block; width:50%; height:100%; overflow:hidden;}
.stayBox .boxItem a{display:flex; justify-content:center; align-items:flex-end; width:100%; height:100%; color:#fff; position:relative; font-family: "Noto Serif KR";}
.stayBox .boxItem a .linkLayer{display:flex; justify-content:center; align-items:center; width:144px; height:144px; border-radius:50%; border:4px solid #fff; font-size:80px; font-weight:700; letter-spacing:-0.025em; line-height:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); opacity:0; transition:opacity 0.3s linear; z-index:2;}
.stayBox .boxItem a .textBox{width:100%; height:auto; padding:0 120px 70px 120px; text-align:left; position:relative; z-index:2;}
.stayBox .boxItem a .textBox p{font-size:36px; font-weight:400; letter-spacing:-0.025em; line-height:1;}
.stayBox .boxItem a .textBox span{display:block; font-family:"Noto Sans KR"; font-size:22px; font-weight:400; letter-spacing:-0.025em; line-height:1; opacity:0.7; margin-top:15px;}
.stayBox .boxItem a img{width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; z-index:0; transition:all 0.3s linear;}
.stayBox .boxItem a:hover img{transform:scale(1.05);}
.stayBox .boxItem + .boxItem{background-image:url("/html/resource/img/main/stay_bg02.jpg");}
.stayBox .boxItem a:hover .linkLayer{opacity:1;}

.restaurantBox{width:calc(100% - 50px); max-width:1760px; margin:0 auto; overflow:hidden; position:relative; border-radius:17px;}
.restaurantBox .boxItem{width:100%; height:586px; overflow:hidden; position:relative; z-index:1;}
.restaurantBox .boxItem + .boxItem{display:none;}
.restaurantBox .boxItem .inSlideBox{width:100%; height:100%;}
.restaurantBox .boxItem .inSlideBox .inSlide{width:100%; height:100%;}
.restaurantBox .boxItem .inSlideBox .slideItem{width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.restaurantBox .boxItem .inSlideBox .slideItem.restaurant1{background-image:url("/html/resource/img/main/restaurant_bg.jpg?ver=250804");}
.restaurantBox .boxItem .inSlideBox .slideItem.cafe1{background-image:url("/html/resource/img/main/cafe_bg.jpg")}
.restaurantBox .boxItem .inSlideBox .slideItem a{display:block; width:100%; height:100%; box-sizing:border-box;}
.restaurantBox .boxTabs{display:flex; width:100%; max-width:1580px; position:absolute; bottom:60px; left:50%; transform:translateX(-50%); z-index:3;}
.restaurantBox .boxTabs button{display:inline-block; width:50%; height:auto; text-align:center; font-size:21px; font-weight:500; letter-spacing:-0.025em; line-height:1; color:#fff; padding-bottom:20px; border-bottom:4px solid rgba(255,255,255,.3);}
.restaurantBox .boxTabs button.on{border-bottom-color:#fff;}

.mainInformation{width:100%; height:298px; overflow:hidden;}
.mainInformation .inBox{display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:relative;}
.mainInformation .inBox .inImg{width:100%; height:1130px; position:absolute; top:0; left:0; will-change:transform; z-index:0; transform:translateY(0); background:url("/html/resource/img/main/information_bg.jpg?ver=250711") no-repeat center center/cover;}
.mainInformation .inBox .textBox{width:100%; height:100%; position:relative; z-index:2;}
.mainInformation .inBox .textBox a{display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:100%; height:100%; color:#fff; text-align:center;}
.mainInformation .inBox .textBox a p{width:100%; font-family: "Noto Serif KR"; font-size:48px; font-weight:400; letter-spacing:-0.025em; line-height:1.25; color:#fff;}
.mainInformation .inBox .textBox a span{display:inline-flex; justify-content:center; align-items:center; width:132px; height:52px; border:2px solid #fff; border-radius:26px; margin-top:30px; font-size:20px; font-weight:500; letter-spacing:-0.025em; line-height:1;}

.programBox{width:calc(100% - 50px); max-width:1760px; height:auto; overflow:hidden; margin:0 auto;}
.programBox .inSlide{width:100%; height:auto;}
.programBox .inSlide .slideItem{display:inline-block; width:840px; height:auto;}
.programBox .inSlide .slideItem a{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto;}
.programBox .inSlide .slideItem .thumb{width:100%; height:auto; border-radius:18px; overflow:hidden;}
.programBox .inSlide .slideItem .textBox{width:100%; height:auto; margin-top:40px;}
.programBox .inSlide .slideItem .textBox .title{font-size:28px; font-weight:400; letter-spacing:-0.025em; line-height:1.1; color:#222; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.programBox .inSlide .slideItem .textBox .date{display:block; font-size:20px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#959595; margin-top:25px;}

.galleryBox{width:100%; height:auto; overflow:hidden;}
.galleryBox .inSlide{width:100%; height:auto;}
.galleryBox .inSlide .slideItem{display:inline-block; width:400px; height:auto;}
.galleryBox .inSlide .slideItem a{display:block; width:100%; height:auto;}
.galleryBox .inSlide .slideItem .thumb{width:100%; padding-top:100%; position:relative; overflow:hidden;}
.galleryBox .inSlide .slideItem .thumb img{display:block; width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0;}

.dailyBox{width:calc(100% - 50px); max-width:1760px; height:auto; margin:0 auto; overflow:hidden;}
.dailyBox .inSlide{width:100%; height:auto;}
.dailyBox .inSlide .slideItem{display:inline-block; width:410px; height:auto;}
.dailyBox .inSlide .slideItem a{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto;}
.dailyBox .inSlide .slideItem .thumb{width:100%; height:auto; border-radius:15px; overflow:hidden;}
.dailyBox .inSlide .slideItem .textBox{width:100%; height:auto; margin-top:48px;}
.dailyBox .inSlide .slideItem .textBox .cate{font-size:18px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#3f7f31; margin-bottom:30px;}
.dailyBox .inSlide .slideItem .textBox .title{max-height:2.4em; font-size:24px; font-weight:400; letter-spacing:-0.025em; line-height:1.2; color:#222; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.dailyBox .inSlide .slideItem .textBox .date{display:block; font-size:15px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#959595; margin-top:20px;}

.mainPop{position:absolute; z-index:999;}
.mainPop .popContent{width:100%; height:auto;}
.mainPop .popBottom{width:100%; height:40px; padding:0 10px; background-color:#101010; color:#fff; font-size:0;}
.mainPop .popBottom input[type="checkbox"]{display:inline-block; vertical-align:top; width:20px; height:20px; margin:10px 10px 10px 0;}
.mainPop .popBottom .bottomText{display:inline-block; font-size:18px; letter-spacing:-0.05em; line-height:40px;}
.mainPop .popBottom .bottomText button{display:inline-block; margin-left:10px; font-size:1em; line-height:40px; color:#fff;}


.popupBg2{display:inline-block; position:absolute; z-index:9999; max-width:90%;}
.popupBg2 .mainPop2{display:flex; flex-wrap:wrap; align-content:flex-start; width:725px; height:auto;}
.popupBg2 .mainPop2 .popContentBox{display:inline-block; width:500px; overflow:hidden;}
.popupBg2 .mainPop2 .popContentBox .popSlide{width:100%; height:auto;}
.popupBg2 .mainPop2 .popContentBox .slideItem{width:100%; height:auto;}
.popupBg2 .mainPop2 .popContentBox .slideItem a{display:block; width:100%; height:auto;}
.popupBg2 .mainPop2 .popContentBox .slideItem img{width:100% !important; height:auto !important;}
.popupBg2 .mainPop2 .popTabs{display:inline-flex; flex-wrap:wrap; align-content:flex-start; width:225px; background:#fff; border-top:1px solid #e1e1e1;}
.popupBg2 .mainPop2 .popTabs button{display:inline-flex; justify-content:center; flex-basis:100%; flex-grow:1; height:50px; text-align:center; font-size:16px; font-weight:400; letter-spacing:-0.025em; line-height:1.2; position:relative; color:#333; border-bottom:1px solid #e1e1e1; background:#fff;}
.popupBg2 .mainPop2 .popTabs button.on{background:#dc4035; color:#fff; font-weight:700;}
.popupBg2 .mainPop2 .popTabs button span{display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.popupBg2 .mainPop2 .popBottom{display:flex; width:100%;}
.popupBg2 .mainPop2 .popBottom .bottomItem{display:inline-flex; width:50%; height:40px; justify-content:center; align-items:center; background:#333; color:#fff;}
.popupBg2 .mainPop2 .popBottom .bottomItem + .bottomItem{position:relative; border-left:1px solid #737373;}
.popupBg2 .mainPop2 .popBottom .bottomItem button{width:100%; height:100%; text-align:center; font-size:15px; font-weight:400; letter-spacing:-0.025em; line-height:40px; color:#fff;}
.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{display:inline-flex; justify-content:center; align-items:center; width:auto; height:25px; border-radius:12.5px; padding:0 15px; font-size:16px; font-weight:400; letter-spacing:0; line-height:1; color:#fff; background:#000; position:absolute; top:50%; right:10px; transform:translateY(-50%); z-index:2;}

.mobilePop{display:none;}

@media (max-width:1000px) {
	#visual .visualBox .visualText p{font-size:59px;}
	#visual .visualBox .visualText span{font-size:30px; margin-top:70px;}
	#visual .visualPager{width:100px; left:20px; transform:translateY(-50%);}
	#visual .visualPager .pagerItem{padding:10px 0;}
	#visual .visualPager .pagerItem + .pagerItem{margin-top:15px;}
	#visual .visualPager .pagerItem div span{width:13px; height:13px; margin-right:9px;}
	#visual .visualPager .pagerItem div p{font-size:19px;}
	#visual .arrowImg{bottom:150px;}

	@-webkit-keyframes scroll {
		0% {bottom:150px;}
		50% {bottom:130px;}
		100% {bottom:150px;}
	}

	@keyframes scroll {
		0% {bottom:150px;}
		50% {bottom:130px;}
		100% {bottom:150px;}
	}
	
	.sectionBg .bgTextBox{top:130px; left:20px;}
	.sectionBg .bgTextBox span{font-size:28px;}
	.sectionBg .bgTextBox div::after{bottom:-4px;}

	.sectionBg .bgScrollText1 .text{font-size:56px;}
	.sectionBg .bgScrollText1 .text div{display:flex; justify-content:center; align-items:center; width:100%; height:112px; overflow:hidden;}
	.sectionBg .bgScrollText1 .text strong{font-size:84px;}

	.sectionBg .bgScrollText2{width:100%; justify-content:center; align-items:center; text-align:center; bottom:70px; padding-right:0;}
	.sectionBg .bgScrollText2 .text{font-size:31px;}

	.sectionBg .bgScrollImg .imgBox img.pcOnly{display:none;}
	.sectionBg .bgScrollImg .imgBox img.mobileOnly{display:block;}
	
	.section{padding-top:180px; padding-bottom:130px;}
	.section .sectionTitle{width:calc(100% - 50px); margin:0 auto 60px auto; text-align:center;}
	.section .sectionTitle h2{font-size:56px;}
	.section .sectionTitle .inBox{flex-wrap:wrap; justify-content:center;}
	.section .sectionTitle .inBox .programPager{display:flex; width:100%; justify-content:center; font-size:22px; margin-top:30px;}
	.section .sectionTitle .inBox .programPager button{font-size:24px;}
	.section .sectionTitle .inBox .programPager .pagerText{margin:0 15px;}
	.section .sectionTitle .inBox .titleTab{width:100%; justify-content:center; margin-top:30px;}
	.section .sectionTitle .inBox .titleTab button{min-width:95px; height:42px; border-radius:11px; padding:0 20px;}
	.section .sectionTitle .inBox .titleTab button + button{margin-left:10px;}
	.section .sectionTitle .inBox .titleTab button span{font-size:22px;}
	.section .sectionTitle .inBox .titleTab.galleryTab button{width:95px;}
	.section .sectionTitle .inText{font-size:26px; margin-top:30px;}
	.section .sectionTitle > a{font-size:22px; margin-top:30px;}

	.stayBox{flex-wrap:wrap; align-content:flex-start; height:auto;}
	.stayBox .boxItem{display:block; width:100%; height:660px;}
	.stayBox .boxItem a .linkLayer{width:144px; height:144px; border-width:4px; font-size:80px;}
	.stayBox .boxItem a .textBox{padding:0 120px 70px 120px;}
	.stayBox .boxItem a .textBox p{font-size:40px;}
	.stayBox .boxItem a .textBox span{font-size:26px; margin-top:15px;}

	.restaurantBox{width:calc(100% - 50px); border-radius:17px;}
	.restaurantBox .boxItem{height:586px;}
	.restaurantBox .boxTabs{bottom:60px;}
	.restaurantBox .boxTabs button{font-size:25px; padding-bottom:20px; border-bottom-width:4px;}

	.mainInformation{height:450px;}
	.mainInformation .inBox .inImg{height:1130px;}
	.mainInformation .inBox .textBox a p{font-size:52px;}
	.mainInformation .inBox .textBox a span{width:150px; height:56px; border-radius:28px; margin-top:30px; font-size:24px;}

	.programBox{width:calc(100% - 50px);}
	.programBox .inSlide .slideItem{display:inline-block; width:calc(50% - 30px); height:auto;}
	.programBox .inSlide .slideItem .thumb{border-radius:18px;}
	.programBox .inSlide .slideItem .textBox{margin-top:40px;}
	.programBox .inSlide .slideItem .textBox .title{font-size:32px;}
	.programBox .inSlide .slideItem .textBox .date{font-size:24px; margin-top:25px;}

	.galleryBox .inSlide .slideItem{width:400px;}

	.dailyBox{width:calc(100% - 50px);}
	.dailyBox .inSlide .slideItem{width:410px;}
	.dailyBox .inSlide .slideItem .thumb{border-radius:15px;}
	.dailyBox .inSlide .slideItem .textBox{margin-top:48px;}
	.dailyBox .inSlide .slideItem .textBox .cate{font-size:22px; margin-bottom:30px;}
	.dailyBox .inSlide .slideItem .textBox .title{font-size:28px;}
	.dailyBox .inSlide .slideItem .textBox .date{font-size:19px; margin-top:20px;}

	.popupBg{position:absolute; width:100%; height:0; top:110px; left:0; z-index:999;}
	.popupBg .mainPop{display:none;}

	.popupBg2{max-width:90%; left:50% !important; top:100px !important; transform:translateX(-50%);}
	.popupBg2 .mainPop2{width:100%;}
	.popupBg2 .mainPop2 .popTabs{display:flex; width:100%; border-top:0;}
	.popupBg2 .mainPop2 .popTabs button{flex-basis:50%; height:40px; font-size:14px; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-bottom:0;}
	.popupBg2 .mainPop2 .popTabs button:nth-child(2n){border-right:1px solid #e1e1e1;}
	.popupBg2 .mainPop2 .popBottom .bottomItem button{font-size:14px; line-height:40px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{height:25px; border-radius:12.5px; padding:0 15px; font-size:16px; right:10px;}
	
	.mobilePop{display:flex; flex-wrap:wrap; align-content:flex-start; width:90%; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:999; overflow:hidden;}
	.mobilePop .popSlideBox{width:100%; height:auto; position:relative;}
	.mobilePop .popSlideBox .inSlide{width:100%; height:auto;}
	.mobilePop .popSlideBox .slideItem{width:100%; height:auto;}
	.mobilePop .popSlideBox .slideItem a{display:block; width:100%;}
	.mobilePop .popSlideBox .slideItem img{width:100%;}
	.mobilePop .popSlideBox .popPager{display:flex; justify-content:flex-end; align-items:center; width:100%; height:30px; bottom:unset; top:0; position:absolute; left:0; z-index:5; padding-right:15px;}
	.mobilePop .popSlideBox .popPager .swiper-pagination-bullet{width:14px; height:14px; background:#666; opacity:1; margin:0 7.5px;}
	.mobilePop .popSlideBox .popPager .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#c5ef9d;}
	.mobilePop .popBottom{display:flex; width:100%;}
	.mobilePop .popBottom .bottomItem{display:inline-flex; width:50%; height:40px; justify-content:center; align-items:center; background:#333; color:#fff;}
	.mobilePop .popBottom .bottomItem + .bottomItem{position:relative; border-left:1px solid #737373;}
	.mobilePop .popBottom .bottomItem button{width:100%; height:100%; text-align:center; font-size:15px; font-weight:400; letter-spacing:-0.025em; line-height:40px; color:#fff;}
}

@media (max-width:768px) {
	#visual .visualBox .visualText p{font-size:8.20313vw;}
	#visual .visualBox .visualText span{font-size:4.42708vw; margin-top:9.11458vw;}
	#visual .visualPager{width:13.02083vw; left:2.60417vw;}
	#visual .visualPager .pagerItem{padding:1.30208vw 0;}
	#visual .visualPager .pagerItem + .pagerItem{margin-top:1.95313vw;}
	#visual .visualPager .pagerItem div span{width:2.21354vw; height:2.21354vw; margin-right:1.17188vw;}
	#visual .visualPager .pagerItem div p{font-size:3.12500vw;}
	#visual .arrowImg{bottom:19.53125vw; width:5.98958vw; height:2.99479vw;}

	@-webkit-keyframes scroll {
		0% {bottom:19.53125vw;}
		50% {bottom:16.92708vw;}
		100% {bottom:19.53125vw;}
	}

	@keyframes scroll {
		0% {bottom:19.53125vw;}
		50% {bottom:16.92708vw;}
		100% {bottom:19.53125vw;}
	}
	
	.sectionBg .bgTextBox{top:16.92708vw; left:2.60417vw;}
	.sectionBg .bgTextBox span{font-size:4.16667vw;}
	.sectionBg .bgTextBox div::after{bottom:-0.52083vw;}

	.sectionBg .bgScrollText1 .text{font-size:7.81250vw;}
	.sectionBg .bgScrollText1 .text div{height:16.14583vw;}
	.sectionBg .bgScrollText1 .text strong{font-size:11.45833vw;}

	.sectionBg .bgScrollText2{bottom:9.11458vw;}
	.sectionBg .bgScrollText2 .text{font-size:4.55729vw;}
	
	.section{padding-top:23.43750vw; padding-bottom:16.92708vw;}
	.section .sectionTitle{width:calc(100% - 6.51042vw); margin:0 auto 7.81250vw auto;}
	.section .sectionTitle h2{font-size:7.81250vw;}
	.section .sectionTitle .inBox .programPager{font-size:3.38542vw; margin-top:3.90625vw;}
	.section .sectionTitle .inBox .programPager button{font-size:3.64583vw;}
	.section .sectionTitle .inBox .programPager .pagerText{margin:0 1.95313vw;}
	.section .sectionTitle .inBox .titleTab{margin-top:3.90625vw;}
	.section .sectionTitle .inBox .titleTab button{min-width:14.32292vw; height:5.98958vw; border-radius:1.69271vw; padding:0 1.95313vw;}
	.section .sectionTitle .inBox .titleTab button + button{margin-left:1.30208vw;}
	.section .sectionTitle .inBox .titleTab button span{font-size:3.38542vw;}
	.section .sectionTitle .inBox .titleTab.galleryTab button{width:14.32292vw;}
	.section .sectionTitle .inText{font-size:3.90625vw; margin-top:3.90625vw;}
	.section .sectionTitle > a{font-size:3.38542vw; margin-top:3.90625vw;}

	.stayBox .boxItem{height:85.93750vw;}
	.stayBox .boxItem a .linkLayer{width:18.75000vw; height:18.75000vw; border-width:0.52083vw; font-size:10.41667vw;}
	.stayBox .boxItem a .textBox{padding:0 9.11458vw 4.55729vw 9.11458vw;}
	.stayBox .boxItem a .textBox p{font-size:5.72917vw;}
	.stayBox .boxItem a .textBox span{font-size:3.90625vw; margin-top:1.95313vw;}

	.restaurantBox{width:calc(100% - 6.51042vw); border-radius:2.47396vw;}
	.restaurantBox .boxItem{height:76.30208vw;}
	.restaurantBox .boxTabs{bottom:7.81250vw;}
	.restaurantBox .boxTabs button{font-size:3.77604vw; padding-bottom:2.60417vw; border-bottom-width:0.52083vw;}

	.mainInformation{height:58.59375vw;}
	.mainInformation .inBox .inImg{height:147.13542vw;}
	.mainInformation .inBox .textBox a p{font-size:7.29167vw;}
	.mainInformation .inBox .textBox a span{width:21.48438vw; height:7.81250vw; border-radius:3.90625vw; margin-top:3.90625vw; font-size:3.64583vw;}

	.programBox{width:calc(100% - 6.51042vw);}
	.programBox .inSlide .slideItem{width:calc(50% - 3.90625vw);}
	.programBox .inSlide .slideItem .thumb{border-radius:2.34375vw;}
	.programBox .inSlide .slideItem .textBox{margin-top:5.20833vw;}
	.programBox .inSlide .slideItem .textBox .title{font-size:4.68750vw;}
	.programBox .inSlide .slideItem .textBox .date{font-size:3.64583vw; margin-top:3.25521vw;}

	.galleryBox .inSlide .slideItem{width:52.08333vw;}

	.dailyBox{width:calc(100% - 6.51042vw);}
	.dailyBox .inSlide .slideItem{width:53.38542vw;}
	.dailyBox .inSlide .slideItem .thumb{border-radius:1.95313vw;}
	.dailyBox .inSlide .slideItem .textBox{margin-top:6.25000vw;}
	.dailyBox .inSlide .slideItem .textBox .cate{font-size:3.38542vw; margin-bottom:3.90625vw;}
	.dailyBox .inSlide .slideItem .textBox .title{font-size:4.16667vw;}
	.dailyBox .inSlide .slideItem .textBox .date{font-size:2.99479vw; margin-top:2.60417vw;}
	
	.popupBg{top:14.32292vw;}

	.popupBg2{top:13.02083vw !important;}
	.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{right:1.30208vw;}
	
	.mobilePop .popSlideBox .popPager .swiper-pagination-bullet{width:1.82292vw; height:1.82292vw; margin:0 0.97656vw;}
}

@media (max-width:450px) {
	.mainPop .popBottom{height:8.33333vw; padding:0 2.08333vw;}
	.mainPop .popBottom input[type="checkbox"]{width:4.16667vw; height:4.16667vw; margin:2.08333vw 2.08333vw 2.08333vw 0;}
	.mainPop .popBottom .bottomText{font-size:3.75000vw; line-height:8.33333vw;}
	.mainPop .popBottom .bottomText button{margin-left:2.08333vw; line-height:8.33333vw;}
	
	.popupBg2 .mainPop2 .popTabs button{height:40px; font-size:14px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem{height:35px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem button{font-size:14px; line-height:35px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{height:22.5px; border-radius:11.25px; padding:0 12.5px; font-size:14px;}
	
	.mobilePop .popBottom .bottomItem{height:35px;}
	.mobilePop .popBottom .bottomItem button{font-size:14px; line-height:35px;}
}

@media (max-width:340px) {
	.popupBg2 .mainPop2 .popTabs button{height:13.23529vw; font-size:4.11765vw;}
	.popupBg2 .mainPop2 .popBottom .bottomItem{height:13.23529vw;}
	.popupBg2 .mainPop2 .popBottom .bottomItem button{font-size:4.11765vw; line-height:13.23529vw; letter-spacing:-0.035em;}
	.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{height:6.61765vw; border-radius:3.30882vw; padding:0 3.67647vw; font-size:4.11765vw;}
	
	.mobilePop .popBottom .bottomItem{height:13.23529vw;}
	.mobilePop .popBottom .bottomItem button{font-size:4.11765vw; line-height:13.23529vw;}
}