@charset "utf-8";
@import 'variables.css';
@import 'reset.css';/* 초기화 */
@import 'fonts.css';/* 폰트 */
@import 'common.css'; /* 공통 css (텍스트 등) */
@import 'responsive.css'; /* 반응형 강제적용 */
/*@import 'modal.css'; !* 모달 *!*/
/* [전체] 공통 */
*{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1;word-break:break-all;padding:0;margin:0;box-sizing:border-box;letter-spacing:-1px;transition:all 0.3s;}
input,select,textarea{border:1px solid var(--border-color);}
html, body{height:100%;font-family:"Paperlogy", sans-serif;font-weight:var(--fw-regular);}
body, body * {transition: font-size 0.2s ease-in-out;}
#skip-nav {position: fixed;left: 0;top: -40px;width: 100%;line-height: 40px;text-align: center;background-color: rgba(0, 0, 0, 0.8);color: #ffffff;z-index: 1000000;transition: top 0.3s;box-sizing: border-box;}
#skip-nav:focus {top:0;border:5px solid var(--color-light-green);border-radius:8px;}
.visually-hidden {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space: nowrap;}
.ellipsis {display:block;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25;}
.ellipsis2 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word;}

/* dim */
body.no-scroll {/*width:100%;position:fixed;left:0;*/overflow: hidden; touch-action:none;-webkit-overflow-scrolling:initial;overscroll-behavior: none/* 스크롤 막기 */}
.dim {display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.25);z-index:1;opacity:1;transition:opacity 0.3s;}
.dim.active {display:block;opacity:1;}
main {max-width:1920px;width:100%;margin:0 auto;}
/* focus */
/*button:focus,*/
/*a:focus{outline: 2px d ashed var(--main-color);outline-offset: 4px;}*/

/* [공통] */
/* 헤더 상단 */
.header_top {max-width:100%;width:100%;margin:0 auto;height:48px;background-color:var(--color-white);border-bottom:1px solid var(--border-color);}
.header_top > .inner {max-width:1400px;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;margin: 0 auto;}
.header_top .wrap {display: flex;align-items:center;gap:8px;margin-right:40px;}
.header_top .wrap a {line-height: 1.5;font-size:14px;font-weight:var(--fw-medium);color:var(--color-black);}
.header_top .wrap img {width: 25px;}
.header_top .wrap a.park_cn {background-color:var(--main-color);border-radius:4px;padding:2px 12px;border:1px solid var(--main-color);color:var(--color-white);font-size:12px;font-weight:var(--fw-medium);transition:all 0.3s;}
.header_top .wrap a.park_cn:hover {background-color:var(--color-white);color:var(--main-color);border-color:var(--main-color);}

@media (max-width:1850px) {
  .header_top > .inner {padding:0 16px;}
}
@media (max-width:1024px) {
  .header_top .wrap {margin-right:0;}
}
@media (max-width:450px) {
  .header_top .home1 > img {width: 80px;}
  .header_top .wrap {gap:4px;}
  .header_top .wrap a {font-size:12px;}
  /*.header_top .wrap img {width: 20px;}*/
  .header_top .wrap a.park_cn {font-size:10px;padding:2px 8px;}
}
/* 헤더 */
header {width:100%;max-width:1920px;height:100px;display:flex;align-items:center;background-color:var(--color-white);z-index: 10000;position:relative;margin:0 auto;}
header::after {display:none;content:'';width:100%;height:calc(100% + 389px - 100px);border-radius:0;position:absolute;left:0;top:100px;background-color:var(--bg-color-gray);z-index: -1;}
header.active::after {display:block;}
header.active nav::after{content:'';width:100%;height:calc(100% + 389px + 20px);border-radius:0;position:absolute;left:0;top:0;  z-index: -1;}
header > .inner-wrap {max-width:1400px;width:100%;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 0;}
/* (pc) gnb */
nav {height:100%;position:relative;z-index:100;flex:1;display:flex;justify-content: flex-end;}
nav > ul.pc-nav {display:flex;height:100%;}
nav > ul.pc-nav > li {width:200px;display:flex;align-items:center;position:relative;height:100%;}
nav > ul.pc-nav > li > button {width:100%;height: auto;position:relative;}
nav > ul.pc-nav > li > button > span {display:inline-block;font-size:18px;font-weight:var(--fw-semi-bold);color:var(--color-black);word-break:break-word;line-height:1.6;padding:1px 0;border-bottom:1px solid var(--color-transparent);}
nav > ul.pc-nav > li:hover > button > span {color:var(--main-color);border-color:var(--main-color);}
nav > ul.pc-nav > li > ul {display:none;position:absolute;left:50%;top:calc(100% + 20px);height:349px;transform:translateX(-50%);margin-top:20px;padding:20px 0;}
nav > ul.pc-nav > li:not(:first-child) > ul {border-left:1px solid var(--border-color);}
nav > ul.pc-nav > li > ul > li {display:flex;justify-content:center; }
nav > ul.pc-nav > li > ul > li + li {margin-top:16px;}
nav > ul.pc-nav > li > ul > li > a {width:100%;display:inline-block;padding:2px;font-size:18px;line-height: 1.5;color:var(--color-gray);text-align:center;transition:all 0.3s;}
nav > ul.pc-nav > li > ul > li > a.link > span{display:inline-block;position:relative;top:3px;width:18px;height:18px;margin-left:4px;background-image:url("../images/icons/ico_shortcut.svg");background-repeat:no-repeat;background-position:right center;background-size:18px;}
nav > ul.pc-nav > li > ul > li:hover > a {color:var(--color-black);font-weight: var(--fw-semi-bold);}
nav > ul.pc-nav > li > ul > li:hover > a.link  > span {background-image:url("../images/icons/ico_shortcut_active.svg");}
nav > ul.pc-nav > li> ul {min-width: 200px;}
/* (mobile) sidebar */
.sidebar {z-index:1;position:fixed;right:-450px;top:0;width:450px;height:100vh;background-color:var(--color-white);overflow-y:auto;transition:all 0.3s;}
.sidebar.active {right:0;}
.sidebar .sidebar-top {display:flex;align-items:center;justify-content:space-between;padding:19px 16px;border-bottom:1px solid var(--border-color);}
.sidebar .sidebar-top > h2 > img {width: 124px; }
.accordion-nav-list > li + li {border-top:1px solid var(--border-color);}
.accordion-nav-list > li + li:last-child{border-bottom:1px solid var(--border-color);}
.accordion-nav-list > li.active + li {border-top:0!important;}
.accordion-nav-list > li > button {width:100%;text-align:left;padding:27px 16px;font-size:18px;font-weight:var(--fw-semi-bold);color:var(--color-black);position:relative;}
.accordion-nav-list > li > button::after {content:'';width:24px;height:24px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all 0.3s;background-image:url("../images/icons/ico_arrow_down_gray.svg");background-repeat:no-repeat;background-position:center center;background-size:24px;}
.accordion-nav-list > li > button.active::after{transform:translateY(-50%) rotate(180deg);}
.accordion-nav-list > li > button + ul {display:none;padding:12px 16px;background-color:var(--bg-color-gray);}
.accordion-nav-list > li > button.active + ul {display:block;}
.accordion-nav-list > li > button + ul > li > a {display:block;padding:12px 16px 12px 25px;position:relative;font-size:18px;font-weight:var(--fw-medium);color:var(--color-gray);}
.accordion-nav-list > li > button + ul > li > a::before {content:'';width:4px;height:4px;border-radius:50%;background-color:var(--color-gray);position:absolute;left:12px;top:50%;transform:translateY(-50%);}
.accordion-nav-list > li > button + ul > li > a > span{ display:inline-block;position:relative;top:1px;width:18px;height:18px;margin-left:4px;background-image:url("../images/icons/ico_shortcut.svg");background-repeat:no-repeat;background-position:right center;background-size:18px;}
.accordion-nav-list > li > button + ul > li:hover > a > span{background-image:url("../images/icons/ico_shortcut_green.svg");}
.accordion-nav-list > li > button + ul > li:hover > a::before {background-color:var(--main-color);}
.accordion-nav-list > li > button + ul > li:hover > a,
.accordion-nav-list > li > button + ul > li.active > a {color:var(--main-color);}
@media (max-width:1780px) {

  /* (pc) gnb */

  nav > ul.pc-nav > li {width:160px;}
  nav > ul.pc-nav > li> ul {min-width:160px;}
}
@media (max-width: 1580px) {

}
@media (max-width:1420px) {
  /* 해더 */
  header {height:80px;}
  header h1 > a > img {width:134px;}
  header::after {height:calc(100% + 370px - 80px); top:80px;}
  header > .inner-wrap {padding:19px 80px;}
  header.active nav::after{content:'';width:100%;height:calc(100% + 370px + 20px);}
  nav {justify-content: center;}
  nav > ul.pc-nav > li > ul {top:calc(100%);}
  nav > ul.pc-nav > li > button {font-size:20px;}
}

@media (max-width: 1024px) {
  header > .inner-wrap {padding:19px 16px;}

}
@media (max-width: 650px) {
  .sidebar {right:-390px;width:390px;}
}
@media (max-width: 500px) {
  .sidebar {right:-254px;width:254px;}
}

/* footer */
footer {width:100%;max-width:1920px;margin:0 auto;padding:40px 0 80px;background-color: var(--bg-color-gray);}
footer > .inner-wrap {max-width:1367px;width:100%;margin:0 auto;height:100%;display:flex;flex-direction:column;}
/* footer > 상단 */
.footer-top {width: 100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--border-color3);}
.footer-info > ul {display:flex;align-items:center;flex-wrap:wrap;}
.footer-info > ul > li > a {font-size:18px;font-weight:var(--fw-regular);color:var(--color-gray2);line-height:1.5;}
.footer-info > ul > li.point > a {color:var(--main-color);text-decoration:underline;}
.footer-info > ul > li{padding-right:20px;position:relative;}
.footer-info > ul > li:not(:last-child)::after {content:'';width:4px;height:4px;border-radius:50%;background-color:var(--color-gray6);position:absolute;right:8px;top:50%;transform:translateY(-50%);}
.footer-lang-wrap {display:flex;align-items:center;gap:8px;}

/* footer > 하단 */
.footer-bottom {display:flex;justify-content:space-between;padding-top:40px;}
.f-bottom-wrap {display:flex;align-items:center;}
.f-bottom-wrap > ul > li {font-size:16px;font-weight:var(--fw-regular);color:var(--color-gray2);line-height:1.4;}
.f-call {min-width:240px;display:inline-flex;flex-direction:column;align-items:flex-start;background-image:url("../images/footer/footer_sound.svg");background-size:36px;background-repeat:no-repeat;background-position:left 20px center;border:1px solid var(--border-color);border-radius:10px;background-color:var(--color-white);padding:12px 12px 12px 64px;transition:all 0.3s;}
.f-call:hover > .f-tit {color:var(--main-color);}
.f-call:hover {border-color:var(--main-color);}
.f-call > .f-tit {font-size:16px;font-weight:var(--fw-regular);color:var(--color-gray3);}
.f-call > .f-phone-num {font-size:22px;font-weight:var(--fw-bold);color:var(--color-black);}
@media (max-width:1400px) {
  footer > .inner-wrap {padding:0 16px;}
  /* footer > 상단 */
  .footer-top {flex-direction:column;align-items:flex-start;}
  /* footer > 하단 */
  .footer-bottom {flex-direction:column;align-items:flex-start;gap:24px;}
  .f-bottom-wrap {flex-direction:column;align-items:flex-start;gap:24px;}
}

@media (max-width:650px) {

  /* footer > 상단 */
  .footer-info > ul > li > a {font-size:14px;}
  .footer-lang-wrap {width:100%;}
  /* footer > 하단 */
  .f-bottom-wrap > h4 > img {width:152px;}
  .f-bottom-wrap > ul > li {font-size:14px;}
}

@media (max-width:500px) {
  footer > .inner-wrap {padding:0 16px;}
}
/* main-page */
/* 공통 > 제목 */
.m-tit-wrap {display:flex;align-items:center;justify-content:space-between;}
.m-tit-wrap.col-ver{flex-direction:column;align-items:flex-start;gap:80px;}
.m-tit-wrap > h3 {font-family:"GmarketSans","Paperlogy",'sans-serif';font-size:70px;font-weight:var(--fw-bold);color:var(--color-black);}
@media (max-width:650px) {
  /* 공통 > 제목 */
  .m-tit-wrap.col-ver{gap:24px;}
  .m-tit-wrap > h3 {font-size:48px;}
}

/* 공통 > swiper-controller */
.controller {display:flex;align-items:center;gap:20px;}
.page-indicator {display:flex;align-items:center;gap:6px;}
.page-indicator > span {font-family:"GmarketSans","Paperlogy","sans-serif";font-size:14px;color:var(--main-sub-color);white-space:nowrap;}
.page-indicator .current {font-weight:var(--fw-bold);color:var(--main-dark-color);font-size:16px;}
.page-indicator .total {font-weight:var(--fw-medium);color:var(--main-sub-color);font-size:16px;}
.controller .swiper-pagination {display:flex;gap:4px;position:static;width:781px!important;}
.controller .swiper-pagination-bullet.swiper-pagination-bullet-active {width:100%;position:relative;border-radius:0;transition:width 0.5s;}
.controller .swiper-pagination-bullet.swiper-pagination-bullet-active::before {content:'';width:calc(100% - 22px);height:1px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:var(--color-white);}
.controller .swiper-pagination-bullet.swiper-pagination-bullet-active::after {content:'';left:auto;right:0;width:22px;height:22px;background-image:url("../images/icons/ico_flower.svg");background-repeat:no-repeat;background-size:22px;background-position:center center;background-color:var(--color-transparent)!important;transform: translate(0,-50%)}
.controller .swiper-pagination-bullet {margin:0!important;opacity:1!important;background-color:var(--color-transparent)!important;width:22px;height:22px;border-radius:0;position:relative;}
.controller .swiper-pagination-bullet::after {content:'';width:8px;height:8px;background-color:var(--color-white);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index: 1;}
.controller .swiper-button-next,
.controller .swiper-button-prev {width:24px;height:24px;position:static!important;margin-top:0;background-size:16px;background-repeat:no-repeat;background-position:center center;}
.controller .swiper-button-prev {background-image:url("../images/icons/ico_s_prev.svg");}
.controller .swiper-button-next {background-image:url("../images/icons/ico_s_next.svg");}
.controller .swiper-button-next::after,
.controller .swiper-button-prev::after {display:none!important;}
.control-box {display:flex;align-items:center;}
.swiper-toggle {width:24px;height:24px;background-image:url("../images/icons/ico_pause.svg");background-size:16px;background-repeat:no-repeat;background-position:center center;}
.swiper-toggle.active{background-image: url("../images/icons/ico_play.svg");}

/* 공통 > swiper-controller > white-ver */
.controller.white-ver {position:absolute;left:70px;bottom:70px;z-index:1;}
.controller.white-ver .page-indicator > span {color:var(--color-white);}
.controller.white-ver .page-indicator .current {color:var(--color-white);}
.controller.white-ver .page-indicator .total {color:var(--color-white);}
.controller.white-ver .swiper-button-prev {background-image:url("../images/icons/ico_s_prev_w.svg");}
.controller.white-ver .swiper-button-next {background-image:url("../images/icons/ico_s_next_w.svg");}
.controller.white-ver .swiper-toggle {background-image:url("../images/icons/ico_pause_w.svg");}
.controller.white-ver .swiper-toggle.active{background-image: url("../images/icons/ico_play_w.svg");}
@media (max-width:1850px) {
  .controller .swiper-pagination {width:500px!important;}
}
@media (max-width:1420px) {
  .controller.white-ver {left:20px;bottom:16px;width:calc(100% - 32px - 4px);display:flex;justify-content:flex-end;}
  .controller .swiper-pagination {width:calc(100% - 160px)!important;}
}


/* main > main-banner */
.sec1 {max-width:1850px;margin:0 auto;width:100%;}
.main-swiper .swiper-slide {border-radius:20px;height:650px;overflow:hidden;position:relative;}
.main-swiper .swiper-slide::after{content:'';width:100%;height:100%;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 22.17%, rgba(0, 0, 0, 0.5) 100%);position:absolute;left:0;top:0;}
.main-swiper .swiper-slide > img {width:100%;height:100%;object-fit:cover;object-position:center center;}
.main-swiper .desc-wrap {display:flex;flex-direction:column;align-items:flex-end;gap:60px;position:absolute;right:70px;bottom:70px;z-index: 1;}
.main-swiper .desc-wrap > p {font-family: "Kimm", sans-serif;font-weight:var(--fw-bold);color:var(--color-white);text-align:right;line-height:1.3;font-size:60px;}
@media (max-width:1850px) {
  .sec1 {padding:0 40px;}
}
@media (max-width:1024px) {
  /* main > main-banner */
  .main-swiper .desc-wrap {gap:24px;right:16px;bottom:60px;}
  .main-swiper .desc-wrap > p {font-size:48px;}
}

@media (max-width:650px) {
  /* main > main-banner */
  .sec1 {padding:0 16px;}
  .main-swiper .swiper-slide {border-radius:12px;height:420px;}
  .main-swiper .desc-wrap {gap:24px;right:16px;bottom:60px;}
  .main-swiper .desc-wrap > p {font-size:36px;}
}

/* main > popup zone */
.sec2 {padding:40px 0;max-width:1850px;margin:0 auto;}
.sec2 > .inner-wrap {padding:100px 24px;border-radius:20px;background-color:var(--bg-color-green);}
.sec2-wrap {max-width:1402px;width:100%;margin:0 auto;display:flex;align-items:center;gap:80px;justify-content: space-between;}
.gm-tit-wrap {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:24px;}
.gm-tit-wrap > h3 {font-family:"GmarketSans","Paperlogy","sans-serif";font-size:40px;font-weight:var(--fw-bold);color:var(--main-dark-color);}
.popup-swiper .swiper-slide {/*height:359px;*/border-radius:20px;overflow:hidden;background-color:var(--bg-color-gray);}
.popup-swiper .swiper-slide  img {width:100%;height:100%;object-fit:contain;object-position: center center;}
.sec2 .sec-left{width:680px;}
.sec2 .sec-right {flex:1;}
.quick-grid {display: grid;grid-template-columns: repeat(3, 160px);column-gap: 76px;row-gap: 46px;}
/* main > popup zone : circle-box */
.circle-ico-box {display:flex;flex-direction:column;align-items:center;gap:18px;}
.circle-ico-box:hover > .circle-ico {border:3px solid var(--main-color);box-shadow: 0 0 12px 0 #00000040;}
.circle-ico-box:hover > .circle-ico-tit {text-decoration:underline;font-weight:var(--fw-semi-bold);}
.circle-ico-tit {font-size:24px;font-weight:var(--fw-medium);color:var(--color-black);text-align:center;}
.circle-ico {display:flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background-repeat:no-repeat;background-size:42px;background-position:center center;border:3px solid var(--color-white);background-color:var(--color-white);transition:all 0.3s;}
.circle-ico.ico1 {background-image: url("../images/seoulforest/main/main_ico_pen.svg");}
.circle-ico.ico2 {background-image: url("../images/seoulforest/main/main_ico_clock.svg");}
.circle-ico.ico3 {background-image: url("../images/seoulforest/main/main_ico_map.svg");}
.circle-ico.ico4 {background-image: url("../images/seoulforest/main/main_ico_calendar.svg");}
.circle-ico.ico5 {background-image: url("../images/seoulforest/main/main_ico_archive.svg");}
.circle-ico.ico6 {background-image: url("../images/seoulforest/main/main_ico_char.svg");}
@media (max-width:1850px) {
  .sec2 {padding:40px;}

}
@media (max-width:1580px) {
  .sec2-wrap {gap:48px;}
  .quick-grid {width:100%;column-gap:initial;grid-template-columns: repeat(3, 1fr);}
}
@media (max-width:1420px) {
  .sec2 .sec-left{width:540px;}

}
@media (max-width:1200px) {
  .sec2 {padding:40px 40px;}
  .sec2 > .inner-wrap {padding:40px 24px;}
  .sec2-wrap {flex-direction:column;padding:0;gap:24px;}
  .sec2 .sec-left{flex:1;width:100%;}
  .sec2 .sec-right {flex:1;width:100%;}
  .quick-grid {row-gap: 24px;}
}

@media(max-width:650px) {
  .sec2 {padding:20px 16px;}
  .sec2 > .inner-wrap {padding:36px 16px;}
  .gm-tit-wrap {gap:20px;margin-bottom:16px;}
  .gm-tit-wrap > h3 {font-size:24px;}
  /*.popup-swiper .swiper-slide {height:240px;}*/
    /* main > popup zone : circle-box */
  .circle-ico-box {gap:8px;}
  .circle-ico-tit {font-size:16px;}
  .circle-ico {width:80px;height:80px;background-size:30px;}
}
@media (max-width:450px) {
  /*.gm-tit-wrap {flex-direction:column;}*/
  .gm-tit-wrap > h3 {font-size:23px;}
  .controller {gap:12px;}
}


/* main > 공원소식 */
.sec3 {max-width:1402px;margin:0 auto;padding:100px 0;}
.sec3 > .inner-wrap {display:flex;align-items: flex-start;}
.sec3 .m-tit-wrap {max-width:480px;width:100%;}
.sec3 .notice-wrap {width:calc(100% - 460px);}
.sec3 .notice-wrap > ul {display:flex;flex-direction:column;gap:12px;}
.notice-box {height:152px;display:flex;align-items:center;gap:12px;padding:36px;background-color:var(--color-white);border:1px solid var(--border-color);border-radius:20px;transition:all 0.3s;}
.notice-box:hover {border:2px solid var(--main-color);box-shadow: 0 0 20px 0 #00000040;}
.notice-box:hover .n-day {color:var(--main-color);}
.notice-date {min-width:100px;display:flex;flex-direction:column;align-items:center;}
.n-day {font-size:44px;font-weight:var(--fw-extra-bold);color:var(--color-black);text-align:center;transition:all 0.3s;}
.n-date {font-size:20px;font-weight:var(--fw-semi-bold);color:var(--color-gray);text-align:center;}
.notice-desc {flex:1;width:calc(100% - 100px - 12px);display:flex;flex-direction:column;gap:4px;}
.n-tit {font-size:30px;font-weight:var(--fw-semi-bold);color:var(--color-black);}
.n-desc {font-size:18px;font-weight:var(--fw-regular);color:var(--color-gray);}
.more-btn {min-width:260px;height:90px;display:inline-flex;align-items:center;justify-content:flex-start;padding:12px 80px 12px 30px;border-radius:100px;background-color:var(--color-white);border:1px solid var(--border-color);font-size:22px;font-weight:var(--fw-bold);color:var(--color-black);background-image:url("../images/icons/ico_arrow_gray.svg");background-repeat:no-repeat;background-size:30px;background-position:right 30px center;transition: all 0.3s;}
.more-btn:hover {background-image:url("../images/icons/ico_arrow_gray_active.svg");border-color:var(--main-color);color:var(--main-color);}
@media (max-width:1620px) {
  .sec3 > .inner-wrap {padding:0 40px;}
}
@media (max-width:1024px) {
  .sec3 {padding:80px 0;}
  .sec3 > .inner-wrap {flex-direction:column;}
  .sec3 .notice-wrap {width:100%;margin-top:36px;}
}
@media (max-width:650px) {
  .sec3 > .inner-wrap {padding:0 16px;}
  .notice-box {height:94px;padding:24px;border-radius:12px;}
  .notice-date {min-width:60px;}
  .n-day {font-size:30px;}
  .n-date {font-size:14px;}
  .notice-desc {width:calc(100% - 60px - 12px);gap:0;}
  .n-tit {font-size:18px;}
  .n-desc {font-size:14px;}
  .more-btn {min-width:153px;height:60px;font-size:16px;}
}

/* main > ad */
.sec-ad {max-width:1920px;margin:0 auto;width:100%;}
.sec-ad > .inner-wrap {padding:0 40px;}
.ad-box {width:100%;}
.ad-box > img {width: 100%;}
.ad-box > img.first {display: block!important;}
.ad-box > img.second {display: none!important;}
.ad-box > img.third {display: none!important;}
@media (max-width:1400px) {
  .ad-box > img.first {display: none!important;}
  .ad-box > img.second {display: block!important;}
  .ad-box > img.third {display: none!important;}
}
@media (max-width:750px) {
  .ad-box > img.first {display: none!important;}
  .ad-box > img.second {display: none!important;}
  .ad-box > img.third {display: block!important;}
}
@media (max-width:650px) {
  .sec-ad > .inner-wrap {padding:0 16px;}

}

/* main > 서울숲SNS */
.sec5 {max-width:1402px;margin:0 auto;padding:100px 0 0;}
.sec5 .m-tit-wrap {max-width:100%;margin-bottom:48px;}
.seoul-forest-swiper .swiper-slide {position:relative;height:332px;border-radius:20px;overflow:hidden;}
.seoul-forest-swiper .swiper-slide:nth-child(2n) {margin-top:65px;}
.seoul-forest-swiper .swiper-slide > a > img {width:100%;height:100%;object-fit:cover;object-position:center center;}
.seoul-forest-swiper .swiper-slide .sns-ico {position:absolute;right:10px;top:10px;}
.sns-ico {width:60px;height:60px;background-size:60px;background-repeat:no-repeat;background-position:center center;}
.sns-ico.ico-instagram{background-image: url("../images/icons/sns_instagram.svg");}
.sns-ico.ico-facebook{background-image: url("../images/icons/sns_facebook.svg");}
.sns-ico.ico-youtube{background-image: url("../images/icons/sns_youtube.svg");}
.sec5 .desc-wrap {position:relative;width:100%;}
.sec5 .swiper-button-next,
.sec5 .swiper-button-prev {width:80px;height:80px;background-size:80px;background-repeat:no-repeat;background-position:center center;}
.sec5 .swiper-button-prev {left:-110px;background-image:url("../images/icons/ico_circle_arrow.svg");transform: rotate(-180deg)}
.sec5 .swiper-button-next {right:-110px;background-image:url("../images/icons/ico_circle_arrow.svg");}
.sec5 .swiper-button-next::after,
.sec5 .swiper-button-prev::after {display:none!important;}
@media (max-width:1620px) {
  .sec5 .m-tit-wrap {margin:0 40px 48px;}
  .sec5 .swiper-button-prev {left: 16px;}
  .sec5 .swiper-button-next {right: 16px;}
  .seoul-forest-swiper .swiper-slide {width:447px!important;height:397px;}
  .sec5 .m-tit-wrap {margin-bottom:20px;}
}
@media (max-width:1024px) {
  .sec5 .m-tit-wrap {margin:0 40px 48px;}
  .seoul-forest-swiper .swiper-slide {width:400px!important;height:360px;}

}
@media (max-width:650px) {
  .sec5 {padding-top:80px;}
  .seoul-forest-swiper .swiper-slide {width:300px!important;height:260px;}
  .seoul-forest-swiper .swiper-slide:nth-child(2n) {margin-top:40px;}
  .sec5 .swiper-button-next,
  .sec5 .swiper-button-prev {width:50px;height:50px;background-size:50px;}
  .sec5 .m-tit-wrap {margin:0 16px 20px;}
  .sns-ico {width:48px;height:48px;background-size:48px;}
}

/* main > 오시는 길 */
.sec6 {max-width:1402px;margin:0 auto;padding:100px 0;}
.sec6 .m-tit-wrap {max-width:1402px;margin-bottom:48px;}
.sec6 .map-desc-box{margin-top:40px;}
.map-desc-box {display:flex;align-items:center;gap:10px;justify-content:space-between;border-radius:20px;border:1px solid var(--border-color);background-color:var(--color-white);padding:30px;box-shadow: 0 0 12px 0 #00000040;}
.emp-list {display:flex;flex-direction:column;gap:8px;}
.emp-list > li {display:flex;align-items:flex-start;}
.emp-list > li > span {font-size:18px;font-weight:var(--fw-regular);color:var(--color-gray);line-height:1.3;}
.emp-list > li > span:nth-child(1) {position:relative;padding-right:14px;white-space:nowrap;font-weight: var(--fw-medium);color:var(--color-black);margin-right:12px;}
.emp-list > li > span:nth-child(1)::after{content:'';width:2px;height:12px;background-color:var(--border-color);position:absolute;right:0;top:50%;transform:translateY(-50%);}
.map-btn {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0;width:100px;height:100px;border:2px solid var(--main-color);border-radius:20px;font-size:18px;font-weight:var(--fw-semi-bold);color:var(--color-white);text-align:center;line-height:1.3;background-color:var(--main-color);transition:all 0.3s;}
.map-btn .ico-dot {width:30px;height:30px;background-image:url("../images/icons/ico_dot_white.svg");background-size:contain;background-repeat:no-repeat;background-position:center center;}
.map-btn:hover {color:var(--main-color);background-color:var(--color-white);}
.map-btn:hover .ico-dot{background-image:url("../images/icons/ico_dot_green.svg");}
@media (max-width:1620px) {
  .sec6 > .inner-wrap{padding:0 40px;}
}
@media (max-width:1024px) {

}
@media (max-width:650px) {
  .sec6 {padding:80px 0;}
  .sec6 > .inner-wrap{padding:0 16px;}
  .sec6 .m-tit-wrap {margin-bottom:24px;}
  .sec6 .map-desc-box{margin-top:20px;}
  .map-desc-box {padding:18px;flex-direction:column;}
  .emp-list > li {flex-wrap:wrap;gap:4px;}
  .emp-list > li > span {font-size:14px;}
  .emp-list > li > span:nth-child(1) {padding-right:5px;margin-right: 0;}
  .emp-list > li > span:nth-child(1)::after{width:1px;height:8px;}
  .map-btn {width:100%;padding:12px;flex-direction:row;border-radius:12px;height:45px;font-size:16px;}
  .map-btn .ico-dot {width:15px;height:18px;}
  .sec6 .map-box {height:646px;}
}
/* sub-page */

/* 안내지도 */
.map-box {width:100%;height:646px;position:relative;border-radius:20px;overflow:hidden;background-color:lightgray;display:flex;align-items:center;justify-content:center;}

@media (max-width:650px) {
  .map-box {height:416px;}
}

/* [파기]촬영안내 > qr */
/*.qr-wrap {display:flex;flex-direction:column;align-items:center;gap:24px;}*/
/*.qr-wrap > p {font-size:18px;font-weight:var(--fw-medium);color:var(--color-gray4);line-height:1.5;text-align:center;}*/
/*.qr-wrap > img {width:280px;}*/

/*@media (max-width: 650px) {*/
/*  .qr-wrap > p {font-size:14px;}*/
/*  .qr-wrap > img {width:240px;}*/
/*}*/

/* Faq */
.faq-list {display:flex;flex-direction:column;gap:12px;}
.faq-item {display:flex;flex-direction:column;}
.faq-item .faq-body {height:0;max-height:0;padding:0;overflow:hidden;transition:height 0.3s;}
.faq-head {display:flex;justify-content:space-between;align-items:center;padding:48px;border-radius:20px;border-width:1px 1px 0 1px;border-style:solid;border-color:var(--border-color);}
.faq-question {width:calc(100% - 56px);}
.faq-question > h3 {display:flex;align-items:flex-start;gap:12px;}
.faq-question > h3 > span {font-size:30px;font-weight:var(--fw-bold);line-height:1.5;}
.faq-question > h3 > span.f-tit {color:var(--color-gray4);font-weight:var(--fw-semi-bold);line-height:1.5;}
.faq-body {padding:48px;background-color:var(--bg-color-gray);border-radius:0 0 20px 20px;display:flex;flex-direction:column;gap:12px}
.faq-body span.c-green {font-size:30px;font-weight:var(--fw-bold);line-height:1.5;}
.faq-body  p {font-size:18px;font-weight:var(--fw-regular);color:var(--color-gray4);line-height:1.5;}
.faq-btn {width:40px;height:40px;border-radius:50%;border:1px solid var(--border-color);position:relative;}
.faq-btn::after {content:'';width:16px;height:16px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-image:url("../images/icons/ico_arrow_down_black.svg");background-position:center center;background-repeat:no-repeat;background-size:16px;}
.faq-item .faq-head {border-bottom:1px solid var(--border-color);}
.faq-item[aria-expanded="true"] {border:2px solid var(--main-color);border-radius:20px;box-shadow: 0 0 12px 0 #00000040;}
.faq-item[aria-expanded="true"] .faq-head {border-radius:20px 20px 0 0;border:0;}
.faq-item[aria-expanded="true"] .faq-body {max-height: 20000px;height:100%;padding:48px;}
.faq-item[aria-expanded="true"] .faq-btn::after {transform:translate(-50% ,-50%) rotate(-180deg);}
/* 답변관련 */
.f-answer > * + * {margin-top:12px;}
.f-answer .link-txt {text-decoration:underline;}
.f-answer .c-point {color:var(--color-point);font-weight:var(--fw-medium);}
.f-answer .dot-list > li.c-green{color:var(--main-color);}
.f-answer .dot-list > li.c-green::before {background-color:var(--main-color);}
.f-answer .circle-num-list {gap:12px;}
.f-emp-list.no-wrap > li {flex-wrap:nowrap;}
.f-emp-list > li {display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;}
.f-emp-list > li + li {margin-top:12px;}
.f-emp-list > li > span {font-size:18px;font-weight:var(--fw-regular);color:var(--color-gray4);line-height:1.3;}
.f-emp-list > li > span:nth-child(1) {font-weight:var(--fw-medium);white-space:nowrap;}
.f-emp-list .em {font-weight:var(--fw-medium);}
.f-table-tit {display:flex;align-items:center;margin-bottom:12px;}
.f-table-tit > p {font-size:18px;font-weight:var(--fw-semi-bold);color:var(--color-gray4);}
@media (max-width:650px) {
  .faq-head {padding:24px;border-radius:12px;}
  .faq-question {width:calc(100% - 48px);}
  .faq-question > h3 {flex-direction:column;align-items:flex-start;gap:10px;}
  .faq-question > h3 > span {font-size:20px;}
  .faq-question > h3 > span.f-tit {font-weight:var(--fw-bold);}
  .faq-btn {width:24px;height:24px;background-size:16px;}
  .faq-body {padding: 24px;}
  .faq-body p {font-size:14px;}
  .faq-item[aria-expanded="true"] {border-radius:12px;}
  .faq-item[aria-expanded="true"] .faq-head {border-bottom:1px solid var(--main-color);}
  .faq-item[aria-expanded="true"] .faq-body {padding:24px;border-top:1px solid var(--main-color);}
  .faq-body span.c-green {font-size:20px;}
  .faq-body span.c-green + p {font-size:14px;}
  /* 답변관련 */
  .f-emp-list > li {gap:4px;}
  .f-emp-list > li > span {font-size:14px;}
  .f-emp-list > li > span:nth-child(1) {font-weight:var(--fw-semi-bold);}
  .f-table-tit > p {font-size:14px;}
  .f-answer .c-point {font-size:14px;}
}
@media (max-width:500px) {
  .f-answer .ico-txt-btn {width:100%;}
}

/* 둘러보기 */
.browse-list {display:flex;flex-direction:column;gap:60px;}
.browse-box {display:flex;align-items:center;gap:48px;}
.browse-box:nth-child(2n - 1) {flex-direction:row-reverse;}
.browse-box .img-wrap {width:764px;height:440px;border-radius:20px;overflow:hidden;}
.browse-box .img-wrap > img {width:100%;height: 100%;object-fit:cover;object-position:center center;}
.browse-box .desc-wrap {flex:1;}
.b-tit-wrap {display:flex;flex-direction:column;align-items:flex-start;margin-bottom:24px;}
.b-num {font-size:56px;font-weight:var(--fw-extra-bold);color:var(--color-gray5);}
.b-tit {font-size:40px;font-weight:var(--fw-semi-bold);color:var(--color-black);line-height: 1.3;}
.b-desc {font-size:18px;font-weight:var(--fw-regular);color:var(--color-gray);line-height:1.5;}
.b-desc ul,
.b-desc ul > li {font-size:inherit;color:inherit;line-height:inherit;}

@media (max-width:1400px) {
  .browse-box .img-wrap {width: 600px;height: 380px;}
}
@media (max-width: 1024px) {
  .browse-list {gap:36px;}
  .browse-box .img-wrap {width: 100%;height: 310px;}
  .browse-box {flex-direction:column-reverse;gap:18px;}
  .browse-box:nth-child(2n - 1) {flex-direction:column-reverse;gap:18px;}
  .browse-box .desc-wrap {width:100%;}
}

@media (max-width:650px) {
  .browse-box .img-wrap {height: 240px;}
  .b-tit-wrap {margin-bottom:18px;}
  .b-num {font-size:36px;}
  .b-tit {font-size:24px;}
  .b-desc {font-size:14px;color:var(--color-gray7);}
}

/* 공원소개 */
.img-rounded-wrap {width: 100%;height:600px;border-radius:20px;overflow:hidden;margin:36px 0;}
.img-rounded-wrap > img {width:100%;height:100%;object-fit:cover;object-position:center center;}
@media (max-width: 1024px) {
  .img-rounded-wrap {height: 400px;}
}
@media (max-width: 650px) {
  .img-rounded-wrap {height:154px;border-radius:12px;margin:18px 0;}
}