@charset "utf-8";

@import "normalize.css"; /* reset */
@import "slick.css"; /* slick swiper */

/* 
   WEB FONT (CDN server)
   Nanum Barun Gothic, NanumSquare
*/

@import url(https://cdn.jsdelivr.net/font-nanumlight/1.0/nanumbarungothicweb.css);
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&display=swap');

@font-face {
	font-family:'Vijaya';
	font-weight: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; }
@font-face { font-family: 'BMHANNAPro'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.0/BMHANNAPro.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BBTreeGR'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_nine_@1.1/BBTreeGR.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Arita-dotum-Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-dotum-Medium.woff') format('woff'); font-weight: normal; font-style: normal; }

/* default */
html {height:100%; }
img{max-width:100%;}
body {position:relative;}
div,header,section,article,aside,nav,ul,ol,li,p,a { box-sizing:border-box; }
a { text-decoration:none; }
ul,
h1, h2, h3, h4, h5, h6,
address, p { margin:0; padding:0; font-weight:400; font-size:inherit; }
strong { font-weight:normal; }
li { list-style-type:none; }
dl, dt, dd { margin:0; }
figure { margin:0; padding:0; }
caption { display:none; }
button { border:0; outline:0; background-color:transparent; }
em, address, i { font-style:normal; }


table { border: 1px solid #ccc; width: 100%; text-align: center; line-height: 1.5rem; }
table tr { border: 1px solid #ccc;}
table th {border: 1px solid #ccc;background-color: #eee;line-height: 1.5;padding: 10px 0;}
table tr td {border: 1px solid #ccc;line-height: 1.5;padding: 10px 0px;}
table td { border: 1px solid #ccc; line-height:3;}

/* layout */
body { background-color:#fff;  }

.basic-slide-wrap { position:relative; z-index:500; overflow:hidden; }
.basic-slide { position:relative; overflow:visible; }
.basic-slide-wrap .slide { background-position:center center; background-repeat:no-repeat; background-size:cover; }
.basic-slide-wrap .slide img { max-width:100%; }

.slide-btn button { position:absolute; top:50%; z-index:300; display:block; width:48px; height:48px; margin-top:-24px; background-repeat:no-repeat; background-position:0 0; background-size:100%; }
.slide-btn button.prev { left:20px; background-image:url('/web/img/btn_prev.png'); }
.slide-btn button.next { right:20px; background-image:url('/web/img/btn_next.png'); }


.slick-dots { position:absolute; left:10px; right:10px; bottom:3%; text-align:center; }
.slick-dots li { display:inline-block; margin:0 5px; font-size:0; }
.slick-dots li button { display:block; width:25px; height:5px;}

.star-list li { position:relative; padding-left:10px; font-size:13px; }
.star-list li:before { content:'*'; position:absolute; left:0; top;0;  }

.dash-list li { position:relative; padding-left:10px; font-size:13px; line-height:1.7; font-family:'Montserrat', 'Nanum Gothic',  sans-serif;}
.dash-list li:before { content:'-'; position:absolute; left:0; top:0;  }
.dash-list li strong { color:#e4f158; }
.dash-list li strong.font-red { color:#d23200; }

.dot-list li { position:relative; padding-left:10px; font-size:13px; }
.dot-list li:before { content:'·'; position:absolute; left:0; top:0;  }

.data-list { width:100%; text-align:center; font-size:14px; color:#222; }
.data-list th { font-weight:100; }
.data-list th, .data-list td { padding:10px; border:1px solid #a9a9a9; border-right:0; font-size:13px; color:#777; }
.data-list tr th:first-child, .data-list tr td:first-child { border-left:0; }

.table-wrap { overflow:hidden; border-top:2px solid #a9a9a9; border-bottom:2px solid #a9a9a9; }
.table-wrap iframe { 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; }

.section iframe {height:800px; width:100%;  overflow: hidden;  max-width: 100%; position: relative;  }
.section iframe, .section object, .section embed {top: 0; left: 0; width: 100%;  }

/*main*/
.tit-slide { position:absolute; top:45%; left:7%; z-index:500; color:#fff;   text-shadow: 1px 4px 9px rgba(0, 0, 0, 0.40); line-height:0.5;}
.tit-slide strong {font-family: 'Abril Fatface', cursive; display:block; line-height:1.5; font-size:54px; }
.tit-slide span { margin-top:10px; font-size:20px; line-height:1; font-family:'BBTreeGR';}

.tit-slide_sub { position:absolute; top:45%; left:7%; z-index:500; color:#fff;   text-shadow: 1px 4px 9px rgba(0, 0, 0, 0.40); line-height:0.5; text-align:center; opacity:0.8;}
.tit-slide_sub strong {font-family: 'Abril Fatface', cursive;display:block; line-height:1.5; font-size:54px; }
.tit-slide_sub span { margin-top:10px; font-size:20px; line-height:1; font-family:'BBTreeGR';}

#main_pr_img {margin-top: 5%;}
#main_pr_img .main_img {width: 100%; margin: auto; max-width:1690px;}
#main_pr_img .main_img .img {/*width: 46.9%;*/ width:29.9%; float: left; margin: 0 1.55% 3.91vh;}
#main_pr_img .main_img .img:nth-child(3),
#main_pr_img .main_img .img:nth-child(4),
#main_pr_img .main_img .img:nth-child(5) {width: 30.3%; margin: 0 1.5% 0;}

.img_bottom{width:96% !important;}

#main_pr_img .main_img .img > img {width: 100%;}
#main_pr_img .main_img .img .txt {text-align: center; padding: 5% 0 5.2%;}
#main_pr_img .main_img .img .txt img {display: inline-block; width: 29%; max-width: 167px; margin: 0 0 5%;}
#main_pr_img .main_img .img .txt h1 { font-size:30px; font-weight:500; line-height:1.2; font-family:'Playfair Display', serif;}
#main_pr_img .main_txt .txt p { margin:30px 0 30px 0; font-size:12px; font-family:'Ubuntu', sans-serif;}
#main_pr_img .main_txt .txt a span {font-size:12px;border:1px solid #686765;padding:10px 25px;}
#main_pr_img .main_txt .txt a span:hover {color: #fff; background-color: #ec4a59; border: 1px solid #ec4a59; transition: all 0.3s ease-in-out;}

/*main_roomA*/
.main_roombg_wrap{width:100%;}

.loader{height:100%;;transform-origin: 50% 50%;}

.main_roombg {position: relative; width: 100%; max-width: 1690px; margin: 50px auto; padding-bottom: 55px; text-align: right; overflow: hidden;}
.main_roombg .text_wrap {position: relative; display: inline-block; width: 520px; height: 420px; padding: 70px 0; letter-spacing: -0.05em; text-align: center;}
.main_roombg .text_wrap h5 {margin: 15px; font-size: 20px; color: #373737; letter-spacing: -0.02em; font-family:'RIDIBatang';}
.main_roombg .text_wrap h6 {position: relative; padding-bottom: 25px; font-size: 45px; line-height: 46px; color: #767676; font-family:'Abril Fatface', cursive;}
.main_roombg .text_wrap h6::after {content: ''; position: absolute; right: 65px; bottom: 0; left: 65px; margin: auto; height: 1px; background: #bcbcbc;}
.main_roombg .text_wrap .txt {margin-top: 28px; font-size: 16px; color: #4b4b4b; font-family:'Montserrat', 'Nanum Gothic',  sans-serif;}
.main_roombg .text_wrap .btn_more { position: absolute; bottom: 70px; right: 0; left: 0; margin: auto; width: 150px; 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;}
.main_roombg .text_wrap .btn_more:hover {border: 1px solid #f16574;	background: #f16574; color: #fff;}
.main_roombg .text_wrap .btn_more02:hover {border: 1px solid #edcf49;	background: #edcf49; color: #686868;}


.main_roombg .img_wrap {position: absolute; top: 0; right: 590px; left: 0; width: auto; height: 420px; min-width: 635px; font-size: 0;}
.main_roombg .img_wrap::after {content: ''; position: absolute; top: 0px; right: 20px; bottom: -20px; left: -20px;	margin: auto; background: #ffcbc3; z-index: -1;}
.main_roombg .img_wrap .loader { display: inline-block; }
.main_roombg .img_wrap .bImg { width: 100%; }
.main_roombg .img_wrap #roomA01{ background:url('/web/img/main/main_roomA_01.jpg') no-repeat; margin:35px; transform: scale(1);  -webkit-transform: scale(1); -moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1);  transition: all 0.3s ease-in-out;}



.main_roombg .main_roombg_02 {position: relative;width: 100%; margin-top: 90px; text-align: left;}
.main_roombg .main_roombg_02 .img_wrap {position: absolute; top: 0; right: 0; left: 590px; width: auto; height: 420px; font-size: 0;}
.main_roombg .main_roombg_02 .img_wrap::after {content: ''; position: absolute; top: 20px; right: 0; bottom: -20px; left: 20px; margin: auto; background: #daedcc; z-index: -1;}
.main_roombg .main_roombg_02 #roomA02{ background:url('/web/img/main/main_roomA_02.jpg') no-repeat; margin:-10px 0 0 -30px;  transform: scale(1);  -webkit-transform: scale(1); -moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1);  transition: all 0.3s ease-in-out;}

.main_roombg .main_roombg_03 {position: relative;width: 100%; margin-top: 90px; text-align: right;}
.main_roombg .main_roombg_03 .img_wrap {position: absolute; top: 0; right: 590px; left: 0; width: auto; height: 420px; min-width: 635px; font-size: 0;}
.main_roombg .main_roombg_03 .img_wrap::after {content: ''; position: absolute; top: 20px; right: 0; bottom: -20px; left: 20px; margin: auto; background: #ccd9ed; z-index: -1;}
.main_roombg .main_roombg_03 #roomB01{ background:url('/web/img/main/main_roomB_01.jpg') no-repeat; margin:35px; transform: scale(1);  -webkit-transform: scale(1); -moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1);  transition: all 0.3s ease-in-out;}


/*main_roomB*/
/*
.main_roombg .img_wrap {position: absolute; top: 0; right: 590px; left: 0; width: auto; height: 420px; min-width: 635px; font-size: 0;}
.main_roombg .img_wrap::after {content: ''; position: absolute; top: 0px; right: 20px; bottom: -20px; left: -20px;	margin: auto; background: #ffcbc3; z-index: -1;}
.main_roombg .img_wrap .loader { display: inline-block; }
.main_roombg .img_wrap .bImg { width: 100%; }
.main_roombg .img_wrap #roomB01{ background:url('/web/img/main/main_roomB_01.jpg') no-repeat; margin:35px; transform: scale(1);  -webkit-transform: scale(1); -moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1);  transition: all 0.3s ease-in-out;}
*/


.main_roombg .main_roombg_02 {position: relative;width: 100%; margin-top: 90px; text-align: left;}
.main_roombg .main_roombg_02 .img_wrap {position: absolute; top: 0; right: 0; left: 590px; width: auto; height: 420px; font-size: 0;}
.main_roombg .main_roombg_02 .img_wrap::after {content: ''; position: absolute; top: 20px; right: 0; bottom: -20px; left: 20px; margin: auto; background: #daedcc; z-index: -1;}
.main_roombg .main_roombg_02 #roomB02{ background:url('/web/img/main/main_roomB_02.jpg') no-repeat; margin:-10px 0 0 -30px;  transform: scale(1);  -webkit-transform: scale(1); -moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1);  transition: all 0.3s ease-in-out;}


.main_roombg .main_roombg_03 {position: relative;width: 100%; margin-top: 90px; text-align: right;}
.main_roombg .main_roombg_03 .img_wrap {position: absolute; top: 0; right: 590px; left: 0; width: auto; height: 420px; min-width: 635px; font-size: 0;}
.main_roombg .main_roombg_03 .img_wrap::after {content: ''; position: absolute; top: 20px; right: 0; bottom: -20px; left: 20px; margin: auto; background: #ccd9ed; z-index: -1;}
.main_roombg .main_roombg_03 #roomB03{ background:url('/web/img/main/main_roomB_03.jpg') no-repeat; margin:35px; transform: scale(1);  -webkit-transform: scale(1); -moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1);  transition: all 0.3s ease-in-out;}



.main_roombg .main_roombg_04 {position: relative;width: 100%; margin-top: 90px; text-align: left;}
.main_roombg .main_roombg_04 .img_wrap {position: absolute; top: 0; right: 0; left: 590px; width: auto; height: 420px; font-size: 0;}
.main_roombg .main_roombg_04 .img_wrap::after {content: ''; position: absolute; top: 20px; right: 0; bottom: -20px; left: 20px; margin: auto; background: #e5cced; z-index: -1;}
.main_roombg .main_roombg_04 #roomB04{ background:url('/web/img/main/main_roomB_04.jpg') no-repeat; margin:-10px 0 0 -30px;  transform: scale(1);  -webkit-transform: scale(1); -moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1);  transition: all 0.3s ease-in-out;}



/*-------*/

.main-map { width:1375px; margin:0 auto; overflow:hidden; text-align:center; }
.main-map h1 { margin:0 6px 30px 6px; text-align: center; line-height:1.2; font-family:'RIDIBatang';}
.main-map h1 strong { display:block; font-size:24px; font-family: 'Playfair Display', serif;  font-weight:400;}
.main-map h1 p { margin-top:7%; line-height:1.7; font-size:16px; font-weight:400;  }

.img_wrap div.img{background-position: center;  background-repeat: no-repeat;  background-size: cover;  padding-top: 50%;}
#wrap.main .js_row.top{  position: relative;}
#wrap.main .js_row .img_wrap{ position: relative;}
#wrap.main .js_row .img_wrap .img{ padding-top: 41.5%; background-attachment:fixed;}
#wrap.main #room_map .img{  padding-top: 100%; background-attachment: inherit;}

#room_map{position: relative;	z-index: 100;}
#room_map, #room_map>.wrapper{  height: 100%; width:95%; margin:auto;}
#room_map>.wrapper{  width: 100%; display: inline-block;  background-position: center; background-repeat: no-repeat; background-size: cover;   position: relative;  vertical-align: bottom;}
#room_map>.wrapper>div{ width: 50%;  float: left;  position: relative;  text-align: center;}
#room_map>.wrapper>div .img_wrap{ opacity: 0;  transition: 0.5s ease; -webkit-transition: 0.5s ease;}
#room_map>.wrapper>div:hover .img_wrap{  opacity: 1;}
#room_map>.wrapper>div .img{  padding-top: 100%;}
#room_map .title2{ margin-bottom: 10px;  padding-bottom: 10px;}

#room_map .img_wrap{position: relative;}
#room_map .img_wrap ul li{position: absolute;width: 95px;height: 55px; border-radius:20%;}
#room_map .img_wrap ul li span{position: absolute;left: 0;width: 100%;color: #6c6c6c;top: 14px;font-size: 13.5px;font-family:'RIDIBatang'; font-weight:600;}


/*A*/
#room_map .img_wrap .luce_A .luceA01{left: 22%; top: 28%;}
#room_map .img_wrap .luce_A .luceA02{left: 6%; top: 28%;}
#room_map .img_wrap .luce_A .luceA03{left: 20%; top: 37%;}
#room_map .img_wrap .luce_A .luceA04{left: 17%; top: 48%;}
#room_map .img_wrap .luce_A .luceA05{left: 50%; top: 38%;}

/*B*/
#room_map .img_wrap .luce_B .luceB01{left: 67%; top: 27%;}
#room_map .img_wrap .luce_B .luceB02{left: 52%;  top: 27%;}
#room_map .img_wrap .luce_B .luceB03{left: 67%;  top: 45%;}
#room_map .img_wrap .luce_B .luceB04{left: 52%;  top: 45%;}
#room_map .img_wrap .luce_B .luceB05{left: 78%;  top: 66%;}
#room_map .img_wrap .luce_B .luceB06{left: 86%;  top: 15%;}


/*main_bg*/
.bg1{ position: absolute;  z-index: 0; pointer-events: none;}
#wrap.tour .bg1 {width:100%;}
.bg1 {width:100%;}
.bg1 img{  max-width: 100%;}


.bg2{ position: absolute;  z-index: 0; pointer-events: none;}
#wrap.tour .bg2 {width:100%;}
.bg2 {width:100%; margin-top:-220px;}
.bg2 img{  max-width: 100%;}


.mainCon01 {  padding:1px 0 30px; background: linear-gradient(to bottom, #e8e4e4, #fff);}




/*sub img*/
.sub-view .slide {height:400px;}
.basic-slide-wrap { position:relative; z-index:99; overflow:visible; }
.basic-slide { position:relative; overflow:visible; }
.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:50px; font-family:'Playfair Display', serif;}
.slide-tit p { margin-top:10px; letter-spacing:1px;  font-family:'Montserrat', 'Nanum Gothic',  sans-serif;}
.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:70%; opacity:0;} 100%{top:45%; opacity:0.8;}}
			@-webkit-keyframes myani{0%{ top:70%; opacity:0;}100%{top:45%; opacity:0.8;}}
			@-moz-keyframes myani{0%{ top:70%; opacity:0;}100%{top:45%; opacity:0.8;}}


.subTitle { position:relative; margin:2.5em 0 1.5em; font-size:1.1em; font-weight:400; text-align:center; color:#1b1b1b; }
.subTitle .title01 {display:block; font-size:4.2em; line-height:1.2em; letter-spacing:-0.02em; margin-bottom:0.5em; } 
.subTitle .title02 { display:block; font-size:1.1em; line-height:1.3em; font-weight:300; margin-bottom:1em;}
.subTitle .title03 { display:block;  font-size:10px; line-height:1.2em; color:#a7a7a7; font-weight:100; letter-spacing:0.05em; opacity:0.6; filter: alpha(opacity=60;);}
.conTitle01 { margin-bottom:0.5em; }

.subNav {padding:1.5em;text-align:center; font-size:13px; font-family:'Montserrat', 'Nanum Gothic',  sans-serif;}
.subNav a {display:inline-block; ,font-size:1.15em;line-height:1.5em;padding:0 5px;}
.subNav a.this { font-weight:700; color:#ad666d;}
.subNav a:hover {text-decoration: underline;}
.subNav_room { padding-top:5px;}
.subNav_room a {padding:0 5px;}



/*about*/
 .aboutinfo{overflow: hidden; max-width:1500px; margin:auto;}
 .aboutinfo .txt-box{ text-align: left;  width: 400px; white-space: nowrap; font-family:'RIDIBatang';}
 .aboutinfo .txt-box .tit h1{font-size: 37px; color:#575757; font-family:'RIDIBatang'; line-height: 2.5;}
 
 .aboutinfo .txt-box .txt p{font-size: 16px;color: #575757; line-height: 1.8;}        
 .aboutinfo .txt-box .txt p.thin-txt{font-size: 14px;  color: #575757; line-height: 1.8;}
 .aboutinfo .txt-box .txt p.thin-txt::before{width: 50px; height: 1px; content: ""; display: block; margin-top: 30px; margin-bottom: 20px; background-color: #b6aa9e;}

 .aboutinfo .photo-wrap{position: relative; height: 440px;}
 .aboutinfo .photo-wrap .left{width: 50%; float: left; position: relative; height: 100%;}
 .aboutinfo .photo-wrap .right{width: 50%; float: left; position: relative; height: 100%;}
 .aboutinfo .photo-wrap .left div,  .aboutinfo .photo-wrap .right div {background-size:cover; background-repeat: no-repeat; background-position: center center; position: absolute; }

 .aboutinfo .photo-wrap .left .big{width: 880px; height: 415px;top: 45px; right: -100px; z-index: 1; }
 .aboutinfo .photo-wrap .right .big{width: 520px; height: 670px; top: -205px; left: 230px; z-index: 1; }
 
.room_sub_img{ width:14.28%; float:left;}

.aboutinfo .subabout_img{width: 100%;  margin: 4.5% auto;}
.aboutinfo .aboutsub_iim { width: 33.14%; display:inline-block; position: relative; min-height: 1px; padding:8px;}
.aboutinfo. aboutsub_iim:first-child{padding-left:0px;}
.aboutinfo.aboutsub_iim:last-child{padding-right:0px;}


.aboutinfo .aboutsub_iim02 { width: 49.85%; display:inline-block; position: relative; min-height: 1px; padding:8px;}
.aboutinfo. aboutsub_iim02 img:first-child{padding-left:0px;}
.aboutinfo.aboutsub_iim02 img:last-child{padding-right:0px;}

.aboutinfo .aboutsub_iim03 { width: 100%; display:inline-block; position: relative; min-height: 1px; padding:8px;}

.upbou {		animation-duration:3.5s;
				animation-name:myani;
				-webkit-animation-duration:3.5s;
				-webkit-animation-name:myani;
				-moz-animation-duration:3.5s;
				-moz-animation-name:myani;
				-webkit-animation-fill-mode:both

				}
			@keyframes myani{0%{ top:70%; opacity:0;} 100%{top:45%; opacity:1;}}
			@-webkit-keyframes myani{0%{ top:70%; opacity:0;}100%{top:45%; opacity:1;}}
			@-moz-keyframes myani{0%{ top:70%; opacity:0;}100%{top:45%; opacity:1;}}

.cursor:hover{opacity:0.6; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}



/*room*/
.roominfo { position:relative; margin:0 auto; z-index:1;}
.active.roominfo {transition-delay:0.5s; -ms-transition-delay : 0.5s; -moz-transition-delay : 0.5s; -o-transition-delay : 0.5s; -webkit-transition-delay : 0.5s;  opacity:1; }
.roominfo .roominfo_img01 { position:relative; z-index:1;}
.roominfo_typo { font-size:1.2em; color:#000; text-transform:uppercase; font-weight:700);}
.roominfo_roomtypo {position:absolute; left:10%; top:50%; z-index:2;}
.special01 .roominfo_roomtypo, .special02 .roominfo_roomtypo { top:60%;}
.reser .roominfo_roomtypo, .board .roominfo_roomtypo { top:auto; bottom:0}
.roominfo_roomtypo00 {position:relative;display:inline-block; /*left: 73%;*/ margin-left:67%; top:3em;margin-bottom:2%;z-index:2;}
.roominfo_typo .roomtypo { position:absolute; display:inline-block; right:-4em; top:-1em; font-size:1.1em; line-height:1em;  }
.roominfo_typo .roomtypo .line { position:absolute; right:-45px; bottom:-1em;}
.roominfo_typo .roomtypo .line span { float:left; display:inline-block; width:1px; height:7em; background:#000; margin-right:8px; -webkit-box-shadow: 1px 1px rgba(255, 255, 255, 0.1); -moz-box-shadow: 1px 1px rgba(255, 255, 255, 0.1); box-shadow:1px 1px rgba(255, 255, 255, 0.1);}
.roominfo_typo .roomtypo .line .line_01 {}
.roominfo_typo .roomtypo .line .line_02 { margin-top:1em; }
.roominfo_typo .roomtypo00 { position:relative; display:inline-block;  font-size:2.3em; line-height:1.5em; letter-spacing:-0.02em; text-align:right;  font-family:'Montserrat', 'Nanum Gothic',  sans-serif;}
.special .roominfo_typo .roomtypo00 { text-align:right;}

.roomCon01 {position:relative; margin-bottom:5%; z-index:1;}
.room01_typo { margin-bottom:5%; font-size:1.15em; line-height:1.8em;}
.room01_roomtypo { font-weight:700; margin-bottom:1em;}
.room01_roomtypo00 {}
.room01_01{ position:relative; z-index:3;}
.roomInfo_wrap { position:relative; padding:3% 6% 0; }
.roomInfo_wrap > dt { position:absolute; left:4%; top:-1.5em; font-size:2.93em; line-height:1em; color:#ec4a59; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; z-index:2; font-family:'Montserrat', 'Nanum Gothic',  sans-serif;}
.roomInfo_wrap02 > dt { position:absolute; left:4%; top:-1.5em; font-size:2.93em; line-height:1em; color:#edcf49; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; z-index:2; font-family:'Montserrat', 'Nanum Gothic',  sans-serif;}
.roomInfo_wrap > dd { position:relative;}
.roomInfo_con { display:table; width:100%; margin-bottom:2%;}
.roomInfo_con01 { display:table-cell; width:50%; vertical-align:top;}
.roomInfo_con02 { display:table-cell; width:50%; vertical-align:top;}
.roomInfo { margin-bottom:30px;}
.roomInfo:after {content:"";display:block;clear:both;}
.roomInfo > dt { float:left; font-size:20px;}
.roomInfo > dt:after {content:""; margin:0 20px; height:35px; line-height:35px; border-right:2px dotted #333; vertical-align:top;}
.roomInfo > dd { float:left; width:calc(100% - 100px);}
.roomInfo_text { color:#000; }
.roomInfo_text02 { display:inline-block; margin-right:30px;}
.roomInfo_text .title { font-size:1em; line-height:1.5em; text-transform:uppercase; font-weight:600; margin-bottom:0.5em; }
.roomInfo_text .text { font-size:1.15em; line-height:1.6em; }
.room_reser { position:relative; display:inline-block;}
.room_reser:before {cposition:relative;  display:inline-block; background:#dfad4c; padding:0.4em 2em; font-size:2em; color:#fff; line-height:1.5em; z-index:3;}
.room_reser:after {content:""; position:absolute; width:100%; height:100%; border:1px solid #000; left:6px; top:6px; z-index:2;}
.room_reser:hover { margin-left:20px;}


/*sp*/
.sp_txt { position:relative; padding:0 0 50px; text-align:center;  border-top:0; border-left:0; border-right:0; }
.sp_txt h1 {  font-size:13px; color:#a7a7a7; }
.sp_txt h2 {font-size:25px;font-weight: 600;color: #695a5b;font-family: 'Playfair Display', serif;}
.sp_txt h2 span { margin-right:15px; }
.sp_txt .kor { margin-top:60px; font-size:18px; color:#101a23; }
.sp_txt .eng { margin-top:10px; line-height:1.5; font-size:18px; color:#0e2c40; }
.sp_txt h2 + .kor { margin-top:25px; font-family:'Montserrat', 'Nanum Gothic',  sans-serif;}
.sp_txt:after { content:''; position:absolute; bottom:-15px; left:50%; display:block; width:1px; height:30px; background:#7a8a96;  }
.sub-txt-block { margin:80px 0; padding:0 10px; text-align:center; }
.sub-txt-block p { color:#626262; }
.sub-txt-block ul { display:inline-block; margin-top:40px; }
.sub-txt-block li { text-align:left; color:#626262; }
.sub-txt-block li strong { color:#0d2237; font-weight:700; }

.sp-slide-block .slide img { width:100%; }
.sp-slide-block .slick-dots {  }

.sp-slide-block .box-movie {height:800px; margin:40px auto; }
.sp-slide-block .box-movie iframe { width:100%; height:100%; }
.sp-slide-block .box-img { margin:40px 100px;}

.sp_main_info .sp_no1{ position: relative; display: inline-block; width: 100%;margin-top:30px;}
.sp_main_info .sp_no1 .img_wrap{  width: 61%;  float: left;}
.sp_main_info .sp_no1 .img_wrap .img{ padding-top: 0%;margin-left:10%;}
.sp_main_info .sp_no1 .txt_wrap{ width: 32.8%;  float: left;  padding-left: 2%;  padding-top: 5%;  margin-bottom: 100px;}
.sp_main_info .sp_no1 .txt_wrap .en{ font-size: 15px; font-family:'RIDIBatang'; margin-bottom: 5px; color: #898989;font-style: italic;}
.sp_main_info .sp_no1 .txt_wrap .txt{font-size: 23px; font-weight: 100;  margin-bottom: 20px; font-family:'RIDIBatang';}
.sp_main_info .sp_no1 .txt_wrap .txt2{  font-size: 14px;}
.sp_main_info .sp_no2{  padding-left: 48.4%;  padding-right: 5%; padding-bottom:8%; margin-top: 3%;  position: relative;}
.sp_main_info .sp_no2 .img_wrap .img{ padding-top: 0%;}
.sp_main_info .sp_no2 .img_wrap .txt_wrap{position: absolute;left: 0;top: 22%;width: 45%;padding-left: 4%;}


.txt_wrap > .en:before {content:"";display:block; height:45px; width:1px; background:#a4a4a4; margin:1.1em 0 0.7em;}

/* tour */
 .tour_text {width: 38%; float: right; text-align: center; margin-top: 5%;}
.tour_text1 {width: 38%; float: left; text-align: center; margin-top: 5%;}
.tour_text span{border-bottom:1px solid; border-top:1px solid; padding:2%;}
.tour_text1 span{border-bottom:1px solid; border-top:1px solid; padding:2%;}
#line {margin: 3% auto;}
#line1 {margin-top: 8%;}
#line img {width: 5%;}
.tour_text h4 {font-size: 1.5rem; font-weight: normal;margin: 3% auto; font-family:'RIDIBatang';} 
.tour_text p {font-size: 0.8rem; margin: 0 2%; line-height: 1.2rem; text-align: left; font-family:'Montserrat', 'Nanum Gothic',  sans-serif;}
.tour_text1 h4 {font-size: 1.5rem; font-weight: normal;margin: 3% auto;} 
.tour_text1 p {font-size: 0.8rem; margin: 0 2%; line-height: 1.2rem; text-align: left;}


.travel {width:1500px !important; margin:1.5% auto;}
.travel ul {overflow:hidden;height:100%;}
.travel ul li {width:99%;height:100%;float:left;margin-bottom: 2%;}
.travel ul li .img {min-height:400px;height:20%;width:100%;}
.travel ul li .tcont {width:100%;margin:50px 0;}
.travel ul li .tcont div {width:530px;margin:0 auto;}
.travel ul li .tcont div h4 {color:#292929;font-size:32px;font-weight:lighter;margin-bottom:20px;font-family:"NanumMyeongjo";}
 .travel ul li .tcont div h4 span {font-size:17px;font-family:'nanumbarungothicregular';}
 .travel ul li .tcont div p {font-size:15px;line-height:1.6em;color:#292929;}
 .travel ul li .tcont div a {display:block;font-size:20px;color:#000;margin-top:30px;}
.travel ul li .tcont div a:hover {font-weight:bold;}





/*map*/
.box-board {position:relative;z-index:700;max-width:1340px;margin:55px auto 88px; padding:0 10px;}
.box-board iframe { width:100%; }
#maptxt{text-align:center;}
.blockpd .tit { margin:2%; line-height:3; }
.blockpd .tit strong { font-size:18px; line-height:1.3; }
.blockpd .tit span { display:block; margin-top:15px; font-size:13px; line-height:1.1;}


/* reserve */
.wrapper0{max-width:1320px; margin:50px auto;}
.user-info{max-width:1320px; margin:50px auto 0 auto; padding:0 10px;}

.user-info { clear:both; margin-top:80px; }
.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; }
.user-info h1 strong { line-height:1; font-size:37px; font-weight:400; color:#828282; font-family: 'Playfair Display', serif;}
.user-info h1 span { display:block; font-size:18px; color:#585756; margin-top:5px; font-family:'RIDIBatang';}
.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:585px; }
.basic-info img { left:0; }
.caution-info { position:relative; margin:150px 0; padding-right:614px; }
.caution-info img { right:0; }
.refund-info { position:relative; text-align:center; margin-bottom:55px;}

.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:#f8f8f8; font-size:12px; line-height:1.2em; }
.cancleTable td { padding:8px; text-align:center; border-bottom:1px solid #ccc; border-left:1px solid #ccc;  font-size:12px; line-height:1.2em; }


.refund-info li { position:relative; padding-left:10px; font-size:13px; line-height:1.7; }

.rev2 {margin-top:10px; line-height:3;}
.refund-info span0 {font-weight:600; font-size:15px;}


/* Animation */
@keyframes up-down {
	0% { bottom:50px; }
	50% { bottom:10px; }
	100% { bottom:50px; }
}

@keyframes table-guide {
	0% { opacity:0; }
	50% { opacity:1; }
	100% { opacity:0; }
}

@keyframes active-y {
	0% { transform:translateY(100px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}

@keyframes active-y-02 {
	0% { transform:translateY(-100px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}

@keyframes active-x {
	0% { transform:translateX(-100px); opacity:0; }
	100% { transform:translateX(0); opacity:1; }
}

@keyframes active-x-r {
	0% { transform:translateX(100px); opacity:0; }
	100% { transform:translateX(0); opacity:1; }
}

@keyframes slide-effect {
	0% { transform:scale(1); }
	100% { transform:scale(1.1); }
}

@keyframes line-on {
	0% { height:0; }
	100% { height:30%; }
}


@media all and (max-width: 1600px) {
#main_pr_img .main_img{max-width:1500px;}
.aboutinfo .aboutsub_iim{width:33%; padding:0;}
.room_subimg02{margin-top:5px;}
.room_subimg03{margin-top:5px;}
.aboutinfo .aboutsub_iim02{width:49.65%; padding:0;}
.sp_main_info .sp_no1 .img_wrap .img{margin-left:2%;}
.sp_main_info .sp_no1 .txt_wrap .txt{font-size:21px;}
.main_roombg{max-width:1490px;}
}

@media all and (max-width: 1440px) {
#main_pr_img .main_img{max-width:1350px;}
.main_roombg{max-width:1350px;}
.main_roombg .img_wrap .bImg{ background-size:100% 100% !important;}
#main_pr_img .main_img .img .txt h1{font-size:26px;}
#main_pr_img .main_txt .txt p{margin:15px 0 20px 0;}
.js_row.no2>.wrapper, .js_row.no3>.wrapper{max-width:1300px;}
.bg2{margin-top:-165px;}
.main-scroll .box-01 img{width:85%;}
.main-scroll .box-02{left:55px;} .main-scroll .box-02 img {width:33%;}

.roommain li{width:35%;} .roommain li:first-child{margin-left:13%;}

.sp_main_info .sp_no1 .txt_wrap .txt{ font-size:19px;}

.sp-slide-block .box-movie{margin:-35px auto;}
.sp_main_info .sp_no1 .txt_wrap{width:37%;}

.travel{width:1300px !important;}
.s-box{width:50%;}
}

@media all and (max-width: 1366px) {
.main-scroll .box-01 img{width:75%;}
.main-scroll .box-03{margin:25px 210px 35px 0;}
.main_roombg{max-width:1300px;}

.travel{ width:1144px !important;}
}

@media all and (max-width: 900px) {
	
	#main_pr_img .main_img .img{width:97%; margin:0 1.55% 0.91vh;}
	#main_pr_img .main_img .img:nth-child(3), #main_pr_img .main_img .img:nth-child(4), #main_pr_img .main_img .img:nth-child(5){width:97%; margin:8px 1.5% 0;}
	#main_pr_img .main_txt .txt p{margin:25px 0 35px 0;}
	
	.main_roombg{margin:5px auto;}

	.main_roombg .img_wrap {min-width:100%;}
	.main_roombg .img_wrap .bImg{ background-size:100% 60% !important;} .main_roombg .img_wrap #roomA01{margin:10px;}
	.main_roombg .img_wrap::after{bottom:190px;} .main_roombg .text_wrap{display:block; width:414px; padding: 0 0; margin-top:70%; height:200px;}
	.main_roombg .text_wrap h5{margin:2px;} .main_roombg .text_wrap h6{font-size:34px; padding-bottom:5px;} .main_roombg .text_wrap .txt{margin-top:10px; font-size:12px;} .main_roombg .text_wrap .btn_more{bottom:35px;}
	
	.main_roombg .main_roombg_02 .img_wrap{left:0; top:-290px;} .main_roombg .main_roombg_02 .img_wrap::after{bottom:190px; top:0; left:0;} .main_roombg .img_wrap #roomA02{margin:10px;}
	
	
	
	.main_roombg .img_wrap .bImg{ background-size:100% 60% !important;} .main_roombg .img_wrap #roomB01{margin:10px;}
	.main_roombg .img_wrap::after{bottom:190px;} .main_roombg .text_wrap{display:block; width:100%; padding: 0 0; margin-top:45%; height:200px;}
	.main_roombg .text_wrap h5{margin:2px;} .main_roombg .text_wrap h6{font-size:34px; padding-bottom:5px;} .main_roombg .text_wrap .txt{margin-top:10px; font-size:12px;} .main_roombg .text_wrap .btn_more{bottom:35px;}
	
	.main_roombg .main_roombg_02 .img_wrap{left:0; top:-290px;} .main_roombg .main_roombg_02 .img_wrap::after{bottom:190px; top:0; left:0;} .main_roombg .img_wrap #roomB02{margin:10px;}
	
	.main_roombg .main_roombg_03 .img_wrap{left:0; top:-290px; min-width:100%;} .main_roombg .main_roombg_03 .img_wrap::after{bottom:190px; top:0; left:0;} .main_roombg .img_wrap #roomB03{margin:10px;}
	
	.main_roombg .main_roombg_04 .img_wrap{left:0; top:-290px;} .main_roombg .main_roombg_04 .img_wrap::after{bottom:190px; top:0; left:0;} .main_roombg .img_wrap #roomB04{margin:10px;}
	
	
	.main-map{width:400px;} .main-map h1{margin: 0 6px 15px 6px;}
	
	#room_map .img_wrap ul li{width:50px; height:27px; } #room_map .img_wrap ul li span{ font-size:8.5px; padding:7px 0; top:0;}
	#room_map .img_wrap .luce_A .luceA01{top:25%; left:42%;}
	#room_map .img_wrap .luce_A .luceA02{top:15%;}
	#room_map .img_wrap .luce_A .luceA04{top:56%; left:14%;}
	#room_map .img_wrap .luce_A .luceA05{top:47%; left:62%;}
	
	#room_map .img_wrap .luce_B .luceB02{left:33%;}
	#room_map .img_wrap .luce_B .luceB04{left:35%;}
	#room_map .img_wrap .luce_B .luceB05{left:65%;}
	#room_map .img_wrap .luce_B .luceB06{left:68%; top:5%;}
	
	.infobox .title1{ font-size:20px;}
	
	.rev1{margin:10px auto 10px;}
	.rev1 th{font-size:10px;}
	.rev1 td{font-size:10px; padding:10px 0;}
	.txt_wrap li{font-size:12px;}

	.basic-slide-wrap .slide { height:445px; margin-top:70px; } .slide-tit{top:15%;}
	.slide-btn { display:none; }
	.slick-dots { bottom:20px; }
	.exterior-view .slide-btn { display:block; }
	.exterior-view .tit-slide { display:none; }
	.btn-scroll { display:none; }
	
	.blockpd .tit strong{font-size:13px;}
	.slide-btn button{width:20px; top:66%;}
	
	.section iframe {height:200px; width:100%;}
	
	.tit-slide_sub{display:none;}
	
	.sp_txt{margin-top:15% !important;}
	.sp_txt h2{font-size:20px;} .sp_txt .kor{font-size:14px;}
	.sp-slide-block .box-movie{margin:-245px auto;}
	.sp-list-wrap .tit strong{font-size:35px;}
	#services a{width:50%; padding-top:65%; margin-top:15px;}
	#services a .sloganWrap{bottom:35%;}
	#services a h6{font-size:15px;}
	.sp_main_info .sp_no1 .img_wrap .img{margin-left:0;}
	.sp_main_info .sp_no1 .img_wrap{width:100%;}
	.sp_main_info .sp_no1 .txt_wrap{width:100%; margin-bottom:30px;}
	.sp_main_info .sp_no1 .txt_wrap .txt{font-size:18px;}
	.sp_main_info .sp_no2 .img_wrap .txt_wrap{width:50%; padding-left:0%;}
	.sp_main_info .sp_no2{ padding-left:50%; padding-right:0%; margin-bottom:10%;}
	.sp-slide-block .box-img{margin: 0 0 0 0;}
	.sp_main_info .sp_no1 .txt_wrap .txt2{font-size:12.5px;}
	
	.roominfo_roomtypo00 { width:92%; margin:4% auto 7%;}
	.roominfo_roomtypo00_typo {font-size:1.4vw;}
	.roominfo_typo .roomtypo{right:1em;}

	
	.room01_01{ width:100%; margin-left:0;}
	.roomInfo_con01, .roomInfo_con02 {display:block; width:100%;}
	.roomInfo > dd{width:calc(100% - 50px;)}
	.roomInfo_wrap > dt{font-size:1.6em; left:0;}
	
	.room01_typo {padding-left:4%; margin-bottom:7%;}	
	.roomInfo_wrap { padding:5% 3% 5%; margin-top:10%;}
	.roomInfo .title { font-size:0.8em;}
	.roomInfo .text { font-size:0.95em; line-height:1.5em;}
	.roomInfo > dt img { width:24px; }
	.roomInfo > dt:after {margin:0 10px; height:24px; line-height:24px;}
	
	.wrapper0{max-width:95%;}
	.sub-view .slide{height:100px;}
	.dash-list li{font-size:12px;}

	.user-info > div { padding:0 !important; }
	.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 97px; display: block;}
	.cancleTable td{padding:5px; font-size:11px;} .cancleTable th{padding:5px 0; font-size:10px;}
	
	.slide-tit strong{font-size:35px;}
	
	.travel{width:95% !important;}
	.travel ul li{margin-bottom:3.5%;}
	.tour_text{float:none; width:100%;} width{width:38%; margin-bottom:2%;}
	.tour_text p{ width:92%;}
	.tour_text1{float:none; width:100%;} .s-box{width:100%; float:left !important; margin-bottom:2%;}
	.tour_text1 p{ width:92%;}
	
	.aboutinfo .txt-box{width:375px;}
	.aboutinfo .txt-box .tit h1{font-size:25px;}
	.aboutinfo .txt-box .txt p.thin-txt{font-size:11px;}
	.aboutinfo .aboutsub_iim{width:100%; margin:1% auto;}
	 .aboutinfo .aboutsub_iim02 {width:100%; margin:1% auto;}
	 .aboutinfo .photo-wrap .left{width:100%;}
	 .aboutinfo .photo-wrap .left .big{width:115%; height:360px;}
	 .aboutinfo .photo-wrap .right{width:100%; height:119%;}
	 .aboutinfo .photo-wrap .right .big{width:100%; height:503px; top:-5px; left:0;}
}
@media all and (max-width: 550px) {
.main_roombg .text_wrap{margin-top:57%;}
}

@media all and (max-width: 450px) {
 .main_roombg .text_wrap{display:block; width:100%; padding: 0 0; margin-top:70%; height:200px;}	
.main_roombg .img_wrap, .main_roombg .main_roombg_03 .img_wrap{min-width:635px;}	 
.main_roombg .img_wrap .bImg{ background-size:62% 60% !important;} .main_roombg .img_wrap .bImg{ background-size:62% 60% !important;} .main_roombg .img_wrap #roomB01{margin:10px;}
.basic-slide-wrap .slide { height:235px; margin-top:70px; }
.roomInfo_wrap { padding:5% 3% 5%; margin-top:23%;}
 .aboutinfo .photo-wrap .left .big{width:473px; height:216px;}
 .aboutinfo .photo-wrap .right{width:100%; height:60%;}
 .aboutinfo .photo-wrap .right .big{width:370px; height:412px; top:-168px; left:0;}
}