@charset "utf-8";

.inner{margin:0 auto;width: 1220px;max-width:100%;}

@media (min-width: 1024px){
    .pc{display:block;}
    .mo{display:none;}
    .init{transform:translateY(100px);opacity:0;transition:all 1s;}
    .init.animate{transform:translateY(0px);opacity:1;}
}
@media (max-width: 1024px){
    .pc{display:none;}
    .mo{display:block;}

    .init{transform:translateY(60px);opacity:0;transition:all 0.75s;}
    .init.animate{transform:translateY(0px);opacity:1;}
}

/*header*/
#header{position:fixed;top:0;left:0;width:100%;z-index: 1002;transition: all 0.5s;}
#header .inner{position:relative;display:flex;align-items:center;justify-content:flex-end;padding-inline:50px;width: 100%;}
#header .logo{position:absolute;top:50%;left:50px;z-index:10;transform:translateY(-50%);}
#header .logo a{display:block;width: auto;height: 85px;aspect-ratio: 276 / 227;background:url("../img/logo_w.png") no-repeat center / contain;}
#header .gnb{position:relative;}
#header .gnb .dp1{display:flex;align-items:center;justify-content:center;text-align:center;}
#header .gnb .dl1{position:relative;display: flex;width: auto;height: 110px;align-items: center;justify-content: center;}
#header .gnb .dl1.on .dp2{opacity:1;visibility:visible;}
#header .gnb .da1{position:relative;display:block;padding: 0 18px;line-height: 50px;font-size: 16px;color: #fff;transition:all 0.5s;}
#header .gnb .da1:hover{opacity:0.5;}
#header .gnb .dp2{position:absolute;top: calc(100% - 20px);left:0;min-width: 160px;background:#fff;text-align: left;opacity:0;visibility:hidden;transition:all 0.5s;}
#header .gnb .dl2{position:relative;}
#header .gnb .da2{position:relative;display:block;padding: 10px 20px;font-size: 13px;color: #212121;white-space:nowrap;}
#header .gnb .da2:hover{color:#fff;background:#404040;}
#header .link{margin-left:60px;display:flex;align-items:center;}
#header .link a{position:relative;display:flex;align-items:center;justify-content:center;margin: 0 8px 0 0;padding: 0 8px 0 0;font-size: 14px;color: #fff;}
#header .link a:after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:10px;background:#ebebeb;}
#header .link a:last-of-type{margin:0;padding:0;}
#header .link a:last-of-type:after{display:none;}
#header .allmenu{position: absolute;top: 0;left: 0;width: 56px;height: 56px;cursor: pointer;display: none;}
#header .allmenu:before{content:'';position:absolute;top:50%;left:50%;width:20px;height:10px;border-top:2px solid #fff;border-bottom:2px solid #fff;transform:translate(-50%,-50%);}
#header .allmenu:after{content:'';position:absolute;top:50%;left:50%;width:20px;height:0;border-top:2px solid #fff;transform:translate(-50%,-50%);}
#header .mnb{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:1002;opacity: 0;visibility: hidden;transition: all 0.5s;}
#header .mnb.active{opacity:1;visibility:visible;}
#header .mnb.active .menu{transform:translateX(0)}
#header .mnb .menu{position:relative;z-index:1;width:300px;max-width:100%;height:100%;background:#fff;transform: translateX(-100%);transition: all 0.3s;}
#header .mnb .menu .dp1{display:flex;flex-direction:column;}
#header .mnb .menu .dl1{position:relative;border-bottom: 1px solid #e0e0e0;}
#header .mnb .menu .dl1.on .da1 i{transform:rotate(225deg);}
#header .mnb .menu .da1{position:relative;display: flex;height: 50px;align-items: center;padding: 0 20px;line-height: 1;font-size: 14px;color: #363636;transition:all 0.5s;}
#header .mnb .menu .da1 i{content:'';position:absolute;top:calc(50% - 7px);right:20px;width:7px;height:7px;border-right:1.5px solid #aaa;border-bottom:1.5px solid #aaa;transform:rotate(45deg);transition:all 0.5s;}
#header .mnb .menu .dp2{position: relative;background:#fff;text-align: left;padding: 5px 0;display: none;}
#header .mnb .menu .dl2{position:relative;}
#header .mnb .menu .da2{position:relative;display:block;padding: 5px 30px;font-size: 13px;color: #212121;white-space:nowrap;}
#header .mnb .menu .da2:hover{color:#fff;background:#00a6ff;}
#header .mnb .close{position:absolute;z-index: 2;top:0;left:300px;width:50px;height:50px;cursor:pointer;}
#header .mnb .close:before{content:'';position:absolute;top: 23px;left: 15px;width:20px;height:1.5px;background:#fff;transform:rotate(45deg);}
#header .mnb .close:after{content:'';position:absolute;top: 23px;left: 15px;width:20px;height:1.5px;background:#fff;transform:rotate(135deg);}
#header .mnb .dimmed{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / 50%);}

#header.fixed{background: rgb(255 255 255 / 80%);}
#header.fixed .logo a{background:url("../img/logo.png") no-repeat center / contain;}
#header.fixed .gnb .da1{color:#212121;}
#header.fixed .link a{color:#212121;}

/*footer*/
#footer{padding: 50px 0;background: #252525;}
#footer .inner{display:flex;gap:50px;align-items: center;}
#footer .main{flex:1;}
#footer .link{flex:0 0 auto;display:flex;flex-direction:column;border:1px solid #5b5b5b;background:#363636;align-items: center;justify-content: center;}
#footer .link a{display: block;width: 200px;max-width: 100%;padding:8px;font-size:16px;font-weight: 600;color:rgb(205, 205, 205);font-family: 'Paperlogy', sans-serif;text-align: center;}
#footer .link a + a{border-top:1px solid #5b5b5b;}
#footer .info{line-height: 24px;font-size: 15px;color: rgb(206, 206, 206);}
#footer .info p{font-family: 'Paperlogy', sans-serif;}
#footer .cite{margin:12px 0 0 0;line-height: 24px;font-size: 12px;color: rgb(206, 206, 206);font-family: 'Paperlogy', sans-serif;}
#footer .floated{position:fixed;z-index: 999;bottom:20px;right:15px;display:flex;flex-direction:column;gap:10px;}
#footer .floated a{width:55px;height:55px;box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);border-radius: 100%;}
#footer .floated a img{max-width:100%;}

/* main */
#main{}
#main .header{position:relative;z-index:5;margin: 0 0 60px;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;width:1280px;max-width:100%;margin: 0 auto;}
#main .header .tit{line-height: 1.2;font-size: 48px;font-weight: 300;}
#main .header .txt{margin: 24px 0 0 0;line-height: 28px;font-size: 20px;font-weight: 300;color: #b1a27f;}
#main .section{}
#main .visual{position:relative;overflow: hidden;}
#main .visual .swiper-slide{width:100%;height: 1010px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
#main .visual .swiper-slide .text{position:relative;z-index: 2;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;gap: 30px;text-align: left;width: 1280px;max-width: 100%;}
#main .visual .swiper-slide .text .ico{position:relative;line-height: 1;font-size: 64px;font-weight: 700;color: #fff;background: linear-gradient(to top, rgba(180, 102, 44, 0.7) 50%, transparent 50%);border-radius:0 0 20px 20px;}
#main .visual .swiper-slide .text .bar{width: 390px;height: 1px;background: #fff;}
#main .visual .swiper-slide .text .txt{color: #fff;line-height: 36px;font-size: 26px;}
#main .visual .swiper-slide .background{position:absolute;z-index:0;inset:0;}
#main .visual .swiper-slide .background:before{content:'';position:absolute;inset:0;background-color: rgba(0, 0, 0, 0.19);}
#main .visual .swiper-slide .background img{width:100%;height:100%;object-fit:cover;}
#main .visual .swiper-pagination{position: absolute;bottom: 28px;left: 0;width: 100%;height: 24px;display: flex;align-items: center;justify-content: center;}
#main .visual .swiper-pagination .swiper-pagination-bullet{margin: 5px 7px;width: 10px;height: 10px;background: rgb(255 255 255 / 0);border: 1px solid #fff;opacity: 1;}
#main .visual .swiper-pagination .swiper-pagination-bullet-active{background: #fff;}
#main .special{position:relative;padding: 100px 0;background:#faf9f4;}
#main .special .image{position: relative;margin: 60px 0 0;overflow: hidden;}
#main .special .image.pc{display:block;}
#main .special .image.mo{display:none;}
#main .special .image ul{display:flex;align-items:flex-start;gap:40px;}
#main .special .image li{flex:auto;}
#main .special .image img{width:100%;height: 100%;border-radius:150px 0 0;overflow:hidden;object-fit: cover;}
#main .special .text{position: relative;z-index: 5;margin:-50px 0 0;text-align:right;width: 1160px;max-width: 100%;}
#main .special .text .tit{line-height:1.2;font-size:48px;color: #c58c42;font-style: italic;font-family: "Noto Serif KR", sans-serif;letter-spacing: 2px;}
#main .special .text .txt{margin: 34px 0 0;line-height: 28px;font-size: 20px;font-weight: 300;color: #b1a27f;}
#main .viewpoint{position:relative;padding: 100px 0;background:#fff;}
#main .viewpoint:before{content:'';position:absolute;top:0;left:0;width:calc(100% - 150px);height: 480px;background:#84adc1;}
#main .viewpoint .header{align-items:flex-start;text-align:left;}
#main .viewpoint .header .tit{color:#fff;}
#main .viewpoint .header .txt{color:#fff;}
#main .viewpoint .image{position: relative;margin:60px auto 0;width:1280px;max-width:100%;overflow:hidden;box-shadow: 8px 16px 16px hsl(0deg 0% 0% / 0.25);border-radius: 200px 0 0 0;}
#main .viewpoint .image li{display:flex;align-items:center;justify-content:center;aspect-ratio: 5/3;}
#main .viewpoint .image li img{width:100%;height:100%;object-fit:cover;}
#main .viewpoint .image .swiper-button-prev{position:absolute;top:50%;left:10px;transform:translateY(-50%);margin:0;width:50px;height:50px;}
#main .viewpoint .image .swiper-button-prev:after{font-size:36px;color:#fff;}
#main .viewpoint .image .swiper-button-next{position:absolute;top:50%;right:10px;transform:translateY(-50%);margin:0;width:50px;height:50px;}
#main .viewpoint .image .swiper-button-next:after{font-size:36px;color:#fff;}
#main .banner{position:relative;padding: 120px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background: url("../img/bg_banner.png") no-repeat center / cover;}
#main .banner .box{position:relative;z-index:1;}
#main .banner .tit{margin: 0 0 30px;line-height: 58px;font-size: 48px;font-weight: 700;color: rgb(255, 255, 255);font-family: 'Paperlogy', sans-serif;}
#main .banner .txt{margin: 0 0 40px;line-height: 32px;font-size: 20px;font-weight: 400;color: #fff;font-family: 'Paperlogy', sans-serif;}
#main .banner .txt br.mo{display:none;}
#main .banner .act{display:flex;align-items:center;justify-content:center;}
#main .banner .act > a{display:flex;align-items:center;justify-content:center;padding:13px 40px;font-size:16px;color:#fff;border:1px solid #fff;font-family: 'Paperlogy', sans-serif;}
#main .banner .bg{position:absolute;z-index:0;inset:0;pointer-events: none;}
#main .banner .bg:before{content:'';position:absolute;inset:0;background:rgba(54, 54, 54, 0.45);}
#main .banner .bg img{width:100%;height:100%;object-fit:cover;}
#main .preview{position:relative;padding: 100px 0;background:#fff;}
#main .preview .header{align-items:flex-start;text-align:left;}
#main .preview .image{position: relative;margin:60px auto 0;width:1280px;max-width:100%;overflow:hidden;}
#main .preview .image li{display:flex;align-items:center;justify-content:center;}
#main .preview .image li a{display:block;width:100%;height:100%;}
#main .preview .image li img{display: block;width:100%;height: auto;}
#main .preview .image .swiper-button-prev{position:absolute;top:50%;left: -25px;transform:translateY(-50%);margin:0;width:70px;height:70px;background:#fff;border-radius:50%;}
#main .preview .image .swiper-button-prev:after{font-size: 28px;color:#333;}
#main .preview .image .swiper-button-next{position:absolute;top:50%;right: -25px;transform:translateY(-50%);margin:0;width:70px;height:70px;background:#fff;border-radius:50%;}
#main .preview .image .swiper-button-next:after{font-size: 28px;color:#333;}
#main .facility{position:relative;padding: 100px 0 200px;background:#fdfcf4;}
#main .facility .image{position:relative;margin:60px auto 0;width:1280px;max-width:100%;overflow:hidden;}
#main .facility .image li{display:flex;align-items:center;justify-content:center;}
#main .facility .image li .box{display:block;width:100%;height:100%;text-align:center;}
#main .facility .image li .img{border-radius: 0 100px 0 0;overflow:hidden;aspect-ratio: 1/1;}
#main .facility .image li .img img{display: block;width:100%;height:100%;object-fit:cover;}
#main .facility .image li .tit{margin:20px 0 0;line-height:30px;font-size:20px;font-weight:700;}
#main .facility .image li .txt{margin:5px 0 0;line-height:24px;font-size:16px;font-weight:300;color:#a4a4a4;}
#main .facility .image .swiper-button-prev{position:absolute;top:calc(50% - 38px);left:0;transform:translateY(-50%);margin:0;width:50px;height:50px;}
#main .facility .image .swiper-button-prev:after{font-size: 28px;color:#333;}
#main .facility .image .swiper-button-next{position:absolute;top:calc(50% - 38px);right:0;transform:translateY(-50%);margin:0;width:50px;height:50px;}
#main .facility .image .swiper-button-next:after{font-size: 28px;color:#333;}

#container{}

#popupzone{position:absolute;top:180px;right:150px;z-index:1001;}
#popupzone .popup{width:420px;max-width: calc(100dvw - 40px);box-shadow: 10px 10px 20px rgb(0 0 0 / 15%);}
#popupzone .popup .slider{position:relative;background:#fff;overflow:hidden;}
#popupzone .popup .slider ul{}
#popupzone .popup .slider li{}
#popupzone .popup .slider li img{width:100%;height:100%;object-fit:cover;}
#popupzone .popup .slider .swiper-button-prev{position:absolute;top:50%;left:10px;transform:translateY(-50%);margin:0;width:50px;height:50px;}
#popupzone .popup .slider .swiper-button-prev:after{font-size:24px;color:#fff;}
#popupzone .popup .slider .swiper-button-next{position:absolute;top:50%;right:10px;transform:translateY(-50%);margin:0;width:50px;height:50px;}
#popupzone .popup .slider .swiper-button-next:after{font-size:24px;color:#fff;}
#popupzone .popup .slider .swiper-pagination{display:flex;align-items:center;justify-content:center;bottom:20px;gap:6px;}
#popupzone .popup .slider .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:8px;margin:0;background:#fff;opacity:0.5;}
#popupzone .popup .slider .swiper-pagination .swiper-pagination-bullet-active{opacity:1;}
#popupzone .popup .button{display:flex;background:#fff;border-top:1px solid #e0e0e0;}
#popupzone .popup .button button{flex:1;border-right:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;height: 46px;padding:10px;line-height:20px;font-size:15px;font-weight: 400;color: #666;font-family:'Pretendard',sans-serif;}
#popupzone .popup .button button:hover{color:#000;background:#fafafa;}

#subvisual{position:relative;padding: 100px 0;width:100%;height: 1010px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow: hidden;}
#subvisual .text{position:relative;z-index: 3;display: flex;align-items: center;justify-content: center;line-height: 58px;font-size: 48px;font-weight: 600;color: #fff;background: linear-gradient(to top, rgb(94, 180, 222) 30%, transparent 30%);letter-spacing: 2px;}
#subvisual .text .tit{line-height: 86px;font-size: 72px;font-weight: 600;}
#subvisual .text .txt{line-height: 30px;font-size:22px;font-weight:400;}
#subvisual .scroll{position:absolute;bottom:50px;left: calc(50% - 25px);z-index:3;width:50px;height:50px;display:flex;align-items:center;justify-content:center;animation-name: scrlDwnIndc;animation-duration: 3s;animation-iteration-count: infinite;cursor: pointer;}
#subvisual .scroll svg{fill:#fff;}
#subvisual .background{position:absolute;z-index:0;inset:0;pointer-events: none;}
#subvisual .background:before{content:'';position:absolute;inset:0;background-color: rgba(0, 0, 0, 0.19);z-index: 2;}
#subvisual .background img{width:100%;height:100%;object-fit:cover;}
#subvisual .swiper-pagination{position: absolute;bottom: 28px;left: 0;width: 100%;height: 24px;display: flex;align-items: center;justify-content: center;z-index: 5;}
#subvisual .swiper-pagination .swiper-pagination-bullet{margin: 5px 7px;width: 10px;height: 10px;background: rgb(255 255 255 / 0);border: 1px solid #fff;opacity: 1;}
#subvisual .swiper-pagination .swiper-pagination-bullet-active{background: #fff;}
#subvisual.bottom{justify-content:flex-end;padding: 108px 0 140px 0;}
#subvisual.bottom .text{background:transparent;flex-direction:column;}

#navigation{border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;overflow: hidden;}
#navigation .navi{display:flex;align-items:center;}
#navigation .navi ul{gap: 0 50px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
#navigation .navi li{width:auto;}
#navigation .navi li a{display:flex;align-items:center;justify-content:center;height: 90px;font-size: 16px;font-weight: 500;color: rgba(54, 54, 54, 0.7);transition:all 0.5s;font-family: 'Paperlogy', sans-serif;}
#navigation .navi li a:hover{color:#000;}
#navigation .navi li.on a{color:#000;}
#navigation .navi li.on:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;background:#00a6ff;}

#content{position: relative;}
#content .inner{width:1280px;}
#content .title-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width: 1280px;max-width: 100%;margin: 0 auto;padding: 70px 0 50px 0;}
#content .title-box .sub{margin: 0 0 15px;line-height:30px;font-size:20px;font-weight:500;color:#84adc3;}
#content .title-box .title{line-height:40px;font-size:30px;font-weight:800;color:#333;}
#content .title-box .title.room{}
#content .title-box .text{line-height:30px;font-size:20px;font-weight:400;color:#333;}
#content .title-box .text strong{font-weight:600;}
#content .title-box .text:before{content:'';display:block;margin:45px auto;width:1px;height:40px;background:#84adc3;}
#content .title-box.left{align-items:flex-start;text-align:left;}
#content .title-box.room{}
#content .title-box.room .title{margin:30px 0 0 0;line-height:1.5;font-size:48px;}
#content .title-box.room .text{margin:30px 0 0 0;}
#content .title-box.room .text:before{display:none;}
#content .title-box.mo{display:none;}

#content .intro{position:relative;margin: 230px 0 0;background:#84adc1;}
#content .intro .image{display:flex;gap:30px;align-items:flex-start;}
#content .intro .image .img{display:flex;flex-direction:column;justify-content:center;gap:30px;}
#content .intro .image .img img{max-width:100%;height:auto;}
#content .intro .thumb{position:relative;width:100%;overflow:hidden;display:none;}
#content .intro .thumb li{height:240px;}
#content .intro .thumb li img{width:100%;height:100%;object-fit:cover;}
#content .intro .thumb .swiper-pagination{position: absolute;bottom: 10px;left: 0;width: 100%;height: 24px;display: flex;align-items: center;justify-content: center;z-index: 10;}
#content .intro .thumb .swiper-pagination .swiper-pagination-bullet{margin: 5px 0;width: 30px;height: 2px;background: #fff;opacity: 0.5;}
#content .intro .thumb .swiper-pagination .swiper-pagination-bullet-active{opacity:1;}
#content .intro .button{margin:60px 0 0 0;display:flex;align-items:center;justify-content:center;text-align:center;}
#content .intro .button a{display: flex;align-items: center;justify-content: center;padding: 10px 40px;font-size: 16px;font-weight:700;color: #333;border: 1px solid #fff;background:#fff;}

#content .exterior{position: relative;padding: 0 15px 100px;}
#content .exterior .image .img:nth-child(1){margin:-180px 0 0 0;}
#content .exterior .image .img:nth-child(2){margin:-100px 0 0 0;}

#content .beach{position: relative;padding: 0 15px 100px;}
#content .beach .image{align-items:stretch;}
#content .beach .image .img:nth-child(1){margin:-100px 0 0 0;}
#content .beach .image .img:nth-child(2){margin:-160px 0 0 0;}

#content .barbecue{position: relative;padding: 0 15px 100px;}
#content .barbecue .image{align-items:stretch;}
#content .barbecue .image .img:nth-child(1){margin:-160px 0 0 0;}
#content .barbecue .image .img:nth-child(1) img{flex:1;height:100%;object-fit:cover;}
#content .barbecue .image .img:nth-child(2){margin:-160px 0 0 0;}

#content .bedding{position: relative;padding: 0 15px 100px;}
#content .bedding .image{flex-direction:column;align-items: stretch;}
#content .bedding .image .img{flex-direction:row;}
#content .bedding .image .img img{width: 100%;height:400px;object-fit: cover;}
#content .bedding .image .img:nth-child(1){margin:-160px 0 0 0;}

#content .pool{position: relative;padding: 0 15px 100px;}
#content .pool .image{align-items:stretch;}
#content .pool .image .img:nth-child(1){margin:-160px 0 0 0;}
#content .pool .image .img:nth-child(2){margin:-160px 0 0 0;}
#content .pool .image .img:nth-child(2) img{flex:1;height:100%;object-fit:cover;}

#content .spa{position: relative;padding: 0 15px 100px;}
#content .spa .image{flex-direction:column;align-items: stretch;}
#content .spa .image .img{flex-direction:row;}
#content .spa .image .img img{width: 100%;height:380px;object-fit: cover;}
#content .spa .image .img:nth-child(1){margin:-160px 0 0 0;}
#content .spa .image .img:nth-child(1) img{height:570px;}
#content .spa .image .img:nth-child(2) img:nth-child(2){margin:60px 0 0 0;}

#content .room{
}
#content .room .info{margin:0 0 60px;display: flex;flex-wrap: wrap;gap:60px 30px;}
#content .room .info dl{width: calc(50% - 15px);display:flex;flex-direction: column;}
#content .room .info dt{line-height:30px;font-size: 20px;font-weight: 600;}
#content .room .info dt:after{content:'';display:block;margin:30px 0;width:100%;height:1px;background:#e0e0e0;}
#content .room .info dd{line-height: 32px;font-size:16px;font-weight:400;}
#content .room .image{margin:0 0 60px;position:relative;overflow:hidden;}
#content .room .image ul{}
#content .room .image li{display:flex;align-items:center;justify-content:center;height: 750px;}
#content .room .image img{width:100%;height:100%;object-fit:cover;}
#content .room .image .swiper-button-prev{position:absolute;top:50%;left:20px;transform:translateY(-50%);margin:0;width:50px;height:50px;}
#content .room .image .swiper-button-prev:after{font-size:30px;color:#fff;}
#content .room .image .swiper-button-next{position:absolute;top:50%;right:20px;transform:translateY(-50%);margin:0;width:50px;height:50px;}
#content .room .image .swiper-button-next:after{font-size:30px;color:#fff;}
#content .room .button{margin: 60px 0;display:flex;align-items:center;justify-content:center;text-align:center;}
#content .room .button a{display: flex;align-items: center;justify-content: center;padding: 10px 40px;font-size: 16px;font-weight:700;color: #333;border: 1px solid #333;background:#fff;}
#content .more{display:flex;flex-wrap:wrap;margin:0 auto;width:1920px;max-width:100%;}
#content .more .box{width:50%;position:relative;aspect-ratio:95/50;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap:20px}
#content .more .box .img{position:absolute;inset:0;z-index:0;}
#content .more .box .img img{display:block;width:100%;height:100%;object-fit:cover;}
#content .more .box .img:before{content:'';position:absolute;inset:0;background:#181818;opacity:0.3;transition:all 0.5s;}
#content .more .box .tit{position:relative;z-index:1;font-size:20px;font-weight:600;color:#fff;}
#content .more .box:hover .img:before{opacity:0;}
#content .more .box .txt{position:relative;z-index:1;font-size:16px;font-weight:400;color:#fff;text-decoration:underline;}

#content .reservate{}
#content .reservate dl{display:flex;flex-direction: column;margin:0 0 100px;}
#content .reservate dt{}
#content .reservate dt:after{content:'';display:block;margin:30px 0;width:100%;height:1px;background:#e0e0e0;}
#content .reservate dd{display: flex;flex-direction: column;gap: 40px;}
#content .reservate .flex{display:flex;gap: 40px;align-items: center;}
#content .reservate .tit{line-height: 30px;font-size: 26px;font-weight: 700;}
#content .reservate .img{flex:0 0 auto;max-width:100%;width:500px;height: auto;aspect-ratio: 50/64;}
#content .reservate .img img{width: 100%;height: 100%;object-fit: cover;}
#content .reservate .txt{flex:1;line-height: 32px;font-size: 16px;color: #333;}
#content .reservate .txt strong{line-height:33px;font-weight:600;}
#content .reservate .txt *{word-break: keep-all;}
#content .reservate .tbl{}
#content .reservate .tbl.pc{display:block;}
#content .reservate .tbl.mo{display:none;}
#content .reservate .tbl strong{display:block;margin:0 0 10px;text-align:center;}
#content .reservate .tbl table{width:100%;table-layout: fixed;}
#content .reservate .tbl table tr{height:50px;font-size: 16px;line-height: 1.2;text-align: center;}
#content .reservate .tbl table th{font-weight:500;background:#404040;border:1px solid #303030;color:#fff;}
#content .reservate .tbl table td{font-weight:400;background:#fff;border:1px solid #303030;color:#404040;}

#content .location{padding: 0 0 100px;}
#content .location .zido{width:100%;height:500px;margin: 0 0 80px;}
#content .location .zido iframe{width:100%;height:100%;display:block;}
#content .location .flex{display:flex;gap:30px;}
#content .location .image{width:610px;aspect-ratio:61/40;height:auto;}
#content .location .image img{width:100%;height:100%;object-fit:cover;}
#content .location .address{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
#content .location .address .tit{width:100%;line-height: 28px;font-size: 22px;font-weight: 700;}
#content .location .address .tit:after{content:'';display:block;margin:30px 0;width:100%;height:1px;background:#e0e0e0;}
#content .location .address .txt{line-height: 30px;font-size: 18px;font-weight: 400;}
#content .location .address .act{margin: 30px 0 0;display: flex;align-items: center;justify-content: center;gap: 20px;}
#content .location .address .act a{display: flex;align-items: center;justify-content: center;height: 50px;border: 1px solid #404040;padding: 0 30px;gap: 10px;font-size: 16px;font-weight: 500;color:#404040;transition:all 0.3s;}
#content .location .address .act a svg{max-width:24px;}
#content .location .address .act a:hover{background:#404040;color:#fff;}
#content .location .address .act a:hover svg{fill:#fff;}
#content .location .address .act a:nth-child(1):hover{background:#03c75a;border-color:#03c75a;color:#fff;}
#content .location .address .act a:nth-child(1):hover svg{fill:#fff;}
#content .location .address .act a:nth-child(2):hover{background:#fae100;border-color:#fae100;color:#404040;}
#content .location .address .act a:nth-child(2):hover svg{fill:#404040;}

#content .nearby{padding: 150px 0;}
#content .nearby .item{display:flex;gap: 30px;margin:0 0 60px;}
#content .nearby .item .img{width: 610px;height: auto;aspect-ratio: 61/40;}
#content .nearby .item .img img{display:block;width:100%;height:100%;object-fit:cover;}
#content .nearby .item .con{flex:1;display:flex;flex-direction:column;justify-content: flex-start;padding: 30px 20px;}
#content .nearby .item .head{margin: 0 0 6px;line-height: 24px;font-size: 14px;font-weight: 400;color: #84adc3;}
#content .nearby .item .name{margin:0 0 30px;display: flex;align-items: center;gap: 10px;line-height: 36px;font-size: 24px;font-weight: 500;font-family: 'Paperlogy', sans-serif;}
#content .nearby .item .name .distance{font-size: 16px;font-weight:400;color: #666;font-family: 'Paperlogy', sans-serif;}
#content .nearby .item .desc{line-height:32px;font-size:16px;color: #666;}
#content .nearby .item:nth-child(even) .img{order:2;}
#content .nearby .item:nth-child(even) .con{order:1;}

.modal-container{position:fixed;inset:0;z-index: 1001;background: rgb(0 0 0 / 75%);display:flex;align-items:center;justify-content:center;padding: 20px;opacity:0;visibility:hidden;}
.modal-container.active{opacity:1;visibility:visible;}
.modal-container .modal-content{position: relative;width: 600px;max-width:100%;height: 600px;padding:30px;border-radius:10px;background:#fff;max-height: calc(100dvh - 40px);overflow-y: auto;}
.modal-container .modal-content::-webkit-scrollbar {display: none;}
.modal-container .modal-content .title{line-height:40px;font-size:20px;font-weight:700;margin:0 0 20px;font-family: 'Paperlogy', sans-serif;}
.modal-container .modal-content .close{position:absolute;top:30px;right:30px;width:40px;height:40px;cursor: pointer;}
.modal-container .modal-content .close:before{content:'';position:absolute;top: 18px;left: 9px;width:22px;height:1.5px;background:#333;transform:rotate(45deg);}
.modal-container .modal-content .close:after{content:'';position:absolute;top: 18px;left: 9px;width:22px;height:1.5px;background:#333;transform:rotate(-45deg);}
.modal-container .modal-content .text{line-height:1.5;font-size:16px;font-weight: 400;}
.modal-container .modal-content .text *{font-family:'Pretendard', sans-serif;}

@keyframes scrlDwnIndc {
    0%    {transform:translateY(-20%);}
    50%   {transform:translateY(0px);}
    100%  {transform:translateY(-20%);}
}

@media (max-width: 1024px){

    #header .inner{flex-direction:column;align-items:stretch;padding-inline: 0;}
    #header .logo{position:static;margin:0 auto;height: 56px;transform: translateY(0);display: flex;align-items: center;justify-content: center;}
    #header .logo a{height: 50px;}
    #header .gnb{padding: 0 15px;border-top: 1px solid rgb(255 255 255 / 50%);border-bottom: 1px solid rgb(255 255 255 / 50%);}
    #header .gnb .dp1{justify-content:flex-start;gap:0;}
    #header .gnb .dl1{height: 50px;}
    #header .gnb .da1{padding: 0 20px;font-size: 14px;}
    #header .gnb .dp2{display:none;}
    #header .link{position:absolute;top:0;right: 20px;height:56px;transform:translateY(0);}
    #header .link a{border-radius:50px;border:1px solid #fff;margin: 0;padding: 2px 10px;font-size: 12px;}
    #header .link a.pc{display:none;}
    #header .link a.mo{display:block !important;}
    #header .link a:after{display:none;}
    #header .allmenu{display:block;}
    #header.fixed{
        background: rgb(255 255 255 / 100%);
    }
    #header.fixed .gnb{border-color:rgb(0 0 0 / 10%);}
    #header.fixed .allmenu:before{border-color:#333;}
    #header.fixed .allmenu:after{border-color:#333;}
    #header.fixed .link a{border-color:rgb(0 0 0 / 15%);}

    #footer{padding: 30px 15px;}
    #footer .inner{flex-direction:column;gap: 10px;align-items:stretch;}
    #footer .main{order: 2;}
    #footer .link{order: 1;display: flex;flex-direction: row;justify-content: flex-end;background: transparent;border: 0;}
    #footer .link a{display: block;width: auto;padding: 5px;line-height: 1;font-size: 14px;font-weight: 400;}
    #footer .link a + a{border: 0;}
    #footer .info{font-size:14px;}
    #footer .floated{display: flex;}

    #popupzone{top:100px;left:20px;right:20px;}

    /* main */
    #main{}
    #main .header{padding: 0 5px;}
    #main .header .tit{font-size: 26px;font-weight: 400;}
    #main .header .txt{margin: 20px 0 0 0;line-height: 26px;font-size: 16px;font-weight: 400;}
    #main .section{}
    #main .visual{position:relative;overflow: hidden;}
    #main .visual .swiper-slide{height: 456px;}
    #main .visual .swiper-slide .text{padding: 56px 20px 20px;gap: 15px;}
    #main .visual .swiper-slide .text .ico{font-size: 26px;border-radius: 0 0 5px 5px;background: transparent;}
    #main .visual .swiper-slide .text .bar{width: 50%;height: 1px;background: transparent;}
    #main .visual .swiper-slide .text .txt{line-height: 30px;font-size: 16px;}
    #main .visual .swiper-slide .background{position:absolute;z-index:0;inset:0;}
    #main .visual .swiper-slide .background:before{content:'';position:absolute;inset:0;background-color: rgba(0, 0, 0, 0.19);}
    #main .visual .swiper-slide .background img{width:100%;height:100%;object-fit:cover;}
    #main .visual .swiper-pagination{position: absolute;bottom: 28px;left: 0;width: 100%;height: 24px;display: flex;align-items: center;justify-content: center;}
    #main .visual .swiper-pagination .swiper-pagination-bullet{margin: 5px 7px;width: 10px;height: 10px;background: rgb(255 255 255 / 0);border: 1px solid #fff;opacity: 1;}
    #main .visual .swiper-pagination .swiper-pagination-bullet-active{background: #fff;}
    #main .special{padding: 50px 20px;}
    #main .special .image{margin: 40px 0 0;}
    #main .special .image.pc{display:none;}
    #main .special .image.mo{display:block}
    #main .special .image ul{gap:0;align-items: stretch;}
    #main .special .image li{flex: 0 0 auto;width:100%;aspect-ratio:35/24;}
    #main .special .image img{border-radius: 0;}
    #main .special .image .swiper-button-prev{position:absolute;top:50%;left:0;transform:translateY(-50%);margin:0;width:50px;height:50px;}
    #main .special .image .swiper-button-prev:after{font-size:24px;color:#fff;}
    #main .special .image .swiper-button-next{position:absolute;top:50%;right:0;transform:translateY(-50%);margin:0;width:50px;height:50px;}
    #main .special .image .swiper-button-next:after{font-size:24px;color:#fff;}
    #main .special .text{margin: -12px 0 0;}
    #main .special .text .tit{line-height:1.2;font-size: 26px;font-style: normal;letter-spacing: 0;}
    #main .special .text .txt{margin: 10px 0 0;line-height: 30px;font-size: 16px;16: 300;}
    #main .viewpoint{padding: 50px 20px;background:#fff;}
    #main .viewpoint:before{width: 100%;height: 55%;background:#84adc1;}
    #main .viewpoint .header{align-items:flex-start;text-align:left;}
    #main .viewpoint .header .tit{color:#fff;}
    #main .viewpoint .header .txt{color:#fff;}
    #main .viewpoint .image{margin: 20px auto 0;border-radius: 0 100px 0 0;}
    #main .viewpoint .image li{aspect-ratio: 35 /21;}
    #main .viewpoint .image .swiper-button-prev{position:absolute;top:50%;left:10px;transform:translateY(-50%);margin:0;width:50px;height:50px;}
    #main .viewpoint .image .swiper-button-prev:after{font-size:36px;color:#fff;}
    #main .viewpoint .image .swiper-button-next{position:absolute;top:50%;right:10px;transform:translateY(-50%);margin:0;width:50px;height:50px;}
    #main .viewpoint .image .swiper-button-next:after{font-size:36px;color:#fff;}
    #main .banner{padding: 50px 20px;}
    #main .banner .box{position:relative;z-index:1;}
    #main .banner .tit{margin: 0 0 30px;line-height: 36px;font-size: 26px;}
    #main .banner .txt{margin: 0 0 30px;line-height: 26px;font-size: 16px;}
    #main .banner .txt br.mo{display:block}
    #main .banner .act{display:flex;align-items:center;justify-content:center;}
    #main .banner .act > a{font-size:16px;padding: 7px 40px;font-size: 14px;}
    #main .preview{padding: 50px 20px;}
    #main .preview .header{align-items:flex-start;text-align:left;}
    #main .preview .image{margin: 20px auto 0;overflow:hidden;}
    #main .preview .image li{display:flex;align-items:center;justify-content:center;}
    #main .preview .image li a{display:block;width:100%;height:100%;}
    #main .preview .image li img{display: block;width:100%;height: auto;}
    #main .preview .image .swiper-button-prev{width:50px;height:50px;left:0;background:transparent;}
    #main .preview .image .swiper-button-prev:after{font-size: 24px;color:#fff}
    #main .preview .image .swiper-button-next{width:50px;height:50px;right:0;background:transparent;}
    #main .preview .image .swiper-button-next:after{font-size: 24px;color:#fff}
    #main .facility{padding: 50px 20px;}
    #main .facility .image{position:relative;margin:50px auto 0;}
    #main .facility .image li{display:flex;align-items:center;justify-content:center;}
    #main .facility .image li .img{border-radius:0 100px 0 0;overflow:hidden;aspect-ratio:35/21;}
    #main .facility .image li .tit{margin:12px 0 0;line-height: 26px;font-size: 18px;}
    #main .facility .image li .txt{margin:5px 0 0;line-height: 18px;font-size: 14px;font-weight:300;color:#a4a4a4;}
    #main .facility .image .swiper-button-prev{position:absolute;top:calc(50% - 38px);left:0;transform:translateY(-50%);margin:0;width:50px;height:50px;}
    #main .facility .image .swiper-button-prev:after{font-size: 28px;color:#333;}
    #main .facility .image .swiper-button-next{position:absolute;top:calc(50% - 38px);right:0;transform:translateY(-50%);margin:0;width:50px;height:50px;}
    #main .facility .image .swiper-button-next:after{font-size: 28px;color:#333;}

    #subvisual{padding: 108px 0 0 0;height: 500px;}
    #subvisual .text{line-height: 30px;font-size: 22px;}
    #subvisual .text .tit{line-height: 1;font-size: 26px;}
    #subvisual .text .txt{line-height: 1;font-size: 16px;display: none;}
    #subvisual .scroll{bottom:15px;}
    #subvisual .swiper-pagination{bottom: 10px;}
    #subvisual .swiper-pagination .swiper-pagination-bullet{margin:5px;width:8px;height:8px;}
    #subvisual.bottom{padding:108px 0 60px;}

    #navigation{padding: 20px 15px;}
    #navigation .navi ul{gap: 0 30px;}
    #navigation .navi li a{height: 32px;font-size:14px;}
    #navigation .navi li.on:after{background:#84adc1;height:3px;}

    #content{}
    #content .title-box{padding: 40px 15px;}
    #content .title-box .sub{margin: 0;font-size: 14px;}
    #content .title-box .title{line-height: 1.2;font-size: 26px;}
    #content .title-box .text{line-height: 2;font-size: 16px;word-break: keep-all;}
    #content .title-box .text:before{margin:20px auto;}
    #content .title-box.room .title{margin: 0;line-height: 1.2;font-size: 26px;}
    #content .title-box.mo{display:block;}

    #content .intro{margin: 100px 0 0 0;background: #84adc1;}
    #content .intro .image{position: relative;flex-direction:column;gap:20px;}
    #content .intro .image .img{margin: 0 !important;gap: 20px;flex-direction: column;}
    #content .intro .image .img:nth-child(1){margin: -100px 0 0 0 !important;}
    #content .intro .image .img img{margin: 0 !important;height:auto !important;}
    #content .intro .button{margin:40px 0 0 0;}
    #content .intro .button a{padding: 10px 30px;font-size: 14px;font-weight:500;}

    #content .intro .exterior{}
    #content .intro .barbecue{}
    #content .intro .barbecue{}
    #content .intro .bedding{}
    #content .intro .pool{}
    #content .intro .spa{}

    #content .room{}
    #content .room .inner{padding:0 15px;}
    #content .room .image{}
    #content .room .image li{height:250px;}
    #content .room .image .swiper-button-prev{left:0;}
    #content .room .image .swiper-button-prev:after{font-size:24px;}
    #content .room .image .swiper-button-next{right:0;}
    #content .room .image .swiper-button-next:after{font-size:24px;}
    #content .room .info{}
    #content .room .info dl{width:100%;}
    #content .room .info dt{font-size:16px;}
    #content .room .info dt:after{margin:15px 0;}
    #content .room .info dd{font-size:14px;line-height:1.8;}

    #content .more{padding:15px;gap:15px;}
    #content .more .box{width:100%}
    #content .more .box .tit{font-size:16px;}
    #content .more .box .txt{font-size:13px;}

    #content .preview{margin:15px;overflow:hidden;}

    #content .reservate{padding:0 15px;}
    #content .reservate dl{flex-direction: column;margin: 0 0 60px;}
    #content .reservate dt{width: 100%;padding:5px;}
    #content .reservate dt:after{margin: 12px 0;}
    #content .reservate dd{width: 100%;padding:5px;gap: 30px;}
    #content .reservate .flex{flex-direction:column;}
    #content .reservate .img{width:100%;height:auto;aspect-ratio:36/24;}
    #content .reservate .tit{line-height:1.8;font-size: 18px;}
    #content .reservate .txt{line-height:1.4;}
    #content .reservate .txt strong{line-height:1.4;font-size: 14px;}
    #content .reservate .txt span{line-height:1.2;font-size: 12px;}
    #content .reservate .tbl table tr{font-size:13px;height:40px;}
    #content .reservate .tbl table th{border-color:#e0e0e0;}
    #content .reservate .tbl table td{border-color:#e0e0e0;}
    #content .reservate .act{display: flex;align-items: center;justify-content: flex-start;}
    #content .reservate .act a{display: flex;align-items: center;justify-content: center;height: 40px;border: 1px solid #404040;padding: 0 30px;gap: 10px;font-size: 14px;font-weight: 500;color: #404040;transition: all 0.3s;}

    #content .location{padding:0 15px 60px;}
    #content .location .zido{height:300px;}
    #content .location .flex{flex-direction:column;gap: 20px;}
    #content .location .image{width:100%;order:2;}
    #content .location .address{order:1;margin: 0 0 20px;}
    #content .location .address .tit{font-size:18px;}
    #content .location .address .tit:after{margin:20px 0;}
    #content .location .address .txt{line-height:1.5;font-size:14px;}
    #content .location .address .img{margin:30px 0 0}
    #content .location .address .act{margin:30px 0 0;gap:10px;}
    #content .location .address .act a{height:40px;font-size:14px;}
    #content .location .address .act a svg{max-width:18px;}

    #content .nearby{padding:15px;}
    #content .nearby .item{margin: 0 0 30px;flex-direction:column;gap:20px;}
    #content .nearby .item .img{order: 1 !important;width:100%;height: 240px;}
    #content .nearby .item .con{padding: 0 10px;order:2 !important;}
    #content .nearby .item .head{line-height:20px;font-size:12px;}
    #content .nearby .item .name{margin:0 0 20px;line-height: 28px;font-size:18px;gap: 12px;}
    #content .nearby .item .name .distance{font-size: 14px;}
    #content .nearby .item .desc{line-height: 1.65;font-size: 14px;}

    .modal-container{}
    .modal-container .modal-content{padding: 20px;}
    .modal-container .modal-content .title{line-height:40px;font-size:18px;}
    .modal-container .modal-content .close{top: 20px;right: 20px;}
    .modal-container .modal-content .text{line-height:1.4;font-size:13px;}

}