
<!-- 동영상 -->
.jb-box { width: 100%; overflow: hidden;margin: 0px auto; position: relative; }
.jb-box p {text-align:center; margin-top:450px;}
video { width: 100%; }

<!--메인 서브 인포 -->
.scroll-obj { opacity:0; }
.scroll-obj.active { opacity:1; -webkit-animation:active-y 1.5s 1; -ms-animation:active-y 1.5s 1; animation:active-y 1.5s 1; }
.anim-x.active { -webkit-animation:active-x 1.5s 1; -ms-animation:active-x 1.5s 1; animation:active-x 1.5s 1; }
.anim-x-r.active { -webkit-animation:active-x-r 1.5s 1; -ms-animation:active-x-r 1.5s 1; animation:active-x-r 1.5s 1; }


.mainsub_info > ul:after {content:""; display:block; clear:both;}
.mainsub_info > ul > li { float:right; width:48%; margin:0 1%;}
.mainsub_info > ul > li:nth-child(2n):after { content:""; display:block; clear:both; padding:6% 0;}

.mainsub_slider .lSSlideOuter { position:relative; margin-bottom:10px}
.mainsub_slider .lSPager.lSpg { position:relative; width:100%; margin:5px 0 !important; left:0;}
.mainsub_slider .lSPager.lSpg li { display:inline !important; }
.mainsub_slider .lSSlideOuter .lSPager.lSpg > li a, .mainsub_slider .lSSlideOuter .lSPager.lSpg > li.active a 
{ display:inline-block; width:8px; height:8px; margin:0; border-radius:100% !important; background:#cbcbcb; border:1px solid #fff;  font-size:0; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.mainsub_slider .lSSlideOuter .lSPager.lSpg > li a:hover, .mainsub_slider .lSSlideOuter .lSPager.lSpg > li a:focus, .mainsub_slider .lSSlideOuter .lSPager.lSpg > li.active a { background:#000;}


.mainsub_info02 { margin:-70px auto 0; }
.mainsub_info02 > ul:after {content:""; display:block; clear:both;}
.mainsub_info02 > ul > li:after { content:""; display:block; clear:both;}
.mainsub_info02 > ul > li{ padding:0 0 40px 0; }
.mainsub_info02 li .lSSlideOuter { position:relative; float:left; width:65%;margin-bottom:0; z-index:1;}
.mainsub_info02 li:nth-child(2n) .lSSlideOuter { float:right;}


.ma-txt {	position: relative;	width: 100%;max-width: 1155px;	margin:5% auto; text-align: center;}
.ma-txt h4 {top: 0;right: 0;left: 0;font-size: 3.5em; margin: auto;opacity: 0.5; color:#4d4d4d; font-family: 'YiSunShinDotumM';} 
/*.ma-txt h5 {font-family: 'Lato', sans-serif;font-size: 60px;	font-weight: bold;color: #222;	letter-spacing: -0.02em;line-height: 60px;}*/
.ma-txt h6 {margin-top: 18px;	font-size: 18px;font-weight: bold;	color: #444;	transform: translateY(30px);}
.ma-txt .txt {	margin-top: 45px;font-size: 16px;font-weight: 100;line-height: 26px;color: #666; font-family:'HangultuelGothic';}
.ma-txt .eng {margin-top: 22px;font-size: 8px;font-weight: 100;color: #999;	line-height: 18px; /*text-transform: uppercase;*/}

.btn_more {position: absolute;bottom: -40%;right: 15%;left:95px;margin: auto;text-align:center;width: 145px;line-height: 38px;border: 1px solid #666;font-size: 12px;color: #444;letter-spacing: 0.15em;text-transform: uppercase;transition: border 0.3s, background 0.3s, color 0.3s;}
.btn_more:hover {border: 1px solid #9b7e6c;	background: #9b7e6c; color: #fff;}

.mainsub_info02 .lSAction { position:absolute; width:97px; height:48px; right:0; bottom:0; z-index:5;}
.mainsub_info02 li:nth-child(2n) .lSSlideOuter .lSAction { left:0;}
.mainsub_info02 .lSAction a { display:block; width:48px; height:48px; color:#fff; text-align:center; font-size:3.2em; line-height:25px; opacity:1; top:0; margin:0;}
.mainsub_info02 .lSAction>.lSPrev { left:0;}
.mainsub_info02 .lSAction>.lSNext { right:0;}


.main_info_txt{margin-top:30px; max-width:1600px; margin:0 auto 5%;}
.main_info_txt .main_no0{ position: relative; display: inline-block; width: 100%; /*margin-top:45px;*/}
.main_info_txt .main_no0 .main_infovideo{  width: 100%;  float: right;}

.main_txt_info {width:30%; padding:125px 85px; float:left;}
.main_txt_info .txt h3{font-weight: 300; color: #6d6d6d; font-size: 14px; font-family: 'Karla', sans-serif;}
.main_txt_info .txt h2{font-size: 30px; font-weight: 400; color: #6d6d6d; line-height: 1.2; margin-top: 23px; font-family: 'IBMPlexSansKR-Light';}
.main_txt_info .txt .line{background-color: #b6b6b6; display: block; width: 65px; height: 1px; margin: 50px 0;}
.main_txt_info .txt p{color: #9f9f9f; font-size: 15px; line-height: 1.8; font-family: 'IBMPlexSansKR-Light';}

.main_infovideo .line-txt {position:absolute;top: 82%;right: -9%;display:block;width: 120px;font-size:10px; letter-spacing:1.5px;}
.main_infovideo .line-txt:after { content:''; position:absolute; right:115%; top:50%; width:175px; height:1px; background:#333; }
.main_infovideo .line-txt { transform:rotate(90deg); transform-origin:0 0; }


/*서브 메인*/
.sub-view .slide {height:400px;}
.basic-slide-wrap { position:relative; z-index:99; overflow:visible; }
.basic-slide { position:relative; overflow:visible; margin:0;}
.basic-slide .slide { background-position:center center; background-repeat:no-repeat; background-size:cover; }
.basic-slide .slide img { max-width:100%; }

.slide-tit { position:absolute; left:10px; right:10px; top:45%; z-index:1500; color:#fff; transition:0.9s; text-align:center; }
.slide-tit strong { display:block; line-height:1; font-size:40px; font-family:'Overpass', sans-serif; font-weight:500;}
.slide-tit strong:after {position: relative; top:16px; left:0; width:60px; height:2px; background:#FFF; content:""; display:block; margin:auto;}

.slide-tit p { margin-top:2%; letter-spacing:1px; font-size:22px; font-family:'Cafe24Simplehae';}
.slide-tit p b { margin-left:5px; font-size:16px; }
.slide-tit { animation:active-y 2s 1; }

.slide-tit {		animation-duration:3s;
				animation-name:myani;
				-webkit-animation-duration:3s;
				-webkit-animation-name:myani;
				-moz-animation-duration:3s;
				-moz-animation-name:myani;
				-webkit-animation-fill-mode:both

				}
			@keyframes myani{0%{ top:30%; opacity:0;} 100%{top:45%; opacity:0.8;}}
			@-webkit-keyframes myani{0%{ top:30%; opacity:0;}100%{top:45%; opacity:0.8;}}
			@-moz-keyframes myani{0%{ top:30%; opacity:0;}100%{top:45%; opacity:0.8;}}


.supmap { position:relative; margin:3.5em auto 0; font-size:1.1em; font-weight:600; text-align:center; color:#616161; }
.supmap .title01 {display:block; font-family: 'Ubuntu', sans-serif; font-size:2.2em; line-height:1.2em; letter-spacing:-0.02em; margin-bottom:0.5em; } 
.supmap .title02 { display:block;  font-size:1.8em; line-height:1.3em; margin-bottom:1em; font-family: 'YiSunShinDotumM'; font-weight:400;}
.supmap .title03 { display:block; font-family:'MapoFlowerIsland'; font-size:10px; line-height:1.2em; color:#a7a7a7; font-weight:100; letter-spacing:0.05em; opacity:0.6; filter: alpha(opacity=60;);}
.title_line:before { content:''; display:block; margin:15px auto; width:40px; height:2px; background:#a7a7a7; opacity:0.6;}


/*메인 소개글*/
.main_info_rev {margin-bottom:3.5%;}
.main_img_info-wrap .txt .ko{	/*padding-right: 50px;*/ font-size:15px; line-height:1.7;}
.main-main_img_info .txt {position:absolute;left: 115px;top: 140px;text-align: center;/* margin:10%; *//* padding-left:5%; */font-size:11px;background: #fff;padding: 70px;}
.main-main_img_info .txt a{display: block; border: 1px solid #616161; line-height: 40px; width: 260px; text-align: center; color: #616161;  font-size: 14px; margin: 20px auto;}
.main-main_img_info .txt a:hover{color: #fff; background-color: #616161; border: 1px solid #616161; transition: all 0.3s ease-in-out;}


/*스페셜 미리보기*/
*:focus { outline:none; }

.special-preview{ position: relative; padding-top: 200px; max-width:1500px; margin:auto;}

.special-preview .pic{float: left; height:720px;}
.special-preview .pic .pic-con{width: 875px;height: 592px;position: relative;}
.special-preview .pic .pic-con .slide{height: 550px;background-size: cover;background-position: center; cursor:pointer;}
.special-preview .pic .pic-con1{z-index: 3;left: 72%;top: -155px;}
.special-preview .pic .pic-con2{left: 0%;top: -395px;z-index: 5; height:440px; width:725px;}
.special-preview .pic .pic-con2 .slide{height:440px;}

.special-preview .pic .pic-con1 .txt{position: relative;margin: 63px 0 0 126px;}
.special-preview .pic .txt p{font-size: 14px; color: #5f5f5f; font-weight: 500; line-height: 1.8; margin-left: 10px;}
.special-preview .special-nav{position: absolute;left: 0; top:65px;}
.special-preview .special-nav h2{ font-size:30px; line-height:1.2;  margin-bottom:15px; font-family:'YiSunShinDotumM';}
.special-preview .special-nav small {font-size:15px; line-height:1; font-family:'HangultuelGothic';  letter-spacing:-0.9px;}
.special-preview .special-nav span{width: 1px; height: 70px; display: block; background-color: #c7c7c7; margin-top: 20px; margin-bottom: 20px;}
.special-preview::after{content: ""; display: table; clear: both;}
.special-preview .special-nav ul li{position: relative;padding-left: 15px;line-height: 1.8;display:inline-block;margin-right: 20px;}
.special-preview .special-nav ul li a{font-size: 16px;position: relative;font-family: 'Cafe24Simplehae';color: #333333;display: inline-block;font-weight: 700;}
.special-preview .special-nav ul li a::after{content: ""; display: block; position: absolute; bottom: 0px; background-color: #497993; height: 1.5px; width: 100%; transform: scaleX(0); transition: 0.5s; transform-origin: left;}
.special-preview .special-nav ul li a.on::after{transform: scaleX(1);}
.special-preview .special-nav ul li::before{content: "";display: block;width: 8px;height: 8px;background-color: #497993;position: absolute;left: 0;top: 8px;}

.sp_mo{display:none;}  .sp_pr_mo{display:none;}  .special-preview .more{display:none;}

/*어바웃*/
.aboutit_txt { position:relative; padding-top:65px; text-align:center; line-height:1; }
.aboutit_txt span {  font-size:15px; }
.aboutit_txt strong { display:block; margin-top:0.5%; font-size:35px; font-family:'Karla', sans-serif; font-weight:300;}
.aboutit_txt p { margin-top:30px; line-height:1.6; font-size:16px;}
.title_line:before { content:''; display:block; margin:25px auto 0; width:1px; height:40px; background:#a7a7a7;  }

.loader{width:100%;height:100%;background-repeat: no-repeat;background-position: center center;background-size:cover;transform-origin: 50% 50%;}

.about_in_img{ max-width:1450px; margin:0 auto 2.5%;}
.about_sub_img01 { overflow: hidden; }
.about_sub_img01_wrap {position: relative;padding-bottom: 2vw;}
.about_sub_img01_wrap .loader {width: 100%; margin: auto;padding-top: 40%;}
.about_sub_img02 {overflow: hidden;}
.about_sub_img02_wrap {position: relative;width: 100%;}
.about_sub_img02_wrap .about_sub_img02_content {position: relative;/*width: 78.2vw;*/ height: 26.6vw;margin: auto;padding-top: 100px;}
.about_sub_img02_wrap .about_sub_img02_content .left {display:block;width:43%;margin-right: 10px; position:absolute; float:left; margin-top:-18%;}
.about_sub_img02_wrap .about_sub_img02_content .right {display:block;width: 55%;margin-left: 10px; float:right;}
.about_sub_img02_wrap .about_sub_img02_txt {position: relative; margin: auto;text-align: right; color:#949494;}
.about_sub_img02_wrap .about_sub_img02_txt .txt1 {position: relative;display: inline-block;margin-top: 70px;font-size: 20px;line-height: 25px; padding-bottom:20px; font-family:'IBMPlexSansKR-Light';}
.about_sub_img02_wrap .about_sub_img02_txt .txt1::after {content: '';position: absolute;right: 0; bottom: 0;width: 335px; height: 1px;background: #949494;}
.about_sub_img02_wrap .about_sub_img02_txt .txt2 {margin-top: 8px;font-size: 14px;line-height: 28px; letter-spacing: -0.03em; font-style:italic; font-family:'IBMPlexSansKR-Light';}


.bak {width:100%;height:425px; text-align:center;}
.bak{background:url(/web/img/main/main_bg.jpg) no-repeat 50% 50%;background-attachment:fixed;}
.bak a{border:1px solid #eeeeee; color:#eeeeee; padding:0.8% 2%; /*background:rgba(255, 255, 255, 0.34);*/ display:block; width:15%; margin:auto; font-family:'Montserrat', 'Nanum Gothic',  sans-serif;}
.bak .maintext{color:#fff;opacity:0.7;font-size: 47px;font-family: 'Questrial';padding-top: 8%;}
.bak .maintext01{color:#fff; font-size:15px; margin:1% auto 1.5%;}
.bak a:hover{border:1px solid #fff; color:#000; background:rgba(255, 255, 255, 0.80);  transition: 0.5s ease;  -webkit-transition: 0.5s ease;}
.bak .deco {position: absolute;	top: 0;right: 0;	left: 0;	margin: auto;width: 1px;height: 110px;background: #fff;text-align: center;}

.about_ima_sub{width: 100%;max-width: 1450px; margin: 0 auto 2.5%;}
.about_txt_sub_0 .about_txt_wrap{ padding: 15px 0 40px 0;text-align: center;}
.about_txt_sub_0 .about_txt_wrap span{display: block; line-height:1.5;}
.about_txt_sub_0 .tit{ font-size: 15px; margin-bottom: 10px; }
.about_txt_sub_0 .txt01{font-size: 12.5px; color:#9f9f9f; }
.about_txt_wrap .line{background-color: #b6b6b6; width: 65px; height: 1px; margin:1.2% auto;}


/*오시는길*/
.map {/*margin:2% auto;*/ width:65%;}
.map-item.type3{  margin-bottom: 0;}
.map-item.type3 .map-title{   width: 100%;  float: none;  position: relative;  border-bottom: 1px solid #e0e0e0;  padding: 20px 0;  margin-bottom: 0; cursor: pointer;}
.map-item.type3 .map-title .icon{ position: absolute; right: 10px;  top: 30px;}
.map-item.type3 .map-title.on i{ transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.map-item.type3 .mapinfo-txt{ width: 100%; float: none; display: none;   margin: 30px auto;}
.map-item.type3 .mapinfo-txt ul li {font-size:14px; line-height:1.5;}


.map_txt {position:absolute;margin-top:7em;font-size:1.1em;font-weight:400;color:#1b1b1b;right: 365px;}
.map_txt .title01 {display:block; font-size: 50px; font-weight: 300; letter-spacing:-0.02em;margin-bottom:0.5em; font-family:'YiSunShinDotumM'; color:#7e7e7e;} 
.map_txt .title02 {display:block;font-size: 1.2em;line-height:1.3em;font-weight:300;margin-bottom:2em;}
.map_txt .title03 { display:block;  font-size:10px; line-height:1.2em; color:#a7a7a7; font-weight:300; letter-spacing:0.05em; opacity:0.6; }

.mpa01_txt {position:absolute;margin-top: 16em;font-size:1.1em;font-weight:400;right:7%;font-family:'S-CoreDream-3Light';}
.mpa01_txt h1 {font-size: 14.7px;margin-bottom: 1%;font-weight: 500;}
.mpa01_txt .tit {font-size:1.8em; margin-bottom:1%; padding-top:6%;}
.mpa01_txt .basic-list {font-size:15px; line-height:2; margin-top:25px;}



.root_daum_roughmap {margin-top:8% !important; width:730px !important;}
.root_daum_roughmap .wrap_controllers {display:none !important;}


/*객실*/
.tit_all {text-align: center; max-width: 1170px; margin: 40px auto 50px ; padding: 0 20px; }
.tit_all .tit_ss {letter-spacing: 0.8em; font-size: 10px;}
.tit_all .tit_en {font-size: 1.8em;letter-spacing: 0px;font-weight: 500;line-height: 2.2;  font-family:'YiSunShinDotumM'; color:#3c5a83;}
.tit_all .text_b { margin:20px; color:#bdbdbd; font-size:10px; line-height:1.2;}
.h_line_b{width: 1px;height: 3em;background: #aeaeae; margin-left: 4px;margin: 0 auto;}

.room_info_main {width: 80%; margin: 30px auto; position: relative;}
.room_info_main figure img {width: 50%;}
.room_info_main figcaption {color: #000; font-size: 1rem; margin-bottom: 2%;}
.room_info_main figcaption strong:nth-child(1) {font-size: 1.5rem; margin-right: 3%;}
.room_info_main figcaption strong:nth-child(2) {font-size: 1.5rem;}
.room_info_main ul li {line-height:1.8rem; font-size: 14px;}
.room_info_bg {position: absolute; width:39%; height: 512px; top: 0; right:7%;}

.room_infomain table {margin: 4% 9% 0 0; position: relative; text-align: center; font-size: 1rem; font-family:}
.room_infomain table tr th { font-size: 13px; line-height: 2rem; color: #00; font-weight: 500; }
.room_infomain table tr {border: 1px solid #ccc; border-left:none; border-right:none;}
.room_infomain table tr td {border: 1px solid #ccc; padding:15px 0px 15px 5px; font-size:13px; text-align:left; border-right:none; /*letter-spacing:0.03em;*/}

.reserve-btn {display:inline-block;padding: 10px 40px;border:1px solid #545454;transition:300ms;font-size: 15px; margin-top:3%;}
.reserve-btn:hover {  color:white;  background-color:#3c5a83; border:1px solid #3c5a83; margin-left:1.5%;}

.room_main_img{width: 100%;max-width: 1450px; margin: 4.5% auto;}
.room_img02 { width: 33.16%; display:inline-block; position: relative; min-height: 1px;}
.room_img02:first-child{padding-left:0;}
.room_img02:last-child{padding-right:0;}

.room_txt_wrap {padding:40px; text-align:center; font-family:'YiSunShinDotumM';}
.room_txt_wrap .room_txt_wrap{ padding: 44% 0 40px 0;text-align: center;}
.room_txt_wrap .room_txt_wrap span{display: block; line-height:1.5}
.room_txt_wrap .tit{ font-size: 21px; margin-bottom: 10px; }
.room_txt_wrap .txt01{font-size: 11px; color:#9f9f9f; }
.room_txt_wrap .line{background-color: #b6b6b6; width: 65px; height: 1px; margin:1.2% auto;}



/* 스페셜 */
.sp00{ padding:5.5% 0 0 0;}
.sp00_1{padding:3.5% 0 0 0;}
#spacial_info {position:relative; /*background:#fff*/ ;z-index:500;}
#spacial_info .thumb {width:1200px;margin:0 auto;overflow:hidden;}
/*#spacial_info .line {display:none;}*/
#spacial_info .thumb li {width:33%;margin:0 0.15% 3px;float:left;height:370px;display:block;}
#spacial_info .thumb li:hover {opacity:0.7;}
#spacial_info .thumb li a {display:block;width:100%;height:100%;}


#spacial_info .more {
	display:block;width:210px;margin:0 auto;font-size:16px;color:#34383d;border:1px solid #cccdce;
	border-radius:5px;padding:13px;text-align:center;font-weight:500;transition:all 0.3s;
}
#spacial_info .more:hover {color:#fff;background:#cccdce;}


.spText {text-align:center;width: 63%;margin: 1% auto 0%;padding: 0 0 3% 0;border-bottom: 1px solid #eaeaea; color:#616161;}
.spText dt { font-size:20px; color:#3c5a83;}
.spText dt .title { font-size:1.2em; margin-top:15px; line-height:1.2em; letter-spacing:-0.02em; color:#616161; font-family:'YiSunShinDotumM'; display:block;}
.spText dt .title  small {font-size:15px; letter-spacing:2px;}
.spText dt .title:after {position: relative; top:0px; left:0; width:50px; height:2px; background:#adadad; content:""; display:block; margin: 1.2% auto 0.8%;}

.spText dd {font-size: 1.2em;line-height:1.7em;font-family: 'HangultuelGothic';}
.spText dd div p {letter-spacing: -0.03em;font-family: 'HangultuelGothic';}


/*투어*/
.tour-list-wrap{max-width:1500px; margin:7% auto 0;}
.tour-list { margin:-70px auto 0; }
.tour-list > ul:after {content:""; display:block; clear:both;}
.tour-list > ul > li:after { content:""; display:block; clear:both;}
.tour-list li .lSSlideOuter { position:relative; float:left; width:100%;margin-bottom:0; z-index:1; margin-bottom:2%;}
.tour-list li:nth-child(2n) .lSSlideOuter { float:right;}

.tour-list .txt { text-align:center; width:100%; padding:90px 50px 70px 50px; }
.tour-list .txt em { font-family:'GillSans'; font-size:20px; color:#616161;}
.tour-list .txt strong { display:block; font-size:22px; color:#616161; margin:10px 0 15px 0; font-family:'YiSunShinDotumM';}
.tour-list .txt span { font-size:14px; color:#616161; font-family:'Spoqa Han sans-serif'; border-bottom:1px solid #616161;}
.tour-list .txt p {margin-top:40px;color:#616161;font-size: 14px;line-height:1.8;font-family:'Spoqa Han sans-serif';letter-spacing: -0.03em;} 


/* 예약안내 */
.rev_main_info{max-width:1400px; margin:0% auto 1%;}

.reserTable { width:100%; border-collapse:collapse; border-top:1px solid #999;}
.reser .reserTable { position:relative; margin-bottom:5%;}
.roomReser { margin-bottom:10px;}
.room .reserTable { float:left; width:50%;}
.reserTable th, .reserTable td { padding:10px 2px; font-size:1.05em; text-align:center; border-bottom:1px solid #999; font-weight:400;}
.reserTable th { background:#f2f2f2;} 
.reserTable thead { border-bottom:2px solid #999;}
.reserTable td.type { text-align:left; padding-left:5%;}
.reser .reserTable tbody tr { overflow:hidden;}
.reser .reserTable tbody tr:hover td, .reser .reserTable tbody tr:hover th {  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background:#999; color:#fff; cursor:pointer;}

.dash-list li { position:relative; padding-left:10px; font-size:15.5px; line-height:1.7; color:#616161;}
.dash-list li:before { content:'-'; position:absolute; left:0; top:0;  }
.dash-list li strong.font-red { color:#d23200; }

.rev2{margin-top:5%;}
.cancleTable { width:100%; max-width:500px; border-collapse:collapse; margin:5px 0 10px; border-top:1px solid #ccc; border-right:1px solid #ccc;}
.cancleTable th { padding:8px 0; font-weight:400; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:#f2f2f2; font-size:12px; line-height:1.2em; text-align:center;}
.cancleTable td { padding:8px; text-align:center; border-bottom:1px solid #ccc; border-left:1px solid #ccc;  font-size:12px; line-height:1.2em; }


.user-info{max-width:1400px; margin:50px auto 0 auto; padding:0 10px;}

.user-info { clear:both; margin-top:20px; }

.user-info h1 { display:inline-block; margin-bottom:20px; padding:10px 180px; text-align:center; border-bottom:1px solid #b3b3b3; border-left:0; border-right:0; font-size:15px; line-height:2;}
.user-info h1 strong {line-height:1;font-size: 28px;font-weight:300;color:#616161; margin-top:5px; display:block; font-family:'Overpass', sans-serif;}
.user-info h1 span {/* display:block; */font-size: 18px;color:#616161;margin-top:12.5px;font-weight: 600;}
.user-info p { font-size:15px; line-height:1.7; font-weight:bold; margin:2% auto 0;}
.user-info h2 { margin-top:20px; font-size:13px; }
.user-info img { max-width:100%; position:absolute; top:0; }
.basic-info { position:relative; padding-left:570px; padding-top:5px;  margin:60px 0 180px 0;}
.basic-info img { left:0; }
.caution-info { position:relative; margin:115px 0; padding-right:614px; }
.caution-info img { right:0; }
.refund-info { position:relative; text-align:center; margin-bottom:55px;}


@media(max-width: 1680px){
.about_sub_img02_wrap .about_sub_img02_content{height:31.6vw;}
figure{margin:auto;} 
.room_info_main{width:87%;} .room_info_bg{width:46%; right:0%;}
}


@media(max-width: 1600px){
.main-inner .ma-txt{padding:22px;}
.main_info_txt{max-width:1300px;}
.main_txt_info{padding:70px 35px;}
.main_infovideo .line-txt{top:73%; right:-11%;}

.special-preview{max-width:1400px;}
.special-preview .pic .pic-con{width:849px;} .special-preview .pic .pic-con1{left:65%;}
.special-preview .pic .pic-con1 .txt{margin:66px 0 0 315px;}

.bak {height:365px;}

.room_info_main{ width:90%;}
}

@media(max-width: 1440px){
.subTitle_txt{margin:40% auto 40px;}

.main_info_txt{max-width:1230px;}
.main_txt_info{width:37%; padding:35px 60px;}
.main_txt_info .txt .line{margin:40px 0;}
.main-main_img_info .txt{top:90px; padding:55px;}

.special-preview{max-width:1250px;} 
.special-preview .pic .pic-con{width:720px;} .special-preview .pic .pic-con1{left:74%;}
.special-preview .pic .pic-con .slide{height:460px;} .special-preview .pic .pic-con2 .slide{height:410px;}
.special-preview .pic .pic-con1 .txt{margin:100px 0 0 240px;}

.aboutit_txt{padding-top:40px;}
.about_in_img{max-width:1280px; margin:1.2% auto 2.5%;} .about_ima_sub{max-width:1280px;}
.room_img01 img {width:100%;}

.room_infomain table tr td{padding:7px 10px 7px 5px;}
.room_info_main figure img{width:53%;} .room_info_bg{right:0%; width:44%;}
.room_main_img{max-width:1280px;} .room_img02{width:33.15%;}
	
.mainsub_text .title{font-size:45px;}
.mainsub_info02{margin:25px auto 0;}

.bak{height:335px;} .bak .maintext{padding-top:10%;}

.rev_main_info{max-width:1200px;} .user-info{max-width:1200px;}
.reserTable th, .reserTable td{font-size:1em;}
.reserve-btn{margin-top:3%;}
.foot-reserve{height:300px;}

.tour-list-wrap{max-width:1280px;}

.sub-view .slide{ height:310px;}
}

@media(max-width: 1366px){

.room_subimg{max-width:1215px; margin:auto;} .room_subimg img {width:100%;}
.manCon{max-width:1190px !important;}
.root_daum_roughmap{max-width:620px;}
.map_txt{margin-top:5em;} .mpa01_txt{ margin-top:14em; right:8%;}

.about_in_img{max-width:1200px;}

.tour-list-wrap{max-width:1190px;}

.room_info_main{width:90%;}
.room_info_main figure img{width:49%;} .room_info_bg{width:49%;}
.room_infomain table tr td{font-size:12px;} .room_infomain table tr th{line-height:1.3rem;}
.room_main_img{ max-width:1215px;} .room_img02{width:33.10%;}

.dash-list li{font-size:13px;} .user-info h1{padding:10px 160px;} .cancleTable th{font-size:11px;}
}

@media(max-width: 1280px){
.img-con{margin:13px 0 0 29px;}
.room_subinfo_gc .con-slide .slide{width:45.99vw;}
.main-main_img_info .txt{left:85px;}

.special-preview{ max-width:1150px;}
.special-preview .pic .pic-con .slide{height:390px;} .special-preview .pic .pic-con{width:630px;}
.special-preview .pic .pic-con1{left:83%;}
.special-preview .pic .pic-con2 .slide{height:410px;}
}

@media(max-width: 1152px){
.main-main_img_info .txt{top:40px; padding:40px;}
.special-preview{max-width:1000px;}
.special-preview .pic .pic-con{width:520px;} .special-preview .pic .pic-con1{left:93%;}
.special-preview .special-nav span{height:50px;} .special-preview .special-nav ul li{margin-right:13px;}
.special-preview .pic .pic-con2{top:-442px;}

.bak a{width:23%;}
}

@media(max-width:1024px) {
.slide-tit strong:after{top:8px;}

.main-main_img_info .txt{top:34px; padding:30px;}
.main_img_info-wrap .txt .ko{font-size:12px;}
.bak .maintext{ padding-top:15%;}

.about_in_img{max-width:95%;} .about_ima_sub{max-width:95%;}
.about_sub_img02_wrap .about_sub_img02_content{height:33.6vw; padding-top:15px;}

.manCon{max-width:95% !important;} .root_daum_roughmap{max-width:510px;}
.map_txt{right:270px;} .mpa01_txt{right:0%; margin-top:29em; font-size:0.5em;}

.room_main_img{max-width:95%;}
.room_info_main figure img{width:100%;} .room_info_bg{width:100%; position:inherit; right:0; height:360px; margin-top:8.5%;}

#spacial_info{max-width:95%; margin:auto;} #spacial_info .thumb li{width:26.8%;}

.tour-list-wrap{ max-width:95%; margin-top:11%;} 

.user-info{ max-width:95%;} .rev_main_info{max-width:95%;}
.reserTable th, .reserTable td{font-size:0.8em; padding:5px 0px;}
.user-info > div { padding:0 !important; margin:60px 0;}
.user-info h1 span{font-size:14px;} .dash-list li{font-size:12px;}
.user-info img { position:static; display:block; margin-bottom:10px; width:100% !important; }
.caution-info h1 { margin-top:0; } .user-info h1 strong{font-size:20px;}
.user-info h1{padding:10px 80px; display: block;}
.cancleTable td{padding:1.5px; font-size:10px;} .cancleTable th{padding:5px 0; font-size:10px;}

}

@media(max-width: 780px){
video{width:107%; height:100%;}

.main_txt_info{width:100%;} .main_info_txt .main_no0 .main_infovideo{width:100%;}
.main_txt_info{padding:20px 20px;} .main_infovideo .line-txt{top:77%; right:-20%;}

#contents_layer{margin-top:80px;}

.main_txtbox{position:inherit;}
.maintxt .main_txtbox{ margin:52% 6% 19% 10%;}
.main-main_img_info .txt{ top:-285px; background:none; width:100%; padding:30px 0 10px 0; left:0;}
.main_img_info-wrap .txt .ko{font-size:12px;}
.ma-txt .txt{font-size:11px;} .ma-txt h4{font-size:2.5em;} #main_mad{ background-image:none !important;}

.main_info_rev{margin-bottom:7.5%;}

.aboutit_txt p{font-size:12.5px;}
.about_in_img{margin:4.2% auto 2.5%;}
.about_sub_img02_wrap .about_sub_img02_content{height:75vw; margin-top:75px;}
.about_sub_img02_wrap .about_sub_img02_content .left{width:100%; margin-top:-10%;}
.about_sub_img02_wrap .about_sub_img02_content .right{width:100%; margin-top:72%; margin-left:0;}
.about_sub_img02_wrap .about_sub_img02_txt .txt1{ margin-top:10px; font-size:18px; padding-bottom:10px;}
.about_sub_img02_wrap .about_sub_img02_txt .txt1::after{width:275px;}


.bak{height:260px; background-size:100%; background-attachment:inherit;} .bak a{width:50%;}
.bak .maintext{font-size:27px;} .bak .maintext01{font-size:12px;} .bak .deco{height:45px;}
.about_view-01 .about_view-img img{margin:11px 2px; max-width:30%; width:100%; }
.room_info_main figure img{ width:100%;}
figure{margin:0%;}

.tit_all{margin:20px auto 30px;} .room_info_bg{height:315px;}
.room_img02{width:100%; margin-top:15px;}
.room_txt_wrap{padding:30px 0 12px 0;}
.room_info_main ul li{font-size:13px; line-height:1.5rem;}
.room_infomain table tr td{padding:7px 5px 7px 5px; font-size:12px;}
.room_info_main figcaption{font-size:0.8rem;}
.room_info_main figcaption strong:nth-child(1){font-size:1.2rem;} .room_info_main figcaption strong:nth-child(2){font-size:1.2rem;}
.room_txt_sub .room_txt_wrap{padding:50% 0 25px 0;}

.sub-view .slide{height:140px; margin-top:80px;}
.slide-tit strong{font-size:27px; margin-top:-30px;} .slide-tit p{margin-top:6.5%; font-size:20px;}

.room_info_main{width:95%;} 

.supmap{margin:1.5em auto 10px;}
.supmap .title02{font-size:1em;}
#spacial_info{max-width:95%; margin:auto;}
#spacial_info .thumb li{/*height:135px; width:32.8%;*/ height: auto; width:100%;}
#spacial_info .thumb li a img{width:100%;}
.spText{width:100%;} .spText dd{font-size:0.9em; line-height:2;}
.spText dt .title:after{margin:2.55% auto 2.8%;}
#spacial_info .thumb {width:100%;margin:0 auto;overflow:hidden;}
.sp00{ padding:5.5% 0 5.5%  0 ;} #sp04 .spText{border:none;}
.sp_mo{display: block;} .sp_pc{display:none;}


.rev_main_info{max-width:100%;}
.revpc{display:none;}

.map_txt{position:inherit; text-align:center;} .mpa01_txt{position:inherit; margin-top:2em; text-align:center;}
.mpa01_txt h1{margin-bottom:2%; font-size:12.7px;} .mpa01_txt .basic-list{font-size:13px;}

.tour-list-wrap{ margin:23% auto 0;}
.tour-list .txt p{font-size:11px;} .tour-list .txt{padding:104px 10px 70px 10px;}

.special-preview{max-width:95%; padding-top:150px;}
.special-preview .pic .pic-con .slide{height: 60vw;}	
.special-preview .special-nav{top:30px; width:100%;}
.special-preview .pic{float: none; height:1138px;}
.special-preview .pic .pic-con{width: 100%;height: unset;float: none; left:0%; top:160px;}
.special-preview .pic .pic-con2{left: 0; top: 180px;}
.special-preview .pic .pic-con1 .txt{display:none;}
.special-preview .special-nav span{margin:10px 0 10px 0;}
.special-preview .special-nav ul li a{font-size:12px;}
.special-preview .special-nav ul li{padding-left:13px; margin-right:10px;}

.sp_pr_mo{display: block;}  .sp_pr_pc{display:none;}
.special-preview .more{width: 100%;height: 31px;display: block;border: 1px solid #3c5a83;color: #3c5a83;text-align: center;line-height: 30px;margin-top: 15px;font-weight: 600;}


}
 
@media(max-width: 500px){
.special-preview .pic{float: none; height:800px;} .special-preview .pic{float: none; height:850px;}
.bak{height:200px;} .maintxt .main_txtbox{ margin:70% 6% 19% 10%;}
.special-preview .pic{float: none; height:900px;}
} 

@media(max-width: 420px){ .special-preview .pic{float: none; height:730px;} }

@media(max-width: 375px){
.main_txtbox{padding:14% 0;}

.room-info-wrap div p{font-size:10px;}
#spacial_info{max-width:350px;}
.supmap .title02{font-size:0.9em;}

.main-main_img_info .txt{top:-100px;} .maintxt .main_txtbox{margin:25% 6% 19% 10%;}

.special-preview .special-nav ul li{padding-left:11px; margin-right:4px;}

.special-preview .special-nav small{font-size:12px;}
.special-preview .pic{height:650px;}
.special-preview .pic .pic-con{top:166px;} .special-preview .pic .pic-con2{top:175px;}
}