@charset "utf-8";


*{font-family: 'Noto Sans KR', sans-serif; margin: 0; padding: 0; font-size: 15px; scroll-behavior: smooth;}

@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.page{ width:100%; margin:0 auto; background-color:#141312;}
section{ width:100%; position: relative;height: auto;}
/*헤더*/

.header{ width:100%;padding: 10px 2%; height:50px;  position: fixed; top: 0; left: 0; z-index: 100000;background-color:rgba(0,0,0,0.7);}
.hd{ width:100%; font-family: 'Poppins', sans-serif; height: 30px;}
.logo_box{ width:200px;float: left;}
.hd_logo{ float: left; width:auto; font-size: 27px; color: #fff; text-shadow: 1px 1px 1px rgb(0 0 0 / 30%); margin-top:16px;}
.logo_box_p{width:100%; font-size: 27px;color: #fff;  display: inline-block; padding-top:0px;
			font-family: 'Poppins', sans-serif; font-weight: 600; line-height: 32px;}
.add_hd_logo_p{width:100%; letter-spacing: 0px;text-indent: 0px; font-size: 27px;color: #fff;  text-shadow: none;
				width:auto; display: inline-block; font-family: 'Poppins', sans-serif;
				line-height:32px;  float: left; font-weight :600;}
.add_head{ background-color:#141312;transition: 1s; padding-top:10px; height: 50px;}
.add_hd_logo br{ display:none;}

.m_logo_box{ display: none;}

.main_menu{ float: right; width: 70%;  cursor: pointer;  line-height: 32px;transition: 1s;display: flex; justify-content: space-around;}
.main_menu li{float: left;font-size: 20px; color: #cfaa47;  text-align: center; letter-spacing: .7px; 
				font-weight:600;font-family: 'Cormorant Infant', serif;}
.main_menu li:first-child{ width:27%; font-style:italic; text-align: left;}
.main_menu li a{ font-size: 24px; font-family: 'Cormorant Infant', serif;}
.sub_menu_title{ font-size: 25px!important; color: #b89d58!important; font-family: 'Cormorant Infant', serif!important;}
.main_menu li span{ font-size: 15px; color: #cfaa47;  text-align: center; letter-spacing: .7px; 
				font-weight:600;font-family: 'Noto Serif KR', serif;;}
.add_menu{ opacity:0; transition: 0.7s;  }
.add_menu_li{ text-shadow: none!important; font-weight:400;}

.hd_reserve{ float: right; width:100px; padding: 5px 0px; line-height:17px;border: 1px solid rgba(184,157,88,0.7); color: #cfaa47!important;  text-align: center!important;}
.hd_reserve a{ color: #cfaa47!important;font-family: 'Noto Serif KR', serif; font-size: 14px;}
.naver_icon { border: none!important; position: relative; bottom: 4px; }

nav{width: 100%; padding: 80px 1% 60px; padding-top: 20px;background-color: #141312; position: fixed; top: 50px; z-index:3000; display: none;}
.nav_box{ float: right; width:100%; }
.nav_box > ul:last-child{border:none; }
.nav_box > ul{ width: 11%; height: 360px;float: left; border-right: 1px solid rgba(184,157,88,0.5); padding:0 20px; ;}
.nav_box > ul li{ width:100%; text-align: left; font-size: 1rem; color: rgba(255,255,255,0.7); padding: 0px 0px 7px; font-weight:400;}
.nav_box > ul li a{color: rgba(255,255,255,0.7);  }
.nav_box > ul li:hover{ color: rgba(255,255,255,1);}
.nav_box > ul li a{color: rgba(255,255,255,0.7);  }
.nav_box > ul li a:hover{ color: rgba(255,255,255,1);}
.nav_box > ul li img{ width:100%; margin-bottom:20px;}
.sub_menu_title{ font-weight: 600!important; cursor:pointer;}

.room_menu{ width: 72%; position: relative;  float: right; padding-left: 10px;margin-top:10px; border-left: 1px solid rgba(255,255,255,0.3)}
.room_menu li:first-child{padding-top:0;}
.sitemap_menu{ padding:60px 0 0 0!important;}

.m_menu{ display: none;}
.m_reserve{display:none;}
.m_nav{ display: none;}

.m_main_menu{ display: none;}

@media (min-width: 1561px ) and (max-width: 1800px){
.main_menu{ width: 77%; margin-top: 5px;}

}

@media (min-width: 760px ) and (max-width: 1560px){


.header{ height:80px; }
.main_menu{ width: 100%; margin-top: 5px;}

nav{ top: 65px;}
}

@media (min-width: 760px ) and (max-width: 1199px){

	
	.main_menu li{ font-size: .9rem; text-align: center;}
	.main_menu li a{ font-size: .9rem;}

	.nav_box{  width: 100%;}
	.nav_box > ul{ width: 22%; height:320px;float: left; border-right: 1px solid rgba(184,157,88,0.7); padding:0 20px; ;}
	.nav_box ul li{ font-size: .9rem;}

	.m_menu{ display: none;}
	.m_reserve{display:none;}
	.m_nav{ display: none;}

	.hd_reserve{ float: right; width:80px; padding: 3px 0px; line-height:14px;border: 1px solid rgba(184,157,88,0.7); color: #b89d58!important;  text-align: center!important;}

	.hd_reserve a{ font-size: 12px;}
	.sitemap_menu{ margin-top: 60px;}
	.room_menu{ width:100%; margin-top: 20px;}


}

@media (min-width:640px) and (max-width: 759px){

	.mobile_nav .nav_box{ width:100%; height:370px;  }



}
@media (min-width:320px) and (max-width: 639px){

	.mobile_nav .nav_box{ width:100%; height:270px;  }

}
@media (min-width : 320px) and (max-width: 759px){

	.header{ height: 110px; overflow: hidden; padding: 7px 0% 15px; background-color: #141312; }
	.hd{height: 50px; }
	.hd_logo{float: left; display: inline-block; margin-top:5px;line-height: 3.1rem; transition: none;}
	.add_hd_logo{letter-spacing: 5px; font-size: 1.65rem; line-height: 3.5rem; transition: none; width: 37px;}
	.add_hd_logo span{ font-size: .8rem;}
	.add_hd_logo_p{ line-height:50px; padding-left: 7px; font-weight:600; letter-spacing: 0px;}
	.add_head{ padding-top:7px;background-color: #141312; transition: none;}

	.main_menu{ display: none;}
	.m_main_menu{width:100%;  cursor: pointer;  line-height: 26px;transition: 1s; display: flex; justify-content: space-around; margin-top: 0px;}
	.m_main_menu li{float: left; font-size:14px; color: #b89d58;  text-align: center; letter-spacing: 0px; 
					font-weight:600;font-family: 'Cormorant Infant', serif;}

	.m_main_menu2{width:100%; cursor: pointer;  line-height: 26px;transition: 1s; display: flex; justify-content: space-around;margin-top: 5px;}
	.m_main_menu2 li{float: left; font-size:14px; color: #b89d58;  text-align: center; letter-spacing: 0px; 
					font-weight:600;font-family: 'Cormorant Infant', serif;}
	.m_main_menu li:first-child{font-style:italic; }
	.m_main_menu2 li:first-child{font-style:normal; }
	.m_main_menu li a{ font-size: 14px; font-family: 'Cormorant Infant', serif;}
	.m_main_menu2 li span{ font-size: 10px;font-family: 'Noto Serif KR', serif;}
	.hd_reserve{display: none;}
	.m_menu{ display: block;  width:24px; margin-top: 16px; float: right;}
	.m_reserve{display: block;  position: absolute; right: 15px; top:18px; padding: 1px 7px; border: 1px solid rgba(184,157,88,0.5);}
	.m_nav{ width: 100%!important; display: block;  padding:15px 17px;; color: #fff;}
	.logo_box{ display: none;}
	.m_logo_box{ display: block;width:100%;float: none;}
	.m_logo_box_p{ text-indent: 0;width: 100%; text-align: center; color: #fff; text-shadow :none; float: left; line-height:46px; height: 40px;padding-left: 0px; font-weight:600; letter-spacing: -0.5px; font-size: 20px;font-family: 'Poppins', sans-serif;}

	.nav{display: none;}
	.mobile_nav{ display: none; padding: 15px 0%;}
	nav{ padding: 10px 5%; background-color: rgba(20,19,18,0.9); z-index: 100000000; top:110px;}

	.mobile_nav .nav_box{ position: relative;}
	.mobile_nav .nav_box > div {width:86%; left: 7%; border: none; height: auto; margin-bottom: 3px; margin-bottom:15px; position: absolute; opacity:0;}

	.view_menu{ opacity:1!important; transition:1s; z-index: 1000;}
	.nav_box > div > ul {width: 45%; padding-top: 10px;float: right; text-align: left;font-size:16px}
	.nav_box > div > ul li{ padding-bottom: 7px; font-size: 14px;color: rgba(255,255,255,0.7); }
	.nav_box > div > ul li a{font-size: 14px; color: rgba(255,255,255,0.7); }

	.m_nav_menu{ width:100%; position: absolute; left:0; top:0;}
	.room_menu{width:100%!important; float: left; left:00px; margin-top: 10px;}
	.room_menu li{ width:100%!important; padding-left: 0!important; font-size: 14px;}
	.sub_menu_title{width:100%!important;}
	.sitemap_menu{ padding: 60px 0 0 0!important;margin-top: 40px;}
	.img_menu{width:50%;padding-top: 10px;float: left;}
	.img_menu img{ width:100%;}
	.m_nav_close{ position: absolute; right:0; bottom:0; color: #b89d58;font-family: 'Cormorant Infant', serif; font-size: 14px; padding: 10px 15px; 
					background-color: rgba(0,0,0,1); font-weight: 500;letter-spacing: 0.5px;}

	.photo-slide-control-stop, .photo-slide-control-total, .photo-slide-control-current, .photo-slide-control-line { display: none;}
	.photo-slide-control{ bottom: 10px; right: 0px; width: 100px; height: 50px;}
	.photo-slide-next-arrow button{ margin-left: 0;}

	.page{ width:100%; margin:90px auto 0; background-color:#141312;}

}

.photo-slide-control {  position: absolute;  bottom: 40px;  right: 120px;  width: 270px; height: 70px; background-color: rgba(0,0,0,0); display: flex;
						justify-content: center; align-items: center; font-family: 'Poppins', sans-serif; font-weight: 300;  color: #e5e4e4;font-weight: 500;}

.photo-slide-control-current { display: flex;  align-items: center; width: 20px; height: 30px;  margin-left: 20px; margin-right: 5px;
								font-family: 'Poppins', sans-serif;font-weight: 300;font-size: 18px;text-shadow: 1px 1px 1px rgba(27,27,27,0.4);}

.photo-slide-control-line {  display: flex; align-items: center;  height: 30px;text-shadow: 1px 1px 1px rgba(27,27,27,0.4);}

.photo-slide-control-total { display: flex; align-items: center;width: 20px; height: 30px;
								padding-bottom: 3px; margin-left: 13px; margin-right: 18px;font-family: 'Poppins', sans-serif;font-size: 19px;}
.photo-slide-control-total div{font-size: 18px; font-weight: 300;text-shadow: 1px 1px 1px rgba(27,27,27,0.4);}

.photo-slide-prev-arrow button { background-color: rgba(255,255,255,0.6); cursor: pointer; display: flex; justify-content: center; align-items: center;
								 width: 24px;  height: 24px; border-radius: 12px;border: none;text-align: center; box-shadow: 1px 1px 1px rgba(27,27,27,0.4);}

.photo-slide-control-stop { font-family: 'Poppins', sans-serif;font-weight: 500; font-size: 13px;   color: #000;
							display: flex; align-items: center;  height: 20px; padding: 0px 8.4px; cursor: pointer; user-select: none;
							background-color: #fff; border-radius: 5px;margin-left: 14px; font-weight: 600;box-shadow: 1px 1px 1px rgba(27,27,27,0.4);}

.photo-slide-next-arrow button { background-color: rgba(255,255,255,0.6); cursor: pointer;  display: flex; justify-content: center;  align-items: center;
									width: 24px; height: 24px;border-radius: 12px;border: none;text-align: center;margin-left: 10px;
									box-shadow: 1px 1px 1px rgba(27,27,27,0.4);}

.photo-slide-prev-arrow button img{ margin-left: -2px;}
.photo-slide-next-arrow button img{ margin-left: 2px;}
.photo-slide-prev-arrow button:hover{background-color: rgba(255,255,255,1); }
.photo-slide-next-arrow button:hover{background-color: rgba(255,255,255,1); }

.photo-slide-prev-arrow-mobile button {  border: none;  background-color: transparent;  outline: none;   cursor: pointer;  display: none;
											justify-content: center;align-items: center; width: 30px;  height: 30px; margin-right: 10px;}

.photo-slide-next-arrow-mobile button { border: none;  background-color: transparent; outline: none;  cursor: pointer;  display: none; 
											justify-content: center;   align-items: center;  width: 30px;  height: 30px;  margin-left: 10px;}

.photo-slide-title {  position: absolute;   bottom: 166px;  left: 51%;  transform: translateX(-51%);  user-select: none;}
.photo-slide-title > div:first-child {  font-family: 'Poppins'; font-weight: 600; font-size: 24px; color: #fff;  
										text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); margin: 0 auto; line-height: 0.7; margin-bottom: 20px;}
.photo-slide-title > div:last-child {  width: 53px; border-top: 2px solid #fff;  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);  margin: 0 auto;}

/* mobile arrow */
.photo-slide-prev-arrow button svg:last-child, .photo-slide-next-arrow button svg:last-child {  display: none;}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}


@media (max-width: 950px) {
    .photo-slide-container {  margin-top: 55px;  }
}
/******* 메 인 ********************************************/
/* main-video */
.section1 .main_video{ width:100%;}
.main-video-thumb {  display:flex;	height:100vh;}
.main-video { width: 100%;object-fit: cover; }

.section2{ margin-top: 150px; display:block;}
.section2 .slide_wrap div{ width:100%; height: 1080px; background-position: center; background-size: cover; }

.main_section{ width:100%;}
.title{font-size: 80px; font-family: 'Cormorant Infant', serif; color: #b89d58; font-weight:200; line-height:1; letter-spacing: -4px; }
.sub_title{ font-size: 40px; font-family: 'Cormorant Infant', serif; color: #b89d58; font-weight:200; line-height:1; letter-spacing: -2px; padding-bottom:50px; }

/* about */
.main-about { width:1140px; margin:0 auto;display:flex;margin-top:230px;}
.ab-img img {width:100%}
.ab-img video {width:100%}

.main-about-text{ width:1140px; margin: 0 auto; display: flex; padding: 90px 30px; }
.main-about-text div{width:50%;}
.main-about-text .div1 h1{font-size: 80px; font-family: 'Cormorant Infant', serif; color: #b89d58; font-weight:200; line-height:1; letter-spacing: -4px; }
.main-about-text .div2 p{ font-family: 'Noto Sans KR', sans-serif; color: #fff; padding-left: 70px; font-weight: 100;}

/* facility */
.main-facility {width:1660px; height: 1900px!important;margin:355px auto 0; height:auto; position: relative; z-index :1000;left: 50%; margin-left : -830px; }
.main-facility > div{ width:100%; position: relative;  height: 1900px!important; display: inline-block; margin: 0;height: auto; z-index:1000;}
.main-facility > div > div{width:100%; position: relative;  display: inline-block;  margin: 110px auto;}
.facility-title{font-size: 12px; font-family: 'Noto Sans KR', sans-serif; color: #fff; padding:10px 0; text-align: right;}
.facility-box{position: relative; float: left; cursor:pointer;}
.facility-text{ position: absolute; left: 35px; top:38px; }
.facility-text h1{ color: #fff; font-size: 70px;letter-spacing: -4px; line-height: 1.05; margin-top:70px; margin-bottom: 10px;}
.facility-text h2{ font-size: 38px; line-height: 1.2; letter-spacing: -3px; font-family: 'Arita-buri-SemiBold';}
.facility-text p{ display: block; border-bottom: 1px solid #323339;margin-top:60px; font-size: 26px; font-family: 'Arita-buri-SemiBold'; color:#323339}


.special-offer{ width: 1660px; height: 850px; margin:0 auto; padding: 200px 0 ; display : block; }
.special-offer > div{ width:100%; position: relative; display: inline-block; margin-top: 50px;}

.box2{ margin-top: 0px!important;}

.kids_slide{ width:520px;}
.pet_box .facility-text{ top:75px;}
.sauna{ top: -190px; left: 330px;}
.kids{ left: 590px;}
.spa{left:620px; }
.pet_box{ width: 48%!important;top:-140px; z-index: 20000; }
.pet{ z-index: 200000; position: absolute; float: none!important; left:0;}
.brunch{ left: 160px; top:180px;}
.sauna_logo{float: left; margin-top: 5px;}
.room-style{ width:100%; height: 590px; background-image:  url('/theme/basic/img/main/bg.jpg');position: relative; background-size: cover; background-position: center; }
.room-style > div{ width: 1660px; height: 100%; padding: 135px 0px;  margin:0 auto; display: block;}
.room-style-box{ width: 50%; left: 50%; position: absolute; padding: 0 135px 0 80px; z-index: 100000;}
.room-style-box > div{ margin-top:40px;}
.room-style-box h1{ color:#fff; font-size: 55px;  font-family: 'Noto Sans KR', sans-serif;  }
.room-style-box h2{ color:#fff; font-size: 24px;  font-family: 'Noto Sans KR', sans-serif;  }

.room-type-box{ width:100%; border-top: 1px solid #b89058; border-bottom: 1px solid #b89058; padding: 30px 0px; display: inline-block;}
.room-type-box > div{ color: #fff; float: left; padding: 0px 35px; line-height: 3; font-size: 18px;}
.type-btn{ float: right!important; display: inline-block; margin-right: 45px; padding: 15px 35px!important;
			line-height:1!important;border: 1px solid #b89058; color: #b89058; }

.type-btn:hover{ background-color:  #b89058; cursor :pointer; transition:1s;}
.type-btn:after {   content: ' \2023'; font-size:22px; }


.ft_video{width:100%; height: 700px; position: relative;}
.video_text{ width:100%; position: absolute; top: 40%; text-align: center; left:0; z-index: 100;}
.video_text h1{ color: #fff; font-size: 80px;font-family: 'Poppins', sans-serif; font-weight: bold; text-shadow: 3px 3px 3px rgb(0 0 0 / 30%); font-weight: 500; }
.video_text h2{ color: #fff; font-size: 24px; letter-spacing: 6px; margin-top: 0px;text-shadow: 1px 1px 1px rgb(0 0 0 / 30%); font-weight: 400; margin-top: -18px;}

/*sitemap*/
.site-map {position: relative;width: 100%; HEIGHT:1PX;/*height: 1080px; background: url("/theme/basic/img/main/map.jpg") no-repeat center center;*/
				margin-bottom: 250px;justify-content:center;display:flex;  }
.sitemap_title{ position: absolute; bottom: 165px; left: 130px; color:#d7b45b; font-weight:400}




@media (max-width: 1660px) {


	/*메인*/
	.main_section{ width:95%; margin:200px auto 0; height: 3500px;}

	.main-about { width:95%; margin:0 auto;display:flex;margin-top:230px;}
	.main-about-text{ width:90%; margin: 0 auto; display: flex; padding: 90px 30px; }
	.ab-img {width:50%;}

	.main-facility {width:100%; padding-top: 185px; display: inline-block; height:100%; margin:0; left:0;}
	.main-facility > div > div{ height: auto;}
	.facility-text h1{ color: #fff; font-size: 65px;letter-spacing: -4px; line-height: 1.05; margin-top:70px;}
	.facility-text h2{ font-size: 40px; line-height: 1.05; letter-spacing: -3px; }

	.special-offer{ width:95%; margin:0 auto; padding: 150px 0px; display : block; }
	.special-offer > div{ width:100%; position: relative; display: inline-block; top: 0px; float: left;}
	.special-offer > div div{ float: left; width:45%; margin: 50px 1%;}
	.special-offer > div video{ width:100%;}

	.sauna{ top: -170px; left: 5%;}
	.kids{ left: 5%;}
	.spa{left: 20%; top:100px;}
	.pet_box{ top:-200px; left: 5%;height: 100%;position: relative; z-index: 200;}
	.brunch{ left: 5%; top:0px;}

	.room-style > div{ width:95%; height: 100%; padding: 135px 0px;  margin:0 auto; display: block;}
	.room-style-box{ width: 70%; left: 15%; padding: 0 50px 0 50px;}
	.room-type-box{  padding: 20px 0px;}
	.room-type-box > div{ padding: 0px 15px; }

	/*sitemap 공통*/
	 .site-map {height: auto;background: none;}
	.map-img {width: 100%;}
	.sitemap_title{ position: absolute;  left: 130px;}

	

}

@media (max-width: 1400px){

	/*메인*/
	.main_section{ width:90%; margin:70px auto 0; height: 4000px;}
		
}

@media (max-width: 1200px) {



	/*메인*/
	.title{font-size: 50px; font-family: 'Cormorant Infant', serif; color: #b89d58; font-weight:200; line-height:1; letter-spacing: -4px; }
	.sub_title{ font-size: 30px; font-family: 'Cormorant Infant', serif; color: #b89d58; font-weight:200; line-height:1; letter-spacing: -2px; padding-bottom:50px; }

	.section1 .main_video{ width:100%;}
	.main-video-thumb {  display:flex;	height:80vh;}
	.section2 .slide_wrap div{ width:100%; height: 800px; }

	.main_section{height: 2700px;}
	.facility-box{ width: 40%;}
	.facility-box img{width:100%;}
	.facility-box video{width:100%;}

	.kids_slide{ width: 100%;}
	.sauna{ top: 50px; left: 20%;}
	.kids{ left: 0%; top: -300px;}
	.spa{left: 15%; }
	.pet{width:80%;}
	.pet_box{ top:-250px; left: 5%;height: 100%;position: relative; z-index: 200;}
	.sauna_logo{ width: 50px!important;}

	.facility-text h1{ color: #fff; font-size: 35px;letter-spacing: -2px; line-height: 1.05; margin-top:70px;}
	.facility-text h2{ font-size: 20px; line-height: 1.05; letter-spacing: -1px;margin-top:10px; }

	.room-style > div{ width:95%; height: 100%; padding: 135px 0px;  margin:170px auto 0; display: block;}
	.room-style-box{ width: 80%; left: 10%;padding: 0 50px 0 50px;}
	.room-type-box{  padding: 20px 0px;}
	.room-type-box > div{ padding: 0px 15px; }

	.special-offer{ height:300px;}
	.special-offer > div div{ float: left; width:90%; margin: 0 1%;}

	.sitemap_title{ position: absolute;  left: 50px; bottom: 50px;}
	
}


@media (max-width: 768px) {

	/*메인*/
	
	.sub_title{  padding-bottom:50px; }
	.main-video-thumb {  display:flex;	height:30vh;}
	.section2 { margin-top:50px;}
	.section2 .slide_wrap div{ width:100%; height: 430px; }

	.photo-slide-container { padding-left: 0;}
    .photo-slide-img-wrap img { width: 100%;  height: 315px;  object-fit: cover;}
    .photo-slide-control-current, .photo-slide-control-line, .photo-slide-control-total, .photo-slide-control-stop { display: none; }
    .photo-slide-control { width: 60px;  height: 30px; right: 20px; bottom:10px; }
    .photo-slide-prev-arrow button { margin-right: 10px;}
    .photo-slide-next-arrow button { margin-left: 0; }
    .photo-slide-prev-arrow button svg:last-child, .photo-slide-next-arrow button svg:last-child { display: block;}
    .photo-slide-prev-arrow button svg:first-child, .photo-slide-next-arrow button svg:first-child { display: none;}
	.photo-slide-container {  margin-top: 55px; }

	.main_section{ width:90%; margin:70px auto 0; height: 6500px;}

	
	.main-about { width:90%; margin:0 auto;display:block;margin-top:80px;}
	.ab-img{ margin-top: 10px; width:100%;}
	.ab-img img {width:100%}
	.ab-img video {width:100%}

	.main-about-text{ width:100%; margin: 0 auto; display: block; padding: 50px 10px; }
	.main-about-text div{width:100%;}
	.main-about-text .div1 h1{font-size: 45px; letter-spacing: -2px;}
	.main-about-text .div2 p{font-size: 14px; letter-spacing: -1px; padding-left:0px; margin-top: 30px;}
	/*.main-about-text .div2 p br{display: none;}*/

	.main-facility {width:100%; padding-top: 65px; display: inline-block; height:5000px!important; left: 0;margin-left:0; margin:60px auto 0;}
	.main-facility > div{  margin: 20px 0;}
	.main-facility > div > div{  margin: 40px 0;}
	.facility-box{ width:100%;}
	.facility-box video{ width:100%;}
	.facility-box img{width:100%;}
	.facility-text{ top:45px; left: 5%;}
	.facility-text h1{ color: #fff; font-size: 45px;letter-spacing: -2px; line-height: 1.05; margin-top:20px;}
	.facility-text h2{ font-size: 30px; line-height: 1.05; letter-spacing: -1px;margin-top:6px; }
	.facility-text p{ margin-top:30px; font-size: 22px; }
	.special-offer{ width:90%; margin:0 auto; padding:40px 0; display : block; height: 650px; }
	.special-offer > div{ width:100%; position: relative; display: inline-block; margin-top: 50px; float: left;}
	.special-offer > div > div{ float: none;width:100%; margin: 40px auto;}
	.special-offer > div > div > div{ margin: 10px auto;}
	.special-offer > div video{ width:100%;}

	.kids_slide{ width:100%}
	.sauna{ top: 50px; left: 0px;}
	.kids{ left: 0px;top:0;}
	.spa{left:0px; top: 60px; }
	.pet_box{ width: 100%!important;top:-35px; height: auto;position: relative; z-index: 200; left:0; margin-top:70px!important;}
	.brunch{ left: 0px; top:0px;}
	.sauna_logo{float: left; margin-top: 5px; width: 60px!important;}

	.room-style{ height:430px;margin: 60px 0;}
	.room-style > div{ width:90%; height: 100%; padding: 80px 0px;  margin:0 auto; display: block;}
	.room-style-box{ width: 90%; left: 5%; padding: 0px;}
	.room-style-box h1{ font-size: 26px;}
	.room-type-box{  padding: 20px 0px;}
	.room-type-box > div{padding: 7px 10px!important; font-size: 14px; line-height:1;}
	.type-btn{ padding: 7px 10px!important; margin-right:0; font-size: 14px;}

	.sitemap_title{ position: absolute; bottom: 10px; left: 10px; font-size:26px; letter-spacing: -1px;}
	
	.ft_video{height:230px;}
	.ft_video video{ height: 230px;}

	.video_text{ top: 36%;}
	.video_text h1{ font-size: 32px;}
	.video_text h2{ font-size: 12px; letter-spacing: 2px;  margin-top: -5px;}

}
@media (max-width: 640px){

	/*메인*/
	.main_section{ width:90%; margin:70px auto 0; height: 5700px;}
	.main-facility { height:4200px!important; }
		
}

@media (max-width: 600px){

	/*메인*/
	.main_section{ width:90%; margin:70px auto 0; height: 5200px;}
	.main-facility { height:3200px!important; }

		
}

@media (max-width: 530px){

	/*메인*/
	.main_section{ width:90%; margin:70px auto 0; height: 4800px;}
	.main-facility { height:2500px!important; }

	/*site-map*/
	.site-map {justify-content: flex-start; margin-bottom:10px;/* margin-bottom:100px;*/}
	.map-img {width:107%;}
		
}
@media (max-width: 500px){

	/*메인*/
	.main_section{ width:90%; margin:70px auto 0; height: 4400px;}
	.section2 .slide_wrap div{ width:100%; height: 250px; }
		
}
@media (max-width: 420px){

	/*메인*/
	.main_section{ width:90%; margin:70px auto 0; height: 4000px;}

}

@media (max-width: 390px){

	/*메인*/
	.main_section{ width:90%; margin:70px auto 0; height: 3600px;}

	.main-facility { height:2000px!important; }
}

@media (max-width: 360px){

	/*메인*/
	.main_section{ width:90%; margin:70px auto 0; height: 3400px;}

	.main-facility { height:2000px!important; }
}



/******** 스토리 ********************************************/

.section3{ margin-top:0px; display:block;}
.section3 .slide_wrap div{ width:100%; height: 1080px; background-position: center; background-size: cover; }


#about {padding:190px 0;margin:0 auto; text-align:center}
.main-title {font-family: 'Poppins', sans-serif;	margin:0 auto;color:#fff;}
.main-title .main-title-1 {font-size:48px;font-weight:700;line-height:1;padding-bottom:6px;font-family: 'Poppins', sans-serif;	}
.main-title .main-title-2 {font-size:18px;font-weight:400;letter-spacing:4.5px;text-transform:uppercase;}
.main-title-sub {margin-top:65px;	color:#fff;}

.main-title-sub h1 {	font-size:32px;	font-weight:400;font-family: 'Noto Sans KR', sans-serif;padding-bottom:12px}
.main-title-sub h2 {font-size:14px;font-weight:400;font-family: 'Noto Sans KR', sans-serif;line-height:1.6;}
.main-title-type {display:flex;justify-content: center;	margin-top:80px;color:#fff;}
.main-title-type__menu {font-family: 'Poppins', sans-serif;	font-size:15px; font-weight:600;	text-transform:uppercase;padding:0 100px;}
.main-title-type__menu div:last-child {	font-family: 'Noto Sans KR', sans-serif;font-size:14px;font-weight:400;}
table {text-align:left;	font-family: 'Noto Sans KR', sans-serif;font-size:14px;	font-weight:400;	margin: 0 auto;} 
td {padding:0 5px}


.plan_box{ width:100%; background-color: #fff; padding: 200px 0px 100px;}
.plan {margin:0 auto;color:#262626;text-align:center; margin-bottom:60px;}
.plan-title {font-family: 'Poppins', sans-serif;font-size:48px;font-weight:700;line-height:1;padding-bottom:15px;}
.plan-title-txt {font-size:32px;font-weight:400; font-family: 'Noto Sans KR', sans-serif; padding-bottom:5px;}
.line{ width: 50px; height:2px; background: rgba(255,255,255,0.6); margin: 32px auto;}
.award-container { width:100%; padding: 100px 0px; background-color: #fff;}
.award-title-box {	text-align:center;}
.award-title { color:#b89d58; font-family: 'Cormorant Infant', serif; letter-spacing: -1px;font-size:48px;font-weight:400;line-height:1;padding-bottom:15px;}
.award-title-txt {font-size:24px;font-weight:400; font-family: 'Noto Sans KR', sans-serif; padding-bottom:5px;line-height:1.5;}


.award-img-box { width:1450px; margin:0 auto;display:flex;justify-content:center;padding:100px 0;}
.award-img__1 {padding-top:160px}
.award-img__2 {	display: grid;padding:0 45px;}
.award-img__2 > img:last-child {padding-top:83px}
.award-img__3 {padding-top:35px}

.location_box{width:100%; padding: 100px 0px; background-color: #fff;}
.locatioin {text-transform:uppercase;margin:0 auto;color:#262626;text-align:center;}
.locatioin-title {color:#b89d58; font-family: 'Cormorant Infant', serif; letter-spacing: -1px;font-size:48px;font-weight:400;line-height:1;padding-bottom:15px;}
.locatioin-title-txt {font-size:16px;font-weight:400;  font-family: 'Noto Sans KR', sans-serif;padding-bottom:7px;}
.locatioin-img {margin-top:40px;}

.directions_box{width:100%; padding: 100px 0px 250px; background-color: #fff;}
.directions {text-transform:uppercase;margin:0 auto;color:#262626;text-align:center;}
.directions-title {color:#b89d58; font-family: 'Cormorant Infant', serif; letter-spacing: -1px;font-size:48px;font-weight:400;line-height:1;padding-bottom:15px;}
.directions-title-txt {font-size:14px;font-weight:400;  font-family: 'Noto Sans KR', sans-serif;padding-bottom:7px;}

.display-pc {display:block}
.display-mo {display:none;}
.map_box{ width:1450px; margin:50px auto;}

@media (max-width: 1450px) {

	.main-title-type {	display: block;}
	.main-title-type__menu {padding:0 0 50px}
	.award-img-box {display:flex;margin:0 auto;text-align: center;	width:100%; }
	.award-img__1, .award-img__2, .award-img__3 {padding:0; width:100%;}
	.award-img-box img {padding-bottom:30px}
	.locatioin-img img {width:100%;}
	.map_box{ width:90%; margin:50px auto;}

}

@media (max-width: 1200px) {

	.main-title-type {	display: block;}
	.main-title-type__menu {padding:0 0 50px}
	.section3 .slide_wrap div{ width:100%; height: 800px; }
	.award-img-box {display:flex;margin:0 auto;text-align: center;	width:90%;}
	.award-img__1, .award-img__2, .award-img__3 {padding:0; width:100%;}
	.award-img-box img {padding-bottom:30px}
	.locatioin-img img {width:100%;}
	.map_box{ width:90%; margin:50px auto;}


}

@media (max-width: 768px) {

	.section3 { margin-top:90px;}
	.section3 .slide_wrap div{ width:100%; height: 430px; }

	#about {padding:110px 0 60px;}
	.main-title .main-title-1 {	font-size:35px;}
	.main-title .main-title-2 {font-size:14px;	letter-spacing:2.5px}
	.main-title-sub {margin-top:40px}
	.main-title-sub h1 {font-size: 22px;}
	.main-title-type {margin-top: 50px;}
	.t2, .t3 {font-size:15px;}
	.t2 {text-align:center}
	.t3 {text-align:right}
	.t1, .t2, .t3 {	width:85px;line-height:1;	padding:3px}
	.table-1 {display:flex;	align-items: center;}

	.plan {margin-bottom:10px;}
	.plan .line{ margin: 25px auto;}
	.plan-title {font-size:35px;padding-bottom:5px;}
	.plan-title-txt {font-size:20px;}
	.plan_box{padding: 100px 0px;}
	.ibox img{width:100%;}

	.award-container{ padding: 50px 0;}

	.award-title {font-size:35px;padding-bottom:5px;}
	.award-title-txt {font-size:14px;}
	.award-img-box { display: block;padding-top:0;padding-bottom:30px; width:90%;}
	.award-img-box img {width:100%}

	.location_box{ padding: 50px 0px;}
	.locatioin-title {	font-size:35px;}
	.locatioin-title-txt {	font-size:14px;}

	.directions_box{padding:50px 0px 150px;}
	.directions-title {	font-size:35px;}
	.directions-title-txt {	font-size:14px;}

	.display-pc {display:none;}
	.display-mo {display:block;}

	.map_box{ width:90%; margin:50px auto;}
}

@media (max-width: 460px){

	.section3 .slide_wrap div{ width:100%; height: 250px; }
		
}


/********** 객실 상세 ******************************************/

.room_section {  width: 100%;  background-color: #fff;}
.top__container { position: relative; width: 100%; height: 1080px; background-position: center;  background-size: cover;}
.rooms-txt { position: absolute; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); height: 100%;  z-index: 10;
			top: 0; left: 0; padding: 365px 300px 290px;  width: 100%;background-color: rgba(0,0,0,0.1);}
.rooms-txt h1 {  font-family: 'Cormorant Infant', serif;  font-size: 105px;  font-weight: 400;   letter-spacing: -1px; line-height:1;}
.rooms-txt h2 {font-family: 'Cormorant Infant', serif; font-size: 40px; font-weight: 400;  letter-spacing: 0px; }
.rooms-txt p { width: 100%;  font-family: 'Noto Sans KR', sans-serif;  font-size: 24px;  margin-top: 30px;  font-weight: 100; }
.rooms-txt ul {  display: flex;  margin-top: 18px; margin-bottom: 60px;}
.rooms-txt ul li {  width: 195px; padding: 15px 0;  background-color: #fff;  color: #000; font-size: 17px;  margin-right: 10px;
					 font-family: 'Noto Sans KR', sans-serif; text-align: center; text-shadow: none; }
 .rooms-txt div {  font-family: 'Cormorant Infant', serif;  font-size: 17px;
					animation: moving 0.7s linear 0s infinite alternate;}

 @keyframes moving {

	from { padding-top: 0; }
	to { padding-top: 10px; }
}

.more_arrow {  margin-left: 10px;  }
.room_slide { width: 100%; padding: 200px 0 90px; position: relative; }
.room_slide > div { width: 100%; height: 100%;  position: relative;}
.prev_area, .next_area { width: 300px;  box-sizing: border-box; background-color: rgba(0, 0, 0, 0.6); height: 100%;
							position: absolute;  z-index: 10; top: 0px;}
.prev_area { left: 0;  border-right: 2px solid rgba(255, 255, 255, 0.8); }
.next_area { right: 0;  border-left: 2px solid rgba(255, 255, 255, 0.8); }
.slick_btn { background: none;  border: none;  top: 400px;  z-index: 40; position: absolute;}
.slick-prev2 {left: 220px;  }
.slick-next2 { right: 220px; }
.room_info { width: 1320px;  margin: 80px auto 200px;}
.room_info h2 { font-family: 'Cormorant Infant', serif;  font-size: 22px; font-weight: 600;  letter-spacing: 0px; }
.room_name { width: 100%; }
.room_name span { font-family: 'Cormorant Infant', serif;  font-size: 65px; font-weight: 400; letter-spacing: -1px; }
.room_name button { float: right;  border: none;  background-color: #b89d58; color: #fff; padding: 10px 25px; margin-top:20px;}
.room_info h3 {  font-family: 'Cormorant Infant', serif;  font-size: 22px;  font-weight: 600; letter-spacing: 0px; margin-top: 30px; }
.info {  width: 100%; display: flex; }
.info div {  margin-right: 40px;  width: 300px; margin-top: 10px; font-family: 'IBM Plex Sans KR', sans-serif; font-weight:400;}
.info div:last-child {  margin-right: 0;  flex: 1;  width: auto; }
.info div h4 { padding-bottom: 7px;  border-bottom: 1px solid #000;  margin-bottom: 10px; }
.info div p { padding-left: 20px;  font-size: 16px;}

.room_facility {  width: 1320px; margin: 0px auto 200px; }
.room_facility > div { display: flex; margin-top: 100px; }
.room_facility > div div {  width: 50%;  padding: 200px 0 0 40px; }
.room_facility > div div h1 { font-family: 'Cormorant Infant', serif; font-size: 36px; font-weight: 400; letter-spacing: -1px;
								padding-bottom: 10px; border-bottom: 1px solid #000; }
.room_facility > div div h1 span {   margin-left: 15px; font-family: 'Noto Sans KR', sans-serif; }
.room_facility > div div p { padding: 20px; font-size: 14px;}
.room_special {  width: 100%;  background-color: #fbfbfb;  padding-top: 150px;  padding-bottom: 250px; }
.room_special > div {  width: 1320px;  margin: 0 auto; }
.room_special > div > h1 { font-family: 'Cormorant Infant', serif;  font-size: 36px; font-weight: 400; letter-spacing: -1px; color: #b89d58; }
.room_special > div > div { display: flex; }
.room_special > div > div > div { margin-top: 30px;  width: 50%; margin-left: 30px; cursor:pointer; }
.room_special > div > div > div:first-child {  margin-left: 0; }
.room_special > div > div > div img { width: 100%; }
.room_special > div > div > div h1 { padding: 10px 0;  border-bottom: 1px solid #000;  width: 100%;
										 font-family: 'Cormorant Infant', serif; font-size: 36px;  font-weight: 400;  letter-spacing: -1px; }
.room_special > div > div > div h1 span { margin-left: 20px; }
.room_special > div > div > div h1 .special_more {  float: right;  font-weight: 400; font-size: 14px;  padding-top: 12px;}
.special_more:after{     content: ' \2023'; font-size:20px; }

@media (max-width: 1320px) {

	.room_info {  width: 95%; margin: 50px auto 100px; }
	.room_facility {  width: 95%;  margin: 70px auto;}
	.room_special > div {  width: 95%;  margin: 0 auto; }

}

@media (max-width: 1200px) {

	.top__container { height: 800px;margin-top: 60px;}
	.rooms-txt { position: absolute;color: #fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);height: 100%;z-index: 10;
					top: 0;left: 0;padding: 15% 5%; width: 100%;}
	.rooms-txt h1 {	font-family: 'Cormorant Infant', serif;	font-size: 76px;font-weight: 400;letter-spacing: -1px;}
	.rooms-txt h2 {font-family: 'Cormorant Infant', serif;font-size: 36px;font-weight: 400;letter-spacing: 0px;}
	.rooms-txt p {width: 100%;font-family: 'Noto Sans KR', sans-serif;font-size: 16px;margin-top: 20px;font-weight: 100;}
	.rooms-txt ul {	width: 50%;	display: inline-block;margin-top: 18px;margin-bottom: 30px;}
	.rooms-txt ul li {width: 45%; float: left;	margin: 5px 0;padding: 10px 0;background-color: #fff;color: #000;font-size: 14px;
						margin-right: 5px;font-family: 'Noto Sans KR', sans-serif;text-align: center;text-shadow: none;}
	.rooms-txt div {width: 100%;}
	.prev_area, .next_area {display: none;}
	.slick_btn {background: none;border: none;top: 48%;	z-index: 40;position: absolute;}
	.slick-prev2 {left: 50px;}
	.slick-next2 {right: 50px;}

	.room_info {width: 90%;margin: 50px auto 100px;}
	.info div {	margin-right: 40px;width: 33%;margin-top: 10px;}

	.room_facility {width: 90%;margin: 70px auto;}
	.room_facility > div {display: block;margin-top: 100px;}
	.room_facility > div img {	width: 100%;}
	.room_facility > div div {width: 100%;padding: 20px 0 0 0px;}
	.room_facility > div div p {padding: 20px 20px 20px 0;}

	.room_special > div { width: 90%;margin: 0 auto;}
	.room_special {	width: 100%;background-color: #fbfbfb;	padding-top: 150px;padding-bottom: 250px;}
	.room_special > div > h1 {	font-family: 'Cormorant Infant', serif;font-size: 36px;font-weight: 400;letter-spacing: -1px;color: #b89d58;}
	.room_special > div > div {display: block;}
	.room_special > div > div > div {margin-top: 30px;	width: 100%;margin-left: 0px;}
	
}

@media (max-width: 768px) {

	.top__container {height: 380px;	margin-top: 90px;}

	.rooms-txt { position: absolute;color: #fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);height: 100%;
					z-index: 10;top: 0;left: 0;padding: 24% 5% 10%;width: 100%;}
	.rooms-txt h1 { font-family: 'Cormorant Infant', serif; font-size: 50px; font-weight: 400; letter-spacing: -1px;}
	.rooms-txt h2 { font-family: 'Cormorant Infant', serif; font-size: 22px; font-weight: 400; letter-spacing: 0px;}
	.rooms-txt p { width: 100%; font-family: 'Noto Sans KR', sans-serif; font-size: 12px; margin-top: 0px; font-weight: 100;}
	.rooms-txt ul { width: 100%;	display: inline-block; margin-top: 18px; margin-bottom: 10px;}

	.rooms-txt ul li { width: 28%;float: left;margin: 1.5px 0;padding: 5px 0;background-color: #fff;color: #000;
						font-size: 13px;margin-right: 1%;font-family: 'Noto Sans KR', sans-serif;text-align: center;text-shadow: none;}
	.rooms-txt div { width: 100%;}
	.room_slide{ padding: 70px 0;}
	.slick-prev2 { left: 10px;}
	.slick-next2 { right: 10px;}
	.slick_btn{ top: 40%;}
	.slick_btn img { width: 30px;}

	.room_info { width: 90%;margin: 0px auto ;}
	.room_info h3{margin-top: 5px;}
	.room_name button {padding: 5px 10px;font-size: 12px;margin-top: 17px;}
	.room_name span{ font-size:46px;}
	.info {display: block;}
	.info div {	margin-right: 20px;	width: 100%;margin-top: 10px;}
	.info div h4{ padding-bottom:4px; margin-bottom:8px;}
	.info div p { font-size: 14px;}

	.more_arrow{ width:20px; margin-left: 5px;}

	.room_facility{margin: 100px auto 100px; }
	.room_facility > div{ margin-top: 50px;}
	.room_facility > div div h1 {	font-size: 26px;}
	.room_facility > div div h1 span {font-size: 14px;}
	.room_facility > div div p {padding: 9px 20px 20px 0;}

	.room_special{ padding: 100px 0 150px;}
	.room_special > div > div > div h1 {font-size: 26px;}
	.room_special > div > div > div h1 span {margin-left: 20px;font-size: 14px;}
	.room_special > div > div > div h1 .special_more {padding-top: 3px;font-size: 13px;}

}


/******** 종합예약안내 *****************************/
#tcont * {transition: all .1s; -webkit-transition: all .1s; } 
#tcont {width: 1320px; min-height:200px; margin: 170px auto 0px; padding-bottom:170px;}
#tcont .tit {font-size: 18px; position: relative; margin-bottom: 20px; line-height: 30px; padding-top: 10px;}
#tcont .titt {font-size: 14px; color:#141312; line-height: 150%;margin: 25px 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:400;}
#tcont .titt h1{ font-family: 'Noto Sans KR', sans-serif; padding-bottom:15px; font-weight:500; border-bottom:1px solid #141312; margin-bottom:15px;}
#tcont .titt h1 span {font-family: 'Cormorant Infant', serif; font-size: 36px; color:#141312;font-weight:400; margin-right:10px;}
#tcont .titt span { color:#141312;font-size: 14px; font-weight:600;}
#tcont .ti {font-size: 14px; font-weight: bold;  color:#141312; line-height: 150%;}
#tcont .titt > div {margin-bottom: 2px; }
#tcont .titt > div > li {float: left; font-size: 14px; }
#tcont .titt > div > li:first-child {width: 11px;}
#tcont .titt > div > li:last-child {width: 95%; }
#tcont .tit:after {content: ""; position: absolute; top: 0; left: 0; width: 13px; height: 3px; background: #707070;}
.titt img{ margin-top:50px;}
.tabsy {margin-top:20px;}
.tab_con {display: block; text-align: center; padding: 0; margin: 60px auto 0;}

.tabsy>button {width:100%;font-size:100%;margin:0;outline:0;border:0;vertical-align:baseline;-webkit-box-sizing:border-box;box-Csizing:border-box;background:transparent}
.tabsy>.tabButton {display: block; font-size: 15px; text-align: center; background: #ededed; font-weight:600;color: #000; padding: 15px 20px; margin-top: 1px; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out;}
.tabsy>input{display: none;}


#ptable {border-bottom:#d9d9d9 1px solid; border-right:#d9d9d9 1px solid; width:100%; margin-left:auto; margin-right:auto;}
#ptable td {padding: 12px 0 ; border-top:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid; font-size:13px; text-align: center; line-height: 120%;}
#ptable th { padding: 10px 0;border-top:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid; background: #ededed; font-weight: 300;color:#323232; text-align: center;}



#total_daily_price2{ padding-top: 30px;}


@media ( max-width: 1300px ) {

#tcont {margin: 60px auto 15%; width:80%;}
}

@media ( max-width: 1000px ) {

#tcont {margin: 60px auto 15%; width:98%; display: block;}


}

@media screen and (max-width: 565px) {
#tcont {margin: 60px auto 130px; width:90%;}
#tcont .titt {font-size: 14px; color:#313131; line-height: 150%;margin: 0px 0;}
#tcont .titt h1{ font-size: 14px;}
#tcont .titt h1 span{ font-size: 28px}

#tcont .titt > div > li {font-size: 12px;}
.tabsy > .tab > .content:last-child {padding: 10px 0 0%;}
#total_daily_price2{ padding-top: 10px;}

.titt img{ width:90%; margin-top:30px;}

#rtit{left: 7%;}
#rtit h1 span{ font-size: 26px;}
#rtit h1 {font-size: 14px;}

.tabsy>.tabButton { padding: 10px 20px; font-weight: 400;}

}


/*********** facility ********************************/

.facility_section{ width:100%; background-color: #fff; padding-bottom: 10px; }
.top_img{ width:100%; height: 700px; position:relative; top:0;background-position: center;background-size: cover;}


.facility_slide{ width:100%; margin-top: 200px;position:relative;}
.facility_slide > div{ width:100%; height: 100%; position: relative;}
.prev_area, .next_area{ width:300px; box-sizing: border-box;  background-color: rgba(0,0,0,0.6); height: 100%; position: absolute; z-index:10;top:0px;}
.prev_area{left:0; border-right: 2px solid rgba(255,255,255,0.8);}
.next_area{right:0; border-left: 2px solid rgba(255,255,255,0.8);}
.slick_btn{ background: none; border: none; top:400px; z-index:40; position: absolute; }
.slick-prev2{ left: 220px;}
.slick-next2{ right: 220px;}

.facility_info{ width:1320px; margin:80px auto 200px;}
.facility_info h2{font-family: 'Cormorant Infant', serif; font-size:22px; font-weight:600;letter-spacing:0px;}
.facility_info h3{ font-family: 'Cormorant Infant', serif; font-size:22px; font-weight:600;letter-spacing:0px; margin-top:30px;}

.facility_name{width:100%;}
.facility_name span{ font-family: 'Cormorant Infant', serif; font-size:65px; font-weight:400;letter-spacing:-1px;}
.facility_name button{ float: right; border: none; background-color: #b89d58;  color: #fff; padding: 10px 25px;}

.f_info{ width:100%; display: flex;}
.f_info div{ margin-right: 40px; margin-top: 10px; width:50%;}
.f_info div:last-child{ margin-right:0;width:auto;}
.f_info div h4{ padding-bottom:7px; border-bottom: 1px solid #000; margin-bottom:10px; font-weight: 400; }
.f_info div p{ padding-left: 20px;}



@media (max-width:1320px){

	.facility_info{ width:95%; margin:50px auto 100px;}
	
}

@media (max-width: 1200px) {

	.facility_section{ width:100%; background-color: #fff; display: inline-block; padding-bottom: 40px;}
	.facility_section .top_img{ width:100%; height: 500px; position: relative;}
	.facility_section .top_img video{ height: 500px;}

	.prev_area, .next_area{display: none;}
	.slick_btn{ background: none; border: none; top:48%; z-index:40; position: absolute; }
	.slick-prev2{ left: 50px;}
	.slick-next2{ right: 50px;}

	.facility_info{ width:90%; margin:50px auto 100px;}

	.f_info div{ margin-right: 40px; width:100%; margin-top: 10px; }


}


@media (max-width: 768px) {

	.facility_section{padding-bottom: 150px;}
	.facility_section .top_img{height: 250px;}
	.facility_section .top_img video{height: 250px;}
	.slick_btn{ top:42%; }
	.slick-prev2{ left: 10px;}
	.slick-next2{ right: 10px;}
	.slick_btn img{ width:20px; }

	.facility_slide{ width:100%; padding:10px 0 ; margin-top: 50px;position:relative;}
	.facility_info{ width:90%;  margin:10px auto 120px;}
	.facility_info h3{ margin-top:5px;}
	.facility_name button{ padding: 7px 15px; font-size: 14px;}
	.facility_name span{  font-size:36px;}
	.f_info{display: block;}
	.f_info div{ margin-right: 20px; width:100%; margin-top: 20px; }
	.f_info div p{ font-size: 13px; padding-left:0;}

	


}

/******** special offer ***************************/

.special_section{ width:100%; background-color: #fff; padding-bottom: 10px;}
.special_section .top_img{ width:100%; height: 700px; position:relative; top:0;background-position: center;background-size: cover;}

.top_title3{position: absolute; bottom:120px; z-index:200; width:1320px; left: 50%; margin-left: -660px; text-align:left; font-size: 40px; color: #fff;
			font-family: 'Cormorant Infant', serif;text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);}


.special_slide{ width:100%; margin-top: 200px;position:relative;}
.special_slide > div{ width:100%; height: 100%; position: relative;}
.prev_area, .next_area{ width:300px; box-sizing: border-box;  background-color: rgba(0,0,0,0.6); height: 100%; position: absolute; z-index:10;top:0px;}
.prev_area{left:0; border-right: 2px solid rgba(255,255,255,0.8);}
.next_area{right:0; border-left: 2px solid rgba(255,255,255,0.8);}
.slick_btn{ background: none; border: none; top:48%; z-index:40; position: absolute; }
.slick-prev2{ left: 220px;}
.slick-next2{ right: 220px;}

.special_info{ width:1320px; margin:90px auto 200px;}
.special_info h2{font-family: 'Cormorant Infant', serif; font-size:22px; font-weight:600;letter-spacing:0px;}
.special_info h3{ font-family: 'Cormorant Infant', serif; font-size:22px; font-weight:600;letter-spacing:0px; margin-top:30px;}

.special_name{width:100%;}
.special_name span{ font-family: 'Cormorant Infant', serif; font-size:65px; font-weight:400;letter-spacing:-1px;}
.special_name button{ float: right; border: none; background-color: #b89d58;  color: #fff; padding: 10px 25px;}



.s_info{ width:100%; display: flex;}
.s_info div{ margin-right: 40px; width:300px; margin-top: 10px;flex-grow: 1; }
.s_info div:last-child{ }
.s_info div h4{ padding-bottom:7px; border-bottom: 1px solid #000; margin-bottom:10px; font-weight: 400; }
.s_info div p{ padding-left: 20px;}



@media (max-width:1320px){

	.special_info{ width:95%; margin:50px auto 100px;}
	
}

@media (max-width: 1200px) {

	.special_section{ width:100%; background-color: #fff; display: inline-block; padding-bottom: 40px;}
	.special_section .top_img{ width:100%; height: 500px; position: relative;}
	.special_section .top_img video{ height: 500px;}

	.prev_area, .next_area{display: none;}
	.slick_btn{ background: none; border: none; top:48%; z-index:40; position: absolute; }
	.slick-prev2{ left: 50px;}
	.slick-next2{ right: 50px;}

	.special_info{ width:90%; margin:50px auto 100px;}
	.s_info div{ margin-right: 40px; width:33%; margin-top: 10px; }


}


@media (max-width: 768px) {

	.special_section{padding-bottom: 150px;}

	.special_section .top_img{height: 250px;}
	.special_section .top_img h1{ position: absolute; bottom: 50px; font-size: 30px;}
	.special_section .top_img video{height: 250px;}

	.slick_btn{ top:42%; }
	.slick-prev2{ left: 10px;}
	.slick-next2{ right: 10px;}
	.slick_btn img{ width:20px; }

	.special_slide{ width:100%; padding:10px 0 ; margin-top: 50px;position:relative;}
	.special_info{width:90%; margin:10px auto 120px;}
	.special_info h3{ margin-top:5px;}
	.special_name button{ padding: 7px 15px; font-size: 14px;}
	.s_info{display: block;}
	.s_info div{ margin-right: 20px; width:100%; margin-top: 10px; margin-bottom:40px;}
	.s_info div p{ font-size: 13px; padding-left: 0;}
	.special_name span{  font-size:36px;}


}


/******** travel **************************/

.travel_section{ width:100%; background-color: #fff; display: inline-block; padding-bottom: 40px;}
.travel_section .top_img{ width:100%; height: 700px; position: relative;}
#travel_top_img{ background-image: url("/theme/basic/img/travel/top_img.jpg");
					background-size: cover; background-position: center;}
.top_title2{position: absolute; bottom:120px; z-index:200; width:1320px; left: 50%; margin-left: -660px; text-align:left; font-size: 40px; color: #fff;
			font-family: 'Cormorant Infant', serif;text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);}

.travel_box{ width:1320px; margin:160px auto 200px;}
.travel_box > h1{ width:100%; font-family: 'Cormorant Infant', serif;font-size:36px; font-weight:400;letter-spacing:0px;
					padding-bottom:20px; border-bottom:1px solid #000; margin-bottom: 50px; margin-top:100px}
.travel_box > h1 span{ margin-left: 10px;}
.travel_box > h2{ margin-bottom: 20px ; font-size: 20px; font-weight: 400;}
.travel_box > h2 span{ font-size:3px; vertical-align: middle;}
.travel_map{ margin-bottom: 50px;}
.travel_map2{ margin-bottom: 100px;}
.travel_box > div{ display: flex; margin-bottom:100px;}
.travel_box > div div{ width:50%; padding: 200px 0 0 40px;}
.travel_box > div div h1{ font-family:'Noto Sans KR',sans-serif;font-size:30px; font-weight:400;letter-spacing:-1px; 
							padding-bottom:10px; border-bottom:1px solid #000;}


.travel_box > div div p{ padding: 20px; font-size: 14px;}

@media(max-width:1320px){

	.top_title2{position: absolute; bottom:120px; z-index:200; width:90%; left: 5%; margin-left:0px; text-align:left; font-size: 40px; color: #fff;
			font-family: 'Cormorant Infant', serif;text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);}
	.travel_box{width:95%;margin:70px auto;}

	.travel_map{ width:100%; margin-bottom: 20px;}
	.travel_map2{ width:100%; margin-bottom: 20px;}

}

@media(max-width:1200px){

	.travel_section{ width:100%; background-color: #fff; display: inline-block; padding-bottom: 40px;}
	.travel_section .top_img{ width:100%; height: 500px; position: relative;}

	.travel_box{width:90%;margin:70px auto;}
	.travel_box > h1{ margin-bottom:30px; font-size:30px; margin-top: 10px;}
	.travel_box > div{ display: block; margin-bottom:100px;}
	.travel_box > div img{ width:100%;}
	.travel_box > div div{ width:100%; padding: 20px 0 0 0px;}

}

@media(max-width:768px){

	.top_title2{position: absolute; bottom:50px; z-index:200; width:90%; left: 5%; margin-left:0px; text-align:left; font-size: 30px; color: #fff;
			font-family: 'Cormorant Infant', serif;text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);}
	.travel_section .top_img{ width:100%; height: 250px; position: relative;}
	
	.travel_box > div div h1{ font-size:20px; }
	.travel_box > div div h1 span{ font-size: 14px;}
	.travel_box > div div p{ padding: 20px 0px ;}
	.travel_box > div div p br{ display: none;} 

}