/* ■■■■■메인■■■■■ */


.main-intro { margin: 0 0 60px }
.main-intro .module-plain-text { word-break: keep-all}
.main-intro .module-plain-text em{ font-style: normal; font-size: 14px; }
.main-intro .module-plain-text h4{ font-size: 24px; line-height: 130%; margin: 40px 0; display: table}	
.main-intro .module-plain-text p{ font-size: 15px; }		
.main-intro .sub_column.last{ background: #ccc; border-radius: 10px}
.intro-txt {transition:  transform 3.00s ease; margin-top:-50px; margin-bottom: 50px}
body.scrollmain .intro-txt {transform: translateY(30px);}
.intro-img {transition: transform 3.00s ease;}
body.scrollmain .intro-img {transform: rotate(-5deg);}


.main-rooms { margin: 120px 0; padding: 0 8%;  background-image: linear-gradient(145deg, #faf5e4, #fae9e4); }
.main-rooms .module-title{ font-size: 34px; text-align: center; margin:40px 0 !important }
.main-rooms .slide-title a{font-size: 18px; color: #222; }
.main-rooms .slide-image img{ border-radius: 10px}
.main-rooms .slide-content{ padding: 0 0  10px; word-break: keep-all}
.main-rooms .slide-inner-wrap:hover{ background: #fff;border-radius: 10px}
.main-rooms .module-slider{margin-bottom: 10px}


.main-special {margin: 0 0 100px }
.main-special .module-title{ font-size: 34px; width: calc(50% - 45px); position: absolute; right: 0; z-index: 99; margin-top: 50px }
.main-special .slide-title a{font-size: 18px; color: #222; }
.main-special .slide-title a:after{content: ""; width: 100%; height: 100%; position: absolute; left:0 }
.main-special .slide-content{ margin: 120px 0  0; word-break: keep-all; position: relative}
.main-special .slide-content p:after{content: "상세보기"; height: 20px; margin: 30px 0 0 ;  border-radius: 50px; padding: 3px 10px; display:table; border:1px solid #333;}
.main-special .module-slider .carousel-nav-wrap{width: auto; display: inline-block; position: absolute; right: 0; bottom: 0px}
.main-special .tf_carousel_nav_wrap :is(.carousel-prev,.carousel-next){padding: 10px 9px !important; outline: none; border:1px solid #555; border-radius: 50px}
.main-special .tf_carousel_bullets{ margin-top: 20px}
.main-special .tf_swiper-slide-active .slide-image{margin: 0 0; padding: 0 0; background: #ccc; border-radius: 10px}
.main-special .slide-image{margin: 0 !important; padding: 0 !important}
.main-special .slide-image img{ border-radius: 10px; transition: transform 3.00s ease;}
body.scrollmain .main-special .tf_swiper-slide-active .slide-image img{transform: rotate(5deg);}
.main-special .slide-inner-wrap{ padding: 30px 0 30px 20px}



.main-reser { padding: 100px; text-align: center; position: relative; word-break: keep-all}
.main-reser:before{  content: ""; position: absolute; width: 100%;height: 100%; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(10px); top:0; left:0}
.main-reser em{display: block; color: #fff; font-style:normal; font-size: 16px;}
.main-reser b{display: block; color: #fff; font-style:normal; font-size: 34px; margin: 40px 0; line-height: 140%}



/* ●●●●●반응형 ●●●●● */

@media only screen and ( max-width: 680px ) {

.main-top .module-fancy-heading .main-head { font-size: .7em}

.main-intro{padding: 0 10px}

.main-rooms{margin: 70px 0; padding: 0 0}
.main-rooms .module-title, .main-special .module-title{ font-size: 24px}

.main-special{margin-bottom: 40px}
.main-special .module-title{ width: 100%; position: relative; text-align: center; margin-top: 0}
.main-special .slide-inner-wrap{padding:20px 15px }
.main-special .slide-content{ margin: 50px 0 0;}


.main-reser b{ font-size: 24px}
.main-reser{padding: 50px 10px}

}