/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1786694175
Updated: 2026-08-14 07:56:15

*/

/* main-visual-con */
.main-visual {margin-bottom: 6rem;}
.main-slide .slide {position: relative;}
.main-slide .slide-bg {position: relative; z-index: 1;}
.main-slide .slide .txt-wrap {position: absolute; top: 24%; width: 100%; z-index: 2; overflow: hidden;}
.main-slide .slide .txt-wrap h2 {font-size: 4.8rem; line-height: 1.6; font-weight: 700; font-family: "YuhanKimberlyPureunsoop", sans-serif;}
.main-slide .slide .txt-wrap h2 .bg-color {position: relative; display: inline-block; margin-top: 1rem; padding: 1rem 1rem 0.5rem; border-bottom: 4px solid; font-size: 5.6rem; font-family: 'YuhanKimberlyPureunsoop', sans-serif;}
.main-slide .slide .txt-wrap h2 .bg-color::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: -1;}
.main-slide .slide01 .txt-wrap h2 .bg-color {color: #1dbcb5; border-color: #1dbcb5;}
.main-slide .slide02 .txt-wrap h2 .bg-color {color: #c5bd20; border-color: #c5bd20;}
.main-slide .slide03 .txt-wrap h2 .bg-color {color: #6cb734; border-color: #6cb734;}

.main-slide .slide .txt-wrap h2 {opacity: 0; transform: translateY(2rem); transition: all 0.5s ease;}
.main-slide .slide .txt-wrap h2:nth-of-type(1) {transition-delay: 0.1s;}
.main-slide .slide .txt-wrap.animate h2 {opacity: 1; transform: translateY(0);}

.main-vis-info {position: absolute; bottom: 34%; left: 0; width: 100%;}
.main-vis-info .vis-control {display: flex; gap: 1rem;}
.main-vis-info .vis-control .vis-pagination {margin-right: 5px; display: flex; gap: 1rem; align-items: center; justify-content: center; width: 8rem; height: 4rem; background-color: #fff; border-radius: 3rem; box-shadow: 0px 3px 6px #00000030;}
.main-vis-info .vis-control .vis-pagination span {font-size: 1.8rem; color: #5c5c5c;}
.main-vis-info .vis-control .vis-pagination span.dot {width: 5px; height: 5px; background: var(--main-color); border-radius: 50%;}
.main-vis-info .vis-control .vis-play-btn .play-btn {width: 4rem;height: 4rem;display: flex;align-items: center;justify-content: center;background-color: #fff;border-radius: 50%; box-shadow: 0px 3px 6px #00000030;}
.main-vis-info .vis-control .vis-play-btn .play-btn i {font-size: 2rem; color: #5c5c5c; transition: var(--trans);}
.main-vis-info .vis-control .vis-arrow {width: 4rem;height: 4rem;display: flex;align-items: center;justify-content: center;background-color: #fff;border-radius: 50%; box-shadow: 0px 3px 6px #00000030;}
.main-vis-info .vis-control .vis-arrow i {font-size: 1.5rem; font-weight: 900; color: #5c5c5c; transition: var(--trans)}
.main-vis-info .vis-control .vis-play-btn .play-btn:hover i, 
.main-vis-info .vis-control .vis-arrow:hover i {color: var(--main-color);}

/* main-notice-con */
.main-notice-bg {position: relative; padding: 12rem 0; background-color: #f4f4f4;}
.main-notice-bg::before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1754px; height: 571px; background: url(/wp-content/uploads/2026/08/m-notice-bg.png) no-repeat center / contain; z-index: 1;}
.main-notice {position: relative; z-index: 3;}
.main-notice .notice-row {display: flex; gap: 4rem;}
.main-notice .notice-row .notice-list {position: relative; flex: 1; padding: 3rem 4rem; background: #fff; border-radius: 4rem; overflow: hidden;}
.main-notice .notice-row .notice-list::before {content: ""; position: absolute; bottom: -10%; right: -5%; width: 100%; height: 100%; background: url(/wp-content/uploads/2026/08/m-notice-left-bg.png) no-repeat right; z-index: 1;}
/* 추출 */
.main-notice-box {position: relative; z-index: 3;}
.main-notice-box * {transition: var(--trans);}
.main-notice-box .notice-txt {padding-bottom: 4rem;}
.main-notice-box .notice-txt .item {border-bottom: 1px solid #dfdfdf;}
.main-notice-box .notice-txt .item a {padding: 3rem 2rem; display: flex; align-items: center; justify-content: space-between;}
.main-notice-box .notice-txt .item a .title {-webkit-line-clamp: 1; width: 80%; font-size: 2rem; font-weight: 500;}
.main-notice-box .notice-txt .item a .date {font-size: 1.8rem; color: #545353;}
.main-notice-box .notice-box-more {text-align: center;}
.main-notice-box .notice-box-more a {display: inline-flex; gap: 1rem; align-items: center; justify-content: center; font-size: 1.8rem; font-weight: 600;}
.main-notice-box .notice-box-more a .more-circle {width: 2.5rem; height: 2.5rem; display: flex; background-color: #171717; border-radius: 50%; align-items: center; justify-content: center;}
.main-notice-box .notice-box-more a .more-circle i {font-size: 1.5rem; color: #fff; vertical-align: top;}

.main-notice-box .notice-txt .item:hover a .title {color: var(--main-color); transform: translateX(1.5rem);}
.main-notice-box .notice-txt .item:hover a .date {color: #999;}
.main-notice-box .notice-box-more:hover a {color: var(--main-color);}
.main-notice-box .notice-box-more:hover a .more-circle {background-color: var(--main-color); transform: rotate(-90deg);}

.main-notice .notice-row .notice-calendar {flex: 1; display: flex; gap: 4rem;}
.main-notice .notice-row .notice-calendar .calendar-card * {transition: var(--trans);}
.main-notice .notice-row .notice-calendar .calendar-card {position: relative; flex: 1; min-height: 36rem; background: var(--main-color); border-radius: 4rem; transition: var(--trans); overflow: hidden;}
.main-notice .notice-row .notice-calendar .calendar-card::after {content: ""; position: absolute; bottom: 3rem; right: -4rem; width: 363px; height: 157px; background: url(/wp-content/uploads/2026/08/m-notice-right-bg.png) no-repeat center / contain; opacity: 0.5;}
.main-notice .notice-row .notice-calendar .calendar-card a {position: relative; display: flex; padding: 6rem 4rem; width: 100%; height: 100%; flex-direction: column; z-index: 2;}
.main-notice .notice-row .notice-calendar .calendar-card a .calendar-card-icon {margin-bottom: 4rem;}
.main-notice .notice-row .notice-calendar .calendar-card a .calendar-card-name {padding-bottom: 2rem; color: #fff; font-size: 2.8rem;font-weight: 600; font-family: "YuhanKimberlyPureunsoop", sans-serif;}
.main-notice .notice-row .notice-calendar .calendar-card a .calendar-card-detail {color: #fff; font-size: 2rem; line-height: 1.6; font-weight: 300; font-family: "pretandard"; letter-spacing: -0.12rem;}
.main-notice .notice-row .notice-calendar .calendar-card.color-yellow {background: var(--sub-color);}
.main-notice .notice-row .notice-calendar .calendar-card.color-yellow::after {opacity: 1;}
.main-notice .notice-row .notice-calendar .calendar-card.color-yellow .calendar-card-name {color: #151c18;}
.main-notice .notice-row .notice-calendar .calendar-card.color-yellow .calendar-card-detail {color: #5d6a62;}
.main-notice .notice-row .notice-calendar .calendar-card:hover {background-color: #6cb734;}
.main-notice .notice-row .notice-calendar .calendar-card.color-yellow:hover {background-color: #c5bd20;}

/* main-service-con */
.main-service {padding: 12rem 0;}
.service-list {display: flex; justify-content: space-between; align-items: center; gap: 3rem;}
.service-list * {transition: var(--trans);}
.service-list .service-item {width: 30rem; height: 28rem; background-color: #fffecf; overflow: hidden; border-radius: 3rem; box-shadow: 0 0 15px #00000015;}
.service-list .service-item a {display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; height: 100%;}
.service-list .service-item a .service-img {padding:0 1rem; height: 100%; display: flex; align-items: center; justify-content: center;}
.service-list .service-item a .service-name {padding: 2rem 0; width: 100%; text-align: center;background-color: #c4bf27;}
.service-list .service-item a .service-name p {font-size: 2.4rem; color: #fff; font-weight: 600; font-family: "YuhanKimberlyPureunsoop", sans-serif;}
.service-list .service-item:hover {width: 36rem; height: 36rem; background-color: #e3f6ea;}
.service-list .service-item:hover a .service-name {padding: 2.5rem 0; background-color: #5d806a;}
.service-list .service-item:hover a .service-name p {font-size: 2.8rem;}

/* main-quick-con */
.main-quick {position: relative; margin: 4.5rem 0; padding: 7.5rem 10rem; background: linear-gradient(to right, var(--main-color) ,var(--sub-color) 50%); border-radius: 3rem; overflow: hidden;}
.main-quick::before {content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: url(/wp-content/uploads/2026/08/m-quick-bg.png) no-repeat right; pointer-events: none; z-index: 1;}
.main-quick::after {content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: #00000040; pointer-events: none; z-index: 2;}
.main-quick .quick-title-con {display: flex; gap: 3rem; align-items: end; position: relative; z-index: 3;}
.main-quick .quick-title-con .quick-title {font-size: 4.2rem; color: #fff; font-weight: 600; font-family: "YuhanKimberlyPureunsoop", sans-serif;}
.main-quick .quick-title-con .quick-desc {font-size: 2rem; color: #fff; font-weight: 400;}

.main-quick .quick-list {padding-top: 4rem; display: flex; gap: 1.5rem; position: relative; z-index: 3;}
.main-quick .quick-list * {transition: var(--trans);}
.main-quick .quick-list .quick-item {border-radius: 3rem; background-color: #00000030; border: 1px solid #fff;}
.main-quick .quick-list .quick-item a {display: flex; align-items: center; gap: 1.5rem; padding: 1.5rem 3.5rem;}
.main-quick .quick-list .quick-item a .quick-name {font-size: 2rem; color: #fff;}
.main-quick .quick-list .quick-item a .arrow {filter: brightness(0) invert(1); display: block; width: 12px; height: 12px; background: url(/wp-content/uploads/2026/08/m-more-arrow.png) no-repeat center / contain;}
.main-quick .quick-list .quick-item:hover {background-color: #fff;}
.main-quick .quick-list .quick-item:hover a .quick-name {color: #093f1d;}
.main-quick .quick-list .quick-item:hover a .arrow {filter: none;}

/* main-location-con */
.main-location-bg {margin-bottom: -12rem; padding: 12rem 0 24rem; position: relative; background-color: var(--bg-color); overflow: hidden;}
.main-location-bg::before {content: ""; position: absolute; top: -16%; right: -11%; width: 1697px; height: 1005px; background: url(/wp-content/uploads/2026/08/m-location-bg-after.png) no-repeat center; z-index: 0;}

.main-location-row {display: flex; gap: 6rem; align-items: center; position: relative; z-index: 2;}
.main-location-row .location-map .root_daum_roughmap {width: 100%; border-radius: 4rem;}
.main-location-row .location-map .root_daum_roughmap .map_border,
.main-location-row .location-map .root_daum_roughmap .cont {display: none;}

.main-location-row .location-info .location-title h2 {font-size: 4.2rem; font-weight: 600; color: #fff; font-family: "YuhanKimberlyPureunsoop", sans-serif;}
.main-location-row .location-info .location-address {padding: 6rem 0 5rem; display: flex; flex-direction: column; gap: 2rem;}
.main-location-row .location-info .location-address dl {display: flex; gap: 1rem; align-items: end;}
.main-location-row .location-info .location-address dl dt {margin-bottom: 2px; font-size: 1.6rem; color: #fff; font-weight: 600; font-family: "YuhanKimberlyPureunsoop", sans-serif;}
.main-location-row .location-info .location-address dl dd {font-size: 2.8rem; color: #fff; font-weight: 600; font-family: "YuhanKimberlyPureunsoop", sans-serif;}

.main-location-row .location-info .location-links .location-list {display: flex; flex-flow: row wrap; gap: 2rem;}
.main-location-row .location-info .location-links .location-list .location-item {width: calc(50% - 1rem); height: 8rem; border-radius: 2rem; background-color: #ffffff55; transition: var(--trans);}
.main-location-row .location-info .location-links .location-list .location-item a {padding: 0 4rem; display: flex; align-items: center; gap: 2rem; width: 100%; height: 100%;}
.main-location-row .location-info .location-links .location-list .location-item a .location-item-icon {width: 6rem;}
.main-location-row .location-info .location-links .location-list .location-item a .location-item-name {font-size: 2rem; font-weight: 500; color: #fff; font-family: "YuhanKimberlyPureunsoop", sans-serif;}
.main-location-row .location-info .location-links .location-list .location-item:hover {background-color: var(--sub-color);}

/* main-gallery-con */
.main-gallery {padding: 12rem 0;}
.main-gallery-row {display: flex; justify-content: space-between; gap: 5rem; align-items: center;}

/* 카테고리 사진 */
.main-gallery-photo {width: 90rem;}
.main-gallery-photo #kboard-pure-gallery-list-gym {position: relative;}
.main-gallery-photo .main-title {text-align: left; padding-bottom: 3rem;}
.main-gallery-photo #kboard-pure-gallery-list-gym .kboard-pure-gallery-list {display: block;}
.main-gallery-photo #kboard-pure-gallery-list-gym .kboard-pure-gallery-list .kboard-list-item {width: 33.3%; margin: 7px !important;  border-radius: 3rem; overflow: hidden; box-shadow: 0 0 10px #00000030; }
.main-gallery-photo #kboard-pure-gallery-list-gym.kboard-pure-gallery-latest .kboard-pure-gallery-list .kboard-list-item a .kboard-list-thumbnail {margin: 0; border-radius: 0; height: 20rem !important;}
.main-gallery-photo .title-wrap {padding: 3rem;}
.main-gallery-photo .title-wrap .title {-webkit-line-clamp: 1; font-size: 1.8rem; font-weight: 600;}

.main-gallery-photo .gal-slide-arrow {position: absolute; bottom: 55%; width: 100%; display: flex; justify-content: space-between;}
.main-gallery-photo .gal-slide-arrow .gal-arrow {position: absolute; width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 50%; box-shadow: 0px 3px 6px #00000030;}
.main-gallery-photo .gal-slide-arrow .gal-arrow i {font-size: 1.5rem; font-weight: 900; color: #5c5c5c; transition: var(--trans);}
.main-gallery-photo .gal-slide-arrow .gal-arrow.prev {left: -1rem;}
.main-gallery-photo .gal-slide-arrow .gal-arrow.next {right: -1rem;}

/* 카테고리 영상 */
.main-gallery-video {position: relative; flex: 1; border-radius: 4rem; overflow: hidden; }
.main-gallery-video::before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6rem; height: 6rem; background: url(/wp-content/uploads/2026/08/m-gal-video-after.png) no-repeat center; filter: drop-shadow(0 0 10px #00000030); z-index: 5; pointer-events: none;}
.main-gallery-video #kboard-pure-gallery-list-gym.kboard-pure-gallery-latest .kboard-pure-gallery-list .kboard-list-item {width: 100%;}
.main-gallery-video #kboard-pure-gallery-list-gym.kboard-pure-gallery-latest .kboard-pure-gallery-list .kboard-list-item a .kboard-list-thumbnail {margin: 0; height: 38rem !important;}
.main-gallery-video .title-wrap {display: none;}
.main-gallery-video .gal-slide-arrow {display: none;}

/* *********************
sub
*************************/

/* 인사말 */
.greeting-con {position: relative; border-radius: 0 0 5rem 5rem; box-shadow: 0 0 10px #00000010; overflow: hidden;}
.greeting-wrap {padding: 5rem; border-top: 2px solid var(--bg-color);}
.greeting-wrap .greet-top {margin-bottom: 4rem; padding-bottom: 2rem; border-bottom: 2px dashed #ddd;}
.greeting-wrap .greet-top p {font-size: 2.8rem; line-height: 1.4; letter-spacing: -0.06rem; font-weight: 700; font-family: 'YuhanKimberlyPureunsoop';}
.greeting-wrap .greet-top h3 {margin-top: 2rem; font-size: 2.8rem; color: #333; line-height: 1.4; letter-spacing: -0.06rem; font-weight: 700; font-family: 'YuhanKimberlyPureunsoop';}
.greeting-wrap .greet-top h3 span {color: var(--bg-color); font-family: 'YuhanKimberlyPureunsoop';}
.greeting-wrap .greet-txt p {font-size: 1.8rem; line-height: 1.7; letter-spacing: -0.06rem; color: #666;}
.greeting-wrap .greet-txt p + p {margin-top: 1.5rem;}
.greeting-wrap .greet-txt p.sign {margin-top: 10%; font-size: 2.4rem; color: #222; font-family: 'YuhanKimberlyPureunsoop'; font-weight: 600;}
.greeting-bg {position: absolute; bottom: 3rem; right: 3rem; width: 100%; height: 30rem; background: url(/wp-content/uploads/2026/09/sub-intro-bg.jpg) no-repeat bottom right /contain; z-index: -1;}

/* 미션비전 */
.mission-top {margin-bottom: 8rem; display: flex; gap: 2rem;}
.mission-top .mission-box {flex: 1; padding: 5rem; background-color: #f5f7f0; border-radius: 2rem;}
.mission-top .mission-box .mission-title {padding-bottom: 2.5rem; margin-bottom: 2rem; display: flex; align-items: center; gap: 1.5rem; border-bottom: 2px solid #059d1212;}
.mission-top .mission-box .mission-title .label {padding: 1rem 1.5rem; border-radius: 2rem; background-color: var(--bg-color); color: #fff; font-size: 1.3rem; font-weight: 600;}
.mission-top .mission-box .mission-title h3 {font-size: 2.6rem; font-weight: 700; font-family: 'YuhanKimberlyPureunsoop';}
.mission-top .mission-box .mission-content p {font-size: 2rem; line-height: 1.6; font-weight: 500; letter-spacing: -0.08rem; color: #444;}

.value-con .value-title {padding-bottom: 2.5rem; margin-bottom: 8rem; display: flex; align-items: center; gap: 1.5rem; border-bottom: 2px solid #059d1212;}
.value-con .value-title .label {padding: 1rem 1.5rem; border-radius: 2rem; background-color: var(--bg-color); color: #fff; font-size: 1.3rem; font-weight: 600;}
.value-con .value-title h3 {font-size: 3.2rem; font-weight: 700; font-family: 'YuhanKimberlyPureunsoop';}
.value-con .value-title p {color: #777; font-size: 1.7rem; line-height: 1.7;}

.value-con .value-list {display: flex; align-items: center; justify-content: center;}
.value-con .value-list .value-item {display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; flex: 1; height: 35rem; padding: 4rem; margin: 0 -2rem; background-color: #00b079; border-radius: 50%; mix-blend-mode: multiply;}
.value-con .value-list .value-item:nth-of-type(odd) {background-color: #29a0c5;}
.value-con .value-list .value-item .value-name {width: 70%; margin-bottom: 3rem; padding-bottom: 2rem; border-bottom: 2px solid #fff;}
.value-con .value-list .value-item .value-name span {display: block; padding-bottom: 1.6rem; font-size: 1.5rem; color: #fff; font-family: 'YuhanKimberlyPureunsoop';}
.value-con .value-list .value-item .value-name h4 {font-size: 2.8rem; color: #fff; font-weight: 600; font-family: 'YuhanKimberlyPureunsoop';}
.value-con .value-item p {font-size: 1.7rem; color: #fff; line-height: 1.6; letter-spacing: -0.06rem;}

/* 시설현황 */
.facility-section + .facility-section {margin-top: 6rem;}
.facility-title {margin-bottom: 2rem; display: flex; align-items: center; gap: 1rem;}
.facility-title span {width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; color: #fff; font-weight: 700; border-radius: 50%; background: var(--bg-color);}
.facility-title h3 {font-size: 3rem; font-weight: 700; font-family: 'YuhanKimberlyPureunsoop';}
.facility-table tbody tr th {padding: 2rem 0;}
.facility-table tbody tr td {text-align: left; padding: 2rem 3rem;}

.floor-wrap {display: flex; gap: 2rem;}
.floor-wrap .floor-box {flex: 1;padding: 3.5rem; border: 1px solid #e5e2da; border-radius: 1.5rem;}
.floor-wrap .floor-box .floor-head {padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #e5e5e5;}
.floor-wrap .floor-box .floor-head h4 {font-size: 2.4rem; font-weight: 700;}
.floor-wrap .floor-box .floor-table th,.floor-table td {font-size: 1.5rem;}
.floor-wrap .floor-box .floor-table th {width: 18%; color: var(--main-color); font-weight: 700; text-align: center; background-color: #f5f7f0 !important;}
.floor-wrap .floor-box .floor-table tbody tr td {color: #555; background-color: #fff !important; text-align: left;}
.floor-wrap .floor-box .floor-notice {margin-top: 2rem;color: #888;font-size: 1.5rem;line-height: 1.6;}

/* 연혁 */
.history-tabs {margin-bottom: 6rem; display: flex; gap: 1rem; padding: 1rem; background: #f5f7f0; border: 2px solid #059d1212; border-radius: 1rem;}
.history-tabs .his-tab {flex: 1; padding: 2rem; font-size: 1.8rem; font-weight: bold; color: #9b9b9b; border: 2px solid #eee; background: #fff; border-radius: 1rem; }
.history-tabs .his-tab.active,
.history-tabs .his-tab:hover {color: var(--bg-color); border: 2px solid var(--bg-color);}

.history-content .history-panel {display: none;}
.history-content .history-panel.active {display: block;}
.history-content .history-panel .history-year {margin-bottom: 3rem; font-size: 4.2rem;font-weight: 700; font-family: 'YuhanKimberlyPureunsoop'; line-height: 1.4;letter-spacing: -0.06rem;}
.history-content .history-panel .history-year span {font-size: 2.8rem;font-weight: 500;color: #777; font-family: 'YuhanKimberlyPureunsoop';}
.history-content .history-list {border-top: 1px solid #ddd;}
.history-content .history-list li {padding: 3rem 0; display: flex; align-items: center; border-bottom: 1px solid #eee;}
.history-content .history-list .time {width: 18rem; font-size: 2.1rem; font-weight: 700;color: var(--bg-color);}
.history-content .history-list p {font-size: 1.7rem;font-weight: 400;line-height: 1.6;color: #444;}
.history-content .history-list p span {color: #888;}

/* 조직도 */
.organ-img {margin: 8rem 0; text-align: center;}
.table-top {margin-bottom: 2rem; display: flex; align-items: flex-end; justify-content: space-between;}
.table-top h3 {font-size: 3.2rem; font-weight: 700; font-family: 'YuhanKimberlyPureunsoop';}
.table-top span {font-size: 1.5rem; color: #444;}

/* 오시는길 */
.map-wrap .map-view {border-radius: 3rem; border: 2px solid #059d1212; overflow: hidden;}
.map-wrap .map-view .root_daum_roughmap {width: 100% !important;}
.map-wrap .map-view .root_daum_roughmap .cont,
.map-wrap .map-view .root_daum_roughmap .map_border {display: none;}

.map-wrap .location-info {margin: 4rem 0 6rem; padding: 5rem; border: 2px solid #059d1212; background-color: #f5f7f0; border-radius: 2rem;}
.map-wrap .location-info ul {display: flex; justify-content: space-between;}
.map-wrap .location-info ul li{display: flex; align-items: center; font-size: 1.8rem;}
.map-wrap .location-info ul li i {margin-right: 1rem; font-size: 3rem; color: var(--bg-color);}
.map-wrap .location-info ul li:last-of-type {padding-left: 5rem; border-left: 2px solid #059d1212;}

.direction-wrap h3 {margin-bottom:5rem; font-size: 3.2rem; font-weight: 700; font-family: 'YuhanKimberlyPureunsoop';}
.direction-wrap .direction-item {display: flex; flex-wrap: wrap; gap: 3rem;}
.direction-wrap .direction-item + .direction-item {margin-top: 5rem;}
.direction-wrap .direction-item .direction-icon {width: 8rem; height: 8rem; display: flex; align-items: center; justify-content: center; background-color: #f5f7f0; border-radius: 50%;}
.direction-wrap .direction-item .direction-icon i {color: var(--bg-color); font-size: 4rem;}

.direction-wrap .direction-item .direction-info .direction-title {padding-bottom: 2rem; font-size: 2.1rem; color: var(--bg-color); letter-spacing: -0.06rem; font-weight: 700;}
.direction-wrap .direction-item .direction-info .direction-list li {position: relative; padding-left: 1.5rem; font-size: 1.8rem; letter-spacing: -0.04rem; line-height: 1.64;}
.direction-wrap .direction-item .direction-info .direction-list li + li {margin-top: 1rem;}
.direction-wrap .direction-item .direction-info .direction-list li:not(.bus-type)::before {content: ""; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background: #ccc; border-radius: 50%;}
.direction-wrap .direction-item .direction-info .direction-list li.bus-type span {display: inline-block; padding: 0.5rem; margin-right: 1rem; font-size: 1.6rem; color: #fff; border-radius: 0.5rem; background-color: var(--bg-color);} 

/* 사업안내 */
.business-purpose {margin-bottom: 7rem; padding: 4rem; border: 2px solid #059d1212; background-color: #f5f7f0; border-radius: 2rem;}
.business-purpose .business-title {padding-bottom: 2rem;  display: flex; gap: 1rem; align-items: center;}
.business-purpose .business-title .icon {width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; font-size: 2.3rem; color: #fff; font-weight: 700; border-radius: 50%; background: var(--bg-color);}
.business-purpose .business-title h3 { font-size: 3rem; font-weight: 700; font-family: 'YuhanKimberlyPureunsoop';}
.business-purpose .purpose-desc {color: #555; font-size: 1.8rem; letter-spacing: -0.06rem; line-height: 1.6;}

.business-item-title {margin-bottom: 2rem; display: flex; gap: 1rem;}
.business-item-title .business-num {width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; color: #fff; font-weight: 700; border-radius: 50%; background: var(--bg-color);}
.business-item-title h4 {padding-bottom: 1rem; font-size: 3rem; font-weight: 700; font-family: 'YuhanKimberlyPureunsoop';}
.business-item-title p {color: #777; font-size: 1.7rem; line-height: 1.4; letter-spacing: -0.04rem;}

.business-table-wrap {width: 100%; border: 2px solid #059d1212; border-radius: 2rem; overflow: hidden;}
.business-table-wrap table {border-top: 0;}
.business-table-wrap .business-table thead tr th {padding: 1.5rem; color: #fff; background-color: var(--bg-color) !important; font-weight: 600; text-align: center; border-right: 1px solid #ffffff25;}
.business-table-wrap .business-table tr th {padding: 2rem; color: #555;}
.business-table-wrap .business-table tr td {color: #666;}
.business-table-wrap .business-table tr:nth-last-of-type(1) th,
.business-table-wrap .business-table tr:nth-last-of-type(1) td {border-bottom: 0;}

/* 입소안내 */
.admission-section + .admission-section {margin-top: 6rem;}

.admission-title {margin-bottom: 3rem; display: flex; gap: 1rem; align-items: center;}
.admission-title .admission-num {width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; color: #fff; font-weight: 700; border-radius: 50%; background: var(--bg-color);}
.admission-title h3 {font-size: 3rem; font-weight: 700; font-family: 'YuhanKimberlyPureunsoop';}

.admission-content {padding: 3rem; background-color: #f5f7f0; border-radius: 3rem;}
.admission-content .admission-type-wrap {display: flex; gap: 2rem;}
.admission-content .admission-type-wrap .admission-type {flex: 1; border-radius: 2rem; border: 2px solid #059d1212; overflow: hidden;}
.admission-content .admission-type-wrap .admission-type .admission-type-title {display: flex; align-items: center; gap: 1.2rem; padding: 1.5rem 2rem; background-color: var(--bg-color);}
.admission-content .admission-type-wrap .admission-type .admission-type-title .admission-type-icon {display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; color: var(--main-color); background-color: #fff; border-radius: 1rem; font-size: 2.3rem;}
.admission-content .admission-type-wrap .admission-type .admission-type-title h4 {color: #fff; font-size: 1.9rem; font-weight: 600;}

.admission-content .admission-type-wrap .admission-type.paid {border-color: #c1bd0024;}
.admission-content .admission-type-wrap .admission-type.paid .admission-type-title {background: var(--sub-color3);}
.admission-content .admission-type-wrap .admission-type.paid .admission-type-title .admission-type-icon {color: var(--sub-color3);}
.admission-content .admission-type-wrap .admission-type.paid .admission-type-content .info-row .info-label {color: var(--sub-color3);}

.admission-content .admission-type-wrap .admission-type .admission-type-content {padding: 3rem; background-color: #fff; height: 100%;}
.admission-content .admission-type-wrap .admission-type .admission-type-content .info-row {display: flex; align-items: flex-start; gap: 2rem;}
.admission-content .admission-type-wrap .admission-type .admission-type-content .info-row .info-label {width: 8rem; text-align: center; font-weight: 700; font-size: 1.5rem; padding: 1rem; border-radius: 0.5rem; display: inline-block; color: var(--main-color); background-color: #f5f7f0;}
.admission-content .admission-type-wrap .admission-type .admission-type-content .info-row .info-txt {color: #555; font-size: 1.7rem; line-height: 1.6; letter-spacing: -0.04rem;}
.admission-content .admission-type-wrap .admission-type .admission-type-content .cost-wrap {display: flex; gap: 1rem; margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px dashed #ddd;}
.admission-content .admission-type-wrap .admission-type .admission-type-content .cost-wrap .cost-item {flex: 1; padding: 2rem; background-color: #fffacf8a; border-radius: 1.5rem; text-align: center;}
.admission-content .admission-type-wrap .admission-type .admission-type-content .cost-wrap .cost-item .cost-label {display: block; margin-bottom: 1rem; color: var(--sub-color3); font-weight: 600; font-size: 1.6rem;}
.admission-content .admission-type-wrap .admission-type .admission-type-content .cost-wrap .cost-item .cost-price {font-size: 2rem; font-weight: 700;}
.admission-content .admission-notice {margin-top: 2rem; padding: 1.5rem 2rem; color: #777; border-radius: 1rem; font-size: 1.5rem; line-height: 1.6; letter-spacing: -0.04rem; background-color: #fff; border: 2px solid #059d1212;}

.process-box {height: 28rem; padding: 3rem; border: 2px solid #059d1212; border-radius: 2rem; background-color: #fff;}
.process-box + .process-box {margin-top: 2rem;}
.process-box h4 {margin-bottom: 3rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.6rem; padding: 1rem 1.5rem; color: #fff; background-color: var(--main-color); border-radius: 0.5rem;}
.process-box .process-list {display: flex;}
.process-box .process-list li {position: relative; flex: 1; display: flex; gap: 1rem; flex-direction: column; align-items: center; text-align: center;}
.process-box .process-list li:not(:last-child)::after {content: ""; position: absolute; top: 4rem; left: 50%; width: calc(100% - 4rem); height: 1px; background-color: #cbd7c7;}
.process-box .process-list li .process-icon {position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 8rem; height: 8rem; color: var(--main-color); background-color: #fff; border: 1px solid #b9d2b7; border-radius: 50%; font-size: 3.5rem; font-weight: 700;}
.process-box .process-list li .process-name {color: #444; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.04rem;}
.process-box .process-list li .process-desc {color: #888; font-size: 1.3rem; line-height: 1.4;}

.process-box.paid {border-color: #c1bd0024;}
.process-box.paid h4 {background-color: var(--sub-color3);}
.process-box.paid .process-list li .process-icon {color: var(--sub-color3); border: 1px solid #cfcaad;}
.process-box.paid .process-list li:not(:last-child)::after {background-color: #cfcaad;}

.document-wrap {display: flex; gap: 2rem;}
.document-wrap .document-box {flex: 1; padding: 3rem; border: 2px solid #059d1212; background-color: #fff; border-radius: 2rem;}
.document-wrap .document-box .document-title {display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid #e5e8e1;}
.document-wrap .document-box .document-title i {display: flex;align-items: center;justify-content: center;width: 4rem;height: 4rem;color: #fff;background-color: var(--main-color);border-radius: 1rem;font-size: 2.3rem;}
.document-wrap .document-box .document-title h4 {color: #333; font-size: 1.9rem; font-weight: 700;}
.document-wrap .document-box .document-list li {position: relative; padding-left: 1rem; color: #555; font-size: 1.6rem; line-height: 1.6;}
.document-wrap .document-box .document-list li::before {content: ""; position: absolute; top: 1rem; left: 0; width: 4px; height: 4px; background-color: var(--main-color); border-radius: 50%;}
.document-wrap .document-box .document-list li + li {margin-top: 0.5rem;}
.document-wrap .document-box .add-document .add-item + .add-item {margin-top: 2rem; padding-top: 2rem; border-top: 1px dashed #ddd;}
.document-wrap .document-box .add-document .add-item .add-label {margin-bottom: 1rem; width: 10rem; text-align: center; font-weight: 700; font-size: 1.5rem; padding: 1rem; border-radius: 0.5rem; display: inline-block; color: var(--main-color); background-color: #f5f7f0;}

.admission-contact {margin-top: 6rem; padding: 4rem 5rem; display: flex; justify-content: space-between; background-color: #f5f7f0; border-radius: 2rem;}
.admission-contact .contact-title {display: flex; gap: 1rem; align-items: center;}
.admission-contact .contact-title .contact-icon {font-size: 3rem; color: #fff; width: 6rem; height: 6rem; display: flex; align-items: center; justify-content: center; background: var(--bg-color); border-radius: 50%;}
.admission-contact .contact-title h3 {font-size: 2.4rem; font-family: 'YuhanKimberlyPureunsoop'; font-weight: 700;}
.admission-contact .contact-content {display: flex; flex-direction: column; justify-content: center; gap: 1.5rem; padding-left: 5rem; border-left: 2px solid #059d1212;}
.admission-contact .contact-content .contact-item {display: flex; gap: 1rem;}
.admission-contact .contact-content .contact-item .contact-label {width: 6rem; font-size: 1.5rem; color: var(--main-color); font-weight: 600;}
.admission-contact .contact-content .contact-item .contact-value {font-size:1.8rem; font-family: 'YuhanKimberlyPureunsoop'; font-weight: 700;}

/* 자원봉사안내 */
.support-title {margin-bottom: 2rem; display: flex; align-items: center; gap: 1rem;}
.support-title .support-num {width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; color: #fff; font-weight: 700; border-radius: 50%; background: var(--bg-color);}
.support-title h3 {font-size: 3rem; font-weight: 700; font-family: 'YuhanKimberlyPureunsoop';}

.support-desc {padding: 2.5rem; background-color: #f5f7f0; border-radius: 1.5rem;}
.support-desc * {font-size: 1.7rem; letter-spacing: -0.04rem; line-height: 1.7;}

.support-box {margin-top: 6rem; padding: 3rem; border: 2px solid #059d1212; border-radius: 2rem; background-color: #fff;}
.support-box .support-box-title {display: flex; align-items: center; gap: 1.5rem; margin-bottom: 3rem; padding-bottom: 1.5rem; border-bottom: 1px solid #e5e8e1;}
.support-box .support-box-title .support-icon {display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; color: #fff; background-color: var(--main-color); border-radius: 1rem; font-size: 2.3rem;}
.support-box .support-box-title h4 {color: #333; font-size: 1.9rem; font-weight: 700;}

.support-card-wrap {display: flex; flex-wrap: wrap; gap: 1.5rem;}
.support-card-wrap .support-card {flex: 1; padding: 2.5rem; background-color: #f5f7f0; border-radius: 1.5rem;}
.support-card-wrap .support-card strong {display: block; margin-bottom: 1rem; color: var(--main-color); font-size: 1.7rem; line-height: 1.4; font-weight: 700;}
.support-card-wrap .support-card p {color: #555; font-size: 1.6rem; line-height: 1.6; letter-spacing: -0.04rem;}

/* 이용자 고충상담 */
.support-box .support-txt {color: #555; font-size: 1.6rem; line-height: 1.6; letter-spacing: -0.04rem;}
.support-box .support-list {display: flex; flex-flow: wrap; gap: 1rem 3rem;}
.support-box .support-list li {width: 30%; position: relative; padding-left: 1.2rem; color: #555; font-size: 1.6rem; line-height: 1.6;}
.support-box .support-list li::before {content: ""; position: absolute; top: 1rem; left: 0; width: 4px; height: 4px; background-color: var(--main-color); border-radius: 50%;}

.support-box .support-process {display: flex;}
.support-box .support-process li {position: relative; flex: 1; display: flex; gap: 1rem; flex-direction: column; align-items: center; text-align: center;}
.support-box .support-process li:not(:last-child)::after {content: ""; position: absolute; top: 4rem; left: 50%; width: calc(100% - 4rem); height: 1px; background-color: #cbd7c7;}
.support-box .support-process li .process-icon {position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 8rem; height: 8rem; color: var(--main-color); background-color: #fff; border: 1px solid #b9d2b7; border-radius: 50%; font-size: 3.5rem; font-weight: 700;}
.support-box .support-process li strong {color: #444; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.04rem;}
.support-box .support-notice {margin-top: 4rem; color: #777; font-size: 1.5rem; line-height: 1.6; letter-spacing: -0.04rem; text-align: center;}

.support-guide {margin-top: 2rem; padding: 1.5rem 2rem; display: flex; align-items: center; gap: 1rem; color: #777; background-color: #f5f7f0; border-radius: 1rem; font-size: 1.6rem; line-height: 1.6;}
.support-guide i {color: var(--main-color); font-size: 2rem;}

.support-board {margin-top: 6rem;}
.support-board .board-notice {position: relative; margin-bottom: 4rem; display: flex; align-items: center; gap: 3rem; padding: 3rem 4rem; border: 2px dashed #cbd7c7; border-radius: 3rem 3rem 3rem 0; background-color: #fff;}
.support-board .board-notice .board-notice-icon {width: 10rem; height: 10rem; display: flex; align-items: center; justify-content: center; color: var(--main-color); background-color: var(--sub-color4); border-radius: 2rem; font-size: 6rem;}
.support-board .board-notice .board-notice-content p {position: relative; padding-left: 1.4rem; color: #555; font-size: 1.6rem; line-height: 1.6; letter-spacing: -0.04rem;}
.support-board .board-notice .board-notice-content p::before {content: ""; position: absolute; top: 1.2rem; left: 0; width: 4px; height: 4px; background-color: var(--main-color); border-radius: 50%;}