/*
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.1764648731
Updated: 2025-12-02 04:12:11

*/

/* main-visual-con */
.visual-wrap 
{position: relative;}
.visual-wrap::before
{content: ""; position: absolute; right: 0; bottom: -5rem; width: calc(100% - 21rem); height: calc(100% - 21rem); background-color: var(--main-color);}
.vis-layer-top-wrap 
{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; display: flex; flex-direction: column; align-items: center; justify-content: center;}

.vis-title-wrap 
{text-align: center;}
.vis-title-wrap .detail 
{position: relative; padding-bottom: 3rem; font-size: 4.5rem; font-weight: 700; color: #fff;}
.vis-title-wrap .detail::before
{content: ""; position: absolute; top: -2.5rem; left: -2rem; width: 4.8rem; height: 4.7rem; background: url(/wp-content/uploads/2025/12/vis-tit-before.png) no-repeat center / contain;}
.vis-title-wrap .title 
{position: relative; display: inline-block; font-size: 5rem; color: #fff; font-weight: 800; z-index: 2;}
.vis-title-wrap .title::before
{content: ""; position: absolute; bottom: -0.5rem; left: 50%; transform: translateX(-50%); width: 105%; height: 55%; background-color: var(--main-color); z-index: -1;}

.vis-bottom-con 
{position: absolute; left: 0; bottom: 8rem; width: 100%;}
.vis-bottom-wrap 
{display: flex; justify-content: space-between;}

.vis-paging-wrap 
{display: flex; align-items: center; gap: 3.5rem;}
.vis-paging-wrap .vis-arrow 
{filter: brightness(0) invert(1); transition: all 0.3s ease; cursor: pointer;}
.vis-paging-wrap .vis-arrow:hover
{filter: none;}

.vis-count-wrap 
{position: relative; width: 5rem; height: 5rem;}
.vis-count-wrap span 
{position: absolute; font-size: 2.4rem; color: #fff; font-weight: 700; font-family: "NanumSquareNeo", sans-serif;}
.vis-count-wrap .current 
{ top: 0; left: 0;}
.vis-count-wrap .total 
{bottom: 0; right: 0;}
.vis-count-wrap .line 
{left: 50%; top: -5px; width: 1px; height: 6rem; background-color: #fff; transform: rotate(45deg);}

.vis-scroll-wrap 
{display: flex; align-items: center; gap: 1rem;}
.vis-scroll-wrap .detail 
{font-size: 1.4rem; color: var(--main-color); font-weight: 500;}
.vis-scroll-wrap .mouse 
{display: flex; justify-content: center; padding: 8px; width: 3rem; height: 5.5rem; border-radius: 2rem; border: 2px solid var(--main-color);}
.vis-scroll-wrap .mouse .wheel 
{display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: var(--main-color); animation: wheelMove 1.5s ease infinite;}

@keyframes wheelMove {
  0% {transform: translateY(0); opacity: 1;}
  100% {transform: translateY(2rem); opacity: 0;}
}

/* main-notice-con */
.notice-wrap 
{padding: 17rem 0 12rem;}
.title-wrap 
{padding-bottom: 3.5rem; display: flex; justify-content: space-between;}
.title-wrap .title-right-wrap 
{display: flex; gap: 5rem; align-items: center;}
.title-wrap .title-right-wrap .tab-btn-wrap 
{display: flex; gap: 5rem}
.title-wrap .title-right-wrap .tab-btn-wrap .btn 
{position: relative; font-size: 2rem; font-weight: 800; color: #707070; transition: all 0.3s ease; cursor: pointer;}
.title-wrap .title-right-wrap .tab-btn-wrap .btn::before
{content: ""; position: absolute; top: 50%; right: -40%; transform: translateY(-50%); width: 5px; height: 5px; background-color: #d9d9d9; border-radius: 1rem;}
.title-wrap .title-right-wrap .tab-btn-wrap .btn:nth-last-of-type(1):before
{display: none;}
.title-wrap .title-right-wrap .tab-btn-wrap .btn.active
{color: var(--txt-color);}

.notice-wrap .more {filter: grayscale(100%) brightness(0);}
.notice-wrap .more:hover {filter: grayscale(0);}

.notice-wrap .notice-content-wrap .notice-content 
{border-top: 2px solid #000;}
.notice-wrap .notice-box-wrap
{display: flex; flex-flow: row wrap; justify-content: space-between;}

/* 앞 2개 */
#kboard-default-latest .full-item 
{width: 50%; border-bottom: 1px solid #cccccc;}
#kboard-default-latest .full-item .box
{display: block; padding: 6rem 4rem 6rem 0; transition: all 0.3s ease;}
#kboard-default-latest .full-item .box:hover
{transform: translateX(2rem);}
#kboard-default-latest .full-item:nth-of-type(2) .box
{padding-left: 4.5rem;}
#kboard-default-latest .full-item .title
{margin-bottom: 3rem; font-size: 2.2rem; font-weight: 700; -webkit-line-clamp: 1; transition: all 0.3s ease;}
#kboard-default-latest .full-item:hover .title
{color: var(--main-color);}
#kboard-default-latest .full-item .detail-box .detail
{font-size: 1.8rem; color: #4c4c4c; line-height: 1.5;}
#kboard-default-latest .full-item .kboard-latest-date
{display: inline-block; padding-top: 3rem; font-size: 1.8rem; color: #a6a6a6;}

#kboard-default-latest .notice-box-wrap li .kboard-default-new-notify 
{color: var(--main-color);}

/* 나머지 4개 */
#kboard-default-latest .simple-item 
{width: 50%; border-bottom: 1px solid #cccccc;}

#kboard-default-latest .simple-item:nth-of-type(3) .box,
#kboard-default-latest .simple-item:nth-of-type(5) .box
{padding-right: 4.5rem; position: relative;}

#kboard-default-latest .simple-item:nth-of-type(3) .box::before,
#kboard-default-latest .simple-item:nth-of-type(5) .box::before
{content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 2rem; background-color: #ccc;}

#kboard-default-latest .simple-item:nth-of-type(4) .box,
#kboard-default-latest .simple-item:nth-of-type(6) .box
{padding-left: 4.5rem;}

#kboard-default-latest .simple-item .box
{padding: 3.5rem 0; display: flex; justify-content: space-between; transition: all 0.3s ease;}
#kboard-default-latest .simple-item .title
{position: relative; font-size: 1.8rem; color: #262626; font-weight: 700; -webkit-line-clamp: 1; z-index: 2;}
#kboard-default-latest .simple-item .kboard-latest-date
{font-size: 1.8rem; color: #a6a6a6;}

#kboard-default-latest .simple-item .kboard-latest-title
{position: relative;}
#kboard-default-latest .simple-item .kboard-latest-title::before
{content: ""; position: absolute; bottom: -3px; left: 0; width: 0%; height: 70%; background-color: var(--main-color); opacity: 0.3; z-index: -1; transition: all 0.3s ease;}
#kboard-default-latest .simple-item:hover .kboard-latest-title::before
{width: 100%;}

/* main-gallery-con */
.main-gallery-con
{padding: 12rem 0; background: url(/wp-content/uploads/2025/12/main-gal-bg.jpg) no-repeat fixed right / cover;}
.gallery-wrap .main-title
{color: #fff;}

.main-gallery-slide
{position: relative;}
.main-gallery-slide .gal-arrow-wrap
{display: flex; justify-content: space-between; position: absolute; width: 110%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main-gallery-slide .gal-arrow-wrap .gal-arrow i
{font-size: 4.5rem; opacity: 0.5; transition: all 0.3s ease; cursor: pointer;}
.main-gallery-slide .gal-arrow-wrap .gal-arrow i:hover
{color: var(--main-color); opacity: 1;}

.main-gallery-slide .kboard-list-item
{padding: 0 !important; margin: 0 3rem 0 0 !important; border-radius: 1rem; overflow: hidden; transition: all 0.3s ease;}
#kboard-pure-gallery-list-gym .main-gallery-slide .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail
{height: 32.5rem !important;}
.main-gallery-slide .kboard-list-item .main-gal-slide-titie-wrap
{padding: 3rem;}
#kboard-pure-gallery-list-gym .main-gallery-slide .kboard-pure-gallery-list .kboard-list-item a
{position: relative; background-color: #fff;}
#kboard-pure-gallery-list-gym .main-gallery-slide .kboard-pure-gallery-list .kboard-list-item a::before
{opacity: 0; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; border: 8px solid; border-image: linear-gradient(to right, #c1fdc9, #57f5a1, #57f5a1) 1; transition: all 0.3s ease;}
#kboard-pure-gallery-list-gym .main-gallery-slide .kboard-pure-gallery-list .kboard-list-item a:hover::before
{opacity: 1;}
.main-gallery-slide .kboard-list-item .kboard-pure-gallery-cut-strings
{font-size: 1.8rem; color: #191919; -webkit-line-clamp: 1;}

/* main-quick-con */
.quick-wrap 
{padding: 12rem 0; display: flex; justify-content: space-between;}
.quick-wrap .qui-left
{padding-top: 10rem;}
.quick-wrap .main-title
{padding-bottom: 5rem;}
.quick-wrap .detail
{font-size: 1.8rem; font-weight: 700; color: #4c4c4c; line-height: 1.7;}
.quick-wrap .qui-right .qui-btn-wrap
{display: flex; justify-content: space-between; gap: 3rem;}
.quick-wrap .qui-right .qui-btn-wrap .qui-btn
{position: relative; width: 100%; height: 40rem; border-radius: 1rem; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat;}
.quick-wrap .qui-right .qui-btn-wrap .qui-btn::before
{opacity: 0; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--main-color); z-index: 0; transition: 0.3s ease;}
.quick-wrap .qui-right .qui-btn-wrap .qui-btn *
{position: relative; z-index: 1; transition: all 0.3s ease;}
.quick-wrap .qui-right .qui-btn-wrap .qui-btn a
{display: flex; flex-direction: column; width: 100%; height: 100%; padding: 7rem 6rem; align-items: center; text-align: center; justify-content: flex-end;}
.quick-wrap .qui-right .qui-btn-wrap .qui-btn a .icon i
{font-size: 5rem; color: #fff;}
.quick-wrap .qui-right .qui-btn-wrap .qui-btn a .btn-name
{padding-top: 3rem; font-size: 2.4rem; font-weight: 600; color: #fff;}
.quick-wrap .qui-right .qui-btn-wrap .qui-btn a .line
{width: 1px; background-color: #fff;}
.quick-wrap .qui-right .qui-btn-wrap .qui-btn a .detail
{font-size: 1.8rem; font-weight: 400; color: #fff; white-space: nowrap;}

.quick-wrap .qui-right .qui-btn-wrap .qui-btn a .hidden
{display: inline-block; height: 0; opacity: 0;}
.quick-wrap .qui-right .qui-btn-wrap .qui-btn:hover::before {opacity: 0.7;}
.quick-wrap .qui-right .qui-btn-wrap .qui-btn:hover a .hidden {height: auto; opacity: 1;}
.quick-wrap .qui-right .qui-btn-wrap .qui-btn:hover a .line {height: 3rem; margin: 3rem 0;}

/* ------------------sub-page------------------------------ */

/* 인사말 */
.sub-content.greeting .sub-title h2 ,.sub-content.greeting .sub-title h2 .point
{line-height: 1.3em; letter-spacing: -0.24rem; font-weight: 800; font-family: 'pretandard';}
.sub-content.greeting .sub-title h2 .point
{color: var(--sub-color);}
.sub-content.greeting .sub-con
{position: relative;}
.sub-content.greeting .sub-con::before
{content: ""; position: absolute; top: 15%; left: 0; width: 100%; height: 95%; background-color: #f2f2f2; z-index: -1;} 
.sub-content.greeting .sub-con::after
{content: ""; position: absolute; top: 63%; left: 50%; transform: translate(-50%,-50%); width: 50rem; height: 30rem; z-index: 0; background: url(/wp-content/uploads/2025/11/html-bg.png) no-repeat center / cover;}
.greeting-wrap
{position: relative; z-index: 2;}
.greeting-img-con 
{position: relative; text-align: center; padding-bottom: 7rem;}
.greeting-img-con .banner
{position: relative; padding: 10rem 2rem; width: 100%;}
.greeting-img-con .banner::before
{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/wp-content/uploads/2025/12/banner.jpg) no-repeat fixed right / cover;}
.greeting-img-con .banner h3
{font-size: 3rem; font-weight: 800; color: #fff; padding-bottom: 2rem;}
.greeting-img-con .banner p
{font-size: 1.8rem; color: #fff;}

.greeting-txt-con h2 
{font-size: 2.8rem; color:#222; font-weight: 700; line-height: 2;}
.greeting-txt-con h3
{margin-bottom: 2rem; font-size: 3rem; color:#101010; letter-spacing: -0.055em; line-height: 1.4em; font-weight: 800;}
.greeting-txt-con p
{padding-top: 3rem; font-size: 2rem; color: #222; font-weight: 500; letter-spacing: -0.055em; line-height: 1.6;}
.greeting-txt-con p:nth-last-child(1)
{margin-top: 1rem; font-weight: bold; line-height: 1.4;}

/* 설립목적 및 구성 */
.purpose-wrap .title-wrap 
{display: block; padding-bottom: 2rem; margin-bottom: 2.5rem; border-bottom: 1px solid #ddd;}
.purpose-wrap .title-wrap i
{padding-right: 3rem; color: var(--sub-color); font-size: 3rem; object-position: center;}
.purpose-wrap .title-wrap .title 
{display: inline-block; font-size: 3rem; font-weight: 700;}
.purpose-wrap .detail-wrap .detail
{font-size: 1.8rem; color: #444; letter-spacing: -0.14rem; line-height: 1.6; font-family: 'pretandard';}
.purpose-wrap .detail-wrap .detail-box-wrap
{display: flex; justify-content: space-between; border: 1px solid #d4dfe4; border-radius: 1rem; overflow: hidden;}
.purpose-wrap .detail-wrap .detail-box-wrap .box 
{width: 100%; display: flex; flex-direction: column;}
.purpose-wrap .detail-wrap .detail-box-wrap .box .title 
{padding: 2rem; font-size: 2rem; color: #fff; letter-spacing: -0.14rem; line-height: 1.4; text-align: center; background-color: #004806; }
.purpose-wrap .detail-wrap .detail-box-wrap .box:nth-child(even) .title
{background-color: #4b7e16;}
.purpose-wrap .detail-wrap .detail-box-wrap .box .box-de-detail-wrap
{padding: 2rem; height: 100%; background-color: #fff;}
.purpose-wrap .detail-wrap .detail-box-wrap .box:nth-child(even) .box-de-detail-wrap 
{background-color: #f6fff0;}
.purpose-wrap .detail-wrap .detail-box-wrap .box .box-de-detail-wrap li 
{position: relative; padding-left: 1rem; font-size: 1.7rem; letter-spacing: -0.12rem; font-weight: 400; color: #444; line-height: 1.6; font-family: 'pretandard';}
.purpose-wrap .detail-wrap .detail-box-wrap .box .box-de-detail-wrap li::before
{content: ""; position: absolute; top: 1.35rem; left: 0; width: 5px; height: 2px; background-color: #888;}
.purpose-wrap .txt-box
{margin-top: 2rem;}
.purpose-wrap .txt-box p 
{font-size: 1.7rem; font-weight: 500; letter-spacing: -0.15rem;}

/* 연혁 */
.history-con .history-tab-wrap 
{padding-bottom: 10rem;}
.history-con .history-tab 
{display: flex; justify-content: center; border-bottom: 1px solid #ddd;}
.history-con .history-tab .btn 
{position: relative; padding: 2rem 3rem; font-size: 2.4rem; font-weight: 600; color: #b3b3b3; letter-spacing: -0.06rem; cursor: pointer; transition: all 0.3s ease;}
.history-con .history-tab .btn.active
{font-weight: 700; color: var(--txt-color);}
.history-con .history-tab .btn.active::before
{content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: #000;}

.his-page-wrap .his-top-con 
{position: relative; height: 10rem; overflow: hidden;}
.his-page-wrap .his-top-con .detail 
{position: absolute; bottom: -1rem; left: 50%; transform: translateX(-50%); font-size: 10rem; text-align: center; color: #ebebeb; font-weight: 900; letter-spacing: -0.5rem; font-family: "NanumSquareNeo", sans-serif; font-style: italic; }
.his-page-wrap .his-list 
{padding: 5rem; display: flex; border-top: 1px solid #eaebec;}
.his-page-wrap .his-list .year 
{width: 20%; font-size: 3.2rem; font-weight: 800;}
.his-page-wrap .his-list .con ul li 
{position: relative; padding-left: 2rem; line-height: 1.5; font-size: 1.8rem; color: #656565;}
.his-page-wrap .his-list .con ul li::before
{content: ""; position: absolute; top: 1.1rem; left: 0; width: 5px; height: 5px; border-radius: 50%; background-color: #444;}
.his-page-wrap .his-list .con ul li:not(:first-child)
{margin-top: 1rem;}
.his-page-wrap .his-list .con ul li .month 
{display: inline-block; width: 3rem;}

/* 찾아오시는길 */
.location-con .root_daum_roughmap 
{width: 100% !important;}
.location-con .cont 
{display: none;}
.location-con .location-wrap 
{padding: 4rem; border: 1px solid #d4dfe4;}
.location-con .location-wrap .adress-top
{padding-bottom: 4rem; 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: #effae9; 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: #267f00;}
.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.6; letter-spacing: -0.14rem; font-family: 'pretandard';}
.adress-bottom .title-wrap
{display: block; padding-bottom: 0;}

/* 종목별 소개 */
.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(--sub-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(--sub-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:#f0f5f3;  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;}

/* 관련사이트 */
.site-con .site-sec-title
{position: relative;}
.site-con .site-sec-title::before
{content: ""; position: absolute; top: 0; left: 0; width: 5rem; border: 1px solid;}
.site-con .site-sec-title h3 
{padding-top: 2rem; margin-bottom: 2rem; font-size: 3.2rem; font-weight: 800; font-family: "GmarketSans";}

.site-wrap 
{display: flex; flex-direction: column; gap: 1rem;}
.site-wrap .site-box 
{display: flex; align-items: center; justify-content: space-between; padding: 4rem; border: 1px solid #ddd; border-radius: 1rem;}
.site-wrap .site-box .site-left 
{display: flex; gap: 3rem;}
.site-wrap .site-box .site-left .img 
{width: 24rem; height: 6rem;}
.site-wrap .site-box .site-left .detail-wrap .title 
{padding-bottom: 1rem; font-size: 2rem; font-weight: 700;}
.site-wrap .site-box .site-left .detail-wrap .detail 
{font-size: 1.6rem; font-weight: 500; color: #787878; letter-spacing: -0.04rem;}

.site-wrap .site-box .site-right a 
{font-size: 1.5rem; color: #666; display: inline-block; padding: 1rem; border: 1px solid #ddd; border-radius: 5px; transition: all 0.3s ease;}
.site-wrap .site-box .site-right a i 
{font-size: 1.5rem; color: #666;}
.site-wrap .site-box .site-right a:hover
{background-color: var(--main-color); color: #fff;}
.site-wrap .site-box .site-right a:hover i
{color: #fff;}

/* 조직현황 */
.organ-con .organ-tab-wrap 
{padding-bottom: 10rem;}
.organ-con .organ-tab
{display: flex; justify-content: center; border-bottom: 1px solid #ddd;}
.organ-con .organ-tab .btn
{position: relative; padding: 2rem 3rem; font-size: 2.4rem; font-weight: 500; color: #b3b3b3; letter-spacing: -0.06rem; cursor: pointer; transition: all 0.3s ease;}
.organ-con .organ-tab .btn.active 
{font-weight: 600; color: var(--txt-color);}
.organ-con .organ-tab .btn.active::before
{content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: #000;}
.organ-page .organ-top-con
{position: relative; height: 10rem; overflow: hidden;}
.organ-page .organ-top-con .detail 
{position: absolute; bottom: -0.8rem; left: 50%; transform: translateX(-50%); font-size: 10rem; text-align: center; color: #ebebeb; font-weight: 600; letter-spacing: -0.5rem; font-family: "GmarketSans"; font-style: italic;}

/* 조직 및 기구 */
.organ-wrap .organ-img
{padding: 5rem 0; text-align: center; border-top: 1px solid #eaebec;}

/* 임원현황 */
.org-sec
{margin-bottom: 8rem; border-top: 1px solid #eaebec; border-radius: 2rem 0 0 0;}
.org-sec .title-wrap
{padding: 1rem; margin-bottom: 3rem; display: inline-block; background-color: var(--main-color);}
.org-sec .title-wrap .title
{font-size: 2.4rem; font-weight: 800; color: #fff;;}

.org-list-con .list-wrap 
{display: flex; flex-flow: row wrap; gap: 3rem 2rem;}
.org-list-con .list-wrap .list 
{display: flex; width: 32%; border-radius: 1rem; box-shadow: 0 0 5px #c4cbcf; background-color: #fff; overflow: hidden;}
.org-list-con .list-wrap .list .img 
{width: 40%; height: 100%; display: flex; align-items: center;}

.org-list-con .list-wrap .list .txt 
{width: 75%; padding: 3rem 2rem 2rem;}
.org-list-con .list-wrap .list .txt .name
{padding-bottom: 1rem; margin-bottom: 1rem; font-size: 1.8rem; font-weight: 800; border-bottom: 1px solid #e9e9e9;}
.org-list-con .list-wrap .list .txt .detail-wrap 
{display: flex; flex-direction: column; gap: 0.8rem;}
.org-list-con .list-wrap .list .txt .detail-wrap .detail-name 
{display: inline-block; padding: 0.5rem; margin-right: 0.5rem; width: 5rem; min-width: 5rem; text-align: center; color: #474747; background-color: #e3f2e3; border-radius: 5px;}
.org-list-con .list-wrap .list .txt .detail-wrap .detail-value 
{display: flex; font-size: 1.4rem; color: #5a5a5a; font-weight: 500; line-height: 1.4; letter-spacing: -0.04rem;}

.staff .org-list-con .list-wrap .list
{width: 49%;}
.staff .org-list-con .list-wrap .list .img
{width: 30%;}
.staff .org-list-con .list-wrap .list .txt
{padding: 3rem 2rem;}
.staff .org-list-con .list-wrap .list .txt .name
{padding-bottom: 1.5rem; margin-bottom: 1.5rem;}

/* form */
.inquiry-con-write-box .form-table tr th
{width: 20rem;}
.inquiry-con-write-box .form-table input,.inquiry-con-write-box .form-table textarea
{max-height: 15rem; font-size: 1.6rem; border: 1px solid #ccc;}
.inquiry-con-write-box .form-table .time-wrap p
{display: flex; gap: 1rem;}
.inquiry-con-write-box .wpcf7-not-valid-tip 
{text-align: left; font-size: 1.3rem;}
.inquiry-con-write-box .point 
{color: #f00;}

.inquiry-con-write-box .file-wrap
{text-align: left;}
.inquiry-con-write-box .file-wrap input
{width: 100%; padding: 0.5rem;}

/* 우편번호 설정 */
.inquiry-con-write-box .adress-con p 
{text-align: left;}
.inquiry-con-write-box .adress-con .adress-field-wrap
{display: flex;}
.inquiry-con-write-box .adress-con .adress-field-wrap br
{display: none;}
#sample4_postcode 
{width:16rem; margin-bottom: 1rem;}
#zipBtn 
{padding: .5rem 2rem; background-color: #333; color: #fff; font-weight: 500; border: 0; transition: all 0.3s ease; vertical-align: top;}
#zipBtn:hover 
{background-color: var(--sub-color);}
.address-fields .address-label:nth-last-of-type(1) 
{display: flex;}
.wpcf7-form-control-wrap[data-name="sample4_roadAddress"]
{display: block; width: 50%; margin-right: 1rem;}
.wpcf7-form-control-wrap[data-name="sample4_detailAddress"]
{display: block; width: 50%;}

/* 개인정보처리방침 */
.privacy-wrap h4 
{font-size: 2.4rem; font-weight: 800; padding: 4rem 0 2rem;}
.privacy-wrap textarea
{padding: 1.5rem; height: 15rem; font-size: 1.6rem; color: #636363; border: 1px solid #ccc;}
.privacy-wrap .wpcf7-form-control-wrap 
{font-size: 1.7rem; line-height: 2;}
.privacy-wrap .wpcf7-form-control-wrap .wpcf7-list-item
{margin-left: 0;}

.form-btm 
{text-align: center;}
.submit-btn 
{margin-top: 4rem; padding: 1.5rem 3rem; width: 18rem; font-size: 1.8rem; font-weight: bold; background-color: var(--main-color); color: #fff; border: 0;}
.submit-btn:hover
{background-color: var(--sub-color);}
.wpcf7-spinner 
{display: none;}
.wpcf7 form .wpcf7-response-output 
{font-size: 1.7rem;}

#guide {opacity: 0; display: none;}
.form-page-btn
{margin: 6rem 0; text-align: center;}
.form-page-btn a
{display: inline-block; padding: 2rem 4rem; font-size: 1.8rem; color: #fff; font-weight: 700; background-color: var(--main-color); border-radius: 1rem; transition: all 0.3s ease;}
.form-page-btn a:hover
{background-color: #222;}

/* 구청프로그램 - 외주개발 */
.page-numbers 
{padding: 0.5rem 1rem; font-size: 1.7rem; font-weight: 600; border-radius: 0.5rem; transition: all 0.3s ease;}
.page-numbers.current
{background-color: var(--main-color); color: #fff;}
.page-numbers:not(.current):hover
{border: 1px solid var(--sub-color); color: var(--main-color);}