.main-inner{max-width: 1620px; margin: 0 auto; position: relative;} .main_vido{margin-bottom: 25px; /*position: relative; */} .main_vido .tit{text-align: center; margin-bottom: 85px; padding-top: 65px;} .main_vido .tit h1 {font-family: 'Jeju Myeongjo', serif;font-size: 20px;color:#7a7a7a;font-weight: 100;letter-spacing: 0px;} .main_vido .tit .txt01 {margin-top: 20px;font-size: 23px;color: #446a8c;font-family: 'Jeju Myeongjo', serif;letter-spacing: -1px;font-weight: 500;} .main_vido .tit .txt02 {margin-top: 31px;line-height:2; font-size: 14px;color: #929292; font-family:'Pretendard-Light'; letter-spacing:-1px;} .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; } .sub_video{background: #f5f4f6;height: 650px;padding-top: 100px;} .main-wrap {max-width:1515px;min-height: 570px;margin: 8% auto 0px;padding:0 10px;} .main-wrap img{display:block;float:left;border-radius: 0px 400px 0px 0px;} .main-wrap .info {padding-top: 86px;max-width: 620px;background-size:100%;float: left;margin-left: 150px;text-align: left;} .main_txt_info .txt h3{font-weight: 300; color: #6d6d6d; font-size: 14px; font-family: 'Karla', sans-serif;} .main_txt_info .txt h2{font-size: 33px;font-weight: 400;color: #374e60;line-height: 1.2;margin-top: 23px;font-family: 'Jeju Myeongjo', serif;} .main_txt_info .txt .line{background-color: #b6b6b6; display: block; width: 65px; height: 1px; margin: 50px 0;} .main_txt_info .txt p{color: #9f9f9f;font-size: 15px;line-height: 1.8;font-family: 'Pretendard-Light';} .sub_img-wrap {display: flex; align-items: flex-end; position: relative; max-width:1515px; margin:auto;} .con2_img02 {width: 50%;} .con2_img02 img {width: 100%;object-fit: cover;/* height: 640px; */border-radius: 0 0px 0 50px;} .con2_img03 {width: 50%;margin-left: 20px;} .con2_img03 img {width: 100%;object-fit: cover;border-radius: 0 0px 50px 0;} .line-txt {position:absolute;top: 50%;right: 0%;display:block;width: 100px;font-size:10px;letter-spacing:1.5px;/* margin-top:18%; */} .line-txt:after { content:''; position:absolute; right:115%; top:50%; width:175px; height:1px; background:#333; } .line-txt { transform:rotate(90deg); transform-origin:0 0; } .main-list-wrap { position:relative; clear:both; max-width:1900px; margin:0 auto; padding-bottom:150px; text-align:center; } .main-list-wrap > h1 { font-family:'Lato'; } .main-list-wrap > h1 span {display:block;margin-top:125px;font-size:1.5em;color:#6d6d6d;font-weight:400;letter-spacing: -1.1px;font-family: 'Jeju Myeongjo', serif;} .main-list-wrap > h1 p { margin-top:25px; line-height:1.7; font-size:11px; color:#b6b6b6; font-weight:400; font-style:italic; font-family:'Pretendard-Regular';} .scroll-obj { opacity:0; } .scroll-obj.active { opacity:1; -webkit-animation:active-y 1s 1; -ms-animation:active-y 1s 1; animation:active-y 1s 1; transition: 0.4s ease; -webkit-transition: 0.4s ease;} @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 slide-effect { 0% { transform:scale(1); } 100% { transform:scale(1.1); } } @keyframes line-on { 0% { height:0; } 100% { height:180px; } } .anim-x.active { -webkit-animation:active-x 1.5s 1; -ms-animation:active-x 1.5s 1; animation:active-x 1.5s 1; } .anim-x-r.active { -webkit-animation:active-x-r 1.5s 1; -ms-animation:active-x-r 1.5s 1; animation:active-x-r 1.5s 1; } .mainsub_info > ul:after {content:""; display:block; clear:both;} .mainsub_info > ul > li { float:right; width:48%; margin:0 1%;} .mainsub_info > ul > li:nth-child(2n):after { content:""; display:block; clear:both; padding:6% 0;} .mainsub_slider .lSSlideOuter { position:relative; margin-bottom:10px} .mainsub_slider .lSPager.lSpg { position:relative; width:100%; margin:5px 0 !important; left:0;} .mainsub_slider .lSPager.lSpg li { display:inline !important; } .mainsub_slider .lSSlideOuter .lSPager.lSpg > li a, .mainsub_slider .lSSlideOuter .lSPager.lSpg > li.active a { display:inline-block; width:8px; height:8px; margin:0; border-radius:100% !important; background:#cbcbcb; border:1px solid #fff; font-size:0; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;} .mainsub_slider .lSSlideOuter .lSPager.lSpg > li a:hover, .mainsub_slider .lSSlideOuter .lSPager.lSpg > li a:focus, .mainsub_slider .lSSlideOuter .lSPager.lSpg > li.active a { background:#000;} .mainsub_info02 { margin:-70px auto 0; } .mainsub_info02 > ul:after {content:""; display:block; clear:both;} .mainsub_info02 > ul > li:after { content:""; display:block; clear:both;} /*.mainsub_info02 > ul > li{ padding:0 0 60px 0; }*/ .mainsub_info02 li .lSSlideOuter { position:relative; float:left; width:50%;margin-bottom:0; z-index:1;} .mainsub_info02 li:nth-child(2n) .lSSlideOuter { float:right;} .mainsub_text {position:relative;float:right;width:50%;padding: 3% 5% 0;z-index:2;line-height:1.3;text-align:center;} .name:before {position: relative;top: 11px;left:0;width: 40px;height: 4px;background: #7586a5;content:"";display:block;margin:auto;} .name {padding-top: 20px;color: #737373;font-weight:500;line-height: 0;font-size: 17px;letter-spacing: -0.5px;font-family: 'S-CoreDream-3Light';} .name small {display:block;padding-top:10px;color: #7586a5;font-weight:bold;font-size: 35px;letter-spacing:0;line-height: 2.5;font-weight:300;font-family: 'Jeju Myeongjo', serif;} .content {font-size: 14px;margin-top: 50px;color: #9c9c9c;border-left: none;border-right: none;line-height: 2;font-family: 'Pretendard-Light';} .btn_more {position: absolute;bottom: -30%;right: 0;left: 0;margin: auto;border-radius: 38px;text-align:center;width: 145px;line-height: 38px;border: 1px solid #666;font-size: 12px;color: #444;letter-spacing: 0.15em;text-transform: uppercase;transition: border 0.3s, background 0.3s, color 0.3s;font-family: 'Pretendard-Light';} .btn_more:hover {border: 1px solid #7586a5; background: #7586a5; color: #fff;} .mainsub_info02 .lSAction { position:absolute; width:97px; height:48px; right:0; bottom:0; z-index:5;} .mainsub_info02 li:nth-child(2n) .lSSlideOuter .lSAction { left:0;} .mainsub_info02 .lSAction a {display:block;width:48px;height:48px;color:#fff;text-align:center;font-size: 2.2em;font-weight: bold;line-height: 45px;opacity: 0.7;top:0;bottom: 0;margin:0;} .mainsub_info02 .lSAction>.lSPrev {left:0;background: #7586a5;} .mainsub_info02 .lSAction>.lSNext {right:0;background: #7586a5;} .mainsub_info_mo02{display:none;} /*메인서브 */ .sub-view .slide {height:400px;} .basic-slide-wrap { position:relative; z-index:99; overflow:visible; } .basic-slide { position:relative; overflow:visible; margin:0;} .basic-slide .slide { background-position:center center; background-repeat:no-repeat; background-size:cover; } .basic-slide .slide img { max-width:100%; } .slide-tit { position:absolute; left:10px; right:10px; top:45%; z-index:1500; color:#fff; transition:0.9s; text-align:center; } .slide-tit strong {display:block;line-height:1;font-size: 35px;font-family: 'Cafe24Oneprettynight';letter-spacing: 2px;font-weight: 600;} .slide-tit strong:after {position: relative; top:16px; left:0; width:60px; height:2px; background:#FFF; content:""; display:block; margin:auto;} .slide-tit p {margin-top:1.5%;letter-spacing:1px;font-weight: 600;font-family: 'Jeju Myeongjo', 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:30%; opacity:0;} 100%{top:45%; opacity:0.8;}} @-webkit-keyframes myani{0%{ top:30%; opacity:0;}100%{top:45%; opacity:0.8;}} @-moz-keyframes myani{0%{ top:30%; opacity:0;}100%{top:45%; opacity:0.8;}} .supmap { position:relative; margin:3.5em auto 0; font-size:1.1em; font-weight:600; text-align:center; color:#252525; } .supmap .title01 {display:block; font-family: 'Ubuntu', sans-serif; font-size:2.2em; line-height:1.2em; letter-spacing:-0.02em; margin-bottom:0.5em; } .supmap .title02 {display:block;font-size: 1.4em;line-height: 2.3em;margin-bottom: 10px;font-family: 'Jeju Myeongjo', serif;font-weight: 300;} .supmap .title03 {display:block;font-family: 'Pretendard-Light';font-size: 12px;line-height: 2em;color: #666666;font-weight:100;letter-spacing:0.05em;opacity:0.6;filter: alpha(opacity=60;);} .title_line:before { content:''; display:block; margin:15px auto; width:40px; height:2px; background:#a7a7a7; opacity:0.6;} /* 메인 끝*/ .main_end{width:1450px;margin: 0 auto;position: relative;padding-top: 127px;padding-bottom: 149px;} .main_end .tit{color: #828282;} .main_end .tit h2{font-family: 'Jeju Myeongjo', serif;font-size: 45px;font-weight: 400;margin: 80px 0 55px;} .main_end .tit h3{font-family: 'Jeju Myeongjo', serif;font-size: 18px;font-weight: 400;margin-bottom: 45px;line-height: 1.5;} .main_end .tit p{font-size: 14px;font-weight: 300;margin-bottom: 15px;line-height: 2;font-family: 'Pretendard-Light';} .main_end .img{position: absolute;top:70px;right: 0px;border-radius: 50px 0;overflow: hidden;width: 800px;/* height: 427px; */transition: 1.2s;} /*어바웃*/ .about_info .img-box::after{content: ""; display: table; clear: both;} .about_info .right{margin-top: 105px;} .about_info .right .img{/*width: 690px;*/ height: 850px;/* background-size: cover; */background-repeat: no-repeat;background-position: center;} /*.about_info{margin-bottom: 1050px;}*/ .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;} .about_txt{max-width:100%; margin:3% auto 2%; text-align:center;} .aboutit_txt {position:relative;padding: 70px 0 65px;text-align:center;line-height:1;} .aboutit_txt span {font-size: 12px;font-weight: 400;color: #a2a2a2;font-family: 'Jeju Myeongjo', serif;} .aboutit_txt strong {display:block;margin-top: 0.8%;font-size: 30px;font-family: 'Jeju Myeongjo', serif;color: #446a8c;letter-spacing: 2px;font-weight: 200;} .aboutit_txt p {margin-top:30px;line-height:1.6;font-size: 15px;font-family: 'IBMPlexSansKR-Regular';font-weight:400;letter-spacing: 1px;} .title_line02:before {content:'';display:block;margin:25px auto 0;width:1px;height: 50px;background:#a7a7a7;} .aboutinfo{max-width: 1500px;margin:auto;} .land01_01 { display:block; float:left; } .land01_02 {float:right;width: 45%;margin-top: 5%;} .about02 .conText dt { color:#445637;} .about02 .conText dd { color:#555;} .land02_01 {position:absolute; width:40.6%; left:-55%; bottom:10px;} .land02_02 {position:relative; width:40.6%; margin-left:52.8%;padding-bottom:10px;} .landCon03 { overflow:hidden;} .reserve-btn {display:inline-block;padding: 15px 40px;border:1px solid black;transition:300ms;font-size: 15px; margin-top:5%;} .reserve-btn:hover {color:white;background-color: #446a8c;border: 1px solid #446a8c;} .conText dt {font-size: 2em;text-transform:uppercase;line-height:0.95em;font-family: 'Jeju Myeongjo', serif;border-bottom: 2px solid #ccc;color:#515151;margin-bottom: 5%;padding-bottom: 25px;letter-spacing: 0;} .conText dt span {font-size: 15px;display: block;font-family: 'KCC-eunyoung';letter-spacing: 10px;color: #446a8c;opacity: 0.6;} .conText dd {font-size: 15px;line-height: 1.5em;color:#515151;margin:-2em 0 2em;} .preview-tit01 {max-width:1500px;margin: 4% auto 3%;position:relative;z-index:5;} .about_img-wrap { max-width:1500px; clear:both; margin:0 auto;margin-top: 0px;/* padding-top:80px; */} .about_img-wrap .img {overflow:hidden;margin: auto;} .about_img-wrap .img img {float:left;width: 38%;position:relative;z-index:10;margin-top: 260px;} .about_img-wrap .img img.second {float:right;position:relative;z-index:20;width: 60%;margin: 120px 0 0 -113px;} .aboutko{margin-top: 14px;text-align: left;line-height:1.5em;display:block;} .aboutko dt{padding-bottom:20px;border-bottom:1px solid #aaa;font-family: 'Jeju Myeongjo', serif;font-size: 2vw;font-weight: 500;line-height:0.6em;color: #7586a5;z-index:1;letter-spacing: -2px;} .aboutko dd{font-size: 14px;margin-top: 23px;font-family: 'IBMPlexSansKR-Regular';line-height: 1.5;} /* 오시는길¸ */ .main_map{text-align:center; margin-top:6%;} .main_map h5 {font-family: 'Jeju Myeongjo', serif;font-size: 26px;letter-spacing: 0;color: #5d5d5d;} .main_map .line {width: 60px; height: 1px ;margin: 30px auto 15px; background: #252525;} .main_map h6 {font-size: 15px;font-style: normal;color: #252525;letter-spacing: -0.03em;font-weight:500;line-height: 2;font-family: 'IBMPlexSansKR-Regular';} .main_map h6 small {font-weight:400;font-family: 'Pretendard-Light';font-size: 17px;} .box-board {position:relative;z-index:20;max-width:1280px;margin:0 auto 80px;margin-top:40px;} .box-board iframe { width:100%; } .map-item.type3{ margin-bottom: 0;} .map-item.type3 .map-title{width: 100%;float: none;font-family: 'Pretendard-Light';position: relative;border-bottom: 1px solid #e0e0e0;padding: 20px 0;font-size:14.5px;margin-bottom: 0;cursor: pointer;-webkit-transition:0.5s;-ms-transition:0.5s;transition:0.5s;} .map-item.type3 .map-title:hover{border-bottom:1px solid #797979; color:#000; -webkit-transition:0.5s; -ms-transition:0.5s; transition:0.5s;} .map-item.type3 .map-title .icon{ position: absolute; right: 10px; top: 30px;} .map-item.type3 .map-title.on i{ transform: rotate(180deg);-webkit-transform: rotate(180deg);} .map-item.type3 .mapinfo-txt{ width: 100%; float: none; display: none; margin: 30px auto;} .map-item.type3 .mapinfo-txt ul li {font-size:15px;/* font-family: 'Montserrat', 'Nanum Gothic', sans-serif; */line-height: 1.8;/* padding-bottom: 15px; */} .map_txt { position:absolute; margin-top:0em; font-size:1.1em; font-weight:400; color:#1b1b1b; right:20%;} .map_txt .title01 {display:block; font-size: 50px; font-weight: 300; letter-spacing:-0.02em;margin-bottom:0.5em; color:#acacac;} .map_txt .title02 { display:block; font-size:0.9em; line-height:1.3em; font-weight:300; margin-bottom:1em; fcolor:#acacac;} .map_txt .title03 { display:block; font-size:10px; line-height:1.2em; color:#a7a7a7; font-weight:300; letter-spacing:0.05em; opacity:0.6;color:#acacac;} /*객실*/ .room-info-wrap{text-align:center; max-width:100%; margin:3.5% auto 0;} .room-info-wrap h1 {position:relative;display:inline-block;font-size: 18px;font-weight: 300;font-family: 'KCC-eunyoung';margin-bottom: 1.8%;opacity: 0.6;letter-spacing: 2px;} .room-info-wrap p {font-size: 30px;font-family: 'Jeju Myeongjo', serif;} .room-info-wrap p span {display:block;font-size: 13px;line-height: 2;color:#545454;} .room-info-wrap p em {position:relative;display:block;padding: 33px;font-family: 'Pretendard-Light';font-size: 15px;color:#545454;} .room-info-wrap p em:after {content:'';position:absolute;left: 0px;right: 0px;margin: auto;bottom: -40px;width: 1px;height: 40px;margin-left: auto;background:#222;text-align: center;} .room_rev{max-width:80%; margin:2% auto 0;} .room_info_main {width: 80%;margin: 90px auto 80px;position: relative;} .room_info_main figure img {width: 48%;border-radius: 300px 300px 0px 0px;} .room_info_main figcaption {color: #000;font-size: 1rem;margin-bottom: 6%;} .room_info_main figcaption strong:nth-child(1) {font-size: 1.5rem;margin-right: 3%;} .room_info_main figcaption strong:nth-child(2) {font-size: 1.5rem;} .room_info_main ul li {line-height:1.8rem; font-size: 14px;} .room_info_bg {position: absolute;width: 44%;height: 512px;top: 0;right: 30px;} .room_infomain table {margin: 4% 9% 0 0; position: relative; text-align: center; font-size: 1rem; font-family:} .room_infomain table tr th {font-size: 13px;line-height: 0rem;font-weight: 500;} .room_infomain table tr {border: 1px solid #ccc; border-left:none; border-right:none;} .room_infomain table tr td {border: 1px solid #ccc;padding: 12px 0px 12px 15px;font-size:13px;text-align:left;border-right:none;/*letter-spacing:0.03em;*/} .reserve-btn {display:inline-block;padding: 10px 40px;border:1px solid #545454;transition:300ms;font-size: 15px;margin-top: 6%;} .reserve-btn:hover {color:white;background-color: #446a8c;border: 1px solid #446a8c;margin-left:1.5%;} .roominfo_box{max-width:1450px;margin: auto;} .roominfo_box dl{position:relative;padding: 36px 0 36px;border: 1px solid #cacaca;margin: 0% auto 2%;} .roominfo_box dl dt{position:absolute;top:0;left:0;padding-top: 37px;margin: 2.5% 0px 0px 42px;font-size:20px;color: #676767;font-weight: 700;letter-spacing: 0.2em;font-family: 'Pretendard-Light'; line-height:1.5;} .roominfo_box dl dt:before{content:'';width:43px;height: 3px;background-color: #7190ab;position:absolute;top: 20px;left:3px;} .roominfo_box dl dt span{display:block; letter-spacing: 0.3em; } .roominfo_box dl dd{padding-left: 50px;font-size: 15px;line-height: 2.8;} .roominfo_box dl div {border-left: 1px solid #bdbdbd;color:#737373;margin-left: 235px;font-size: 13px;} .room_mainimg {position:relative;z-index:5;margin: 50px 0 100px;} .room_img-sub {clear:both;max-width:1472px;margin:0 auto;margin-top: 0px; padding-bottom:55px; } .room_img-sub .img {overflow:hidden;margin: auto;} .room_img-sub .img img {float:left;width: 46%;position:relative;z-index:10;} .room_img-sub .img img.second {float:right;position:relative;z-index:20;width: 51%;margin: 55px 0 0 -113px;} .room_txt{position: absolute;/* width: 39%; */left: 50%;margin-top: -11%;text-align: left;line-height:1.5em;display:block;} .room_txt dt{padding-bottom:20px;border-bottom:1px solid #aaa;font-family: 'Jeju Myeongjo', serif;font-size: 1.5vw;font-weight: 300;line-height:0.6em;color: #969696;z-index:1;letter-spacing: 0px;} .room_txt dd{font-size: 14px;margin-top: 23px;font-family: 'Cafe24Oneprettynight';line-height: 1.5;} /* 스페셜 */ #spacial_info{margin-bottom:5%;} .sp00{padding: 5% 0 0 0;} .sp00_1{padding:3.5% 0 0 0;} #spacial_info {position:relative; /*background:#fff*/ ;z-index:500;} #spacial_info .thumb {width:1250px;margin:0 auto;overflow:hidden;} /*#spacial_info .line {display:none;}*/ #spacial_info .thumb li {width:33%;margin:0 0.15% 3px;float:left;height: auto; display:block; overflow:hidden; transition:0.8s;} #spacial_info .thumb li:hover {opacity:0.7; transform: scale(1.05); transition:0.8s;} #spacial_info .thumb li a {display:block;width:100%;height:100%;} #spacial_info .detail {width:100%;height:100%;position:fixed;z-index:10000;top:0;background:rgba(0,0,0,0.9);display:none;} #spacial_info .detail .close {display:block;position:absolute;right:5%;top:5%;} #spacial_info .owl-carousel {width:60%;height:80%;position:absolute;left:50%;top:50%;margin:-19% 0 0 -30%;} #spacial_info .owl-carousel .item {width:100%;height:100%;} #spacial_info .owl-carousel .owl-stage-outer {width:100%;height:100%;} #spacial_info .owl-carousel .owl-stage {width:100%;height:100%;} #spacial_info .owl-carousel .owl-item {height:100%;width:100%;} #spacial_info .owl-nav button {position:fixed;top:50%;margin-top:-30px;z-index:320;width:35px;height:60px;opacity:0.35;} #spacial_info .owl-theme .owl-dots {display:none;} #spacial_info .more { display:block;width:210px;margin:0 auto;font-size:16px;color:#34383d;border:1px solid #cccdce; border-radius:5px;padding:13px;text-align:center;font-weight:500;transition:all 0.3s; } #spacial_info .more:hover {color:#fff;background:#cccdce;} .spText .txt01{width: 100%;margin-top: 10px;text-align: center;} .spText .txt02{/* float: right; */width: 100%;text-align: center;/* margin-top: 5%; */background: #f5f4f6;padding: 60px 0;} .spText {text-align: left;width: 100%;margin: 3% auto 0%;/* padding-bottom: 3%; */border-bottom: 1px solid #eaeaea;color:#3a3a3a;} .spText dt .title {font-size: 1.75em;line-height:1.8em;/*letter-spacing:-0.02em;*/color:#3a3a3a;font-family: 'Jeju Myeongjo', serif;font-weight: 500;display:block;} .spText dt .title:after {position: relative;top: 0;left: 0;width: auto;height: 1px;background: #d3d3d3;content:"";display:block;margin: 1.5% auto 0;} .spText dd {font-size: 16px;line-height: 2;font-family:'Montserrat', 'Nanum Gothic', sans-serif;} .spText dd div p {font-family: 'Pretendard-Light';} /*투어*/ .tour-list-wrap{max-width:1500px; margin:7% auto 5%;} .tour-list { margin:-70px auto 0; } .tour-list > ul:after {content:""; display:block; clear:both;} .tour-list > ul > li:after { content:""; display:block; clear:both;} .tour-list li .lSSlideOuter { position:relative; float:left; width:50%;margin-bottom:0; z-index:1;} .tour-list li{margin-bottom:25px;} .tour-list li:nth-child(2n) .lSSlideOuter { float:right;} .tour-list .txt {float:right;width:50%;/* font-family: 'KCC-eunyoung'; */padding: 75px 50px 0 50px;text-align:center;} .tour-list .txt em {font-family: 'Jeju Myeongjo', serif;font-size: 20px;color:#252525;} .tour-list .txt strong {display:block;font-size: 20px;font-family: 'Jeju Myeongjo', serif;color: #3d4c68;margin: 18px 0 33px 0;} .tour-list .txt span { font-size:14px; color:#3a3a3a; font-family:'Spoqa Han sans-serif'; border-bottom:1px solid #3a3a3a;} .tour-list .txt p {margin:40px 0 60px;color:#3a3a3a;font-size: 13.5px;line-height:1.8;font-family: 'Montserrat', 'Nanum Gothic', sans-serif;letter-spacing: -0.02em;} .tour-list .txt a {border: 1px solid #707070;border-radius: 40px;padding: 5px 50px;color: #707070;margin-top: 24px; transition:0.8s;} .tour-list .txt a:hover { background:#7586a5; border:1px solid #7586a5; transition:0.8s; color:#fff;} /* 예약 */ .rev_main_info{max-width:1320px; margin:0% auto 1%;} .reserTable { width:100%; border-collapse:collapse; border-top:1px solid #999;} .reser .reserTable { position:relative; margin-bottom:5%;} .roomReser { margin-bottom:10px;} .room .reserTable { float:left; width:50%;} .reserTable th, .reserTable td { padding:10px 2px; font-size:1.05em; text-align:center; border-bottom:1px solid #999; font-weight:400;} .reserTable th { background:#f3f3f3;} .reserTable thead { border-bottom:2px solid #999;} .reserTable td.type { text-align:left; padding-left:5%;} .reser .reserTable tbody tr { overflow:hidden;} .reser .reserTable tbody tr:hover td, .reser .reserTable tbody tr:hover th { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background:#999; color:#fff; cursor:pointer;} .dash-list li {position:relative;padding-left:15px;font-size: 15px;line-height: 1.8;font-family: 'Pretendard-Regular'; color:#3a3a3a;} .dash-list li:before { content:'-'; position:absolute; left:0; top:0; } .dash-list li strong.font-red { color:#d23200; } .rev2{margin-top:2%;} .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:#f3f3f3; font-size:12px; line-height:1.2em; text-align:center;} .cancleTable td { padding:8px; text-align:center; border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:12px; line-height:1.2em; } .user-info{max-width:1320px; margin: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;line-height: 2; width:100%;} .user-info h1 strong {line-height:1;font-size: 25px;font-weight:400;color: #7586a5;/*margin-right:15px;*/font-family: "Cormorant",sans-serif;} .user-info h1 span {/* display:block; */font-size: 20px;font-family: 'Jeju Myeongjo', serif;color: #101e3a; margin-top: 0;font-weight: 600;} .user-info p { font-size:15px; line-height:1.7; font-weight:bold; /*margin:2% auto 0;*/} .user-info h2 { margin-top:20px; font-size:13px; } .user-info img { max-width:100%; position:absolute; top:0; } .basic-info { position:relative; padding-left:570px; padding-top:35px; margin:60px 0 95px 0;} .basic-info img { left:0; } .caution-info { position:relative; margin:220px 0; padding-right:614px; } .caution-info img { right:0; } .refund-info { position:relative; text-align:center; margin-bottom:55px;} /*하단´*/ .main_fonr .bg{width: 100%;height: 600px;background-size: 100%;background-repeat: no-repeat; background-attachment: fixed; background-position: center;} .main_fonr .inner-con{height: 100%;} .main_fonr .txt{color: white;position: absolute;top: 55%;left: 0;transform: translateY(-50%);opacity: 0.85;} .main_fonr .txt h3{font-size: 17px;font-family: 'Jeju Myeongjo', serif;font-weight: 300;line-height: 3;letter-spacing: 1px;margin-bottom: 7px;text-align: left;padding-left: 11px;} .main_fonr .txt h2{font-size: 45px;margin-bottom: 50px;font-weight: 300;font-family: 'Jeju Myeongjo', serif;} .main_fonr .txt p{font-size: 14px;line-height: 1.6;font-family: 'Pretendard-Light';} .room_data li .person_limit table{margin: 0 auto;} .inner-con{width: 1260px;margin: 0 auto;position: relative;} .res_box {display:inline-block;width: 241px;height: 45px;margin: 33px 0 100px 0;line-height: 42px;color: #fff;text-align: center;border: 1px solid #fff;border-radius: 45px;font-family: 'Pretendard-Light';transition: all 0.3s ease-in-out;font-size: 15px;} .res_box:hover {background: #fff;color: #000;transition: all 0.3s ease-in-out;} @media(max-width: 1700px){ .main-wrap, .sub_img-wrap{max-width:1450px;} .room_info_main{width:90%;} } @media(max-width: 1600px){ .main_vido #vido_sub, .main-wrap, .sub_img-wrap{max-width:1400px;} .main_end{max-width:1400px;} .content{margin-top:40px;} .btn_more{ bottom:-25%;} .main_end .img{width:780px; height:470px;} .aboutinfo, .about_img-wrap, .preview-tit01{max-width:1400px;} .land01_02{width:40%;} .roominfo_box{ width:85%;} } @media(max-width: 1440px){ .main_vido #vido_sub, .main-wrap, .sub_img-wrap{max-width:1250px;} .main_end{max-width:1250px;} .main_vido .tit{margin-bottom:40px; padding-top:60px;} .sub_video{height:500px;} .main-wrap{margin:27% auto 0px; min-height:470px;} .main-wrap img{width:60%;} .main-wrap .info{margin-left:70px;} .main_txt_info .txt h2{font-size:26px;} .main_txt_info .txt p{font-size:13px;} .main_txt_info .txt .line{margin:35px 0;} .main-list-wrap > h1 span{margin-top:0; font-size:1.2em;} .main-list-wrap{padding-bottom:15px;} .name small {font-size:30px;} .content{ font-size:30px;} .aboutinfo, .about_img-wrap, .preview-tit01{max-width:1200px;} .land01_01{ width:55%;} .conText dt{font-size:1.5em;} .conText dt span{font-size:10px; letter-spacing:9px;} .conText dd{font-size:12.5px;} .main_end .img{width:730px; height:auto;} .mainsub_text .title{font-size:45px;} .mainsub_info02{margin:25px auto 0;} .sub-view .slide{height:300px;} .main_vido #vido_sub{max-width:95%; height:700px;} .main_vido{margin-bottom:90px;} .content{font-size:13px;} .mainsub_text {padding:3% 5% 0;} .main_txtbox{padding:13% 18px;} .maintxt .main_txtbox{margin-left:67%;} .room_info_main figure img{width:50%;} .about_img-wrap{max-width:85%;} .tour-list-wrap{max-width:1200px;} .tour-list .txt p{font-size:13.4px;} .tour-list .txt{padding:80px 50px 0 50px;} .rev_main_info{max-width:1200px;} .user-info{max-width:1200px; margin-top:50px;} .reserTable th, .reserTable td{font-size:1em;} .main_fonr .bg{height:450px;} .inner-con{width:1210px;} .caution-info{margin:220px 0 120px;} } @media(max-width: 1366px){ .main_vido #vido_sub, .main-wrap, .sub_img-wrap{max-width:1200px;} .main_end{max-width:1200px;} .main_end .img{width:700px;} .content{font-size:13px;} .name{padding-top:0;} .main-main_img_info .txt h1 strong{font-size:29.5px;} .main_txtbox{padding:15% 4px;} .main-main_img_info .txt p{font-size:12.5px;} .main-main_img_info .txt{padding-left:7%;} .room_info_main ul li{font-size:13px; line-height:1.6rem;} .room_info_main figcaption strong:nth-child(1), .room_info_main figcaption strong:nth-child(2){font-size:1.2rem;} .room_infomain table tr td{padding:10px 0 10px 15px;} .reserve-btn{font-size:13px; padding:7px 40px;} #spacial_info .thumb{ width:1200px;} #spacial_info .thumb li{width:31%; margin:0 1.15% 3px;} .tour-list-wrap{margin:9% auto 5%;} .mapinfo-inner{max-width:87%; margin: auto;} .inner-con{width:1100px;} .res_box{width:220px; height:40px; line-height:35px;} .main_fonr .txt h2{ font-size:36px;} } @media(max-width: 1280px){ .img-con{margin:13px 0 0 29px;} .room_subinfo_gc .con-slide .slide{width:45.99vw;} } @media(max-width: 1025px){ .main_vido #vido_sub, .main-wrap, .sub_img-wrap{max-width:95%;} .main_end{max-width:95%;} .main_end .img{width:495px;} .name small{ font-size:25px;} .content{ margin-top:33px; line-height:1.5;} .inner-con{width:80%;} .about_img-wrap{max-width:95%;} .aboutinfo, .about_img-wrap, .preview-tit01{ max-width:95%;} .room_info_main, .room_info_main, .roominfo_box{max-width:95%; width:95%;} figure{ margin:0;} #spacial_info .thumb{width:95%;} } @media(max-width: 780px){ .swiper-wrapper{padding-top:80px;} video{width:107%; height:100%;} .mainsub_info02{margin:-110px auto 0;} .mainsub_text .title{font-size:35px;} .mainsub_info02 > ul > li{padding: 0px 0 125px 0;} .btn_more{bottom: -33%;} .insta-wrap{padding-top:0;} .instagram_gallery a{width: calc(20% - 5px); margin: 2.5px;} .insta-wrap .insta-tit{/* padding-bottom: 25px; */padding-top: 30px;} .insta-wrap .insta-tit h1{font-size: 12px;} .box-insta{margin:15px 0 50px 0;} .main_map h5{font-size:30px;} .mainsub_info02{margin-top:35px;} .mainsub_info02 li .lSSlideOuter{width:100%;} .mainsub_text{width:100%; padding:5% 5% 0;} .name{font-size:22px;} .name small{ font-size:40px;} .content{font-size:20px; line-height:1.8;} .content:after{top:10px;} .sub-view .slide{height:140px; margin-top:80px;} .slide-tit strong{font-size:35px; margin-top:-30px;} .slide-tit p{margin-top:6.5%;} #contents_layer{margin-top:50px;} .main-wrap{margin-top:17%;} .main-wrap img{ width:100%;} .main-wrap .info{margin-left:0; padding:55px 0; text-align:center; width:100%; max-width:none;} .main_txt_info .txt .line{margin:35px auto;} .line-txt{top:145%;} .sub_img-wrap{max-width:100%; display:inline-flex;} .main_end .img{ left:0; width:auto; position:relative;} .main_end{padding-top:0;} .main_end .img img { width:100%;} .land01_01, .land01_02{width:100%;} .aboutko{margin-top:0%;} .main_map{margin-top:15%;} .about_info{max-width:380px; margin:auto;} .about_info aside{width:100%; margin-top:25px !important;} .about_info .tit h2{font-size:25px;} .about_info .txt p{font-size:13.5px;} .about_info .img-box .img{width:100%; height:185px;} .about_info .right .img{width:100%; margin-left:0; display:none;} .room_info_main{margin-bottom:0;} .room_info_main figure img{width:100%;} .room_info_bg{width:100%; position:relative; right:0; margin-top:35px;} .room_txt dt{font-size:2.5vw;} .roominfo_box dl div{margin-left:0; border:none;} .roominfo_box dl dt{position:relative; margin:2.5% 0 28px 15px; line-stacking:0.1em;} .roominfo_box dl dt span{display:inline-block; margin-left:13px; letter-spacing:0.1em;} .roominfo_box dl dd{padding-left:15px; padding-right:15px;} .special-view-wrap{margin:225% auto 0;} .slide-bar{padding:0 12px;} #spacial_info{max-width:95%; margin:auto;} #spacial_info .thumb li{height:auto; width:32.8%; margin:0 0.25% 3px;} #spacial_info .thumb li a img{width:100%;} .spText{width:100%; padding:0 0 25% 0;} .spText dt .title{margin-bottom:15px;} #spacial_info .thumb {width:100%;margin:0 auto;overflow:hidden;} .spText dd{text-align: center; padding-left:0;} .spText .txt01{width:100%;} .spText .txt02 {width:100%;} .spText dt .title:after{display:none;} .main_vido #vido_sub{height:410px;} .main_fonr .bg{height:335px; background-size:100%; background-attachment:inherit;} .main_fonr .txt{left:38px; top:65%;} .tour-list-wrap{margin:20% auto 0;} .tour-list li .lSSlideOuter{width:100%;} .tour-list .txt{width:100%; padding:30px 20px 30px 20px;} .tour-list li .lSSlideOuter img{width:100%;} .rev_main_info{max-width:95%;} .revpc{display:none;} .reserTable th, .reserTable td{font-size:0.8em; padding:5px 2px;} .user-info > div { padding:0 !important; margin:60px 0;} .user-info h1 span{font-size:14px;} .dash-list li{font-size:12px;} .user-info img { position:static; display:block; margin-bottom:10px; width:100% !important; } .caution-info h1 { margin-top:0; } .user-info h1 strong{font-size:20px;} .user-info h1{padding:10px 80px; display: block;} .cancleTable td{padding:5px; font-size:11px;} .cancleTable th{padding:5px 0; font-size:10px;} #price_tb{max-width:95% !important;} .foot-reserve{height:220px;} .foot-reserve .rev-box h1{font-size:42px; padding-top:10%;} .foot-reserve .rev-box p{font-size:12px; margin-top:5px;} .foot-reserve .rev-box p small{font-size:11.5px;} } @media(max-width: 550px){ .main_vido{margin-bottom:60px;} .about_txt{margin:10% auto 8%;} .about_txt h1 span{font-size:16px;}.about_txt h1 strong{font-size:20px;} .about_txt p{font-size:12px;} .preview-tit01{max-width:95%; margin:auto;} .about_img-wrap{max-width:95%; margin:auto;} .about_img-wrap .img img{width:100%; margin-top:5%;} .about_img-wrap .img img.second{width:100%; margin:30px 0 0 0px;} .aboutko{margin-top:10%; left:5%;} .aboutko dt{font-size:5.5vw;} .aboutko dd{margin-top:15px; margin-bottom:10%; font-size:11px;} .aboutit_txt strong{margin-top:4.8%;} .main_vido .tit .txt01{font-size:20px;} .main_vido .tit h1{font-size:17px;} .main_vido .tit h2{font-size:38px; margin-bottom:8%;} .main_vido .tit p{font-size:13px;} .main-main_img_info .txt{left:-30px;} .sub_video{padding-top:10px;} .sub_video{height:235px;} .main-wrap{margin-top:30%;} .line-txt{display:none;} .name small{font-size:25px;} .name{ font-size:16px;} .content{font-size:14px;} .main_end .tit h2{font-size:30px; margin:70px 0 35px;} .main_end .tit h3{font-size:15px; margin-bottom:25px;} .main_end .tit p{font-size:12px; margin-bottom:5px;} .main_fonr .txt h2{font-size:30px; margin-bottom:30px;} .main_fonr .txt h3{font-size:14px; line-height:1;} .res_box{margin:33px 0 0 0; width:185px;} .main_fonr .inner-con{height:77%;} .room_info_bg{ height:425px;} .roominfo_box dl dd b{display:block;} .roominfo_box dl dd{font-size:12px;} .room_img-sub .img img.second{margin-top:25px;} .spText dd{font-size:13px;} .main_fonr .bg{height:300px;} } @media(max-width: 500px){ .main_vido .tit{padding-top: 40px;} .main_vido #vido_sub{height: 300px;} .name:before{height:2px;} .name small{margin-top:23px;} .maintxt .main_txtbox{margin-left:24%; margin-top:0%;} .main-main_img_info .txt{top:100px; left:82px; color:#fff; text-align:right; padding-left:0; text-shadow:-1px 2px 4px black;} .roomPre img{margin-top:0%;} .main-main_img_info .txt h1 strong {color:#fff;} .main-main_img_info .txt h1 strong:before{background-attachment:#fff; display:none} .main_map h6{font-size:13px;} .main-main_img_info .txt h1 strong{font-size:26px;} .main-main_img_info .txt h1 strong:before{top:77px;} .main-main_img_info .txt p{margin-top:39px; font-size:10px; line-height:1.4;} .res-main a{margin: 20px 0 15px 0;} .res-main h2{font-size:31px;padding-top: 0px;margin-bottom: 0px;} .res-main p{font-size:12px;} .main_fonr .bg{height:215px;} .main_fonr .txt h2{font-size:25px; margin-bottom:18px;} .main_fonr .txt h3{font-size:10px;} .main_fonr .txt p{font-size:11px;} .res_box{width:150px; font-size:12px; height:35px; margin-top:15px;} .main_fonr .txt{left:0;} .slide-tit strong{font-size:20px;} .slide-tit p{font-size:14px;} .main_map{margin-top:13%;} .map-item.type3 .mapinfo-txt ul li{font-size:12px;} .mapinfo-inner{max-width:100%;} .room-info-wrap h1{margin-bottom:4.8%;font-size: 2em;} .room-info-wrap{margin-top:8%;} .roominfo_box dl dd{ line-height:2.3;} .room_info_bg{margin-top:50px;} .room_infomain table{margin-top:10%;} .room_txt dd{font-size:10px;} .room_txt dt{font-size:4.5vw; padding-bottom:14px;} .room_txt dd{margin-top:10px;} .room_mainimg{margin-bottom:50px;} .room_img-sub{padding-bottom:0px;} .room_img-sub .img img{width:100%;} .room_img-sub .img img.second{width:100%;} .room_txt{position:relative; margin-top:35px; left:0; width:50%;} .room-info-wrap p{font-size:25px;} .supmap{margin:1.5em auto 10px;} .supmap .title02{font-size:1em;} #spacial_info{max-width:95%; margin:auto;} #spacial_info .thumb li{/*height:135px; width:32.8%;*/ height: auto; width:auto;} #spacial_info .thumb li a img{width:100%;} .spText{width:100%;} .spText dd{font-size:1em; line-height:2;} .spText dt .title:after{margin:2.55% auto 2.8%;} .spText dt .title{margin-bottom:25px; font-size:1.4em;} .spText .txt01{margin-top:25px;} #spacial_info .thumb {width:100%;margin:0 auto;overflow:hidden;} .sp00{ padding:5.5% 0 5.5% 0 ;} #sp04 .spText{border:none;} .sp_mo{display: block;} .sp_pc{display:none;} /*.mainsub_info_mo02{display: block;} .mainsub_info_pc02{display:none;}*/ .tour-list{margin:-40px auto 0;} .room_info_main ul li{font-size:11px;} .room_infomain table tr th, .room_infomain table tr td{font-size:11px;} } @media(max-width: 375px){ .main_txtbox{padding:14% 0;} .main-main_img_info .txt h1 strong{font-size:20.5px;} .main-main_img_info .line-txt{width:275px !important;} .main-main_img_info .line-txt:after{right:50%; width:125px;} .main-main_img_info .txt{top:117px; left:56px;} .about_info{max-width:330px;} .room-info-wrap div p{font-size:10px;} .main-main_img_info .txt p{margin-top:16px;} .week_date p{font-size:14px !important;} .room_rev{margin:6% auto 0;} .room_pres{display:none;} .room_pres_main{left:34.5%;} .room_pres li a{padding:2px 3.5px; font-size:0.50em; line-height:1.5;} .content{margin-top:18px;} .btn_more{bottom:-28%;} .roomPre{margin-top:0px;} } @media(max-width: 360px){ } @media(max-width: 330px){ .special-view-wrap{margin:315% auto 0;} .main_vido .tit p{ font-size:11px;} .main_vido #vido_sub{height:290px;} .content{font-size:11px;} .main-main_img_info .txt{left:10px;} .main_map h6{font-size:18px;} .room_info_main figcaption{font-size:0.8rem;} .room_info_main figcaption strong:nth-child(1), .room_info_main figcaption strong:nth-child(2){font-size:1rem;} .roominfo_box dl dd{font-size:12px;} .conText dd{font-size:12px;} .main_map h6{ font-size:13px;} .week_date p{font-size:11px !important;} .tour-list .txt p{font-size:11.4px;} .user-info h1 {padding:10px 50px;} }