* {
    --mc1 : #809e7c;
    --mc2 : #ffd1d8;
}

.pop-win h2, .ifram-win h2 {font-size:2rem !important;}


.f-15 {font-size:1.5rem;}
.f-16 {font-size:1.6rem;}
.f-18 {font-size:1.8rem;}
.f-20 {font-size:2.0rem;}
.f-24 {font-size:2.4rem;}
.f-30 {font-size:3.0rem;}
.f-40 {font-size:4.0rem;}
.f-45 {font-size:4.5rem;}
.f-60 {font-size:6.0rem;}
.f-80 {font-size:8.0rem;}


.mainLayout {width:94%;margin:0 auto;max-width:75%;}
.subLayout {width:75%;margin:0 auto;max-width:1428px;}
.dePadding {padding:15rem 0;}
.fullLayout {width:94%;margin:0 auto;}

.sub-img-wrap {width:100%;}
.sub-img-wrap img {width:100%;height:auto;}


/*헤드메뉴*/
#header {position:absolute;top:3rem;left: 50%; transform:translateX(-50%) ;z-index:6;height:8rem;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#header .header-inner {width:100%;}
#header .gnb {display:flex;list-style:none; height:100%; position:absolute; right:10rem}
#header .gnb > li {height:8rem;position:relative; display:block; padding:0 5rem;vertical-align:middle; text-align:center;}
#header .gnb > li > a {display:block; width:100%;font-size:1.8rem;letter-spacing: -0.02em;color:#fff;}
#header .gnb > li > a:hover {color: var(--mc1);font-weight:600;}
#header .gnb > li.active {background-color: var(--mc2)}
#header .gnb > li.active > a {color: #fff}

#header .header-inner .menu {cursor:pointer;text-indent:-9999px; position:absolute;top:29px; left:50%;width:25px;height:2rem; background-image:url(../img/cate_more.gif); margin-left:200px; border:0; display:none}
#header .header-inner .menu.on {background-image: url(../img/cate_close.gif)}
#header .gnb > li, #header #right-side-open {height:8rem;line-height:8rem; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#header #right-side-open { position:absolute; right:0; width:100%; cursor:pointer; border-left:1px solid rgba(255,255,255,0.3); text-align:center; display: inline-block; }
#header #right-side-open span{display:inline-block;width:2rem; height:2rem;font-size:2rem;line-height:1em;margin-top:-1rem; margin-left:-1rem; position:absolute; top:50%;left:50%; color:#fff;}
#header .gnb .snb {list-style:none; display:none;}
#header #logo {}
#header #logo a { display:block;}
#header #logo img {height:2rem;}
#header .gnb .snb,.device-md #header .gnb .snb{border-radius:2.5rem 0 2.5rem 0;padding:1.5rem 0;display: none;position: absolute;left:0;width: 100%; top:8rem; border-top: 0;background-color:var(--mc1); z-index:2}
#header .gnb .snb li { font-size:1.5rem; line-height:2.6; text-align:left;}
#header .gnb .snb li a { color:#eee;font-weight:300; display:block; padding-left:2rem}
#header .gnb .snb li a:hover {color:#fff;font-weight:500;  display:block; text-decoration:none; line-height:2.6}
#header .gnb .snb li:first-child { border-top:0}

/*전체메뉴 버튼*/
#open-button{position:fixed;z-index:1000;right:4%;width:75px;top:5rem;height:4rem;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;cursor:pointer;display:block; }
#open-button .navicon-line{position:absolute;width:2rem;height:2px;border-radius:1px;background:#fff;-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out}
#open-button .nl1 {top: 1rem;right: 1rem; width:5.4rem;}
#open-button .nl2 {top: 2rem;right: 1rem; width:5.4rem;}
#open-button .nl3 {top: 3rem;right: 1rem; width:5.4rem;}
#open-button.on>div>div{transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);width:25px;position:absolute;top:15px;right:1rem;margin:0;padding:0;background-color:#fff;}
#open-button.on>div>div:first-child{transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg)}
#open-button.scrolled .navicon-line {background-color: #fff;}
#open-button.on.scrolled >div>div{background-color:#333;}
/*전체메뉴 버튼*/

.scrolled #open-button .nl1 { background-color:#333}
.scrolled #open-button .nl2 { background-color:#333}
.scrolled #open-button .nl3 { background-color:#333}
.scrolled #open-button .navicon-line  { background-color:#333}
.scrolled #open-button.on .navicon-line { background-color:#fff}



/* 전체메뉴 */

.navi {
  z-index: 300;
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}
.navi:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: rgba(123, 156, 121, 0.98);
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 100%;
  transform: scale(0.04), translateY(9999px);
  overflow: hidden;
}
.open .navi {
  top: 0;
}
.open .navi:before {
  -webkit-animation: menu-animation 0.8s ease-out forwards;
          animation: menu-animation 0.8s ease-out forwards;
}

ul.menu {
  font-family:'Daehan';
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  perspective: 1000;
  color: white;
  padding:20rem 0;
}
ul.menu li {
  opacity: 0;
  text-align: center;
  transform: translate3d(0, 36px, 0);
}
ul.menu li:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  left: auto;
  background-color: white;
  height: 100%;
  width: 0;
  overflow: hidden;
  transition: width 0.14s ease-out;
}
ul.menu li:after {
  opacity: 0;
  content: attr(data-text);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  color: #98B296;
  overflow: hidden;
  transform: translate(-24px, 0);
  transition: transform 0.1s ease-out, opacity 0.1s ease-out;
}
ul.menu li:hover:before {
  left: 0;
  right: auto;
  width: 100%;
}
ul.menu li:hover:after {
  opacity: 1;
  transform: translate(0px, 0);
  transition: transform 0.2s 0.14s ease-out, opacity 0.2s 0.14s ease-out;
}
.open ul.menu li {
  font-size:4rem;margin:0 0 7rem 0;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.open ul.menu li a {color:#fff;font-weight:600;white-space: nowrap;}
.open ul.menu li .depth-2 {display:flex;width:100%;justify-content: center;position:absolute;top:4rem;}
.open ul.menu li .depth-2 a {font-size:1.6rem;color:#eee;font-family:'pretendard';font-weight:300;}
.open ul.menu li .depth-2 a:hover {color:#fff;font-weight:500;}
.open ul.menu li .depth-2 .li {padding:0 1rem;position:Relative;}
.open ul.menu li .depth-2 .li:after {content:'';display:block;width:4px;height:4px;border-radius:50%;position:absolute;z-index:1000;right:-0.2rem;top:65%;transform:translateY(-50%);background:#ccc;}
.open ul.menu li .depth-2 .li:last-of-type:after {display:none;}

.open ul.menu li:nth-child(1) {
  transition-delay: 0.75s;
}
.open ul.menu li:nth-child(2) {
  transition-delay: 0.85s;
}
.open ul.menu li:nth-child(3) {
  transition-delay: 0.95s;
}
.open ul.menu li:nth-child(4) {
  transition-delay: 1.05s;
}
.open ul.menu li:nth-child(5) {
  transition-delay: 1.15s;
}
@-webkit-keyframes menu-animation {
  0% {
    opacity: 0;
    transform: scale(0.04) translateY(300%);
  }
  40% {
    transform: scale(0.04) translateY(0);
    transition: ease-out;
  }
  40% {
    transform: scale(0.04) translateY(0);
  }
  60% {
    opacity: 1;
    transform: scale(0.02) translateY(0px);
  }
  61% {
    transform: scale(0.04);
  }
  99.9% {
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
  }
  100% {
    transform: scale(2);
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
  }
}

@keyframes menu-animation {
  0% {
    opacity: 0;
    transform: scale(0.04) translateY(300%);
  }
  40% {
    transform: scale(0.04) translateY(0);
    transition: ease-out;
  }
  40% {
    transform: scale(0.04) translateY(0);
  }
  60% {
    opacity: 1;
    transform: scale(0.02) translateY(0px);
  }
  61% {
    transform: scale(0.04);
  }
  99.9% {
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
  }
  100% {
    transform: scale(2);
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
  }
}
/* 전체메뉴 */





@media screen and (max-width: 960px) {
	#header {display:block; background-color:transparent;}
	#header #logo { display:block}

}

/*헤드메뉴*/


/*우측 전체 메뉴*/
#right-side {background-color:#333;position:fixed; z-index:1000; top:0;right:-40rem;max-width:40rem; width:100%; height:100%; color:#FFF; padding:3rem;-webkit-transition: right .3s ease;-moz-transition: right .3s ease;-ms-transition: right .3s ease;-o-transition: right .3s ease;transition: right .3s ease; box-sizing:border-box; overflow:auto;}
#right-side .side_gnb .call a {text-align:center; display:block;position:relative;background:#6cc043; color:#fff; font-weight:bold; height:5.0em; line-height:5em; border-radius:3px; margin-top:1rem; padding:2px 0 4px 0;}
#right-side #btn-close-right-side {position:absolute;top:2rem;right:0;color:#fff;width:6rem;text-align:center;line-height:4rem; font-size:16px; cursor:pointer}
#right-side #btn-close-right-side .fa.fa-times { font-size:18px; padding-top:2rem}
.right-side-on #right-side {right:0;}
.right-side-on #rs-overlay {display:block;}

.quick_menu {width:100%; margin:auto; padding-top:2rem}
.quick_menu ul { text-align:center}
.quick_menu li{display:inline-block; margin-left:-3px; width:8rem; border-right:1px solid #555;}
.quick_menu li:last-child { border:0} 
.quick_menu li a{display:block; box-sizing:border-box; color:#f5f5f5; letter-spacing:-0.8px; text-align:center; position:relative;  font-size:12px}
.quick_menu li a:hover{color:#fff;backface-visibility:hidden}
.quick_menu li a.on{color:#fff;border-bottom-color:#FF3300;border-bottom-width:2px;border-bottom-style:solid}
.quick_kakao{text-align:center; height:35px; background-color:#ffd800; display:inline-block; clear:both}
.quick_kakao a{display:block;position:relative;background:#ffd800}
.quick_kakao a img{display:block;margin:0 auto}

.side_gnb{position:relative;width:100%;float:left;padding-top:2rem;}
.side_gnb p{color:#fff; text-align:center; padding:2rem }
.side_gnb .menu-list{display:block;position:relative;border-bottom:1px solid #555; margin-top:6rem}
.side_gnb .menu-list>li>a{display:block;position:relative;color:#fff;font-size:15px;line-height:3.8em;padding:0 1.0em;border-top:1px solid #555; text-decoration:none}
.side_gnb .menu-list>li>a i{display:block;position:absolute;top:50%;transform:translateY(-75%) rotate(135deg);-webkit-transform:translateY(-75%) rotate(135deg);right:1.5em;width:5.31%;max-width:32px;border:1px solid #ddd;border-left-width:0;border-bottom-width:0;transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease;-ms-transition:transform .3s ease}
.side_gnb .menu-list>li.on>a i{-webkit-transform:translateY(-25%) rotate(315deg);transform:translateY(-25%) rotate(315deg)}
.side_gnb .menu-list>li>a i:before{content:"";display:block;position:relative;padding-top:100%}
.side_gnb .depth-2{display:none;}
.side_gnb .depth-2>li { background-color:#ddd}
.side_gnb .depth-2>li>a{display:block;color:#ddd;font-size:1.2em;line-height:3.0em;padding:0 1.5em 0 2.2em;border-bottom:1px solid #fff; color:#000}

@media screen and (max-width: 640px) {
    .side_gnb .depth-2>li>a { font-size:16px}
}
/*우측 전체 메뉴*/



/* 메인페이지 */

.subText {font-family:'LEMON MILK';font-size:2.4rem;font-weight:400;color:#ddd;}
.titleText {font-size:3.5rem;font-weight:600;color:#333;}


.goButton {
	width:22rem;
	height:5.5rem;
	color: #333;
	font-size:1.5rem;
	font-weight:500;
	padding:0 2rem;
	line-height:5.5rem;
	background:#eee;
	border: 1px solid #eee;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	cursor: pointer;
  }
  .goButton span {
	position: relative;
	z-index: 100;
  }
  .goButton img {
	position:absolute;right:2rem;top:50%;transform:translateY(-50%);z-index: 100;height:1rem;
  }
  .goButton:before, .goButton:after {
	content: "";
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
  }
  .goButton:before {
	transform: translate3d(-100%, 0, 0);
	background-color: var(--mc1);
	border: 1px solid var(--mc1);
	transition: transform 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .goButton:after {
	background-color: var(--mc1);
	border: 1px solid var(--mc1);
	transform: translate3d(100%, 0, 0);
	transition: transform 300ms 300ms cubic-bezier(0.16, 0.73, 0.58, 0.62);
  }
  .goButton:hover:before {
	transform: translate3d(0, 0, 0);
  }
  .goButton:hover:after {
	transform: translate3d(0, 0, 0);
  }



.about_wrap {width:100%;display:flex;justify-content: space-between;padding:16vh 0;max-width:1428px;}
.about_wrap .about-left-wrap {}
.about_wrap .about-left-wrap h1 {font-size:2.4rem;color:#ddd;font-weight:400;font-family:'LEMON MILK';}
.about_wrap .about-left-wrap h2 {font-size:3.5rem;color:#333;font-weight:700;margin:4.5vh 0 3vh 0;}
.about_wrap .about-left-wrap h3 {font-size:1.7rem;color:#777;font-weight:400;margin-bottom:6.5vh;}
.about_wrap .about-left-wrap>ul {width:60rem;max-width:100%;display:flex;justify-content: space-between;}
.about_wrap .about-left-wrap>ul li {text-align:center;}
.about_wrap .about-left-wrap>ul li a {width:100%;height:100%;display:block;}
.about_wrap .about-left-wrap>ul li .icon-wrap {width:5rem;height:5rem;position:relative;margin:0 auto;}
.about_wrap .about-left-wrap>ul li .icon-wrap img {transition:all 0.4s;width:100%;height:100%;object-fit:contain;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.about_wrap .about-left-wrap>ul li h4 {transition:all 0.4s;font-size:1.5rem;color:#555;font-weight:700;letter-spacing: -0.01em;margin-top:2rem;}

.about_wrap .about-left-wrap>ul li:hover .icon-wrap img {transform:translate(-50%, -50%) scale(1.1)}
.about_wrap .about-left-wrap>ul li:hover h4 {color:var(--mc1);}

.about_wrap .about-right-wrap {position:relative;}
.about_wrap .about-right-wrap .img-wrap  {height:100%}
.about_wrap .about-right-wrap .img-wrap img {height:100%;}



.main_facility_wrap {width:100%;display:flex;aspect-ratio: 12/5;overflow: hidden;}
.main_fac_left {width:25%;height:100%;background:#f8f8f9;position:relative;padding:6rem;}
.main_fac_left .subText {margin-top:20%;}
.main_fac_left .titleText {margin:7rem 0;}

.main_fac_right {width:75%;height:100%;position:relative;}
.main_fac_right .fac_swiper {width:100%;height:100%;}
.main_fac_right .fac_swiper .swiper-container{width:auto;height:100%;}
.main_fac_right .fac_swiper .swiper-slide .image_box {width:100%;height:100%;}
.main_fac_right .fac_swiper .swiper-slide .image_box img {width:100%;height:100%;object-fit: cover;}
.main_fac_right .fac_swiper .swiper-slide .text_box{color:#fff;position:absolute;right:5%;bottom:10%;text-align:right;}
.main_fac_right .fac_swiper .swiper-slide .text_box h2{font-size:3rem;font-weight:600;letter-spacing: -0.01em;margin-bottom:4rem;}
.main_fac_right .fac_swiper .swiper-slide .text_box h3{font-size:1.7rem;font-weight:400;letter-spacing: -0.01em;color:#eee;}

.main_fac_left .bottom-wrap {width:100%;position:absolute;bottom:15%;}
.main_fac_left .bottom-wrap .goButton {bottom:calc(10rem + 5rem);}

.main_fac_right .progress-bar-wrap {width:calc(33.3333% - 10rem);height:2px;position:absolute;bottom:10rem;left:-5rem;transform:translateX(-100%)}
.main_fac_right .swiper-progress-bar {
    position: relative;
    width: 100%;
    display: block;
    z-index: 100;
    height: 2px;
    position: absolute;
    bottom:20%;right:0%;
    z-index: 100;
  }
  .main_fac_right .swiper-progress-bar .slide_progress-bar {
    position: absolute;
    height: 2px;
    background: #ccc;
    width: auto;
    clear: both;
    opacity: 0;
    bottom:10%;right:0;left:0;
    
  }
  .main_fac_right .swiper-progress-bar .slide_progress-bar:after {
    position: absolute;
    top: 0;
    left: 0;
    background: #333;
    height: 100%;
    width: 0;
    content: "";
    transition: 0.1s width linear;
  }
  .main_fac_right .swiper-progress-bar.active .slide_progress-bar {
    opacity: 1;
  }
  .main_fac_right .swiper-progress-bar.animate .slide_progress-bar:after {
    transition: width linear;
    transition-delay: unset;
    width: 100%;
    transition-duration: 5s;
  }

.fac_pager {width:14rem;position:absolute;bottom:4rem;right:5rem;transform:translateX(-50%)}
.fac-next,.fac-prev {width:auto !important;height:auto !important;position:absolute !important;top:50% !important;transform:translateY(-50%) !important;z-index:100 !important;cursor:pointer;margin-top:0 !important}
.fac-next{right:0 !important}
.fac-prev{left:0 !important}
.fac-next img, .fac-prev img {height:1rem;}


 .fac-swiper-pagination {font-family:'LEMON MILK';transform:translateX(-50%);width:14rem;text-align:center;font-size:1.4rem;display:inline-block;color:#999;font-weight:400;position:absolute !important;left:unset !important ;right:5rem !important;bottom:3rem !important}
 .fac-swiper-pagination .swiper-pagination-current {color:#333;}
  

.header-all-cont {width:100%;height:auto;position:absolute;top:0;z-index: 100;}

.main_sightseeing_wrap {width:100%;padding:18rem 0;}
.main_sightseeing_wrap .sightseeing-title {width:100%;display:flex;position:relative;margin-bottom:3vh;}
.main_sightseeing_wrap .sightseeing-title h3 {position:relative;top:1rem;left:2rem;}
.main_sightseeing_wrap .sightseeing-title a {font-size:1.5rem;color:#333;font-weight:600;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.main_sightseeing_wrap .sightseeing-title a img {margin-left:2rem;height:1rem;}
.main_sightseeing_wrap .sightseeing-contents-wrap {width:100%;display:flex;justify-content: space-between;}
.main_sightseeing_wrap .sightseeing-contents-wrap .content {width:31%}
.main_sightseeing_wrap .sightseeing-contents-wrap .content .img-wrap {width:100%;aspect-ratio: 45/26;overflow: hidden;}
.main_sightseeing_wrap .sightseeing-contents-wrap .content .img-wrap img {width:100%;height:100%;object-fit: cover;transition:all 0.4s ease-in-out;}
.main_sightseeing_wrap .sightseeing-contents-wrap .content .img-wrap:hover img{transform:scale(1.1);}
.main_sightseeing_wrap .sightseeing-contents-wrap .content h2 {font-size:2.4rem;font-weight:600;color:#333;letter-spacing: -0.01em;margin:3rem 0 3rem 0;}
.main_sightseeing_wrap .sightseeing-contents-wrap .content p {font-size:1.6rem;font-weight:400;color:#777;letter-spacing: -0.02em;line-height:1.6;}
.main_sightseeing_wrap .sightseeing-contents-wrap .content p span {font-weight:600;}

.main_photo_wrap {width:100%;background:#f8f8f9;padding:12vh 0 15vh 0;}
.main-photo-title {width:100%;text-align:center;}
.main-photo-title>h3 {margin:4rem 0 2rem 0}
.main-photo-title p {font-size:1.6rem;color:#777;letter-spacing: -0.02em;}
.main-photo-btn {width:100%;}
.goButton.btnStyle2 {margin:0 auto;background:#333;color:#fff;}

.main-information-wrap {padding:18vh 0;display:flex;justify-content: space-between;}
.main-information-wrap .main-info-left, .main-information-wrap .main-info-right {width:46%;}
.main-information-wrap .info-title-wrap {width:100%;display:flex;position:relative;margin-bottom:3vh;}
.main-information-wrap .info-title-wrap h3 {position:relative;top:1rem;left:2rem;}
.main-information-wrap .info-title-wrap a {font-size:1.5rem;color:#777;font-weight:600;position:absolute;right:0;bottom:0;}
.main-information-wrap .info-title-wrap a img {margin-left:2rem;}

.main-map-wrap {width:100%;}
.main-map-wrap .main-map{width:100%;height:15.6rem;background:#ccc;overflow: hidden;}
.main-map-wrap .main-map .root_daum_roughmap {margin-left:-1px;margin-top:-1px;}
.main-map-wrap .main-map-info{width:100%;display:flex;justify-content: space-between;padding:2.5rem 0;}
.main-map-wrap .main-map-info .main-map-text h4{color:#555;font-size:2rem;font-weight:700;letter-spacing: -0.02em;margin-bottom:1.5rem;}
.main-map-wrap .main-map-info .main-map-text h5{color:#777;font-size:1.6rem;font-weight:500;letter-spacing: -0.02em;}
.main-map-wrap .main-map-info .main-map-icon {position:relative;}
.main-map-wrap .main-map-info .main-map-icon img {position:absolute;top:50%;right:0;transform:translateY(-50%)}
/* 메인페이지 */






/*서브상단*/
.sub_visual{position:relative;max-width:256rem;margin:0 auto;aspect-ratio: 3.8/1;min-height:30rem;overflow:hidden;background-repeat:no-repeat;background-position:center;}
.sub_visual.visual01 .bg{background-image:url(../img/sub_visual01.jpg)}
.sub_visual.visual02 .bg{background-image:url(../img/sub_visual02.jpg)}
.sub_visual.visual03 .bg{background-image:url(../img/sub_visual03.jpg)}
.sub_visual.visual04 .bg{background-image:url(../img/sub_visual04.jpg)}
.sub_visual.visual05 .bg{background-image:url(../img/sub_visual05.jpg)}
/* .sub_visual:hover .bg{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)} */
.sub_visual .title_warp {margin:0 auto; z-index:5;}
.sub_visual .title_warp .table-cell {}
.sub_visual h3{z-index:5;font-family:'Daehan';font-size:6rem;font-weight:500;letter-spacing:-0.02em; color:#fff;position:absolute;bottom:5rem;}
.sub_visual .sub_title{padding-bottom:1rem; font-size:2rem; font-weight:300; color:#fff;opacity:.8; z-index:5;position:absolute;bottom:calc(5rem + 8rem);}

.sub_visual .cover{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sub_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:1200px;opacity:.5;z-index:1}
.sub_visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-attachment: fixed;z-index:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}

@media screen and (max-width: 640px) {
    .sub_visual .title_warp { max-width:100%;}
}
/*서브상단*/



.content_wrap { width:100%;}
.content_wrap .sub-wrap {font-size:1.5rem;}
.content_wrap .sub-wrap .sub_title, .sub-page-title {width:100%;display:flex;margin-bottom:6rem;justify-content: space-between;display:none;}
.content_wrap .sub-wrap .sub_title h1, .sub-page-title h1 {font-size:4rem;color:#333;}
.content_wrap .sub-wrap .sub_title h2, .sub-page-title h2 {font-size:2.4rem;color:#ddd;font-family:'lemon milk';font-weight:400;position:relative;top:1.5rem;}

.service-guide-title h2 {font-size:2.4rem;color:#ddd;font-family:'lemon milk';font-weight:400;position:relative;top:1.5rem;}

.content_wrap .txtboard { max-width:1200px;  font-size:12px;}





/*서브 하단 네비*/
.category-wrap {width:100%; height:70px;clear:both; background-attachment:scroll; position:relative; z-index:3;}
.sub_navI_warp {max-width:1300px; z-index:3; position:relative; margin:0 auto;}
.all-wrap{max-width:1340px;  height:69px; margin:0 auto;   transition:all .3s ease;}
.all-wrap .loca-wrap{width:100%;margin:0 auto;height:69px;position:relative;display:flex;justify-content: center;}
.all-wrap .loca-wrap .loca-area{height:69px;}
.all-wrap .loca-wrap .loca-area:after{content:'';display:inline-block;width:5px;height:5px;background:#eee;border-radius:50%;margin:0 15px;}
.all-wrap .loca-wrap .loca-area i{display:inline-block;width:30px;height:71px; line-height:65px;  color:#555; padding:0; margin-top:0; text-align:center}
.all-wrap .loca-wrap .loca-area > a {display:inline-block;width:54px;height:100%;line-height:100%; text-align:center;}
.all-wrap .loca-wrap .loca-area > a img {margin-top:17px;}
.all-wrap .loca-wrap .loca-area>ul {margin:0; padding:0;}
.all-wrap .loca-wrap .loca_li{padding:0 9px;height:70px;position:relative; margin-left:-1px}
.all-wrap .loca-wrap .loca_li span{line-height:69px;font-size:1.6rem;color:#555;}
.all-wrap .loca-wrap .loca_1 {text-align: center;width:auto;}
.all-wrap .loca-wrap .loca_2 {text-align:left;width:190px;}
.loca_middle_dot {display:inline-block;width:5px;height:5px;background:#eee;border-radius:50%;margin:32px 15px;}
.all-wrap .loca-wrap .loca_li button{height:69px;width:200px;position:relative;text-align:left; background-image:url(../img/loca_arrow_off.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;  border:0;  background-color: inherit; box-sizing: border-box;}
.all-wrap .loca-wrap .loca_li button.active{background-image:url(../img/loca_arrow_on.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;}
.all-wrap .loca-wrap .loca_li button span {background-color: transparent; color:#555; font-size:1.6rem}
.all-wrap .loca-wrap .loca_2 button span {color:#333;}
.all-wrap .loca-wrap .loca_li div{overflow:hidden;height:0;position:relative;z-index: 1000;}
.all-wrap .loca-wrap .loca_li div ul{border-radius:20px 0 20px 0;overflow:hidden;display:block;position:absolute;width:100%;left:0; background-color:#fff; padding:0}
.all-wrap .loca-wrap .loca_li div ul li a{background:#eee;height:46px;color:#555;line-height:46px;display:block;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;padding-left:19px; font-size:1.6rem; box-sizing:border-box}
.all-wrap .loca-wrap .loca_li div ul li a:hover { color:#333; font-weight:bold}



/*서브 하단 네비*/






/*푸터*/
#footer {width:100%;aspect-ratio:192/78;max-height:90vh;position:relative;}
#footer .youtube-background {position:absolute;top:0;left:0;z-index: -1;pointer-events: none;}
#footer .youtube-background:before {
  content:'';
  display:block;
  width:100%;height:100%;
  position:absolute;
  top:0;left:0;
  background:rgba(0,0,0,0.1);
  z-index: 1;
}
.footer_contents_wrap {position:relative;height:100%;}
.footer_contents_wrap .footer_top_wrap {width:100%;display:flex;justify-content: space-between;padding-top:6%;}
.footer_contents_wrap .footer_top_wrap .footer-logo img{height:2rem;}
.footer_contents_wrap .footer_top_wrap .footer-sns{display:flex;}
.footer_contents_wrap .footer_top_wrap .footer-sns li {margin:0 0 0 3rem;}
.footer_contents_wrap .footer_top_wrap .footer-sns li a{ color:#eee;font-size:4rem;}
.footer_contents_wrap .footer_bottom_wrap {width:100%;display:flex;justify-content: space-between;position:absolute;left:0;bottom:18%;padding-top:6rem;border-top:1px solid rgba(255,255,255,0.3);}
.footer_contents_wrap .footer_bottom_wrap .copyright {font-size:1.5rem;color:#fff;font-weight:400;}
.footer_contents_wrap .footer_bottom_wrap .information {display:flex;font-size:1.5rem;color:#fff;font-weight:400;}
.footer_contents_wrap .footer_bottom_wrap .information a {font-size:1.5rem;color:#fff;font-weight:400;}
.footer_contents_wrap .footer_bottom_wrap .information li {border-right:2px solid #999;padding:0 2rem;}
.footer_contents_wrap .footer_bottom_wrap .information li:last-of-type {border-right:0;padding:0 0 0 2rem;}

#footer.sub-footer {height:auto;aspect-ratio: 192/60;background:url(../img/footerbg.jpg)no-repeat center/cover;}
/*푸터*/



/* 푸터팝업*/
.tl_pop_con{background:#fff;} 
.tl_pop_con h2.f_pop_tit{width:100%;height:8rem;line-height:8rem;font-size:2rem;color:#fff;}
.tl_pop_con h2.f_pop_tit img {display:inline-block;margin-left:5rem;margin-right:5px;margin-top:-1rem;width:12rem;}
.tl_pop_con h2.f_pop_tit span {display:inline-block; padding-left:5rem;}
.f_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:15px;overflow-y:auto;}
.f_pop_wrap strong {color:#00a19a;font-weight:normal;}
.f_pop_wrap p { color:#333; padding:4rem 5rem; line-height:1.6;}
.mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/btn_close.png") no-repeat center center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; }
.mfp-close { width: 4rem; height: 4rem; text-indent: -999px;opacity: 1; overflow: hidden; background-color:transparent; border:0; }
button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
/* 푸터팝업*/



/* 이미지 효과 */

.reveal-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: relative;
}

.reveal-container:nth-child(1) {
  background: #fff
}

.reveal-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transform-origin: left;
}

.reveal {
  visibility: hidden;
  position: relative;
  width: 100%;
  height:100%;
  overflow: hidden;
}



/* 서브페이지 */

/* 인사말 */

.greetings {position:relative;width:100%;margin-bottom:6vh;}

.greeting-cont-1 {width:100%;display:flex;aspect-ratio: 192/50;position:relative;}
.greeting-cont-1 .left-wrap {width:60%;height:100%;overflow: hidden;}
.greeting-cont-1 .left-wrap img {width:100%;height:100%;object-fit: cover;}
.greeting-cont-1 .right-wrap {width:40%;height:100%;position:Relative;}
.greeting-cont-1 .right-wrap .text-wrap {padding:0 10%;position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%)}
.greeting-cont-1 .right-wrap .text-wrap h2{font-size:4rem;font-family:'daehan';letter-spacing: -0.02em;margin-bottom:4rem;}
.greeting-cont-1 .right-wrap .text-wrap h2 span{color:var(--mc1);}
.greeting-cont-1 .right-wrap .text-wrap p{font-size:1.7rem;color:#777;line-height:1.6;letter-spacing: -0.02em;}

.greeting-cont-2 {display:flex;justify-content: space-between;margin-top:15vh;}
.greeting-cont-2 .left-wrap {}
.greeting-cont-2 .left-wrap h2 {font-size:4rem;font-family:'daehan';color:var(--mc1);letter-spacing: -0.02em;margin-bottom:6rem;}
.greeting-cont-2 .left-wrap p {font-size:1.7rem;color:#777;line-height:1.6;letter-spacing: -0.02em;margin-bottom:3rem;}
.greeting-cont-2 .left-wrap h3 {font-family:'daehan';font-size:2.4rem;color:#777;margin-top:6rem;}
.greeting-cont-2 .left-wrap h3 span {color:var(--mc1);}
.greeting-cont-2 .right-wrap {width:35%;aspect-ratio: 513/59;}
.greeting-cont-2 .right-wrap img {width:100%;}

.greetings .gbg1 {width:31.6rem;height:24.3rem;background:url(../img/gbg2.jpg)no-repeat center/contain;position:absolute;z-index: -1;right:-3%;bottom:-10%}
.greetings .gbg2 {width:27.4rem;height:12.9rem;background:url(../img/gbg1.jpg)no-repeat center/contain;position:absolute;z-index: -1;bottom:0;left:-3%;}
/* 인사말 */


/*오시는길*/
.location_info_wrap {display:flex;width:100%;margin:50px 0 0 0;}
.location_info_wrap .info_title {width:30%;}
.location_info_wrap .info_title h1 span {display:block;font-size:4rem;font-family:'daehan';letter-spacing: -0.02em;color:#333;}
.location_info_wrap .info_title h2 span {display:block;font-weight:400;font-family:'Pretendard Variable';letter-spacing: -0.04em;color:#999;}
.location_map_wrap {width:100%;height:40rem;overflow: hidden;}
.location_info_wrap .info_contents_wrap {width:70%;display:flex;flex-wrap:wrap;justify-content: space-between;}
.location_info_wrap .info_contents_wrap .info_contents {width:48%;padding:30px 30px 100px 30px;border-top:2px solid #999;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_title{width:100%;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_title:after{content:'';display:block;clear:both;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_title img{float:left;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_title h3 {color:#555;float:left;margin:10px 0 0 20px;font-family:'daehan';letter-spacing: -0.04em;}
.location_info_wrap .info_title h2 {line-height:1.6;margin-top:3vh;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom {margin-top:40px;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .kakao_map {padding:5px 10px;border:1px solid #555;margin-right:10px;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .kakao_map:hover {background:#fef01b;border:1px solid #fef01b;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .kakao_map:hover a {color:#1a1616;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .kakao_map a {color:#555;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .naver_map {padding:5px 10px;border:1px solid #555;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .naver_map:hover {background:#1EC800;border:1px solid #1EC800;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .naver_map:hover a {color:#fff;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .naver_map a {color:#555;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .google_map {padding:5px 10px;border:1px solid #555;margin-right:10px;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .google_map:hover {background:#ff0000;border:1px solid #ff0000;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .google_map:hover a {color:#fff;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .google_map a {color:#555;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom>p {color:#555;line-height:1.8;word-break: keep-all;}



/* 가이드맵 */

.guide_wrap .guidemap-wrap {width:100%;overflow: hidden;}
.guide_wrap .guidemap-wrap img {width:100%;border-radius:2.5rem;margin-bottom:1rem;}
.guide_wrap  .goButton  {margin:5vh auto;}



/* 오토캠핑장 */
.auto_camping {width:100%;}
.auto-camping-section1 {width:100%;transition:all 0.4s; filter: brightness(100%);overflow: hidden;}
.auto-camping-section1 img {width:100%;transition:all 0.4s; }
.auto-camping-section1:hover { filter: brightness(110%);}
.auto-camping-section1:hover img {transform:scale(1.05);}
.auto-camping-section2 {width:100%;display:flex;margin:3rem 0 10rem 0;}
.auto-camping-section2 .title {width:35%;}
.auto-camping-section2 .title h2 {font-size:2.6rem;font-family:'daehan';letter-spacing: -0.03em;color:#777;}
.auto-camping-section2 .title h3 {font-size:4.6rem;font-family:'daehan';letter-spacing: -0.02em;color:#333;margin-top:0.5rem;}
.auto-camping-section2 .title h3 img {transform:scale(0.8)}
.auto-camping-section2 .explanation {width:65%;}
.auto-camping-section2 .explanation h4 {font-weight:600;color:#555;font-size:2rem;margin-bottom:2rem;}
.auto-camping-section2 .explanation p {font-weight:400;color:#777;font-size:1.7rem;line-height:1.4;}
.auto-camping-section3 {display:flex;justify-content: space-between;flex-wrap: wrap;}
.auto-camping-section3 .img-wrap {margin-bottom:2rem;overflow: hidden;position:relative;}
.auto-camping-section3 .img-wrap a {width:100%;height:100%;display:block;}
.auto-camping-section3 .img-wrap img {width:100%;height:100%;object-fit: cover;}
.auto-camping-section3 .img-wrap-1 {width:calc(67% - 1rem);}
.auto-camping-section3 .img-wrap-2 {width:calc(33% - 1rem);}
.auto-camping-section3 .img-wrap-3 {width:calc(50% - 1rem);}
.auto-camping-section3 .img-wrap-4 {width:calc(50% - 1rem);}

.auto_camping .img-wrap {transition:all 0.4s;}
.auto_camping .img-wrap.ds {filter: blur(1.5px) grayscale(50%) brightness(70%); }
.auto_camping .img-wrap.on {filter: blur(0) grayscale(0) brightness(100%); }
.auto_camping .img-wrap img {transition:all 0.4s;}
.auto_camping .img-wrap:hover img {transform:scale(1.05);}




/* 주변환경 */
.environment_slide .swiper-container {margin-bottom:10vh;}
.environment_slide .swiper-container .swiper-slide {aspect-ratio: 51/38;padding:0 10rem 10rem 10rem;position:relative;}
.environment_slide .swiper-container .swiper-slide .img  {width:100%;height:100%;position:relative;overflow: hidden;transition: all 0.4s ease-in-out;}
.environment_slide .swiper-container .swiper-slide .text {position:absolute;bottom:3rem;right:3rem;z-index: 1000;}
.environment_slide .swiper-container .swiper-slide .text h3 {font-weight:500;color:#fff;font-size:2rem;letter-spacing: -0.02em;}
.environment_slide .swiper-container .swiper-slide .img img {width:100%;height:100%;object-fit: cover;position:relative;z-index: 2;opacity: 0.5;transition: all 0.4s ease-in-out;}
.environment_slide .swiper-container .swiper-slide .img:hover img {transform:scale(1.05);}
.environment_slide .swiper-container .swiper-slide::before {
  content:'';
  display:block;
  width:calc(100% - 20rem);
  height:calc(100% - 10rem);
  background:#fff;
  position:absolute;
  top:0;left:50%;transform:translateX(-50%);
  z-index: 1;
}
.environment_slide .swiper-container .swiper-slide.swiper-slide-active {padding:0;}
.environment_slide .swiper-container .swiper-slide.swiper-slide-active img {opacity:1;}
.environment_slide .nav-wrap {width:13rem;position:relative;margin:0 auto;}
.environment_slide .swiper-button-prev, .environment_slide .swiper-button-next {bottom:0;background:transparent;font-family:'lemon milk';width:auto;height:auto;font-size:2rem;}
.environment_slide .swiper-pagination {position:static;font-family:'lemon milk';margin-top:-1.9rem;font-size:1.6rem;color:#ccc;letter-spacing: 0.2rem;}
.environment_slide .swiper-pagination .swiper-pagination-current  {color:#333;}


/* 부대시설 */
.facil-popup-wrap {display:none;left:0;top:0;width:100%;height:100vh;position:fixed;z-index: 9000;}
.facil-popup-wrap.show {display:block;}
.facil-popup-wrap .pop-bg {width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.80);}
.facil-popup-wrap .environment_slide .swiper-slide {cursor:pointer;}
.facil-popup-wrap .environment_slide .close_btn {font-size:2.4rem;color:#fff;position:absolute;bottom:0;right:5%;transition:all 0.4s;}
.facil-popup-wrap .environment_slide .close_btn:hover {transform:rotate(360deg)}
.facil-popup-wrap .environment_slide {width:100%;position:absolute;top:50%;transform:translateY(-50%);}
.facil-popup-wrap .environment_slide .swiper-button-prev, .facil-popup-wrap .environment_slide .swiper-button-next {color:#fff;}
.facil-popup-wrap .environment_slide .swiper-pagination .swiper-pagination-current {color:#fff}

.facility-cont-wrap {}

.facility-cont-wrap  {display:flex;justify-content: space-between;flex-wrap: wrap;}
.facility-cont-wrap  .img-wrap {margin-bottom:2rem;overflow: hidden;position:relative;}
.facility-cont-wrap  .img-wrap a {width:100%;height:100%;display:block;}
.facility-cont-wrap  .img-wrap img {width:100%;height:100%;object-fit: cover;}
.facility-cont-wrap  .img-wrap-1 {width:100%;}
.facility-cont-wrap  .img-wrap-2 {width:calc(40% - 1rem);}
.facility-cont-wrap  .img-wrap-3 {width:calc(60% - 1rem);}
.facility-cont-wrap  .img-wrap-4 {width:calc(50% - 1rem);}
.facility-cont-wrap  .img-wrap-5 {width:calc(50% - 1rem);}


.facility-cont-wrap .text-wrap {position:absolute;bottom:5rem;left:5rem;z-index: 1;color:#fff;}
.facility-cont-wrap .text-wrap h2 {font-size:3.5rem;font-family:'daehan';letter-spacing: -0.03em;}
.facility-cont-wrap .text-wrap span {font-family:'lemon milk';font-weight:400;font-size:1.5rem;color:#eee;}

.facility-cont-wrap .img-wrap {transition:all 0.4s }
.facility-cont-wrap .img-wrap.ds {filter: blur(1.5px) grayscale(50%) brightness(70%); }
.facility-cont-wrap .img-wrap.on {filter: blur(0) grayscale(0) brightness(100%); }
.facility-cont-wrap .img-wrap img {transition:all 0.4s;}
.facility-cont-wrap .img-wrap:hover img {transform:scale(1.05);}

/* 이용안내 */

.service-guide {width:100%;}
.service-guide .sub-page-title {justify-content: left;}
.service-guide .sub-page-title h1 {margin-right:5rem;}
.service-guide .section-1 {width:100%;display:flex;justify-content: space-between;position:relative;;height:25rem;margin-bottom:6rem;}
.service-guide .section-1 .left-wrap {width:55%;}
.service-guide .section-1 .left-wrap h2 {font-size:3.8rem;color:#333;font-weight:700;letter-spacing: -0.01em;line-height:1.4;margin:5rem 0 3rem 0;font-family:'daehan'}
.service-guide .section-1 .left-wrap h3 {font-size:1.7rem;color:#777;font-weight:400;letter-spacing: -0.02em;line-height:1.4;}
.service-guide .section-1 .right-wrap {width:42%;position:absolute;bottom:0;right:0;}
.service-guide .section-1 .right-wrap img {width:100%;}

.service-guide .section-2 {width:100%;}
.service-guide .section-2 .table-wrap {width:100%;}
.service-guide .section-2 .table-wrap table {width:100%;border-top:2px solid #333;}
.service-guide .section-2 .table-wrap table td, .service-guide .section-2 .table-wrap table th {line-height:1.6;text-align:center;font-size:1.8em;font-weight:600;color:#333;padding:2rem 0;border-bottom:1px solid #ddd;}
.service-guide .section-2 .table-wrap tbody tr td:first-of-type {width:50%;border-right:1px solid #ddd;}

.slide_wrap {width:100%;}
.slide_head {width:100%;display:flex;justify-content: space-between;border-bottom:1px solid #a9a9a9;line-height:6rem;padding:3rem 0;}
.slide_head.open {border-bottom:0;}
.slide_head span {font-size:3.5rem;color:#333;font-weight:700;}
.slide_head i {font-size:2.4rem;color:#777;position:relative;line-height:6rem;}
.slide_body {display:none;width:100%;background:#f5f5f6;color:#333;padding:5%;}

.notice-wrap .body-contents .content-wrap {width:100%;display:flex;padding-bottom:2.5rem;border-bottom:1px solid #ddd;margin-bottom:4rem;}
.notice-wrap .body-contents .content-wrap .title {width:30%;font-size:2.4rem;font-weight:600;color:#333;}
.notice-wrap .body-contents .content-wrap .title img {margin-right:1rem;height:1.5rem;}
.notice-wrap .body-contents .content-wrap .info {width:70%;}
.notice-wrap .body-contents .content-wrap .info table {width:100%;font-size:1.5rem;font-weight:500;color:#333}
.notice-wrap .body-contents .content-wrap .info table th {width:50%;border-bottom:2px solid #ccc;padding:0rem 0 2rem 0;font-size:1.8rem;}
.notice-wrap .body-contents .content-wrap .info table td {width:50%;border-bottom:1px solid #ddd;padding:1.2rem 2rem;border-right:1px solid #ddd;}
.notice-wrap .body-contents .content-wrap .info table td:last-of-type {border-right:0;}
.notice-wrap .body-contents .content-wrap .info li {list-style: disc;line-height:1.6;width:100%;margin-bottom:1rem;font-weight:400;font-size:1.7rem;color:#555;letter-spacing: -0.02em;}
.notice-wrap .body-contents .content-wrap .info li span {font-weight:600;color:#555;display:block;margin-top:1rem;}
.notice-wrap .body-contents .content-wrap .info li::marker {color:#ccc;}
.notice-wrap .body-contents .content-wrap:last-of-type {margin:0;padding:0;border-bottom:0;}


/* 일반현황 */

.overview_wrap {}

.overview-title {margin-bottom:1rem;}
.overview-title h1 {color:#333;font-weight:600;position:relative;font-family:'daehan';padding-bottom:2rem;}
.overview-title h1:before {content:'';display:inline-block;width:2.4rem;height:2.4rem;background:url(../img/flower.png)no-repeat center/contain;position:Relative;top:0rem;margin-right:1rem;}

.overview_wrap .section-2 {width:100%;}
.overview_wrap .section-2 .table-wrap {width:100%;margin-bottom:8rem;}
.overview_wrap .section-2:last-of-type .table-wrap {margin-bottom:0;}
.overview_wrap .section-2 .table-wrap table {width:100%;}
.overview_wrap .section-2 .table-wrap table td {text-align:center;font-size:1.6rem;font-weight:600;color:#333;border-bottom:1px solid #ddd;padding:1.4rem 2rem;word-break: keep-all;}
.overview_wrap .section-2 .table-wrap table th {text-align:center;font-size:2rem;font-weight:700;color:#333;border-bottom:1px solid #777;padding:2rem 1rem;word-break: keep-all;}
.overview_wrap .section-2 .table-wrap tbody tr td{border-right:1px solid #ddd;}
.overview_wrap .section-2 .table-wrap thead {border-bottom:1px solid #ddd;border-top:2px solid #555;}
.overview_wrap .section-2 .table-wrap thead th {padding:2.5rem 1rem;}
.overview_wrap .section-2 .table-wrap thead tr:first-of-type th {border-bottom:0;}
/* .overview_wrap .section-2 .table-wrap thead th {background:#f5f5f6;} */
.overview_wrap .section-2 .table-wrap thead th:nth-of-type(2n) {background:#f8f8f9;}
.overview_wrap .section-2 .table-wrap tbody tr td:last-of-type {border-right:0;}
/* .overview_wrap .section-2 .table-wrap tbody tr {border-left:1px solid #ddd;border-right:1px solid #eddd;} */

.overview_wrap .section-2 .table-wrap .title {width:25rem;font-size:2rem;}
.overview_wrap .section-2 .table-wrap tbody tr.line td {background:#f8f8f9;}

.overview-top-wrap {width:100%;margin-bottom:10rem;display:flex;justify-content: space-between;position:Relative;}
.overview-top-wrap .overview-text-wrap {display:flex;}
.overview-top-wrap .overview-text-wrap h1 {color:#333;font-size:3.5rem;}
.overview-top-wrap .overview-text-wrap h2 {color:#ddd;font-family:'LEMON MILK';font-size:2.4rem;font-weight:400;margin-left:3rem;position:relative;top:1rem;}
.overview-top-wrap .overview_img_wrap {position:absolute;right:0;}


.view_more {width:100%;margin-top:1rem;}
.view_more .go-to-wrap {cursor:pointer;transition: all 0.3s;background: #f8f8f9;box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 24px;
        width:100%;text-align:center;font-size:3.5rem;letter-spacing: -0.02em;font-weight:700;color:#333;padding:4rem 2rem;border-radius:50rem;word-break: keep-all;}
.view_more .go-to-wrap:hover {color:#fff;font-size:3.7rem;background: linear-gradient(90deg, #FFBAC3, #C5C1FF, #2CD8D5);
	background-image: linear-gradient(to left,  0%,  48%,  100%);
	background-size: 400% 100%;
	animation: gradient2 4s ease infinite;
	transition:all 0.3s ease-in-out;
  box-shadow: rgba(149, 157, 165, 0.5) 0px 8px 24px;}

  @keyframes gradient2 {
    0% {
    background-position: 0% 50%;
    }
    50% {
    background-position: 100% 50%;
    }
    100% {
    background-position: 0% 50%;
    }
  }
/* 반응형 */

.wrap-site-map-image::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width:2200px){
  .photo_swiper .swiper-wrapper {width:76%;}
  .main-photo-gallery {padding-top:5vh;}
  .main-information-wrap {padding:13vh 0;}
}

@media screen and (min-width:1921px){
  .sub_visual .bg {background-attachment: unset;background-size:cover;    background-position: center;}
  #footer.sub-footer {background-attachment: unset;background-size:cover;}
}
@media screen and (max-width:1700px){
  html {font-size:60%;}
  
  .about_wrap .about-right-wrap .img-wrap {width:100%;height:100%;position:relative;}
  .about_wrap .about-right-wrap .img-wrap img {width:100%;height:100%;object-fit: contain;}
  .about_wrap .about-left-wrap {width:55%;}
  .about_wrap .about-right-wrap {width:45%;}
  .about_wrap .about-left-wrap>ul {width:90%;}
}
@media screen and (max-width:1441px){
  html {font-size:58%;}
  .mainLayout {width:94%;max-width:unset;}
  .subLayout {width:94%;}
  .sub_visual .bg {background-attachment: unset;background-size: cover;}
  /* #footer.sub-footer {background-attachment: unset;background: url(../img/footer.jpg) no-repeat center/cover;} */
  .greetings .gbg2, .greetings .gbg1 {opacity: 0.2;}
  .sub_visual h3 {font-size:4rem;}
  .sub_visual .sub_title {bottom:11rem;}
}
@media screen and (max-width:1281px){
  html {font-size:55%;}
  #header .gnb {display:none;}
  .main_facility_wrap {aspect-ratio: unset;height:60rem;}
  .main_fac_left {padding:2rem;}
  .main_fac_right .progress-bar-wrap {width:calc(33.3333% - 4rem);left:-2em;}
  .fac-swiper-pagination {right:0rem !important}
  .fac_pager {right:0rem;}

  .footer_contents_wrap .footer_bottom_wrap {flex-wrap:wrap;}
  .footer_contents_wrap .footer_bottom_wrap .copyright {width:100%;order:2;margin-top:3rem;opacity:0.8;}
  .footer_contents_wrap .footer_bottom_wrap .information {order:1;}
  .footer_contents_wrap .footer_bottom_wrap .information li:first-of-type {padding:0 2rem 0 0;}
  .about_wrap .about-left-wrap h3 {margin-bottom:4vh;}
  .greeting-cont-1 {aspect-ratio: unset;height:45rem;}
  .greeting-cont-2 .left-wrap {width:50%;padding-right:5rem;}
  .greeting-cont-2 .right-wrap {width:50%;aspect-ratio: unset;height:auto;}
  .greeting-cont-2 .left-wrap p br {display:none;}

  .environment_slide .swiper-container .swiper-slide {padding:0 5rem 5rem 5rem}
  .environment_slide {width:94%;margin:0 auto;}
  .environment_slide .swiper-container .swiper-slide {max-height:90vh;}
  .environment_slide .swiper-container {margin-bottom:5rem;}
  .environment_slide .swiper-pagination {margin-top:-2.2rem;}
}
@media screen and (max-width:1181px){

  .notice-wrap .body-contents .content-wrap {flex-wrap:wrap;}
  .notice-wrap .body-contents .content-wrap .title {width:100%;margin-bottom:2rem;}
  .notice-wrap .body-contents .content-wrap .info {width:100%;padding:0 2rem;}
}
@media screen and (max-width:1055px){

  .footer_contents_wrap .footer_bottom_wrap .information {flex-wrap:wrap;width:90%;}
  .footer_contents_wrap .footer_bottom_wrap .information li {margin-top:1rem;}
  .footer_contents_wrap .footer_bottom_wrap .information li:last-of-type {padding:0;}
}



@media screen and (max-width:961px){
  html {font-size:53%;}

  .about_wrap {flex-wrap:wrap;}
  .about_wrap .about-left-wrap {width:100%;order:2;text-align:center;}
  .about_wrap .about-right-wrap {width:100%;order:1;}
  .about_wrap .about-right-wrap .img-wrap {height:auto;text-align:center;margin-bottom:5rem;}
  .about_wrap .about-right-wrap .img-wrap img {width:94%;max-width:70rem;height:auto;}
  .dePadding, .about_wrap {padding:10rem 0;}
  .about_wrap .about-left-wrap>ul {width:100%;}
  .about_wrap .about-left-wrap>ul li {width:25%;text-align:center;}

  .main_facility_wrap {flex-wrap:wrap;height:auto;}
  .main_fac_left {width:100%;height:30rem;}
  .main_fac_right {width:100%;height:unset;aspect-ratio: 16/9;}
  .main_fac_left .subText {margin-top:1rem;}
  .fac-swiper-pagination {bottom:2rem !important;right:-3rem !important;}
  .fac_pager {bottom:3rem;right:-3rem !important}
  .vs_swiper .text_box img {transform:scale(0.8);}
  .main_fac_left .titleText {margin:3rem 0 5rem 0;}
  .main_fac_left .bottom-wrap {position:static;}
  .main_fac_left .bottom-wrap .goButton {bottom:0;}

  .main_sightseeing_wrap .sightseeing-contents-wrap {flex-wrap:wrap;}
  .main_sightseeing_wrap .sightseeing-contents-wrap .content {width:100%;margin-bottom:5rem;}
  .main_sightseeing_wrap .sightseeing-contents-wrap .content:last-of-type {margin-bottom:0;}

  .main-information-wrap {padding:15rem 0;}
  .main-information-wrap {flex-wrap:wrap;}
  .main-information-wrap .main-info-left, .main-information-wrap .main-info-right {width:100%;}
  .main-information-wrap .main-info-left {margin-bottom:10rem;}
  .photo_swiper .swiper-wrapper {width:100%;}

  .main_sightseeing_wrap {padding:10rem 0;}

  .greeting-cont-1 {flex-wrap:wrap;height:auto;}
  .greeting-cont-1 .left-wrap {width:94%;margin:0 auto;height:40rem;}
  .greeting-cont-1 .right-wrap {width:100%;}
  .greeting-cont-1 .right-wrap .text-wrap {padding:0;position:static;transform:none;padding:2rem 3%;text-align: center;}
  .greeting-cont-1 .right-wrap .text-wrap br {display:none;}
  .greeting-cont-1 .right-wrap .text-wrap h2 {margin-bottom:2rem;}
  .greeting-cont-2 {flex-wrap:wrap;margin-top:10rem;}
  .greeting-cont-2 .left-wrap {width:100%;order:2;padding-right:0;margin-top:5rem;text-align: center;}
  .greeting-cont-2 .right-wrap {width:100%;max-width:46rem;order:1;height:60rem;margin:0 auto;}
  .greeting-cont-2 .left-wrap h2 {margin-bottom:4rem;}
  .greeting-cont-2 .left-wrap p br {display:block;}

  .sub_visual h3 {bottom:3rem;}
  .sub_visual .sub_title {bottom:8rem;}

  .location_info_wrap {flex-wrap:wrap;}
  .location_info_wrap .info_title {width:100%;margin-bottom:4rem;}
  .location_info_wrap .info_title h1 span {display:inline-block;margin-right:0.7rem;}
  .location_info_wrap .info_title h2 span {display:inline-block;}
  .location_info_wrap .info_contents_wrap {width:100%;}
  .location_info_wrap {margin-top:3rem;}
  .location_info_wrap .info_contents_wrap .info_contents {padding:2rem 2rem 6rem 2rem;}
  .location_info_wrap .info_title h2 {margin-top:1rem;}
  .location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom {margin-top:3rem;}
  .location_info_wrap .info_contents_wrap .info_contents .info_contents_title img {height:5rem;}

  .facility-cont-wrap .text-wrap{bottom:2rem;left:2rem;}
  .facility-cont-wrap .text-wrap h2{font-size:2.4rem;}
  .facility-cont-wrap .img-wrap {width:100% !important;}

  .slide_head {padding:2rem 0;}
  .slide_head span{font-size:3rem;}
  .footer_contents_wrap .footer_bottom_wrap .information li:nth-child(4) {padding:0 2rem 0 0;}
  .footer_contents_wrap .footer_bottom_wrap .information li:last-child {padding:0 2rem;}


  .hd_pops {left:50% !important;top:50% !important;transform:translate(-50%,15%);max-width:94%;}
  .hd_pops_con {width:100% !important;}

}

@media screen and (max-width:821px){

  .footer_contents_wrap .footer_bottom_wrap {bottom:5%;}
  .footer_contents_wrap .footer_bottom_wrap {padding-top:3rem;}

}


@media screen and (max-width:660px){
  .service-guide .section-1 .left-wrap {width:100%;}
  .service-guide .section-1 .left-wrap br{ display:none;}
  .service-guide .section-1 .left-wrap h2 {margin:3rem 0 1rem 0}
  .service-guide .section-1 .right-wrap {display:none;}
  .service-guide .section-1 {height:auto;margin-bottom:4rem;}
  .slide_body {padding:3rem 3rem;}
  .wrap_site_caution {display:block !important;}
  .tb {position:relative;}
  .view:after {z-index:100;content:'';display:block;background:url(../img/drag.svg) no-repeat center/contain;width:100px;height:100px;position:absolute;border-radius:30px;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
  .wrap-site-map-image::-webkit-scrollbar {
    display: block !important;
  }
  #footer {height:450px;}
  #footer.sub-footer{height:300px;}
}

@media screen and (max-width:641px){
  html {font-size:51%;}
  .about_wrap .about-left-wrap h2 {margin:2rem 0;}
  .about_wrap .about-left-wrap h3 {margin-bottom:6rem}
  .about_wrap {padding:8rem 0 12rem 0}
  .main_fac_right {aspect-ratio: 16/19;}
  .main_fac_left {padding:4rem 3% 2rem}
  .main_sightseeing_wrap .sightseeing-title {flex-wrap:wrap;}
  .main_sightseeing_wrap .sightseeing-title a {width:100%;position:static;transform:none;margin-top:4rem;text-align: right;}
  .main-information-wrap .main-info-left {margin-bottom:6rem;}
  .main-information-wrap {padding:10rem 0;}
  .footer_contents_wrap .footer_top_wrap .footer-sns {margin-top:-1rem;}
  .footer_contents_wrap .footer_top_wrap .footer-sns li a {font-size:4rem;}
  .footer_contents_wrap .footer_bottom_wrap .information li {width:100%;}
  .footer_contents_wrap .footer_bottom_wrap .information li {padding:0 !important;border-right:0;}

  .main_photo_wrap {padding:10rem 0;}
  #logo {padding:2rem 0;}
  #open-button {top:3.5rem;right:3%;}

  .greeting-cont-1 .right-wrap .text-wrap br {display:block;}
  .greeting-cont-2 .left-wrap {padding:0 3%;}
  .greeting-cont-2 .left-wrap p br {display:none;}

  .greeting-cont-2 .right-wrap {max-width: unset;}
  .greeting-cont-2 .left-wrap {margin-top:3rem}
  .overview_wrap .section-2 .table-wrap .title {width:13rem}

  .location_info_wrap .info_contents_wrap .info_contents {width:100%;}

  .guide_wrap .guidemap-wrap {overflow-x: scroll;}
  .guide_wrap .guidemap-wrap img {min-width:90rem;}
  .guide_wrap .guidemap-wrap:before {content:'* 좌우로 스크롤해서 이미지를 확인하세요.';display:block;font-size:1.6rem;color:#777;}
  .guide_wrap .goButton {margin:3rem auto;}

  .auto-camping-section2 {flex-wrap:wrap;margin:2rem 0 8rem 0;}
  .auto-camping-section2 .title {width:100%;display:flex;flex-wrap:wrap;line-height:4.7rem;margin-bottom:2rem;}
  .auto-camping-section2 .explanation {width:100%;}
  .auto-camping-section2 .explanation br {display:none;}
  .auto-camping-section2 .title h3 {margin-top:0;}
  .auto-camping-section2 .title h2 {font-size:4.5rem;padding:1rem 0;margin-right:1rem;color:#333;}
  .auto_camping .img-wrap {width:100% !important;}
  .view_more .go-to-wrap {border-radius:2.5rem;font-size:2.4rem;padding:3rem 2rem}

  .dePadding, .about_wrap {padding:6rem 0;}
  
  #footer {background:url(../img/footerbg.jpg)no-repeat center/cover;}

  .hd_pops {width:94% !important;}

}
@media screen and (max-width:516px){

  .environment_slide .swiper-pagination {margin-top:-2.6rem;}
}
@media screen and (max-width:431px){
  html {font-size:46.5%;}
  .main_fac_right {aspect-ratio: 16/20;}
  .main_sightseeing_wrap .sightseeing-contents-wrap .content h2 {margin:2rem 0 1rem 0;}
  .goButton {height:4.5rem;line-height:4.5rem;}
  .fac-swiper-pagination, .fac_pager {right:-6rem !important;}
  .about_wrap .about-left-wrap h3 {width:70%;margin:0 auto 4rem;}
  .about_wrap .about-left-wrap>ul li .icon-wrap {width:4rem;height:4rem;}
  .footer_contents_wrap .footer_top_wrap {padding-top:4rem;}
  .environment_slide .swiper-pagination {margin-top:-2.2rem}
}
@media screen and (max-width:376px){
  html {font-size:46%;}
  .about_wrap .about-left-wrap h2 {word-break: keep-all;}
  .about_wrap .about-left-wrap h3 {word-break: keep-all;}

  .all-wrap .loca-wrap .loca-area {display:none;}
}

/* 반응형 */