@charset "utf-8";

/*main start*/

#main { position: relative; overflow: hidden; width:100%; height:100vh; }

#main .sec1_slider .swiper-slide .txt { position: absolute; left: 50%; top: 47.5%; transform: translate(-50%, -50%); z-index: 101; width: 1308px; color: #FFF; text-align: center;  transition: .4s; text-shadow:0 0 2px rgba(0,0,0,.2);}
#main .sec1_slider .swiper-slide .txt > .txt-in { display: inline-block; margin: 0px auto; }
#main .sec1_slider .swiper-slide .txt > .txt-in > h1 { display: inline-block; z-index: 1; position: relative; font-family: 'Cormorant'; font-size: 72px; font-weight: normal; font-weight: 500; line-height: 72px; letter-spacing: 0px; text-shadow:0 0 5px rgba(0,0,0,.2);}
#main .sec1_slider .swiper-slide.swiper-slide-active .txt > .txt-in > h1 { animation: fadeInUp 1.2s; }
#main .sec1_slider .txt > .txt-in > p { position: relative; margin-bottom: 20px;  font-family: "Noto Serif KR";font-size: 12px; line-height: 18px; font-weight: 300; }
#main .sec1_slider .swiper-slide.swiper-slide-active .txt > .txt-in > p { animation: fadeInUp 1.2s; }
#main .sec1_slider .txt > .txt-in > .link { position: relative; text-align: center; }

@keyframes fadeInUp {
  from { bottom: 40px; opacity: 0; }
  to { bottom: 0px; opacity: 1; }
}

#main .sec1_slider { position: relative; height: 100%; }

#main .sec1_slider .swiper-slide.img1{background: url(../img/main/image1.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img2{background: url(../img/main/image2.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img3{background: url(../img/main/image3.jpg)no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img4{background: url(../img/main/image4.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img5{background: url(../img/main/image5.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img6{background: url(../img/main/image6.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img7{background: url(../img/main/image7.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img8{background: url(../img/main/image8.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img9{background: url(../img/main/image9.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img10{background: url(../img/main/image10.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img11{background: url(../img/main/image11.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img12{background: url(../img/main/image12.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img13{background: url(../img/main/image13.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img14{background: url(../img/main/image14.jpg) no-repeat; background-size: cover; background-position: center;}


.sec1-navi-wrapper { position: relative; width: 100%; height: 100%; top: 0px; }

.sec1-prev:after, .sec1-next:after { content: "";  }
.sec1-prev { top: auto; bottom: 90px; left: 60px; transform: translateY(-50%); width: 81px; height: 14px; transition: .4s; z-index: 100; background: url(../img/arrow1.png) no-repeat; background-size: cover; background-position: center; font-family: 'Mulish'; font-size: 12px; color: #fff; letter-spacing: 2; }
.sec1-prev p { position: absolute; left: 100px; }
.sec1-next { top: auto; bottom: 90px; right: 60px; font-size: 12px; transform: translateY(-50%); width: 81px; height: 14px; transition: .4s; z-index: 100; background: url(../img/arrow2.png) no-repeat; background-size: cover; background-position: center; font-family: 'Mulish'; color: #fff; letter-spacing: 2; }
.sec1-next p {position: absolute; right: 100px; }
.sec1-prev:hover, .sec1-next:hover { opacity: .7; }

#main .swiper-pagination-fraction, #main .swiper-pagination-custom, #main .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 85px; left: calc(50% - 70px); width: 140px; height: 40px; color: #fff; font-size: 12px; line-height: 40px; border: 1px solid #fff; border-radius: 50%; }
#main .swiper-pagination span { position: relative; font-family: 'Mulish'; letter-spacing: 4; }
#main .swiper-pagination span:nth-of-type(1) { margin-right: 5px; }
#main .swiper-pagination span:nth-of-type(2) { margin-left: 5px; }


/*main end*/  

.swiper-button-prev, .swiper-button-next { margin: 0px; }
section .defalt-w { width: 1580px; margin: 0px auto; }

.title { position: relative; }
.title h2 { font-family: 'Cormorant'; font-size: 94px; line-height: 100px; font-weight: 400; }
.title p { font-family: 'Noto Sans KR'; font-size: 14px; line-height: 28px; color: #696969; }
.title .link { position: relative; width: 140px; height: 40px; border: 1px solid #5c553b; border-radius: 50%; font-family: 'Mulish'; font-size: 12px; font-weight: 600; line-height: 40px; letter-spacing: 2; transition: .4s; text-align: center; transition: .4s; }
.title .link:hover { opacity: 0.7; }

/*intro start*/

#intro { padding-top: 200px; padding-bottom: 130px; }
#intro .intro-in .intro-wrap { display: flex; justify-content: space-between; }
#intro .intro-in .intro-wrap .title { width: 60%; padding: 120px 20px 120px; background: url(../img/shadow1.png) no-repeat; background-position: 280px 80%; }
#intro .intro-in .intro-wrap .title h2 img { margin-left: 10px; }
#intro .intro-in .intro-wrap .title h2 img:nth-of-type(1) { display: inline-block; }
#intro .intro-in .intro-wrap .title h2 img:nth-of-type(2) { display: none; }
#intro .intro-in .intro-wrap .title p { margin-top: 50px; }
#intro .intro-in .intro-wrap .title .link { margin-top: 80px; }
#intro .intro-in .intro-wrap .picture { width: 40%; background: url(../img/main/image3.jpg) no-repeat; background-size: cover; background-position: 10% 50%;}

/*intro end*/
/*banner start*/

.banner {  }
.banner .banner-in { padding: 220px 0px; text-align: center; background: url(../img/main/image4.jpg); background-size: cover; background-position: 50% 0%; background-attachment: fixed; }
.banner .banner-in .title h2 { font-size: 38px; line-height: 42px; color: #fff; }
.banner .banner-in .title p { margin-top: 40px; font-family: 'Mulish'; font-size: 12px; line-height: 18px; color: #fff; }

/*banner end*/
/*special start*/

#special { position: relative; padding-top: 130px; padding-bottom: 220px; background: url(../img/shadow2.png), url(../img/shadow3.png); background-position: 0% 70%, 100% 0%; background-repeat: no-repeat; }
#special > img { position: absolute; bottom: 200px; right: 29%; }
#special .special-in { margin: 0px auto; position: relative; }
#special .special-in .title { display: flex; justify-content: space-between; padding-left: 160px; }
#special .special-in .title h2 { font-family: 'Noto Serif KR'; font-size: 24px; line-height: 24px; font-weight: 500; }
#special .special-in .title p { margin-top: 10px; font-family: 'Mulish'; font-size: 12px; line-height: 18px; }
#special .special-in .title h3 { margin-top: 2.5px; font-size: 14px; font-weight: 900; letter-spacing: 2; text-align: right; padding-right: 160px; }
#special .special-in .title > div:nth-of-type(1) { width: 315px; }
#special .special-in .title > div:nth-of-type(2) { position: relative; width: 60%; }
#special .special-in .title > div:nth-of-type(2)::after { content: ""; position: absolute; top: 12.5px; width: 100%; height: 1px; background: #5c553b; }
#special .special-in .title > div:nth-of-type(3) { width: 280px; }

#special .special-in .special_wrap { position: relative; margin-top: 90px; padding-left: 160px; }
#special .special_slider .swiper-wrapper { height: auto; }
#special .special_slider .swiper-slide { position: relative; margin: 0px auto; padding-bottom: 0px; height: auto; overflow: visible; }
#special .special_slider .swiper-slide.img1 .pic { transition: .4s; }

#special .special_slider .swiper-slide.img1 .pic { background: url(../img/sub3/1/image1.jpg) no-repeat; background-size: cover; background-position: 50% 50%; height: 670px; }
#special .special_slider .swiper-slide.img2 .pic { background: url(../img/sub3/2/image4.jpg) no-repeat; background-size: cover; background-position: 50% 50%; height: 420px; margin-top: 110px; }
#special .special_slider .swiper-slide.img3 .pic { background: url(../img/sub3/3/image2.jpg) no-repeat; background-size: cover; background-position: 50% 50%; height: 670px; }
#special .special_slider .swiper-slide.img4 .pic { background: url(../img/sub3/4/image2.jpg) no-repeat; background-size: cover; background-position: 50% 50%; height: 420px; margin-top: 110px; }

#special .special_slider .swiper-slide .pic a { display: block; position: absolute; width: 100%; text-align: center; transition: .4s; }

#special .special_slider .swiper-slide.img1 .pic a,
#special .special_slider .swiper-slide.img3 .pic a,
#special .special_slider .swiper-slide.img5 .pic a { height: 670px; }

#special .special_slider .swiper-slide.img2 .pic a,
#special .special_slider .swiper-slide.img4 .pic a,
#special .special_slider .swiper-slide.img6 .pic a { height: 420px; }

#special .special_slider .swiper-slide .pic a p { position: absolute; left: calc(50% - 70px); top: calc(50% - 22.5px); display: block; width: 140px; height: 40px; font-family: 'Mulish'; font-size: 12px; font-weight: 600; line-height: 40px; letter-spacing: 2; background: #f4f2ef; border: 1px solid #5c553b; border-radius: 50%; opacity: 0; transition: .4s; }
#special .special_slider .swiper-slide .pic a:hover p { opacity: 1; }

#special .special_slider .swiper-slide .txt { left: 0px; bottom: 0px; text-align: left; }
#special .special_slider .swiper-slide .txt h2 { margin-top: 40px; font-family: 'Cormorant'; font-size: 72px; line-height: 72px; font-weight: 400; }
#special .special_slider .swiper-slide .txt p { font-family: 'Noto Sans KR'; margin-top: 15px; font-size: 14px; }
#special .special_slider .swiper-slide .txt .link { text-align: right; padding-right: 17.5px; }
#special .special_slider .swiper-slide .txt .link::after { left: auto; right: 0px; }

.special-prev:after, .special-next:after { content: "";  }
.special-prev { top: auto; bottom: -100px; left: 160px; transform: translateY(-50%); width: 81px; height: 14px; transition: .4s; z-index: 100; background: url(../img/arrow3.png) no-repeat; background-size: cover; background-position: center; font-family: 'Mulish'; font-size: 12px; color: #5c553b; letter-spacing: 2; }
.special-prev p { margin-left: 160px; }
.special-next { top: auto; bottom: -100px; right: 160px; font-size: 12px; transform: translateY(-50%); width: 81px; height: 14px; transition: .4s; z-index: 100; background: url(../img/arrow4.png) no-repeat; background-size: cover; background-position: center; font-family: 'Mulish'; color: #5c553b; letter-spacing: 2; }
.special-next p { margin-right: 160px; }
.special-prev:hover, .special-next:hover { opacity: .7; }

/*special end*/
/*rooms start*/

#rooms .title p:nth-of-type(1) { margin-top: 0px; }
#rooms .title .link { width: 125px; text-align: center; }

#rooms { position: relative; background: #ece8e3; }
#rooms .rooms-in { position: relative; }
#rooms .rooms-in .room_wrap { position: relative; display: flex; justify-content: space-between; }

#rooms .rooms-in .room_wrap > div { width: 50%; }

#rooms .rooms-in .room_wrap .txt { position: relative; padding: 220px 0px 200px; }
#rooms .rooms-in .room_wrap .txt > img { position: absolute; top: 120px; left: 10%; }
#rooms .rooms-in .room_wrap .txt > h3 { position: absolute; top: 100px; right: 180px; font-size: 14px; font-weight: 900; letter-spacing: 2; }
#rooms .rooms-in .room_wrap .txt ul { display: block; padding: 0px 180px; text-align: left; }
#rooms .rooms-in .room_wrap .txt ul li { display: inline-block; width: auto; position: relative; }
#rooms .rooms-in .room_wrap .txt ul li h2 { font-family: 'Cormorant'; font-size: 94px; font-weight: 400; line-height: 160px; color: #ece8e3; text-shadow: -1px 0 #5c553b, 0 1px #5c553b, 1px 0 #5c553b, 0 -1px #5c553b; cursor: pointer; transition: .4s; }
#rooms .rooms-in .room_wrap .txt ul li.on h2 { color: #5c553b }
#rooms .rooms-in .room_wrap .txt ul li p { position: absolute; top: 30px; right: -35px; font-size: 14px; font-weight: 600; opacity: 0.6; transition: .4s; }
#rooms .rooms-in .room_wrap .txt ul li.on p { opacity: 1; }

#rooms .rooms-in .room_wrap .pic div { position: relative; width: 100%; height: 100%; }
#rooms .rooms-in .room_wrap .pic div div { position: absolute; left: calc(50% - 200px); top: calc(50% - 320px); width: 400px; height: 640px; border-radius: 210px; }
#rooms .rooms-in .room_wrap .pic div div div { position: relative; }
#rooms .rooms-in .room_wrap .pic div div div img { position: absolute; }
#rooms .rooms-in .room_wrap .pic div div div img:nth-of-type(1) { top: -20px; right: -20px; }
#rooms .rooms-in .room_wrap .pic div div div img:nth-of-type(2) { z-index: 2; top: 120px; right: -20px; }
#rooms .rooms-in .room_wrap .pic div div div img:nth-of-type(3) { bottom: 0px; left: -75px; }
#rooms .rooms-in .room_wrap .pic div div div img:nth-of-type(4) { z-index: 2; bottom: 0px; left: 50px; }

#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(1) { position: absolute; width: 100%; height: 100%; }
#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(1) li { position: absolute; width: 100%; height: 100%; opacity: 0; transition: .4s; }
#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(1) li:nth-child(1) { background: url(http://alpinep.cdn1.cafe24.com/sub2/room1.jpg) no-repeat; background-size: cover; background-position: center; }
#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(1) li:nth-child(2) { background: url(http://alpinep.cdn1.cafe24.com/sub2/room2.jpg) no-repeat; background-size: cover; background-position: center; }
#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(1) li.on { opacity: 1; }

#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(2) { position: absolute; left: calc(50% - 200px); top: calc(50% - 320px); width: 400px; height: 640px; border-radius: 210px; }
#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(2) li { position: absolute;  width: 100%; height: 100%; border-radius: 210px; opacity: 0; transition: .4s; }
#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(2) li:nth-child(1) { background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image1.jpg) no-repeat; background-size: cover; background-position: center; }
#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(2) li:nth-child(2) { background: url(http://alpinep.cdn1.cafe24.com/sub2/2/image1.jpg) no-repeat; background-size: cover; background-position: 45% 50%; }
#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(2) li.on { opacity: 1; z-index: 2; }

#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(2) li a { position: relative; display: block; width: 400px; height: 640px; }
#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(2) li a p { position: absolute; z-index: 2; left: calc(50% - 70px); top: calc(50% - 22.5px); display: block; width: 140px; height: 40px; font-family: 'Mulish'; font-size: 12px; font-weight: 600; line-height: 40px; letter-spacing: 2; text-align: center; background: #f4f2ef; border: 1px solid #5c553b; border-radius: 50%; opacity: 0; transition: .4s; }
#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(2) li a:hover p { opacity: 1; }

/*rooms end*/
/*banner2 end*/
#banner2 { background: url(../img/shadow4.png), url(../img/shadow5.png); background-position: 0% 0%, 100% 0%; background-repeat: no-repeat; }
#banner2 .banner2-in { padding: 150px 0px; text-align: center; }
#banner2 .banner2-in .title { position: relative; }
#banner2 .banner2-in .title img:nth-of-type(1) { position: absolute; top: -30px; left: 15%;}
#banner2 .banner2-in .title img:nth-of-type(2) { position: absolute; top: -30px; right: 15%;}
#banner2 .banner2-in .title h2 { font-size: 72px; line-height: 72px; }
#banner2 .banner2-in .title p { margin-top: 40px; font-family: "Noto Serif KR"; font-size: 12px; line-height: 18px; }
#banner2 .banner2-in .title .link { margin: 60px auto 0px; }


/* 반응형 시작 */


@media (max-width: 1580px) {
	
	section .defalt-w { width: 100%; }
	
	.sec1-prev { left: 20px; }
	.sec1-next { right: 20px; }
	
	.special-prev { left: 20px; }
	.special-next { right: 20px; }
	
	#special .special-in .title { padding-left: 20px; }
	#special .special-in .title h3 { padding-right: 20px; }
	#special .special-in .title > div:nth-of-type(1) { width: auto; }
	#special .special-in .title > div:nth-of-type(2) { width: 65%; }
	#special .special-in .title > div:nth-of-type(3) { width: auto; }
	#special .special-in .special_wrap { padding-left: 20px; }
	
	#rooms .rooms-in .room_wrap .txt ul { padding: 0px 20px; }
	#rooms .rooms-in .room_wrap .txt > img { left: 20px; }
	#rooms .rooms-in .room_wrap .txt > h3 { right: 60px; }
	
	#banner2 .banner2-in .title img:nth-of-type(1) { left: 7.5%; }
	#banner2 .banner2-in .title img:nth-of-type(2) { right: 7.5%; }
	
	
}

@media (max-width: 1280px) {
	
	#special .special-in .title > div:nth-of-type(2) { width: 55%; }
	
}

@media (max-width: 1024px) {
	
	#main .sec1_slider .swiper-slide .txt { top: 50%; }
	#main .sec1_slider .swiper-slide .txt > .txt-in > h1 { font-size: 38px; line-height: 38px; }
	
	#intro { padding-top: 0px; padding-bottom: 120px; }
	#intro .intro-in .intro-wrap { flex-flow: column; }
	#intro .intro-in .intro-wrap .title { width: 100%; padding: 120px 20px 0px; background-position: 260px 80%; }
	#intro .intro-in .intro-wrap .title h2 { font-size: 50px; line-height: 50px; }
	#intro .intro-in .intro-wrap .title h2 img:nth-of-type(1) {  width: 50px; }
	#intro .intro-in .intro-wrap .title p { margin-top: 20px; }
	#intro .intro-in .intro-wrap .title p br { display: none; }
	#intro .intro-in .intro-wrap .title .link { margin-top: 40px; }
	#intro .intro-in .intro-wrap .picture { margin-top: 80px; width: 100%; height: 420px; }
	
	.banner .banner-in { padding: 140px 0px; }
	.banner .banner-in .title h2 { font-size: 28px; line-height: 28px; }
	
	#special { padding-top: 120px; }
	#special > img { right: 20px; width: 120px; }
	#special .special-in .title h2 { font-size: 18px; }
	#special .special-in .title p { margin-top: 2px; }
	#special .special-in .title > div:nth-of-type(2) { width: 40%; }
	#special .special-in .special_wrap { margin-top: 80px; }
	#special .special_slider .swiper-slide .txt h2 { font-size: 38px; line-height: 38px; }
	#special .special_slider .swiper-slide.img1 .pic a, #special .special_slider .swiper-slide.img3 .pic a, #special .special_slider .swiper-slide.img5 .pic a { height: 480px; }
	#special .special_slider .swiper-slide.img1 .pic,
	#special .special_slider .swiper-slide.img2 .pic,
	#special .special_slider .swiper-slide.img3 .pic,
	#special .special_slider .swiper-slide.img4 .pic,
	#special .special_slider .swiper-slide.img5 .pic,
	#special .special_slider .swiper-slide.img6 .pic{ height: 420px; margin-top: 0px; }
	
	#rooms .rooms-in .room_wrap { flex-flow: column; }
	#rooms .rooms-in .room_wrap .txt { padding: 130px 0px 0px; }
	#rooms .rooms-in .room_wrap .txt > img { top: 80px; left: 20px; width: 80px; }
	#rooms .rooms-in .room_wrap .txt > h3 { right: 20px; }
	#rooms .rooms-in .room_wrap .txt ul { display: flex; justify-content: space-around; }
	#rooms .rooms-in .room_wrap .txt ul li h2 { font-size: 50px; }
	#rooms .rooms-in .room_wrap .txt ul li p { right: 0px; font-size: 12px; }
	#rooms .rooms-in .room_wrap .txt { width: 100%; }
	#rooms .rooms-in .room_wrap > .pic { width: 100%; height: 420px; }
	#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(2) { width: 640px; height: 320px; top: calc(50% - 160px); left: calc(50% - 320px); }
	#rooms .rooms-in .room_wrap .pic div div { width: 640px; height: 320px; top: calc(50% - 160px); left: calc(50% - 320px); }
	#rooms .rooms-in .room_wrap .pic div div div img:nth-of-type(1) { width: 70px; right: 0px; }
	#rooms .rooms-in .room_wrap .pic div div div img:nth-of-type(2) { width: 30px; top: 80px; right: 0px; }
	#rooms .rooms-in .room_wrap .pic div div div img:nth-of-type(3) { width: 100px; left: -20px; }
	#rooms .rooms-in .room_wrap .pic div div div img:nth-of-type(4) { width: 30px; left: 80px; }
	#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(2) li a { width: 640px; height: 320px; }
	
	#banner2 .banner2-in { padding: 120px 0px 80px; }
	#banner2 .banner2-in .title h2 { font-size: 50px; line-height: 50px; }
	#banner2 .banner2-in .title img:nth-of-type(1) { top: -50px; left: 20px; width: 110px; }
	#banner2 .banner2-in .title img:nth-of-type(2) { top: -50px; right: 20px; width: 110px; }
	
}


@media (max-width: 768px) {
	
	#main { height: 70vh; }
	#main .sec1_slider .swiper-slide.swiper-slide-active .txt > .txt-in > p { font-size: 11px; margin-bottom: 20px; }
	#main .sec1_slider .swiper-slide .txt > .txt-in > h1 { font-size: 32px; line-height: 32px; }
	.sec1-prev { left: 20px; }
	.sec1-next { right: 20px; }
	#main .swiper-pagination-fraction, #main .swiper-pagination-custom, #main .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 30px; }
	
	#intro { padding-bottom: 80px; }
	#intro .intro-in .intro-wrap .title { padding: 80px 20px 0px; background-position: 50px 80%; }
	#intro .intro-in .intro-wrap .title h2 { font-size: 32px; line-height: 32px; }
	#intro .intro-in .intro-wrap .title h2 img:nth-of-type(1) { width: 35px; }
	#intro .intro-in .intro-wrap .title p { font-size: 12px; line-height: 22px; }
	#intro .intro-in .intro-wrap .picture { height: 320px; }
	
	.banner .banner-in { padding: 100px 0px; }
	.banner .banner-in .title h2 { font-size: 24px; line-height: 24px; }
	.banner .banner-in .title p { margin-top: 20px; }
	
	#special { padding-top: 80px; padding-bottom: 120px; }
	#special > img { width: 80px; bottom: 120px; }
	#special .special-in .title { flex-wrap: wrap; }
	#special .special-in .title > div:nth-of-type(1) { width: 100%; }
	#special .special-in .title > div:nth-of-type(2) { width: 75%; }
	#special .special-in .title > div:nth-of-type(2)::after { top: 25px; }
	#special .special-in .title > div:nth-of-type(3) { width: 25%; }
	#special .special-in .title h3 { margin-top: 15px; font-size: 12px; }
	#special .special-in .special_wrap { margin-top: 40px; }
	#special .special_slider .swiper-slide.img2 .pic { margin-top: 0px; }
	#special .special_slider .swiper-slide.img1 .pic, #special .special_slider .swiper-slide.img2 .pic, #special .special_slider .swiper-slide.img3 .pic, #special .special_slider .swiper-slide.img4 .pic, #special .special_slider .swiper-slide.img5 .pic, #special .special_slider .swiper-slide.img6 .pic { height: 320px; }
	#special .special_slider .swiper-slide.img2 .pic a, #special .special_slider .swiper-slide.img4 .pic a, #special .special_slider .swiper-slide.img6 .pic a { height: 320px; }
	#special .special_slider .swiper-slide .txt h2 { font-size: 24px; line-height: 24px; }
	#special .special_slider .swiper-slide .txt p { margin-top: 5px; font-size: 12px; }
	.special-prev { bottom: -80px; }
	.special-next { bottom: -80px; }
	
	#rooms .rooms-in .room_wrap .txt { padding: 100px 0px 0px; }
	#rooms .rooms-in .room_wrap .txt > img { top: 30px; width: 50px; }
	#rooms .rooms-in .room_wrap .txt > h3 { top: 50px; font-size: 12px; }
	#rooms .rooms-in .room_wrap .txt ul li p { top: 15px; }
	#rooms .rooms-in .room_wrap .txt ul li h2 { font-size: 32px; line-height: 100px; }
	#rooms .rooms-in .room_wrap > .pic { height: 320px; }
	#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(2) { width: 480px; height: 260px; top: calc(50% - 130px); left: calc(50% - 240px); }
	#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(2) li a { width: 480px; height: 260px; top: calc(50% - 130px); left: calc(50% - 240px);  }
	#rooms .rooms-in .room_wrap .pic div div { width: 480px; height: 260px; top: calc(50% - 130px); left: calc(50% - 240px); }
	#rooms .rooms-in .room_wrap .pic div div div img:nth-of-type(1) { top: 0px; width: 50px; }
	#rooms .rooms-in .room_wrap .pic div div div img:nth-of-type(2) { width: 25px; top: 70px; }
	#rooms .rooms-in .room_wrap .pic div div div img:nth-of-type(3) { width: 80px; left: -10px; }
	#rooms .rooms-in .room_wrap .pic div div div img:nth-of-type(4) { left: 0px; }
	
	#banner2 .banner2-in { padding: 120px 0px 80px; }
	#banner2 .banner2-in .title img:nth-of-type(1) { top: -25px; left: 10px; width: 70px; }
	#banner2 .banner2-in .title img:nth-of-type(2) { top: -25px; right: 10px; width: 70px; }
	#banner2 .banner2-in .title h2 { font-size: 24px; line-height: 24px; }
	#banner2 .banner2-in .title p { margin-top: 20px; }
	
}


@media (max-width: 520px) {
	
	#special .special-in .title > div:nth-of-type(2) { width: 65%; }
	#special .special-in .title > div:nth-of-type(3) { width: 35%; }
	
	#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(2) { width: 320px; height: 240px; top: calc(50% - 120px); left: calc(50% - 160px); border-radius: 100px; }
	#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(2) li { border-radius: 100px; }
	#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(2) li a { width: 320px; height: 240px; top: calc(50% - 120px); left: calc(50% - 160px); border-radius: 100px; }
	#rooms .rooms-in .room_wrap .pic div div { width: 320px; height: 240px; top: calc(50% - 120px); left: calc(50% - 160px); border-radius: 100px; }
	#rooms .rooms-in .room_wrap .txt ul li h2 { font-size: 24px; }
	#rooms .rooms-in .room_wrap .txt ul li p { font-size: 11px; }
	
}

@media (max-width: 480px) {
	
	#intro .intro-in .intro-wrap .picture { height: 240px; }
	#special .special_slider .swiper-slide.img2 .pic a, #special .special_slider .swiper-slide.img4 .pic a, #special .special_slider .swiper-slide.img6 .pic a { height: 240px; }
	#special .special_slider .swiper-slide.img1 .pic, #special .special_slider .swiper-slide.img2 .pic, #special .special_slider .swiper-slide.img3 .pic, #special .special_slider .swiper-slide.img4 .pic, #special .special_slider .swiper-slide.img5 .pic, #special .special_slider .swiper-slide.img6 .pic { height: 240px; }
	#rooms .rooms-in .room_wrap > .pic { height: 280px; }
	
}


@media (max-width: 420px) { 
	
	#main .sec1_slider .swiper-slide .txt > .txt-in > h1 { font-size: 24px; line-height: 24px; }
	.sec1-prev { width: 40px; background-position: left; }
	.sec1-prev p { left: 50px; font-size: 11px; }
	.sec1-next { width: 40px; background-position: right; }
	.sec1-next p { right: 50px; font-size: 11px; }
	#main .swiper-pagination-fraction, #main .swiper-pagination-custom, #main .swiper-container-horizontal > .swiper-pagination-bullets { width: 100px; left: calc(50% - 50px); }
	
	#special .special-in .title > div:nth-of-type(2) { width: 55%; }
	#special .special-in .title > div:nth-of-type(3) { width: 45%; }
	.special-prev { width: 40px; background-position: left; }
	.special-prev p { margin-left: 120px; font-size: 11px; }
	.special-next { width: 40px; background-position: right; }
	.special-next p { margin-right: 120px; font-size: 11px; }
	#special .swiper-pagination-fraction, #special .swiper-pagination-custom, #special .swiper-container-horizontal > .swiper-pagination-bullets { width: 100px; left: calc(50% - 50px); }
	
}