/* float clearfix */
.clearfix {*zoom:1;}
.clearfix:after, .clearfix:before {content:"";display:block;clear:both;}
.img_100 {width:100%; height:auto !important; vertical-align:top;}
.redtx {color: #d22020 !important;}
:focus {
    outline: 0;
}
/*.title{ font-size: 1.75rem; text-align: left;font-family: 'Noto Serif KR', serif; font-weight: 500;}
.sub_title{ width:100%; text-align: left; margin-top: 10px;} */
body {font-family: 'Noto Serif KR', serif;}

#msliders {
	position: relative;
}
.mvdo {
	
}

@media ( max-width: 767px ){


}

.slide__dots-container {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
}

.slide__dots .slick-dots {
	position: relative !important;
}

.slide__dots ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}

.slide__autoplay-btn {
	position: absolute;
	bottom: -8px;
	right: -40px;
	background: none;
	border: none;
	cursor: pointer;
	opacity: 0.7;
}

.slide__autoplay-btn.stop .play {
	display: block;
}

.slide__autoplay-btn.stop .stop {
	display: none;
}

.slide__autoplay-btn .play {
	display: none;
}

.slide__autoplay-btn .stop {
	display: block;
}

.slick-dots {
	position: relative;
}
@media ( max-width: 767px ) {
	.slide__dots {display:none;}
	.slide__dots-container {
		position: relative;
	}
	.slide__autoplay-btn {
		right: 25px;
	}
}


.root_daum_roughmap .wrap_map {height:500px !important}

@media ( max-width: 767px ) {
	.root_daum_roughmap .wrap_map {  height:300px !important; }
}


/* ¸ÞÀΰøÅë */
span.line {width: 80%;height: 1px;background: rgba(42,34,24,0.5);margin-left: 1%;display: block;}
.so {display: flex; align-items: center; color:#2a2218; margin-top:13px;}
.so-title {min-width: fit-content;  font-family: 'Alata', sans-serif; font-size:24px; letter-spacing:0.8px;}
.so-title-left {padding-right:15px;}
.so-title-right {padding-left:15px;}
.title {  font-family: 'Alata', sans-serif; font-size:45px; color: rgb(42, 34, 24);font-weight:500; letter-spacing:0.8px;}
.sub_title {font-family: 'Noto Sans KR', serif; font-size:14px;  color: rgb(42, 34, 24);line-height:30px; font-weight:400; letter-spacing:2.6px}
@media (max-width: 759px){
	.title {font-size:25px;}
	.sub_title {font-size:13px; line-height:20px;  letter-spacing:1.3px}
}   
 

/* room */
#rtit {position: absolute; bottom:100px;; z-index: 10; width: 100%; left: 9%;text-align: left; color: #e5e4e4; pointer-events: none; text-shadow:0 1px 1px rgb(69 69 69 / 50%)}
#rtit h1 {width:50%; font-size: 18px; font-weight: 500; line-height: 35px;font-family: 'Alata', sans-serif; letter-spacing: 1px; color: #fff;}
#rtit h1 span { font-size: 34px; color: #fff; font-family: 'Noto Sans KR', serif; font-weight:300; text-shadow:1px 1px 1px rgb(69 69 69 / 50%); letter-spacing: 1px;}
#rinfo {width: 1230px; margin: 180px 180px 70px 0;;height:300px;display: flex;align-items: center;justify-content: center; float: right;}
.room-align{width: 1320px;}
#rinfo .rname {width: 100%; text-align:center;}
#rinfo .rprice {width: 100%; font-family:'Noto Sans KR'}
#rinfo .rname h1 {font-size: 30px; padding: 0 0 10px;color:  #342b20; font-weight:500; font-family: 'Alata', sans-serif;}
#rinfo .rname h1 span {font-size:50px; margin-left:5px; color: #999;}
#rinfo .rname h2 {font-size: 13px; font-weight: 200; line-height: 140%; color:  #342b20; opacity:0.5; margin-bottom: 40px;font-family: 'Noto Serif KR', serif;}
#rinfo .rname h3 {font-size: 15px; font-weight: normal; line-height: 180%; color: #b1b1b1; margin-bottom: 15px;}
#info {width:87%; height:100%; margin:0 9% 0 9%;}
#info .arti {width:30%; height:auto; padding-left:7%; float:left; text-align:left; margin:0;}
#info .arti h2{font-size:16px; font-weight:bold;}
#info .arti .line {display: inline-block; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.9); margin: 1vh 0 1.5vh;}
#info .arti p{font-size:14px; margin-bottom:20%; line-height:160%;}
#room_des {margin-top:3%;}

.rimg{width:90%; margin:0 auto; padding:0; margin-top:200px;}
.rimg img{width:100%; margin-bottom:5vh;}


.room_text{ width:100%; text-align: left; position: relative;}
.room_text h1 span { font-size: 45px; font-family: 'Alata', sans-serif; color: #342b20;}
.room_text h1 {width:50%; font-size: 18px; font-weight: 400; line-height: 35px; font-family: 'Alata', sans-serif; letter-spacing: 1px; color: #342b20;}
.room_text p{ font-size: 14px; line-height: 35px; color:  #342b20; letter-spacing: 3px; margin-top: 40px;}
.room_text span{ font-size: 14px; line-height: 20px; color:  #342b20; letter-spacing: 2px;}
.room_text span img{ display: inline-block;}
.sub_img{  width:1543px;height: 1030px;margin: 200px auto 0px; position: relative;}
.sub_img .room_subimg{ width: 1230px;position:absolute; right: 0px; top:-24px;}
.sub_img .room_subimg > img{ position: absolute;}

.sub_img .room_subimg > img:nth-child(1){ margin-top: 320px;}
.sub_img .room_subimg > img:nth-child(2){ margin-left: 270px; margin-top: 90px; }
.sub_img .room_subimg > img:nth-child(3){ right:0;}

.sub_sp{  width:1230px;margin: 150px 180px 150px 0; text-align: right; float: right;}
.sub_sp div{ width:1230px; margin:0 auto; display: flex; margin-bottom:50px;}
.sub_sp .sp1 img:first-child{ margin-right: 22px; }
.sub_sp .sp1 img:last-child{ margin-left: 22px; }
.sub_sp .sp2 img:first-child{ margin-right: 22px; }
.sub_sp .sp2 img:last-child{ margin-left: 22px; }


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

.sub_img{  width:100%;height: 1030px;margin: 200px auto 0px; position: relative;}
.sub_img .room_subimg{ width: 80%;position:absolute; right: 0px; top:-24px;}
.sub_img .room_subimg > img:nth-child(1){ margin-top: 320px; width: 50%;}
.sub_img .room_subimg > img:nth-child(2){ margin-left: 270px; margin-top: 90px;  width: 30%; z-index: 100;}
.sub_img .room_subimg > img:nth-child(3){ right:0; width: 50%;}

.sub_sp{ width:98%; margin: 0 1% 40px; text-align: center;display: inline-block;}
.sub_sp div{ width: 100%; margin:0 auto; display: inline-block;}
.sub_sp .sp1{ float: left;}
.sub_sp .sp1 img{ width: 44%;float: left; margin: 0 2%;}
.sub_sp .sp2{margin-top: 30px;}
.sub_sp .sp2 img{width: 44%;float: left; margin: 0 2%;}

.room-align{width: 100%; display: flex;flex-direction: column;}
#rinfo{  margin:120px auto;}
}

@media screen and (max-width:1200px){
	#rtit h1 {}
	#rinfo{ width:80%; margin:120px auto;}
	#rinfo .rname h1 span {font-size:30px;}
    #rinfo {width: 100%; padding: 30px; height: auto; margin: 60px auto;}
    #rinfo > div {float: none;}
    #rinfo .rname {width:100%; text-align: center; transition: all 0.3s;}
    #rinfo .rprice {width: 100%;  transition: all 0.3s; margin-top: 30px;}
}

@media ( max-width: 759px ) {
	#rtit{ display:  block; bottom: 40px;}
	#rtit h1 {font-size: 14px; line-height: 20px;}
	#rtit h1 span{ font-size: 20px;}
    #rinfo .rname h1{font-size: 17px; }
    #rinfo .rname h2{font-size: 11px;}
	#info {margin-bottom:30px;}
	#info .arti {width:100%; margin:0 auto; padding:0;}
	#info .arti p{margin-bottom:8%;}

	.rimg{width:100%; margin-top:100px; }
	.rimg img{margin-bottom:20px;}


	.room_text{ width:100%; padding:10% 30px; box-sizing: border-box;text-align: left; position: relative;}
	.room_text h1 span { font-size: 27px; color: #342b20;}
	.room_text h1 {width:100%; font-size: 12px; font-weight: 400;  line-height: 24px;letter-spacing: 1px; color: #342b20;}
	.room_text p{  text-align:left; font-size: 12px; line-height: 1.3rem; color:  #342b20; letter-spacing: 3px; margin-top: 30px; font-weight: 400;}
	.room_text span{ font-size: 14px; line-height: 20px; color:  #342b20; letter-spacing: 1px;}
	.room_text span img{ display: inline-block;}

	

	.sub_img{  width: 100%;height: auto;margin: 40px auto; position: relative;  display: inline-block;}
	.sub_img .room_subimg{ padding:0 30px; width:100%; position:relative; right: 0px; top:0px; display: inline-block;}
	.sub_img .room_subimg > img{ position: relative; width: 100%;}

	.sub_img .room_subimg > img:nth-child(1){ margin-top: 245px;}
	.sub_img .room_subimg > img:nth-child(2){ margin-left: 22%; margin-top: -1040px; width: 60%; }
	.sub_img .room_subimg > img:nth-child(3){ right:0; margin-top: 20px;}


	.sub_sp{ width: calc(100% - 60px); margin: 0 30px 100px; text-align: center;display: inline-block;}
	.sub_sp div{ width:100%; margin:0 auto; display: inline-block;}
	.sub_sp .sp1{ float: left;}
	.sub_sp .sp1 img{width: 100%; margin-bottom:0px; float: none; margin:10px auto;}
	.sub_sp .sp2{ margin-top: 0px;  }
	.sub_sp .sp2 img{width: 100%;  margin-bottom:0px; float: none; margin:10px auto; }

	.sub_sp .sp1 img:first-child{ margin-right: 0px; }
	.sub_sp .sp1 img:last-child{ margin-left: 0px; }
	.sub_sp .sp2 img:first-child{ margin-right: 0px; }
	.sub_sp .sp2 img:last-child{ margin-left: 0px; }


	
}
@media ( max-width: 414px ) {
	#rinfo {margin: 3vh auto;}
}

#rimg {width: 80%; padding: 0 0 0; margin: 0 auto;}
#rimg img {width: 100%; margin: 0 0 5vh; pointer-events: none;}
#rimg img:last-child { margin: 0 0 100px;}

@media ( max-width: 767px ) {
	#rimg {width: 100%; padding:0 30px}
	#rimg img {margin: 0 0 30px;}
	#rimg img:last-child { margin: 0 0 15%;}
	#rinfo {}
	
}



.txt h1 {font-size: 30px; font-weight: 500; text-transform: uppercase;  margin: 0 ; opacity:1; text-align: center; 
		width:100%; color: #fff; font-family: 'Noto Serif KR', serif; text-shadow: 0 1px 1px rgba(69, 69, 69, 0.5);
		position: absolute; top: 73%; letter-spacing: 1.3px;}
.txt h2 {font-size: 16px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase;  margin: 0 ; opacity:1;
		text-align: center; width:100%; color: #fff; font-family: 'Noto Serif KR', serif; text-shadow: 0 1px 1px rgba(69, 69, 69, 0.5); 
		position: absolute; top: 78%;}

.special{ width:1320px; height: auto;margin:195px auto; ; }
.sub_page_title{ color: #836330!important; width:100%; margin-bottom: 55px; border: none; font-weight:500; text-align: left; font-size: 18px;}
.special > div{ width:100%; display: flex;}
.sp_text{width:50%; color: #836330;clear:both;}
.sp_img{ width: auto; }
.special .sp_text ul{ margin-top: 180px; }
.special .sp_text ul li a span{ font-size: .45rem; padding-bottom:10px; position: absolute; margin-left: 5px;}
.special .sp_text ul li a{color: #836330!important;font-size: 15px; line-height: 1.75rem;margin-right: 5px; }


.special .sp_text p{line-height: 1.85rem;}


@media ( max-width: 1300px ) {

.special{ width:80%; margin: 100px auto;}
.txt h1 { top: 43%; }
.txt h2 { top: 50%;}
.special > div{clear:both;display: block;width:80%; margin:0;}
.sp_text{width:100%; color: #836330;}
.sp_img{ width: 100%; margin-top: 50px;}
.special .sp_text ul{ margin-top:50px; }
}

@media ( max-width: 767px ) {

.txt h1 { top: 80%; bottom: 70px; font-size: 17px;}
.txt h2 { top: 87%; bottom: 20px; font-size: .9rem;}
.special{ width: 90%; margin:40px auto 130px;}
.special > div{clear:both;display: block;width:100%; margin:40px auto;}
.sp_text{width:100%; color: #342b20;}
.sp_img{ width: 100; }
.special .sp_text ul{ margin-top:50px; }
}


.about{ width:1560px; margin:0 auto; display: flex; margin-top: 200px;}
.about .about_text{ width: auto;padding-left:0; padding-top:0;  color:#262626;}
.about  img{ width:auto;}
.about .about_text p{margin-top: 40px; font-size: 14px; line-height: 2.5; letter-spacing: 0px;}
.pro_logo{width:100%; font-size: 40px!important; line-height: 3.5rem!important; color:#262626; display: block;
						font-weight: 300;margin-top: -20px!important;font-family: 'Alata', sans-serif;letter-spacing: 1px;}
.pro_logo span{ font-family: 'Alata', sans-serif;letter-spacing: .8px; font-size: 26px; color:#262626;
				font-weight: 400;width:100%; display: block;line-height: 2rem!important}

@media ( max-width: 1300px ) {

.about{ clear:both;display: block; width:80%; margin:100px auto;}
.about img{ width:90%; margin:0 auto; display: block;}
.about .about_text{ padding-left:0%; width:90%; margin:40px auto;}
.about .about_text p { text-align:left; line-height: 1.7rem; }
.pro_logo{ font-size: 60px;  text-align: left!important;}
.pro_logo span{font-size: 18px;}

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


@media ( max-width: 1000px ) {

.about{ clear:both;display: block; width:90%; margin:100px auto 40px;}
.about img{ width:100%; margin:0 auto; display: block;}
.about .about_text{ padding-left:0%; width:100%; margin:40px auto;}
.about .about_text p { text-align:left; font-size: 12px; line-height: 1.5rem; }
.pro_logo{ font-size: 2.25rem!important; line-height: 3.5rem!important; text-align: left!important;}
.pro_logo span{font-size: 26px;}


}


/* tcont */
.timg {position: relative; width: 100%; height:700px; text-align: center; background: #fff; padding: 0 0 0px;text-shadow: 0 1px 1px rgba(69, 69, 69, 0.5);}
.timg img{display: block; width: 100%;}
.timg.reser {background: url("../img/sub/timg_reser.jpg") center no-repeat; background-size: cover;}
.timg.traffic {background: url("../img/sub/timg_traffic.jpg") center no-repeat; background-size: cover;}
.timg.travel {background: url("../img/sub/timg_travel.jpg") center no-repeat; background-size: cover;}
.timg.special {background: url("../img/sub/timg_special.jpg") center no-repeat; background-size: cover;}
.timg .txt {position: absolute; top: 54.5%; z-index: 5; width: 100%; text-align: center; color: #fff;}
.timg .txt h1 {font-size: 30px; font-weight: 500; text-transform: uppercase;  margin: 0 ; opacity:1;letter-spacing: 2px;
				 font-family: 'Noto Serif KR', serif; text-shadow: 0 1px 1px rgba(69, 69, 69, 0.5);}
.timg .txt .line {display: inline-block; width: 210px; height: 1px; background: rgba(255, 255, 255, 0.6); margin: 0.5vh 0 0.5vh;}
.timg .txt h2 {font-size: 18px; font-weight: normal; letter-spacing: 0.025em;text-shadow: 0 1px 1px rgba(69, 69, 69, 0.5);}
.timg .txt .line.sp_line{width: 130px;}
.timg .txt .line.tra_line{width: 120px;}
.timg .txt .line.traff_line{width: 130px;}

@media ( max-width: 1000px ) {
	.timg .txt {top: 43%;}

	.timg .txt .line {width: 145px;}
	.timg .txt h2 {font-size: 15px;}
	.timg .txt .line.sp_line, .timg .txt .line.tra_line,.timg .txt .line.traff_line {width: 100px;} 
}

@media ( max-width: 767px ) {
	.timg {height: 33vh;}
	.timg .txt {top: 80%; font-size: 17px;}
	.timg .txt h1 { font-size: 17px;}
	.timg .txt h2 {font-size: 13px;}
}

#tcont * {transition: all .1s; -webkit-transition: all .1s; font-size:12px;font-family: 'Pretendard-Regular';}
#tcont {width: 1560px; min-height:200px; margin: 160px auto;}
#tcont .tit {font-size: 18px; position: relative; margin-bottom: 20px; line-height: 30px; padding-top: 10px;}
#tcont .titt {font-size: 14px; color:#313131; line-height: 150%;margin: 25px 0;}
.titt h1{ font-size: 16px!important; margin-bottom:10px;}
#tcont h1:before{ content: ' \220E'; font-size: 9px; vertical-align: bottom;}
#tcont .titt span { color:#313131;}
#tcont .ti {font-size: 14px; font-weight: bold;  color:#313131; line-height: 150%;}
#tcont .titt > div {margin-bottom: 7px;}
#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;}

.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: #a99a88; 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;}

#total_daily_price2{ padding-top: 30px;}

@-webkit-keyframes showTab {
    from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}
    to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}

@keyframes showTab {
    from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}
    to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}


#tcont{ margin: 195px auto ;}

@media ( max-width: 1300px ) {

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

@media ( max-width: 1000px ) {

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

@media screen and (max-width: 565px) {
	#tcont {margin: 60px auto 40px; width:90%;}
	#tcont .titt > div > li {font-size: 12px;}
	.tabsy > .tab > .content:last-child {padding: 10px 0 0%;}
	#total_daily_price2{ padding-top: 10px;}
}
#ptable {width:100%; border-bottom: 1px solid #77634c;  border-right:1px solid #77634c;  margin-left: auto; margin-right: auto;}
#ptable tr {min-height: 40px;}
#ptable th {text-align: center; background: #a99a88; font-weight: 300!important;color: #323232; padding: 1vh 0; border-top: 1px solid #77634c; border-left: 1px solid #77634c; }
#ptable td {font-size: 13px; line-height: 120%; text-align: center; padding: 12px 0 ; border-top: 1px solid #77634c;  border-left: 1px solid #77634c; }

/*´Þ·Â*/
.iframe_calendar {width: 100%; max-width: 1200px; height: 100vh; padding: 5vh 0; border: 0; margin: 0 auto;}


/* travel */
#tour_cont {position: relative; width: 100%; height:700px; text-align: center; padding: 0 0 0px;}
#tour_cont .timg {position: relative;}
#tour_cont .timg img {display: block; width: 100%;}
#travel_con {position: relative; width: 1560px; height: auto; margin: 200px auto; display: block;  }
#travel_con > div{ float: left; width: 740px; margin-right: 80px; box-sizing: border-box; }
#travel_con .trabox > div {width: 100%; height:auto;}
#travel_con .trabox2{ margin-right: 0;}
#travel_con .trabox .ibox {width: 100%; float:left; margin-left:0%;}
#travel_con .trabox .ibox > img{width: 100%;}
#travel_con .trabox .tbox {height:100%; width: 100%; float:left; text-align:left;padding: 1% 0%; margin-bottom: 140px; }
#travel_con .trabox .tbox .line {display: inline-block; height: 15px; width: 1px; background: #313131; margin: 0;}
#travel_con .trabox .tbox h1{font-size:18px; margin:30px 0 15px 0; font-weight:400;  color:#342b20; padding-bottom:25px; border-bottom: 1px solid #342b20;}
#travel_con .trabox .tbox h2{font-size:14px; margin:0 0 10px 0; color:#342b20;;font-weight:300; }
#travel_con .trabox .tbox h2 span{ width:66%; height: 0; border-top: 1px solid #342b20; display: inline-block; padding-top: 4px; margin-left: 1%; }
#travel_con .trabox .tbox h3{width:100%; margin:0 auto; font-size:14px;  color:#342b20; line-height:1.8rem; letter-spacing:-0.3px; text-align:left; font-weight:400;}
#travel_con .trabox .tbox h3 .stxt{font-size:12px; color:#342b20;font-weight:400;}


@media (max-width: 1440px) {
#travel_con{ width:80%;}
#travel_con > div{ float: none; width: 80%; margin:0 auto; margin-right:0;}
#travel_con .trabox .tbox {width:100%;}
#travel_con .trabox .tbox h2 span{ width:100%;margin-left: 0%; }
}
@media (max-width: 1000px) {
#travel_con{ width:80%;}
#travel_con {margin-top:60px}
#travel_con .trabox > div {width: 100%; height:auto;}
#travel_con .trabox2 > div {width: 100%; height:auto; float: right !important;}
#travel_con .trabox .ibox {width: 100%; float:left; margin-left:0%;}
#travel_con .trabox2 .ibox {margin:0 10% 0 0;}
#travel_con .trabox .ibox > img{width: 100%;}
#travel_con .trabox .tbox {padding:0.5%; margin:40px 0%}
#travel_con .trabox .tbox h1{ margin:0;font-family:'Noto Sans KR', serif;}
#travel_con .trabox .tbox h2{font-size:14px; margin:0 0 1.5vh; line-height:1.9;font-family: 'Noto Serif KR', serif; font-weight:500;}
#travel_con .trabox .tbox h2 span{ width:100%;margin-left: 0%; }
#travel_con .trabox .tbox h3{width:90%; margin:0; font-size:13px;font-family:'Noto Sans KR', serif;}
}
@media (max-width: 768px) {
	#travel_con{ width:90%; margin: 40px auto 130px;}
	#tour_cont {height:36vh;}
	#tour_cont .timg img {width: 100%; margin: 0; padding:0}

	#travel_con .trabox{ width:100%;}
	#travel_con .trabox > div {width: 100%; height:100%;}
	#travel_con .trabox2 > div {width: 100%; height:100%;}
	#travel_con .trabox, #travel_con .trabox2{margin:0; padding:0px}
	#travel_con .trabox .ibox, #travel_con .trabox .tbox, #travel_con .trabox2 .tbox {width: 100%; float:left; margin:0}
	#travel_con .trabox .tbox, #travel_con .trabox2 .tbox {margin:5% 0 10%}
	#travel_con .trabox .tbox .line {margin: 0.5vh 0;}
	#travel_con .trabox .tbox h1 {font-size:17px; padding-bottom:7px}
	#travel_con .trabox .tbox h2{font-size:14px;}
	#travel_con .trabox .tbox h2 span{ width:100%;margin-left: 0%; }
	#travel_con .trabox .tbox h3{font-size:14px; width:98%; padding-top:5px;}
}