@charset "utf-8"; /*main start*/

#main { position: relative; overflow: hidden; width: 100%; height: 100vh; } 
#main .swiper-container .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 .swiper-container .txt>.txt-in { display: inline-block; margin: 0px auto; } 
#main .swiper-container .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 .swiper-container .txt>.txt-in>h1 { animation: fadeInUp 1.2s; } 
#main .swiper-container .txt>.txt-in>p { position: relative; margin-bottom: 20px; font-family: "Noto Serif KR"; font-size: 12px; line-height: 18px; font-weight: 300; } 
#main .swiper-container .txt>.txt-in>p { animation: fadeInUp 1.2s; } 
#main .swiper-container .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; } 
#main .sec1_slider .swiper-slide.img15 { background: url(../img/main/image15.jpg) no-repeat; background-size: cover; background-position: center; } 
#main .sec1_slider .swiper-slide.img16 { background: url(../img/main/image16.jpg) no-repeat; background-size: cover; background-position: center; } 
#main .sec1_slider .swiper-slide.img17 { background: url(../img/main/image17.jpg) no-repeat; background-size: cover; background-position: center; } 
#main .sec1_slider .swiper-slide.img18 { background: url(../img/main/image18.jpg) no-repeat; background-size: cover; background-position: center; } 
#main .sec1_slider .swiper-slide.img19 { background: url(../img/main/image19.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: 35% 50%; } 

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


.banner .banner-in { padding: 220px 0px; text-align: center; background: url(../img/main/image18.jpg); background-size: cover; background-position: center; 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: 6px; height: auto; overflow: visible; } 
#special .special_slider .swiper-slide.img1 .pic { transition: .4s; } 
#special .special_slider .swiper-slide.img1 .pic { background: url(../img/sub2/1/image1.jpg) no-repeat; background-size: cover; background-position: 50% 50%; height: 670px; } 
#special .special_slider .swiper-slide.img2 .pic { background: url(../img/sub2/1/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/sub2/1/image2.jpg) no-repeat; background-size: cover; background-position: 50% 50%; height: 670px; } 
#special .special_slider .swiper-slide.img4 .pic { background: url(../img/sub2/1/image6.jpg) no-repeat; background-size: cover; background-position: 50% 50%; height: 420px; margin-top: 110px; } 
#special .special_slider .swiper-slide.img5 .pic { background: url(../img/sub2/1/image5.jpg) no-repeat; background-size: cover; background-position: 50% 50%; height: 670px; } 
#special .special_slider .swiper-slide.img6 .pic { background: url(../img/sub2/1/image3.jpg) no-repeat; background-size: cover; background-position: 50% 50%; height: 420px; margin-top: 110px; } 
#special .special_slider .swiper-slide.img7 .pic { background: url(../img/sub2/2/image2.jpg) no-repeat; background-size: cover; background-position: 50% 50%; height: 670px; } 
#special .special_slider .swiper-slide.img8 .pic { background: url(../img/sub2/3/image8.jpg) no-repeat; background-size: cover; background-position: 50% 50%; height: 420px; margin-top: 110px; } 
#special .special_slider .swiper-slide.img9 .pic { background: url(../img/sub2/4/image2.jpg) no-repeat; background-size: cover; background-position: 50% 50%; height: 670px; } 
#special .special_slider .swiper-slide.img10 .pic { background: url(../img/sub2/1/image7.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,
#special .special_slider .swiper-slide.img7 .pic a, 
#special .special_slider .swiper-slide.img9 .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,
#special .special_slider .swiper-slide.img8 .pic a, 
#special .special_slider .swiper-slide.img10 .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 { display: none; 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; width:auto; } 
#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 0 0 150px; text-align: left; } 
#rooms .rooms-in .room_wrap .txt ul li { width: 100%; position: relative; } 
#rooms .rooms-in .room_wrap .txt ul li h2 { width:auto; position: relative; 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 h2:after { color:#5c553b; font-family: "Noto Serif KR"; font-weight: 400; position: absolute; top: -40px; font-size: 14px; font-weight: 600; opacity: 0.6; text-shadow: none; transition: .4s; } 
#rooms .rooms-in .room_wrap .txt ul li:nth-child(1) h2:after { content:'개별바비큐장'; right: -5%; } 
#rooms .rooms-in .room_wrap .txt ul li:nth-child(2) h2:after { content:'잔디정원'; right: 15%; } 
#rooms .rooms-in .room_wrap .txt ul li:nth-child(3) h2:after { content:'펜션앞계곡'; right: 59%; } 
#rooms .rooms-in .room_wrap .txt ul li:nth-child(4) h2:after { content:'카페테리아'; right: 41%; } 
#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 .back :nth-child(1) { background: url(../img/sub3/1/image1.jpg) no-repeat; background-size: cover; background-position: center; } 
#rooms .rooms-in .room_wrap .pic div .back li { position: relative; } 
#rooms .rooms-in .room_wrap .pic div .back li::after { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; backdrop-filter: blur(10px); } 
#rooms .rooms-in .room_wrap .pic div .back :nth-child(2) { background: url(../img/sub3/2/image1.jpg) no-repeat; background-size: cover; background-position: center; } 
#rooms .rooms-in .room_wrap .pic div .back :nth-child(3) { background: url(../img/sub3/3/image1.jpg) no-repeat; background-size: cover; background-position: center; } 
#rooms .rooms-in .room_wrap .pic div .back :nth-child(4) { background: url(../img/sub3/4/image1.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(../img/sub3/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(../img/sub3/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:nth-child(3) { background: url(../img/sub3/3/image1.jpg) no-repeat; background-size: cover; background-position: 45% 50%; } 
#rooms .rooms-in .room_wrap .pic div ul:nth-of-type(2) li:nth-child(4) { background: url(../img/sub3/4/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; color: #f4f2ef; border: 1px solid #f4f2ef; border-radius: 50%; opacity: 0; transition: .4s; filter:drop-shadow(0 1px 3px rgba(0,0,0,.1)); } 

#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 all and (min-width:1921px) and (max-width:3840px){
 #rooms .rooms-in .room_wrap .txt ul { padding-left:220px; } 
 }

@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: 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: 1360px){
 #rooms .rooms-in .room_wrap .txt ul li h2 { font-size: 84px; } 
 #rooms .rooms-in .room_wrap .txt ul li h2:after { top:-30px; } 
 }

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

@media (max-width: 1200px){
 #rooms .rooms-in .room_wrap .txt ul li h2 { font-size: 70px; } 
 #rooms .rooms-in .room_wrap .txt ul li h2:after { top:-30px; font-size:12px; } 
 #rooms .rooms-in .room_wrap .txt ul li:nth-child(1) h2:after { right: -3%; } 
 #rooms .rooms-in .room_wrap .txt ul li:nth-child(2) h2:after { right: 17%; } 
 #rooms .rooms-in .room_wrap .txt ul li:nth-child(3) h2:after { right: 60%; } 
 #rooms .rooms-in .room_wrap .txt ul li:nth-child(4) h2:after { right: 42%; } 
 }


@media (max-width: 1024px){
    #main .swiper-container .txt { top: 50%; } 

 #main .swiper-container .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,
#special .special_slider .swiper-slide.img7 .pic a 
#special .special_slider .swiper-slide.img9 .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,
#special .special_slider .swiper-slide.img7 .pic,
#special .special_slider .swiper-slide.img8 .pic,
#special .special_slider .swiper-slide.img9 .pic,
#special .special_slider .swiper-slide.img10 .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 h2:after { top:-30px; font-size:12px; } 
#rooms .rooms-in .room_wrap .txt ul li:nth-child(1) h2:after { right: auto; left:-2%; } 
#rooms .rooms-in .room_wrap .txt ul li:nth-child(2) h2:after { right: auto; left:-2%; } 
#rooms .rooms-in .room_wrap .txt ul li:nth-child(3) h2:after { right: auto; left:-2%; } 
#rooms .rooms-in .room_wrap .txt ul li:nth-child(4) h2:after { right: auto; left:-2%; } 

#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; } 
 
 #rooms .rooms-in .room_wrap .txt ul li h2 { line-height: 1.25em; } 
 
 

#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 .swiper-container .txt>.txt-in>p { font-size: 11px; margin-bottom: 20px; } 
#main .swiper-container .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,
#special .special_slider .swiper-slide.img7 .pic,
#special .special_slider .swiper-slide.img8 .pic,
#special .special_slider .swiper-slide.img9 .pic,
#special .special_slider .swiper-slide.img10 .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,
#special .special_slider .swiper-slide.img8 .pic a
#special .special_slider .swiper-slide.img10 .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: 1.25em; } 
#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: 50px; } 
#banner2 .banner2-in .title img:nth-of-type(2) { top: -25px; right: 10px; width: 50px; } 
#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,
#special .special_slider .swiper-slide.img8 .pic a,
#special .special_slider .swiper-slide.img10 .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,
#special .special_slider .swiper-slide.img7 .pic,
#special .special_slider .swiper-slide.img8 .pic,
#special .special_slider .swiper-slide.img9 .pic,
#special .special_slider .swiper-slide.img10 .pic { height: 240px; } 

#rooms .rooms-in .room_wrap>.pic { height: 280px; } 
 
 }


@media (max-width: 430px){
 #main .swiper-container .txt>.txt-in>h1 { font-size: 24px; line-height: 24px; } 
 
 
 #rooms .rooms-in .room_wrap .txt ul { flex-flow:wrap; justify-content: flex-start; padding: 20px 40px; } 
 #rooms .rooms-in .room_wrap .txt ul li h2 { font-size:36px; } 
 #rooms .rooms-in .room_wrap .txt ul li h2:after { display: none; } 
 #rooms .rooms-in .room_wrap .txt ul li { margin-bottom:10px; padding:0 4px; } 
 #rooms .rooms-in .room_wrap .txt ul li:nth-child(1) { width: auto; } 
 #rooms .rooms-in .room_wrap .txt ul li:nth-child(2) { width: auto; } 
 #rooms .rooms-in .room_wrap .txt ul li:nth-child(3) { width: auto; margin-right:60px; } 
 #rooms .rooms-in .room_wrap .txt ul li:nth-child(4) { width: auto; } 
 
.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); } 
 }

@media (max-width: 380px){
 #rooms .rooms-in .room_wrap .txt ul li { padding:0; } 
 }