@CHARSET "UTF-8";
/* All - COMMON */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); /* font-family: 'Noto Sans KR', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Italiana&display=swap'); /* font-family: 'Italiana', serif; */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Italiana&display=swap'); /* font-family: 'Cinzel', serif; */
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap'); /* font-family: 'Didact Gothic', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); /* font-family: 'Ubuntu', sans-serif; */


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

@font-face {
    font-family: 'Jal_Haru';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Jal_Haru.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HallymMjo-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2204@1.0/HallymMjo-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'MaruBuri-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Pretendard-Black';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Black';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face { font-family: 'Cafe24Simplehae'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Simplehae.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'RIDIBatang'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff'); font-weight: normal; font-style: normal; }
@import url('https://fonts.googleapis.com/css?family=Noto+Sans'); /* 'Noto Sans', sans-serif */
@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);

.jejumyeongjo * { 
 font-family: 'Jeju Myeongjo', serif;
}

WebFontConfig = {
    custom: {
        families: ['Noto Sans'],
        urls: ['https://fonts.googleapis.com/css?family=Noto+Sans:100,300,400,400i,700,700i']
    }, active: function() {
        sessionStorage.fonts = true;
    }
};




img{max-width:100%;}

html ::selection{ background-color:#b5c9bd; color:#fff;}

::-webkit-scrollbar {width: 6.5px;}
::-webkit-scrollbar-thumb {background-color: #696969;}
::-webkit-scrollbar-track {background-color: #a9a9a9; }


.section 			{position:relative;width:100%;height:100%;overflow:hidden;}
.mask span 			{position:fixed;top:50%;left:50%;width:190px;height:60px;margin:-25px 0 0 -80px;z-index:710;}
.mask b 				{background:#000;position:fixed;top:0;left:0;width:100%;height:100%;z-index:700;} 

/*------------------------------------------------------------------------------------------------*/
/* common */
#mo_v img {display: none;}
#sub_load {position:fixed;top:0;left:0;width:100%;height:100%;background:#7e6b5a;z-index:900;}

.scroll {position:fixed;bottom:3%;left:50%;margin-left:-30px;z-index:300;}
.scroll a {background:url(/web/img/scroll.png) no-repeat left top;width: 50px;height:54px;background-size: contain;}
.on a {
	opacity:1;display:block;
	-webkit-transition: opacity 0.3s cubic-bezier(.455,.03,.515,.955); 
	-ms-transition: opacity 0.3s cubic-bezier(.455,.03,.515,.955);
	transition: opacity 0.3s cubic-bezier(.455,.03,.515,.955);
}
.on a:hover {opacity:0.5;
	-webkit-transition: opacity 0.3s cubic-bezier(.455,.03,.515,.955);
	-ms-transition: opacity 0.3s cubic-bezier(.455,.03,.515,.955);
	transition: opacity 0.3s cubic-bezier(.455,.03,.515,.955);
}

/* banner */
.bnr #visual {position:fixed;top:0;left:0;width:100%;height:637px;z-index:280;}
.bnr .pv_cont {position:relative;top:663px;left:0;padding-top:70px;width:100%;background:#fff;z-index:310;}
.bnr .pv_cont > h3 {text-align:center;margin-bottom:25px;}
.bnr .pv_cont > h3 span {font-size:50px;display:block;margin-bottom:5px;}
.bnr .pv_cont > h3 b {font-size:20px;display:block;}

.bnr .pv_cont > ul {width:650px;height:67px;margin:0 auto;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.bnr .pv_cont > ul > li {float:left;background:url(../img/pv_b.gif) no-repeat right center;}
.bnr .pv_cont > ul > li.last {background:none;}
.bnr .pv_cont > ul > li a {display:block;padding:25px 0;font-size:17px;text-align:center;color:#4d4d4d;}
.bnr .pv_cont > ul > li a:hover {color:#000;}
.bnr .pv_cont > ul > li a.active {color:#000;font-weight:bold;}
.bnr .pv_cont > .tabs {padding-top:70px;}

.mainTopText {padding:2.4% 0; text-align:center;}
.topTextMain {font-size:2em; font-weight:100; color:#616161; }
.topTextMain p  {font-family: 'HallymMjo-Regular';}
.topTextSub {font-style: italic; font-size:11px; font-weight:100; color:#b3b3b3; line-height:1.8; letter-spacing:0; }
/*------------------------------------------------------------------------------------------------*/
/* index section */
.section2_slide {position:absolute;top:0%;right:36.5%;width:315px;height:185px;margin:-139.5px 0 0 -157.5px;}
    .section2_slide h3 {width:100%;height:100px;text-align:center;font-size:35px;font-weight:400;font-family: 'Heebo', sans-serif;color:#292929;}
    .section2_slide h3 span {display:block;background:#292929;width:100%;height:1px;margin:15px 0;}
 .section3_lo {position:relative;width:315px; margin-bottom: 2%; margin-left: 37%;}
    .section3_lo h3 {width:100%;height:100px;text-align:center;font-size:35px;font-weight:400;font-family: 'Heebo', sans-serif;color:#292929;}
    .section3_lo h3 span {display:block;background:#292929;width:100%;height:1px;margin:15px 0;}


/*------------------------------------------------------------------------------------------------*/


.foot-reserve { display:table; width:100%;height: 600px; background:url('/web/img/foot_img.jpg') center center no-repeat; background-size:cover;}
.foot-reserve .tit { display:table-cell; vertical-align:middle; text-align:center; color:#fff; background:rgba(0,0,0,0.1);}
/*.foot-reserve .tit strong img { opacity:0.8;width: 11%;}*/
.foot-reserve .tit strong {font-size: 10px;display: block;margin-bottom: 25px;letter-spacing: 4px;opacity: 0.5;font-weight: 100;}
.foot-reserve .tit span {display:block;margin: 15px auto 20px;font-size: 17px;line-height: 1.5;font-family: 'HallymMjo-Regular';opacity: 0.8;}
.foot-reserve .tit span b {font-size: 1.5em;line-height: 0;font-weight: 200;}
.foot-reserve .tit a { display:inline-block; width:238px; height:40px; line-height:40px; font-size:11px; letter-spacing:2px;color: #fff; border:1px solid #fff;border-radius: 30px;background: rgba(255,255,255,0.0);transition: 0.5s ease;}
.foot-reserve .tit a:hover {background: rgba(255,255,255,0.8); color:#222;transition: 0.5s ease;-webkit-transition: 0.5s ease;}



/* index */
#index {overflow:hidden;}
#index #container {position:relative;width:100%;height:100%;min-width:1200px;}
#index .slide {position:relative;width:100%;height:100%;/*height:100vh !important;*/overflow:hidden;min-width:1200px;min-height:100px;background-position: center !important;background-size: cover !important;}
#index .slide_show {position:relative;width:85%; margin: 0 auto; height:100%;overflow:hidden;min-height:100px;}
#index .slide_show > li {position:absolute;top:0;left:0;width:100%;height:100%;min-height:650px;overflow:hidden;z-index:50;}
#index .slide_show > li.active {z-index:100;}


#index .slide .nav {position:absolute;bottom:5%;left:5%;z-index:300;}
#index .slide .nav li {float:left;width:12px;height:33px;margin-right:7px;}
#index .slide .nav li a {
	background:url(../img/blt_row.png) no-repeat center top;
	width:10px;height:33px;display:block;
	transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease; -o-transition: transform 0.3s ease;
}
#index .slide .nav li a.active {
	transform:rotate(-24deg); -webkit-transition:rotate(-24deg);
	-moz-transition:rotate(-24deg); -o-transition:rotate(-24deg);
}

#index .scroll {position:absolute;bottom:8%;left:48%;margin-left:0px;z-index:300;}


.main-txt_info { width:1375px; margin:0 auto; overflow:hidden; text-align:center; }
.main-txt_info h1 {margin: 0px 6px 55px 6px;text-align: center; line-height:1.2;font-family: 'Ubuntu', sans-serif;color: #787878;}
.main-txt_info h1 strong {display:block;font-size: 30px;font-weight:400;font-family: 'Cinzel', serif;color: #685855;}
.main-txt_info h1 p {margin-top: 0;line-height:1.7;font-size:18px;font-weight:400;font-family: 'HallymMjo-Regular';margin-bottom: 15px;color: #837366;}

.main_info_txt{margin-top:65px;background: #f1eee9;}
.main_info_txt .main_no0{position: relative;display: block;width: 100%;max-width: 75%;margin: auto;padding: 100px;}
.main_info_txt .main_no0 .main_infovideo{width: 100%;margin: auto;text-align: center;left: 0;right: 0;}

.main_info_txt .main_no0 .main_infovideo .tit{margin-bottom: 50px;}
.main_info_txt .main_no0 .main_infovideo .tit h3{font-size: 20px;margin-bottom: 18px;color: #837366;line-height: 1.8;font-weight: 300;letter-spacing: -0.5px;font-family: 'HallymMjo-Regular';}
.main_info_txt .main_no0 .main_infovideo .tit h4{font-size: 10px;color: #6a5a5a;letter-spacing: 1.5px;font-weight: 100;opacity: 0.8;font-family: 'Noto Sans KR', sans-serif;}

.main-end .tit{color: #828282;text-align: center;}
.main-end .tit span{width: 50px;height: 3px;display: block;background-color: #dad1c6;margin: 20px auto;}
.main-end .tit h3{font-size: 30px;font-weight: 400;margin-bottom: 23px;line-height: 1.2;color: #9a8477;font-family: 'Cinzel', serif;letter-spacing: -0.5px;}
.main-end .tit p{font-size: 13px;font-weight: 300;margin-bottom: 35px;line-height: 1.8;font-family: 'Pretendard-Light';}


#msliders h1 {position:absolute;left:0%;right:0;top:45%;text-align:center;color:#fff; opacity: 1;}
#msliders h1 strong {position:relative;display:block;padding-bottom: 22px;line-height:1.2;font-size: 30px;font-family: 'MaruBuri-Regular';letter-spacing: 1px;}
#msliders h1 strong:after { content:''; position:absolute; bottom:0; left:50%; width:90px; height:1px; margin-left:-45px;  background:#fff; }
#msliders h1 p {margin-top: 15px;line-height:1.6;font-size: 14px;font-family: 'NotoSerifKR';font-weight:500;}

.mvdo h1 {position:absolute;left:0;right:0;top:40%;text-align:center;color:#fff; opacity:0.8;}
.mvdo h1 strong {position:relative;display:block;padding-bottom:20px;line-height:1.2;font-size:58px;font-weight: 100;/* text-shadow:2px 2px 3px rgba(0,0,0,0.6); */}
.mvdo h1 strong:after { content:''; position:absolute; bottom:0; left:50%; width:90px; height:1px; margin-left:-45px;  background:#fff; }
.mvdo h1 p {margin-top:25px;line-height:1.7;font-size:15px;/* text-shadow:2px 2px 3px rgba(0,0,0,0.6); */}

.mainTopText {padding: 5.4% 0 6%; text-align:center;}
.topTextMain {font-size: 2.5em;font-weight:100;color: #685855;}
.topTextMain span {background: #d4d4d4;width: 5%;height: 1px;display: block;margin: 1% auto;}
.topTextSub {font-style: italic;font-size: 10px;font-weight:100;color:#b3b3b3;line-height:1.8;letter-spacing:0;font-family: 'Ubuntu', sans-serif;}


#index .scroll {position:absolute;bottom:3%;left:93%;margin-left:0px;z-index:300;}
#index #contents {position:relative;width:100%;height:100%;}
#index #contents > div {position:relative;width: 70%;margin: auto;}
#index #contents > div > div {position:relative;margin:auto;font-family: 'Pretendard-Black';/* font-weight: 100; */}
#index #contents .main_special {height:750px;margin-top: 1.5%;}
#index #contents .main_special .inner {height:100%;}
#index #contents .main_special .inner .ms_ttl {position:absolute;top:0%;right:37%;width:315px;height:185px;margin:-38.5px 0 0 -157.5px;}
#index #contents .main_special .inner .ms_ttl h3 span {display:block;background:#292929;width:100%;height:1px;margin:15px 0;}

#index #contents .main_special .inner .ms_lst {width:100%;margin: 0 auto;height:100%;overflow:hidden;}
#index #contents .main_special .inner .ms_lst li {position:relative;float:left;width:22%;margin-left:2%;height:100%;overflow:hidden;}
#index #contents .main_special .inner .ms_lst li a {position:absolute;top:50%;left:0;width:100%;height:555px;display:block;opacity:0;}

#index #contents .main_special .inner .ms_lst li a .img {position:relative;width:100%;height:100%;overflow:hidden;}
#index #contents .main_special .inner .ms_lst li a .img > div {
	width:100%;height:100%;
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#index #contents .main_special .inner .ms_lst li a h4 {padding:25px 0 20px;}
#index #contents .main_special .inner .ms_lst li a h4 span {display:block;font-size:16px;text-align:center;font-family:  'Pretendard-Regular';font-weight: 400;opacity: 0.6;}
#index #contents .main_special .inner .ms_lst li a h4 span.en {font-family: 'Cinzel', serif;font-size: 20px;line-height:1em;margin-bottom: 20px;font-weight: 500;letter-spacing: 3px;color: #685855;opacity: 1;}
#index .main_cnt {min-height:300px;overflow:hidden;} 
#index .main_cnt > div {width:80%!important;height:100%;}
#index .main_local a,#index .main_reverve a {
	position:absolute;top:70%;left:50%;border:1px solid #fff;z-index:350;
	display:block;width:303px;height:66px;margin:-34px 0 0 -152.5px;
	overflow:hidden;
}
#index .main_local a span,#index .main_reverve a span {position:absolute;top:50%;left:50%;width:150px;height:15px;margin:-8px 0 0 -90px;font-size:16px;display:block;color:#fff;z-index:10;}
#index .main_local a img,#index .main_reverve a img {display:block;position:absolute;top:50%;right:65px;margin-top:-6px;z-index:10;}
#index .main_local a div,#index .main_reverve a div {width:100%;height:100%;background:rgba(0, 0, 0, 0.60);position:absolute;top:0;left:0;opacity:0.5;}
#index .main_reverve a span {width:240px;height:16px;}
#index .main_reverve a img {display:block;position:absolute;top:50%;right:45px;margin-top:-6px;z-index:10;}


#index .main_reverve1 a {
	position:absolute;top:50%;left:50%;border:1px solid #fff;z-index:350;
	display:block;width:303px;height:66px;
	overflow:hidden;
}
#index .main_reverve1 a span {position:absolute;top:50%;left:50%;width:142px;height:16px;margin:-8px 0 0 -90px;font-size:16px;display:block;color:#fff;z-index:10;}
#index .main_reverve1 a img {display:block;position:absolute;top:50%;right:65px;margin-top:-6px;z-index:10;}
#index .main_reverve1 a div {width:100%;height:100%;background:#484848;position:absolute;top:0;left:0;opacity:0.6;}
#index .main_reverve1 a span {width:200px;height:16px;margin:-8px 0 0 -110px;}
#index .main_reverve1 a img {display:block;position:absolute;top:50%;right:45px;margin-top:-6px;z-index:10;}

.main_reverve2 a {
	position:absolute;top:37%;left:50%;border:1px solid #fff;z-index:350;
	display:block;width:303px;height:66px;margin:-34px 0 0 -152.5px;
	overflow:hidden;
}


#index #contents .main_special .inner .ms_ttl {position:absolute;top:40%;right:0;width: 330px;height:300px;margin:-92.5px 0 0 -157.5px;}
#index #contents .main_special .inner .ms_ttl h3 {width:100%;height:100px;text-align: center;font-weight:500;opacity: 0.8;font-size: 15px;line-height:1.8;color: #523525;font-family: 'HallymMjo-Regular';}
#index #contents .main_special .inner .ms_ttl h3 span {display:block;background: #919191;width:100%;height:1px;margin:15px 0;}
#index #contents .main_special .inner .ms_ttl a {position:absolute;bottom: 25px;right: 80px;display:block;border: 1px solid #685855;/* width: 142px; *//* height: 34px; */padding: 10px 50px 10px 50px;border-radius: 30px;color: #685855;opacity: 0.8;}

#index #contents .main_special .inner .ms_ttl a:hover {background: #685855;color:#fff;transition: all .5s ease;border: 1px solid #685855;}




.roomPre { position:relative; margin-top:20px;}
.main_txtbox{background: #fff;position: absolute;z-index: 100;padding: 11% 29px;}
.maintxt .main_txtbox{margin-top: 19%;transition: 0.5s ease;-webkit-transition: 0.5s ease;opacity: 0.85;margin-left: 70%;}
.maintxt .main_txtbox.on{  top: 200px;}
/* .main_txtbox .ko{-webkit-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;}*/
.main_txtbox .ko{padding-left: 0;padding-right: 15px; font-size:1.35em; line-height:1.2;}
.main_txtbox .ko .no1{font-weight:bold; font-size:1.5em;}

.main_img_info{margin:0; float:left;}
.main-main_img_info .table-cell { display:table-cell; vertical-align:middle;  }
.main-main_img_info .main_img_info-wrap {position:relative;/* max-width:1232px;*/margin: -35% auto;padding-left:400px;}
.main-main_img_info .line-txt { position:absolute; top:0; left:0; display:block; width:355px; font-size:10px; }
.main-main_img_info .line-txt:after { content:''; position:absolute; right:35%; top:50%; width:175px; height:1px; background:#333; }
.main-main_img_info .line-txt { transform:rotate(90deg); transform-origin:0 0; }
/*.main-main_img_info .main_img_info { width:829px; height:553px; overflow:hidden; }*/
.main-main_img_info .txt {position:absolute;left: 30px;top: 15px;text-align: left;/* margin:10%; */padding-left:5%;}
.main-main_img_info .txt h1 {  }
.main-main_img_info .txt h1 strong { display:block; font-size:34.5px; color:#000; line-height:1; font-weight:400; font-family: 'Cafe24Oneprettynight'; color:#6d6b6b;}
.main-main_img_info .txt h1 strong:before {position: relative;top: 95px;left:0;width: 100px;height: 1px;background: #989898;content:"";display:block;/* margin:auto; */}
.main-main_img_info .txt p {margin-top: 53px;font-size:14px;font-family:'Montserrat', 'Nanum Gothic',  sans-serif;letter-spacing: -0.03em;}
.main-main_img_info .txt p.large-txt { position:relative; margin-top:20px; padding-top:20px; font-family: 'YiSunShinDotumM'; font-size:23px; color:#6d6b6b;}
.main-main_img_info .txt p.large-txt:before { content:''; position:absolute; right:0; top:0; width:70px; height:1px;  background:#6d6b6b; }


/* info txt */

.subinfo_txt {position:relative;text-align:center;line-height:1;margin-bottom: 3%;}
.subinfo_txt span {font-size: 17px;color: #939393;font-weight:100;letter-spacing: 3px;font-family: 'MaruBuri-Regular';}
.subinfo_txt strong {display:block;margin-top: 20px;font-size: 35px;font-weight: 400;font-family: 'Cinzel', serif;letter-spacing: 2px;color: #685855;}
.subinfo_txt p {line-height: 1.8;font-size: 14px;font-weight: 100;font-family: 'Pretendard-Regular';opacity: 0.8;border-bottom: 1px solid #ccc;width: 75%;margin: 35px auto;padding-bottom: 35px;}




/*------------------------------------------------------------------------------------------------*/
/* about */
.about-img {clear:both;max-width:1472px;margin:0 auto 5.5%;margin-top:70px;}
.about-img .img { overflow:hidden; }
.about-img .img img { float:left; position:relative; z-index:10;}
.about-img .img img.second { float:right; position:relative; z-index:10; margin:-10% 0 0 -130px;  }
.about-img .txt { float:left; margin-left: 6%; margin-top: 5%;   }
.about_subimg{margin-top:45px;margin-bottom: 50px;}
.about_img_sub {margin-top: 0;display: inline-flex;}
.about_img_sub img {padding: 15px;padding-bottom: 0;width:48.5%;}

.supaboutxt:before {content:'';position:absolute;bottom: 143%;left: 100%;width: 1px;height: 60px;/* margin-left:-45px; */background: #bbb;}
.supaboutxt{ position:relative; width:28%; margin-top:-70px; text-align:right; font-size: 11px; color:#bbb;font-family: italic;}

.about-img .txt p {font-size: 15px;font-family: 'Pretendard-Regular';letter-spacing: 1px;opacity: 0.65;margin-top: 25px;}
.about-img .txt dt{padding-bottom:20px;font-size: 4em;font-weight: 200;line-height: 1em;color: #9a8477;z-index:1;letter-spacing: 3px;font-family:  'Cinzel', serif;text-transform: capitalize;}
.about-img .txt dd{display:block;margin: 0 auto 41px;color:#a6a6a6;font-size: 17px;font-family: 'HallymMjo-Regular';}


/*map*/
#map {margin-bottom:5%;}
.scroll-view-wrap { position:relative; }
.scroll-view-wrap > h1 {text-align:center;font-size: 28px;color: #685855;font-family: 'Cinzel', serif;font-weight: 400;}
.scroll-view-wrap > p {margin-top: 14px;margin-bottom:25px;text-align:center;line-height:1.2;font-size:20px;color:#b8b8b8;font-family: 'HallymMjo-Regular';}
.scroll-view-wrap > p span { display:block; margin-top:10px; font-size:15px; letter-spacing: 2px;/* color: #252525; */}

.box-board {position:relative;z-index:700;max-width: fit-content;margin:0 auto;margin-top:30px;margin-bottom:30px;padding:0 10px;}
.box-board iframe { width:100%; }

.map01_01 {text-align:center;font-size:1.2em;line-height:1.8em;font-weight: 100 !important;margin-bottom:3%;font-family: 'Pretendard-Light';}
.map01_01 p{ display:inline-block; padding:5px 10px; background:#4e4e4e; }
.map01_01 p a{color:#fff;}

.map01_02 iframe { position:absolute; width:200%; height:200%; left:-50%; top:-50%;}

.map01_01 strong{ font-weight:100;}

.map {max-width:1200px;margin-bottom: 4% !important;}
.map table {width:100%;}
.map table tr {}
.map table tr th {height:50px;  border-bottom:1px solid #fff;} 
.map table tr td {height:15px;border: 1px solid #828282;border-left: none;border-right: none;}
.map table th { font-size:13px; letter-spacing:1px; text-align:center; color:#fff; background-color:#186990;}
.map table td {color:#000;font-size: 13px;padding: 9px 0;line-height:20px;text-align:center;}
.map table span { font-weight:bold; color:#ff0000;}
.map-txt {margin:10px auto; letter-spacing:0.5px;color: #186990;font-size: 16px;text-align: center;font-weight: bold;margin-top: 40px !important;}

table {border-collapse:collapse; width:100%}
table, td, th {border:none}

/*------------------------------------------------------------------------------------------------*/
/* tour */
.travel {width:1450px;margin: 3%  auto 6% !important;}

.tour_text {width: 38%; float: right; text-align: center; margin-top: 1%;}
.tour_text1 {width: 38%; float: left; text-align: center; margin-top: 1%;}
.tour_text span{/* border-bottom:1px solid; *//* border-top:1px solid; */padding:2%;font-family: 'Pretendard-Regular';letter-spacing: 1px;}
.tour_text1 span{/* border-bottom:1px solid; *//* border-top:1px solid; */padding:2%;font-family: 'Pretendard-Regular';letter-spacing: 1px;}
#line {margin: 3% auto;}
#line1 {margin-top: 7%;}
#line img {width: 5%;}
.tour_text h4 {font-size: 1.5rem;font-weight: normal;line-height: 1.8;margin: 3% auto;font-family: 'HallymMjo-Regular';color: #685855;} 
.tour_text h4 small{font-size:17px;font-family: 'Cinzel', serif;color:#999;}
.tour_text p {font-size: 13px;margin: 0 2%;line-height: 1.8;/* text-align: left; */font-family: 'Pretendard-Regular';}

.tour_text p  a {border: 1px solid #707070;border-radius: 40px;padding: 5px 50px;color: #707070;margin-top: 24px; transition:0.8s;}
.tour_text p  a:hover { background:#826d68; border:1px solid #826d68; transition:0.8s; color:#fff;}


.tour_text1 h4 {font-size: 1.5rem; font-weight: normal;line-height: 1.8;margin: 3% auto;font-family: 'HallymMjo-Regular';} 
.tour_text1 h4 small{font-size:17px;font-family: 'Cinzel', serif; color:#999;}
.tour_text1 p {font-size: 0.8rem; margin: 0 2%; line-height: 1.8; /* text-align: left; */font-family: 'Pretendard-Regular';}

.tour_text1 p  a {border: 1px solid #707070;border-radius: 40px;padding: 5px 50px;color: #707070;margin-top: 24px; transition:0.8s;}
.tour_text1 p  a:hover { background:#826d68; border:1px solid #826d68; transition:0.8s; color:#fff;}



.travel ul {overflow:hidden;height:100%;}



/*------------------------------------------------------------------------------------------------*/
/* sub_memu*/

.sub-view .subimg {height:400px;}
.basic-slide-wrap { position:relative; z-index:99; overflow:visible; }
.basic-slide { position:relative; overflow:visible; margin:0;}
.basic-slide .subimg { background-position:center center; background-repeat:no-repeat; background-size:cover; }
.basic-slide .subimg 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; opacity: 0.85;font-weight: 100;}
.slide-tit strong { display:block; line-height:1; font-size:40px;font-family: 'Italiana', serif;font-weight: 400;}
.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:1.5%; letter-spacing:1px; font-family: 'HallymMjo-Regular';letter-spacing: 2.5px;}
.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;}}


/*------------------------------------------------------------------------------------------------*/
/* room */
.amenity_bg {position: absolute; background-color:rgba(66,66,66,0.7); width:41%; height: 512px; top: 20%; right: 3%; padding: 80px 70px 20px 70px;}
            .amenity_bg h1 {color: #fff; font-size: 2.2rem;}
            .amenity_bg h2 {color: #fff; margin: 8% 0;}
            .amenity_bg h2 p {font-size: 1rem; line-height: 1.5rem;}
            .amenity {width: 100%;}
            .amenity div {width: 25%; margin: 5% 2%; float: left; text-align: center; color: #fff;border-top: 1px solid #fff;}
            .amenity div span {font-size: 1rem; line-height: 2rem;}
            .room_sub2 {width: 80%; margin: 0 auto; max-width: 1350px;}
            .room_sub2 img {display: block; margin: 0 auto; width:100%;}


.con-tit { margin-top:30px; text-align:center; }
.con-tit:before { content:''; display:block; margin:0 auto 30px auto; height:60px; width:1px; background:#222;  }
.con-tit h1 { margin-bottom:40px; l font-family:'Himalaya'; color:#23201d; }
.con-tit h1 span { font-size:26px; font-weight:400;}
.con-tit h1 strong { display:block; font-size:30px; font-weight:400; }
.con-tit h2 { margin-bottom:10px; font-size:18px; }


.subNav {padding:1.2% 0;  margin-bottom:1%;text-align: center;border-bottom:1px solid #d8d8d8;}
.subNav ul li { /* display:inline-block; */ }
.subNav li a { font-size: 14px; line-height: 1.5em; color:#000; vertical-align:middle; font-family: 'Pretendard-Regular';}
.subNav li.this a, .tourNav li a.this { font-weight:700;}
.subNav ul:after { content:"";display:block;clear:both;}
.subNav li { display:inline-block;}
.subNav li::before {content:"/"; margin:0 0.8em;}
.subNav li:first-child::before {content:""; margin:0;}
.subNav ul li.subNav_0 { width:100%; padding:0;}


.tit_all {text-align: center; max-width: 1170px; margin: 50px auto 100px; padding: 0 20px; }
.tit_all .tit_ss {font-family: 'Cinzel', serif;letter-spacing: 2px;font-size: 12px;margin-bottom:25px;margin-top: 15px;color: #ccc;}
.tit_all .tit_en {font-size: 26px;letter-spacing: 0px;font-weight: 500;line-height: 2.2;font-family: 'MaruBuri-Regular';letter-spacing: -0.5px;color: #685855;}
.h_line_b{width: 100%;height: 1px;background: #aeaeae;margin-left: 4px;margin: 0 auto;}





/* roompre */

.roomap {text-align: center;}
.cam_title {text-align: center;margin: 10% auto 50px;}
.h_line_d{width: 100px;height: 3px;background: #b8a189;margin-left: 4px;margin: 0px auto 20px;}
.cam_title h2 {font-size: 30px;line-height: 45px;color: #b8a189;letter-spacing: 0.15em;font-weight: 500;font-family: 'Ubuntu', sans-serif;}
.cam_title h3 {font-size: 17px;font-weight: 300;font-family: 'Pretendard-Regular'; margin-top: 20px;}
.cam_room{display: inline-block;max-width: 80%;left: 0;right: 0;text-align: center;}
.cam_room div {margin: 3% 2px 35px 0 !important;padding-top: 0;display: inherit;width: 49.55%;TEXT-ALIGN: center;}
.cam_room div img{transition:0.8s;overflow:hidden;width: 100%;}

.rooms_txt {	margin-top: 32px;width: 330px; }
.rooms_txt h5 {color: #9b5f5f;line-height: 30px;font-size: 18px;font-weight: 400;font-family: 'Cinzel', serif;margin: 30px auto 10px;}
.rooms_txt h6 {font-size: 23px;letter-spacing: 0;color: #6c6c6c;font-family: 'MaruBuri-Regular';font-weight: 100;margin-bottom: 25px;}
.rooms_txt p {line-height: 20px;margin: 10px auto 30px;font-size: 14px;color: #777;font-family: 'Pretendard-Regular';border: 1px solid #ccc;padding: 15px;border-left: 0;border-right: 0;width: 70%;letter-spacing: 1px;}
.rooms_txt .bottom {margin-bottom:20px;}
.rooms_txt .btn_more {border: 1px solid #685855;padding: 10px 35px;font-size: 14px;line-height: 3;width: 300px;text-align: center;font-family: 'Pretendard-Regular';top: 20px;font-weight: 100;}

.loader{overflow:hidden;}
.cam_room div a:hover img {transform: scale(1.05);opacity:0.8;transition:0.8s;} 
.cam_room div a:hover .btn_more {background: #8f6f54;color: #fff;border: 1px solid #8f6f54;transition:0.8s;} 		




/* roominfo */
.roomcon {margin-bottom: 7%;}
.room_info_main {/* width: 80%; */ margin: 30px auto 7%; position: relative;}
.room_info_main figure{margin: 0 auto 7%;}
.room_info_main figure img {width: 50%;border-radius: 35% 0 0;border: 1px solid #d3c3b6;padding: 5px;}
.room_info_main figcaption {color: #8f6f54;font-size: 1rem;margin-bottom: 2%;font-family: autoserif;}
.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;font-family: 'Pretendard-Regular';}
.room_info_bg {position: absolute;width: 45%;top: 3%;right: 2%;}

.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: #000;font-weight: 500;background: #f1eee9;}
.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 15px 15px 15px;font-size: 13px;text-align:left;border-right:none;/*letter-spacing:0.03em;*/line-height: 1.5;}

.reserve-btn {display:inline-block;padding: 10px 40px;border:1px solid #545454;transition:300ms;font-size: 12px; margin-top:3%;border-radius: 50px;}
.reserve-btn:hover {color:white;background-color: #8f6f54;border: 1px solid #8f6f54;/* margin-left:1.5%; */}

.room_txt_0 .txt_wrap{ padding: 80px 0 80px 0;text-align: center;}
.room_txt_0 .txt_wrap span{display: block; line-height:1.5}
.room_txt_0 .tit{font-size: 20px;margin-bottom: 10px;font-family: 'MaruBuri-Regular';color: #382b28;opacity: 0.8;}


.room_txt_0 .txt01{font-size: 10px; color:#9f9f9f; font-family: 'Cinzel', serifserif;margin-top: 32px;}



/*------------------------------------------------------------------------------------------------*/
/* special */
 .sp_text {width: 100%; margin: 0 auto; text-align: center;}
   .sp_text > div {width: 80%; margin: 5% auto 0% auto;}
    .sp_line {width: 2px; height: 70px; background-color: #424242; display:block; margin: 2% auto;}
 .sp_list {width: 100%; margin-top: 15%; height: auto; background-color:#fff; color: #000;}
  .sp_list h3 {width: 300px; color: #000; margin: 0 auto; padding-top: 2%; text-align: center; font-size: 1.5rem; font-weight: bold;} 
.sp_list h3 span {width: 100%; height: 1px; background-color: #000; display: block; margin: 10px 0;}
 .sp_list ul {width: 90%; margin: 5% auto; padding-bottom: 5%; background-color: rgba()}

.sp_list ul li {width: 15%; display:inline-block; margin: 0 0.7%; text-align: center;}
 .sp_list ul li img {margin-bottom: 5%;}
 .sp_list ul li span {margin: 5% auto;font-size: 1.2rem;line-height: 1.5rem;}
			
.sp-txt { position:relative; margin:30px 0; padding:30px 0; text-align:center; border-top:0; border-left:0; border-right:0; }


.sp-txt h1 { font-size:15px; color:#7a7a7a; font-family: 'Pretendard-Regular';font-weight: 100;margin-bottom: 30px;}
.sp-txt h2 {font-size:25px;color: #685855;font-family: 'Cinzel', serif;opacity: 0.8;letter-spacing: 1px;}
.sp-txt h2 span { margin-right:15px; }
.sp-txt .kor {margin-top:60px;font-size:18px;color: #4a545d;font-family: 'MaruBuri-Regular';}
.sp-txt.eng { margin-top:10px; line-height:1.5; font-size:18px; color:#0e2c40; }
.sp-txt h2 + .kor { margin-top:30px; }
.sp-txt:before { content:''; position:absolute; bottom:-15px; left:50%; display:block; width:20px; height:30px; margin-left:-10px; }
.sp-txt:after {content:'';position:absolute;bottom: -20px;left:50%;display:block;width:1px;height:30px;background: #b38c81;}

.special-view {max-width: 70%;margin:0 auto;margin-top:70px;padding:0 10px;}
.special-view .txt p{font-size: 10px; font-family: "Lato"; color: #c4ad93; line-height: 1.6; margin-bottom: 15px; letter-spacing: 1px;}

.special-view .img-box {width: 49%;display: inline-flex;margin: auto;left: 0;right: 0;text-align: center;}
.special-view .img-box img {margin: 7px;}
.special-view .img-box img.img2 {/* margin-top:100px; */}
.special-view .img-box-wide {margin: 0 auto 10%;}
.special-view .img-box-wide img { display:block; width:100%;}
.sp-txt-tit{ text-align:center;}
.sp-txt-tit p { position:relative; font-size:13px; }

.img-box-01 { position:relative; max-width:1450px; margin:0px auto; padding:0 10px;TEXT-ALIGN: center;}
.img-box-01 .txt h1 {font-family: 'HallymMjo-Regular';font-size: 30px;/* font-weight:500; */color: #636363;line-height: 1.5;}
.img-box-01 .txt h1 span {letter-spacing:-1px;font-size: 20px;border-bottom: 1px solid;padding: 20px;font-family: 'Italiana', serif;letter-spacing: 1px;color: #1f556f;}
.img-box-01 .txt p { margin-top:40px; line-height:1.7; font-size:15px;font-family: 'Pretendard-Regular';opacity: 0.8;}
.img-box-01 .txt p.large { font-size:15px; }
.img-box-01 .img { width:50%; margin-top:80px; }
.img-box-01 .img.pos { position:absolute; right:0; top:-60px; margin:0; width:auto; }
.img-box-01 .eng { position:absolute; right:0; bottom:40px; width:50%; padding-left:40px; line-height:1.5; letter-spacing:0.5px; font-family:'Myriad'; font-size:11.5px; color:#8c8c8c; }

#msliders h2 {position:absolute;left:0;right:0;top: 45%;text-align:center;color:#fff;opacity:0.9;}
#msliders h2 strong {position:relative;display:block;padding-bottom:20px;line-height:1.2;font-size: 30px;font-weight:500;text-shadow:1px 4px 3px rgba(0,0,0,0.3);font-family: 'MaruBuri-Regular';}
#msliders h2 strong:after { content:''; position:absolute; bottom:0; left:50%; width:90px; height:1px; margin-left:-45px;  background:#fff; box-shadow:1px 4px 3px rgba(0,0,0,0.3);}
#msliders h2 p {line-height: 2.6;font-size: 21px;text-shadow:1px 4px 3px rgba(0,0,0,0.3);font-family: 'Cinzel', serif;font-weight: 300;letter-spacing: 4px;}

/*------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

/* reserve */
table {border-collapse: collapse;border-spacing: 0;border-spacing: unset;}
td, th {padding: 0;}

.rev_main_info{max-width:1320px; margin:0% auto 1%;}

#rev_ht tbody{text-align:center;}
#rev_ht table{border-top: 1px solid #c1c1c1;border-bottom: 1px solid #c1c1c1;width:100%;margin: 20px auto 35px;}
#rev_ht table tr th{background: #f1eee9;color:#000;}
#rev_ht table th, #rev_ht table td{padding: 10px 5px;word-break: keep-all;font-size: 13px;letter-spacing: -0.3px;font-family: 'Pretendard-Regular';}
.content.room #rev_ht table{  min-width: 100%;}
#rev_ht table td{border-top: 1px solid #c1c1c1;color: #343434;}
#rev_ht table tr:hover{ background:#f7f3ed;}
#rev_ht div p {font-size: 16px;margin-top: 10px;font-family: 'Pretendard-Light';}
.dash-list li {position:relative;padding-left:10px;font-size:14px;line-height:1.7;color:#616161;font-family: 'Pretendard-Regular';text-align: left;}
.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:1320px; margin: 183px auto 0 auto; padding: 2px 10px;}


.user-info {clear:both;margin-top: 68px;}

.user-info h1 {display:inline-block;margin-bottom:20px;padding: 0px 0 15px;text-align:center;border-bottom:1px solid #b3b3b3;border-left:0;border-right:0;font-size:15px;width:100%;font-family: 'Pretendard-Regular';letter-spacing: 3px;font-weight: 100;}
.user-info h1 strong {line-height:1;font-size: 23px;font-weight:300;color: #919191;margin-top: 18px;display:block;font-family: 'Cinzel', 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;text-align: left;}
.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: 0px;  margin: 76px 0 95px 0;}
.basic-info img { left:0; }
.caution-info { position:relative; margin: 160px 0 200px; padding-right:614px; }
.caution-info img { right:0; }
.refund-info { position:relative; text-align:center; margin-bottom:55px;}

/*------------------------------------------------------------------------------------------------*/
/* table */
#table .pv_cont > ul > li {width:33.33%;}
#table .pv_cont .tabs {width:1200px;margin:0 auto 70px;}


.rev_mo {display: none;}

@media all and (max-width:1700px) { 

	.room_info_bg{top: 0;}
	.room_infomain table tr td{padding: 10px 15px 10px 15px;}
}


@media all and (max-width:1600px) { 

#index #contents > div{width: 80%;}	
	
#about_con h1 {right:26%; margin-top:2%;}
#about_con h2 {right:15%; margin-top:1%;}
#about_con p {right:22%;}
table{width:100%;} .room-info-wrap{max-width:1195px;}

.room_info_bg {width:45%; right:0%;top: 5px;}
.room_info_main ul li{line-height:1.3rem;}

.room_infomain table tr td{padding: 10px 15px 10px 15px;}
}


@media all and (max-width:1440px) { 
	
	
	
	.root_daum_roughmap_landing{/* width:100% !important; */}

	#index #contents .main_special .inner .ms_lst li a{height:445px;}
	
	.about-img{max-width:1180px;}
	.about-img .txt dt{font-size:3em;}
	.about-img .img img.second{width:70%;}
	
	#about_con p {right:18%;}
	.about_img1{width:43% !important; left:10%;}
	table{width: 100%;}
	.col-wrap{max-width:1335px;}

    .room_infor201 {top:100%;}
	.room_sub2{max-width: 80%;margin:auto;width: 80% !important;}
	.room_info_main{width:100%;}
    .room_infor201 figure img {width: 50%;margin-top: 30px;}
    .room_infor201 figcaption strong:nth-child(1){font-size: 1.2rem;}
    .room_infor201 figcaption strong:nth-child(2){font-size: 1.5rem;}
    .room_infor201 table {font-size: 0.6rem;line-height: 1rem;margin: 4% 0 0 0;width: 10;}
    .room_infor201 table tr th {font-size: 0.7rem;}
    .room_infor201 {height: 600%;width: 80% !important;}
    
	#index #contents > div > div{width:100%;}
	#index #contents .main_special .inner .ms_lst li{width:20%;}
	.cam_room {max-width: 100% !important; width: 100% !important;}

	.main_txt_info .txt .line{margin:35px 0;}
	
	.about_subimg{max-width:1180px; margin:45px auto 0;}

	
	.special-view{max-width:1180px;} .img-box-01{max-width:1180px;}


	


	
	#msliders h2 strong{padding-bottom:10px;} #msliders h2 p{font-size:18px;}
	
	.tit_all{margin:50px auto 80px;} .room_info_bg{top:0;}
	
	.img-box-01 .img.pos img {width:85%; float:right;}
	
	.cam_room div{width: 49.55% !important;margin:0 4px 35px 0;}
	
	.foot-reserve{height:470px;}

	.room_info_main figure{margin:0 auto 10%;}
	
	.user-info {max-width:80%;}
    
	 .travel{max-width:1180px; width:100% !important;}
}


@media all and (max-width:1366px) { 
	#index #contents > div {width: 85%;}
	.room_infomain table tr td {padding: 10px 10px 10px 10px;}
	.user-info{max-width: 95%;}
}

@media all and (max-width:1280px) { 

	#index #contents > div > div{width:1100px;} .main_info_txt{max-width:1200px;} .about_subimg{max-width:1100px; margin:45px auto 0;}
	.about-img .img img.second{width:75%;}
	
	.room_sub2{max-width:1100px;}
    .room_infor201 {top:100%;}
    .room_infor201 figure img {width: 45%;}
    .room_infor201 figcaption strong:nth-child(1){font-size: 1.2rem;}
    .room_infor201 figcaption strong:nth-child(2){font-size: 1.5rem;}
    .room_infor201 table {font-size: 0.6rem; line-height: 1rem;}
    .room_infor201 table tr th {font-size: 0.7rem;}
    .room_infor201 {height: 600%;}
	.room_infor201 figure img{width:57%;} .room_info_bg{width:40%;}
	.room_infomain table tr td{padding:7px 15px 7px 5px;}
    .room_sub2 {width: 80%;}
    .room_sub2 img {width: 100%;}
	
	.special-view{max-width:1100px;} .img-box-01{max-width:1100px;}
	.img-box-01 .img.pos img {width:80%;} .img-box-01 .img.pos{right:-13%; top:-17px;}
    
	.main-txt_info{max-width:1100px;} .travel .rev_main_info{/* max-width:1000px; */}
    
    .bnr .pv_cont {top: 523px;}
}

@media ( max-width: 1025px ) {
	.travel{max-width:95%;}
	 .tour_text{margin-top:0%; width:100%; margin-bottom:60px;}  .tour_text1{margin-top:0%; width:100%;  margin-bottom:60px;}
	 .room_infor201 figure img{width:48%;} .room_info_bg{width:50%;}
	 
	 .about-img{ text-align:center;} .about-img .img img, .about-img .txt{float:inherit;}
	 .about-img .img img.second{margin-top:5%;}
	 
	 .main_txt_info .txt p{font-size:13px;}
	 #index #contents .main_special .inner .ms_ttl h3{font-size:15px;}
	 #index #contents > div > div{width:95%;}
	 
	  #index .slide { min-width: 100%;}
    #index #contents > div > div {width: 95%; margin: 15px auto;}
    #index #contents .main_special .inner .ms_ttl {right: 0;left: 0;top: -75%;margin: auto;position: initial;}
    #index #contents .main_special .inner .ms_lst {padding-top: 0%;  margin:0; width: 100%; /* height: 150%; */}
    #index #contents .main_special {/* height: 350px; */ margin: 45px 0 164px;width: 100%;}
	#index #contents .main_special .inner .ms_lst li{height:100%; width:30%;}
	#index #contents .main_special .inner{height:90%;}
    #index #contents .main_special .inner .ms_lst li a h4 span.en {font-size: 12px;}
    #index #contents .main_special .inner .ms_ttl h3 {font-size: 13px;}
	#index #contents .main_special .inner .ms_ttl a{bottom: 66%;right: 0;left: 0;text-align: center;width: 50%;margin: auto;}
    #index #contents .main_special .inner .ms_ttl h3 span {margin: 9px 0;}
    #index #contents .main_special .inner .ms_lst li a {height: 333px;}

	#index .scroll{display:none;}
	
	.main-txt_info{max-width:95%;}
    
	.background-cover .slide {height: 100vh !important; transition: all 0.3s;}
    .slickvdo.background-cover .slide {height: 35vh !important; transition: all 0.3s;}
	
	#msliders h1{display:none;} #msliders h2{display:none;}
	
	.mbreser{font-size:10px; line-height: 0;} .mbreser_n{font-size:10px; line-height:20px;}
	.topTextMain{font-size:1.4em;} .mainTopText{/* padding:7.4% 0; */}
	
	video{width:107%; height:100%;}

.main_txt_info{width: 95%;margin: auto;} .main_info_txt .main_no0 .main_infovideo{width:100%;}
.main_txt_info .txt p{font-size:12px;} .main_txt_info .txt h2{font-size:17px;} .main_txt_info .txt .line{/* margin:15px 0; */}
.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:15% 6% 19% 10%;}
.main_img_info-wrap .txt .ko{font-size:12px;}

.sub-view .subimg{height:140px;margin-top:80px;}
.slide-tit strong{font-size:28px; margin-top:-30px;} .slide-tit p{margin-top:6.5%;}

.rev_main_info{max-width: 100%;margin: 7% 0 4% 0;}
.revpc{display:none;}
.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 0px; display: block;}
.cancleTable td{padding:1.5px; font-size:10px;} .cancleTable th{padding:5px 0; font-size:10px;}


.subNav li a{font-size:12px; line-height:1.2em;}
.subNav{padding:3.2% 2%;}
.room_sub2{width:90% !important; margin: auto;}
.room_info_main figure img{ width:100%;}
figure{margin:0%;}
.room_info_bg{width:100%; position:inherit; right:0; height:360px; margin-top:8.5%;margin-bottom: 23.5%;}
.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;}


.sp-txt{margin:0;}
    .sp_text > div img {width: 100%;}
    .sp_list ul li img {width: 90%;}
    .sp_list ul li {width: 48%; margin: 2% 0.7%;}
	.special-view .img-box img{max-width:100%;}
	.special-view .img-box{margin:0px;}
	.special-view .img-box img.img2{margin-left:0px;}
	.special-view .img-box-wide{margin-left:5px; margin-right:5px;}
	.img-box-01{width:100%; margin:auto;max-width: 95%;}
	.img-box-01 .img.pos img{width:100%; margin:auto;} .img-box-01 .img.pos{right:0; left: 0;top:120%;}
	.img-box-01 .txt p{font-size:14px;} .img-box-01 .txt{margin-top:0%;}
	.special-view .img-box-wide{margin:0 auto 50px;} .special-view{margin-top:30px;}
	 .img-box-01 .txt h1{font-size:25px;}
	
	 .main_reverve2 a {top: 27%;}
    html,body {width: 100%;}
    #index #container {/* margin-top: 23%; */ min-width: 100%;}
   

}

@media all and (max-width:800px) {
		.background-cover .slide{height:55vh !important;}
	
	.root_daum_roughmap_landing {max-width: 100%;}
	
	.main_info_txt .main_no0 {max-width: 95%; padding: 50px 0;}
	#index #contents > div{max-width: 100%; width: 95%;}
	.cam_room div {width:  100% !important;}
	.subinfo_txt {margin-top: 15%;}
	
	.room_txt_0 .tit {font-size: 15px;}
	
	table tr th{font-size:10px; line-height:1rem;} table{width:98%;border-spacing:unset;} table tr td{font-size:10px;}
	
	#rev_ht table th, #rev_ht table td {font-size: 10px;padding: 10px 3px;letter-spacing: -0.3px;}
	
	.rev_pc{display: none;}
	.rev_mo {display:table-cell;}
}

@media all and (max-width:550px) {
	
		
	.on a{display:none;}
	.subNav li::before{margin:0 0.2em;}
	.room-info-wrap img{width:100%;}
	.main-txt_info{max-width: 95%;} .main-txt_info h1 strong{font-size:20px;}
	.foot-reserve{height: 255px;} .foot-reserve .tit strong{font-size:12px;}
	
	.travel {width: 100% !important;margin:30px auto;} 
	
    .main_reverve2 a {top: 27%;}
    html,body {width: 100%;}
    #index #container {/* margin-top: 23%; */ /* min-width: 100%; */}
    #index .slide { min-width: 100%;}
    #index #contents > div > div {width: 100%; margin: 0px auto;}
    #index #contents .main_special .inner .ms_ttl {right: 0; top: 0;/* height: 250px; */}
    #index #contents .main_special .inner .ms_lst {/* padding-top: 20%; */  margin:0; width: 100%; height: 100%;}
    #index #contents .main_special {/* height: 350px; */ margin: 45px 0 0;}
	#index #contents .main_special .inner .ms_lst li{height: 100%; width: 30%;}
	#index #contents .main_special .inner{height:90%;}
    #index #contents .main_special .inner .ms_lst li a h4 span.en {font-size: 12px;}
    #index #contents .main_special .inner .ms_ttl h3 {font-size: 13px;}
	#index #contents .main_special .inner .ms_ttl a{/* bottom:85px; */ /* right:85px; */}
    #index #contents .main_special .inner .ms_ttl h3 span {margin: 9px 0;}
    #index #contents .main_special .inner .ms_lst li a {height: 190px;}
	
    .section2_slide {right: 10.5%; margin: -79.5px 0 0 -157.5px;}
    .section2_slide h3 {font-size: 20px;}
    .section2_slide h3 span {margin: 10px 0;}
    .section3_lo {margin-left: 4%;}
    .section3_lo h3 {font-size: 20px; height:77px;}
    .section3_lo h3 span {margin: 10px 0;}

    #footer {min-width: 0px;} 
    #footer .inner {width: 100%;}
    #footer .inner address {font-size: 0.7rem !important; width: 85%; margin: 0 auto;}
    .slick-slide img {width: 100% !important;}
    .main_local {margin-top: 30% !important;}
    #index .main_local a span, #index .main_reverve a span {font-size: 14px;}
    

    .room_sub2 img {width: 100%;}
    .amenity_bg {width: 100%; height: 30%; top: 45%; padding: 0; right: 0%;}
    .amenity_bg h1 {font-size: 1.5rem; padding: 7% 7% 0%;}
    .amenity_bg h2 {font-size: 1rem; margin: 5% 0; padding: 2%;}
    .amenity_bg h2 p {font-size: 0.7rem; padding: 2%;}
    .amenity {display: none;}

    .room_infor_section1 ul li {font-size: 0.7rem;}
    
	.previews .btn{left:44%;}
	
    .room_infor201 {top:58%;}
    .room_infor201 figure img {width: 98%;margin: auto;left: 0;right: 0;}
    .room_infor201 figcaption strong:nth-child(1){font-size: 1.2rem;}
    .room_infor201 figcaption strong:nth-child(2){font-size: 1.2rem;}
    .room_infor201 table {font-size: 0.6rem; line-height: 1rem;}
    .room_infor201 table tr th {font-size: 0.5rem;}
    .room_infor201 {height: 250%;width: 95% !important;}
	.room-info-wrap .info h1 strong{font-size:45px;}.room-info-wrap .info h1 + p{margin-top:15px;}
	.room-info-wrap .info div p{margin-right:10px; font-size:16px;}

	table{width:98%;} table tr th{line-height:1rem; font-size:10px;} table tr td{font-size:12px;}
	.room_info_main ul li{font-size:12px;}
    
    
	
	#about_con h1{line-height:33px; font-size:30px; right:9%; float:inherit;}
	.about_img1{width:62% !important; left:3%;}
	#about_con h2{font-size:16px; margin-top:0%; right:20px; font-weight:400; font-family:none;}
	#about_con p{right:-7%; font-size:12px; float:left;}
	.about-img .txt p{font-size:11px;} .supaboutxt{display:none;}
    .about-img{width:95%;} .about-img .img img.second{width:100%; margin:10% 0 0 -130px;}
	.about-img .img img{width:100%;}
	.about-img .txt{/* float:left; *//* text-align:left; */margin-left: 0;}

    
    
    .bnr .pv_cont {top: 335px;}
    #reserve .pv_cont .tabs {width: 100%;}
    #reserve .pv_cont .gd table {width: 100%;}
    .bnr #visual {height: 177px; margin-top:60px;}

    #reserve .pv_cont .gd .r_info_01 table > tbody tr td strong {font-size: 0.8rem;}
    #reserve .pv_cont .gd .r_info_03 {padding-bottom: 50px;}
	
	 #mo_v img {display: block; position: absolute; width: 8%; top: 17%; left: 12%;}
	 #mo_v2 img {display: block; position: absolute; width: 12%; top: 12%; right: 9%;}
	 
	 #line1{margin-bottom:8%;}
	 
	 .s_menu_pc{ display:none;}
	 
	 .col-wrap .block{float:inherit; margin:3%; width:auto;}
	 .reserve-info .img img{width:100%;}
	 .reserve-info .img{margin-left:10px; margin-right:10px;}
	 #reserve .pv_cont .gd table tr th, .gd table tr td{font-size:12px;}
	 
	 
	 .reserve-box > div{width:100%;} .reserve-box{margin:25px 13px 25px 14px} .reserve-box h4{margin-top:20px;} .reserve-box h2{width:30%;}
	 
	 
	 .scroll-view-wrap > h1{font-size: 26px;} .scroll-view-wrap > p{margin-top:10px; font-size:20px;} .scroll-view-wrap > p span{font-size:13px;}
	 #index .main_cnt{min-height:130px;}
	 #index .main_local a,#index .main_reverve a {width: 240px;height: 50px;margin: -38px 0 0 -120.5px;}
	 
	 .user-info{max-width:95%; padding: 0 10px;}
	 
	 .about_img_sub{display:block;}
	 .about_img_sub img{padding:0; padding-top:5px; width:100%;}
	 
	 .main_info_txt { max-width:100%;}
	 
	 .special-view .video {margin-bottom: 15% !important;width: 100% !important;}
	 
	 .map table th{font-size:10px;}
}

@media all and (max-width:450px) {
.background-cover .slide {height: 35vh !important; transition: all 0.3s;}
#index #contents .main_special{height:620px;} #index #contents .main_special .inner .ms_ttl a{bottom:59%;}
.foot-reserve .tit span{line-height:1.5; font-size:10px;}
.foot-reserve .tit strong img {width:28%;}
.about-img .txt dt{font-size:2.5em;} .about-img .txt p{margin-top:15px;}
.tit_all{margin:35px auto 55px;} .room_infomain .room_t tr td{font-size:12px;} .room_txt_0 .txt_wrap{padding:35px 0 35px 0;}
.s-box{margin-bottom:0 !important;}

.map table tr td {font-size:11px;}
}

@media all and (max-width:370px) {
.week_date p{font-size:12px !important;}
.room_info_main figcaption{font-size:0.5rem;}
	
	#rev_ht table th, #rev_ht table td{padding: 10px 0.5px;}
}