@charset "utf-8";

/*main start*/

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

/* #main .main-in { padding: 110px 110px 0px; } */

#main .sec1_slider { position: relative; width:100%; 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;}
#main .sec1_slider .swiper-slide.img20{background: url(../img/main/image20.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img21{background: url(../img/main/image21.jpg) no-repeat; background-size: cover; background-position: center;}



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

.sec1-next:after, .sec1-prev:after { content: "";  }
.sec1-next { right: 0px; top: auto; bottom: 0px; width: 60px; height: 60px; background: #fff; background-size: cover; z-index: 999; }
.sec1-prev { left:auto; right: 0px; top: auto; bottom: 61px; width: 60px; height: 60px; background: #fff; background-size: cover; z-index: 999; }
.sec1-prev img, .sec1-next img { transition: .4s; }
.sec1-prev:hover img, .sec1-next:hover img { opacity: .7; }

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 50px; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 20px; }
.swiper-pagination-bullet { opacity: 1; background: #fff; height: 5px; width: 5px; }
.swiper-pagination-bullet-active { height: 7px; width: 7px; }
.main-txt{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);z-index:99;text-align:center;color:#fff;}
.main-txt>p{margin-bottom:15px;font-size:16px;text-shadow:0 0 5px rgba(0,0,0,0.2);}
.main-txt>h2{font-family: 'Old Standard TT';font-size:50px;text-shadow:0 0 5px rgba(0,0,0,0.2);font-weight:400;}
.main-txt>h2 .br-375{ display: none;}

/*main end*/  

section .defalt-w { width:1600px;margin:0 auto; }

#video-area{position:relative;width:100%;margin:150px 0;}
.video-area-in{position:relative;width:1600px;height:700px;}

.video-area-in iframe { width:100%;height:100%; pointer-events: none; }

/*intro start*/

.video-m-box { margin-bottom: 80px; display: none; }

#intro { margin-top: 120px; }
#intro .title .title-in { text-align: center; }
#intro .title .title-in h1 { font-family: 'Old Standard TT'; font-size: 47px; font-weight: 400; letter-spacing: 1; }

#intro .intro-in .points { margin-top: 70px; }
#intro .intro-in .points .points-in { display: flex; justify-content: space-between; }
#intro .intro-in .points .points-in .point { padding: 110px 10px; width: 24%; text-align: center; border: 1px solid #ece8e5; transition: .4s; position: relative; display: flex; justify-content: center; align-items: center; }
#intro .intro-in .points .points-in .point:after {background:#000; opacity:.1; content:''; width: 100%; height: 100%; display:block; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); transition: .4s; }
#intro .intro-in .points .points-in .point:nth-of-type(1) { background-image: url(http://atlpen2.cdn3.cafe24.com/sub2/8/image18.jpg); background-size: cover; background-position: center; }
#intro .intro-in .points .points-in .point:nth-of-type(2) { background-image: url(../img/sub3/2/image1.jpg); background-size: cover; background-position: center; }
#intro .intro-in .points .points-in .point:nth-of-type(3) { background-image: url(../img/sub3/5/image1.jpg); background-size: cover; background-position: center; }
#intro .intro-in .points .points-in .point:nth-of-type(4) { background-image: url(../img/sub6/3.jpg); background-size: cover; background-position: 70% 50%; }
#intro .intro-in .points .points-in .point .p_in{ transition: .4s; position:relative; z-index:2; width: 90%; margin: 0 auto; padding: 30px 0; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); opacity: 0;}
#intro .intro-in .points .points-in .point .p_in h2 { font-family: 'Old Standard TT'; font-size: 27px; font-weight: 400; transition: .4s; color: #fff; position: relative; z-index: 2;}
#intro .intro-in .points .points-in .point .p_in h3 { margin-top: 40px; font-family: 'Old Standard TT'; font-size: 25px; font-weight: 400; transition: .4s; color: #fff; position: relative; z-index: 2;}
#intro .intro-in .points .points-in .point .p_in p { margin-top: 20px; font-size: 12px; line-height: 25px; opacity: 1; transition: .4s; color: #fff; position: relative; z-index: 2;}
#intro .intro-in .points .points-in .point .p_in div { margin-top: 50px; position: relative; z-index:5; }
#intro .intro-in .points .points-in .point .p_in div a { position: relative; font-family: 'Mulish'; font-size: 11px; font-weight: 600; letter-spacing: 4; transition: .4s; padding:10px 0; color: #fff;}
#intro .intro-in .points .points-in .point .p_in div a::after { content: ''; position: absolute; right : -25px; bottom: 16px; width: 20px; height: 1px; background: #fff; transition: .4s; }
#intro .intro-in .points .points-in .point .p_in:after { border: 2px solid #fff; background:#ccc; opacity:.2; content:''; width: 100%; height: 100%; display:block; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); transition: .4s; border-radius: 2px; }
#intro .intro-in .points .points-in .point .p_in:hover div a::after { right: -10px; }
#intro .intro-in .points .points-in .point:hover .p_in{opacity: 1;}


#intro .intro-in .greet { margin-top: 160px; }
#intro .intro-in .greet .greet-in { display: flex; justify-content: space-between; }

#intro .intro-in .greet .greet-in .left { width: 42%; height: 682px; background: url(../img/main/image1.jpg); background-size: cover; background-position: 60% 50%;}

#intro .intro-in .greet .greet-in .right { padding-top: 130px; width: 45%; }
#intro .intro-in .greet .greet-in .right > div { position: relative; height: 120px; }
#intro .intro-in .greet .greet-in .right > div > h3 { position: absolute; top: -100px; left: -60px; margin-top: 130px; font-family: 'Mulish'; font-size: 11px; font-weight: 600; letter-spacing: 4; color: #44604b; color: #445660; transform: rotate(-90deg);}
#intro .intro-in .greet .greet-in .right > div > h3 > div { display: inline-block; width: 33px; height: 1px; background: #44604b; margin-bottom: 3px; margin-left: 10px; }
#intro .intro-in .greet .greet-in .right h2 { margin-top: 10px; font-family: 'Old Standard TT'; font-size: 35px; font-weight: 400; letter-spacing: 1; }
#intro .intro-in .greet .greet-in .right p { margin-top: 25px; margin-bottom: 40px; font-size: 12px; line-height: 25px; opacity: 0.7; }


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

#banner1 { margin-top: 130px; }
#banner1 .banner1-in { height: 400px;background: url(../img/main/image13.jpg); background-size: cover; background-position: 50% 55%; background-attachment: fixed; }

/*banner end*/
/*rooms start*/

#rooms { margin-top: 160px; }
#rooms .title .title-in { text-align: center; }
#rooms .title .title-in h1 { display: inline-block; width: auto; position: relative; font-family: 'Old Standard TT'; font-size: 47px; font-weight: 400; letter-spacing: 1; }
#rooms .title .title-in h1::before { content: ''; position: absolute; top: -40px; width: 107px; height: 1px; background: #44604b; }
#rooms .title .title-in h1::after { content: ''; position: absolute; top: -35px; right: 0px; width: 107px; height: 1px; background: #44604b; }

#rooms .rooms-in .rooms-wrap { margin-top: 90px; }
#rooms .rooms-in .rooms-wrap .room-tab { display: flex; justify-content: space-between; }
#rooms .rooms-in .rooms-wrap .room-tab .txt-tab { padding-left: 5%; padding-bottom: 80px; width: 32.5%; background: #44604b; color: #fff;  background: #445660; }
#rooms .rooms-in .rooms-wrap .room-tab .txt-tab ul li { display: none; }
#rooms .rooms-in .rooms-wrap .room-tab .txt-tab ul li.on { display: block; }
#rooms .rooms-in .rooms-wrap .room-tab .txt-tab div { margin-top: 150px; position: relative; height: 120px; }
#rooms .rooms-in .rooms-wrap .room-tab .txt-tab div { position: relative; height: 100px; }
#rooms .rooms-in .rooms-wrap .room-tab .txt-tab div > h3 { position: absolute; top: -175px; left: -117.5px; margin-top: 130px; font-family: 'Mulish'; font-size: 11px; font-weight: 600; letter-spacing: 4; transform: rotate(-90deg);}
#rooms .rooms-in .rooms-wrap .room-tab .txt-tab div > h3 > div { display: inline-block; width: 33px; height: 1px; background: #fff; margin-bottom: 3px; margin-left: 10px; }
#rooms .rooms-in .rooms-wrap .room-tab .txt-tab h2 { margin-top: 10px; font-size: 35px; font-weight: 400; letter-spacing: 1; }
#rooms .rooms-in .rooms-wrap .room-tab .txt-tab p { margin-top: 10px; font-size: 12px; line-height: 25px; }

#rooms .rooms-in .rooms-wrap .room-tab .pic-tab { position: relative; width: 65%; overflow: hidden; }
#rooms .rooms-in .rooms-wrap .room-tab .pic-tab li { position: absolute; width: 100%; height: 100%; opacity: 0; transition: .3s; }
#rooms .rooms-in .rooms-wrap .room-tab .pic-tab:hover li { transform: scale(1.1);}
#rooms .rooms-in .rooms-wrap .room-tab .pic-tab li.on { opacity: 1; z-index: 100; }
#rooms .rooms-in .rooms-wrap .room-tab .pic-tab li a { display: block; width: 100%; height: 100%; }
#rooms .rooms-in .rooms-wrap .room-tab .pic-tab li:nth-of-type(1) { background: url(http://atlpen2.cdn3.cafe24.com/sub2/1/image1.jpg); background-size: cover; background-position: center; }
#rooms .rooms-in .rooms-wrap .room-tab .pic-tab li:nth-of-type(2) { background: url(http://atlpen2.cdn3.cafe24.com/sub2/2/image1.jpg); background-size: cover; background-position: center; }
#rooms .rooms-in .rooms-wrap .room-tab .pic-tab li:nth-of-type(3) { background: url(http://atlpen2.cdn3.cafe24.com/sub2/3/image4.jpg); background-size: cover; background-position: center 60%; }
#rooms .rooms-in .rooms-wrap .room-tab .pic-tab li:nth-of-type(4) { background: url(http://atlpen2.cdn3.cafe24.com/sub2/4/image3.jpg); background-size: cover; background-position: center; }
#rooms .rooms-in .rooms-wrap .room-tab .pic-tab li:nth-of-type(5) { background: url(http://atlpen2.cdn3.cafe24.com/sub2/5/image1.jpg); background-size: cover; background-position: center 60%; }
#rooms .rooms-in .rooms-wrap .room-tab .pic-tab li:nth-of-type(6) { background: url(http://atlpen2.cdn3.cafe24.com/sub2/6/image10.jpg); background-size: cover; background-position: center; }
#rooms .rooms-in .rooms-wrap .room-tab .pic-tab li:nth-of-type(7) { background: url(http://atlpen2.cdn3.cafe24.com/sub2/7/image2.jpg); background-size: cover; background-position: center 70%; }
#rooms .rooms-in .rooms-wrap .room-tab .pic-tab li:nth-of-type(8) { background: url(http://atlpen2.cdn3.cafe24.com/sub2/8/image1.jpg); background-size: cover; background-position: center; }

#rooms .rooms-in .rooms-wrap .name-tab { display: flex; justify-content: space-around; margin-top: 60px; text-align: center;}
#rooms .rooms-in .rooms-wrap .name-tab li { display: inline-block; }
#rooms .rooms-in .rooms-wrap .name-tab li { position: relative; margin-left: 40px; font-family: 'Mulish'; font-size: 12px; font-weight: 600; cursor: pointer; color: #a5a5a5; }
#rooms .rooms-in .rooms-wrap .name-tab li::after { content: ''; position: absolute; right : -10px; bottom: 6px; width: 0%; height: 1px; background: #a5a5a5; transition: .3s; }
#rooms .rooms-in .rooms-wrap .name-tab li.on::after { width: 20px; background: #000000; }
#rooms .rooms-in .rooms-wrap .name-tab li:hover::after { width: 20px; }
#rooms .rooms-in .rooms-wrap .name-tab li.on { color: #44604b; }
#rooms .rooms-in .rooms-wrap .name-tab li:nth-of-type(1) { margin-left: 0px; }

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

#special { margin-top: 140px; }

#special .special-in .facility { display: flex; justify-content: space-between; border-top: 1px solid #ece8e5; }
#special .special-in .facility:last-child { border-bottom: 1px solid #ece8e5; }
#special .special-in .facility .left { width: 50%; height: 585px; background-size: cover; background-position: center; overflow: hidden; }
#special .special-in .facility:nth-of-type(2) .left:nth-of-type(1) { display: none; }
#special .special-in .facility .left a { display: block; width: 100%; height: 100%; transition: .3s; }
#special .special-in .facility:nth-of-type(1) .left a { background: url(../img/sub3/1/image1.jpg); background-size: cover; background-position: center; }
#special .special-in .facility:nth-of-type(2) .left a { background: url(../img/sub3/2/image1.jpg); background-size: cover; background-position: center; }
#special .special-in .facility:nth-of-type(3) .left a { background: url(../img/sub3/3/image1.jpg); background-size: cover; background-position: center; }
#special .special-in .facility:nth-of-type(4) .left a { background: url(../img/sub3/4/image1.jpg); background-size: cover; background-position: center; }
#special .special-in .facility:nth-of-type(5) .left a { background: url(../img/sub3/5/image1.jpg); background-size: cover; background-position: center; }
#special .special-in .facility:nth-of-type(6) .left a { background: url(../img/sub3/6/image1.jpg); background-size: cover; background-position: center; }
#special .special-in .facility .left:hover a { transform: scale(1.1);}

#special .special-in .facility .right { padding-top: 190px; padding-left: 8%; width: 50%; background: #fff; }
#special .special-in .facility .right > div { position: relative; height: 120px; }
#special .special-in .facility .right > div > h3 { position: absolute; top: -95px; left: -55px; margin-top: 130px; font-family: 'Mulish'; font-size: 11px; font-weight: 600; letter-spacing: 4; color: #44604b; transform: rotate(-90deg);}
#special .special-in .facility .right > div > h3 > div { display: inline-block; width: 33px; height: 1px; background: #44604b; margin-bottom: 3px; margin-left: 10px; }
#special .special-in .facility .right h2 { margin-top: 10px; font-family: 'Old Standard TT'; font-size: 35px; font-weight: 400; letter-spacing: 1; }
#special .special-in .facility .right p { margin-top: 25px; margin-bottom: 40px; font-size: 12px; line-height: 25px; opacity: 0.7; }

/*special end*/
/*banner2 start*/

#banner2 { margin-top: 80px; }
#banner2 .banner2-in { margin: 0px auto; width: 1120px; }
#banner2 .banner2-in .title2 { display: flex; justify-content: space-between; text-align: left; align-items: center; }
#banner2 .banner2-in .title2 div h2 { position: relative; margin: 10px auto 0px; font-family: 'Old Standard TT'; font-size: 35px; font-weight: 400; letter-spacing: 1; }
#banner2 .banner2-in .title2 .link { width: 162px; height: 55px; background: #44604b; background: #445660;  text-align: center; border: 1px solid #44604b; border: 1px solid #445660; transition: .3s; }
#banner2 .banner2-in .title2 .link:hover { background: #fff; }
#banner2 .banner2-in .title2 .link a { display: block; width: 100%; height: 100%; font-family: 'Mulish'; font-size: 11px; font-weight: 600; line-height: 55px; letter-spacing: 4; color: #fff; transition: .3s; }
#banner2 .banner2-in .title2 .link:hover a { color: #000; }


/* 반응형 시작 */


@media (max-width: 1700px) {
    
    #intro .intro-in .points .points-in .point p br { display: none; }
    #banner2 .banner2-in { padding: 0px 20px; width: 100%; }
    
}

@media (max-width: 1600px) {
    section .defalt-w { width:100%; padding: 0px 20px; }
}


@media (max-width: 1380px) { 

    #rooms .rooms-in .rooms-wrap .name-tab li { margin-left: 30px; }
    #banner2 .banner2-in .title2 div:nth-of-type(1) { width: 80%; }
    
}

@media (max-width: 1305px) {
 
    #main .main-in { padding: 0px 0px 0px; width:100%;height:100%;}

	
	#video-area{display:none;}
	
    /* section .defalt-w { width:100%; padding: 0px 20px; } */
    
	.video-m-box { display: block; }
	
    #intro .intro-in .greet .greet-in .left { width: 45%; height: auto; aspect-ratio: 1/1.618; }
    #intro .intro-in .points .points-in .point p br { display: block; }
   
}

@media (max-width: 1140px) {
    .main-txt{left:20px;transform:translateX(0%);;text-align:left;}
    .main-txt>p{margin-bottom:5px;font-size:13px;}
    .main-txt>h2{font-size:35px;}
    
    #intro .intro-in .points .points-in .point p br { display: none; }
    
}
@media (max-width: 1024px) {

    #intro .intro-in .points .points-in .point .p_in{ opacity: 1;}
    #intro .intro-in .greet { margin-top: 130px; }
    #banner2 .banner2-in .title2 div h2 { font-size: 24px; }

}

@media (max-width: 840px) {

    #intro .intro-in .points .points-in .point { padding: 40px 10px; }
}


@media (max-width: 780px) {
    
    
	#main { margin-top: 80px; }
    #main .sec1_slider { height: calc(100vh - 78px); }
    .main-txt>h2{font-size:25px;}
	
	.video-m-box { margin-bottom: 50px; }
	
    #intro { margin-top: 70px; }
    #intro .title .title-in h1 { font-size: 32px; }
    #intro .intro-in .points { margin-top: 50px; }
    #intro .intro-in .points .points-in { flex-wrap: wrap; }
    #intro .intro-in .points .points-in .point { width: 49%; padding: 40px 10px; }
    #intro .intro-in .points .points-in .point:nth-of-type(n+3) { margin-top: 10px; }
    #intro .intro-in .points .points-in .point h2 { font-size: 22px; }
    #intro .intro-in .points .points-in .point h3 { font-size: 20px; margin-top: 20px; }
    #intro .intro-in .points .points-in .point p { margin-top: 15px; }
    #intro .intro-in .points .points-in .point .p_in div { margin-top: 30px; } 
    #intro .intro-in .greet { margin-top: 80px; }
    #intro .intro-in .greet .greet-in { flex-flow: column; }
    #intro .intro-in .greet .greet-in .left { width: 100%; height: 340px; }
    #intro .intro-in .greet .greet-in .right { width: 100%; padding-top: 100px; }
    #intro .intro-in .greet .greet-in .right h2 { font-size: 24px; }
    #intro .intro-in .greet .greet-in .right p { margin-top: 10px; margin-bottom: 0px; }
    
    #banner1 { margin-top: 80px; }
    #banner1 .banner1-in { height: 280px; }
    
    #rooms { margin-top: 110px; }
    #rooms .title .title-in h1 { font-size: 32px; }
    #rooms .title .title-in h1::before { width: 70px; top: -25px; }
    #rooms .title .title-in h1::after { width: 70px; top: -20px; }
    #rooms .rooms-in .rooms-wrap { margin-top: 50px; }
    #rooms .rooms-in .rooms-wrap .room-tab .txt-tab { padding-left: 3%; padding-right: 3%; padding-bottom: 40px; }
    #rooms .rooms-in .rooms-wrap .room-tab .txt-tab div { margin-top: 100px; }
    #rooms .rooms-in .rooms-wrap .room-tab .txt-tab div > h3 { top: -150px; left: -95px; }
    #rooms .rooms-in .rooms-wrap .room-tab .txt-tab h2 { font-size: 24px; }
    #rooms .rooms-in .rooms-wrap .name-tab { flex-wrap: wrap; margin-top: 30px; }
    #rooms .rooms-in .rooms-wrap .name-tab li { line-height: 32px; }
    #rooms .rooms-in .rooms-wrap .name-tab li::after { bottom: 13px; }

    #rooms .rooms-in .rooms-wrap .name-tab ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
    #rooms .rooms-in .rooms-wrap .name-tab ul li { width: 25%; margin-left: 0; margin-bottom: 15px; }
    #rooms .rooms-in .rooms-wrap .name-tab li:hover::after { display: none; }
    #rooms .rooms-in .rooms-wrap .name-tab li.on::after { display: none; }
    #rooms .rooms-in .rooms-wrap .name-tab li.on { border-bottom: 1px solid #445660; }
    
    #special { margin-top: 80px; }
    #special .special-in .facility .left { height: auto; }
    #special .special-in .facility .right { padding: 80px 20px 80px 5%; }
    #special .special-in .facility .right h2 { font-size: 24px; }
    #special .special-in .facility .right p { margin-top: 10px; margin-bottom: 0px; }
    #special .special-in .facility .right p br { display: none; }

    #banner2 .banner2-in .title2 { flex-flow: column; text-align: center; }
    #banner2 .banner2-in .title2 div:nth-of-type(1) { width: 100%; }
    #banner2 .banner2-in .title2 div h2 { font-size: 24px; }
    #banner2 .banner2-in .title2 .link { margin: 40px auto 0px; }
    
}

@media (max-width: 600px) { 

    #rooms .rooms-in .rooms-wrap .room-tab .txt-tab { width: 40%; }
    #rooms .rooms-in .rooms-wrap .room-tab .pic-tab { width: 57.5%; }

}

@media (max-width: 480px) {
	
    .sec1-prev { width: 50px; height: 50px; bottom: 51px; }
    .sec1-next { width: 50px; height: 50px; }
    
    #intro { margin-top: 50px; }
    #intro .title .title-in h1 { font-size: 24px; }
    #intro .intro-in .points { margin-top: 30px; }
    #intro .intro-in .points .points-in { flex-flow: column; }
    #intro .intro-in .points .points-in .point { width: 100%; padding: 30px 10px 40px; }
    #intro .intro-in .points .points-in .point:nth-of-type(n+2) { margin-top: 10px; }
    #intro .intro-in .points .points-in .point .p_in{ width: 80%; margin: 0 auto; padding: 20px; opacity: 1;}
    #intro .intro-in .points .points-in .point .p_in h2 { font-size: 18px;}
    #intro .intro-in .points .points-in .point .p_in h3 { margin-top: 18px; font-size: 20px; }
    #intro .intro-in .points .points-in .point .p_in p { margin-top: 18px; font-weight: 300; font-size: 12px; line-height: 22px; }
    #intro .intro-in .points .points-in .point .p_in div { margin-top: 28px; }
    
    #intro .intro-in .greet { margin-top: 60px; }
    #intro .intro-in .greet .greet-in .left { height: 240px; } 
    #intro .intro-in .greet .greet-in .right { padding-top: 30px; }
    #intro .intro-in .greet .greet-in .right > div { display: none; }
    #intro .intro-in .greet .greet-in .right h2 { margin-top: 0px; font-size: 20px; }
    #intro .intro-in .greet .greet-in .right p { font-size: 12px; line-height: 22px; }
    
    #banner1 { margin-top: 60px; }
    #banner1 .banner1-in { height: 200px; }
    
    #rooms { margin-top: 80px; }
    #rooms .title .title-in h1 { font-size: 24px;  }
    #rooms .title .title-in h1::before { width: 50px; top: -20px; }
    #rooms .title .title-in h1::after { width: 50px; top: -15px; }
    #rooms .rooms-in .rooms-wrap { margin-top: 30px; }
    #rooms .rooms-in .rooms-wrap .room-tab { flex-flow: column; }
    #rooms .rooms-in .rooms-wrap .room-tab .txt-tab { width: 100%; padding-left: 5%; padding-bottom: 20px; }
    #rooms .rooms-in .rooms-wrap .room-tab .txt-tab h2 { margin-top: 20px; font-size: 20px; }
    #rooms .rooms-in .rooms-wrap .room-tab .txt-tab p { font-size: 11px; margin-top: 5px; }
    #rooms .rooms-in .rooms-wrap .room-tab .txt-tab div { display: none; }
    #rooms .rooms-in .rooms-wrap .room-tab .pic-tab { height: 240px; width: 100%; }
    #rooms .rooms-in .rooms-wrap .name-tab { margin-top: 20px; } 
    #rooms .rooms-in .rooms-wrap .name-tab li { font-size: 11px; margin-bottom: 12px; }
    
    #special { margin-top: 60px; }
    #special .special-in .facility { flex-flow: column; }
    #special .special-in .facility:nth-of-type(2) .left:nth-of-type(1) { display: block; }
    #special .special-in .facility:nth-of-type(2) .left:nth-of-type(3) { display: none; }
    #special .special-in .facility .left { order: 0; height: 240px; width: 100%; }
    #special .special-in .facility .right { order: 1; width: 100%; padding: 20px 20px 30px; }
    #special .special-in .facility .right > div { display: none; }
    #special .special-in .facility .right h2 { font-size: 20px; }
    #special .special-in .facility .right p { margin-top: 5px; font-size: 11px; line-height: 22px; }
    
    #banner2 { margin-top: 60px; }
    #banner2 .banner2-in .title2 div h2 { font-size: 16px; }
    #banner2 .banner2-in .title2 .link { margin: 40px auto 0px; }
    
}

@media (max-width: 380px) {
    .main-txt>h2 .br-375{ display: block;}

    #rooms .rooms-in .rooms-wrap .name-tab ul { justify-content: start; }
    #rooms .rooms-in .rooms-wrap .name-tab ul li { width: 33.3%; }

}

@media (max-width: 320px) {
    .none-320 { display: none; }
}