/*
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.5.1767919897
Updated: 2026-01-09 00:51:37

*/
/* main-vis-con */
.main-visual-con
{position: relative;}
.visual-wrap
{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 10;}
/* 내용 */
.vis-top-con .vis-txt-wrap .vis-detail 
{font-size: 4rem; color: #fff; font-weight: 300; letter-spacing: -0.01rem; text-align: center; font-family: "GyeonggiMillenniumTitle", sans-serif;}
.vis-top-con .vis-txt-wrap .vis-title
{padding-top: 1.5rem; font-size: 6rem; color: #fff; letter-spacing: -0.01rem; text-align: center; font-family: "GyeonggiMillenniumTitle", sans-serif;}
/* 페이징 */
.vis-top-con .paging-wrap 
{margin: 6rem 0 9rem; display: flex; align-items: center;}
/* 화살표 */
.vis-top-con .paging-wrap .arrow-wrap 
{display: flex; align-items: center;}
.vis-top-con .paging-wrap .arrow-wrap .arrow 
{font-size: 3rem; color: #fff; font-family: "xeicon"; cursor: pointer; transition: all 0.3s ease;}
.vis-top-con .paging-wrap .arrow-wrap .arrow:hover
{opacity: .5;}
.vis-top-con .paging-wrap .arrow-wrap .pause-wrap
{position: relative;}
.vis-top-con .paging-wrap .arrow-wrap .pau.vis-quick-wrap .btn-namese-wrap .arrow
{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/* 게이지 */
.vis-top-con .paging-wrap .paging-bar-con 
{margin: 0 1rem;}
.vis-top-con .paging-wrap .paging-bar-con .fill-bar
{position: relative; display: inline-block; width: 38rem; height: 2px; background-color: #818181;}
.vis-top-con .paging-wrap .paging-bar-con .fill-bar .bar 
{display: inline-block; width: 0; height: 4px; background-color: var(--point-color); border-radius: 1rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.vis-top-con .paging-wrap .paging-bar-con .fill-bar .bar.active
{width: 100%; transition: width 3s linear;}
/* 페이지번호 */
.vis-top-con .paging-wrap .number-con 
{padding: 0.8rem 1.4rem; display: flex; gap: 0.5rem; font-size: 1.4rem; font-weight: 300; align-items: center; color: #fff; font-family: "GyeonggiMillenniumTitle", sans-serif; background: #ffffff40; border-radius: 2rem;}
.vis-top-con .paging-wrap .number-con span 
{font-family: "GyeonggiMillenniumTitle", sans-serif;}
/* 바로가기 */
.vis-quick-wrap 
{padding: 1.5rem 6.5rem; width: 100%; background-color: #fff; border-radius: 5rem; display: flex; justify-content: space-around; align-items: center;}
.vis-quick-wrap a
{display: flex; align-items: center; gap: 2rem; transition: all 0.3s ease;}
.vis-quick-wrap a *
{transition: all 0.3s ease;}
/* 아이콘 */
.vis-quick-wrap a .icon
{width: 7rem; height: 7rem; position: relative; border-radius: 5rem; background-color: #e3e3e3; box-shadow: 3px 2px 8px 0rem #0000002b;}
.vis-quick-wrap a .icon img
{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.vis-quick-wrap a .icon img.img-hover
{opacity: 0; transition: all 0.3 ease;}
.vis-quick-wrap a:hover {transform: translateX(2rem);}
.vis-quick-wrap a:hover .icon .img-normal {opacity: 0;}
.vis-quick-wrap a:hover .icon .img-hover {opacity: 1;}
/* 이름 */
.vis-quick-wrap .btn-name
{font-size: 2rem; font-weight: 300; font-family: "GyeonggiMillenniumTitle", sans-serif; transition: all 0.3s ease;}
.vis-quick-wrap a:hover .btn-name
{color: var(--main-color); font-weight: 400;}
/* 스크롤다운 */
.main-visual-con .scroll-wrap 
{bottom: 5rem; text-align: center;}
.scroll-wrap p 
{padding-bottom: 2rem; font-size: 1.8rem; font-weight: 300; color: #fff; letter-spacing: 0.1rem; font-family: "GyeonggiMillenniumTitle", sans-serif;}

/* main-notice-con */
.notice-wrap 
{padding: 12rem 0;}
.noti-con 
{display: flex; justify-content: space-between; gap: 4rem;}
.noti-con .btn-box
{padding: 5rem; width: 50%; border-radius: 3rem;}
.noti-con .btn-box.left-con
{background-color: var(--sub-color);}
.noti-con .btn-box.right-con
{background-color: var(--main-color);}

.noti-con .btn-box .title-wrap
{padding-bottom: 1rem; padding-left: 2rem; display: flex; align-items: center; justify-content: space-between;}
.noti-con .btn-box .title-wrap .title
{font-size: 3.8rem; font-weight: 600; color: #000; letter-spacing: 0; font-family: "GyeonggiMillenniumTitle", sans-serif;}
.noti-con .btn-box.right-con .title-wrap .title
{color: #fff;}

.noti-con .btn-box .main-btn
{padding: 0; transition: all 0.3s ease;}
.noti-con .btn-box .main-btn *
{transition: all 0.3s ease;}
.noti-con .btn-box .main-btn a
{display: flex; gap: 1.5rem; padding: 1.5rem 2rem;}
.noti-con .btn-box.left-con .main-btn, 
.noti-con .btn-box.left-con .main-btn p,
.noti-con .btn-box.left-con .main-btn i
{border-color: #000; color: #000;}

.noti-con .btn-box .noti-list-wrap .list-wrap .item a
{padding: 2.5rem 2rem; border-bottom: 1px solid #8d9fb6; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease;}
.noti-con .btn-box .noti-list-wrap .list-wrap .item a .title
{font-size: 2rem; font-weight: 600; color: #000; transition: all 0.3s ease;}
.noti-con .btn-box .noti-list-wrap .list-wrap .item a .date
{font-size: 1.6rem; font-weight: 400; color: #000; transition: all 0.3s ease;}
.noti-con .btn-box.right-con .noti-list-wrap .list-wrap .item a .title,
.noti-con .btn-box.right-con .noti-list-wrap .list-wrap .item a .date
{color: #fff;}

.noti-con .btn-box .noti-list-wrap .list-wrap .item a:hover
{transform: translateX(2rem);}
.noti-con .btn-box .noti-list-wrap .list-wrap .item a:hover .title,
.noti-con .btn-box .noti-list-wrap .list-wrap .item a:hover .date
{color: var(--point-color);}
.noti-con .btn-box .main-btn:hover
{background-color: #fff; border-color: var(--main-color);}
.noti-con .btn-box .main-btn:hover p,.noti-con .btn-box .main-btn:hover i
{color: var(--main-color);}

/* main-quick-con */
.main-gallery-con
{padding: 12rem 0; position: relative; background: url("/wp-content/uploads/2026/01/m-gal-bg.jpg") fixed center;}
.gallery-wrap .gal-top-wrap
{padding-bottom: 6rem; display: flex; justify-content: space-between; align-items: end;}
.gallery-wrap .gal-top-wrap .main-title-wrap
{padding-bottom: 0; text-align: left;}
.gallery-wrap .gal-top-wrap .main-title-wrap .detail,.gallery-wrap .gal-top-wrap .main-title-wrap .title
{color: #fff;}
.gallery-wrap .main-btn
{padding: 0; transition: all 0.3s ease;}
.gallery-wrap .main-btn *
{transition: all 0.3s ease;}
.gallery-wrap .main-btn a
{display: flex; gap: 1.5rem; padding: 1.5rem 2rem;}
.gallery-wrap .main-btn:hover
{background-color: #fff;}
.gallery-wrap .main-btn:hover p,.gallery-wrap .main-btn:hover i
{color: var(--main-color);}

/* main-quick-con */
.quick-wrap
{padding: 12rem 0;}
.qui-con 
{display: flex; justify-content: space-between; gap: 4rem;}
.qui-con .btn-box
{width: 50%; border-radius: 3rem;}
.qui-con .btn-box *
{position: relative; z-index: 3; transition: all 0.3s ease;}
.qui-con .btn-box a
{padding: 9.5rem 7rem; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%;}
.qui-con .btn-box a .btn-name
{font-size: 3.8rem; font-weight: 600; color: #fff; font-family: "GyeonggiMillenniumTitle", sans-serif;}
.qui-con .btn-box
{position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden;}
.qui-con .btn-box.left-con 
{background-image: url("/wp-content/uploads/2026/01/m-qui-left.jpg");}
.qui-con .btn-box.right-con 
{background-image: url("/wp-content/uploads/2026/01/m-qui-right.jpg");}
.qui-con .btn-box::before
{content: ""; position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0.6; background-color: #000; transition: all 0.3s ease; z-index: 1;}
.qui-con .btn-box::after 
{content: ""; position: absolute; inset: 0; background: linear-gradient(to right, var(--main-color), transparent); transform: scaleX(0); transform-origin: left; transition: all 0.3s ease; z-index: 2;}
.qui-con .btn-box:hover::after 
{transform: scaleX(1);}
.qui-con .btn-box:hover a .main-btn
{background-color: #fff;}
.qui-con .btn-box:hover a .main-btn p,.qui-con .btn-box:hover a .main-btn i
{color: var(--main-color);}

/* *****************************
sub
********************************/
/* 인사말 */
.greeting-con 
{display:flex;}
.greeting-txt-con 
{width: 57%; margin: 2% 5% 0 0;}
.greeting-txt-con h3
{margin:2rem 0 3rem; font-size: 3rem; line-height: 1.4; font-weight: 700; letter-spacing: -0.12rem;}
.greeting-txt-con p
{margin-bottom: 1.6rem; font-size: 1.9rem; line-height: 1.6; letter-spacing: -0.12rem; color:#555;}
.greeting-txt-con p:nth-last-of-type(1)
{margin-top: 5rem; font-weight: 600; color: #222;}
.greeting-txt-con p .accent
{font-size: 2rem; line-height: 1.4; margin-bottom: 1.5rem; color:#333; font-weight: 700;}
.greeting-img-con 
{position: relative;}
.greeting-img-con::before
{content: ''; position: absolute; right: -2rem; bottom: -2rem; width: 100%; height: 100%; background: var(--main-color); z-index: -1; }
.greeting-img-con::after
{content: ''; position: absolute; right: -2rem; bottom: -2rem;  left: -2rem; top: -2rem; width: 100%; height: 100%;  border: 1.5px solid var(--main-color); z-index: 2; }
.greeting-img-con img 
{width: 100%; height: 100%; background: #000; object-fit: cover;}

/* 임원현황 */
.organ-con .tab-wrap
{margin: 12rem 0;}
.organ-con .tab-wrap li
{display: inline-block; padding: 1.5rem 2rem; font-size: 1.8rem; text-align: center; font-weight: 600; border-radius: 3rem; transition: all 0.3s ease; cursor: pointer;}
.organ-con .tab-wrap li.active
{color: #fff; background-color: var(--point-color);}

.organ-con .list-wrap
{text-align: center;}

/* 찾아오시는길 */
.location-con .root_daum_roughmap 
{width: 100% !important;}
.location-con .cont 
{display: none;}.organ-con .tab-wrap li
.location-con .location-wrap 
{padding: 4rem; border: 1px solid #d4dfe4;}
.location-con .location-wrap .adress-top
{padding: 4rem 0; text-align: center;}
.location-con .location-wrap .adress-top .adress
{padding-bottom: 1rem; font-size: 3rem; font-weight: 800; letter-spacing: -0.16rem; line-height: 1.6;}
.location-con .location-wrap .adress-top .tel-wrap
{display: flex; gap: 2rem; justify-content: center; align-items: center;}
.location-con .location-wrap .adress-top .tel-wrap li
{font-size: 2rem; font-weight: 600; letter-spacing: -0.14rem; line-height: 1.6; color: #555;}
.location-con .location-wrap .adress-bottom .traffic-wrap
{display: flex; justify-content: space-between; align-items: stretch;}
.location-con .location-wrap .adress-bottom .traffic-wrap li
{padding: 4rem; display: flex; gap: 2rem; width: 100%; background-color: #eff8fd; border-right: 2px dotted #d4dfe4;}
.location-con .location-wrap .adress-bottom .traffic-wrap li:nth-last-of-type(1)
{border-right: 0;}
.location-con .location-wrap .adress-bottom .traffic-wrap li i
{font-size: 4rem; color: var(--main-color);}
.location-con .location-wrap .adress-bottom .traffic-wrap li .title-wrap .title 
{padding-bottom: 1rem; font-size: 2.4rem; font-weight: 800;}
.location-con .location-wrap .adress-bottom .traffic-wrap li .title-wrap .detail 
{font-size: 1.7rem; color: #444; font-weight: 500; line-height: 1.8; letter-spacing: -0.14rem; font-family: 'pretandard';}
.location-con .location-wrap .adress-bottom .traffic-wrap li .title-wrap .detail span
{padding: 0.2rem 0.5rem; margin-right: 0.5rem; color: #fff; font-weight: 700; border-radius: 0.5rem;}
.orange {background-color: var(--point-color);}
.blue {background-color: var(--main-color);}

/* 연혁 */
.history-con 
{position: relative; margin-top: 6.6rem; padding-bottom: 24rem;}
.history-con .sub-tab-con 
{padding-bottom: 12rem;}
.history-con .sub-tab-con:last-child 
{padding-bottom: 0;}
.history-percent-bar 
{position: absolute; top: 0; 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% - 2.5rem); content: ""; z-index: 10; width: 5rem; height: 5rem; 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%;}
.history-year-group-box .history-year-item 
{padding: 4rem 0; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ccc;}
.history-year-group-box .history-year-item:nth-of-type(1)
{border-top: 1px solid #ccc;}
.history-year-group-box .history-year-item .history-year
{display: block; 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% - 13rem);}
.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: var(--main-color);}


/* 종목별 소개 */
.event-con .event-wrap
{display: flex;}
.event-con .event-wrap .img-wrap
{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: 0.5rem; 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(--point-color); border-radius: 0.5rem;}
.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:#eef2f9; 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: 800;}
.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: 500; color: #444; line-height: 1.8;}