/* sub */ .full_sub { position: relative; width: 100%; height: 100%; overflow: hidden;} .sub_section {position: relative; width: 100%; } .sub_top { position: relative; width: 100%; height: 100vh; opacity: 1; overflow: hidden;} .sub_top.mb { margin-bottom: 6rem;} .sub_top .img { position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; background: no-repeat center/cover;} .sub_top .txtbox { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; gap: 2.5rem; width: 90%;} .sub_top .txtbox .tit { font-family: 'Ivy Mode'; font-size: 5.2rem; color: #ffffff; line-height: 1.1;} .sub_top .txtbox .tit .big { font-size: 1.2em; font-family:"Ivy Mode";} .sub_top .txtbox .bar { display: block; width: 1px; height: 4rem; background-color: #ffffff;} .sub_top .txtbox .desc { font-size: 1.3rem; color: #ffffff; transform: rotate(-0.03deg);} .sub_inner {width: 90%; max-width: 1580px; margin: auto; position: relative;} .sub_inner2 {width: 90%; max-width: 1730px; margin: auto; position: relative;} .sub_titbox { text-align: center; margin-bottom: 7rem; margin-top:8rem;} .sub_titbox .tit { font-family:"Ivy Mode"; font-size: 3.5rem; color: #000000; } .sub_titbox .tit + .sub {margin-top: 1rem;} .sub_titbox .sub { font-size: 1.4rem; font-weight: 700; color: #292929; transform: rotate(-0.03deg);} .sub_titbox .desc { font-size: 1.1rem; line-height: 1.6em; letter-spacing: -0.025em; color: #292929; transform: rotate(-0.03deg);} .sub_titbox .txt1 { font-family:"Ivy Mode"; font-size: 2.1rem; color: #000000; } .sub_titbox .txt2 { font-family:"Ivy Mode"; font-size: 4.063rem; color: #000000; text-transform: uppercase; letter-spacing: 0.025em;} .sub_titbox .txt2 span { font-family:"Ivy Mode"; font-size: 0.95em; font-weight: 400;} @media(max-width:1025px){ .sub_top { width: 100%; height: 60vh !important;} #facility .sub_top {height: 100vh !important;} #facility_detail .sub_top {height: 60vw !important;} } /* @media(max-width:450px){ .sub_top { width: 100%; height: 290px !important;} } */ /*------------------------------------------------------------------------------------------------*/ /* about */ #about {} #about .sec01 {padding: 70px 0 0 0;position: relative;} #about .sec01::before {content: '';width: 80%;height: 80vh;background-color: #2C5B57;display: block;position: absolute;left: 0;top: 0;z-index: -1;} #about .sec01 .inner {width: 80%;margin: 0 auto;} #about .sec01 .inner h3 {font-size: 60px;color: #fff;margin-bottom: 40px;font-family: "Ivy Mode";} #about .sec01 .inner p {line-height: 2;font-size: 20px;color: #fff;margin-bottom: 100px;} #about .sec01 .inner .mov {width: 100%;padding-top: 56%;position: relative;} #about .sec01 .inner .mov video {width: 100%;height: 100%;position: absolute;left: 0;top: 0;} #about .sec02 {padding-bottom: 200px;overflow: hidden;padding-top: 150px;position: relative;} #about .sec02:after {content:'';width: 70%;height: 100%;position: absolute;right: 0;bottom: 0;background: #f8f8f9;z-index: -1;} #about .sec02 h3 {font-size: 11px;color: #999;text-align: left;width: 80%;margin: 0 auto;letter-spacing: 7px;font-weight: 500;} #about .sec02 .inner {width: 80%;margin: -400px auto 0;} #about .sec02 .box01 {width: 65%;height: 60vw;position: relative;} #about .sec02 .box01 .img {width: 860px;height: 955px;} #about .sec02 .box01 .txt {padding: 200px 150px 200px;background: #fff;position: absolute;right: -47px;top:180px;} #about .sec02 .box01 .txt h4 {font-size: 32px;color: #333333;font-family: "Ivy Mode"; margin-bottom: 55px;font-weight: 500;letter-spacing:3px;} #about .sec02 .box01 .txt span {font-size: 17px;color: #333333;line-height: 1.8;margin-bottom: 30px;font-weight: bold;margin-bottom: 30px;display: block;} #about .sec02 .box01 .txt p.p1 {font-size: 15px;color: #333333;line-height: 2;text-align:left;margin-bottom:200px;} #about .sec02 .box01 .txt p.p2 {font-size: 15px;color: #333333;line-height: 2;text-align:right;} #about .sec02 .box01 .txt p span {font-size: 13px;color: #555;line-height: 1.5;font-weight:200;margin-top:5px;margin-bottom:15px;} #about .sec02 .box01 .txt p b {margin-top: 70px;display: block;font-weight: bold;} #about .sec02 .box02 {width:485px;height:355px;float: right;margin-top: -300px;} #about .animated-title {margin-top: 164px;} /* 움직이는 텍스트 */ #about .animated-title { font-size:60px; font-family:'Raleway',Sans-serif; font-weight:300; position: relative; width: 100%;max-width:100%; height: auto; padding:123px 0; overflow-x: hidden; overflow-y: hidden; bottom:0; } #about .animated-title .track {position: absolute; white-space: nowrap;will-change: transform;animation: marquee 50s linear infinite;font-size:140px;color:#2C5B57;font-family: "Ivy Mode";top: 5%;} #about .animated-title .mov_txt {} @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } @media (hover: hover) and (min-width: 700px){ #about .animated-title .mov_txt {-webkit-transform: translateY(calc(100% - 8rem)); transform: translateY(calc(100% - 8rem));} } @media(max-width:1750px){ #about .sec02{padding-bottom:37vh;} #about .sec02 .inner{width:100%;} #about .sec02 .box01 .img{} #about .sec02 .box01 .txt {right:0;} } @media(max-width:1630px){ #about .sec02{padding-bottom:35vh;} #about .sec02 .box01 .txt p.p1{margin-bottom:100px;} } @media(max-width:1370px){ #about .sec02 .box01 .txt{right:-36%;} #about .sec02 {padding-bottom: 680px} #about .sec02 .inner {margin:10px auto;width:100%;} #about .sec01 .inner p{font-size:17px;} #about .sec02:after {width: 100%;height: 166vh;} #about .animated-title {position:absolute;} #about .sec02 .box02 {width: 27%;height: 27vh;position: absolute;bottom: 0;right: 0;margin-top: 0;} } @media(max-width:1300px){ #about .sec02 {padding-bottom: 725px} } @media(max-width:1150px){ #about .sec02 {padding-bottom: 725px} } @media(max-width:1025px){ #about .sec01::before{display:none;} #about .sec01 .inner h3{color:#333;font-size:50px;} #about .sec01 .inner p{color:#333;font-size:14px;} #about .sec01 .inner p b{font-weight:600;} #about .sec02 {padding-top: 0px;padding-bottom: 300px} #about .sec02 .inner {margin:0 auto;} #about .sec02 .box01 {width: 100%;margin:0 auto;height:auto;} #about .sec02 .box01 .img {width: 90%;height: 50vh;margin: auto;} #about .sec02 .box01 .txt2 {z-index: 990;position: relative;width:80%;margin:100px auto;} #about .sec02 .box01 .txt2 h4 {font-size: 36px;color: #333333;font-family: "Montserrat";margin-bottom: 45px;font-weight: bold;} #about .sec02 .box01 .txt2 span {font-size: 16px;color: #333333;line-height: 1.8;margin-bottom: 30px;font-weight: bold;margin-bottom: 30px;display: block;} #about .sec02 .box01 .txt2 p {font-size: 14px;color: #333333;line-height: 2;} #about .sec02 .box01 .txt2 p span {font-size: 13px;font-weight:200;} #about .sec02 .txt3 {z-index: 990;position: relative;width:80%;margin:100px auto;} #about .sec02 .txt3 p {font-size: 15px;color: #333333;line-height: 2;} #about .sec02 .txt3 p span {font-size: 13px;} #about .sec02 .box02 {width: 90%;height: 50vh;position: relative;margin-top: 0;float:none;margin:0 auto;} } /*------------------------------------------------------------------------------------------------*/ /* exterior */ #exterior #top {overflow: hidden;} #exterior .content {width:80%;margin:0 auto;} #exterior .tit_area {padding: 70px 0;} #exterior .tit_area img {display: block;margin: 0 auto;} #exterior .common_sd {width:100%;height:100%;} #exterior .common_sd .slides {width:100%;height:100%;} #exterior .common_sd .slides figure {width:100%;height:100%;} #exterior .slick-dotted.slick-slider {margin-bottom: 0;} @media(max-width:1025px){ #exterior .tit_area {padding: 70px 0;} #exterior .common_sd {height:60vw !important;} #exterior .common_sd .slides {height:60vw;} } @media(max-width:450px){ #exterior .common_sd {height:290px !important;} #exterior .common_sd .slides {height:290px;} } /*common*/ .scroll {position:fixed;left:50%;bottom:-1px;z-index:320;overflow:hidden;margin-left:-24.5px;} /* location 외부전경 */ .location_page .sub_titbox{margin-bottom: 8rem; margin-top:10rem;} .location_page .sub_titbox .descbox { width: 90%; max-width: 1680px; margin: 6rem auto 0; display: flex; justify-content: center; gap: 7%;} .location_page .sub_titbox .descbox .desc{} .location_page .mapbox { position: relative; width: 100%; height: 0; padding-bottom: 30%;overflow:hidden;} .location_page .mapbox iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .location_page .map_infobox {width:65%; margin: 8rem auto 13rem; display: flex; flex-direction: column; gap: 2.5rem;} .location_page .map_infoitem { position: relative; width: 100%;} .location_page .map_infoitem .tit { font-size: 1.05rem; font-weight: 800; letter-spacing: -0.025em; color: #333333; margin-bottom: 0.5rem; transform: rotate(-0.03deg);} .location_page .map_infoitem .desc { font-size: 1.05rem; letter-spacing: -0.025em; color: #333333; transform: rotate(-0.03deg);} @media(max-width:1025px){ .location_page .sub_titbox { margin-bottom: 4rem;margin-top:5rem;} .location_page .sub_titbox .tit { font-size: 3rem;} .location_page .sub_titbox .descbox { width: 90%; margin: 4rem auto 0; display: flex; flex-direction: column; align-items: center; gap: 0.5rem;} .location_page .sub_titbox .descbox .desc{font-size:1rem;} .location_page .mapbox { position: relative; width: 100%; height: 0; padding-bottom: 59.5%;} .location_page .mapbox iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .location_page .map_infobox { margin: 5rem auto 7rem; display: flex; flex-direction: column; gap: 2rem; width: 80%;} .location_page .map_infoitem { position: relative; width: 100%;} .location_page .map_infoitem .tit { font-size: 1.1rem; font-weight: 800; letter-spacing: -0.025em; color: #333333; margin-bottom: 0.5rem; transform: rotate(-0.03deg);} .location_page .map_infoitem .desc { font-size: 1rem; line-height:1.7; letter-spacing: -0.025em; color: #333333; transform: rotate(-0.03deg);} .location_page .map_infoitem .desc br {display:none;} .root_daum_roughmap_landing{width:1025px !important;} } @media(max-width:420px){ .location_page .sub_titbox .descbox .desc{font-size:4vw;} .location_page .map_infoitem .desc br {display:none !important;} } @media(max-width:560px){ .location_page .map_infoitem .desc br {display:block;} .root_daum_roughmap_landing{width:550px !important;} } /* ------------------------------------------------------------------------------- */ /* rpv */ .previews .content > h2 {font-size: 60px;color:#333333;text-align: center;font-family: "Ivy Mode";margin-bottom: 100px;margin-top: 250px;} .previews .content > h2 span {font-size: 18px;color: #444444;margin-top: 25px;text-align: center;display: block;letter-spacing:0.3px;} .previews .tab {width: 100%;padding: 50px 0;background-color: #f8f8f9;} .previews .tab ul {width: 1000px;margin: 0 auto;display: flex;justify-content: center;} .previews .tab ul li {margin-right: 50px;margin: 0;padding: 0 90px;position: relative;} .previews .tab ul li::after {content:'';width: 1px;height: 14px;background: #adadad;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .previews .tab ul li:last-child::after {display: none;} .previews .tab ul li a {font-size: 20px;color: #adadad;text-align: center;display: block;} .previews .tab ul li.active a {color: #000000;text-decoration: underline;text-underline-offset: 15px;font-weight: bold;} .previews .tab ul li:hover a {color: #000000;text-decoration: underline;text-underline-offset: 15px;font-weight: bold;} .previews .mov {width: 100%;height: calc(100vh - 110px);position: relative;overflow: hidden;margin-bottom: 150px;} .previews .all_lst {width: 100%;position: relative;} .previews .all_lst ul {width: 100%;} .previews .all_lst ul li {display: flex;align-items: center;margin-bottom: 100px;position: relative;overflow: hidden;} .previews .all_lst ul li:last-child::after {display: none;} .previews .all_lst ul li::after {content: '';width: 95%;height: 1px;background: #e2e2e2;position: absolute;left: 2.5%;bottom: 0;} .previews .all_lst ul li .vid_wrap {height: 75vh;overflow: hidden;width: 70%;margin-top: 100px;margin-bottom: 100px;position: relative;z-index: 0;} .previews .all_lst ul li .lst_mov {width: 100%;height: 0;position: relative;overflow: hidden;padding-top: 56.5%;} .previews .all_lst ul li .lst_mov .movs {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .previews .all_lst ul li .back {width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 320;transition: all 0.3s;} .previews .all_lst ul li .cont {width: 25%;margin-left: 5%;margin-right: 5%;margin-bottom:100px} .previews .all_lst ul li .cont h4 {font-size: 55px;color: #333333;margin-bottom: 50px;font-family: "Ivy Mode";letter-spacing:1px;} .previews .all_lst ul li .cont h4 span{font-size: 15px; color: #666666; line-height: 1.7; margin-left: 10px; } .previews .all_lst ul li .cont p {font-size: 16px;color: #333333;line-height: 1.7;} .previews .all_lst ul li .cont a {display: block;width: 165px;padding: 15px 0;text-align: center;font-size: 15px;color: #a9a9a9;border:1px solid #a9a9a9;margin-top: 80px;transition: all 0.3s;} .previews .all_lst ul li .cont a:hover {color: #333;border:1px solid #333;letter-spacing: 2px;} /* room_preview*/ #rpv .content {width:100%;margin:0 auto;overflow:hidden;position:relative;} #rpv .detail_lst {width: 80vw;margin: 100px auto;display: flex;justify-content: space-between;flex-wrap: wrap;} #rpv .detail_lst > li {width:39vw;margin-bottom: 140px;} #rpv .detail_lst > li .img {width: 100%;height: 430px;overflow: hidden;} #rpv .detail_lst > li .img > div { width: 100%;height: 100%; -webkit-transition: all 0.35s cubic-bezier(.64,.17,.49,.83);-fmoz-transition: all 0.35s cubic-bezier(.64,.17,.49,.83); -ms-transition: all 0.35s cubic-bezier(.64,.17,.49,.83);-o-transition: all 0.35s cubic-bezier(.64,.17,.49,.83); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1); transform: scale(1); } #rpv .detail_lst > li .cont {margin-top: 35px;} #rpv .detail_lst > li .cont a {display: block;width: 100%;padding-bottom: 30px;border-bottom: 1px solid #e1d6c4;overflow: hidden;position: relative;} #rpv .detail_lst > li .cont a::before {content:'';width: 0;height: 1px;background: #2C5B57;position: absolute;left: 0;bottom: 0;transition: all 0.4s;} #rpv .detail_lst > li .cont a h4 {font-size: 36px;color: #111111;float: left;font-weight: bold;} #rpv .detail_lst > li .cont a h4 span {display: block;margin-bottom: 20px;font-size: 16px;color: #666666;} #rpv .detail_lst > li .cont a > span {font-size: 15px;color: #e1d6c4;position: absolute;right: 0;bottom: 20px;} #rpv .detail_lst > li .cont a > span > b { display: inline-block;width: 25px;padding: 5px 1px 5px 4px;border-radius: 50%;color: #e1d6c4;border: 1px solid #e1d6c4;text-align: center;margin-left: 15px; transition: all 0.3s 0.2s; } #rpv .detail_lst > li .cont a:hover:before {width: 100%;} #rpv .detail_lst > li .cont a:hover > span {color: #333333;} #rpv .detail_lst > li .cont a:hover > span b {background:#2C5B57;color:#FBEFDC;border: 1px solid #2C5B57;} #rpv .detail_lst > li .cont ul {width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;} #rpv .detail_lst > li .cont ul li {width: 50%;font-size: 1rem;color: #666666;line-height: 2.5;} #rpv .detail_lst > li .cont ul li span {font-size: 1rem;color: #111111;display: inline-block;width: 5vw;font-weight: bold;} /*------ woc - room ------*/ body .slick-dotted.slick-slider {margin-bottom: 0;} #room .room_sd {overflow:hidden;width:100%;} #room #slide {position:relative;} #room #slide .swiper-button-prev{left: 0%;top: 45%;background: url(../images/room/slick_prev.png) no-repeat 50% 50%;width: 192px;height: 156px;} #room #slide .swiper-button-next{right: 0%;top: 45%;background: url(../images/room/slick_next.png) no-repeat 50% 50%;width: 192px;height: 156px;} #room #slide .swiper-button-prev::after{display:none;} #room #slide .swiper-button-next::after{display:none;} #room #slide .room_pgnt{bottom: 3%;} #room #slide .room_pgnt span{width: 5px;height: 5px;background:#fff;margin: 50px 10px;opacity: 1;} #room #slide .room_pgnt span.swiper-pagination-bullet-active::before{content:"";display:block;width: 27px;height: 27px;border:1px solid #fff;border-radius:24px;opacity: 0.9;margin:-12px;} /* #room #slide .room_pgnt span{width: 11px;height: 11px;background: #ffffff1c;border-radius:9px;margin:50px 7px;} */ #room #slide .room_pgnt span.swiper-pagination-bullet-active{background: #fff;} #room #slide img {font-size: 80px;color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-weight: bold;} #room #slide .slick-prev, #room #slide .slick-next{width: 192px;height: 156px;top: 44%;} #room #slide .slick-prev{left: 0%;background: url(../images/room/slick_prev.png) no-repeat 50% 50%;} #room #slide .slick-next{right: 0%;background: url(../images/room/slick_next.png) no-repeat 50% 50%;} .room_slider { width: 100%; height: 100vh; /* JS로 높이 제어 안 해도 안전 */ overflow: hidden; } @media(max-width:1700px){ .room_slider { height: 60vw !important; } } /* 각 슬라이드(배경 이미지) */ .room_slider .slide { width: 100%; height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat; } /* 예: 각 슬라이드에 배경 이미지 연결 */ /* .slide_01 { background-image: url('images/slide01.jpg'); } .slide_02 { background-image: url('images/slide02.jpg'); } .slide_03 { background-image: url('images/slide03.jpg'); } */ .slide_show { position: relative; width: 100%; height: 100%; overflow: hidden; } .slide_show li { position: absolute; width: 100%; height: 100%; top: 0; } .room .content {position:relative;} .room .content .room_info {display: flex;} .room .content .left_nav {width: 250px;height: 100%;background-color: #f8f8f9;padding-top: 100px;position: relative;transition: all 0.3s;} .room .content .left_nav ul {margin-left: 50px;} .room .content .left_nav ul li {margin-bottom: 25px;} .room .content .left_nav ul li a {display: inline-block;font-size: 22px;color: #a0a0a0;padding-right: 10px;} .room .content .left_nav ul li.active a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} #room .content .right_wrap {width: calc(85% - 250px);margin: 100px auto 150px;} #room .content .room_detail {} #room .content .room_detail .detail_lst {} #room .content .room_detail .detail_lst .tit_area {} #room .content .room_detail .detail_lst .tit_area h4 {font-size: 18px;color: #bbb;letter-spacing:1px;margin-bottom:10px;font-family:'SUIT';font-weight:600;text-transform:uppercase;} #room .content .room_detail .detail_lst .tit_area h4 span{margin-right:7px;font-size: 17px;color: #bbb;letter-spacing:1px;margin-bottom:10px;font-family:'Montserrat';font-weight:500;text-transform:uppercase;} #room .content .room_detail .detail_lst .tit_area h3 {font-size: 84px;color: #000;/* margin-bottom: 50px; */font-family: "Ivy Mode";letter-spacing:1px;line-height:1.6} #room .content .room_detail .detail_lst .tit_area h3 span{font-size:31px;font-family:'Montserrat';margin-left:23px;color:#333;} #room .content .room_detail .detail_lst .tit_area p {font-size: 17px;color: #333333;line-height: 1.8;margin-top:20px;margin-bottom: 100px;padding-bottom: 100px;border-bottom: 1px solid #d9d9d9;} #room .content .room_detail .detail_lst .tit_area p span {display: block;font-size: 24px;color: #333333;margin-bottom: 25px;letter-spacing:1px;} #room .room_detail .detail_lst .info_box {width: 100%;display: flex;justify-content: space-between;} #room .room_detail .detail_lst .info_box .room_wrap {width: 45%;} #room .room_detail .detail_lst .info_box .room_wrap h4 {font-size: 28px;color: #333333;margin-top:70px;margin-bottom: 45px;width: 100%;} #room .room_detail .detail_lst .info_box .room_wrap ul {width: 100%;} #room .room_detail .detail_lst .info_box .room_wrap ul li {width: 100%;font-size: 16px;color: #333333;line-height: 2;margin-bottom: 5px;} #room .room_detail .detail_lst .info_box .room_wrap ul li:nth-child(1) {width: 40%;float: left;margin-bottom: 30px;} #room .room_detail .detail_lst .info_box .room_wrap ul li:nth-child(2) {width: 50%;float: left;margin-bottom: 30px;} #room .room_detail .detail_lst .info_box .room_wrap ul li span {font-size: 14px;color: #999;font-weight: 500;width: 100px;display: inline-block;} #room .room_detail .detail_lst .info_box .btn_area {margin-top: 60px;display: flex;position: relative;margin-bottom: 48px;} #room .room_detail .detail_lst .info_box .btn_area a {position: relative;color: #2C5B57;} #room .room_detail .detail_lst .info_box .btn_area a:first-child {margin-right: 70px;padding-right: 70px;} #room .room_detail .detail_lst .info_box .btn_area a:first-child::after {content: '';width: 1px;height: 17px;background: #BBBBBB;position: absolute;right:0;top: 50%;transform: translate(0,-50%);} #room .room_detail .detail_lst .info_box .btn_area a img {} #room .room_detail .detail_lst .info_box .btn_area a span:first-child {display: block;margin-right: 7px;font-size: 15px;color: #2C5B57;letter-spacing: 1px;font-family: 'Montserrat';font-weight: 500;text-transform: uppercase;} #room .room_detail .detail_lst .info_box .btn_area a span:last-child {display: none;} #room .room_detail .detail_lst .info_box .btn_area a:hover span:first-child {display: none;} #room .room_detail .detail_lst .info_box .btn_area a:hover span:last-child {display: block;} #room .amenity {width: 50%;padding: 65px 50px;background: #f9f9f9;border-top:1px solid #c3cdcc;border-bottom:1px solid #c3cdcc;box-sizing: border-box;} #room .amenity h4 {font-size: 28px;color: #333333;margin-bottom: 64px;} #room .amenity h4 span {font-size: 14px;color: #333;margin-top: 10px;} #room .amenity ul {display: flex;flex-wrap: wrap;} #room .amenity ul li {display: flex;text-align:center;flex-direction: column;align-items: center;gap: 1.5rem;font-size: 15px;color: #616161;margin-bottom: 47px;width: 25%;line-height:1.3;} #room.room1 .amenity ul li:nth-child(2),#room.room_type01 .amenity ul li:nth-child(3){display:none;} #room.room2 .amenity ul li:nth-child(3),#room.room_type02 .amenity ul li:nth-child(4){display:none;} #room.room3 .amenity ul li:nth-child(1),#room.room3 .amenity ul li:nth-child(2),#room.room3 .amenity ul li:nth-child(4){display:none;} #room.room4 .amenity ul li:nth-child(1),#room.room4 .amenity ul li:nth-child(2),#room.room4 .amenity ul li:nth-child(4){display:none;} #room.room5 .amenity ul li:nth-child(2),#room.room5 .amenity ul li:nth-child(3),#room.room5 .amenity ul li:nth-child(4){display:none;} #room.room6 .amenity ul li:nth-child(2),#room.room6 .amenity ul li:nth-child(3){display:none;} #room.room7 .amenity ul li:nth-child(2),#room.room7 .amenity ul li:nth-child(3){display:none;} #room.room8 .amenity{margin-top:50px;} #room .amenity ul li img{width: 50px;height:40px;} #room .floor_plan {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.85);z-index: 5000;top: 0;display: none;} #room .floor_plan > img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1200px;height: auto;} #room .floor_plan button {position: absolute;right: 50px;top: 50px;cursor: pointer;} #room .sec03 {margin-top: 150px;} #room .sec03 h4 {font-size: 28px;color: #333333;margin-bottom: 30px;} #room .sec03 ul {display: flex;justify-content: space-between;flex-wrap: wrap;} #room .sec03 ul li {width:49%;margin-bottom: 100px;} #room .sec03 ul li .img {width: 100%;height:775px;margin-bottom: 30px;} #room .sec03 ul li h2 {font-size: 23px;float: left;margin-right: 10px;} #room .sec03 ul li p {font-size: 20px;color: #333333;margin-bottom: 15px; line-height: 29px;} #room .sec03 ul li span {display: block;font-size: 16px;color: #6c8784;} #room .sec04 {width: 100%;padding:60px 0;border:1px solid #d9d9d9;margin-top: 70px;} #room .sec04 .notice {width: 90%;margin: 0 auto 50px;padding-bottom: 50px;border-bottom: 1px solid #d9d9d9;} #room .sec04 .notice h5 {font-size: 20px;color: #333333;margin-bottom: 30px;font-weight: bold;} #room .sec04 .notice ul {width: 100%;} #room .sec04 .notice ul li {font-size: 16px;color: #666666;line-height: 2;margin-left: 50px;} #room .sec04 .notice ul li:first-child {color: #111;margin-left: 30px;margin-top:15px;} #room .sec04 .call {width: 90%;margin: 0 auto;} #room .sec04 .call h5 {font-size: 20px;color: #333333;margin-right: 30px;display: inline-block;font-weight: bold;} #room .sec04 .call span {font-size: 16px;color: #666666;cursor:pointer;} .type1_01 .left_nav ul li:nth-child(1) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type1_02 .left_nav ul li:nth-child(2) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type1_03 .left_nav ul li:nth-child(3) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type1_04 .left_nav ul li:nth-child(4) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type1_05 .left_nav ul li:nth-child(5) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type1_06 .left_nav ul li:nth-child(6) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type1_07 .left_nav ul li:nth-child(7) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type1_08 .left_nav ul li:nth-child(8) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type1_09 .left_nav ul li:nth-child(9) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type1_10 .left_nav ul li:nth-child(10) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type1_11 .left_nav ul li:nth-child(11) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type2_01 .left_nav ul li:nth-child(1) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type2_02 .left_nav ul li:nth-child(2) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type2_03 .left_nav ul li:nth-child(3) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type2_04 .left_nav ul li:nth-child(4) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type2_05 .left_nav ul li:nth-child(5) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type2_06 .left_nav ul li:nth-child(6) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type2_07 .left_nav ul li:nth-child(7) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type2_08 .left_nav ul li:nth-child(8) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type2_09 .left_nav ul li:nth-child(9) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type2_10 .left_nav ul li:nth-child(10) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type3_01 .left_nav ul li:nth-child(1) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type3_02 .left_nav ul li:nth-child(2) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type3_03 .left_nav ul li:nth-child(3) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type3_04 .left_nav ul li:nth-child(4) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type3_05 .left_nav ul li:nth-child(5) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type3_06 .left_nav ul li:nth-child(6) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type3_07 .left_nav ul li:nth-child(7) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type3_08 .left_nav ul li:nth-child(8) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} .type3_09 .left_nav ul li:nth-child(9) a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} @media(max-width:1500px){ #rpv .detail_lst {width:95vw} #rpv .detail_lst > li{width:48%} } @media(max-width:1200px){ /* all_room */ .previews .content > h2 {font-size: 40px;color:#333333;text-align: center;font-family: "Ivy Mode";margin-bottom: 100px;margin-top: 250px;} .previews .content > h2 span {font-size: 15px;color: #444444;margin: 16px auto 0;text-align: center;display: block;line-height: 1.5;width:80%;} .previews .tab {width: 100%;padding: 50px 0;background-color: #f8f8f9;} .previews .tab ul {width: 95%;margin: 0 auto;display: flex;justify-content: center;align-items:center} .previews .tab ul li {margin-right:0;margin: 0;padding: 0 6%;position: relative;} .previews .tab ul li::after {content:'';width: 1px;height: 14px;background: #adadad;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .previews .tab ul li:last-child::after {display: none;} .previews .tab ul li a {font-size: 16px;color: #adadad;text-align: center;display: block;} .previews .tab ul li.active a {color: #000000;text-decoration: underline;text-underline-offset: 15px;font-weight: bold;} .previews .tab ul li:hover a {color: #000000;text-decoration: underline;text-underline-offset: 15px;font-weight: bold;} .previews .mov {width: 100%;position: relative;overflow: hidden;margin-bottom: 150px;} .previews .all_lst {width: 100%;position: relative;} .previews .all_lst ul {width: 100%;} .previews .all_lst ul li {margin-bottom: 100px;position: relative;overflow: hidden;flex-direction:column;} .previews .all_lst ul li:last-child::after {display: none;} .previews .all_lst ul li .vid_wrap {overflow: hidden;width: 90%;height:auto;margin-bottom: 100px;position: relative;z-index: 0;} .previews .all_lst ul li:nth-child(even) .vid_wrap {margin-left: 10%;} .previews .all_lst ul li .lst_mov {width: 100%;height: 0;position: relative;overflow: hidden;padding-top: 56.5%;} .previews .all_lst ul li .lst_mov .movs {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .previews .all_lst ul li .back {width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 320;transition: all 0.3s;} .previews .all_lst ul li .cont{width:80%;} .previews .all_lst ul li:nth-child(odd) .cont{text-align: right;margin-right: 10%;margin-left:10%;} .previews .all_lst ul li:nth-child(even) .cont{text-align: left;margin-left: 10%;margin-right:10%;} .previews .all_lst ul li .cont h4 {font-size: 55px;color: #333333;margin-bottom: 50px;font-family: "Ivy Mode";} .previews .all_lst ul li .cont h4 span{display:block;margin-top:10px;} .previews .all_lst ul li .cont p {font-size: 15px;color: #333333;line-height: 1.7;} .previews .all_lst ul li:nth-child(odd) .cont a {float:right;} .previews .all_lst ul li:nth-child(even) .cont a {float:left;} .previews .all_lst ul li .cont a:hover {color:#a9a9a9;border:1px solid #a9a9a9;letter-spacing:2px;} /* .previews .all_lst ul li:nth-child(odd) .cont a::before {content:'';width:calc(100% - 143px);height: 1px;background: #efefef;margin-right: 3%;} .previews .all_lst ul li:nth-child(even) .cont a::after {content:'';width:calc(100% - 143px);height: 1px;background: #efefef;margin-right: 3%;} */ /* room_preview*/ #rpv .content {width:100%;margin:0 auto;overflow:hidden;position:relative;} #rpv .detail_lst {width: 90%;margin: 100px auto;display: flex;justify-content: space-between;flex-wrap: wrap;} #rpv .detail_lst > li {width: 48%;margin-bottom: 70px;} #rpv .detail_lst > li .img {width: 100%;height: 30vw;overflow: hidden;} #rpv .detail_lst > li .img > div { width: 100%;height: 100%; -webkit-transition: all 0.35s cubic-bezier(.64,.17,.49,.83);-moz-transition: all 0.35s cubic-bezier(.64,.17,.49,.83); -ms-transition: all 0.35s cubic-bezier(.64,.17,.49,.83);-o-transition: all 0.35s cubic-bezier(.64,.17,.49,.83); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1); transform: scale(1); } #rpv .detail_lst > li .cont {margin-top: 30px;} #rpv .detail_lst > li .cont a {display: block;width: 100%;border-bottom:none;padding-bottom: 0px;overflow: hidden;position: relative;} #rpv .detail_lst > li .cont a h4 {font-size: 21px;color: #111111;float: left;font-weight: bold;} #rpv .detail_lst > li .cont a h4 span {display: block;margin-bottom: 10px;font-size: 13px;color: #666666;} #rpv .detail_lst > li .cont a p {font-size: 14px;color: #fff;padding: 11px 0;width:110px;background: #dda066;text-align: center ;float: right;} #rpv .detail_lst > li .cont a > span {display:none;} #rpv .detail_lst > li .cont a > span > b { display: inline-block;width: 25px;padding: 5px 0;border-radius: 50%;background: #000;color: #fff;text-align: center;margin-left: 5px; transition: all 0.3s 0.2s; } #rpv .detail_lst > li .cont a::before{ top: 0;} #rpv .detail_lst > li .cont a:hover:before {width: 100%;} #rpv .detail_lst > li .cont a:hover > span {color: #333333;} #rpv .detail_lst > li .cont a:hover > span b {background: #dda066;;} #rpv .detail_lst > li .cont ul {width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 10px 0 20px;} #rpv .detail_lst > li .cont ul li:nth-child(1),#rpv .detail_lst > li .cont ul li:nth-child(2),#rpv .detail_lst > li .cont ul li:nth-child(4){display:none;} #rpv .detail_lst > li .cont ul li {width: 100%;font-size: 15px;color: #666666;line-height: 2;} #rpv .detail_lst > li .cont ul li span {display: none;} #rpv .detail_lst > li .cont .m_btn a{ border-bottom: none; border-top: 1px solid #eaeaea; padding-top: 20px; text-align: right;} body .slick-dotted.slick-slider {margin-bottom: 0;} #room .room_sd {overflow:hidden;width:100%;} #room #slide {position:relative;} #room #slide img {width: 40%;font-size: 80px;color: #fff;position: absolute;left: 50%;top: 57%;transform: translate(-50%, -50%);font-weight: bold;} #room #slide .slick-prev, #room #slide .slick-next{width: 63px;height: 64px;top: 54%;} #room #slide .swiper-button-prev{left: 0%;background: url(../images/room/slick_prev_m.png) no-repeat 50% 50%;width: 63px;height: 64px;} #room #slide .swiper-button-next{right: 0%;background: url(../images/room/slick_next_m.png) no-repeat 50% 50%;width: 63px;height: 64px;} #room #slide .swiper-button-prev::after{display:none;} #room #slide .swiper-button-next::after{display:none;} #room #slide .room_pgnt span{width: 5px;height: 5px;background:#fff;border-radius:5px;margin: 3px 6px;border:0px;} #room #slide .room_pgnt span.swiper-pagination-bullet-active::before {content: "";display: block;width: 17px;height: 17px;border: 1px solid #fff;border-radius: 24px;opacity: 0.9;margin: -7px;} /* #room #slide .room_pgnt span.swiper-pagination-bullet-active{width: 13px;height: 13px;border: 1px solid #fff;background: none;} */ /* #room #slide .room_pgnt span::before{content:"";display: block;margin: 3px auto;width: 7px;height: 7px;background:#fff;border-radius:5px;} */ .room .content {position:relative;} .room .content .room_info {display: flex;flex-direction: column;} .room .content .left_nav {width: 100%;height:100px !important;background-color: #f8f8f9;display: flex;justify-content: center;align-items: center;padding-top:0;} .room .content .left_nav ul {display: flex;justify-content:center;align-items:center;margin: 0 20px;overflow-x: scroll;} .room .content .left_nav ul li {padding: 21px 0;margin:0;} .room .content .left_nav ul li a {display: inline-block;font-size: 18px;color: #a0a0a0;padding: 0 12px;margin: 0 5px;} .room .content .left_nav ul li.active a {color: #111111;background: url(../images/room/circle.png) no-repeat right bottom;} /* room */ #room .content .right_wrap {width: 80%;margin: 70px auto 150px;} #room .content .room_detail {} #room .content .room_detail .detail_lst {} #room .content .room_detail .detail_lst .tit_area {} #room .content .room_detail .detail_lst .tit_area h4 {font-size: 18px;color: #bbb;letter-spacing:1px;margin-bottom:10px;font-family:'SUIT';font-weight:600;text-transform:uppercase;} #room .content .room_detail .detail_lst .tit_area h4 span{margin-right:7px;font-size: 17px;color: #bbb;letter-spacing:1px;margin-bottom:10px;font-family:'Montserrat';font-weight:500;text-transform:uppercase;} #room .content .room_detail .detail_lst .tit_area h3 {font-size: 84px;color: #000;/* margin-bottom: 50px; */font-family: "Ivy Mode";letter-spacing:1px;line-height:1.6} #room .content .room_detail .detail_lst .tit_area h3 span{font-size:31px;font-family:'montserrat';margin-left:23px;color:#333;} #room .content .room_detail .detail_lst .tit_area p {font-size: 17px;color: #333333;line-height: 1.8;margin-top:20px;margin-bottom: 0px;padding-bottom: 100px;border-bottom: 1px solid #d9d9d9;} #room .content .room_detail .detail_lst .tit_area p span {display: block;font-size: 24px;color: #333333;margin-bottom: 18px;letter-spacing:0px;} /* #room .content .room_detail .detail_lst .tit_area h4 {font-size: 38px;color: #333333;font-family: "Ivy Mode";} #room .content .room_detail .detail_lst .tit_area h3 {font-size: 38px;color: #333333;margin-bottom: 40px;font-family: "Ivy Mode";} #room .content .room_detail .detail_lst .tit_area p {font-size: 15px;color: #333333;line-height: 1.7;margin-bottom: 100px;padding-bottom: 100px;border-bottom: 1px solid #d9d9d9;} #room .content .room_detail .detail_lst .tit_area p span {display: block;font-size: 22px;color: #333333;margin-bottom: 25px;} */ #room .room_detail .detail_lst .info_box {width: 100%;} #room .room_detail .detail_lst .info_box .room_wrap {width: 100%;} #room .room_detail .detail_lst .info_box .room_wrap h4 {font-size: 28px;color: #333333;margin-bottom: 30px;width: 100%;margin-top:25px;} #room .room_detail .detail_lst .info_box .room_wrap ul {width: 100%;} #room .room_detail .detail_lst .info_box .room_wrap ul li {width: 100%;font-size: 16px;color: #333333;line-height: 2;margin-bottom: 5px;} #room .room_detail .detail_lst .info_box .room_wrap ul li:nth-child(1) {width: 50%;float: left;margin-bottom: 30px;} #room .room_detail .detail_lst .info_box .room_wrap ul li:nth-child(2) {width: 50%;float: left;margin-bottom: 30px;} #room .room_detail .detail_lst .info_box .room_wrap ul li span {font-size: 16px;color: #999;width: 100px;display: inline-block;} #room .room_detail .detail_lst .info_box .btn_area {margin-top: 30px;margin-bottom:50px;display: flex;position: relative;justify-content:center} #room .room_detail .detail_lst .info_box .btn_area a {position: relative;} #room .room_detail .detail_lst .info_box .btn_area a:first-child {margin-right: 20px;padding-right: 20px;} #room .room_detail .detail_lst .info_box .btn_area a img {} #room .room_detail .detail_lst .info_box .btn_area a span:first-child{font-size:13px;font-weight:600;} #room .amenity {width: 100%;padding: 30px;background: #f4f4f4;border-top:0px;border-bottom:0px;box-sizing: border-box;margin-top: 30px;} #room .amenity h4 {font-size: 28px;color: #333333;margin-bottom: 45px;} #room .amenity ul {display: flex;flex-wrap: wrap;} #room .amenity ul li {font-size: 15px;color: #616161;margin-bottom: 35px;width: 25%;} #room .amenity ul li img{width: 50px;height: 40px;} #room .floor_plan {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.9);z-index: 5000;top: 0;display: none;} #room .floor_plan > img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 80%;height: auto;} #room .floor_plan button {position: absolute;right: 50px;top: 50px;cursor: pointer;} #room .sec03 {margin-top: 50px;} #room .sec03 h4 {font-size: 28px;color: #333333;margin-bottom: 30px;} #room .sec03 ul {display: flex;justify-content: space-between;flex-wrap: wrap;} #room .sec03 ul li {width: 100%;margin-bottom: 100px;} #room .sec03 ul li .img {width: 100%;height: 70vw;margin-bottom: 30px;} #room .sec03 ul li p {font-size: 20px;color: #333333;margin-bottom: 15px;;} #room .sec03 ul li span {display: block;font-size: 16px;color: #dda066;} #room .sec04 {width: 100%;padding:0;border:0px;margin-top:65px} #room .sec04 .notice {width: 95%;margin: 0 auto 30px;padding-bottom: 50px;border-bottom: 1px solid #d9d9d9;} #room .sec04 .notice h5 {font-size: 20px;color: #333333;margin-bottom: 30px;font-weight: bold;} #room .sec04 .notice ul {width: 100%;} #room .sec04 .notice ul li {font-size: 16px;color: #666666;line-height: 2;} #room .sec04 .notice ul li:first-child{margin-left: 20px;margin-top:8px;} #room .sec04 .notice ul li:last-child{margin-left: 50px;} #room .sec04 .call {width: 90%;margin: 0 auto;} #room .sec04 .call h5 {font-size: 20px;color: #333333;margin-right: 30px;display: inline-block;font-weight: bold;} #room .sec04 .call a {font-size: 16px;color: #666666;} .type1_01 .left_nav ul li:nth-child(1) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type1_02 .left_nav ul li:nth-child(2) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type1_03 .left_nav ul li:nth-child(3) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type1_04 .left_nav ul li:nth-child(4) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type1_05 .left_nav ul li:nth-child(5) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type1_06 .left_nav ul li:nth-child(6) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type1_07 .left_nav ul li:nth-child(7) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type1_08 .left_nav ul li:nth-child(8) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type1_09 .left_nav ul li:nth-child(9) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type1_10 .left_nav ul li:nth-child(10) a {color: #111111;background: url(....//images/room/circle.png) no-repeat right bottom;} .type1_11 .left_nav ul li:nth-child(11) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type2_01 .left_nav ul li:nth-child(1) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type2_02 .left_nav ul li:nth-child(2) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type2_03 .left_nav ul li:nth-child(3) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type2_04 .left_nav ul li:nth-child(4) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type2_05 .left_nav ul li:nth-child(5) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type2_06 .left_nav ul li:nth-child(6) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type2_07 .left_nav ul li:nth-child(7) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type2_08 .left_nav ul li:nth-child(8) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type2_09 .left_nav ul li:nth-child(9) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type2_10 .left_nav ul li:nth-child(10) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type3_01 .left_nav ul li:nth-child(1) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type3_02 .left_nav ul li:nth-child(2) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type3_03 .left_nav ul li:nth-child(3) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type3_04 .left_nav ul li:nth-child(4) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type3_05 .left_nav ul li:nth-child(5) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type3_06 .left_nav ul li:nth-child(6) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type3_07 .left_nav ul li:nth-child(7) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type3_08 .left_nav ul li:nth-child(8) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} .type3_09 .left_nav ul li:nth-child(9) a {color: #111111;background: url(../../images/room/circle.png) no-repeat right bottom;} } @media(max-width:1025px){ #room .sec03 ul li h2 {width: 100%;font-size: 20px;margin: 15px auto 5px;float: none;} #room .sec03 ul li span {width: 100%;font-size: 14px;line-height: 1.7;margin-left:10px;display:inline;color:#222;font-weight:300;} } @media(max-width:1000px){ #room .amenity{margin-top: 0px;} #room .content .room_detail .detail_lst .tit_area p{border:none;padding-bottom: 20px;} #room .room_detail .detail_lst .info_box {flex-direction:column;} #room .room_detail .detail_lst .info_box .btn_area a:first-child{margin-right: 30px;padding-right: 30px;} } @media(max-width:768px){ #room .content .right_wrap{width: 85%;} #room .content .room_detail .detail_lst .tit_area{width: 95%;margin: 0 auto;} #room .room_detail .detail_lst .info_box .room_wrap{width: 95%;margin: 0 auto;} #room .sec03 ul li{text-align: center;margin-bottom:35px;} #room .sec03 ul li .img{width: 100%;height: 48vw;margin: 0 auto;} #room .sec03 ul li h2 {width: 100%;font-size: 20px;margin: 15px auto 5px;float: none;} #room .sec03 ul li span {width: 100%;font-size: 14px;line-height: 1.7;margin-left:10px;} /* #room .sec03 ul li span {display:none;} */ .room .content .left_nav ul li a {font-size: 16px;text-align: center;} } @media(max-width:560px){ .previews .all_lst ul li .cont {width:90%;} .previews .all_lst ul li:nth-child(odd) .cont {margin-left:0;} .previews .all_lst ul li:nth-child(even) .cont {margin-right:0} #room .content .room_detail .detail_lst .tit_area p span{font-size: 17px;} #room .content .room_detail .detail_lst .tit_area p {font-size: 14px;padding-bottom: 10px;margin-top: 36px;} #room .content .room_detail .detail_lst .tit_area h3{line-height:1.4;font-size:53px;} #room .content .room_detail .detail_lst .tit_area h3 span{display: block;margin-left:0;} #room .room_detail .detail_lst .info_box .room_wrap ul li span{width: 87px;} #room .room_detail .detail_lst .info_box .room_wrap ul li{font-size: 15px;} #room .room_detail .detail_lst .info_box .room_wrap ul li:nth-child(1) {width: 100%;margin-bottom: 5px;} #room .room_detail .detail_lst .info_box .room_wrap ul li:nth-child(2) {width: 100%;margin-bottom: 5px;} #room .amenity{padding: 40px 14px 40px;} #room .amenity h4{text-align: center;margin-bottom: 50px;} #room .amenity h4 span{display:block;font-size: 15px;margin-bottom: 7px;font-weight: 600;margin-left:0;} #room .amenity p{width: 68%;margin: 0 auto;color:#666;font-size: 13px;line-height: 1.5;margin-bottom: 50px;text-align: center;font-weight: 300;} #room .sec03 h4{ font-size: 28px; color: #333333; margin-bottom: 20px; text-align: left;} #room .sec04 .notice ul li{font-size: 15px;} #room .sec04 .notice ul li:first-child{margin-left:0;} #room .sec04 .notice ul li:last-child{margin-left:0;} #room .sec04 .call h5{font-size: 16px;} } @media(max-width:400px){ .previews .all_lst ul li .cont p{font-size:3.6vw;} .room .content .left_nav ul li a{font-size: 15px;padding: 0 2vw;} .room .content .left_nav ul li a span{font-size: 17px;} } @media(max-width:380px){ #room .amenity ul li{font-size:3.5vw;} } @media(max-width:378px){ #room .sec03 ul li{text-align:left;} } @media(max-width:330px){ .room .content .left_nav ul li a{font-size: 14px;} #room .sec03 ul li span{display:block;margin-left:0;} } /* Accommodation 객실상세 */ .sub_top .pool_slider { width: 100%; height: 100%;} .sub_top .pool_slider .swiper-slide .pool_slide_img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat center/cover;} .sub_top .pool_slider .pagination { bottom: 7%;} .sub_top .pool_slider .pagination .swiper-pagination-bullet { position: relative; background-color: transparent; opacity: 1; border: 6px solid transparent; margin: 0 0.5rem; width: 10px; height: 10px; box-sizing: border-box;} .sub_top .pool_slider .pagination .swiper-pagination-bullet::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 10px; height: 10px; background-color: #fff; border-radius: 100px; opacity: 0.3; transition: all 0.35s ease-in-out;} .sub_top .pool_slider .pagination .swiper-pagination-bullet::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 13px; height: 13px; border: 2px solid #fff; border-radius: 100px; transition: all 0.35s ease-in-out; opacity: 0;} .sub_top .pool_slider .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {opacity: 0;} .sub_top .pool_slider .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {opacity: 1;} .sub_top .pool_slider .swiper-line { position: absolute; top: 50%; width: 14.5%; padding: 1rem 0; z-index: 10; transform: translateY(-50%); cursor: pointer;} .sub_top .pool_slider .swiper-line::before { content: ""; position: absolute; width: 100%; height: 1px; transform: translateY(-50%); background-color: rgba(255,255,255,0.5);} .sub_top .pool_slider .swiper-line::after { content: ""; position: absolute; top: 50%; width: 40%; height: 1px; transform: translateY(-50%); background-color: #fff;} .sub_top .pool_slider .swiper-line.left {left: 0;} .sub_top .pool_slider .swiper-line.left::after {right: 0;} .sub_top .pool_slider .swiper-line.right {right: 0;} .sub_top .pool_slider .swiper-line.right::after { left: 0;} .PoolVilla_page .room_tit { font-family: 'Ivy Mode'; font-size: 1.5rem; color: #c7ae87; margin-bottom: 0.5rem;} .PoolVilla_page .room_desc {font-size: 1.1rem; line-height: 1.6em; letter-spacing: -0.025em; color: #333333; transform: rotate(-0.03deg);} .PoolVilla_page .room_desc.bold {font-weight: 700;} .PoolVilla_page .room_desc.ver2 {font-size: 1.1rem;} .PoolVilla_page .room_desc.ver3 {font-size: 1.1rem; color:red;} .PoolVilla_page .room_add { font-size: 1.05rem; line-height: 1.6em; letter-spacing: -0.025em; font-weight: 700; color: #ababab; transform: rotate(-0.03deg);} .PoolVilla_page .room_desc + .room_add { margin-top: 1.25rem;} .PoolVilla_page .room_detail_info1 { display: flex; align-items: flex-end; gap: 6%;} .PoolVilla_page .room_detail_info1 .room_imgbox {position: relative; width: 47%; height: 0; padding-bottom: 50%;} .PoolVilla_page .room_detail_info1 .room_img { position: absolute; width: 100%; height: 100%; opacity: 1; background: no-repeat center/cover;} .PoolVilla_page .room_detail_info1 .room_img::before { content: ''; width: 0; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 2; display: block; transition: all 1s ease; -webkit-transition: all 1s ease;} .PoolVilla_page .room_detail_info1 .room_img.aos-animate::before {width: 100%; background: rgba(0,0,0,0);} .PoolVilla_page .room_detail_info1 .room_img::after { content: ''; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: #ddd; z-index: 1; display: block; transition: all 1s 0.3s ease; -webkit-transition: all 1s 0.3s ease;} .PoolVilla_page .room_detail_info1 .room_img.aos-animate::after { width: 0;} .PoolVilla_page .room_detail_info1 .room_txtbox { flex: 1;} .PoolVilla_page .room_detail_info1 .room_txtbox .title .line { position: relative; display: block; width: 100%; height: 3px; margin-bottom: 2rem;} .PoolVilla_page .room_detail_info1 .room_txtbox .title .line::before { content: ""; width: 100%; height: 1px; position: absolute; left: 0; top: 1px; background: #000000;} .PoolVilla_page .room_detail_info1 .room_txtbox .title .line::after { content: ""; width: 8%; height: 3px; position: absolute; left: 0; top: 0; background: #000000;} .PoolVilla_page .room_detail_info1 .room_txtbox .title .tit { position: relative; font-size: 1.5rem; color: #333333; transform: rotate(-0.03deg);} .PoolVilla_page .room_detail_info1 .room_txtbox .title .tit::after { content: ""; display: block; width: 2rem; height: 1px; background: #666666; margin: 2rem 0;} .PoolVilla_page .room_detail_info1 .room_txtbox .info_row { display: flex; align-items: flex-start; gap: 2.85rem; margin-bottom: 5rem;} .PoolVilla_page .room_detail_info1 .room_txtbox .info_box { display: flex; flex-direction: column; gap: 2.85rem;} .PoolVilla_page .room_detail_info2 {margin: 10rem 0 5rem;} .PoolVilla_page .room_detail_info2 .room_infobox { display: flex; align-items: flex-start; padding: 4rem 0; border-bottom: 1px solid #f0f1f3;} .PoolVilla_page .room_detail_info2 .room_infobox:last-child { border-bottom: 0;} .PoolVilla_page .room_detail_info2 .room_infobox .left{width: 20%;} .PoolVilla_page .room_detail_info2 .room_infobox .left .tit { font-size: 1.8rem; font-weight: 700; color: #333333;} .PoolVilla_page .room_detail_info2 .room_infobox .right { flex: 1;} .PoolVilla_page .room_detail_info2 .room_infobox .right .info_item + .info_item { margin-top: 2.25rem;} .PoolVilla_page .room_detail_info2 .room_infobox .right .listbox { display: flex; flex-direction: column; gap: 0.75rem;} .PoolVilla_page .room_detail_info2 .room_infobox .right .listbox .txt { position: relative; font-size: 1.1rem; letter-spacing: -0.025em; color: #333333; padding-left: 1.05rem;} .PoolVilla_page .room_detail_info2 .room_infobox .right .listbox .txt::before { content: ""; position: absolute; left: 0; top: 0.5em; width: 0.25rem; height: 0.25rem; background: #adadad; border-radius: 50%;} .PoolVilla_page .room_btnbox { margin-bottom: 10rem; display: flex;justify-content: center;} .PoolVilla_page .room_btnbox .room_reverse_btn { display: flex; align-items: center; justify-content: center; width: 300px; height: 65px; background-color: #fff; border: 1px solid #c7ae87; font-size: 1.15rem; font-weight: 700; color: #c7ae87; letter-spacing: -0.025em; transform: rotate(-0.03deg);transition: all 0.35s ease-in-out;} .PoolVilla_page .room_btnbox .room_reverse_btn:hover { color: #fff; background-color: #c7ae87;} /* Special 부대시설 미리보기 */ .SpecialList_page .sub1 .sub_top .img{transform: scale(1);} .SpecialList_page .sub1.active .sub_top .img{transform: scale(1);} .SpecialList_page .spe_gallery { position: relative; width: 100%; height: 100%; display: flex;} .SpecialList_page #section1 .spe_gallery .item{ position: relative; width: 100%; height: 100%;} .SpecialList_page .spe_gallery .item { position: relative; width: 50%; height: 100%;} .SpecialList_page .spe_gallery .item > a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden;} .SpecialList_page .spe_gallery .item .spe_thum { width: 100%; height: 100%; background: no-repeat center/ cover; transition: all 0.35s ease-in;} .SpecialList_page .spe_gallery .item .txtbox { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; text-align: center; transition: all 0.35s ease-in;z-index: 2;} .SpecialList_page .spe_gallery .item .txtbox .num { font-family: 'Ivy Mode'; font-size: 1.8rem; color: #ffffff; margin-bottom: 2.4rem;opacity:0.9;} .SpecialList_page .spe_gallery .item .txtbox .tit { font-size: 2.6rem;font-family: 'Montserrat';color: #ffffff; font-weight: 300;transform: rotate(-0.03deg); margin-bottom: 6.25rem;opacity: 0.7;letter-spacing:-1.5px;} .SpecialList_page .spe_gallery .item .txtbox .tit_k { font-size: 1.4rem;font-weight: 500;font-family: 'SUIT';color: #ffffff; transform: rotate(-0.03deg); margin-bottom: 0.6rem;} .SpecialList_page .spe_gallery .item .txtbox .more {font-family: 'Ivy Mode';font-size: 1.1rem;letter-spacing: 1px; color: #fff; padding-bottom: 0.25rem; border-bottom: 1px solid #fff;opacity: 0.7;} .SpecialList_page .spe_gallery .item .hover_txtbox { position: absolute; left: 0; bottom: 0; width: 100%; height: 100vh; text-align: center; background: #1616163b; padding: 1rem 0; box-sizing: border-box; transition: all 0.35s ease-in; transform: translateX(100%);z-index: 1;} .SpecialList_page .spe_gallery .item .hover_txtbox.show { transform: translateY(0);} .SpecialList_page .spe_gallery .item:hover .txtbox .num { font-family: 'Ivy Mode'; font-size: 1.7rem; color: #ffffff; margin-bottom: 2.4rem;opacity:0.7;transition: all 0.35s ease-in;} .SpecialList_page .spe_gallery .item:hover .txtbox .tit { font-size: 3.5rem;font-family: 'Montserrat';color: #ffffff; font-weight: 300;transform: rotate(-0.03deg); margin-bottom: 6.25rem;opacity: 1;transition: all 0.35s ease-in;} .SpecialList_page .spe_gallery .item:hover .txtbox .tit_k { font-size: 1.6rem;font-weight: 500;font-family: 'SUIT';color: #ffffff; transform: rotate(-0.03deg); margin-bottom: 0.6rem;transition: all 0.35s ease-in;} .SpecialList_page .spe_gallery .item:hover .txtbox .more {font-family: 'Ivy Mode';font-size: 1rem;letter-spacing: 1px; color: #fff; padding-bottom: 0.25rem; border-bottom: 1px solid #fff;opacity: 0.7;transition: all 0.35s ease-in;} .SpecialList_page .spe_gallery .item:hover .txtbox .num:hover {font-size:1.8rem;transition: all 0.1s ease-in;opacity:1} .SpecialList_page .spe_gallery .item:hover .txtbox .tit:hover {font-size: 3.6rem;transition: all 0.1s ease-in;} .SpecialList_page .spe_gallery .item:hover .txtbox .tit_k:hover {font-size: 1.7rem;transition: all 0.1s ease-in;} .SpecialList_page .spe_gallery .item:hover .txtbox .more:hover{font-size: 1.1rem;opacity:1;transition: all 0.1s ease-in;} .SpecialList_page .spe_gallery .item:hover .spe_thum { transform: scale(1.05);} .SpecialList_page .spe_gallery .item:hover .hover_txtbox { transform: translateY(0);} .SpecialList_page #section3 .spe_gallery .item2{ position: relative; width: 100%; height: 100%;} .SpecialList_page .spe_gallery .item2 { position: relative; width: 50%; height: 100%;} .SpecialList_page .spe_gallery .item2 > a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden;} .SpecialList_page .spe_gallery .item2 .spe_thum { width: 100%; height: 100%; background: no-repeat center/ cover; transition: all 0.35s ease-in;} .SpecialList_page .spe_gallery .item2 .txtbox { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; text-align: center; transition: all 0.35s ease-in;z-index:2} .SpecialList_page .spe_gallery .item2 .txtbox .num { font-family: 'Ivy Mode'; font-size: 1.8rem; color: #ffffff; margin-bottom: 2.4rem;opacity:0.9;} .SpecialList_page .spe_gallery .item2 .txtbox .tit { font-size: 2.6rem;font-family: 'Montserrat';color: #ffffff; font-weight: 300;transform: rotate(-0.03deg); margin-bottom: 6.25rem;opacity: 0.7;letter-spacing:-1.5px;} .SpecialList_page .spe_gallery .item2 .txtbox .tit_k { font-size: 1.4rem;font-weight: 500;font-family: 'SUIT';color: #ffffff; transform: rotate(-0.03deg); margin-bottom: 0.6rem;} .SpecialList_page .spe_gallery .item2 .txtbox .more {font-family: 'Ivy Mode';font-size: 1.1rem;letter-spacing: 1px; color: #fff; padding-bottom: 0.25rem; border-bottom: 1px solid #fff;opacity: 0.7;} .SpecialList_page .spe_gallery .item2 .hover_txtbox { position: absolute; left: 0; bottom: 0; width: 100%; height: 100vh; text-align: center; background: #1616163b; padding: 1rem 0; box-sizing: border-box; transition: all 0.35s ease-in; transform: translateX(100%);z-index: 1;} .SpecialList_page .spe_gallery .item2 .hover_txtbox.show { transform: translateY(0);} .SpecialList_page .spe_gallery .item2:hover .txtbox .num { font-family: 'Ivy Mode'; font-size: 1.7rem; color: #ffffff; margin-bottom: 2.4rem;opacity:0.7;transition: all 0.35s ease-in;} .SpecialList_page .spe_gallery .item2:hover .txtbox .tit { font-size: 3.5rem;font-family: 'Montserrat';color: #ffffff; font-weight: 300;transform: rotate(-0.03deg); margin-bottom: 6.25rem;opacity: 1;transition: all 0.35s ease-in;} .SpecialList_page .spe_gallery .item2:hover .txtbox .tit_k { font-size: 1.6rem;font-weight: 500;font-family: 'SUIT';color: #ffffff; transform: rotate(-0.03deg); margin-bottom: 0.6rem;transition: all 0.35s ease-in;} .SpecialList_page .spe_gallery .item2:hover .txtbox .more {font-family: 'Ivy Mode';font-size: 1rem;letter-spacing: 1px; color: #fff; padding-bottom: 0.25rem; border-bottom: 1px solid #fff;opacity: 0.7;transition: all 0.35s ease-in;} .SpecialList_page .spe_gallery .item2:hover .txtbox .num:hover {font-size:1.8rem;transition: all 0.1s ease-in;opacity:1} .SpecialList_page .spe_gallery .item2:hover .txtbox .tit:hover { font-size: 3.6rem;transition: all 0.1s ease-in;} .SpecialList_page .spe_gallery .item2:hover .txtbox .tit_k:hover {font-size: 1.7rem;transition: all 0.1s ease-in;} .SpecialList_page .spe_gallery .item2:hover .txtbox .more:hover{font-size: 1.1rem;opacity:1;transition: all 0.1s ease-in;} .SpecialList_page .spe_gallery .item2:hover .spe_thum { transform: scale(1.05);} .SpecialList_page .spe_gallery .item2:hover .hover_txtbox { transform: translateY(0);} /* Special 부대시설 상세 */ .sub_top .special_slider { width: 100%; height: 100%;} .sub_top .special_slider .swiper-slide .special_slide_img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat center/cover;} .sub_top .special_slider .pagination { bottom: 3%;} .sub_top .special_slider .pagination .swiper-pagination-bullet { width: 5px;height: 5px;background:#fff;margin: 50px 10px;opacity: 1;} .sub_top .special_slider .pagination .swiper-pagination-bullet-active::before {content:"";display:block;width: 27px;height: 27px;border:1px solid #fff;border-radius:24px;opacity: 0.9;margin:-12px;} .sub_top .special_slider .swiper-line{position:absolute;top: 45%;width: 192px;height: 156px;z-index:100;} .sub_top .special_slider .swiper-line.left {left: 0;background: url(../images/room/slick_prev.png) no-repeat 50% 50%;} .sub_top .special_slider .swiper-line.left::after {right: 0;} .sub_top .special_slider .swiper-line.right {right: 0;background: url(../images/room/slick_next.png) no-repeat 50% 50%;} .sub_top .special_slider .swiper-line.right::after { left: 0;} .SpecialItem_page .sub_titbox { margin-top: 12rem;} .SpecialItem_page .sub_titbox .sub { margin-bottom: 1.75rem;} .SpecialItem_page .sub_titbox .txt2 { margin-bottom: 3rem;} .SpecialItem_page .sub_titbox .desc { line-height: 1.8em;} #facility .img_wrap {width: 90%;margin: 100px auto;display: flex;justify-content: space-between;} #facility .img_wrap > div {width: 32%;height: 500px;} #facility .img_wrap > div.img02 {margin-top: 100px;} .SpecialItem_page .facility_infobox {/* margin: 12rem 0 10rem; */padding: 6rem 0 12rem; display: flex; flex-direction: column; align-items: center; gap: 5rem; text-align: center;} .SpecialItem_page .facility_infobox .info_item .sub { font-size: 1.7rem; letter-spacing: -0.025em; font-weight: 400; color: #1d1d1d; transform: rotate(-0.03deg); margin-bottom: 2rem; font-family:'montserrat';letter-spacing:2px;} .SpecialItem_page .facility_infobox .info_item .desc { font-size: 1.2rem; letter-spacing: -0.025em; line-height: 2em; color: #1d1d1d; transform: rotate(-0.03deg);} .SpecialItem_page .facility_banner {position: relative; width: 100%} .SpecialItem_page .facility_banner .banner_img { position: relative; width: 100%; height: 0; padding-bottom: 32%; opacity: 1; background: no-repeat center/cover;} .SpecialItem_page .facility_banner .banner_img::before { content: ''; width: 0; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 2; display: block; transition: all 1s ease; -webkit-transition: all 1s ease;} .SpecialItem_page .facility_banner .banner_img.aos-animate::before {width: 100%; background: rgba(0,0,0,0);} .SpecialItem_page .facility_banner .banner_img::after { content: ''; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: #ddd; z-index: 1; display: block; transition: all 1s 0.3s ease; -webkit-transition: all 1s 0.3s ease;} .SpecialItem_page .facility_banner .banner_img.aos-animate::after { width: 0;} .SpecialItem_page .special_list { margin: 12rem 0; display: flex; align-items: center;} .SpecialItem_page .special_list .special_controlbox { width: 13%; display: flex; flex-direction: column; align-items: center;} .SpecialItem_page .special_list .special_controlbox .txtbox { display: flex; align-items: center; justify-content: center; margin-bottom: 7rem;} .SpecialItem_page .special_list .special_controlbox .txtbox .txt { font-family:'Ivy Mode'; font-size: 1.95rem; line-height: 1; padding-right: 0.25rem; color: #1d1d1d; writing-mode: vertical-lr; text-orientation: mixed; transform: rotate(180deg);} .SpecialItem_page .special_list .special_controlbox .next_btn, .SpecialItem_page .special_list .special_controlbox .prev_btn { position: relative; top: auto; left: auto; right: auto; margin: 0; width: auto; height: auto; font-size: 1.2rem; color: #1d1d1d;} .SpecialItem_page .special_list .special_controlbox .next_btn { margin-bottom: 2.75rem;} .SpecialItem_page .special_list .special_sliderbox { flex: 1;} .SpecialItem_page .special_list .special_list_slider {width: 100%;} .SpecialItem_page .special_list .special_list_slider .swiper-slide { width: 34%; height: 0; padding-bottom: 30%; margin-right: 3.5rem;} .SpecialItem_page .special_list .special_list_slider .swiper-slide > a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;} .SpecialItem_page .special_list .special_list_slider .special_list_thum { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat center/cover; transition: all 0.35s ease-in-out;} .SpecialItem_page .special_list .special_list_slider .swiper-slide .txtbox { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; display: flex; flex-direction: column; gap: 1.2rem; transition: all 0.35s ease-in-out; opacity: 0;} .SpecialItem_page .special_list .special_list_slider .swiper-slide .txtbox .num { font-family: 'Ivy Mode'; font-size: 1.3rem; letter-spacing: 0.025em;color: #fff;} .SpecialItem_page .special_list .special_list_slider .swiper-slide .txtbox .tit { font-family: 'Ivy Mode'; font-size: 1.6rem; letter-spacing: 0.025em; color: #ffffff;} .SpecialItem_page .special_list .special_list_slider .swiper-slide:hover .special_list_thum{transform: scale(1.15);} .SpecialItem_page .special_list .special_list_slider .swiper-slide:hover .txtbox{opacity: 1;} .special_list .prev_btn::after, .special_list .next_btn::after {display: none;} @media(max-width:1200px){ #facility_detail .swiper .swiper-line.left, #facility_detail .swiper-line.right{width: 63px;height: 64px;top: 45%;} #facility_detail .swiper .swiper-line.left{left: 0%;background: url(../images/room/slick_prev_m.png) no-repeat 50% 50%;width: 63px;height: 64px;} #facility_detail .swiper .swiper-line.right{right: 0%;background: url(../images/room/slick_next_m.png) no-repeat 50% 50%;width: 63px;height: 64px;} #facility_detail .swiper .swiper-line.left::after{display:none;} #facility_detail .swiper .swiper-line.right::after{display:none;} .sub_top .special_slider .pagination .swiper-pagination-bullet { width: 5px;height: 5px;background:#fff;margin: 3px 6px;opacity: 1;} .sub_top .special_slider .pagination .swiper-pagination-bullet-active::before {content: "";display: block;width: 17px;height: 17px;border: 1px solid #fff;border-radius: 24px;opacity: 0.9;margin: -7px;} } @media(max-width:1025px){ .sub_top{height: 60vw !important;} .sub_top .special_slider {height: 60vw !important;} .SpecialList_page .spe_gallery .item::before{content:"";display: block;width:1px;height:120px;background: #fff;position: absolute;top: 0;left: 50%;z-index: 10;opacity: 0.2;} /* .SpecialList_page .spe_gallery .item .txtbox{left: 9%;top: 53%;transform: none;align-items: flex-start;text-align: left;} */ .SpecialList_page .spe_gallery .item .txtbox .num { font-family: 'Ivy Mode'; font-size: 1.4rem; color: #ffffff; margin-bottom: 2.4rem;opacity:0.9;} /* .SpecialList_page .spe_gallery .item .txtbox .num::before{content:"";display: block;height:1px;width:40px;margin:25px auto;background: #fff;} */ .SpecialList_page .spe_gallery .item .txtbox .tit { font-size: 3rem;font-family: 'Ivy Mode';color: #ffffff; font-weight: 300;transform: rotate(-0.03deg); margin-bottom: 5rem;opacity: 1; line-height:1.3; letter-spacing:1.5px;} .SpecialList_page .spe_gallery .item .txtbox .tit_k { font-size: 1.3rem;font-weight: 400;font-family: 'SUIT';color: #ffffff; transform: rotate(-0.03deg); margin-bottom: 0.2rem;} .SpecialList_page .spe_gallery .item .txtbox .more {font-family: 'Montserrat';font-size:0.7rem;letter-spacing: 1.5px; color: #fff; padding-bottom: 0.25rem; border-bottom: none;opacity: 0.7;} /* .SpecialList_page .spe_gallery .item .txtbox .more::after{content:"";display: block;height:1px;width:40px;margin:20px auto;background: #fff;} */ .SpecialList_page .spe_gallery .item:hover .txtbox .num { font-size: 1.4rem;opacity:0.9; } .SpecialList_page .spe_gallery .item:hover .txtbox .tit {font-size: 3rem;font-family: 'Ivy Mode'; margin-bottom: 5rem;} .SpecialList_page .spe_gallery .item:hover .txtbox .tit_k { font-size: 1.3rem;margin-bottom: 0.2rem;font-weight: 400;} .SpecialList_page .spe_gallery .item:hover .txtbox .more {font-size:0.7rem;opacity: 0.7;font-family: 'Montserrat';border-bottom: none;} .SpecialList_page .spe_gallery .item:hover .txtbox .num:hover { font-size: 1.4rem;opacity:0.9; } .SpecialList_page .spe_gallery .item:hover .txtbox .tit:hover {font-size: 3rem;font-family: 'Ivy Mode'; margin-bottom: 5rem;} .SpecialList_page .spe_gallery .item:hover .txtbox .tit_k:hover { font-size: 1.3rem;margin-bottom: 0.2rem;font-weight: 400;} .SpecialList_page .spe_gallery .item:hover .txtbox .more:hover{font-size:0.7rem;opacity: 0.7;font-family: 'Montserrat';border-bottom: none;} .SpecialList_page .spe_gallery .item2::before{content:"";display: block;width:1px;height:120px;background: #fff;position: absolute;top: 0;left: 50%;z-index: 10;opacity: 0.2;} /* .SpecialList_page .spe_gallery .item2 .txtbox{left: 9%;top: 53%;transform: none;align-items: flex-start;text-align: left;} */ .SpecialList_page .spe_gallery .item2 .txtbox .num { font-family: 'Ivy Mode'; font-size: 1.4rem; color: #ffffff; margin-bottom: 2.4rem;opacity:0.9;} .SpecialList_page .spe_gallery .item2 .txtbox .tit { font-size: 3rem;font-family: 'Ivy Mode';color: #ffffff; font-weight: 300;transform: rotate(-0.03deg); margin-bottom: 5rem;opacity: 1; line-height:1.3; letter-spacing:1.5px;} .SpecialList_page .spe_gallery .item2 .txtbox .tit_k { font-size: 1.1rem;font-weight: 400;font-family: 'SUIT';color: #ffffff; transform: rotate(-0.03deg); margin-bottom: 0.2rem;} .SpecialList_page .spe_gallery .item2 .txtbox .more {font-family: 'Montserrat';font-size:0.7rem;letter-spacing: 1.5px; color: #fff; padding-bottom: 0.25rem; border-bottom: none;opacity: 0.7;} .SpecialList_page .spe_gallery .item2:hover .txtbox .num { font-size: 1.4rem;opacity:0.9; } .SpecialList_page .spe_gallery .item2:hover .txtbox .tit {font-size: 3rem;font-family: 'Ivy Mode'; margin-bottom: 5rem;} .SpecialList_page .spe_gallery .item2:hover .txtbox .tit_k { font-size: 1.1rem;margin-bottom: 0.2rem;font-weight: 400;} .SpecialList_page .spe_gallery .item2:hover .txtbox .more {font-size:0.7rem;opacity: 0.7;font-family: 'Montserrat';border-bottom: none;} .SpecialList_page .spe_gallery .item2:hover .txtbox .num:hover { font-size: 1.4rem;opacity:0.9; } .SpecialList_page .spe_gallery .item2:hover .txtbox .tit:hover {font-size: 3rem;font-family: 'Ivy Mode'; margin-bottom: 5rem;} .SpecialList_page .spe_gallery .item2:hover .txtbox .tit_k:hover { font-size: 1.1rem;margin-bottom: 0.2rem;font-weight: 400;} .SpecialList_page .spe_gallery .item2:hover .txtbox .more:hover{font-size:0.7rem;opacity: 0.7;font-family: 'Montserrat';border-bottom: none;} .SpecialList_page .spe_gallery .item1_2::before{content:"";display: none;} .SpecialList_page .spe_gallery .item1_2 .txtbox{left: 9%;top: 31%;transform: none;align-items: flex-start;text-align: left;} .SpecialList_page .spe_gallery .item1_2 .txtbox .num { font-family: 'Ivy Mode'; font-size: 1.2rem; color: #ffffff; margin-bottom: 2.4rem;opacity:0.9;} .SpecialList_page .spe_gallery .item1_2 .txtbox .tit { font-size: 2.4rem;font-family: 'Ivy Mode';color: #ffffff; font-weight: 300;transform: rotate(-0.03deg); margin-bottom: 1rem; opacity: 1; line-height:1.3; letter-spacing:1.5px;} .SpecialList_page .spe_gallery .item1_2 .txtbox .tit_k { font-size: 1.1rem;font-weight: 400;font-family: 'SUIT';color: #ffffff; transform: rotate(-0.03deg); margin-bottom: 0.2rem;} .SpecialList_page .spe_gallery .item1_2 .txtbox .more {font-family: 'Montserrat';font-size:0.7rem;letter-spacing: 1.5px; color: #fff; padding-bottom: 0.25rem; border-bottom: none;opacity: 0.7;} .SpecialList_page .spe_gallery .item1_2:hover .txtbox .num { font-size: 1.2rem;opacity:0.9; } .SpecialList_page .spe_gallery .item1_2:hover .txtbox .tit {font-size: 2.4rem;font-family: 'Ivy Mode'; margin-bottom: 1rem;} .SpecialList_page .spe_gallery .item1_2:hover .txtbox .tit_k { font-size: 1.1rem;margin-bottom: 0.2rem;font-weight: 400;} .SpecialList_page .spe_gallery .item1_2:hover .txtbox .more {font-size:0.7rem;opacity: 0.7;font-family: 'Montserrat';letter-spacing: 1.5px;border-bottom: none;} .SpecialList_page .spe_gallery .item1_2:hover .txtbox .num:hover { font-size: 1.2rem;opacity:0.9; } .SpecialList_page .spe_gallery .item1_2:hover .txtbox .tit:hover {font-size: 2.4rem;font-family: 'Ivy Mode'; margin-bottom: 1rem;} .SpecialList_page .spe_gallery .item1_2:hover .txtbox .tit_k:hover { font-size: 1.1rem;margin-bottom: 0.2rem;font-weight: 400;} .SpecialList_page .spe_gallery .item1_2:hover .txtbox .more:hover{font-size:0.7rem;opacity: 0.7;font-family: 'Montserrat';letter-spacing: 1.5px;border-bottom: none;} } @media(max-width:768px){ .sub_top .txtbox{gap:1.5rem} .sub_top .txtbox .tit{font-size:3.2rem;text-align:center;margin-top:10px;line-height: 1.3;} .sub_top .txtbox .bar{height:2rem;opacity:0.4;} .sub_top .txtbox .desc{font-size:1rem} .SpecialList_page .spe_gallery { position: relative; width: 100%; height: 100%; display: flex;flex-direction:column;} .SpecialList_page #section1 .spe_gallery .item{ position: relative; width: 100%; height: 100%;} .SpecialList_page .spe_gallery .item { position: relative; width: 100%; height: 100%;} .SpecialList_page .spe_gallery .item2 { position: relative; width: 100%; height: 100%;} .SpecialItem_page .special_list .special_list_slider .swiper-slide { width: 60%; height: 25vw; margin-right: 2.5rem;} .SpecialItem_page .special_list .special_controlbox .txtbox .txt{font-size:1.3rem;} .SpecialItem_page .special_list .special_controlbox{width:20%;} .SpecialItem_page .special_list{margin:7rem 0;} .SpecialItem_page .facility_banner .banner_img{height:150px;} .SpecialItem_page .sub_titbox{margin-top:33vw;} .SpecialItem_page .sub_titbox .sub{margin-bottom: 0.3rem;} .SpecialItem_page .sub_titbox .txt2{margin-bottom:1rem;font-size: 2.6rem;} .sub_titbox .sub{font-size:1.1rem;} .sub_titbox .txt2{font-size:3rem;} .sub_titbox .desc{font-size:0.85rem;font-weight: 300;} .sub_titbox{margin-bottom:0;} #facility .img_wrap > div {height: 225px;} .SpecialItem_page .facility_infobox{margin:0} .SpecialItem_page .facility_infobox .info_item .sub{font-size:1.2rem;margin-bottom:1.4rem;} .SpecialItem_page .facility_infobox .info_item .desc{font-size:1rem;letter-spacing:-0.5px;} } @media(max-width:560px){ .SpecialItem_page .facility_infobox{padding:6rem 0 12rem; gap:3rem;} .SpecialItem_page .facility_infobox{align-items:flex-start;} .SpecialItem_page .facility_infobox .info_item{width:90%;margin:0 auto;} .SpecialItem_page .facility_infobox .info_item .sub{text-align:center;} .SpecialItem_page .facility_infobox .info_item .desc{font-size:1rem;letter-spacing:-0.9px;text-align:center;} } @media(max-width:400px){ .SpecialItem_page .facility_infobox .info_item .desc{font-size:0.9rem;} } /*------------------------------------------------------------------------------------------------*/ /* offer */ .specialOffer_page .contents {position:relative;background:#fff;top:0;} .specialOffer_page #list_item_btn { font-size:15px;color:#737373;border:1px solid #2c5b57;text-align:center;display:block;margin:100px auto;width:210px;line-height:50px;transition:all 0.3s;-webkit-transition:all 0.3s; } .specialOffer_page #list_item_btn:hover {letter-spacing:3px;} /* promotion */ .specialOffer_page .list_wrap {margin:100px 0 250px;overflow:hidden;} .specialOffer_page .list_wrap h3 { font-size: 34px;font-family: 'SUIT';line-height: 1.7;color: #333;text-align:left; padding-left:15%;margin:130px auto 130px;position:relative;} .specialOffer_page .list_wrap h3 span {display:block;margin-bottom:10px;font-size:18px;} .specialOffer_page .list_wrap .back {width:100%;height:450px;margin-bottom:120px;} .specialOffer_page .list_wrap .offers {width:75%;margin:0 auto;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;} .specialOffer_page .list_wrap .offers dl {width:30.33%;margin:0 1.5% 80px;height:680px;position:relative;} .specialOffer_page .list_wrap .offers dl dt {height:22vw;width:100%;overflow:hidden;} .specialOffer_page .list_wrap .offers dl dt .img { width:100%;height:100%; transform: scale(1); transition:all 0.3s ease-in-out; } .specialOffer_page .list_wrap .offers dl dd {margin-top:30px;word-break:keep-all;} .specialOffer_page .list_wrap .offers dl dd a {display:block;} .specialOffer_page .list_wrap .offers dl dd h4 {font-size:24px;color:#212121;margin-bottom:10px;line-height:1.6em;font-weight:bold;} .specialOffer_page .list_wrap .offers dl dd p { font-size:15px;color:#737373;line-height:1.5em;word-break:keep-all; white-space:normal;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden; } .specialOffer_page .list_wrap .offers dl dd span {display:block;font-size:16px;color:#737373;margin-top:50px;position:absolute;left:0;bottom:0;} .specialOffer_page .list_wrap .offers dl dd .view_btn {width:160px;line-height:40px;text-align:center;color:#fff;background:#b49f82;margin-top:30px;transition:letter-spacing 0.3s ease-in-out;border:1px solid #b49f82} .specialOffer_page .list_wrap .offers dl dd .view_btn:hover {background:none;color:#b49f82;letter-spacing:2px;border:1px solid #b49f82} .specialOffer_page .cont_wrap{max-width:1030px; margin:0 auto; position:relative; padding:90px 0 180px;} .specialOffer_page .cont_wrap .tit_box{position:relative; display:block; padding:15px 0;} .specialOffer_page .cont_wrap .tit_box .tit{color:#212121; font-size:40px;text-align:center;margin-bottom:50px;} .specialOffer_page .cont_wrap .tit_box .tit .date{display:block; color:#737373;font-size:18px;margin-top:25px;} .specialOffer_page .cont_wrap .cont {padding:40px 0 90px; } .specialOffer_page .cont_wrap .cont h4 {font-size:16px;color:#212121;margin:80px 0 30px 0;text-align:center;font-weight:bold;} .specialOffer_page .cont_wrap .cont img {display:block;margin:0 auto;width:900px;height:auto;} .specialOffer_page .cont_wrap .cont p{margin-top:50px; color:#6d6d6e; font-size:16px; line-height:160%;text-align:center;line-height:1.8em;word-break:keep-all;} .specialOffer_page .cont_wrap .cont .loca {margin:30px 0 80px;line-height:2em;} .specialOffer_page .cont_wrap a{ margin:45px auto 0; width:215px; height:50px; line-height:55px; background-color:#c6a582; color:#fff; font-size:15px; display:block; text-align:center; } @media(max-width:1024px){ .specialOffer_page .sub_top{height: 60vh !important;} .specialOffer_page .contents {position:relative;background:#fff;z-index:360;top:0;} .specialOffer_page #list_item_btn { font-size:15px;color:#737373;border:1px solid #c6a582;text-align:center;display:block;margin:100px auto;width:210px;line-height:50px;transition:all 0.3s;-webkit-transition:all 0.3s; } .specialOffer_page #list_item_btn:hover {letter-spacing:3px;} /* promotion */ .specialOffer_page .list_wrap {margin:250px 0 100px;overflow:hidden;} .specialOffer_page .list_wrap h3 {font-size:30px; font-weight:600;color:#444444;margin:0 auto 80px;position:relative;margin-left: 7%;padding-left:0;line-height: 1.5;} .specialOffer_page .list_wrap .tab {width: 100%;padding: 40px 0;background-color: #f8f8f9;margin-bottom: 70px;} .specialOffer_page .list_wrap .tab ul {width: 95%;margin: 0 auto;display: flex;justify-content: space-evenly;} .specialOffer_page .list_wrap .tab ul li {} .specialOffer_page .list_wrap .tab ul li a {font-size: 20px;color: #adadad;} .specialOffer_page .list_wrap .tab ul li.active a {color: #000000;text-decoration: underline;text-underline-offset: 15px;font-weight: bold;} .specialOffer_page .list_wrap .offers {width:90%;margin:0 auto;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;} .specialOffer_page .list_wrap .offers dl {width:47%;margin:0 0 80px;height:58vw !important;min-height:58vw;position:relative;} .specialOffer_page .list_wrap .offers dl dt {height:40vw;width:100%;overflow:hidden;} .specialOffer_page .list_wrap .offers dl dt .img { width:100%;height:100%; transform: scale(1); transition:all 0.3s ease-in-out; } .specialOffer_page .list_wrap .offers dl dd {margin-top:30px;word-break:keep-all;} .specialOffer_page .list_wrap .offers dl dd a {display:block;} .specialOffer_page .list_wrap .offers dl dd h4 {font-size:20px;color:#333333;margin-bottom:15px;line-height:1.5;font-weight:bold;} .specialOffer_page .list_wrap .offers dl dd h4 span {display: block;font-size: 14px;color: #585858;margin-bottom: 25px;} .specialOffer_page .list_wrap .offers dl dd p { font-size:14px;color:#737373;line-height:1.5em;word-break:keep-all; white-space:normal;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden; } .specialOffer_page .list_wrap .offers dl dd span.date {display:block;font-size:16px;color:#737373;margin-top:50px;position:absolute;left:0;bottom:0;} .specialOffer_page .list_wrap .offers dl dd .view_btn {width:160px;line-height:40px;text-align:center;color:#fff;background:#b49f82;margin-top:30px;transition:letter-spacing 0.3s ease-in-out;border:1px solid #b49f82} .specialOffer_page .list_wrap .offers dl dd .view_btn:hover {background:none;color:#b49f82;letter-spacing:2px;border:1px solid #b49f82} .specialOffer_page .cont_wrap{max-width:1030px; margin:0 auto; position:relative; padding:180px 0 180px;} .specialOffer_page .cont_wrap .tit_box{position:relative; display:block; padding:15px 0;} .specialOffer_page .cont_wrap .tit_box .tit{color:#212121; font-size:32px;text-align:center;margin-bottom:50px;} .specialOffer_page .cont_wrap .tit_box .tit .date{display:block; color:#737373;font-size:16px;margin-top:25px;} .specialOffer_page .cont_wrap .cont {padding:40px 0 90px; } .specialOffer_page .cont_wrap .cont h4 {font-size:28px;color:#212121;margin:80px 0 0px 0;text-align:center;font-weight:bold;} .specialOffer_page .cont_wrap .cont img {display:block;margin:0 auto;max-width:900px;height:auto;width: 90%;} .specialOffer_page .cont_wrap .cont p{margin-top:50px; color:#6d6d6e; font-size:16px; line-height:160%;text-align:center;line-height:1.8em;word-break:keep-all;} .specialOffer_page .cont_wrap .cont .loca {margin:10px 0 80px;line-height:2em;} .specialOffer_page .cont_wrap a{ margin:45px auto 0; width:215px; height:50px; line-height:55px; background-color:#c6a582; color:#fff; font-size:15px; display:block;text-align:center;} } @media(max-width:768px){ .specialOffer_page .list_wrap{margin:20px 0 100px} .specialOffer_page .list_wrap h3{font-size:14px;margin-left:0;text-align:center;} .specialOffer_page .list_wrap .offers{flex-direction:column;} .specialOffer_page .list_wrap .offers dl{width:100%;} .specialOffer_page .list_wrap .offers dl dt {height:85vw;} .specialOffer_page .list_wrap .offers dl {min-height:122vw;} } /*------ offer detail ------*/ #promotion .contents { position: relative; background: #fff; z-index: 360; top: 0; } #promotion #list_item_btn { font-size:15px;color:#737373;border:1px solid #c6a582;text-align:center;display:block;margin:100px auto;width:210px;line-height:50px;transition:all 0.3s;-webkit-transition:all 0.3s; } #promotion #list_item_btn:hover {letter-spacing:3px;} /* promotion */ #promotion .list_wrap {padding:250px 0 250px;overflow:hidden;} #promotion .list_wrap h3 {font-size:44px;color:#444444;margin:0 auto 80px;position:relative;margin-left: 10%;line-height: 1.7; font-family: 'InriaSerif', serif;font-weight: 100; } #promotion .list_wrap .offers {width:75%;margin:0 auto;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;} #promotion .list_wrap .offers dl {width:30.33%;margin:0 1.5% 80px;position:relative;} #promotion .list_wrap .offers dl dt {height:0;width:100%;overflow:hidden;padding-top: 100%;position: relative} #promotion .list_wrap .offers dl dt .img { width:100%;height:100%; transition:all 0.3s ease-in-out; position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%) scale(1); } #promotion .list_wrap .offers dl dd {margin-top:30px;word-break:keep-all;} #promotion .list_wrap .offers dl dd a {display:block;} #promotion .list_wrap .offers dl dd h4 {font-size:28px;color:#222222;margin-bottom:15px;line-height:1.5;font-weight:bold;} #promotion .list_wrap .offers dl dd h4 span {display: block;font-size: 14px;color: #585858;margin-bottom: 25px;} /*#promotion .list_wrap .offers dl dd p { font-size:15px;color:#737373;line-height:1.5em;word-break:keep-all; white-space:normal;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden; }*/ #promotion .list_wrap .offers dl dd p.ko {font-size: 26px;color: #222222;margin-bottom: 15px;line-height: 1.2;font-weight: 600;margin-top: 2rem;} #promotion .list_wrap .offers dl dd p.en {color: #585858; font-weight: 200; font-size: 1.4rem; letter-spacing: 0.3px; text-transform: uppercase;} #promotion .list_wrap .offers dl dd span.date {display:block;font-size:16px;color:#737373;margin-top:10px; font-weight: 300;letter-spacing: 0.3px;} #promotion .list_wrap .offers dl dd .detail{display:block; font-size:14px; color:#757575; margin-top:10px; letter-spacing: 0.3px;} #promotion .list_wrap .offers dl dd .view_btn {width:160px;line-height:40px;text-align:center;color:#fff;background:#b49f82;margin-top:30px;transition:letter-spacing 0.3s ease-in-out;border:1px solid #b49f82} #promotion .list_wrap .offers dl dd .view_btn:hover {background:none;color:#b49f82;letter-spacing:2px;border:1px solid #b49f82} #promotion .cont_wrap{max-width:1030px; margin:0 auto; position:relative; padding:90px 0 180px;} #promotion .cont_wrap .tit_box{position:relative; display:block; padding:15px 0;} #promotion .cont_wrap .tit_box .tit{color:#212121; font-size:40px;text-align:center;margin-bottom:50px;} #promotion .cont_wrap .tit_box .tit .date{display:block; color:#737373;font-size:18px;margin-top:25px;} #promotion .cont_wrap .cont {padding:40px 0 90px; } #promotion .cont_wrap .cont h4 {font-size:16px;color:#212121;margin:80px 0 30px 0;text-align:center;font-weight:bold;} #promotion .cont_wrap .cont img {display:block;margin:0 auto;width:900px;height:auto; max-width:100%} #promotion .cont_wrap .cont p{margin-top:50px; color:#6d6d6e; font-size:16px; line-height:160%;text-align:center;word-break:keep-all;} #promotion .cont_wrap .cont .loca {margin:30px 0 80px;line-height:2em;} #promotion .cont_wrap a{ margin:45px auto 0; width:215px; height:50px; line-height:55px; background-color:#2c5b57; color:#fff; font-size:15px; display:block; text-align:center; } #promotion #top { width: 100%; height: 50rem; background: url("https://woc1.speedgabia.com/_badayosae/banner/5.jpg") no-repeat center; background-size: cover; position: relative; } #promotion #top h2 {font-size: 3.8rem;position: absolute;left: 50%;top: 60%;transform: translate(-50%,-50%);text-align: center; z-index: 5;color: #fff; font-family: 'InriaSerif', serif; font-weight: 100; text-transform: uppercase;} #promotion #top h2 span {display: block;font-size: 1.8rem;font-weight: 400} @media (max-width: 1024px) { #promotion .list_wrap h3 {font-size: 2.2rem;} #promotion .list_wrap .offers {width: 80%;} #promotion .list_wrap .offers dl {width: 100%;margin:0 0.5% 5rem;} #promotion .list_wrap .offers dl dd p.ko {font-size: 2rem;} #promotion .list_wrap .offers dl dd span.date {font-size: 1.4rem;} } /*------ woc - about ------*/ .TouristArea_page #contents {position:relative;background:#fff;padding-top:80px;z-index:500;} .TouristArea_page .cont {width:1200px;margin:0 auto;} .TouristArea_page .cont .tab01 {display:block;} .TouristArea_page .cont .tab02 {display:none;} .TouristArea_page .cont ul.tr_lst {width:100%;overflow:hidden;} .TouristArea_page .cont ul.tr_lst li {width:30.33%;margin:1.5%;float:left;height:980px;margin-bottom:40px;} .TouristArea_page .cont ul.tr_lst li .img {width:100%;height:292px;margin-bottom:40px;} .TouristArea_page .cont ul.tr_lst li h3 {font-size:30px;color:#3e3e3e;margin-bottom:20px;} .TouristArea_page .cont ul.tr_lst li h3 span {display:block;font-size:16px;color:#6991ac;margin-bottom:20px;} .TouristArea_page .cont ul.tr_lst li p {font-size:14px;line-height:1.7em;color:#6c6c6c} /*------------------------------------------------------------------------------------------------*/ /* reserve */ .reservation_page .contents {padding-top:70px;} .reservation_page .contents .cont {width:1080px;margin:0 auto 150px;overflow:hidden;} .reservation_page .iframe {margin-bottom:100px;} .tab01 {display:block;} .reservation_page .tab01 img{ width: 90%; margin: 0 auto; display: block; } .tab02 {display:none;} .tab02 > h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:15px;margin-bottom:40px;} .tab02 .info h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:15px;} .tab02 .info ul {margin-top:30px;} .tab02 .info ul li {line-height:1.9em;color:#333;font-size:15px; font-weight: bold;} .tab02 .notice h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:15px;} .tab02 .notice ul {margin-top:30px;} .tab02 .notice ul li {line-height:1.65em;color:#4d4d4d;font-size:15px;} .tab02 .price {margin:80px 0 70px;} .tab02 .price h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:15px;} .tab02 .price ul {margin-top:30px;} .tab02 .price ul li {line-height:1.65em;color:#4d4d4d;font-size:15px;} .tab02 .rv_notice {margin:80px 0 70px;} .tab02 .rv_notice h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:15px;} .tab02 .rv_notice ul {margin-top:30px;} .tab02 .rv_notice ul li {line-height:1.65em;color:#4d4d4d;font-size:15px;} .tab02 .refund {margin-bottom:100px;} .tab02 .refund h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:15px;} .tab02 .refund h4 {font-size:20px;text-align:left;margin:30px 0 10px;} .tab02 .refund table {width:100%;margin-top:40px;} .tab02 .refund table thead tr th {padding:10px 0;background:#f1f1f1;border-right:1px solid #c0c0c0;font-weight:normal;font-size:14px;font-family:'NanumBarunGothic'} .tab02 .refund table thead tr th:nth-child(1) {border-left:1px solid #c0c0c0;} .tab02 .refund table tbody tr {border-bottom:1px solid #c0c0c0;} .tab02 .refund table tbody tr td { text-align:center;padding:10px 0;color:#a45959;font-family:'NanumBarunGothic';font-weight:normal;font-size:14px; border-right:1px solid #c0c0c0; } .tab02 .refund table tbody tr td:nth-child(1) {border-left:1px solid #c0c0c0;} .tab02 .refund ul {margin-top:30px;margin-left:15px;} .tab02 .refund ul li {line-height:1.5em;color:#4d4d4d;font-size:15px;} .rv_table {display:block;width:1150px;margin:0 auto;} @media(max-width:1024px){ /* reserve */ .reservation_page .sub_top{height: 60vh !important;} .reservation_page .content {padding-top:0;} .reservation_page .contents .cont{width:100%;} .reservation_page .tab01 {display:none;} .reservation_page .tab02 {display:block;} .reservation_page .tab02 > h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:20px;} .reservation_page .tab02 .info ul {width:95%;margin: 30px auto 0;} .reservation_page .tab02 .info ul li {line-height:1.8em;color:#333;font-size:15px; font-weight: bold;} .reservation_page .tab02 .price {margin:80px 0 70px;} .reservation_page .tab02 .price h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:20px;} .reservation_page .tab02 .price ul {width:95%;margin: 30px auto 0;} .reservation_page .tab02 .price ul li {line-height:1.8em;color:#4d4d4d;font-size:15px;} .reservation_page .tab02 .notice ul {margin-top:50px;margin-left:30px;} .reservation_page .tab02 .notice ul li {line-height:1.8em;color:#4d4d4d;font-size:15px;} .reservation_page .tab02 .rv_notice {margin:80px 0 70px;} .reservation_page .tab02 .rv_notice h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:20px;} .reservation_page .tab02 .rv_notice ul {width:95%;margin: 30px auto 0;} .reservation_page .tab02 .rv_notice ul li {line-height:1.8em;color:#4d4d4d;font-size:12px;} .reservation_page .tab02 .refund {margin-bottom:200px;} .reservation_page .tab02 .refund h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:20px;} .reservation_page .tab02 .refund h4 {font-size:20px;text-align:left;margin: 20px 0 20px 5%;font-weight:normal;} .reservation_page .tab02 .refund table {width:95%;margin:40px auto 0;} .reservation_page .tab02 .refund table thead tr th {line-height:1.5em;padding:10px 0;background:#f1f1f1;border-right:1px solid #c0c0c0;font-weight:normal;font-size:14px;font-family:'NanumBarunGothic';} .reservation_page .tab02 .refund table thead tr th:nth-child(1) {border-left:1px solid #c0c0c0;} .reservation_page .tab02 .refund table tbody tr {border-bottom:1px solid #c0c0c0;} .reservation_page .tab02 .refund table tbody tr td { text-align:center;padding:10px 0;color:#a45959;font-family:'NanumBarunGothic';font-weight:normal;font-size:14px; border-right:1px solid #c0c0c0; } .reservation_page .tab02 .refund table tbody tr td:nth-child(1) {border-left:1px solid #c0c0c0;} .reservation_page .tab02 .refund ul {margin:30px 0 0 5%;} .reservation_page .tab02 .refund ul li {line-height:1.8em;color:#4d4d4d;font-size:15px;} .rv_table {display:block;margin:0 auto;} .reservation_page .content .click_btn { width:350px;color:#b09375;border:1px solid #b09375;text-align:center;display:block;margin:50px auto;font-size:18px;line-height:50px;overflow:hidden; font-family:'NanumBarunGothic'; } } /*------------------------------------------------------------------------------------------------*/ /* tables */ .Notice_page .content {position:relative;background:#fff;z-index:300;padding-top:250px;} .Notice_page .content .cont {width:1200px;margin:0 auto;} .Notice_page .iframe {width: 1200px;margin:150px auto;} .Notice_page h3 {font-size:44px;color:#444444;margin:0 auto 80px;position:relative;margin-left: 10%;line-height: 1.5;} .Notice_page .tab {width: 100%;padding: 40px 0;background-color: #f8f8f9;margin-bottom: 50px;} .Notice_page .tab ul {width: 80%;margin: 0 auto;display: flex;justify-content: flex-start;} .Notice_page .tab ul li {margin-right: 50px;} .Notice_page .tab ul li a {font-size: 20px;color: #adadad;} .Notice_page .tab ul li.active a {color: #000000;text-decoration: underline;text-underline-offset: 15px;font-weight: bold;}