/* 기본스타일 */

/* @charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 
@import url('https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EliceDigitalBaeum';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_elice@1.0/EliceDigitalBaeum-Bd.woff2') format('woff2') ,
			   url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_220508@1.0/EliceDigitalBaeum_Regular.woff2') format('woff2'),
				 url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_elice@1.0/EliceDigitalBaeum.woff2') format('woff2');
    font-style: normal;
}

@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css') format('woff2');
    font-weight: normal;
    font-style: normal;
} */





:root{
  --kb-duration: 6500ms;      /* 줌아웃 길이(=자동 넘김 간격과 유사) */
  --transition-speed: 800ms;  /* 슬라이드 전환 속도 */
}



/* 서브 비주얼 레이아웃: 모바일/탭 대응 */
.sub_layout{
  position:relative;
  /* 작은 기기: 최소 420px, 보통 70svh, 최대 1080px */
  height: clamp(420px, 70svh, 1080px);
  overflow:hidden; color:#fff;
}
/* 어둡게 오버레이 */
.sub_layout::before{
  content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.45) 40%, rgba(0,0,0,.55) 100%);
  pointer-events:none;
}

/* 타이틀 영역 */
.sub_layout .title-wrap{ position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); text-align:center; width:min(92vw, 900px); z-index:2;}
.sub_layout .description{ font-family:"Belleza", sans-serif;font-size:clamp(14px, 1.6vw, 18px); font-weight:400; letter-spacing:.2em; margin-bottom:30px; opacity:.95;}
.sub_layout .title{ font-family:"Nanum Myeongjo", serif; font-size:clamp(40px, 6.6vw, 72px); font-weight:600; letter-spacing:.06em; line-height:1.12; margin:0; color:#fff}

/* Hero Swiper */
.hero-swiper{ position:absolute; inset:0; z-index:0; }
.hero-swiper .swiper-wrapper,
.hero-swiper .swiper-slide{ width:100%; height:100%; }

.hero-swiper .swiper-slide{
  position:relative;
  backface-visibility:hidden;
  transform:translateZ(0);
  will-change:opacity, transform;
}

/* 이미지 요소 */
.slide-img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; object-position:center;
  display:block;
  transform:scale(1.12);
  transform-origin:center center;
  will-change:transform;
  user-select:none; -webkit-user-drag:none; /* 드래그 방지 */
}

/* 활성 슬라이드(원본/복제) 줌아웃 */
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img{
  animation: kenburns-zoomout var(--kb-duration) ease-out forwards;
}
@keyframes kenburns-zoomout{
  0%   { transform: scale(1.12); }
  100% { transform: scale(1.00); }
}

/* Swiper 컨트롤 */
.hero-swiper .swiper-pagination-bullet{ background:rgba(255,255,255,.8); opacity:1; }
.hero-swiper .swiper-pagination-bullet-active{ background:#fff; }
.hero-swiper .swiper-button-prev, 
.hero-swiper .swiper-button-next{
  color:#fff; text-shadow:0 2px 10px rgba(0,0,0,.4);
}

/* 반응형 */
@media (max-width:1200px){
  .sub_layout .title-wrap{top:36%;}
}
@media (max-width:980px){
  .sub_layout .title-wrap{top:38%;}
}
@media (max-width:640px){
  .site-header{height:60px; padding:0 14px;}
  .site-nav{gap:16px; font-size:14px; display:none;}
  .sub_layout .title-wrap{top:34%; width:min(92vw,560px);}
}

/* 접근성 텍스트 숨김 */
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}



/* 공원안내 메인비주얼 시작 */
#main_section .main_visual { height: 100vh; }
.main_preloader { width: 100%; height: 100%; position: fixed; z-index: 99999999999; top: 0; left: 0; opacity: 1; visibility: visible; background-color: #101010; transition: all 0.4s; }
.main_visual { overflow: hidden; width: 100%; height: 100vh; height: calc(100vh - var(110px)); position: relative; background-color: #000; }
.main_visual_wrap .slick-track, .main_visual_wrap .slick-list { -webkit-perspective: 2000; -webkit-backface-visibility: hidden; }
.main_visual_wrap, .main_visual_wrap .slick-list, .main_visual_wrap .slick-track, .main_visual_item { height: 100%; /* height: 100vh; */ }
.main_visual_wrap { z-index: 1; }
.main_visual_item { position: relative; }
.main_visual_item .main_visual_img { width: 100%; height: 100%; background-size: cover !important; transform: scale(1.08, 1.08); opacity: 0.8; }
.main_visual_item .main-visual-m-img { display: none; }
.main_visual_item .main_visual_img.animate { animation: image-zoom-out 8s 0s forwards; }
.visual_txt_wrap { position: absolute; left: 0px; top: 0; width: 100%; height: 100%; z-index: 1; }
.visual_txt_box { display: flex; flex-direction: column; justify-content: flex-end; height: 95%; padding: 0 5.7rem 5.7rem; box-sizing: border-box; }
.visual_txt_box h2 { font-size:100px; letter-spacing: 2px; color: #fff; font-weight: 400; margin-bottom: 2.9rem; margin-top: 1.7rem; text-align: left; font-family: "Belleza", sans-serif;}
.main_visual_item h2 { animation-delay: 0.3s; animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; }
.main_visual_item .visual_txt_box .txt_inner2 { animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; }
.txt_inner2 { width: 75%; animation: text-fade-out; }
.visual_txt_box .txt_inner2 p {font-family: 'Nanum Myeongjo'; font-size: 23px; color: rgba(255, 255, 255, 0.7); line-height: 1.66em; font-weight: 200; white-space: normal; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; max-width: 750px; word-break: keep-all; }

@keyframes image-zoom-out { from { transform: scale(1.08, 1.08); } to { transform: scale(1, 1); } }
@keyframes text-active-animation { from { opacity: 0; filter: Alpha(opacity=0); -webkit-transform: translateY(50px); transform: translateY(50px); } to { opacity: 1; filter: Alpha(opacity=100); -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes text-fade-out { from { opacity: 1; filter: Alpha(opacity=100); } to { opacity: 0; filter: Alpha(opacity=0); } }
@keyframes text-up { 0% { transform: translate3d(0, 150%, 0); } 100% { transform: translate3d(0, 0, 0); } }

.active-page.main-page .visual_nav_wrap { transform: translateY(0); opacity: 1; }
.visual_nav_wrap { display: flex; align-items: center; position: absolute; right: 3rem; bottom: 6rem; height: 8rem; width: 26.8rem; transform: translateY(80%); z-index: 10; opacity: 0; transition: all 0.8s; transition-delay: 0.48s; }
.visual_nav_wrap .slick-arrow { width: 75px; height: 75px; border: 0; cursor: pointer; z-index: 9; font-size: 25px; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); border: 3px solid rgba(238, 238, 238, 0.2); box-sizing: border-box; border-radius: 100%; transition: all 0.3s; background: none; }
.visual_nav_wrap .slick-arrow.slick-prev { left: 10px; }
.visual_nav_wrap .slick-arrow.slick-next { right: 10px; }
.visual_nav_wrap .slick-arrow:hover { background: #5CB37A; border-color: #5CB37A; }

.visual_count { /* position:absolute; bottom:55px; left:0; */ /* width:100%; */ z-index: 11; font-size: 14px; color: #fff; letter-spacing: -0.5px; padding: 0 2rem; }
.visual_count .area_wrap { display: flex; align-items: center; }
.visual_count span { color: #888; letter-spacing: -0.02em; font-weight: 600; }
.visual_count span, .visual_count .middle { font-size: 20px; display: inline-block; vertical-align: middle; color: #888; font-weight: 600; }
.visual_count .middle { margin: 0 8px 2px; align-self: flex-end; }
.visual_count .tot_num { align-self: flex-end; margin-bottom: 2px; }
.visual_count span.cur_num { color: #fff; font-size: 30px; }

.main_visual_scroll { position: absolute; bottom: 0; left: 0; width: 100%; }
.main_visual_scroll .area_wrap { display: flex; justify-content: flex-end; }
.main_sc_box { margin-right: 5rem; position: relative; z-index: 1; }
.main_sc_box .sc_down { display: block; color: #fff; font-weight: 400; font-size: 11px; transform: rotate(90deg); margin-bottom: 50px; }
.main_sc_box .sc_line { overflow: hidden; position: relative; display: block; margin: 0px auto; width: 2px; height: 7.6rem; background-color: rgba(255, 255, 255, 0.5); }
.main_sc_box .sc_line:after { position: absolute; top: 0; left: 0; width: 2px; height: 2rem; background-color: #fff; content: ""; animation: line-over 1.5s infinite; }

@keyframes line-over { 0%, 20% { top: -3.8rem; } 100% { top: 100%; } }

@media all and (max-width: 1780px) { 
    .visual_txt_box { padding: 0 16rem 10.7rem 3rem; } 
}
@media all and (max-width: 1660px) { 
    .visual_txt_box { padding: 0 3rem 15.7rem; } 
}
@media all and (max-width: 1660px) { 
    .visual_nav_wrap { bottom: 4rem; width: 100%; right: 0; padding: 3rem; box-sizing: border-box; } 
    .txt_inner2 { width: 100%; } 
}
@media all and (max-width: 800px) { 
    #mainVisual { /* margin-bottom:10rem; */ padding-top: 0; } 
    .visual_txt_box { padding: 0 5vw 7rem; } 
    .visual_txt_box h2 { font-size: 42px; margin-bottom: 20px; margin-top: 1rem; }
    .visual_txt_box .txt_inner2 p { font-size: 20px; } 
    .main_visual_scroll { display: none; } 
    .main_visual_item .main_visual_img .main-visual-inner-img { padding-top: 485px; } 
    .main_visual_item .main_visual_img .main-visual-inner-img img { width: auto; height: 100%; margin-top: 0; left: 50%; transform: translateX(-50%); }
    .visual_nav_wrap { display: none; }
   }

/* 공원안내 메인비주얼 끝 */

/* 공원안내 */
.park-wrap{max-width:1400px;margin:50px auto;color:#111;}
.park-wrap .park-hero{padding:clamp(48px,10vw,140px) 0;}
.park-wrap .park-inner{width:min(1400px,100%);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.1fr minmax(280px,720px);align-items:center;gap:clamp(24px,6vw,140px);}
.park-wrap .park-title{font-family:'Nanum Myeongjo';font-weight:600;line-height:1.18;letter-spacing:-0.01em;font-size:clamp(34px,8vw,46px);margin:0;}
.park-wrap .park-title-accent{display:block;text-align:left;}
.park-wrap .park-desc{font-size:clamp(13px,1.5vw,18px);line-height:1.9;color:#666;}
.park-wrap .park-desc p{margin:0 0 8px; font-size: 18px; word-break: keep-all;}
@media(max-width:980px){
  .park-wrap .park-inner{grid-template-columns:1fr;gap:28px;}
  .park-wrap .park-desc{max-width:60ch;}
}
@media all and (max-width: 800px) {
  .park-wrap .park-title{font-size:28px;margin:0;}
 }



.park-wrap-d1{--park-d1-bg:#fff;--park-d1-text:#111;--park-d1-muted:#666;--park-d1-radius:12px;background:var(--park-d1-bg);color:var(--park-d1-text);border-top:0px solid #ddd;}
.park-wrap-d1 .park-d1__hero{padding:clamp(48px,8vw,120px) 0;}
.park-wrap-d1 .park-d1__inner{max-width:1400px;width:100%;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:0.6fr 1fr;gap:clamp(24px,6vw,100px);align-items:center;overflow:hidden;}
.park-wrap-d1 .park-d1__text,.park-wrap-d1 .park-d1__images{min-width:0;}
.park-wrap-d1 .park-d1__title{font-family:'Nanum Myeongjo';font-weight:600;line-height:1.18;letter-spacing:-0.01em;font-size:clamp(34px,8vw,46px);margin:0 0 24px;text-align:left;}
.park-wrap-d1 .park-d1__desc{font-size:clamp(18px,1.5vw,18px);line-height:1.9;color:var(--park-d1-muted);}
.park-wrap-d1 .park-d1__desc p{margin:0;}
.park-wrap-d1 .park-d1__images{display:flex;gap:24px;overflow:hidden;}
.park-wrap-d1 .park-d1__img{flex:1 1 0;width:0;min-width:0;display:block;object-fit:cover;aspect-ratio:3/5;}
@media(max-width:900px){.park-wrap-d1 .park-d1__inner{grid-template-columns:1fr;}.park-wrap-d1 .park-d1__images{gap:16px;}}
@media all and (max-width: 800px) {
.park-wrap-d1 .park-d1__title{font-size:28px;margin:0; margin-bottom: 28px;}
 }




.park-my{width:100%;padding:100px 20px;margin:0 auto;background-color:rgba(0, 0, 0, 0.05);}
.park-my .park-inner{max-width:1400px;display:flex;margin:0 auto;gap:30px;justify-content:center;flex-wrap:wrap;}
.park-my .park-inner .li{width:30%;margin-bottom:2%;min-width:280px;flex:1;}
.park-my .park-inner .li dl{height:100%;display:flex;flex-direction:column;}
.park-my .park-inner .li dl dt{overflow:hidden;}
.park-my .park-inner .li dl dt img{width:100%;height:350px;object-fit:cover;transition:transform .3s ease;}
.park-my .park-inner .li dl dt img:hover{transform:scale(1.05);}
.park-my .park-inner .li dl dd{font-size:18px;color:#555;word-break:keep-all;line-height:1.6;padding:20px 30px;background-color:#fff;flex:1;}
.park-my .park-inner .li dl dd span{font-size:24px;padding:0 0 15px 0;font-weight:600;display:block;color:#333;}

@media screen and (max-width:1024px){
  .park-my{padding:80px 20px;}
  .park-my .park-inner{gap:25px;}
  .park-my .park-inner .li{width:45%;min-width:250px;}
  .park-my .park-inner .li dl dt img{height:300px;}
  .park-my .park-inner .li dl dd{padding:18px 25px;font-size:18px;}
  .park-my .park-inner .li dl dd span{font-size:22px;padding:0 0 12px 0;}
}

@media screen and (max-width:768px){
  .park-my{padding:60px 15px;}
  .park-my .park-inner{flex-direction:column;gap:20px;align-items:center;}
  .park-my .park-inner .li{width:100%;max-width:400px;margin-bottom:0;}
  .park-my .park-inner .li dl dt img{height:250px;}
  .park-my .park-inner .li dl dd{padding:15px 20px;font-size:18px;}
  .park-my .park-inner .li dl dd span{font-size:20px;padding:0 0 10px 0;}
}

@media screen and (max-width:480px){
  .park-my{padding:40px 24px;}
  .park-my .park-inner .li{max-width:100%;}
  .park-my .park-inner .li dl dt img{height:200px;}
  .park-my .park-inner .li dl dd{padding:12px 15px;font-size:18px;}
  .park-my .park-inner .li dl dd span{font-size:18px;padding:0 0 8px 0;}
}


.park-wrap-d1v{--park-bg:#fff;--park-text:#111;--park-muted:#666;--park-radius:12px;background:var(--park-bg);color:var(--park-text);border-top:0px solid #ddd;}
.park-wrap-d1v .park-d1v__hero{padding:clamp(20px,8vw,60px) 0;}
.park-wrap-d1v .park-d1v__inner{max-width:1400px;width:100%;margin:0 auto;padding:0 24px;display:grid;grid-template-rows:0.1fr 0.5fr;gap:clamp(24px,6vw,80px);align-items:start;overflow:hidden;}
.park-wrap-d1v .park-d1v__text{text-align:center;}
.park-wrap-d1v .park-d1v__title{font-family:'Nanum Myeongjo';font-weight:600;line-height:1.18;letter-spacing:-0.01em;font-size:clamp(34px,8vw,46px);margin:0 0 24px;}
.park-wrap-d1v .park-d1v__desc{font-size:clamp(18px,1.5vw,18px);line-height:1.9;color:var(--park-muted);}
.park-wrap-d1v .park-d1v__desc p{margin:0; word-break: keep-all;}
.park-wrap-d1v .park-d1v__images{height:clamp(280px,42vw,660px);}
.park-wrap-d1v .park-d1v__img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto;}
@media all and (max-width: 800px) {
.park-wrap-d1v .park-d1v__inner{grid-template-columns:1fr;gap:28px;}
.park-wrap-d1v .park-d1v__title{font-size:28px;margin:0 auto; margin-bottom: 28px; }
 }
@media(max-width:768px){.park-wrap-d1v .park-d1v__images{gap:16px;}}

/*추가
.wrap-d1v{--park-bg:#fff;--park-text:#111;--park-muted:#666;--park-radius:12px;background:var(--park-bg);color:var(--park-text);border-top:0px solid #ddd;}*/
.wrap-d1v .d1v__hero{padding:clamp(48px,8vw,120px) 0;}
.wrap-d1v .d1v__inner{max-width:1400px;width:100%;margin:0 auto;padding:0 24px;display:grid;grid-template-rows:0.1fr 0.5fr;gap:clamp(24px,6vw,80px);align-items:start;overflow:hidden;}
.wrap-d1v .d1v__text{text-align:center; text-underline-position: auto;}
.wrap-d1v .d1v__title{font-family:'Nanum Myeongjo';font-weight:600;line-height:1.18;letter-spacing:-0.01em;font-size:clamp(24px,8vw,36px);margin:0 0 10px; }
.wrap-d1v .d1v__desc{font-size:clamp(18px,1.5vw,18px);line-height:1.9;color:var(--park-muted);}
.wrap-d1v .d1v__desc p{margin:0; word-break: keep-all;}
.wrap-d1v .d1v__images{height:clamp(280px,42vw,660px);}
.wrap-d1v .d1v__img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto;}
@media all and (max-width: 800px) {
.wrap-d1v .park-d1v__inner{grid-template-columns:1fr;gap:28px;}
.wrap-d1v .park-d1v__title{font-size:28px;margin:0 auto; margin-bottom: 28px; }
 }
@media(max-width:768px){.wrap-d1v .d1v__images{gap:16px;}}






.park_wrap_d1v{--park-bg:rgba(0,0,0,0.01);--park-text:#111;--park-muted:#666;--park-radius:12px;background:var(--park-bg);color:var(--park-text);border-top:0px solid #ddd;}
.park_wrap_d1v .park_d1v-hero{padding:clamp(48px,8vw,120px) 0;}
.park_wrap_d1v .park_d1v-inner{max-width:1400px;width:100%;margin:0 auto;padding:0 24px;grid-template-rows:0.1fr 0.5fr;gap:clamp(24px,6vw,80px);align-items:start;overflow:hidden;}
.park_wrap_d1v .park_d1v-text{text-align:center;}
.park_wrap_d1v .park_d1v-title{font-family:'Nanum Myeongjo';font-weight:600;line-height:1.18;letter-spacing:-0.01em;font-size:clamp(34px,8vw,46px);margin:0 0 24px;}
.park_wrap_d1v .park_d1v-desc{font-size:clamp(18px,1.5vw,18px);line-height:1.9;color:var(--park-muted);}
.park_wrap_d1v .park_d1v-desc p{margin:0; word-break: keep-all;}
.park_wrap_d1v .park_d1v-images{background-color: #fff;}
.park_wrap_d1v .park_d1v-img{width:100%;height:100%;aspect-ratio:auto;border-radius:30px;}

#mapView { overflow-x:auto; }
#mapView div { text-align:center;margin: auto auto 30px auto; }
#mapView img { width:80%; }

@media (max-width: 1000px) { #mapView { width:900px; } #mapView img { min-width:50rem; } }
@media (max-width: 900px) { #mapView { width:800px; } }

@media(max-width: 800px) {
  .wrap-d1v .d1v__hero{padding:clamp(48px,8vw,120px) 0 0 0;}
  .park_wrap_d1v .park_d1v-title{font-size:28px;margin:0 auto; margin-bottom: 28px; }

  #mapView { width:700px; }
}
@media(max-width:768px){.park_wrap_d1v .park_d1v-images{gap:16px;}}
@media (max-width: 768px) { #mapView { width:600px; } }
@media (max-width: 576px) { #mapView { width:500px; } }
@media (max-width: 480px) { #mapView { width:370px; } }
@media (max-width: 360px) { #mapView { width:320px; } }

.contact-sec{width:100%;background:rgba(0,0,0,0.01);border-top:1px solid #ddd;margin-top:100px;padding:100px 20px 150px;}
.contact-sec__head{text-align:center;margin-bottom:100px;}
.contact-sec__title{font-size:48px;font-weight:700;color:#222;margin:0 0 16px;line-height:1.25;font-family:'Nanum Myeongjo';}
.contact-sec__subtitle{font-size:18px;color:#aaa;margin:0;font-weight:500;}
.contact-sec__body{max-width:1440px;margin:0 auto;display:flex;gap:80px;align-items:flex-start;}
.contact-sec .contact-form{flex:1; width: 100%; font-size:18px;font-weight:500;}
.contact-sec .contact-form .form-group{margin-bottom:26px;}
.contact-sec .contact-form label{display:block;margin-bottom:20px;color:#666;}
.contact-sec .contact-form .required{color:#e74c3c;}
.contact-sec .contact-form input[type="text"],.contact-sec .contact-form input[type="tel"]{width:100%;padding:12px 0;border:none;border-bottom:1px solid #ddd;font-size:18px;font-weight:500;color:#222;background:transparent;outline:none;transition:border-color .25s ease;}
.contact-sec .contact-form input[type="text"]:focus,.contact-sec .contact-form input[type="tel"]:focus{border-bottom-color:#5cb3a7;}
.contact-sec .contact-form input[type="password"],.contact-sec .contact-form input[type="tel"]{width:100%;padding:12px 0;border:none;border-bottom:1px solid #ddd;font-size:18px;font-weight:500;color:#222;background:transparent;outline:none;transition:border-color .25s ease;}
.contact-sec .contact-form input[type="password"]:focus,.contact-sec .contact-form input[type="tel"]:focus{border-bottom-color:#5cb3a7;}
.contact-sec .contact-form .auto_block { background:inherit; }
.contact-sec .contact-form .auto_block .auto_block_box { width:200px; }
.contact-sec .contact-form .auto_block .auto_block_box > span { margin-left:inherit;width:120px; }
.contact-sec .contact-form .auto_block_box p { display:none; }
.contact-sec .contact-form .form-control { width:100%;height:100%;border:1px solid #ddd; }
.contact-sec .contact-form .form-control:focus { border-color:#5cb3a7;outline:none; }
.contact-sec .contact-form input::placeholder{color:#aaa;font-size:14px;}
.contact-sec .radio-group{display:flex;gap:30px;margin:12px 0 20px;}
.contact-sec .radio-group label{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;color:#3f3f3f;}
.contact-sec .contact-form input[type="radio"],.contact-sec .contact-form input[type="checkbox"],.contact-sec #agreeAll{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-block;position:relative;flex:0 0 20px;width:20px;height:20px;margin:0;border:1px solid #cfd4d9;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s,background-color .2s;vertical-align:bottom;margin-right:3px;}
.contact-sec .contact-form input[type="radio"]{border-radius:50%;}
.contact-sec .contact-form input[type="radio"]::after{content:"";position:absolute;inset:0;width:10px;height:10px;border-radius:50%;background:#5cb3a7;margin:auto;transform:scale(0);transition:transform .18s ease;}
.contact-sec .contact-form input[type="radio"]:checked{border-color:#5cb3a7;background:#fff;}
.contact-sec .contact-form input[type="radio"]:checked::after{transform:scale(1);}
.contact-sec .contact-form input[type="checkbox"],.contact-sec #agreeAll{border-radius:6px;}
.contact-sec .contact-form input[type="checkbox"]::after,.contact-sec #agreeAll::after{content:"";position:absolute;top:46%;left:50%;width:5px;height:10px;border-right:3px solid transparent;border-bottom:3px solid transparent;transform:translate(-50%,-50%) rotate(45deg) scale(.9);}
.contact-sec .contact-form input[type="checkbox"]:checked,.contact-sec #agreeAll:checked{border-color:#5cb3a7;background:#5cb3a7;}
.contact-sec .contact-form input[type="checkbox"]:checked::after,.contact-sec #agreeAll:checked::after{border-color:#fff;}
.contact-sec .contact-form input[type="radio"]:focus-visible,.contact-sec .contact-form input[type="checkbox"]:focus-visible,.contact-sec #agreeAll:focus-visible{box-shadow:0 0 0 4px rgba(92,179,167,.18);}
.contact-sec .contact-form input[type="radio"]:hover,.contact-sec .contact-form input[type="checkbox"]:hover,.contact-sec #agreeAll:hover{border-color:#b8c2cc;}
.contact-sec .inquiry-note{font-size:13px;color:#888;display:flex;justify-content:space-between;align-items:center;margin:4px 0 12px;}
.contact-sec .inquiry-note label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;color:#3f3f3f;font-size:14px;}
.contact-sec .consent-box{background:#f8f9fa;border:1px solid #eee;border-radius:6px;padding:18px;}
.contact-sec .consent-item{display:flex;align-items:center;gap:12px;font-size:18px;color:#444;margin-bottom:12px;}
.contact-sec .consent-item:last-child{margin-bottom:0;}
.contact-sec .consent-item .link{margin-left:2px;font-size:12px;color:#5cb3a7;text-decoration:underline;cursor:pointer;}
.contact-sec .submit-btn{background:#655c55;color:#fff;border:0;border-radius:25px;font-size:18px;padding:14px 40px;margin-top:24px;cursor:pointer;font-weight:500;transition:filter .25s;}
.contact-sec .submit-btn:hover{filter:brightness(.95);}
.contact-sec .contact-map{flex:1;min-height:590px;width:100%;}
.contact-sec .contact-map .map-box{width:100%;height:590px;border-radius:8px;overflow:hidden;background:#f0f0f0;}
@media(max-width:1200px){.contact-sec{padding:80px 20px 0;}.contact-sec__body{gap:56px;}.contact-sec__title{font-size:42px;}}
@media(max-width:992px){.contact-sec__body{flex-direction:column;gap:40px;}.contact-sec .contact-map .map-box{height:380px;}}
@media(max-width:540px){.contact-sec__title{font-size:28px;letter-spacing:1px;}.contact-sec__subtitle{font-size:14px;}.contact-sec .submit-btn{width:100%;padding:16px;}.contact-sec .contact-map .map-box{height:320px;}.contact-sec .contact-map{flex:1;min-height:inherit;width:100%;}}

.park-bott{width:100%;padding:200px 0;}
.park-bott .cont{display:flex;align-items:center;justify-content:center;width:90%;height:660px;margin:0 auto;background:url(/home/images/jahayeon/j-bundang-04.jpg) no-repeat center;background-size:cover;background-attachment:fixed;}
.park-bott .cont-02{display:flex;align-items:center;justify-content:center;width:90%;height:660px;margin:0 auto;background:url(/home/images/jahayeon/paldang-park-04.jpg) no-repeat center;background-size:cover;background-attachment:fixed;}
.park-bott .cont-03{display:flex;align-items:center;justify-content:center;width:90%;height:660px;margin:0 auto;background:url(/home/images/jahayeon/park_01.jpg) no-repeat center;background-size:cover;background-attachment:fixed;}
.park-bott .cont-04{display:flex;align-items:center;justify-content:center;width:90%;height:660px;margin:0 auto;background:url(/home/images/jahayeon/p-park_01.jpg) no-repeat center;background-size:cover;background-attachment:fixed;}
.park-bott h2{font-size:60px;letter-spacing:2px;color:#fff;font-weight:400;margin-bottom:2.9rem;margin-top:1.7rem;text-align:center;font-family:"Belleza",sans-serif;}
@media(max-width:1200px){.park-bott{padding:150px 0;}.park-bott .cont{height:500px;}.park-bott h2{font-size:48px;}}
@media(max-width:768px){.park-bott{padding:120px 0;}.park-bott .cont{height:400px;background-attachment:scroll;}.park-bott h2{font-size:36px;}}
@media(max-width:480px){.park-bott{padding:100px 0;}.park-bott .cont{height:300px;}.park-bott h2{font-size:28px;letter-spacing:1px;}}

.t_color {color: #b19163;}
.t1_color{color: #5cb3a7;}

.pc-br {display: none;}
.h-p {margin-top: 60px;}
@media screen and (max-width: 576px) {
.d-br {display: none;}
.pc-br {display: inline;}
}



















footer {
  position: relative;
  width: 100%;
  padding: 3.3333333333rem 0 0 0;
  background: #ffffff;
  z-index: 1;
  /* margin-top: 6.6666666667rem; */
  border-top: 1px solid #ddd;
}
footer > .btn {
  /* 상단으로 */
  position: absolute;
  width: 3.125rem !important;
  height: 3.125rem !important;
  right: 0.8333333333rem;
  top: -30px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1200px) {
  footer > .btn {
    width: 64px !important;
    height: 64px !important;
    right: 40px;
  }
}
footer > .btn.round {
  border-radius: 2.0833333333rem;
}
@media screen and (min-width: 1200px) {
  footer > .btn.round {
    border-radius: 32px;
  }
}
footer > .btn.plane {
  background: #fff;
}
footer .line {
  width: 100%;
  height: 0.0416666667rem;
  background: #222;
  display: none;
}
footer .footer,
footer .footer-bottom ul {
  position: relative;
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: wrap;
}
footer .footer-left {
  width: 100%;
  padding: 0 1.6666666667rem;
}
footer .footer-left .footer_logo {

width: 8.75rem;
height: 2.75rem;
  margin-bottom: 2.0833333333rem;
}
footer .footer-left .footer_logo a {
  background-image: url(https://hans0826.mycafe24.com/ex/img/logo.png);
width: 8.75rem;
height: 2.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .footer-left .footer_h2 a .site-symbol {
  width: 5.5rem;
  height: 2.5rem;
}
footer .footer-left .footer_h2 a .site-logotxt {
  width: 6.0416666667rem;
  height: 2.3958333333rem;
}
footer .footer-left ul li {
  margin-bottom: 0.3125rem;
  color: #aaa;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}
footer .footer-left ul:nth-child(2) {
  margin-bottom: 1.9166666667rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: wrap;
}
footer .footer-left ul:nth-child(2) li {
  position: relative;
  margin-bottom: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
footer .footer-left ul:nth-child(2) li strong {
  display: block;
  margin-right: 0.25rem;
  color: #555;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 700;
}
footer .footer-left ul:nth-child(2) li span {
  color: #888;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 500;
}
footer .footer-left ul:nth-child(2) li:first-child {
  padding-right: 0.6875rem;
  margin-bottom: 1rem;
}
footer .footer-left ul:nth-child(2) li:first-child:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0.0833333333rem;
  width: 0.0416666667rem;
  height: 0.8333333333rem;
  background: #ccc;
}
footer .footer-left ul:nth-child(3) {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: wrap;
  margin-bottom: 2.5rem;
}
footer .footer-left ul:nth-child(3) li {
  position: relative;
}
footer .footer-left ul:nth-child(3) li:first-child {
  margin-right: 0.7708333333rem;
  padding-right: 0.8333333333rem;
}
footer .footer-left ul:nth-child(3) li:first-child:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0.2083333333rem;
  width: 0.0625rem;
  height: 0.8333333333rem;
  background: #ccc;
}
footer .footer-left ul:nth-child(3) li:nth-child(3),
footer .footer-left ul:nth-child(3) li:nth-child(4),
footer .footer-left ul:nth-child(3) li:nth-child(5) {
  width: 100%;
}
footer .footer-right {
  width: 100%;
  padding: 0 1.6666666667rem;
}
footer .footer-right > ul {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: wrap;
}
footer .footer-right > ul li {
  width: 100%;
  color: #555;
  font-size: 1.7083333333rem;
  line-height: 1.7083333333rem;
  font-weight: 500;
}
footer .footer-right > ul li p {
  width: 9.75rem;
  text-align: center;
  height: 1.7083333333rem;
  border-radius: 1.7083333333rem;
  margin-bottom: 0.8333333333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(101, 179, 177, 0.15);
  color: #65b3b1;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 700;
}
footer .footer-right > ul li strong {
  padding-right: 0.5rem;
  color: #555;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 700;
}
footer .footer-right > ul li span {
  color: #888;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 500;
}
footer .footer-right > ul li:last-child {
  padding-left: 0.8333333333rem;
}
footer .footer-right > ul:nth-child(1) {
  margin-bottom: 0.8333333333rem;
  margin-bottom: 1.6666666667rem;
}
footer .footer-right > ul:nth-child(2) {
  margin-bottom: 2.5rem;
}
footer .footer-right > ul:nth-child(2) p {
  color: #0095a9;
  background: rgba(0, 149, 169, 0.1);
}
footer .footer-right > ul:nth-child(3) {
  margin-bottom: 3.3333333333rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
footer .footer-right > ul:nth-child(3) li:first-child {
  width: 6.8333333333rem;
  padding-right: 1.3333333333rem;
  padding-top: 0.625rem;
}
footer .footer-right > ul:nth-child(3) li:first-child a {
  width: 5.5rem;
  height: 1.875rem;
}
footer .footer-right > ul:nth-child(3) li:first-child a svg {
  width: 5.5rem;
}
footer .footer-right > ul:nth-child(3) li:first-child a svg .h1_logo_path {
  fill: #0095a9;
}
footer .footer-right > ul:nth-child(3) li:first-child img {
  width: 5.5rem;
}
footer .footer-right > ul:nth-child(3) li:last-child {
  width: auto;
}
footer .footer-right > ul:nth-child(3) li:last-child .btn {
  width: 11.4583333333rem;
}
footer .footer-bottom {
  background: #5cb37a;
  padding: 2.0833333333rem 1.6666666667rem 2.5rem 1.6666666667rem;
}
footer .footer-bottom ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: wrap;
  flex-direction: column-reverse;
}
footer .footer-bottom ul li:nth-child(1) {
  width: 100%;
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: #fff;
  font-size: 0.9583333333rem;
  line-height: 0.9583333333rem;
  font-weight: 400;
}
footer .footer-bottom ul li:nth-child(1) span {
  font-family: "Pretendard", "Malgun Gothic", 돋움, DotumChe, Dotum, sans-serif;
  color: #fff;
  font-size: 0.9583333333rem;
  line-height: 0.9583333333rem;
  font-weight: 400;
}
footer .footer-bottom ul li:nth-child(2) {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column-reverse;
}
footer .footer-bottom ul li:nth-child(2) .fmenu {
  margin: 1rem 0 1.3333333333rem 0;
}
footer .footer-bottom ul li:nth-child(2) .fmenu a {
  position: relative;
  color: #fff;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 500;
}
footer .footer-bottom ul li:nth-child(2) .fmenu a:first-child {
  padding-right: 0.6666666667rem;
}
footer .footer-bottom ul li:nth-child(2) .fmenu a:first-child:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0.0833333333rem;
  width: 0.0416666667rem;
  height: 0.8333333333rem;
  background: #fff;
  opacity: 0.8;
}
footer .footer-bottom ul li:nth-child(2) .fmenu a:last-child {
  padding-left: 0.6666666667rem;
  opacity: 0.8;
}
footer .footer-bottom ul li:nth-child(2) .sns a {
  background: #65b3b1;
}
footer .footer-bottom ul li:nth-child(2) .sns a i svg .insta_path,
footer .footer-bottom ul li:nth-child(2) .sns a i svg .blog_path1,
footer .footer-bottom ul li:nth-child(2) .sns a i svg .youtube_path1 {
  fill: #fff;
}
footer .footer-bottom ul li:nth-child(2) .sns a i svg .blog_path2,
footer .footer-bottom ul li:nth-child(2) .sns a i svg .youtube_path2 {
  fill: #65b3b1;
}
@media screen and (min-width: 1024px) {
  footer .footer,
  footer .footer-bottom ul {
    width: 90%;
  }
  footer .footer {
    justify-content: space-between;
  }
  footer .footer-left {
    width: 50%;
    padding: 0;
  }
  footer .footer-right {
    width: 400px;
    padding: 0;
    text-align: right;
  }
  footer .footer-bottom {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 1200px) {
  footer {
    padding: 64px 0 0px 0;
    /* margin-top: 200px; */
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: wrap;
  }
  footer .footer,
  footer .footer-bottom ul {
    width: 83.33333333333%;
    max-width: 1440px;
  }
  footer .footer-left {
    width: calc(100% - 446px);
    padding: 0;
  }
  footer .footer-left .footer_h2 {
    width: 123px;
    height: 42px;
    margin-bottom: 40px;
  }
  footer .footer-left ul li {
    color: #aaa;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
  }
  footer .footer-left ul:nth-child(2) {
    margin-bottom: 24px;
    flex-flow: nowrap;
  }
  footer .footer-left ul:nth-child(2) li {
    width: auto;
  }
  footer .footer-left ul:nth-child(2) li strong {
    margin-right: 12px;
    color: #555;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
  }
  footer .footer-left ul:nth-child(2) li span {
    color: #888;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
  }
  footer .footer-left ul:nth-child(2) li:first-child {
    padding-right: 17px;
    margin-bottom: 0;
  }
  footer .footer-left ul:nth-child(2) li:first-child:before {
    top: 3px;
    width: 1px;
    height: 12px;
  }
  footer .footer-left ul:nth-child(2) li:last-child {
    padding-left: 16px;
  }
  footer .footer-left ul:nth-child(3) {
    margin-bottom: 64px;
  }
  footer .footer-left ul:nth-child(3) li {
    width: auto;
    padding-right: 16px;
    margin-right: 16px;
    margin-bottom: 16px;
  }
  footer .footer-left ul:nth-child(3) li:before {
    content: "";
    position: absolute;
    right: 0;
    top: 3px;
    width: 1px;
    height: 12px;
    background: #ccc;
  }
  footer .footer-left ul:nth-child(3) li:nth-child(3) {
    width: auto;
  }
  footer .footer-left ul:nth-child(3) li:nth-child(4) {
    width: 100%;
  }
  footer .footer-left ul:nth-child(3) li:nth-child(3):before,
  footer .footer-left ul:nth-child(3) li:nth-child(4):before,
  footer .footer-left ul:nth-child(3) li:nth-child(5):before {
    display: none;
  }
  footer .footer-left ul:nth-child(3) li:nth-child(5) {
    margin-bottom: 0;
  }
  footer .footer-right {
    width: 400px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-flow: wrap;
  }
  footer .footer-right > ul {
    justify-content: space-between;
    flex-flow: nowrap;
  }
  footer .footer-right > ul li {
    width: 176px;
    color: #555;
    font-size: 32px;
    line-height: 32px;
    font-weight: 500;
  }
  footer .footer-right > ul li p {
    width: 176px;
    height: 36px;
    border-radius: 36px;
    margin-right: 32px;
    margin-bottom: 0;
    color: #65b3b1;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
  }
  footer .footer-right > ul li strong {
    padding-right: 10px;
    color: #555;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
  }
  footer .footer-right > ul li span {
    color: #888;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
  }
  footer .footer-right > ul li:nth-child(2) {
    width: 223px;
    text-align: right;
  }
  footer .footer-right > ul:nth-child(1) {
    width: 400px;
    margin-bottom: 16px;
  }
  footer .footer-right > ul:nth-child(2) {
    width: 400px;
    margin-bottom: 42px;
  }
  footer .footer-right > ul:nth-child(3) {
    width: 400px;
    justify-content: space-between;
    margin-bottom: 64px;
  }
  footer .footer-right > ul:nth-child(3) li:first-child {
    padding-right: 32px;
  }
  footer .footer-right > ul:nth-child(3) li:first-child img {
    width: 150px;
  }
  footer .footer-right > ul:nth-child(3) li:last-child .btn {
    width: 218px;
  }
  footer .footer-bottom {
    width: 100%;
    padding: 19px 0;
    background-color: #5cb37a;
    color: #fff;
  }
  footer .footer-bottom ul {
    width: 83.33333333333%;
    max-width: 1440px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: nowrap;
    flex-direction: row;
  }
  footer .footer-bottom ul li:nth-child(1) {
    width: 50%;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
  }
  footer .footer-bottom ul li:nth-child(1) span {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
  }
  footer .footer-bottom ul li:nth-child(2) {
    flex-flow: nowrap;
    justify-content: flex-end;
    width: 50%;
    text-align: right;
    margin-bottom: 0;
  }
  footer .footer-bottom ul li:nth-child(2) .fmenu {
    margin: 0 48px 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  footer .footer-bottom ul li:nth-child(2) .fmenu a {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
  }
  footer .footer-bottom ul li:nth-child(2) .fmenu a:first-child {
    padding-right: 17px;
  }
  footer .footer-bottom ul li:nth-child(2) .fmenu a:first-child:before {
    top: 2px;
    width: 1px;
    height: 12px;
  }
  footer .footer-bottom ul li:nth-child(2) .fmenu a:last-child {
    padding-left: 16px;
  }
}
@media screen and (min-width: 1600px) {
  footer .footer-left ul:nth-child(3) {
    margin-bottom: 2.5rem;
  }
  footer .footer-left ul:nth-child(3) li:nth-child(3) {
    margin-right: 40%;
  }
  footer .footer-left ul:nth-child(3) li:nth-child(3):before {
    display: none;
  }
  footer .footer-left ul:nth-child(3) li:nth-child(4) {
    width: auto;
  }
  footer .footer-left ul:nth-child(3) li:nth-child(4):before {
    display: block;
  }
  footer .footer-left ul:nth-child(3) li:nth-child(5) {
    width: auto;
  }
  footer .footer-left ul:nth-child(3) li:nth-child(5):before {
    display: none;
  }
}