/*
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.4.1758589955
Updated: 2025-09-23 01:12:35
*/

/* main-visual-con */
.visual-wrap 
{position: relative;}
.visual-wrap .slide-arrow-wrap 
{width: 100%; display: flex; justify-content: space-between; position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;}
.visual-wrap .slide-arrow-wrap .arrow-btn
{position: relative; width: 7.1rem; height: 12.1rem; background-repeat: no-repeat; background-position: center; background-size: contain; cursor: pointer;}
.visual-wrap .slide-arrow-wrap .prev-btn 
{left: -1px; background-image: url(/wp-content/uploads/2025/09/main-vis-prev-bg.png);}
.visual-wrap .slide-arrow-wrap .next-btn
{right: -1px; background-image: url(/wp-content/uploads/2025/09/main-vis-next-bg.png);}
.visual-wrap .slide-arrow-wrap .arrow-btn .arrow 
{position: absolute; top: 50%; left: 35%; transform: translateY(-50%);}
.visual-wrap .slide-arrow-wrap .arrow-btn.next-btn .arrow
{left: auto; right: 35%;}
.visual-slide-wrap .slide 
{width: 100%; height: 65rem; overflow: hidden; border-radius: 2rem; background-repeat: no-repeat; background-position: center; background-size: contain;}
.visual-slide-wrap .slide.slide01 {background-image: url(/wp-content/uploads/2025/09/main-visual01.jpg);}
.visual-slide-wrap .slide.slide02 {background-image: url(/wp-content/uploads/2025/09/main-visual02.jpg);}
.visual-slide-wrap .slide.slide03 {background-image: url(/wp-content/uploads/2025/09/main-visual03.jpg);}

.visual-slide-wrap .slide .slide-top 
{height: 100%; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visual-slide-wrap .slide .slide-top .txt-wrap .detail 
{position: relative; display: inline-block; font-size: 3.2rem; color: #000; font-family: 'SandollSamlipHobbangBasic'; z-index: 4;}
.visual-slide-wrap .slide .slide-top .txt-wrap .detail::before
{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; z-index: -1;}
.visual-slide-wrap .slide.slide01 .slide-top .txt-wrap .detail::before {background-color: #d1de27;}
.visual-slide-wrap .slide.slide02 .slide-top .txt-wrap .detail::before {background-color: #e1bb7c;}
.visual-slide-wrap .slide.slide03 .slide-top .txt-wrap .detail::before {background-color: #8ebced;}

.visual-slide-wrap .slide .slide-top .txt-wrap .title 
{padding: 2rem 0 5rem; font-size: 7rem; line-height: 1.2; letter-spacing: -0.18rem; font-family: 'SandollSamlipHobbangBasic';}
.visual-slide-wrap .slide.slide01 .slide-top .txt-wrap .title {color: #449113;}
.visual-slide-wrap .slide.slide02 .slide-top .txt-wrap .title {color: var(--sub-color);}
.visual-slide-wrap .slide.slide03 .slide-top .txt-wrap .title {color: #0944af;}

.scroll-down-wrap 
{position: relative; cursor: pointer;}
.scroll-down-wrap .txt-bg 
{padding: 1.5rem; border-radius: 50%; animation: spin 8s linear infinite;}
.slide01 .scroll-down-wrap .txt-bg {background-color: var(--sub-color2);}
.slide02 .scroll-down-wrap .txt-bg {background-color: var(--sub-color);}
.slide03 .scroll-down-wrap .txt-bg {background-color: var(--main-color);}

.scroll-down-wrap .arrow 
{position: absolute; top: 45%; left: 45%; animation: float 3s ease-in-out infinite;}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(10px); }
}

/* main-notice-con */
.main-title 
{font-size: 4.6rem; font-weight: 700; color: #000; letter-spacing: -0.12rem;}

.main-notice-con
{background-color: #e1f2ff;}
.noice-con
{background-color: #fff; border-radius: 0 0 20rem 0;}
.noice-wrap 
{padding: 10rem 0; display: flex; gap: 6rem;}

.noice-wrap .noti-top-wrap 
{padding-bottom: 3.5rem; display: flex; justify-content: space-between;}
.noice-wrap .notce-left
{width: 100%;}
.noice-wrap .notce-left .noti-top-wrap .notice-tap-btn-wrap 
{display: flex; align-items: center;  gap: 4rem;}
.noice-wrap .notce-left .noti-top-wrap .notice-tap-btn-wrap .btn-con 
{display: flex; gap: 4rem;}
.noice-wrap .notce-left .noti-top-wrap .notice-tap-btn-wrap .btn-con .btn 
{position: relative; padding-right: 1rem; font-size: 2rem; color: #383838; cursor: pointer; transition: all 0.3s ease;}
.noice-wrap .notce-left .noti-top-wrap .notice-tap-btn-wrap .btn-con .btn:hover
{font-size: 2.4rem; color: #000; font-weight: 600;}
.noice-wrap .notce-left .noti-top-wrap .notice-tap-btn-wrap .btn-con .btn::before
{opacity: 0; content: ""; position: absolute; top: -0.5rem; right: 0; width: 6px; height: 6px; background-color: #63b62f; border-radius: 2rem;}
.noice-wrap .notce-left .noti-top-wrap .notice-tap-btn-wrap .btn-con .btn:hover::before
{opacity: 1;}

.noice-wrap .notce-left .noti-top-wrap .notice-tap-btn-wrap .btn-con .btn.active
{font-size: 2.4rem; color: #000; font-weight: 600;}
.noice-wrap .notce-left .noti-top-wrap .notice-tap-btn-wrap .btn-con .btn.active::before
{opacity: 1;}

.more-btn 
{transition: all 0.3s ease;}
.more-btn:hover
{transform: rotate(90deg);}

/* notice 탭 디자인 */
.noice-wrap .notce-left .notice-box-wrap
{display: flex; flex-flow: column; gap: 1.2rem;}
.noice-wrap .notce-left .notice-box-wrap .item a
{display: flex; align-items: center; justify-content: space-between; gap: 10.5rem; padding: 2.2rem 4rem 2.2rem 3rem; background-color: #fff; border: 1px solid #d4d4d4; border-radius: 1rem; box-shadow: 1rem 1rem 1rem #ebebeb;}
.noice-wrap .notce-left .notice-box-wrap .item a .kboard-default-cut-strings
{position: relative; padding-left: 2rem; font-size: 2rem; font-weight: 600; width: 70rem;}
.noice-wrap .notce-left .notice-box-wrap .item a .kboard-default-cut-strings::before
{content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; background-color: #63b62f; border-radius: 2rem;} 
.noice-wrap .notce-left .notice-box-wrap .item a .kboard-latest-date
{font-size: 1.8rem; color: #383838; text-align: end;}




/* 팝업존 */
.noice-wrap .notce-right .noti-bottom-wrap
{border-radius: 3rem; box-shadow: 5px 5px 15px 0 #ddd; overflow: hidden;}
.noice-wrap .notce-right .noti-bottom-wrap .popup-slide-wrap
{position: relative; width: 36rem; background-color: #e1e1e1;}

#kboard-pure-gallery-list-popup .kboard-pure-gallery-list.main
{margin: 0;}
#kboard-pure-gallery-list-popup .kboard-pure-gallery-list.main .kboard-list-item
{margin: 0 !important;  padding: 0 !important; width: 100%;}
#kboard-pure-gallery-list-popup .kboard-pure-gallery-list.main .kboard-list-item a
{padding: 0; border: 0; box-shadow: 0;}
#kboard-pure-gallery-list-popup .kboard-pure-gallery-list.main .kboard-list-item .kboard-list-thumbnail
{margin: 0; height: 38.5rem !important;}

/* arrow */
.noice-wrap .notce-right .noti-bottom-wrap .popup-slide-wrap .popup-slide-btn
{position: absolute; bottom: 2rem; right: 3rem; padding: 0.5rem; display: flex; align-items: center; background-color: #fff; border-radius: 2rem;}
.noice-wrap .notce-right .noti-bottom-wrap .popup-slide-wrap .popup-slide-btn i
{font-size: 1.6rem; color: #383838; font-weight: 600;}
.noice-wrap .notce-right .noti-bottom-wrap .popup-slide-wrap .popup-slide-btn .fa-pause,.noice-wrap .notce-right .noti-bottom-wrap .popup-slide-wrap .popup-slide-btn .fa-play 
{font-size: 1.4rem !important;}
.noice-wrap .notce-right .noti-bottom-wrap .popup-slide-wrap .popup-slide-btn .popup-arrow
{position: relative; padding: 0.5rem 1rem; cursor: pointer; z-index: 2;}
.noice-wrap .notce-right .noti-bottom-wrap .popup-slide-wrap .popup-slide-btn .popup-arrow.play-wrap
{position: relative; border-right: 1px solid #dedede; border-left: 1px solid #dedede;}
.noice-wrap .notce-right .noti-bottom-wrap .popup-slide-wrap .popup-slide-btn .popup-arrow::before
{opacity: 0; transition: all 0.2s; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; height: 100%; background-color: #eee; border-radius: 1rem; z-index: -1;}
.noice-wrap .notce-right .noti-bottom-wrap .popup-slide-wrap .popup-slide-btn .popup-arrow:hover::before
{opacity: 1;}

/* main-calender-con */
.main-detail 
{font-size: 2rem; font-weight: 800; color: var(--main-color);}
.main-title-wrap
{padding: 2.5rem 0 6rem; display: flex; justify-content: space-between; align-items: flex-end;}

.calender-wrap
{background-color: #e1f2ff; border-radius: 20rem 0 0 0;}
.calender-con
{position: relative; padding: 10rem 0;}
.calender-con::before
{content: ""; position: absolute; right: -15rem; bottom: 9rem; width: 42.9rem; height: 42.2rem; background: url(/wp-content/uploads/2025/10/calender-after.png) no-repeat center / contain; z-index: 1;}

/* kboard-pure-gallery-latest */
#kboard-pure-gallery-list-gym.kboard-pure-gallery-latest .kboard-pure-gallery-list.main .kboard-list-item
{margin: 0; margin-right: 4rem; padding: 0;}
#kboard-pure-gallery-list-gym.kboard-pure-gallery-latest .kboard-pure-gallery-list.main .slick-list
{margin-right: -2rem;}
#kboard-pure-gallery-list-gym.kboard-pure-gallery-latest .kboard-pure-gallery-list.main .kboard-list-item a
{padding: 0; border: 0; border-radius: 0;}
#kboard-pure-gallery-list-gym.kboard-pure-gallery-latest .kboard-pure-gallery-list.main .kboard-list-thumbnail
{border-radius: 1rem; box-shadow: 2px 2px 15px 0px #00000020;}
#kboard-pure-gallery-list-gym.kboard-pure-gallery-latest .kboard-pure-gallery-list.main .kboard-list-thumbnail
{margin-bottom: 3rem; height: 32rem !important;}
.main-gal-slide-titie-wrap
{display: flex; gap: 1rem;}
#kboard-pure-gallery-list-gym.kboard-pure-gallery-latest .kboard-pure-gallery-list.main .kboard-pure-gallery-cut-strings
{font-size: 2rem; font-weight: 600; letter-spacing: -0.14rem;}


/* 메인 캘린더 */
.main-calendar-flex-con
{position: relative; z-index: 2; display:flex; flex-flow: row wrap; justify-content:space-between;}
.main-calendar-left-con 
{width: 64rem;}
.main-calendar-right-con 
{width: 72rem;}
/* 캘린더 날짜 */
#kboard-cross-calendar-latest .kboard-header 
{margin-bottom: 1.5rem;}
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form
{position: relative;}
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form form 
{display:flex; justify-content:center; align-items: center; gap: 1rem;}
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form button
{padding: 0; border:none; color:#000;}
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form .schedule-info-detail
{position: absolute; top: 50%; transform: translateY(-50%); right: 3rem; font-size: 1.6rem; font-weight: 700; color: #383838;}
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form .schedule-info-detail .point
{display: inline-block; margin-right: 1rem; margin-bottom: 0.2rem; width: 6px; height: 6px; border-radius: 2rem; background-color: var(--sub-color);}
/* 달력 화살표 */
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form button:focus,
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form button:hover
{border:none; background:transparent;}
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form button i
{font-size: 1.4rem; color: #383838;}
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form .kboard-year-wrap .kboard-search-year,
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form .kboard-year-wrap .kboard-search-month,
#kboard-cross-calendar-latest .kboard-header .kboard-year-wrap .kboard-search-year-unit
{font-size: 3.2rem; font-weight: 700; color: #000 !important;  display: inline-block !important; margin: 0 !important; padding: 0 !important; width: auto !important; background: none !important; border: 0 !important; cursor: pointer; appearance: none;}
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form .kboard-year-wrap .kboard-search-year option,
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form .kboard-year-wrap .kboard-search-month option
{font-size: 1.8rem; display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important;}
#kboard-cross-calendar-latest .kboard-header .kboard-year-wrap .kboard-search-year-unit
{position: relative; left: -0.3rem;}

/* 캘린더 기본형 */
#kboard-cross-calendar-latest .main-calendar-wrap
{height: 100%;}
#kboard-cross-calendar-latest .calendar-box-con 
{height: 100%; padding: 4rem 4rem 3rem; border-radius: 3rem; background: #f6f7ff;}
#kboard-cross-calendar-latest .kboard-calendar-table
{border: 0;}
#kboard-cross-calendar-latest .kboard-calendar-table thead
{border-bottom: 1px solid #b2b2b2;}
#kboard-cross-calendar-latest .kboard-calendar-table tr th,
#kboard-cross-calendar-latest .kboard-calendar-table tr td 
{padding:0; border:none; background:transparent; text-align:center;}
#kboard-cross-calendar-latest .calendar-box-con table tr.kboard-week-title th span 
{padding: 2rem 0; font-size: 1.4rem; font-weight: 700; color:#383838;}
#kboard-cross-calendar-latest .calendar-box-con table tr.kboard-week-title th.calendar-column-sunday span
{color: #e80000;}
#kboard-cross-calendar-latest .kboard-calendar-table tr td .calendar-icon-day 
{position: relative; display:inline-block; padding: 1.6rem 1rem; width:100%; height:100%;}
#kboard-cross-calendar-latest .kboard-calendar-table tr td a 
{position:relative; font-size:1.4rem; font-weight:500}
#kboard-cross-calendar-latest .kboard-calendar-table .calendar-column-pre-next-day a 
{color:#afafaf;}
#kboard-cross-calendar-latest .kboard-calendar-table .calendar-column-day a 
{color:#383838;}
#kboard-cross-calendar-latest .kboard-calendar-table .calendar-column-saturday a 
{color:#383838;}
#kboard-cross-calendar-latest .kboard-calendar-table .calendar-column-sunday a
{color:#e80000;}

#kboard-cross-calendar-latest .kboard-calendar-table tr td
{position: relative;}
#kboard-cross-calendar-latest .kboard-calendar-table .calendar-event-con 
{position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); display: flex; gap: 2px; justify-content: center;}
/* 제목을 포인트로 변경 */
#kboard-cross-calendar-latest .kboard-calendar-table .calendar-event
{width: 5px; height: 5px;}
#kboard-cross-calendar-latest .kboard-calendar-table .calendar-event > a
{display: inline-block; width: 100%; height: 100%; background-color: var(--sub-color); border-radius: 2rem;}
#kboard-cross-calendar-latest .kboard-calendar-table .calendar-event>a .calendar-event-time
{display: none;}
#kboard-cross-calendar-latest .kboard-calendar-table .calendar-event>a .calendar-event-name
{opacity: 0; display: inline-block; width: 5px; height: 5px; font-size: 2rem;}
#kboard-cross-calendar-latest .kboard-calendar-table tr td.calendar-column-today .calendar-icon-day:before 
{position:absolute; content:''; width:2.2rem; height:2.2rem; background:var(--main-color); border-radius:50%; left:50%; top:50%; transform:translate(-50%, -50%);}
#kboard-cross-calendar-latest .kboard-calendar-table tr td.calendar-column-today a
{color:#fff;}

/* 캘린더 리스트형 */
/* 제목 */
#kboard-cross-calendar-latest .list-calendar-row 
{display:flex; gap: 1rem; align-items: center; width:100%;}
#kboard-cross-calendar-latest .list-calendar-row .date-box 
{width: 6rem; height: 6rem; display:flex; gap: 0.5rem; flex-direction:column; align-items: center; justify-content:center; background-color: #fff; border-radius: 1rem;}
#kboard-cross-calendar-latest .list-calendar-row .date-box.active *
{color: #e80000;}
#kboard-cross-calendar-latest .list-calendar-row .date-box b
{font-size:2rem; color:#383838; transition:all 0.3s ease;}
#kboard-cross-calendar-latest .list-calendar-row .date-box span
{font-size:1.4rem; color:#383838;}
#kboard-cross-calendar-latest .list-calendar-row .list-calendar-tit 
{width:calc(100% - 6rem);line-height: 3; font-size:2rem; color:#383838; font-weight:500; display:inline-block; text-align:center; background-color: #fff; border-radius: 1rem; transition: all 0.3s ease;}

#kboard-cross-calendar-latest .kboard-calendar-list-con
{padding: 4rem 5rem; height: 100%; border: 1px solid #fff; background-color: #cee8fd; border-radius: 3rem;}
#kboard-cross-calendar-latest .kboard-calendar-list-con .kboard-header .kboard-search-day-form button i
{color: var(--main-color);}
#kboard-cross-calendar-latest #kboard-mobile-calendar-list 
{display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1.5rem;}

#kboard-cross-calendar-latest #kboard-mobile-calendar-list .kboard-mobile-calendar-event-list a
{ padding:0;}
#kboard-cross-calendar-latest #kboard-mobile-calendar-list .kboard-mobile-calendar-event-list:last-child a
{border:none;}
#kboard-cross-calendar-latest #kboard-mobile-calendar-list .kboard-mobile-calendar-event-list a:hover
{background:transparent;}
#kboard-cross-calendar-latest #kboard-mobile-calendar-list .kboard-mobile-calendar-event-list a:hover .list-calendar-row .date-box b
{color:var(--main-color)}
#kboard-cross-calendar-latest .kboard-mobile-calendar-event-list a:hover .list-calendar-row .list-calendar-tit
{font-weight:600}
#kboard-cross-calendar-latest #kboard-mobile-calendar-list .kboard-mobile-calendar-empty-event
{margin-bottom: 1rem; font-size: 2rem; font-weight: 600; color: #383838; background-color: #fff; border-radius: 1rem;}

#kboard-cross-calendar-latest .calendar-list-btn
{display: flex; justify-content: center;}
#kboard-cross-calendar-latest .calendar-list-btn a
{display: flex; justify-content: center; align-items: center; width: 4.4rem; height: 4.4rem; border-radius: 3rem; background-color: var(--main-color); transition: all 0.3s ease;}
#kboard-cross-calendar-latest .calendar-list-btn a:hover
{background-color: #383838;}
#kboard-cross-calendar-latest .calendar-list-btn a i
{color: #fff; font-size: 1.8rem;}


/* main-gallery-con */
.gallery-wrap
{padding: 10rem 0;}
.title-btn-wrap
{display: flex; gap: 1.5rem;}
.gallery-btn-wrap
{display: flex; gap: 5px;}
.gallery-btn-wrap .gallery-btn
{width: 4.4rem; height: 4.4rem; transition: all 0.3s ease; cursor: pointer;}
.gallery-btn-wrap .gallery-btn.prev { background: url(/wp-content/uploads/2025/09/gal-prev.png);}
.gallery-btn-wrap .gallery-btn.prev:hover {background: url(/wp-content/uploads/2025/09/gal-prev-hover.png);}
.gallery-btn-wrap .gallery-btn.next {background: url(/wp-content/uploads/2025/09/gal-next.png);}
.gallery-btn-wrap .gallery-btn.next:hover {background: url(/wp-content/uploads/2025/09/gal-next-hover.png);}

/* =====================
sub-page
===================== */
/* 인사말 */
.greeting-con 
{position: relative; display:flex; gap: 7rem;}
.greeting-con::before
{content: ""; position: absolute; top: 52%; left: 50%; transform: translate(-50%, -50%); width: 40rem; height: 40rem; background: url(/wp-content/uploads/2025/09/callender-after.png) no-repeat center / contain; opacity: 0.4; z-index: -1;}
.greeting-txt-con 
{display: flex; flex-direction: column; gap: 4rem;}
.greeting-txt-con h2 
{font-size: 2.8rem; color:#222; font-weight: 700; line-height: 2;}
.greeting-txt-con h3
{font-size: 2.1rem; color:var(--main-color); font-weight: 700; margin-bottom: 4rem;}
.greeting-txt-con p
{font-size: 1.9rem; font-weight: 500; letter-spacing: -0.06rem; line-height: 1.6; margin-bottom: 1rem; color:#555;}
.greeting-img-con 
{position: relative;}
.greeting-img-con .sign
{padding-top: 1rem; font-size: 1.6rem; text-align: end; line-height: 1.3;}
.greeting-img-con .img
{position: relative;}
.greeting-img-con .img img
{min-width: 12.8rem;}
.greeting-img-con .img::before
{content: ""; position: absolute; top: -10rem; left: -10rem; width: 20rem; height: 20rem; border-radius: 50%; border: 4rem solid #eee; z-index: -1;}

/* 설립목적 및 구성 */
.purpose-wrap .purpose-box-wrap
{display: flex; justify-content: space-between;}
.purpose-wrap .purpose-box-wrap .purpose-box
{padding: 4rem; width: 32%; border-radius: 2rem; background-color: #efefef;}
.purpose-wrap .purpose-box-wrap .purpose-box .title
{position: relative; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 2px solid #fff; font-size: 3.2rem; font-weight: 700;}

.purpose-wrap .purpose-box-wrap .purpose-box .detail-box p
{font-size: 1.8rem; line-height: 1.6; font-weight: 500; color: #4d4d4d;}
.purpose-wrap .purpose-box-wrap .purpose-box .detail-box p.point
{display: inline-block; width: 100%; padding: 4rem 2rem; text-align: center; margin-top: 3rem; font-size: 2rem; color: #fff; border-radius: 1rem; background-color: var(--main-color);}
.purpose-wrap .purpose-box-wrap .purpose-box .detail-box .list-wrap li
{position: relative; padding-left: 1.5rem; font-size: 1.8rem; line-height: 1.7; font-weight: 500; color: #4d4d4d;}
.purpose-wrap .purpose-box-wrap .purpose-box .detail-box .list-wrap li::before
{content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 2rem; background-color: var(--sub-color);}

/* 연혁 */
.history-con 
{position: relative; margin-top: 6.6rem; padding-bottom: 24rem;}
.history-con .sub-tab-con 
{padding-bottom: 15rem;}
.history-con .sub-tab-con:last-child 
{padding-bottom: 0;}
.history-percent-bar 
{position: absolute; top: 4rem; left: 28%; border-radius: 2px;width: 0.5rem; height: calc(100% - 25rem); background: rgba(0, 0, 0, 0.06);}
.history-percent-bar .percent-bar-child 
{position: absolute; content: ""; width: 100%; height: 0; border-radius: 2px; background-color: var(--main-color); z-index: 1;}
.percent-bar-child .point 
{display: flex; align-items: center; justify-content: center; position: absolute; bottom: -5rem; left: calc(50% - 3rem); content: ""; z-index: 10; width: 6rem; height: 6rem; border-radius: 4.4rem; background-color: var(--main-color); box-shadow: 0.5rem 0.5rem 2.5rem rgba(172, 0, 33, 0.1);}
.percent-bar-child .point i 
{font-size: 2rem; color: #fff;}
.history-year-group-box 
{position: relative;display: flex; padding-bottom: 11.8rem;}
.history-year-group-box:last-of-type 
{padding-bottom: 0;}
.history-year-group-box .history-year-group-tit-box 
{width: 40%; text-align: left;}
.history-year-group-box .history-year-group-tit 
{font-size: 8rem; font-weight: 700; color: #000; transition: all 0.3s;}
.history-year-group-box .history-year-group-tit.active 
{color: var(--main-color);}
.history-year-group-box.active .history-year-group-tit 
{color: var(--main-color);}
.history-year-group-box .history-year-list-box 
{width: 60%; padding-top: 3rem;}
.history-year-group-box .history-year-item 
{display: flex; justify-content: space-between; margin-bottom: 5rem;}
.history-year-group-box .history-year-item:last-of-type 
{margin-bottom: 0;}
.history-year-group-box .history-year-item .history-year
{display: block; padding-right: 4rem; font-size: 3.4rem; font-weight: 700; color: #000; line-height: 1.1;}
.history-year-group-box .history-year-item .history-month-box
{width: calc(100% - 15rem);}
.history-year-group-box .history-year-item .history-month-item 
{display: flex;margin-bottom: 0.5rem;}
.history-year-group-box .history-year-item .history-month-item:last-child
{margin-bottom: 0;}
.history-year-group-box .history-year-item .history-month-item .history-month 
{ width: 5rem; font-size: 1.8rem; line-height: 1.7em; font-weight: 600; letter-spacing: -0.015em; color: #9e9e9e;}
.history-year-group-box .history-year-item .history-month-item .history-detail-txt-con
{width: calc(100% - 4.5rem);}
.history-year-group-box .history-year-item .history-month-item .history-detail-txt 
{position: relative; font-size: 1.8rem; font-family: 'pretandard'; font-weight: 500; line-height: 1.7; color: var(--txt-color); padding-left: 1.2rem;}
.history-year-group-box .history-year-item .history-month-item .history-detail-txt::before 
{position: absolute; content: ""; top: 1.4295rem; left: 0; width: 5px; height: 2px; background-color: #000;}

/* 오시는 길 */
.map-wrap iframe
{overflow: hidden; border-radius: 3rem; border: 1px solid #ddd;}

.map-wrap .info-con 
{margin-top: 6rem; display: flex; flex-flow: row wrap;}
.map-wrap .info-con .title-wrap 
{width: 35%;}
.map-wrap .info-con .title-wrap .title 
{font-size: 5rem; font-weight: 800;}

.map-wrap .info-con .info-wrap 
{width: 65%; display: flex; flex-flow: row wrap; gap: 3rem 4rem;}
.map-wrap .info-con .info-wrap .detail-box
{display: flex; align-items: center; gap: 2rem;}
.map-wrap .info-con .info-wrap .detail-box .detail-name 
{font-size: 2.4rem; font-weight: 700;}
.map-wrap .info-con .info-wrap .detail-box .detail-name i 
{font-size: 1.8rem; color: var(--main-color); padding-right: 3rem; padding-bottom: 0.5rem; vertical-align: middle;}
.map-wrap .info-con .info-wrap .detail-box .detail-value 
{font-size: 1.8rem; font-weight: 500; color: #727272;}

.map-wrap .info-con .info-wrap .detail-box.map-detail
{width: 100%;}
.map-wrap .info-con .info-wrap .detail-box.map-detail .detail-name
{font-size: 3rem; font-weight: 700;}
.map-wrap .info-con .info-wrap .detail-box.map-detail .detail-name i
{font-size: 2.4rem;}
.map-wrap .info-con .info-wrap .detail-box.map-detail .detail-value
{font-size: 2.4rem; font-weight: 700; color: var(--txt-color);}

.map-con .traffic-con .traffic-wrap 
{display: flex; flex-flow: row wrap; gap: 2rem;}
.map-con .traffic-con .traffic-wrap .traffic-box 
{width: 100%; padding: 3rem; display: flex; align-items: center; background-color: #fff; border-radius: 2rem;}
.map-con .traffic-con .traffic-wrap .traffic-box .detail-name 
{display: inline-block; width: 10%; font-size: 2.4rem; font-weight: 700; line-height: 1.8;}
.map-con .traffic-con .traffic-wrap .traffic-box .detail-name i 
{font-size: 2rem; color: var(--main-color); padding-right: 3rem; padding-bottom: 0.5rem; vertical-align: middle; line-height: 1.8;}
.map-con .traffic-con .traffic-wrap .traffic-box .detail-value 
{font-size: 1.8rem; font-weight: 500; color: #727272; line-height: 1.8;}

/* 종목별 소개 */
.event-con .event-wrap
{display: flex;}
.event-con .event-wrap .img-wrap
{width: 45%; height: 100%; box-shadow: 0 0 10px #00000020; border-radius: 1rem; overflow: hidden;}
.event-con .event-wrap .event-info-con
{width: 55%; padding-left: 6rem;}
.event-con .event-wrap .img-wrap .img
{height: 40rem;}
.event-wrap .event-info-con .title-wrap
{display: flex; flex-direction: column; padding-bottom: 2rem; margin-bottom: 3rem; border-bottom: 1px solid #ddd;}
.event-wrap .event-info-con .title-wrap .club-con 
{display: flex; justify-content: flex-end; gap: 1rem; align-items: center;}
.event-wrap .event-info-con .title-wrap .club-con .club-wrap 
{display: flex; align-items: center; background-color: #eee; border-radius: 2rem; overflow: hidden;}
.event-wrap .event-info-con .title-wrap .club-con .club-wrap .detail-name 
{width: 8rem; padding: 1rem 0; font-size: 1.6rem; text-align: center; font-weight: 600; color: #fff; background-color: var(--sub-color2); border-radius: 2rem;}
.event-wrap .event-info-con .title-wrap .club-con .club-wrap .detail-value 
{padding: 0 1.5rem; font-size: 1.6rem; font-weight: 500;}

.event-wrap .event-info-con .event-info-tit 
{font-size:3.2rem; font-weight: 800;}
.event-wrap .event-info-con .event-info 
{display: flex; flex-direction: column; gap: 1rem;}
.event-wrap .event-info-con .event-info dl
{display: flex; align-items: stretch; gap: 2rem; background-color: #fff; border-radius: 5px; border: 1px solid #ddd; overflow: hidden;}
.event-wrap .event-info-con .event-info .detail-name
{display: flex; justify-content: center; align-items: center; width: 20%; padding: 1rem; font-size: 1.8rem; color: #fff; font-weight: 600; background-color: var(--main-color);}
.event-wrap .event-info-con .event-info .detail-value
{display: flex; flex-flow: row wrap; align-items: center; font-size: 1.8rem; color: #444; font-weight: 500;}
.event-wrap .event-info-con .event-info .detail-value p,.event-wrap .event-info-con .event-info .detail-value p a
{font-size: 1.8rem; color: #444; font-weight: 500; font-size: 1.8rem;}
.event-wrap .event-info-con .event-info .detail-value p a:hover
{border-bottom: 1px solid var(--main-color); color: var(--main-color);}

/* 설명박스 */
.event-detail-wrap 
{margin: 6rem 0; padding: 4rem; background:#f0f3f5;  border-radius: 1rem;}
.event-detail-wrap .detail-tit-con 
{margin-bottom: 2rem;}
.event-detail-wrap .detail-tit-con h4 
{position: relative; padding-left: 3rem; font-size: 2.3rem; color:#222; font-weight: 700;}
.event-detail-wrap .detail-tit-con h4:before 
{content:'\f5ad'; position: absolute; left:0; top: 50%; transform: translateY(-50%); font-size: 2rem; color: var(--main-color); font-family: "Font Awesome 7 Free"}
.event-detail-wrap .detail-txt-con p 
{font-size:1.7rem; font-weight: 400; color: #333; line-height: 1.8;}

/* 조직현황 */
/* 탭버튼 + 섹션 */
/* .sub-menu02 .sub-menu-list ul li.active
{background-color: var(--main-color);}
.sub-menu02 .sub-menu-list ul li.active a
{color: #fff;}
.sub-tab-sec 
{display: none;}
.sub-tab-sec.active
{display: block;} */

/* 참고 */
.organization-chart-con
{width:100%; text-align:center; margin-bottom:5rem; background:#f4f4f4; padding:8rem; border-radius:15px; border:1px solid #eee;}
.organization-chart-con .info-box 
{ margin-bottom:3rem;}
.organization-chart-con .info-box span
{background:var(--sub-color); padding:1rem 5rem; font-size:1.8rem; color:#fff; display:inline-block;}
.organization-chart-con .detail-txt 
{margin-bottom:3rem; font-size:2rem; font-weight:500; color:#000; text-decoration:underline;}
.organization-chart
{position:relative;}
.organization-chart .depth1 a
{ width:20rem; text-align:center; background:var(--main-color); display:inline-block; padding:2rem 0; font-size:2rem; color:#fff;}
.organization-chart .depth1 a:before
{content:''; position:absolute; width:1px; height:79%; bottom: 1rem; background:#ddd; left:50%;}
.organization-chart .depth1 a b
{color: #fff;}

.organization-chart .depth1-5
{position:absolute; width:50%; right:0; z-index:0;}
.organization-chart .half-organ-con 
{display:flex; flex-direction:column; position:relative; padding-left:30rem; margin-top:-3rem;}
.organization-chart .half-organ-con:before 
{content:''; position:absolute; width:30rem; height:1px; background:#ddd; left:0; top:50%;}
.organization-chart .half-organ-con:after 
{content:''; width:1px; height:100%; background:#ddd; position:absolute; left:30rem;}
.organization-chart .half-organ-con span 
{padding-left:10rem; position:relative; text-align:left; top:-28px;}
.organization-chart .half-organ-con span:before
{content:''; position:absolute; left:0; width:10rem; background:#ddd; height:1px; top:50%;}
.organization-chart .half-organ-con span a 
{font-size:1.5rem; background:var(--sub-color); padding:2rem 5rem; display:inline-block; color:#fff;}
.organization-chart .half-organ-con span a:hover 
{color:#fff;}
.organization-chart .half-organ-con span:nth-child(2)
{top:28px;}

.organization-chart .depth2
{padding-top:5rem; display:flex; justify-content:space-around; padding-bottom:3rem; position:relative;}
.organization-chart .depth2 a:after 
{content: ''; position: absolute; width: 1px; height: 3rem; background: #ddd; left: 50%; bottom: -3.2rem;}
.organization-chart .depth2 a
{position:relative; width:18rem; display:inline-block; padding:2rem; text-align:center; border:2px solid var(--main-color); font-size:1.8rem; color:#000; font-weight:500; border-radius:50px; background:#fff;}
.organization-chart .depth3 
{position:relative; padding-top:8rem; display:flex; justify-content:space-between; text-align:center;}
.organization-chart .depth3::before 
{content:''; position:absolute; width:82%; left:9%; height:1px; top:0; background:#ddd;}
.organization-chart .depth3 a
{display:inline-block; background:#333; width:18%; color:#fff; font-size:1.7rem; padding:2rem 0; position:relative;}
.organization-chart .depth3 a:before 
{content:''; position:absolute; width:1px; height:8rem; background:#ddd; top:-8rem; left:50%;}
.organization-chart-con.chart2 .organization-chart .depth2 a:before 
{content:''; position:absolute; height:85%; width:1px; background:#ddd; top:-90%; left:50%;}
.organization-chart-con.chart2 .organization-chart .depth2 a:after 
{display:none;}

/* 협회인원 */
.chart-detail
{margin-bottom:3rem;}
.chart-detail-con 
{border:1px solid #ddd; background:#f9f9f9; border-radius:15px;}
.chart-detail-con .box-tit
{text-align:center;}
.chart-detail-con .box-tit b
{min-width:20rem; display:inline-block; background:var(--sub-color); padding:1.5rem; font-size:1.8rem; color:#fff; font-weight:600; border-radius: 0 0 10px 10px;}
.organ-detail-list 
{display:flex; flex-wrap:wrap; padding:5rem; margin:0 -1%;}
.organ-detail-list li 
{display:flex; flex-wrap: wrap; width:31.333%; margin:0 1% 3%; align-items:center; background:#fff; border:1px solid #eee; border-radius:10px; overflow:hidden; box-shadow:3px 3px 13px #00000008}
.organ-detail-list .img-con 
{width:32%; height: 100%;}
.organ-detail-list .img-con img
{object-fit: cover;}
.organ-detail-list .txt-con 
{width:68%; padding:2.5rem 2rem;}
.organ-detail-list.exercise li
{width: 18%;}

.organ-detail-list .txt-con .tit h4
{font-size:2.2rem; color:#000; font-weight:700;}
.organ-detail-list .txt-con .txt
{margin-top:2rem; display: flex; flex-direction: column; gap: 1rem;}
.organ-detail-list .txt-con .txt dl
{display:flex; flex-wrap:wrap; gap: 1rem;}
.organ-detail-list .txt-con .txt dt
{position: relative; width: 6rem; font-size:1.6rem; color:#333; font-weight:600;}
.organ-detail-list .txt-con .txt dt::before
{content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); height: 100%; width: 2px; background-color: #e3e3e3;}
.organ-detail-list .txt-con .txt dd
{width:calc(100% - 7rem); font-size:1.6rem; color:#555; line-height: 1.2;}

.organ-detail-list .txt-con:only-child 
{width:100%;}
.organ-detail-list .txt-con:only-child .tit
{text-align:center;}