@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,700');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i');
@import url('https://fonts.googleapis.com/css?family=Unica+One');
@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400');
@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Spectral:400,400i');
@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');
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css); 
@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@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');
@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+Tamma+2:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

@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: 'GyeonggiBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff');
    font-weight: normal;
    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: 'ImcreSoojin';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.3/ImcreSoojin.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;
}


/*defualt*/
*{margin: 0; padding: 0; box-sizing: border-box;}
html, body{ color:#838383 ; width: 100%; height: 100%; font-family:"Open Sans", 'Noto Sans KR',"Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial, 'Pretendard-Regular'; font-weight:400; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;} 
li{list-style: none;}
a{text-decoration: none; color: #171717;}
button,input,a,label{border: none; outline: none; background-color: transparent; box-sizing: none;}
.wrapper{width: 100%; position: relative;}
.slide{background-position: center; background-size: cover; background-repeat: no-repeat;}
section{position: relative; z-index: 10; }
.con1{z-index: 11;}
.slick-slider *{border: 0; outline: 0;}
.full-page{width: 100%; height: 100vh;}
.con1 .main-tit{text-align: center; position: absolute; bottom: 50%; left: 50%; transform: translateX(-50%); pointer-events: none;}
.con1 .main-tit h3{font-size: 16px; color: white; font-family: "Lato",sans-serif; margin-bottom: 25px; font-weight: 400;}
.con1 .main-tit h1{font-size: 50px; color: white; font-family:"Didot",serif; font-weight: 100; letter-spacing: 0.1em; white-space: nowrap;}
.con2 .bread h3{line-height: 220px; text-align: center; font-size: 12px; font-family: "Noto Sans KR",sans-serif; color: #999999; font-weight: 100;}
.res_box{display: block; border: 1px solid #837a69; line-height: 40px; width: 260px; text-align: center; color: #837a69; font-family: "Noto Sans KR",sans-serif; font-size: 14px; margin: 0 auto;}
.star-list li{position: relative;}
.star-list li::before{content: "*"; display: inline-block; position: absolute; left: -1em; top: 0.2em;}
.dash-list li{position: relative;}
.dash-list li::before{content: "-"; display: inline-block; position: absolute; left: -1em; }


::-webkit-scrollbar {width: 7px;}
::-webkit-scrollbar-thumb {background-color: #ffc846;}
::-webkit-scrollbar-track {background-color: #bebebe;}
html ::selection{background-color: #ece085; color:#fff;}


/*main*/
.main-wrap .m-con{position: relative;}
.main-wrap .m-con .slide{background-size: cover; background-position:center; background-repeat: no-repeat;}
.m-con .tit{width: 100%; text-align: center; position: absolute; bottom: 50px; z-index: 300; color: white; font-family: "Arita"; pointer-events: none; transform: rotate(-0.001deg)}
.m-con .tit h3{font-size: 18px; font-weight: 500;}
.m-con .tit h3::after{display: block; content: ""; width: 250px; height: 1px; background-color: white; margin: 12px auto;}
.m-con .tit h1{font-size: 20px; font-weight: 500;}
.con1.full-view{width: 100%; height: 100vh; overflow: hidden; margin:auto;}
.con1.full-view .slide{height: 100vh;}

.main-wrap .con1 .tit{bottom: 150px;}
.con1{position: relative;}
.con1 .tit{width: 100%;text-align: center;position: absolute;bottom: 42px;z-index: 300;color: white;font-family: 'Baloo Tamma 2', cursive;pointer-events: none;transform: rotate(-0.001deg);}
.con1 .tit h3{line-height: 1;font-size: 1.5em;font-weight: 500;bottom: 13%;text-shadow: 1px 7px 4px #868686;}


.main-wrap .con1 .tit{bottom: 150px;}
.con1{padding-bottom: 260px;}
.top-bg{height: 110vh; background: linear-gradient(#967f95 70%, white 100%); background:  background-size: cover; background-repeat: no-repeat; background-position: center;  position: relative; padding-bottom: 300px;}
.top-bg::after{content: ""; width: 100%; height: 100%; background: linear-gradient(to bottom,transparent 90%, white 100%); background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 90%, white 100%);  display: block; z-index: 5; position: absolute; top: 0; left: 0; pointer-events: none;}
.top-bg .bg1{content: ""; width: 100%; height: 100%; display:block; position: absolute; top: 0; left: 0; background-image: url(/web/img/view/main_bg02.png); background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 3; opacity: 0.9;}
.top-bg .bg2{content: ""; width: 100%; height: 100%; display:block; position: absolute; top: 0; left: 0; background-image: url(/web/img/view/main_bg01.png); background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 2; transition: 3s;}
.top-bg .inner-con{position: relative; z-index: 10;}
.top-bg .tit{position: relative;z-index: 5;text-align: center;color: white;padding-top: 215px;opacity: 0.80;}
.top-bg .tit h3{font-size: 45px;font-weight: 600;transform: translateY(50px);transition: 1.4s;transition-delay: 0.2s; font-family: 'Ubuntu', sans-serif;}
.top-bg .tit h2{font-size: 34px;font-weight: 100;margin-top: 40px;transform: translateY(50px);transition: 1.4s;font-family: 'RIDIBatang';transition-delay: 0.4s;}
.top-bg .tit h2 small{font-size: 21px;line-height: 1.6;}

.top-bg .vdo-wrap{position: relative;z-index: 5;margin: 0 auto;margin-top: 0px;text-align: center;transition: 1.6s;}
.top-bg .vdo-wrap.on{opacity: 1; transform: translateY(0);}
.top-bg .vdo-wrap .vimeo-box{max-height: 705px; height: 53vw;}


.page{width: 160px;margin: 10px auto 0;pointer-events: all;margin-top: 41px;text-shadow: 1px 5px 4px #676767;}
.page button{float: left;font-size: 0;cursor: pointer;text-shadow: 0px 2px 5px #9a9a9a;}
.page button:last-of-type{float: right;}
.page button p, .page button .fal{float: left;}
.page button .fal{color: white;font-size: 40px; text-shadow:-1px 0 3px #868686, 0 1px 3px #ffffff, 1px 0 3px #868686, 0 -1px 3px #ffffff;}
.page button p{color: white;position: relative;top: 10px;font-size: 17px;font-weight: bold;text-shadow: 0px 2px 3px #696969;}
.page button.prev p{margin-left: 20px;}
.page button.next p{margin-right: 20px;}
.page .pro-bar{position: relative;top: 7px;}
.animateme { transition:0.8s; }



.con1{padding-bottom: 260px;}
.top-bg{height: 110vh; /*background: linear-gradient(#967f95 70%, white 100%);*/ background:  background-size: cover; background-repeat: no-repeat; background-position: center;  position: relative; padding-bottom: 300px;}
.top-bg::after{content: ""; width: 100%; height: 100%; background: linear-gradient(to bottom,transparent 90%, white 100%); background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 90%, white 100%);  display: block; z-index: 5; position: absolute; top: 0; left: 0; pointer-events: none;}
.top-bg .bg1{content: ""; width: 100%; height: 100%; display:block; position: absolute; top: 0; left: 0; background-image: url(/web/img/view/img.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 3; opacity: 0.9;}

.scroll-down {text-align: center;font-size: 13px;font-weight: 100;margin-top: 170px;cursor: pointer;text-shadow:1px 1px 2px rgba(133,133,133,0.70);font-weight: bolder;color:#fff;}
.scroll-down a {position:absolute; scroll-behavior: smooth;}
.scr-lind  span {position: absolute;top: 15px;left: 50%;width: 24px;height: 24px;margin-left: -12px;border-left: 3px solid #fff;border-bottom: 3px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: sdb 2s infinite;animation: sdb 2s infinite;opacity: 0;box-sizing: border-box;}
.scr-lind span:nth-of-type(1) {-webkit-animation-delay: 0s;animation-delay: 0s;}
.scr-lind span:nth-of-type(2) {top: 31px;-webkit-animation-delay: .15s;animation-delay: .15s;}

@-webkit-keyframes sdb {
  0% {  opacity: 0; }
  50% {opacity: 1;  }
  100% {  opacity: 0;}
}
@keyframes sdb {
  0% {  opacity: 0; }
  50% { opacity: 1;}
  100% { opacity: 0;}
}

.main-inner{max-width: 1300px; margin: 0 auto; position: relative;}
.main_vido{margin-bottom: 130px;}
.main_vido .tit{text-align: center;margin-bottom: 85px;padding-top: 14px;}

.main_vido #vido_sub{width: 100%;height: 800px;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;max-width: 1600px;margin: auto;}

.main-inner .tit h2{font-size: 35px;height: 45px;font-weight: 400;background: url('/web/img/sea/main_txt.png')no-repeat center center;text-align: center;font-family: 'ImcreSoojin';color: #515151;} 
.main-inner .tit  p{font-size: 17px;margin-top: 35px;line-height: 1.6;font-family: Arita-dotum-Medium;letter-spacing: -0.5px;}
.main-inner .tit a{font-size: 15px;color: #fff;display: inline-block;position: relative;margin-top: 35px;background: #fbc23e;padding: 12px 100px;border-radius: 40px;font-weight: 600;opacity: 0.7;font-family: 'Baloo Tamma 2', cursive;}
.main-inner .tit a:hover {opacity: 1;transition:0.6s;}
/*.main-inner .tit .line{width: 69px;height: 1px;background-color: #252525;display: inline-block;position: absolute;left: 19px;top: 1.7em;}*/
.main-inner{padding-top: 160px;}


.full-page .slide{height: 100vh;}

.width-max {max-width: 1450px;width: 100%;margin: 5% auto 2%;padding: 0 15px;}
.sub_max{margin:23% auto 2%;}

.sub_img {padding: 0% 0 0.5% 0;}
.sub_img-tit {display: flex;justify-content: space-between;align-items: flex-start;padding-bottom: 35px;padding-left: 0px;}
.sub_img-tit__txt{padding-top: 3%;width: 33%;}
.sub_img-tit__txt h2 {width: 21%;background: #8ca0bc;margin-right:auto;height: 7px;margin-bottom: 40px;border-radius: 50px 0;}
.sub_img-tit__txt span {display: block;margin: 0 0 23px;font-size: 26px;letter-spacing: 0.1em;color: #8ca0bc;text-transform: capitalize;font-family: 'Arita-dotum-Medium';font-weight: 700;padding-left: 18px;background: linear-gradient(0deg, #fff3b4 50%, transparent 31%);}
.sub_img-tit__txt p {font-size: 14px;line-height: 28px;letter-spacing: 0.04em;color: #838383;font-family: 'Pretendard-Regular';}
.con2_img01 {position: relative;margin-top: 17px;padding-left: 0;width: 64%;}
.con2_img01 img {z-index: 1;width: 100%;}
.sub_img-tit__txt img{padding-left: 170px;}
.maincon_img {margin-bottom: 20px;}
.full-img {width: 100%; object-fit: cover;}


.sub_deco {position: absolute;right: -15%;display: block;width: 400px;bottom: 31%;font-size: 13px;font-weight: 700;color: #ffffff;opacity: 1;letter-spacing: 0.08em;transform: rotate(90deg);}
.sub_deco::before {content: '';display: inline-block;width: 100px;height: 2px;margin-right: 16px;background: #ffffff;vertical-align: middle;}

.sub_img-wrap {display: flex; align-items: flex-end; position: relative;}
.con2_img02 {line-height: 0;width: 50%;box-shadow: -16px 16px 0 3px #e7b8b6;}
.con2_img02 img {width: 100%;object-fit: cover;/* height: 640px; */}
.con2_img03 {width: 50%;margin-left: 20px;line-height: 0;box-shadow: 20px 18px 0 3px #96d0db;}
.con2_img03 img {width: 100%;object-fit: cover;}

.cam_title {text-align: center;margin: 10% auto 50px;width: 25%;}
.h_line_d{width: 100px;height: 7px;background: #fbca59;margin-left: 4px;margin: 0px auto 20px;}
.cam_title h1 {font-size: 16px;background: #fee761;color: #9e9e9e;padding: 15px 0;border-radius: 40px;}
.cam_title h2 {font-size: 30px;line-height: 45px;color: #fbca59;letter-spacing: 0.1em;font-weight: 600;margin-top: 30px;font-family: 'Baloo Tamma 2', cursive;}
.cam_title h3 {font-size: 18px;font-weight: 300;font-family: 'Arita-dotum-Medium';margin-top: 15px;}
.cam_room{display: inline-block;}
.cam_room div {margin: 20px 1px 30px 0;/* padding-top: 22px; */display: inherit;width: 19.55%;color: #fff;TEXT-ALIGN: center;padding-bottom:40px;border-radius: 10px;}
.cam_room div img{transition:0.8s;overflow:hidden;width: 100%;}

.cam_room .loader:nth-child(1) { background: #acca62; }
.cam_room .loader:nth-child(2) { background: #3e8edc; }
.cam_room .loader:nth-child(3) { background: #fee176; }
.cam_room .loader:nth-child(4) { background: #f89d5b; }
.cam_room .loader:nth-child(5) { background: #ff7c8d; }


.rooms_txt {	margin-top: 32px;width: 330px; }
.rooms_txt h5 {line-height: 30px;font-size: 15px;font-weight: 400;font-family: 'Baloo Tamma 2', cursive;margin: 15px auto 25px;}
.rooms_txt h6 {font-size: 25px;letter-spacing: 0;font-family: 'ImcreSoojin';font-weight: 100;margin-top: 25px;}
.rooms_txt p {line-height: 20px;margin: 10px auto 20px;font-size: 13px;font-family: 'Pretendard-Regular'; letter-spacing: 0.05em;}
.rooms_txt .bottom {margin-bottom:20px;}
.rooms_txt .btn_more {padding: 10px 25px;font-size: 14px;line-height: 3;border-left: none;border-right: none;width: 300px;text-align: center;font-family: 'Pretendard-Regular';top: 20px;background: #fff;opacity: 0.6;border-radius: 50px;color: #252525;}

.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 {border-left:none; border-right:none; transition:0.8s; background:#fff; color:#252525; opacity:1;}	

.bak {width:100%;height: 920px;text-align:center;padding: 9%;}
.bak{background:url(/web/img/view/img_bg.jpg) no-repeat 50% 50%;background-attachment:fixed; background-size:cover;}
.bak .txt{margin-top: 11.5%;text-align: left;color: white;width:100%;text-shadow: 0px 5px 5px #464646; opacity:0.85;}
.bak .txt h2{font-size: 2em;font-family: 'ImcreSoojin';font-weight: 200;line-height: 1.5;}
.bak .txt .line{width: 8%;height: 3px;background-color: white;display: block;margin: 2% 0;left: 0;right: 0;/* margin: auto; */}
.bak .txt p{font-size: 19px;line-height: 1.6;letter-spacing: -0.5px;font-family: BBTreeGR;}


.spr_prev{margin:10% auto 0;}
.spr_prev_wrap .spr_prevList {position: relative;margin-top: 0;margin-bottom:155px;}
.spr_prev_wrap .last {margin-bottom:160px;}
.spr_prevList::after {content: '';position: absolute;z-index: -1;}
#spr_prevList1::after {right: 0;left: 46%;top: 40%;width: auto;height: 430px;background-color: #d6ffc7;border-radius: 0 0 0 50px;}
#spr_prevList2::after {top: 52%;left: 0;right: 0;width: 56vw;height: 430px;background-color: #ffe3c1;border-radius: 0 0 50px 0;}
.spr_prevList .list_wrap {position: relative;max-width: 1590px;min-height: 0;margin: 26px auto 11%;}
.spr_prevList .list_wrap .loader {position: absolute;top: 0;right: 0;left: 660px;margin: auto;width: auto;height: 500px;/* background-size:100%; */border-radius: 16px;box-shadow:0 5px 20px rgba(0,0,0,0.3);}
.spr_prevList .list_wrap .content {display: inline-block;width: 475px;padding-top: 100px;text-align: center;letter-spacing: -0.025em;}
.spr_prevList .list_wrap .content .eng {font-size: 43px;line-height: 1.2;font-weight:bold;text-transform: uppercase;letter-spacing: -0.3px;font-weight:500;font-family: 'Baloo Tamma 2', cursive;}
.spr_prevList .list_wrap .content .name {margin-top: 12px;font-size: 30px;color: #6ecd4b;font-family: 'ImcreSoojin';}
.spr_prevList .list_wrap .content .txt {margin-top: 30px;font-size: 18px;line-height: 24px;-ms-word-break: keep-all;word-break: keep-all;color:#666; font-family:'Arita-dotum-Medium';}
.spr_prevList .list_wrap .content .txt p{font-size: 15px;/* border: 1px solid; */padding: 14px;border-radius: 40px;margin-top: 26px;background: #6ecd4b;color: #fff;}
.spr_prevList:first-child .list_wrap .content .eng {color: #6ecd4b;border-bottom: 1px solid #6ecd4b;padding-bottom: 10px;}
.spr_prevList:nth-child(2n) .list_wrap .content .eng {color: #ffb65e;border-bottom: 1px solid #ffb65e;padding-bottom: 10px;display: grid;}
.spr_prevList:nth-child(2n) .list_wrap .content .name{color: #ffb65e;}
.spr_prevList:nth-child(2n) .list_wrap .content .txt p {background: #ffb65e;}

.spr_prev_wrap .spr_prevList:nth-child(even) .list_wrap {text-align: right;}
.spr_prev_wrap .spr_prevList:nth-child(even) .list_wrap .loader {top: 35px;right: 630px;left: 0;}
.spr_prev_wrap .spr_prevList:nth-child(even) .list_wrap .content {padding-top: 142px;padding-left: 0px;/* text-align: left; */}


.mainroom{position: relative;margin: 5% auto;overflow: hidden;background: #fff8e9;padding: 30px 0 80px;}
.mainroom .deco{position: absolute; top: 0; left: 0; pointer-events: none;}
.mainroom .deco img{width: 100%;}
.mainroom .tit{text-align: center; color: #868686;}
.mainroom .tit h1{font-size: 4em;font-weight: 100;margin: 125px 0 35px;line-height: 1;font-family: 'Baloo Tamma 2', cursive;color: #f08383;}
.mainroom .tit h1 span{display:block;}
.mainroom .tit p{font-size: 17px;line-height: 1.8;font-family: 'Pretendard-Regular';}

.mainroom .slide-btn {font-size: 32px; cursor: pointer; margin:11%;}
.car_sub{width:10%;}


.mainroom .tit{float: left;width: 25%;position: relative;z-index: 300;}
.mainroom .con-slide{ float: left; width: 75%; cursor: pointer;}        
.mainroom .con-slide .slide{width: 20vw; height: 22vw; margin-left: 10px; position: relative; background-size: cover; transition:0.8s;}
.mainroom .con-slide .slide .btn-cir{width: 130px;height: 130px;border-radius: 50%;position: absolute;bottom: 35%;right: 0;margin: auto;left: 0;color: black;text-align: center;opacity: 0.8; background: #fff;pointer-events: none;}
.mainroom .con-slide .slide:hover{opacity:0.7; transform:scale(1.03); transition:0.8s;}
.mainroom .con-slide .slide.active .btn-cir .arrow span{animation: arrow 0.7s ease-out; animation-fill-mode: forwards; animation-delay: 0.3s;}
.mainroom .con-slide .slide.active .btn-cir .arrow span::after{animation: arrow-right 0.5s ease-out; animation-fill-mode: forwards; animation-delay: 0.8s;}


.mainroom .con-slide .slide .btn-cir h3{font-size: 10px;font-weight: 100;margin-top: 30px;line-height: 2;letter-spacing:3px;}
.mainroom .con-slide .slide .btn-cir h2{font-size: 20px;font-weight: 100;letter-spacing:2px;}
.mainroom .con-slide .slide .btn-cir .arrow{ width: 100%;}
.mainroom .con-slide .slide .btn-cir .arrow span{width: 0%; height: 1px; background-color: white; margin-top: 20px; float: left; margin-right: 20px;}
.mainroom .con-slide .slide .btn-cir .arrow span::after{width: 0%; height: 1px;  content: ""; display: block; background-color: white; float: right; transform: rotate(45deg); transform-origin: right;}




/*prologue*/
.sub_infoimg {background-image: url(/web/img/sea/bg_01.jpg);}
.sub_infoimg01_1 {background-image: url(/web/img/sea/bg_02.jpg);}


.sub_infoimg{position: relative; width: 100%; height: 380px; background-repeat: no-repeat; background-size: cover; background-position: center;}

.aboutit_txt {position:relative;padding-top: 30px;text-align:center;line-height:1;margin-bottom: 4%;}
.aboutit_txt span {font-size: 21px;color: #6c7498;font-weight: 100;font-family: 'ImcreSoojin';letter-spacing: 3px;}
.aboutit_txt strong {display:block;margin-top: 20px;font-size: 40px;font-weight: 700;font-family: 'Baloo Tamma 2', cursive;letter-spacing: 2px;color: #fbc23e; height:60px;}
.aboutit_txt p {/*margin-top: 27px;*/ line-height: 1.8;font-size: 16px;font-weight:400;font-family: 'Arita-dotum-Medium';letter-spacing: -1.2px;}

#about_sub {padding: 80px 0px 0px; max-width:75%; margin:auto;}
#about_sub .intro-tit{color: #57616f;text-align: center;padding-bottom: 20px;}
#about_sub .intro-tit h5{font-size: 40px;color: #8ca0bc;font-family: 'Baloo Tamma 2', cursive;margin-bottom: 18px;line-height: 1.5;letter-spacing: 7px;background: linear-gradient(0deg, #fff3b4 50%, transparent 31%);}
#about_sub .intro-tit .line{display: block;margin: 0 auto;width: 70px;height: 2px;background-color: #57616f;margin-bottom: 40px;}
#about_sub .intro-tit .img{width: 12%;margin: 0 auto;}
#about_sub .intro-tit p{font-size: 16px;margin: 35px auto 50px;font-family: 'Pretendard-Regular';line-height: 23px;}
#about_sub .intro-tit p span {font-size:20px;display:block;margin-bottom:25px;font-family: 'Arita-dotum-Medium';font-weight: 700;}

.preview-tit01{margin-bottom:15px;}

.about_end01 { padding-top:80px; margin-bottom:6%;}
.end_sub01 {display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 65px;}
.end_sub01_img {width: 65%;box-shadow: -20px 17px 0px 1px #8daad8;line-height: 0;}
.end_sub01_img img {width: 100%; object-fit: cover;}
.end_sub01_txt {width: 32%;text-align: left;padding-top: 5%;}
/*.end_sub01_txt span:before {content:"";display:block;height: 65px;width:1px;background:#a4a4a4;margin:1.1em 0 0.7em;}*/

.end_sub01_txt span {display: block;font-size: 31px;line-height: 1.5;letter-spacing: 0.2em;font-weight: 500;color: #feabc1;font-family: 'Baloo Tamma 2', cursive;}
.end_sub01_txt img {width: 110px;object-fit: cover;/* margin: 21px 0 0; */opacity: 0.6;}
.end_sub01_txt p {font-size: 15px;line-height: 29px;letter-spacing: 0.04em;color: #254064;letter-spacing: -0.2px;margin-top: 25px;font-weight: 100;font-family: 'Arita-dotum-Medium';}
.end_sub01_txt p small {color: #ccc;}

.end_sub02_txt{width:28%;margin-top: 60px;}
.end_sub02_txt img {width: 110px;object-fit: cover;/* margin: 21px 0 0; */opacity: 0.6;}
.end_sub02_txt span {display: block;font-size: 25px;letter-spacing: 0.2em;color: #a9a394; }
.end_sub02_txt h2{font-size: 42px;font-weight: 800;/* margin-bottom: 15px; */color: #8daad8;font-family: 'Baloo Tamma 2', cursive;}
.end_sub02_txt h3{font-size: 22px;margin-bottom: 25px;font-weight: 200;font-family: 'ImcreSoojin';color: #8daad8;line-height: 1.5;}
.end_sub02_txt p{font-size: 15px;font-family: 'Arita-dotum-Medium';margin-bottom: 22px;opacity: 0.8;line-height: 1.75;}


.end_sub02 {display: flex;justify-content: space-between;align-items: flex-end;margin-top: 120px;margin-bottom: 40px;}
.end_sub02__eft {width: 65%; margin-right: 20px;}
.end_sub02_01 img {/* width: calc(50% ); */margin-bottom: 17px;border-radius: 10px;}
.end_sub02_01_1 img {/* width: calc(50% ); */margin-bottom: 0;border-radius: 10px;}
.end_sub02_02 {width: 98%;position: relative;margin-left: 102%;}
.end_sub02_02 img {position: absolute;right: 0;bottom: 0;width: 100%;object-fit: cover;border-radius: 10px;}




/*roompre*/

.fixed_sub {position: fixed;top: 120px;left:0;}
.rev_sub{width: 100%;height: 100%;}
#rev_submenu{position:sticky;z-index:999;width: 6%;margin-left: 49px;}
.tap-menu .tap-section{border-bottom: 1px solid #818181; padding-bottom: 10px; margin-bottom: 10px;}
.tap-menu li{position: relative;line-height: 1.5;font-family: 'Pretendard-Regular';}
.tap-menu li a::after{position: absolute; width: 100%; height: 1px; background-color: #818181; bottom: 0; content: ""; left: 0; transform: scaleX(0); transition: 0.6s;}
.tap-menu li.on a::after{transform: scaleX(1);}
.tap-menu li:hover a::after{transform: scaleX(1);}
.tap-menu .tihs{font-weight:bold;}
.tap-menu li a{font-size: 14px;color: #818181;position: relative;}
.side-txt{position: absolute;top: 32%;left: -59px;transform: rotate(-90deg);color: #818181;}
.side-txt{font-size: 13px;vertical-align: middle;}
.side-txt .line{height: 1px;width: 95px;background-color: #b8b8b8;top: 0.8em;left: calc(100% + 10px);display: block;position: absolute;}
.side-txt{top: 144px;} .sp_memu .side-txt p {margin-top:-6px;}
.sub-menusp{padding-top:20px;}



.room-img {position:absolute;right:0;width: 399px; opacity:0.75;}
.room-img .img1 {bottom:-250px;z-index:10;margin-top:45%;}
.room-img .img2 { right:0; bottom:0; }
.room-img span {left:0;bottom:-300px;z-index:20;display:block;width:25px;height:25px;border-radius:100%;background:#91d47c;}


#rpv #contents > ul {width: 1550px;margin: 0 auto 20%;}
#rpv #contents > ul > li {position:relative;overflow:hidden;margin: 4% auto 5%;border-bottom:1px solid #eaeaea;}
#rpv #contents > ul > li.last_lst {border-bottom:none;}
#rpv #contents > ul > li .room_pre {width: 525px;float:left;position: absolute;top: 0;/* height:415px; */padding: 220px 20px;padding-left: 35px;border: 5px solid #dadada; border-radius:10px;}
#rpv #contents > ul > li .room_pre .ttl {font-size:32px;color: #757575;margin-bottom: 45px;font-weight:normal;letter-spacing: 3px;font-family: 'ImcreSoojin';background:linear-gradient(357deg, #b7d8f2 50%, transparent 31%);}
#rpv #contents > ul > li .room_pre .ttl span {font-size:18px; margin-left:10px; font-family: 'Didact Gothic', sans-serif; letter-spacing: 0.6px; }
#rpv #contents > ul > li .room_pre ul { font-family:'Montserrat', 'Nanum Gothic',  sans-serif;}
#rpv #contents > ul > li .room_pre ul li {line-height:1.8em;font-size:14px;color:#34383d;opacity:0.75;}
#rpv #contents > ul > li .room_pre p {font-size: 15px;color:#979797;padding-bottom: 10px;margin-bottom: 0;border-bottom:1px solid #cccdce;margin-top: 18px;font-family: 'Arita-dotum-Medium';}
#rpv #contents > ul > li .room_pre p span {display:block;color: #f08383;display:block;margin-bottom:5px;font-size: 17px;font-family: 'Arita-dotum-Medium';}
#rpv #contents > ul > li .room_pre > a {display:block;text-align:center;padding:10px 0;margin-top: 35px;width:235px;  border:1px solid #85a7c1; background:#85a7c1; color:#fff; border-radius: 40px;color:fff;transition:all 0.3s;}
#rpv #contents > ul > li .room_pre > a:hover {background: #fff;color:#252525; border:1px solid #85a7c1;}

#rpv #contents > ul > li .img_box {width: 995px;height:900px;float:right;}
#rpv #contents > ul > li .img_box > ul {width:100%;height:100%;}
#rpv #contents > ul > li .img_box > ul > li > ul {width:100%;height: 99%;overflow:hidden;}
#rpv #contents > ul > li .img_box > ul > li > ul li a {display:block;width:100%;height:100%;position:relative;}

#rpv #contents > ul > li .img_box > ul > li.top {height: 45%;margin-bottom: 0; margin-top:20px;}
#rpv #contents > ul > li .img_box > ul > li.top > ul li.left {float:left;width: 55%;margin-right:1%;height: 100%;}
#rpv #contents > ul > li .img_box > ul > li.top > ul li.left img {height:100%;}
#rpv #contents > ul > li .img_box > ul > li.top > ul li {float:right;margin-bottom: 3%;width: 44%;height: 57%;}

#rpv #contents > ul > li .img_box > ul > li.bottom {height:45%;width:100%;}
#rpv #contents > ul > li .img_box > ul > li.bottom > ul {width:100%;height:100%;overflow:hidden;}
#rpv #contents > ul > li .img_box > ul > li.bottom > ul li {float:left;height:100%; width:100%;}


/*room*/
.cam_info01 .tit{text-align: center; margin: 45px auto 60px;}
.cam_info01 .tit .lcon{font-size:25px;margin-bottom: 22px;color: #fbc23e;} 
.cam_info01 .tit h3{font-size: 30px;font-weight: 300;margin-bottom: 15px;font-family: 'ImcreSoojin';color: #fbc23e;letter-spacing: 2px;}
.cam_info01 .tit h2{font-size: 16px;font-weight: 400;font-family: 'Arita-dotum-Medium';color: #6c7498;}
.cam_info01 .tit .check{padding: 0 33px;display: inline-block;background-color: #92afbf;border-radius: 50px;line-height: 45px;color: white;margin-top: 30px;}
.cam_info01 .tit .check span{font-size: 15px;margin: 15px;}
.cam_info01 .tit .check span b{margin-right: 15px;}

.info_subcom{width: 1500px; margin: 0 auto 5%;}
.info_subtxt{margin: 0 auto; border-bottom: 1px solid #d1d1d1 ; text-align: center;}
.info_subtxt p{line-height: 100px;font-size: 12px;letter-spacing: 1px;text-align:left;font-family: 'Pretendard-Regular';}
.info_subtxt span{height: 35px; display: inline-block; line-height: 100px; font-weight: 500;}
.info_subtxt span:first-child::after{width: 1px; height: 100%; background-color: #b2b2b2; content: ""; display: inline-block; margin:0  30px; position: relative; top: 13px;}

.sub_infoimg03 {background-image: url(/web/img/room/bg_03_1.jpg);}
.sub_infoimg03_1 {background-image: url(/web/img/room/bg_03_2.jpg);}
.sub_infoimg03_2 {background-image: url(/web/img/room/bg_03_3.jpg);}
.sub_infoimg03_3 {background-image: url(/web/img/room/bg_03_4.jpg);}
.sub_infoimg03_4 {background-image: url(/web/img/room/bg_03_5.jpg);}
.sub_infoimg03_5 {background-image: url(/web/img/room/bg_03_6.jpg);}
.sub_infoimg03_6 {background-image: url(/web/img/room/bg_03_7.jpg);}
.sub_infoimg03_7 {background-image: url(/web/img/room/bg_03_8.jpg);}
.sub_infoimg03_8 {background-image: url(/web/img/room/bg_03_9.jpg);}


/* 0----- */

.room_subimg{padding-top: 100px;}
.room_subimg .txt{margin-bottom: 55px;}
.room_subimg .txt h3{font-size: 19px;color: #f08383;font-weight: 600;margin-bottom:15px;font-family: 'Arita-dotum-Medium';letter-spacing:20px;}
.room_subimg .txt h2{font-size: 50px;margin-bottom: 20px;font-weight: 500;color: #fbc23e;letter-spacing: 3px;font-family: 'ImcreSoojin';}
.room_subimg .txt p{font-size: 17px;color: #646464;letter-spacing: -0.05em;opacity:0.8;font-family: 'Pretendard-Regular';line-height: 1.5;}
.room_subimg .img img{background-size: cover;background-repeat: no-repeat;background-position: center;overflow: hidden;width: 100%;border-radius: 20px;}

.room_boxinfo{margin-top: 60px;}
.box-sub{max-width: 1350px;margin: 49px auto;}
.room_boxinfo p{font-size: 15px;color: #6b6b6b;margin-bottom: 12px;line-height: 1.2;font-family: 'Pretendard-Regular';}
.room_boxinfo div{margin-top: 25px;}
.room_boxinfo strong{font-size: 16px;line-height: 0;font-weight: 500;}
.room_boxinfo ul{margin: 30px 0 150px;}
.room_boxinfo li{float: left; list-style: none; margin-right: 40px;}
.room_boxinfo a{color: white;background-color: #a7a09d;display: block;height: 40px;width: 280px;line-height: 40px;text-align: center; transition:0.5s;}
.room_boxinfo a:hover {background:#515151; transition:0.5s;}
.info_suroon h3 {margin-top: 30px;border-bottom: 1px solid #f08383;font-weight: bold;}
.info_suroon h3:first-child { margin-top:0; }
.info_suroon h3 span {display:block;width: 200px;padding: 0 10px 10px 16px;font-family: 'Montserrat';color: #f08383;border-bottom: 1px solid #f08383;}
.box-roombg {background: #fff8e9;padding: 20px 0 20px;margin-bottom: 30px;}

.box-sub span {font-weight: 600;margin-right: 20px;letter-spacing: 2px;}

.roomend {margin:8% auto 7.5%;}
.roomend_img {display: flex; align-items: flex-end; position: relative;}
.roomend_img01 {width: calc(100% / 3 * 2 + 20px);}
.roomend_img01 img {width: 100%;object-fit: cover;height: 535px;box-shadow: -20px 16px 0 #f2e8b0;border-radius: 10px;}
.roomend_img02 {width: calc(100% / 3); margin-left: 20px;}
.roomend_img02 img {width: 100%;object-fit: cover;border-radius: 10px;}
.roomend_img03 {display: flex; justify-content: space-between; margin-left: -10px; margin-right: -10px; margin-top:50px;}
.roomend_img03 img {width: calc(100% / 3 - 20px);margin: 20px 10px 0;object-fit: cover;height:285px;border-radius: 10px;}

.roomend_txt {position: absolute; right: 0; top: 0; text-align: right; padding-top: 20px;}
.roomend_txt h3 {font-size: 19px;font-weight:400;margin-bottom:16px;color:#745233;font-family: 'Ubuntu', sans-serif;opacity: 0.6;}
.roomend_txt p {font-size:14px;color:#999;font-family: 'Pretendard-Regular';}



/*point*/
.sub_infoimg04 {background-image: url(/web/img/point/bg_04.jpg);}
.special-view-wrap{ clear:both;  margin:0 auto; margin-top:0%; max-width:85%;}

.point_txt {margin-bottom: 3%;font-size:1em;font-weight:400;text-align:center;}
.point_txt h1 {font-size: 21px;line-height: 1.8em;letter-spacing:0.15em;width: 250px;color: #fff;border-radius: 25px;left: 0;right: 0;padding-top: 5px;font-family: 'Baloo Tamma 2', cursive;margin: 0 auto 1%;}
.point_txt .line {content:"";display:block;width: 30px;height:2px;margin: 1.5em auto; }
.point_txt h3 {font-size: 2em;line-height:1.2em;text-transform:uppercase;letter-spacing:0.2em;padding-left:0.2em;font-family: 'ImcreSoojin';font-weight: 100;}

.point_txt .color01 {background:#acca62;} .point_txt .color01_1{ color:#acca62;}
.point_txt .color02 {background: #fee176;} .point_txt .color02_1{color: #fee176;}
.point_txt .color03 {background: #f89d5b;} .point_txt .color03_1{color: #f89d5b;}
.point_txt .color04 {background: #ff7c8d;} .point_txt .color04_1{color: #ff7c8d;}
.point_txt .color05 {background: #3e8edc;} .point_txt .color05_1{color: #3e8edc;}

.sp-txt-wrap{margin-top:6%;}
.sp-txt-wrap::after{content: "";display: table;clear: both;margin-bottom: 10%;}
.sp-txt-wrap img{display: block;float: left;width: 50%; border-radius:10px;}
.sp-txt-wrap .txt{float: left;margin-top: 30px;width: 46%;text-align: left;padding: 30px 0 30px 15px;border: 5px solid #ccc;border-left: none;border-right: none;margin-left: 50px;left: 0;} 
.sp-txt-wrap .txt h1 {font-size: 33px;text-transform:uppercase; line-height: 40px;font-family: 'Baloo Tamma 2', cursive;opacity: 0.5;font-weight: bold;}
.sp-txt-wrap .txt img {width: 12%;position: absolute;right: 40%;top: 56px;}
.sp-txt-wrap .txt h1 span { display:block;}
.sp-txt-wrap .txt h5 {font-weight:bold; letter-spacing: 3px;margin: 15px 0;}
.sp-txt-wrap .txt p{font-size: 15px;color: #777777;margin-top: 15px;line-height: 1.6;font-family: 'Pretendard-Regular';}

.sp-txt-wrap .txt .color01_sub{color:#9dcf22;} .sp-txt-wrap .txt .color01_sub01{color:#536e0e;} .sp-txt-wrap .txt .color01_sub02{color:#9dcf22;} 
.sp-txt-wrap .txt .color02_sub{color:#fee176;} .sp-txt-wrap .txt .color02_sub01{color:#d8b63a;} .sp-txt-wrap .txt .color02_sub02{color: #fee176;} 
.sp-txt-wrap .txt .color03_sub{color:#ffa161;} .sp-txt-wrap .txt .color03_sub01{color:#ce5a0a;} .sp-txt-wrap .txt .color03_sub02{color:#ffa161;} 
.sp-txt-wrap .txt .color04_sub{color:#ff4d65;} .sp-txt-wrap .txt .color04_sub01{color:#dc0926;} .sp-txt-wrap .txt .color04_sub02{color:#ff4d65;} 
.sp-txt-wrap .txt .color05_sub{color:#61b6ff;} .sp-txt-wrap .txt .color05_sub01{color:#0065e3;} .sp-txt-wrap .txt .color05_sub02{color: #0065e3;;} 

.point_sub{width: 100%;height: auto;padding: 70px 200px;overflow: hidden;position: relative;background-color: #f6f6f6; margin-bottom:6%;}
.point_sub ul{   position: relative;    left: 15px;}
.point_sub li{padding-right: 30px;box-sizing: border-box;}
.point_sub li figure{width: 100%;height: 200px;display: table;position: relative;background-color: #fff;overflow: hidden;box-shadow: 4px 6px 16px 2px #c8c8c8;}
.point_sub .box{display: table-cell;vertical-align: middle;height: 210px;position: relative;z-index: 1;text-align: center;}
.point_sub .box i{font-size: 40px;  transition: .3s;}
.point_sub .box h5{font-size: 20px;margin-bottom: 10px;color: #fbc23e;font-family: 'Baloo Tamma 2', cursive;}
.point_sub .box .incon{ width:15%; margin-bottom: 15px;}
.point_sub .box p{font-size: 21px;font-family: 'ImcreSoojin';font-weight: 100;}

.sub_box-point {width: 19%;display: inline-block;}



/*tour*/
.sub_infoimg05 {background-image: url(/web/img/sea/bg_05.jpg);}

.sub_endinfo{text-align: center;padding-top: 50px;}
.sub_endinfo h3{color: #867e78;font-size: 21.5px;font-weight: 100;font-family: 'Ubuntu', sans-serif;margin-bottom: 15px;}
.sub_endinfo h2{font-size: 30px;font-weight: 400;font-family: 'RIDIBatang';}
.sub_endinfo p{font-size: 16px;margin-top: 14px;font-family: 'Pretendard-Regular';}

.tourArea > ul:after {content:""; display:block; clear:both;}
.tourArea > ul > li { float:left; width:48%; margin:0 1%;}
.tourArea > ul > li:nth-child(2n):after { content:""; display:block; clear:both; padding:6% 0;}
.tourArea02 li:nth-child(2n) .lSSlideOuter .lSAction { left:0;}
.tourArea02 li:nth-child(2n) .tour_text02 {text-align:right;padding: 5% 5% 0 0%;}
.tourArea02 li:nth-child(2n) .lSSlideOuter { float:right;}

.tour_text02 .tour_img-car{width: 100%;/* margin-top: 60px; */opacity:0.5;}

.tour_slider .lSSlideOuter { position:relative; margin-bottom:10px}
.tour_slider .lSPager.lSpg { position:relative; width:100%; margin:5px 0 !important; left:0;}
.tour_slider .lSPager.lSpg li { display:inline !important; }
.tour_slider .lSSlideOuter .lSPager.lSpg > li a, .tour_slider .lSSlideOuter .lSPager.lSpg > li.active a 
{ display:inline-block; width:8px; height:8px; margin:0; border-radius:100% !important; background:#cbcbcb; border:1px solid #fff;  font-size:0; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.tour_slider .lSSlideOuter .lSPager.lSpg > li a:hover, .tour_slider .lSSlideOuter .lSPager.lSpg > li a:focus, .tour_slider .lSSlideOuter .lSPager.lSpg > li.active a { background:#000;}


.tourArea02 { margin:-70px auto 0; }
.tourArea02 > ul:after {content:""; display:block; clear:both;}
.tourArea02 > ul > li:after { content:""; display:block; clear:both;}
.tourArea02 > ul > li{ padding-top:70px; margin-top:-70px; margin-bottom:80px;} .tourArea02 > ul > li img {width:100%;}
.tourArea02 li .lSSlideOuter { position:relative; float:left; width:60%;margin-bottom:0; z-index:1;}
.tour_text02 {position:relative;float:left;width:40%;padding: 5% 0 0 3%;z-index:2;}
.tour_text02 span {font-size: 16px;border: 1px solid #a8a8a8;border-left: none;border-right: none;padding: 9px 35px;font-family: 'Arita-dotum-Medium';}
.tour_text02 dt {line-height:1.2em;color: #6c7498;font-size: 27px;margin: 0 auto 1em;font-family: 'Arita-dotum-Medium';letter-spacing: 0.05em;font-weight: bold;}

.tour_text02 dt small{display:block;font-size: 15px;line-height: 3;color: #fbc23e;font-family: 'Baloo Tamma 2', cursive;font-weight: 500;}
.tour_text02 dt span { f font-size:0.6em; text-transform:uppercase; font-weight:700; }
.tour_text02 dd {font-size: 14px;line-height: 2;color: #888;word-break:keep-all;margin: 40px auto;font-family: 'Pretendard-Regular';}
.tour_text02 a {border: 1px solid #707070;border-radius: 40px;padding: 5px 50px;color: #707070;margin-top: 24px; transition:0.8s;}
.tour_text02 a:hover { background:#a7a09d; border:1px solid #a7a09d; transition:0.8s; color:#fff;}


/*rev*/
.sub_infoimg06 {background-image: url(/web/img/sea/bg_02.jpg);}

#rev_ht {max-width:80%; margin:auto;}
#rev_ht tbody{text-align:center;}
#rev_ht table{   border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; width:100%; margin-top:20px;}
#rev_ht table tr th{ background:#efefef; color:#000;}
#rev_ht table th, #rev_ht table td{padding: 10px 5px; word-break: keep-all; font-size:13px;}
.content.room #rev_ht table{  min-width: 100%;}
#rev_ht table td{ border-top: 1px solid #c1c1c1; color:#838383;}
#rev_ht table tr:hover{ background:#f4f4f4;}
#rev_ht div p {font-size:15px; margin-top:15px;}

.rev-info-01 .txt { text-align:center; width:100%; padding-top:45px; color:#777877;}
.rev-info-01 .txt h1 strong{ line-height:4; display:block; font-size:15px; font-weight:600 !important; }
.rev-info-01 .txt h1 span{ font-size:35px; font-family: 'Muli', sans-serif;}
.rev-info-01 .txt ul li { line-height:1.7; color:#545454; font-size:15.5px;}
.rev-info-01 .basic-list {margin-top:30px;}
.reserve-info-01 { max-width:1530px; overflow:hidden; margin:0 auto; margin-top:130px; padding:0 10px; }
.reserve-info-01 .img {float:left;width: 48%;}
.reserve-info-01 .img img { border-radius:15px;}
.reserve-info-01 .txt { float:left; width:50%; padding-top:30px; }
.reserve-info-01 h1 {margin-bottom:15px;vertical-align: middle;background: linear-gradient(0deg, #fff3b4 50%, transparent 31%);/* text-align: center; *//* border-radius: 40px; */width: 50%;padding: 0 0 13px 15px;font-family: 'Arita-dotum-Medium';color: #5d7aa3;}
.reserve-info-01 h1 * { display:inline-block; vertical-align:baseline; }
.reserve-info-01 h1 strong {font-weight:bold;text-transform: uppercase;}
.reserve-info-01 h1 span {margin-left:10px;padding-left:10px;border-left: 3px solid;font-size: 19px;/* color: #252252; */vertical-align: middle;font-weight: 600;vertical-align: baseline;}
.reserve-info-01 .txt dt {display:inline-block;width:100px;font-size: 17px;color: #f08383; font-weight: bold;font-family: 'Arita-dotum-Medium';}
.reserve-info-01 .txt dd {display:inline-block;font-size: 18px;color: #252525;font-family: 'Arita-dotum-Medium';}
.reserve-info-01 .txt dd span { font-size:14px; }
.reserve-info-01 .txt .m-top-1 {margin-top:30px;line-height: 2;font-family: 'Arita-dotum-Medium';}
.reserve-info-01 .txt .m-top-2 {margin-top:50px;font-family: 'Arita-dotum-Medium';letter-spacing: -0.2px;}
.reserve-info-01 .txt .dash-list p{font-size:15px;line-height: 1.8;} 

.reserCon02, .reserCon03 {max-width:1370px;margin:5% auto 5%;}
.rev-info-02 {max-width: 79%; margin: 4% auto;}
.rev-info-02 .img {margin-bottom:25px;}
.rev-info-02 h1 {margin-bottom:15px;vertical-align: middle;background: linear-gradient(0deg, #fff3b4 50%, transparent 31%);/* border-radius: 10px; */padding: 0 0 10px 15px;/* text-align: center; */width: 50%;font-family: 'Arita-dotum-Medium';color: #5d7aa3;}
.rev-info-02 h1 * { display:inline-block; vertical-align:baseline; }
.rev-info-02 h1 strong {/* font-size: 28px; */font-weight:bold;text-transform: uppercase;}
.rev-info-02 h1 span {margin-left:10px;padding-left:10px;border-left: 3px solid;font-size: 19px;font-weight: 600;vertical-align: initial;}
.rev-info-02 .info ul b {font-size: 17px;font-weight:bold;}
.rev-info-02 .info ul {margin-bottom: 66px;color:#545454;font-size: 15px;line-height: 1.9;font-family: 'Arita-dotum-Medium';letter-spacing: -0.2px;}
.rev-info-02 .info ul li span{color:#c83d3d;}
.rev-info-02 .img img {width:100%;border-radius: 15px;}
.rev-info-02 .information {float:left;width: 48%;} .rev-info-02 .price {float:right;width: 48%;} .rev-info-02 .refund{width:100%; display:inline-block;}


.refun_info { border: 1px solid #ccc; width: 100%;    text-align: center; line-height: 1.5rem; margin-top:2%;}
.refun_info tr { border: 1px solid #ccc; }
.refun_info th { border: 1px solid #ccc; background-color: #eee; }
.refun_info tr td {border: 1px solid #ccc; }
.refun_info td { border: 1px solid #ccc; }
	

table { border-collapse: collapse; border-spacing: 0;}
td, th {padding: 0;}


/*mpa*/
.map_info .text-section{padding-top: 80px;}
.map_info .text-section::after{content: ""; display: table; clear: both;}
.map_info .info-tit{float: left; padding-top:45px;}
.map_info .info-tit h3{font-size: 45px;letter-spacing:5px;color: #fbca59;font-weight: 900;font-family: 'Baloo Tamma 2', cursive;}
.map_info .info-tit p{font-size: 22px;font-weight: 300;margin: 25px auto 45px;font-family: 'Arita-dotum-Medium';}

.map_info .info-tit a {border:1px solid #b5b5b5; color:#777777;  background:#fff; padding:10px 25px; border-radius:45px;  transition:0.4s;}
.map_info .info-tit a:hover {border: 1px solid #a7a09d;color:#fff;background: #a7a09d;transition:0.4s;}


.map_info .info-txt{width: calc(50% + 250px); float: right;}
.map_info .info-txt p span {font-size: 21px;line-height:3;font-family: 'Arita-dotum-Medium';color: #45589c;}
.map_info .info-txt p.nav{padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px solid #cccccc;line-height:2;font-family: 'Pretendard-Regular';}




/*스크롤 이펙트*/
.scroll-box{overflow: hidden;}
.scroll-tit{transform: translateY(1.5em); transition: 1.5s; transition-timing-function: ease-out;}
.scroll-tit.on{transform: translateY(0);}

.scroll-txt{transform: translateY(50px); opacity: 0; transition: 1.5s;}
.scroll-txt.on{transform: translateY(0); opacity: 1;}


.scroll-obj{transform: translateY(100px); transition: 1.5s; opacity: 0;}
.scroll-obj.on{transform: translateY(0px); opacity: 1;}
.animateme { transition:1.2s; }
.non-slide .page-wrap{display: none;}
.m-eng-sub{display: none;}



/*반응형*/

@media all and (max-width: 1680px){
.top-bg .tit{padding-top:150px;}
.sub_infoimg{height:350px;} .end_sub02_txt{margin-top:30px;}
.end_sub02_left{width:50%;} .end_sub02_01 img, .end_sub02_01_1 img{width:100%;}

#rpv #contents > ul{width:1450px;} #rpv #contents > ul > li .img_box{width:880px;}
.info_subcom{width:1400px;}

.reserve-info-01, .rev-info-02{max-width:1400px;} .reserve-info-01 .img img{width:95%;}

} 

@media all and (max-width: 1600px){
.top-bg .tit{padding-top:130px;}
.main_vido{margin-bottom:85px;} .bak{height:800px;}

.width-max{max-width:1400px;}  .spr_prevList .list_wrap{max-width:1400px;}
.mainroom .tit h1{font-size:3em;} .mainroom .tit p{font-size:15px;}
.spr_prevList .list_wrap .loader{background-size:cover; left:520px; height:475px;}
.spr_prev_wrap .spr_prevList:nth-child(even) .list_wrap .loader{right:525px;}
.spr_prevList .list_wrap .content{width:430px;}
.spr_prevList .list_wrap .content .eng{font-size:35px;} .spr_prevList .list_wrap .content .txt{font-size:15px;}
#spr_prevList1::after{top:27%;} #spr_prevList2::after{top:35%;}

.info_subcom, .box-sub{width:1340px;} #rpv #contents > ul{width:1340px;}
#rpv #contents > ul > li .room_pre{width:440px;} #rpv #contents > ul > li .room_pre p{font-size:14px;}
.reserve-info-01, .rev-info-02{max-width:1340px;}
.reserve-info-01 .txt .m-top-2{font-size:15px;}

.point_sub .box .incon{width:20%; margin-bottom:10px;}
 
}

@media all and (max-width: 1440px){
.top-bg .tit{padding-top:100px;}

.width-max{max-width:1300px;}
.mainroom .tit h1{margin-top:80px;} .mainroom{padding:30px 0 40px;}

.sub_infoimg{height:300px;}
#about_sub {max-width:1200px;}
.end_sub02_txt img{width:85px;} .end_sub02_txt h2{font-size:35px;} .end_sub02_txt h3{font-size:20px;}

#rpv #contents > ul{width:1200px;}
#rpv #contents > ul > li .img_box{width:750px;}
#rpv #contents > ul > li .img_box > ul > li.top > ul li{height:48%;}

.info_subcom, .box-sub{width:1200px;} .room-img{width:330px;} .room_subimg{padding-top:60px;}

.point_sub{padding:70px 160px;} .sp-txt-wrap .txt{width:45%;}
.sp-txt-wrap .txt h1{font-size:28px; line-height:35px;} .sp-txt-wrap .txt p{font-size:14px;}

.tour_text02{padding:3% 0 0 3%;} .tour_text02 dt{margin: 0 auto 0.5em;} .tour_text02 dd{margin:25px auto; font-size:13px;} .tour_text02 span{font-size:14px;}
.reserve-info-01, .rev-info-02{ max-width:1200px;}
.rev-info-02 .info ul{font-size:14px;} .reserve-info-01 .txt .m-top-2{margin-top:30px; font-size:14px;}
} 


@media all and (max-width: 1366px){
.top-bg .tit{padding-top:65px;} .sub_infoimg{height:275px;}

.main-inner{padding-top:205px;} .main-inner .tit h2{font-size:30px;}
.main-inner .tit p{font-size:15px; margin-top:20px;} .main-inner .tit a{padding:7px 75px;}

.bak{height:650px;} .bak .txt h2{font-size:1.5em;} .bak .txt p{font-size:17px;}

.width-max{max-width:1250px;} .con2_img01{width:57%;} .sub_img-tit__txt{width:39%;}
.sub_img-tit__txt img{padding-left:240px; margin-top:-80px;}
.spr_prevList .list_wrap{max-width:1250px;}

.spr_prevList .list_wrap .content .eng{font-size:28px;} .spr_prevList .list_wrap .content .name{font-size:25px;}
.spr_prevList .list_wrap .loader{left:485px; height:405px;} #spr_prevList1::after{top:10%;}
.spr_prev_wrap .spr_prevList:nth-child(even) .list_wrap .loader{right:490px;} #spr_prevList2::after{top:20%;}

.end_sub01_txt{padding-top:2%;} .end_sub01_txt span{line-height:1.2;}

.aboutit_txt strong{font-size:35px;} .aboutit_txt p{font-size:14px;} .aboutit_txt span{font-size:18px;}

.box-board{max-width:1200px !important;} .root_daum_roughmap{width:100% !important;}

.cam_info01 .tit{margin:25px auto 35px;} .cam_info01 .tit h3{font-size:22px;} .cam_info01 .tit .lcon{margin-bottom:12px;} .cam_info01 .tit h2{font-size:14px;}
.info_subcom, .box-sub{width:1100px;}
.info_subtxt p, .info_subtxt span{ line-height:75px;} 
.room_subimg .txt h2{font-size:40px;} .room_subimg .txt h3{letter-spacing:12px;} .flag_img{width:14%;}

#rpv #contents > ul{width:1100px;}
#rpv #contents > ul > li .img_box{width:670px; height:760px;} #rpv #contents > ul > li .room_pre{width:415px} #rpv #contents > ul > li .img_box > ul > li.top > ul li.left{height:88%; width:60%;}
#rpv #contents > ul > li .img_box > ul > li.top > ul li{height:35%; margin-bottom:5%; width:39%;}
#rpv #contents > ul > li .room_pre{padding:133px 20px;}
.tap-menu li{font-size:11px; line-height:2;}
 
.sp-txt-wrap .txt{padding:15px 0 15px 15px;} .sp-txt-wrap .txt h5{margin:5px 0;} .sp-txt-wrap .txt p{font-size:13px;}
.tour_text02{ padding:3% 0 0 2%;} .tourArea02 li:nth-child(2n) .tour_text02{padding:3% 2% 0 0 ;}
} 

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


}

@media all and (max-width: 1280px){ 
.width-max{max-width:1100px;} .sub_infoimg{height:240px;}
.mainroom .tit h1{font-size:2.5em; margin:125px 0 15px;} .mainroom .tit p{font-size:14px;}
.cam_title{width:30%;} 
#about_sub{max-width:1100px;}
#rev_submenu{display:none;}

}


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

}


/* 작은 pc 및 모바일 */

@media all and (max-width: 1025px){
.sub_infoimg{height:275px; margin-top:0%;}

tourArea02 li .lSSlideOuter, .tour_text02, .tourArea02 li .lSSlideOuter, .tourArea02 li:nth-child(2n) .tour_text02{width:100%; text-align:center;}
.tour_text02{ padding-top:25px; padding-left:0;} .tourArea02 li:nth-child(2n) .tour_text02{ padding-right:0;}

#about_sub{max-width:95%;}
.end_sub02_txt{width:33%; margin-top:10px;}
 
/*.con1.full-view, .con1.full-view .slide{height:60vh !important;}*/ .page{margin-top:15.5%;}
.con1 .tit h3{display:none;}
.info_subcom{max-width:95%;}	 .inner-con{ width:100%;}
.main-inner{padding-top:130px;} 
.bak{height:570px;} .width-max{max-width:95%;}
.sub_img-tit__txt img{padding-left:260px; width:100%;} .sub_img-tit__txt h2{margin-bottom:15px;}
.mainroom .tit h1{margin:45px 0 15px;}
.mainroom .slide-btn img {width:80px;} 
.cam_title{width:40%;} .about_subend{max-width:95% !important;}
.end_sub01_txt p{font-size:14px;}

#rpv #contents > ul > li{margin-top:20%;}
#rpv #contents > ul{max-width:95%; width:100%;}
#rpv #contents > ul > li .room_pre{width:100%; position:relative; padding:70px 20px;}
#rpv #contents > ul > li .room_pre .ttl{background:linear-gradient(0deg, #b7d8f2 50%, transparent 31%);}
#rpv #contents > ul > li .img_box{width:100%; margin-top:15px; height:auto;} #rpv #contents > ul > li .img_box > ul > li.top > ul li{margin-bottom:0;}
#rpv #contents > ul > li .img_box > ul > li.top > ul li.left{width:100%;} #rpv #contents > ul > li .img_box > ul > li.top > ul li{width:50%;}
#rpv #contents > ul > li .img_box > ul > li.top{margin-top:0;}
#rpv #contents > ul > li .img_box > ul > li.bottom{height:auto;}

.point_sub{ padding:50px 0;} .point_sub .tit{padding-top:60px;} .point_sub .tit .txt02{width:52%;}
.sub_box-point{width:49%;} .point_sub li{padding-right:0px; padding:10px;}
.point_sub ul{max-width:70%; left:0; right:0; margin:auto;}
.sp-txt-wrap img{width:100%;} .sp-txt-wrap .txt{ width:100%; margin-left:0;} .sp-txt-wrap .txt img{right:5%;}
.sp-txt-wrap .txt h1 span{display:inline-block; padding-left:15px;}
.flag_img{opacity:1 !important;} .roomend_img01 img{height:425px;}


.room-info h5{float:none; padding-bottom:15px; padding-left:0;}
.roomlist .pre .slide{width:33%; height:45vw;}
.room_info .sub .txt h1{margin-bottom:50px;} .room_info .sub .txt{padding-top:20px;}
.info_subcom, .box-sub{max-width:95%; width:100%;}

.about_end01, .preview-tit01{max-width:95%; margin:auto;} .preview-tit01{max-width:100%;}
.box-board, .root_daum_roughmap_landing, .map_info .text-section{max-width:95% !important; margin: auto;}

#about_sub { padding: 60px 0px 0px; }

.map_info .info-txt{width: calc(50% + 110px)}

.top-bg{ height:70vh; margin-top:100px;} .top-bg .tit{padding-top:10%;}


.width-max{padding:0;} .sub_img-tit__txt span{font-size:25px;} .sub_img-tit__txt{padding-top:5%;}
#main_sp > .spinfo_main { max-width:85%; margin:auto;}

#price_tb{max-width:95% !important;}
.reserve-info-01, .rev-info-02{max-width:95%;}
.reserve-info-01 h1, .rev-info-02 h1{width:65%;}  .reserve-info-01 .txt{padding-top:0;}

}


@media all and (max-width: 800px){
.con1.full-view, .con1.full-view .slide{height:60vh !important;}
	
.top-bg{height:55vh;} .con1{padding-bottom:0;} .full-page{height:61vh;}
.main-inner{padding-top:0;}
.bak{background-attachment:inherit; height:450px;}
.sub_img-tit{display:block;} .con2_img01{width:100%;} .sub_img-tit__txt{width:100%;}
.sub_img-tit__txt img{padding-left:470px; width:100%; margin-top:-175px;}
.mainroom .tit{width:100%;} .mainroom .tit h1 span{display: inline-block; margin:0 5px;} .mainroom .slide-btn{margin:3% 0;}
.mainroom .con-slide{width:100%;} .car_sub{width:20%;} .mainroom .slide-btn img{width:100%;}
.mainroom .con-slide .slide .btn-cir{top:0; bottom:0;}

.spr_prevList .list_wrap{max-width:95%;} inline-block{width:400px;} .spr_prevList .list_wrap .content{width:100%; padding-top:405px; position:relative;}
.spr_prevList .list_wrap .content .name{font-size:24px;} .spr_prevList .list_wrap .content .txt{width:100%;}
.spr_prevList .list_wrap .loader{left:0px; box-shadow:none; height:375px;}
.spr_prevList .list_wrap .content .eng{font-size:28px;}
.spr_prev_wrap .spr_prevList:nth-child(even) .list_wrap .loader{right:0; top:-40px;} .spr_prev_wrap .spr_prevList{margin-bottom:70px;}
.spr_prev_wrap .spr_prevList:nth-child(even) .list_wrap .content{padding-top:374px;}
#spr_prevList1::after{left:0; height:204px; display:none;}  #spr_prevList1::after, #spr_prevList2::after{display:none;}
.spr_prev{margin:13% auto 0;} 

.cam_title{ width:55%;} .cam_room div{width:49.55%;}

.end_sub01{display:block;} .end_sub01_img, .end_sub01_txt{width:100%;} .about_end01, .preview-tit01{max-width:95%;}

.main-inner .tit h2{background-size:cover;}
.about_subend{max-width:100% !important;}
.end_sub02_txt{width:100%; margin-top:30px;}
.map_info .info-tit{padding-top:0;} .map_info .info-tit h3{font-size:30px;} .map_info .info-tit p{font-size:20px; margin-bottom:30px;} .map_info .info-tit{margin-bottom:40px;}

.room-img{width:190px;}
.roomend_img{display:block;} .roomend_img01{width:100%;} .roomend_img02{width:100%; margin-left:0; margin-top:35px;}
.roomend_txt{display:none;}
.roomend_img03{display:block;} .roomend_img03 img{width:100%; margin:25px 0; height:auto;} .roomend{margin-bottom:0;}

.point_sub ul{max-width:95%;}
.sp-txt-wrap .txt p{font-size:18px;} .sp-txt-wrap .txt{margin-top:50px;} .tour_text02 dd{font-size:18px;}

#rev_ht{max-width:95%;}  #rev_ht table th, #rev_ht table td{font-size:10px;} #rev_ht div p{font-size:12px;}
.reserve-info-01 .img, .reserve-info-01 .txt, .rev-info-02 .information, .rev-info-02 .price{width:100%;}
.reserve-info-01 .img img{width:100%;} .reserve-info-01 .txt{margin:35px 0;}
}


@media all and (max-width: 650px){
.top-bg{margin-top:70px;} 
.bak .txt p{font-size:14px;} .sub_img-tit__txt img{padding-left:320px;}
.mainroom .con-slide .slide{height:50vw;}

.spr_prevList .list_wrap .loader{height:210px;} .spr_prevList .list_wrap .content{padding-top:250px;} .spr_prev_wrap .spr_prevList:nth-child(even) .list_wrap .content{padding-top:210px;}
.spr_prevList .list_wrap .content .eng{font-size:24px;} .spr_prevList .list_wrap .content .name{ font-size:20px;} .spr_prevList .list_wrap .content .txt{font-size:13px;} .spr_prevList .list_wrap .content .txt p{font-size:14px;}

.cam_title{width:80%;} .cam_room div{width:100%;}

.sub_infoimg{height:170px; margin-top:14%;}
#about_sub .intro-tit h5{font-size:25px;} #about_sub .intro-tit p span{font-size:17px;} #about_sub .intro-tit p{font-size:13px; line-height:20px;}
.about_end01{padding-top:20px;} .end_sub02{margin-top:50px;}

.map_info .text-section{padding-top:55px;}
.map_info .info-tit{width:100%; margin-bottom:0;} .map_info .info-txt{width:100%;}
.map_info .info-txt p.nav, .map_info .info-txt p.nav{font-size:14px;}

.room_subimg .txt h2{font-size:30px;} .room_subimg .txt h3{ letter-spacing:5px;} .room_subimg .txt p{font-size:14px;}
.room-img{width:195px; padding:75px;}
.room_boxinfo p{font-size:14px; line-height:1.5;} .box-sub span{display:block;}
.roomend_img01 img{height:290px;} .roomend_img03{max-width:100%; margin:auto;}

.aboutit_txt strong{background-size:cover !important;}

.point_sub .box{height:180px;}
.point_txt h3{font-size:1.5em;} .point_txt h1{font-size:16px;} .sp-txt-wrap .txt p{font-size:14px;}
.tour_text02 dd{font-size:14px;}
.reserve-info-01 .txt dd{font-size:14px;} .reserve-info-01 .txt dt{font-size:15px;}
.dash-list{max-width:95%; margin: auto;}

.refun_info th, .refun_info tr td{font-size:10px;}
}

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

}

@media all and (max-width: 450px){
.con1.full-view, .con1.full-view .slide{height:45vh !important;}
	
.top-bg{height:45vh;} .full-page{height:50vh;}
.main-inner .tit h2{font-size:25px;} .main_vido{margin-bottom:55px;} .main_vido .tit{margin-bottom:65px;} .main-inner .tit p{ font-size:13px;}
.bak .txt h2{font-size:1.1em;}
.sub_img-tit__txt img{padding-left:290px;} .sub_img-tit__txt p{font-size:13px; line-height:22px;}
.mainroom .tit h1{margin:15px 0 15px;} .mainroom{margin:15% auto;}

.cam_title h2{font-size:25px; margin-top:15px;} .cam_title h3{font-size:15px; margin-top:0;}
.end_sub01{margin-bottom:10px;} .end_sub01_txt p{line-height:22px;}

#about_sub .intro-tit h5{font-size:20px; letter-spacing:5px;}
.end_sub02{display:block;} .end_sub02_left{width:100%;} .end_sub02_02{width:100%; margin-left:0;  margin-top:15px;} .end_sub02_02 img{position:relative;}
.main_map{margin-top:-3% !important;}  .root_daum_roughmap .wrap_map{height:400px !important;}

.aboutit_txt strong{font-size:30px; height:40px;}
.point_sub .box h5, .point_sub .box p{font-size:15px;} .point_sub li figure, .point_sub .box{ height:155px;}
.sp-txt-wrap .txt h1{font-size:23px;} .sp-txt-wrap .txt p{font-size:13px;}

.tour_text02 dd{font-size:13px;} .tour_text02 dt{ font-size:20px;} .tour_text02 dt small{font-size:13px;}
.reserve-info-01 .txt .m-top-2{font-size:13px; line-height:1.5;} .reserve-info-01 h1, .rev-info-02 h1{width:80%;} .rev-info-02 .info ul{font-size:13px; line-height:-0.4px;}

.aboutit_txt p{font-size:12px;}

}


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

}

@media all and (max-width: 380px){
.main-inner .tit p{font-size:12px;}
.main-inner .tit h2{font-size:20px;} .main-inner .tit a{padding:6px 50px 2px;}

#about_sub .intro-tit p{font-size:12px;} .room_boxinfo p{font-size:12px;}

.mainroom .con-slide .slide .btn-cir{width:100px; height:100px;} .mainroom .con-slide .slide .btn-cir h2{font-size:13px;} .mainroom .con-slide .slide .btn-cir h3{margin-top:25px;}
}

@media all and (max-width: 365px){
.end_sub02_txt h3{font-size:14px;} .end_sub02_txt p{font-size:13px;}
.reserve-info-01 .txt{font-size:13px;} .reserve-info-01 h1 span{font-size:12px;}
.reserve-info-01 .txt dt{font-size:12px; width:70px;} .reserve-info-01 .txt dd, .reserve-info-01 .txt dd span{font-size:11px;}
}

@media all and (max-width: 330px){
.top-bg .tit{padding-top:20%;}	 .mainroom .tit h1{font-size:1.5em;}
.spr_prevList .list_wrap .content .txt, .spr_prevList .list_wrap .content .txt p{font-size:12px;} .cam_title h3{font-size:13px;}

#about_sub .intro-tit p span{font-size:14px;} #about_sub .intro-tit p{font-size:10px;}

.room-img .img1{width:200%;} .room-img{width:167px;}
.point_txt h3{font-size:1.2em;}

.reserve-info-01 .txt .m-top-2{font-size:12px;}

}