div#wrap { position:relative; } 
div#wrap img { border:none; } 
div#wrap a { text-decoration:none; } 


#header { position:fixed; top:0; height:150px; width:100%; z-index:10000; -webkit-transition:all .3s; transition:all .3s; border-bottom:1px solid rgba(255, 255, 255, 0.25); background-color:#fff; } 

#header.over { background-color:#fff; border-bottom:1px solid #ddd; } 
#header .logo img { width:100%;height: 100%;object-fit: contain; } 
#header .log { position:absolute; right:350px; top:-70px; padding:7px 8px; border-radius:3px; } 
#header .log ul li { display:inline-block; padding:0 10px; position:relative; } 
#header .log ul li:last-child a { color:#41a39e; font-weight:600; margin-left:-10px!important; } 
#header .log ul li a { color:#333; font-size:15px; } 
#header.over .log ul li a { color:#333; } 
#header.over .log ul li:last-child a { color:#41a39e; font-weight:600; } 

#header .res1 { position:absolute; left:350px; top:-70px; padding:7px 8px; border-radius:3px; } 
#header .res1 ul li { display:inline-block; padding:0 10px; position:relative; } 
#header .res1 ul li:last-child a { color:#41a39e; font-weight:600; margin-left:-10px!important; } 

.header_inner { width:100%; margin:0 auto; position:relative; } 
.header_inner:after { content:""; display:block; clear:both; } 
.header_inner { position: relative; z-index: 101; box-sizing:border-box; } 

.bg_box { display:none; position: absolute; width: 100%; height: 450px; top: 150px; z-index:10; box-sizing:border-box; background-color:rgba(0,0,0,0.75); box-shadow:3px 3px 8px rgba(0,0,0,0.2); } 


/*비주얼*/
#visual { overflow:hidden; width:100%; height:830px; z-index: 0; position:relative; margin-top:150px; } 
#visual .bxslider { z-index:1; } 
/* #visual .bxslider li { position:relative; width:2000px; height:980px; } */
#visual .bxslider li { position:relative; width: 100%; height:980px; background-size: cover !important; } 
#visual .bxslider li .ptext { position:absolute; left:50%; top:360px; margin-left:-600px; font-size:19px; line-height:1.5; font-weight: 300; width:1200px; letter-spacing:-0.03em; z-index:1; color:#fff; text-align:center; } 
#visual .bxslider li .ptext span { display:block; font-size:23px; font-weight:500; } 
#visual .bxslider li .ptext h3 { font-size:50px; font-weight:500; line-height:1.2; margin-top:20px; margin-bottom:20px; letter-spacing:-0.06em; } 
#visual .bxslider li .ptext p { font-size: 50px; font-weight:400; letter-spacing:-0.01em; font-family: 'yg-jalnan'; } 
#visual .bxslider li .ptext p img { text-align:center; margin:0 auto; } 

#visual .bx-controls-direction a { display:inline-block; width:46px; height:91px; z-index:11; position:absolute; top: 50%; margin-top:-45.5px; } 
#visual .bx-controls-direction .bx-prev { background:url('/images/default/main/vl.png') no-repeat; font-size:0; left:100px; } 
#visual .bx-controls-direction .bx-next { background:url('/images/default/main/vr.png') no-repeat; font-size:0; right:100px; } 

#visual p.book { position:absolute; bottom:220px; left:0; width:100%; text-align:center; } 
#visual p.book a { border:5px solid #41a39e; padding:15px 70px 15px 50px; background:rgba(0, 0, 0, .5); color:#fff; font-size:17px; position: relative; } 
#visual p.book a:after { content : ""; display : block; position : absolute; right:20px; top:50%; margin-top:-0.5px; width : 15px; height : 1px; background : #fff; } 
#visual p.scroll { position:absolute; bottom:80px; left:0; width:100%; text-align:center; -webkit-animation: slide-bottom 2s cubic-bezier(0.175, 0.885, 0.320, 1.275) 2s infinite; animation: slide-bottom 2s cubic-bezier(0.175, 0.885, 0.320, 1.275) 2s infinite; } 

@-webkit-keyframes slide-bottom { 
 0% { -webkit-transform: translateY(0); transform: translateY(0); } 
 50% { -webkit-transform: translateY(30px); transform: translateY(30px); } 
 100% { -webkit-transform: translateY(10px); transform: translateY(10px); } 
 }
@keyframes slide-bottom { 
 0% { -webkit-transform: translateY(0); transform: translateY(0); } 
 50% { -webkit-transform: translateY(30px); transform: translateY(30px); } 
 100% { -webkit-transform: translateY(10px); transform: translateY(10px); } 
 }

/*컨텐츠*/
#container { line-height:1.6; overflow-x: hidden; } 
#container h3 { color:#333; font-size:38px; text-align:center; line-height:1.0; font-weight:400; margin-bottom:20px; font-family: 'yg-jalnan'; } 


/* 스페셜이벤트 */
.main-sec1 { background-color: #fff; padding: 88px 0 100px; } 
.main-sec1 .sec1-inner { max-width: 1240px; margin: 0 auto; padding: 0 20px; } 
.main-sec1 .main-title { text-align: center; } 
.main-title h6 { font-family:'yg-jalnan'; font-size: 40px; color: #111; } 
.main-title h6 span { color: #2AA28A; } 
.main-title p { margin-top: 10px; color: #333; } 
.event-slider { margin-top: 60px; padding: 15px !important; position: relative; } 
.event-slider .swiper-wrapper { max-width: 1200px; } 
.event-slider .swiper-slide { border-radius: 30px; overflow: hidden; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .15); } 
.event-slider .swiper-slide a { display: block;position: relative;} 
.event-slider .swiper-slide a::after {content: "";display: block;padding-bottom: 100%;} 
.event-slider .swiper-slide a img { position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: block; width: 100%; height: 100%; object-fit: cover; } 
.main-sec1-content { position: relative; } 
.event-btn { display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; } 
.event-btn-prev { left: -45px; transform: translate(-50%,-50%); } 
.event-btn-next { right: -45px; transform: translate(50%,-50%); } 
.event-btn img { display: block; } 


/* 메인 하단 배경 */
.main-sec2 { padding: 100px 0 120px; background: url("../../images/default/main/3sec_bg.jpg") no-repeat; background-size: cover; background-position: center center; } 
.main-sec2 .sec2-inner { max-width: 1160px; margin: 0 auto; padding: 0 20px; } 
.main-zone .tab-menu-list { display: flex; justify-content: center; column-gap: 8px; } 
.main-zone .tab-menu-list li a { display: block;padding: 12px 20px; font-size: 20px; font-weight: 600; color: #333; border-radius: 30px; background-color: #fff; } 
.main-zone .tab-menu-list li.on a { color: #fff; background-color: #111; font-weight: 900; } 
.main-zone .tab-content { margin-top: 40px; background-color: #fff; display: flex; border-radius: 30px; overflow: hidden; height: 430px; display: none; } 
.main-zone .tab-content.on { display: flex; } 
.main-zone .tab-content > div { flex: 1; width: 50%; height: 100%; } 
.caravan-slider { position: relative; height: 100%; } 
.caravan-slider .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.caravan-pagination { position: absolute; left: 50% !important; bottom: 20px !important; transform: translateX(-50%); text-align: center; z-index: 10; } 
.caravan-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: #111; } 
.camping-slider { position: relative; height: 100%; } 
.camping-slider .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.camping-pagination { position: absolute; left: 50% !important; bottom: 20px !important; transform: translateX(-50%); text-align: center; z-index: 10; } 
.camping-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: #111; } 
.campnic-slider { position: relative; height: 100%; } 
.campnic-slider .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.campnic-pagination { position: absolute; left: 50% !important; bottom: 20px !important; transform: translateX(-50%); text-align: center; z-index: 10; } 
.campnic-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: #111; } 
.bench-slider { position: relative; height: 100%; } 
.bench-slider .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.bench-pagination { position: absolute; left: 50% !important; bottom: 20px !important; transform: translateX(-50%); text-align: center; z-index: 10; } 
.bench-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: #111; } 
.main-zone .tab-content .right { display: flex; flex-direction: column; justify-content: center; padding: 50px; } 
.zone-title { font-size: 40px; font-weight: 800; color: #000; } 
.zone-list { margin-top: 20px; } 
.zone-list > li { display: flex; column-gap: 20px; line-height: 1.7; } 
.zone-list > li .list-title { font-size: 18px; font-weight: 700; color: #6c4523; width: 65px; } 
.zone-list > li .list-text { font-size: 18px; color: #333; } 
.zone-list > li .list-text span { color: #eee; } 
.zone-btn { display: block; margin-top: 30px; padding: 12px 20px; font-size: 15px; font-weight: 600; color: #333; border: 1px solid #ccc; width: fit-content; transition: .3s; } 
.zone-btn:hover { color: #fff; background-color: #111; transition: .3s; } 

/* main facility */
.main-facility { margin-top: 46px; background-color: #fff; border-radius: 30px; padding: 40px 70px; } 
.fac-title { display: flex; justify-content: space-between; align-items: flex-end; } 
.facility-slider { margin-top: 25px; } 
.facility-slider .swiper-slide { } 
.facility-slider .swiper-slide a { display: block; } 
.facility-slider .swiper-slide a img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } 
.facility-slider .swiper-slide a .tit { margin-top: 16px; font-size: 20px; font-weight: 700; color: #007d2a; } 
.facility-slider .swiper-slide a .txt { margin-top: 8px; color: #666; } 

/* 소개 */
.cts1 { width:1200px; margin:0 auto; padding:100px 0px; overflow:hidden; } 
#container .cts1 h3 { font-family:'yg-jalnan','Noto Sans KR', '나눔고딕', 'Dotum', '돋움', 'sans-serif'; text-align:left; line-height:1.3; font-size:50px; } 
#container .cts1 h3 span { display:block; font-size:23px; margin-bottom:15px; } 
#container .cts1 h3 b { color:#41a39e; } 
.cts1 p.more { margin-top:40px; } 
.cts1 p.more a { padding:15px 50px 15px 30px; background:#e8decc; color:#2a261f; font-size:15px; position: relative; } 
.cts1 p.more a:after { content : ""; display : block; position : absolute; right:20px; top:50%; margin-top:-0.5px; width : 15px; height : 1px; background : #2a261f; } 
.cts1 .fr p { position:relative; } 
.cts1 .fr p:after { content : ""; display : block; position : absolute; left:-70px; bottom:-70px; width:554px; height:386px; border:30px solid #f6f6f6; box-sizing:border-box; z-index:-1; } 


/* 스페셜 오퍼 */
/*.cts2 { background:url(/images/default/main/dot_gray.jpg) repeat; padding:100px 0px; } */
.cts2 { background:url(/images/default/main/2sec_bg.jpg) repeat; background-size:cover; padding:100px 0px; } 
.cts2 .offer { width:1200px; margin:0 auto; margin-top:40px; font-size:15px; } 
.cts2 .offer ul.fl li { position:relative; margin-top:20px; } 
/*.cts2 .offer ul.fl li:first-child { margin-top:0; } */
.cts2 .offer ul.fl li div { position:absolute; /*left:-20px; */ bottom:-20px; background:#333; color:#fff; padding:10px 25px; } 
.cts2 .offer ul h4 b { color:#95dfe8; font-size:14px; margin-left:10px; } 

.cts2 .offer ul.fr li { position:relative; margin-top:20px; } 
.cts2 .offer ul.fr li:first-child { margin-top:0; } 
.cts2 .offer ul.fr li div { position:absolute; right:-20px; bottom:30px; background:#333; color:#fff; padding:10px 25px; } 
.cts2 .offer ul.fr h4 b { color:#95dfe8; font-size:14px; margin-left:10px; } 


.cts2 .offer ul.fl { width:100%; display:flex; justify-content: space-between } 
.cts2 .offer ul.fl li { width:30%; } 
.cts2 .offer ul.fl li img { width:100%; border-radius:30px; box-shadow:0px 5px 5px 5px #dbddd2; } 


/*요금 테이블*/

.cost_area { border:1px solid #eee; padding:65px; max-width:1200px; margin:30px auto; border-radius:20px; } 
.cost_area p.tit { font-size:23px; color:#000; margin-bottom:10px; } 
.cost_area table.tg { border-top:2px solid #000; width:100%; } 
.cost_area table.tg .red { color:#ff8a00; font-weight:700; } 
.cost_area .tg td { padding:10px; text-align:center; border:1px solid #eee; } 
.cost_area .tg tr.tit { background:#fafafa; border:1px solid #eee; color:#000; } 
.cost_area .tg td.tit { background:#fafafa; border:1px solid #eee; color:#000; } 
.cost_area .tg td.left { text-align:left; padding-left:20px; } 

.usetip { font-size:16px; padding:30px 0px; } 
.usetip ul li { list-style:disc; margin-left:20px; line-height:2; } 


/* 메인 객실 */
.cts3 { padding-top:80px; overflow:hidden; } 
/*.roomSuite { padding:70px 0px; background:#f6f6f6; margin-top:80px; } */
.roomSuite { background:url(/images/default/main/3sec_bg.jpg) repeat; background-size:cover; padding:80px 0px; margin-top:80px; } 
.roomSuite section { clear:both; height:auto; padding:47px 0 87px 0 !important; overflow:hidden; } 
.roomSuite section div { height:auto; overflow:hidden; } 
.roomSuite section div:first-child { float:left; width:550px; margin-right:60px; } 
.roomSuite section h3 { margin-bottom:18px; padding-bottom:19px; font-size:20px; color:#2a261f; letter-spacing:0; text-align:left; border-bottom:1px solid rgba(255,255,255,0.20); } 
.roomSuite section div:first-child dl.list01:nth-child(2) { float:left; width:355px; } 
.roomSuite section div:first-child ul.list01 { height:auto; margin-top:17px; overflow:hidden; } 
.roomSuite section div:first-child ul.list01 a.link02 { margin-bottom:4px; } 
.roomSuite section div:nth-child(2) ul.list01 li { float:left; } 
.roomSuite section div:nth-child(2) ul.list01 li:nth-of-type(odd) { width:207px; } 

.roomSuite .bx-wrapper { /*left:50%; margin:0 0 0 -960px !important; */ width:1120px; margin: 0 auto; } 
.roomSuite .slide li figure { position:relative; z-index:30; /*opacity:0.2; */ } 
.roomSuite .slide li.active figure { z-index:50; opacity:1; } 
.roomSuite .slide figure span { line-height:0; display:block; width:1120px; height:522px; margin-left:-40px; } 
.roomSuite .slide figcaption { position:absolute; top:60px; right:0; width:500px; height:420px; padding:75px 50px 30px 60px; background:rgba(255,255,255,0.90); display:none; z-index:60; } 
.roomSuite .slide figcaption h3 { margin-bottom:11px; font-size:44px; line-height:1; text-align:left; } 
.roomSuite .slide figcaption p { margin-bottom:16px; font-size:14px; line-height:24px; } 
.roomSuite .slide figcaption dl { font-weight:500; font-size:20px; color:#2a261f; } 
.roomSuite .slide figcaption dl dt, .roomSuite .slide figcaption dl dd { display:inline-block; } 
.roomSuite .slide figcaption .btnL { margin-top:47px; } 
.roomSuite .slide figcaption .btn { width:126px; height:34px; } 
.roomSuite .slide figcaption a.btn { line-height:32px; } 
.roomSuite .bx-controls { position:absolute; top:-20px; left:990px; width:140px; font-size:14px; color:#999; text-align:center; } 
.roomSuite .bx-controls > div:first-child:first-letter { font-weight:500; color:#666; } 
.roomSuite .bx-wrapper .bx-controls-direction a { width:17px; height:12px; margin-top:-6px; text-indent:-9999px; background-image:url(/images/default/main/btn_slide03.gif); display:block; } 
.roomSuite .bx-wrapper .bx-prev { left:50px; background-position:0 0; } 
.roomSuite .bx-wrapper .bx-prev:hover { background-position:0 100%; } 
.roomSuite .bx-wrapper .bx-next { right:30px; background-position:100% 0; } 
.roomSuite .bx-wrapper .bx-next:hover { background-position:100% 100%; } 
.roomSuite { position:relative; } 
.roomSuite .txtArea { position:absolute; top:147px; left:48%; width:500px; height:420px; /*background:#fff; */ display:block; z-index:60; } 
.roomSuite .txtArea li { position:absolute; width:100%; height:100%; padding:75px 50px 30px 60px; z-index:1; opacity:0; } 
.roomSuite .txtArea li.active { z-index:60; opacity:1; } 
.roomSuite .txtArea h3 { margin-bottom:11px; font-size:44px; line-height:1; text-align:left !important; font-family:'Noto Sans','Noto Sans KR', '나눔고딕', 'Dotum', '돋움', 'sans-serif' !important; } 
.roomSuite .txtArea dl { font-weight:500; font-size:17px; color:#2a261f; margin-bottom:15px; } 
.roomSuite .txtArea dl dt { float:left; width:30%; } 
.roomSuite .txtArea dl dd { float:left; width:70%; } 
.roomSuite .txtArea .btnL { margin-top:37px; } 
.roomSuite .txtArea .btn { width:48%; height:50px; } 
.roomSuite .txtArea a.btn { line-height:50px; } 

button, .btn { font-weight:700; font-size:16px; color:#fff; text-align:center; background:#000; vertical-align:middle; } 
button[disabled] { color:#cacbce; background:#3e2c2c; cursor:default; } 
a.btn { color:#fff; vertical-align:middle; display:inline-block; } 
.btn.st01 { background:#3e2c2c; } 
.btn.st01:not(.more):hover { background:#000; } 
.btn.st02 { color:#3e2c2c; border:1px solid #3e2c2c; background:#fff; } 
.btn.st02:not(.more):hover { color:#fff; background:#3e2c2c; } 

/* 모어 댄 어 스테이 */
.cts4 { width:1200px; margin:0 auto; padding-bottom:100px; } 
.stay { margin:50px 0 0px; } 
.stay img { display:none; } 
.stay ul { overflow:hidden; } 
.stay ul li { width:20%; float:left; position:relative; background:#000; transition:0.1s; } 
.stay ul li .bg { position:absolute; left:0; top:0; width:100%; height:100%; z-index:52; } 
.stay ul li:nth-child(1) .bg { background:url(/images/default/main/stay01.jpg) center center no-repeat; background-size:cover; } 
.stay ul li:nth-child(2) .bg { background:url(/images/default/main/stay02.jpg) center center no-repeat; background-size:cover; } 
.stay ul li:nth-child(3) .bg { background:url(/images/default/main/stay03.jpg) center center no-repeat; background-size:cover; } 
.stay ul li:nth-child(4) .bg { background:url(/images/default/main/stay04.jpg) center center no-repeat; background-size:cover; } 
.stay ul li:nth-child(5) .bg { background:url(/images/default/main/stay05.jpg) center center no-repeat; background-size:cover; } 
.stay ul li a { display:block; height:451px; position:relative; z-index:53; padding:0px 20px; color:#fff; line-height:1.3; } 
.stay ul li a:hover { text-decoration:none; } 


.stay ul li a h4 { font-size:25px; color:#fff; padding:350px 0 0 0; line-height:1.3; position:relative; z-index:60; font-weight:700; text-align:left; margin-bottom:10px; text-shadow:0px 2px 2px rgba(0, 0, 0, 0.8); } 
.stay ul li a h4 span { display:block; font-size:18px; font-weight:400; } 
.stay ul li a p { text-shadow:0px 2px 2px rgba(0, 0, 0, 0.8); display:none; } 

.stay ul li.on { width:30%; } 
.stay ul li.on h4 { padding:270px 0 0 0; font-size:40px; } 
.stay ul li.on p { display:block; } 

.stay ul li.off { width:17.5%; } 
.stay ul li.off .bg { opacity:0.3; } 


/* 바로가기 */
.bottom { background:#fff; } 
.bottom ul { width:1200px; margin:0 auto; overflow:hidden; } 
.bottom ul li { width:33.33%; float:left; } 
.bottom ul li a { display:block; position:relative; padding:60px 0px; padding-left:145px; } 
.bottom ul li a img { position:absolute; left:0; top:30px; } 
.bottom ul li h4 { font-size:21px; color:#2a261f; } 
.bottom ul li h4 span { display:block; font-size:15px; color:#41a39e; font-size:400; } 


/* 푸터 */
#footer { background:#111;}
.footer-inner {padding: 0 20px;width: 100%;max-width: 1240px;margin: 0 auto;} 
#footer .cust { border-bottom:1px solid #333; } 
#footer .cust .fin {display: flex;align-items: center;border-left: 1px solid #333;} 
#footer .cust .fin p {flex: 1 1 100%;height: 86px;font-size:19px;color:#eee;text-align:center;padding:20px;border-right: 1px solid #333;} 
#footer .cust .fin p:not(.account) {display: flex;align-items: center;justify-content: center;} 
#footer .cust .fin p.account {text-align: left;} 
#footer .cust .fin p b { margin-right:10px; } 
#footer .cust .fin p span {font-size: 15px;word-break: keep-all;} 

#footer .fcon { border-bottom:1px solid #b7afa6; font-size:16px; } 
#footer .fcon ul { margin:0px -40px; } 
#footer .fcon ul li { height:60px; line-height:60px; display:inline-block; margin:0px 39px; position:relative; } 
#footer .fcon ul li:before { content : ""; display : block; position : absolute; left : -44px; top:50%; margin-top:-7px; width :1px; height : 14px; background : #ddd; } 
#footer .fcon ul li:first-child:before { background:none; } 
#footer .fcon ul li a { color:#999; } 

#footer .copyright {padding: 24px 0px;color:#999;line-height: 1.5;} 
#footer .copyright p.copy { margin-top:10px; } 
#footer .copyright span { padding:0px 10px; color:#ececec; } 

/* 동영상 */
.divblind { position:absolute; left:0; top:0; filter:alpha(opacity=30); background:#000; opacity:0.3; width:100%; height:100%; z-index:999998; display:none; } 
div.v05 { display:none; left:26%; top:22%; width:50%; z-index:999999; position:absolute; } 
div.v05 video { width:100%; } 
div.v05 span.close { position:absolute; top:5px; right:5px; width:30px; height:30px; color:#fff; font-size:50px; cursor:pointer; z-index:999999; } 
div.v05 span.close img { width:30px; height:30px; } 


/* =================================== 2025-07-07 =================================== */
.header-inner { max-width: 1240px; width: 100%; padding: 0 20px; margin: 0 auto; } 
#header .header-top { padding: 16px 0; border-bottom: 1px solid #eee; height: 80px; } 
#header .header-top .header-inner { display: flex; justify-content: space-between;align-items: center; } 
#header .header-top .header-inner .logo { position: absolute; left: 50%; transform: translateX(-50%); } 
#header .header-top .header-inner .logo a { display: block; } 
#header .header-top .header-inner .right { display: flex; justify-content: flex-end;align-items: center;gap: 10px; } 
#header .header-top .header-inner .right li:last-child {display: none;} 
#header .header-top .header-inner .right li a img {width: 100%;height: 100%;object-fit: contain;} 
#header .header-bottom { height: 70px; } 
#header .pc {display: block;}
#header .mobile {display: none;}
#header .ham-btn {background: none;border: none;cursor: pointer;color: #333;line-height: 1;font-size: 40px;}
#header .ham-close-btn {color: #fff;}

#nav > ul { display: flex; } 
#nav > ul > li { flex: 1; text-align: center; position: relative; } 
#nav > ul > li > div { padding: 24px 0; } 
#nav > ul > li > div > a { font-size: 19px; color: #333; font-weight: 600; } 
#nav > ul > li > ul { display: none; position: absolute; width: 100%; height: auto; left: 50%; transform: translateX(-50%); top: 100px; z-index: 100; } 
#nav > ul > li > ul > li { padding-bottom: 13px; } 
#nav > ul > li > ul > li > a { color: #fff; } 
#nav > ul > li > ul > li:hover > a { color: #41a39e; text-decoration: underline; } 

/* mobile menu */
body.m-active {overflow: hidden;}
.m-menu-wrap { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0); visibility:hidden; z-index: 900; transition: .5s; } 
.m-menu-wrap.active { background-color:rgba(0,0,0,0.6); visibility:visible; } 
.m-menu { position:fixed; top:0; right:-100%; width:50%; height:100%; padding-bottom: 15px; background-color:rgba(0, 0, 0, 0.8); backdrop-filter: blur(5px); transition: .5s; overflow-y: scroll; } 
.m-menu .m-header {padding: 20px 35px;display: flex;justify-content: space-between;align-items: center;position: fixed;width: 100%;}
.m-menu .m-logo a {display: block;height: 20px;}
.m-menu .m-logo a img {display: block;width: 100%;height: 100%;object-fit: contain;}
.m-menu .m-inner { display: flex; height: 100%; padding-top: 80px; } 
.m-menu .m-inner::-webkit-scrollbar { width: 8px; } 
.m-menu .m-inner::-webkit-scrollbar-thumb { background-color: #797979; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent; } 
.m-menu .m-inner::-webkit-scrollbar-track { background: transparent; } 
.m-menu-wrap.active .m-menu { right: 0; } 
.m-menu .menu-wrap { width: 100%; padding: 0 35px; height: calc(100% - 15px); overflow-y: auto; } 
.m-menu .menu-wrap .ham-btn { display: none; width: 25px; height: 40px; margin-left: 35px; } 
.m-menu .menu-wrap .ham-btn i { font-size: 26px; color: #fff; position: absolute; opacity: 0.6; } 
.m-menu .menu-wrap .menu-content { overflow-y: auto; } 
.m-menu .menu-wrap > ul { display: flex; flex-direction: column; gap: 30px; width: 100%; } 
.m-menu .menu-wrap > ul > li { position: relative; width: 100%; padding: 0 0 20px; font-weight: 500; } 
.m-menu .menu-wrap > ul > li:not(:last-of-type)::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px dashed #363636; } 
.m-menu .menu-wrap > ul > li > div > a { display: block; position: relative; width: 210px; padding: 0 0 15px; font-size: 20px; color: #fff; } 
.m-menu .menu-wrap > ul > li > ul { display: flex; gap: 15px; flex-wrap: wrap; width: 100%; margin-top: 5px; } 
.m-menu .menu-wrap > ul > li > ul > li { position: relative; } 
.m-menu .menu-wrap > ul > li > ul > li > a { font-size: 15px; font-weight: 400; line-height: 26px; color: #ececec; white-space: nowrap; } 



@media screen and (max-width: 1440px){
    #visual {height: 500px;}
    #visual .bxslider li {height: 500px;background-position: center center;}
    .event-btn-prev { left: 15px; } 
    .event-btn-next { right: 15px; } 
}

@media screen and (max-width: 1024px) {
    #header {height: 80px;}
    #header .header-top {padding: 0;}
    #header .header-top .header-inner {height: 100%;}
    #header .header-top .header-inner .logo {top: 50%;transform: translate(-50%,-50%);}
    #header .header-top .header-inner .logo a {height: 24px;}
    #header .header-top .header-inner .right li:last-child {display: block;}
    #header .header-top .header-inner .right li a {display: block;}
    #header .header-bottom {display: none;}

    #visual {margin-top: 80px;}
    #visual .bx-controls-direction a {height: 50px;margin-top: -25px;}
    #visual .bx-controls-direction .bx-prev {background-size: contain;left: 20px;}
    #visual .bx-controls-direction .bx-next {background-size: contain;right: 20px;}

    .main-sec1 { padding: 60px 0 80px; } 
    .main-title h6 { font-size: 32px;} 
    .event-slider {margin-top: 30px;}
    .event-btn-prev { left: 20px; } 
    .event-btn-next { right: 20px; } 

    .main-sec2 {padding: 80px 0;}

    .main-facility {padding: 40px;}

    #footer .cust .fin p {font-size: 16px;height: 75px;} 
    #footer .cust .fin p.account {display: flex;flex-direction: column;justify-content: center;} 
    #footer .cust .fin p.account br {display: none;}
    #footer .cust .fin p span {font-size: 14px;} 
    #footer .copyright {font-size: 15px;}
}

@media screen and (max-width: 768px) {
    #header {height: 60px;}
    #header .header-top {height: 60px;}
    #header .header-top .header-inner {justify-content: flex-end;}
    #header .header-top .header-inner .left {display: none;}
    #header .header-top .header-inner .logo {left: 20px;transform: translate(0,-50%);}
    #header .header-top .header-inner .logo a {height: 20px;}
    #header .header-top .header-inner .right {gap: 8px;}
    #header .header-top .header-inner .right li a {height: 32px;}
    #header .ham-btn {font-size: 32px;}
    #header .pc {display: none;}
    #header .mobile {display: block;}

    #visual {margin-top: 60px;}

    .main-sec1 {padding: 60px 0;}
    .main-title h6 { font-size: 24px;} 

    .main-sec2 {padding: 60px 0;}
    .main-zone .tab-menu-list li a {padding: 8px 16px;font-size: 16px;}
    .main-zone .tab-content {flex-direction: column;border-radius: 16px;height: 100%;}
    .main-zone .tab-content > div {width: 100%;}
    .main-zone .tab-content .left .swiper {height: 410px;}
    .main-zone .tab-content .right {padding: 40px;}
    .zone-title {font-size: 32px;}
    .zone-list {margin-top: 12px;}
    .zone-list > li .list-title {font-size: 16px;width: 60px;}
    .zone-list > li .list-text {font-size: 16px;}

    .main-title p {margin-top: 8px;}
    .facility-slider .swiper-slide a .tit {font-size: 16px;margin-top: 12px;}
    .facility-slider .swiper-slide a .txt {margin-top: 4px;}

    .m-menu {width: 90%;}

    #footer .cust .fin {border-left: 0;flex-wrap: wrap;gap: 8px;padding: 16px 0;}
    #footer .cust .fin p {height: auto;padding: 0;font-size: 14px;}
    #footer .cust .fin p.account {flex-direction: row;justify-content: flex-start;}
    #footer .cust .fin p:not(.account) {justify-content: flex-start;}
    #footer .copyright {padding: 16px 0;font-size: 14px;}
}

@media screen and (max-width: 480px) {
    .m-menu .menu-wrap > ul {gap: 24px;}
    .m-menu .menu-wrap > ul > li > ul {flex-direction: column;gap: 8px;margin-top: 16px;}
    .m-menu .menu-wrap > ul > li > div > a {padding: 0;width: 100%;}
    .m-menu .menu-wrap > ul > li > ul > li > a {line-height: 1.5;}

    .main-zone .tab-menu-list li a {font-size: 14px;}
    .main-zone .tab-content {margin-top: 24px;}
    .main-zone .tab-content .left .swiper {height: 216px;}
    .main-zone .tab-content .right {padding: 32px 24px;}
    .zone-title {font-size: 22px;}
    .zone-list > li .list-title {width: 80px;flex: 0 0 80px;font-size: 15px;}
    .zone-list > li .list-text {font-size: 15px;}
    .zone-btn {margin-top: 24px;padding: 8px 16px;font-size: 14px;}

    .main-facility {padding: 32px 24px;border-radius: 16px;}
    .fac-title {flex-wrap: wrap;row-gap: 16px;}
    .main-title h6 {font-size: 22px;}

    #footer .cust .fin p:not(.account) {justify-content: flex-start;}
    #footer .cust .fin p b {word-break: keep-all;}
    #footer .copyright {word-break: keep-all;}
}