/*
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.3.1748400942
Updated: 2025-05-28 02:55:42

*/

.main-title-con 
{display:flex; justify-content:space-between; align-items:center; margin-bottom:6rem;}
.main-title-con h2
{font-size:6rem; color:#000; font-weight:800;}
.main-title-con p
{font-size:2rem; color:#464646; font-weight:400;}

.main-title-con a
{display:inline-block; background:var(--main-color); padding:1.5rem 4rem 1.5rem 2rem; border-radius:50px; transition:all 0.3s ease;}
.main-title-con a span
{position:relative; font-size:1.2rem; color:#fff; font-weight:500;}
.main-title-con a span:after 
{content:''; position:absolute; width:0.5rem; height:0.5rem; background:#fff; border-radius:50%; right:-20px; bottom:50%; transform:translateY(50%); transition:all 0.3s ease;}
.main-title-con a:hover 
{background:#e3ae2e;}
.main-title-con a:hover span::after
{right:-15px;}

.main-notice-con 
{display:flex; flex-wrap:wrap;}
.main-notice-con .main-title-con
{width:32rem; flex-direction:column; align-items: start; padding:5rem 0;;}
.main-notice-con .main-title-con a
{margin-top:6rem;}
.main-notice-list 
{width:calc(100% - 32rem);}



.main-sport-con 
{display:flex; flex-wrap:wrap;}
.main-sport-con .main-sport-img 
{width:120rem; height:37rem;}
.main-sport-con .main-sport-img .bg
{width:100%; height:100%;}
.main-sport-con .main-title-con 
{width:calc(100% - 120rem); flex-direction:column; align-items:start; justify-content:space-between; padding:2rem 8rem;}
.main-sport-con .main-title-con p
{margin-top:4rem;}
.main-sport-con .main-title-con a
{margin-top:5rem;}

.main-banner-con 
{border-top:1px solid #adadad; padding:2rem 0;}
.main-banner-con .main-banner-list 
{display:flex; flex-wrap:wrap; justify-content:center;}
.main-banner-con .main-banner-list li
{width:20%; text-align:center;}

.footer-top-con
{border-bottom:1px solid #cecece}
.footer-top-con .f-relation-site
{display:flex; flex-wrap:wrap;}
.footer-top-con .f-relation-site .site-drop-down 
{width:25%; text-align:center; position:relative; border-left:1px solid #cecece; }
.footer-top-con .f-relation-site .site-drop-down:last-child 
{border-right:1px solid #cecece;}
.footer-top-con .f-relation-site .site-drop-down i
{position:absolute; font-size:2rem; color:#fff; right:90px; top:50%; transform:translateY(-50%);}
.footer-top-con .f-relation-site .site-drop-down select 
{background:transparent; color:#fff; font-size:2rem; text-align:center; font-weight:600; appearance: none; position:relative; padding:2rem; border:none;}
.footer-top-con .f-relation-site .site-drop-down select option
{color:#000;}
.footer-top-con .f-relation-site .site-drop-down select:focus
{border:none;}

.footer-bottom-con
{padding:3rem 0;}
.footer-bottom-con .f-bot-con 
{display:flex; flex-wrap:wrap; justify-content:space-between;}
.footer-bottom-con .f-bot-con .f-left-con h1 
{font-size:2rem; color:#fff; font-weight:700;}
.footer-bottom-con .f-bot-con .f-left-con .f-detail-con
{margin-top:1rem;}
.footer-bottom-con .f-bot-con .f-left-con .f-detail-con ul li span 
{font-size:1.6rem; color:#fff; font-weight:300; margin-right:3rem;}
.footer-bottom-con .f-bot-con .f-right-con
{text-align:right;}
.footer-bottom-con .f-bot-con .f-right-con .f-police-con a
{color:#c1c1c1; font-size:1.6rem; font-weight:400; display:inline-block; margin-left:3rem; border-bottom:0px solid #fff; transition:all 0.3s ease;}
.footer-bottom-con .f-bot-con .f-right-con .f-police-con a:hover 
{color:#fff; font-weight:500; border-bottom:1px solid #fff;}
.footer-bottom-con .f-bot-con .f-right-con .f-logo 
{background-image:url('/wp-content/uploads/2025/05/f_logo.png'); width:196px; height:48px; display:inline-block; margin-top:2rem;}

#subContent
{padding:10rem 0;}
.sub-title-con
{text-align:left;}

.sub-title-con h2
{font-size:4.8rem; color:#000; font-weight:700;}
.sub-title-con h6
{font-size:2.4rem; color:var(--sub-color); font-weight:500; margin-bottom:0.5rem;}


/* */
.greeting-top-con 
{margin-top:8rem;}
.greeting-top-con .greeting-inner 
{max-width:var(--sub-container); margin:0 auto;}
.greeting-top-con .greeting-top-wrap 
{display:flex; flex-wrap:wrap; align-items:center;}
.greeting-top-con .greeting-top-img-con
{min-width:10%; text-align:center;}
.greeting-top-con .greeting-top-img-con p
{font-size:1.6rem; text-align:right;}
.greeting-top-con .greeting-top-txt-con
{padding-left:2rem;}
.greeting-top-con .greeting-top-txt-con .tit
{margin-bottom:1rem;}
.greeting-top-con .greeting-top-txt-con .tit h3
{font-size:4rem; color:#000; font-weight:600;}
.greeting-top-con .greeting-top-txt-con .tit h4
{font-size:2.6rem; color:#121212; font-weight:300; margin-top:0.5rem;}
.greeting-top-con .greeting-top-txt-con .txt p
{font-size:2.4rem; color:#444;}
.greeting-bg-img 
{width:100%; height:45rem}
.greeting-con 
{margin:5rem 0;}
.greeting-txt-con h4
{text-align:center; font-size:3rem; color:var(--sub-color); font-weight:700;}
.greeting-txt-con .greeting-list-con 
{display:flex; flex-wrap:wrap; justify-content:center; margin-top:5rem; background:#f8f9fa; padding:5rem; border-radius:20px;}
.greeting-txt-con .greeting-list-con dl
{display:flex; margin:1rem; width:calc(25% - 2rem); flex-direction:column; justify-content:start; align-items:start; background:#fff; padding:5rem 3rem; text-align:center; border-radius:15px; box-shadow:0 7px 12px rgba(0, 0, 0, 0.03);}
.greeting-txt-con .greeting-list-con dl dt
{font-size:2rem; font-weight:600; color:var(--sub-color);; margin-bottom:2rem; width:100%;}
.greeting-txt-con .greeting-list-con dl dd
{font-size:2.4rem; color:#000; font-weight:600; width:100%;}
.ceo-txt-con 
{text-align:center; margin-top:2rem;}
.ceo-txt-con p
{font-size:1.9rem; color:#222; margin:1rem 0; display:flex; align-items: center; justify-content: center;}


/* 조직도 */
.sub-category-con ul 
{display:flex; justify-content:center;}
.sub-category-con ul li 
{width:16%; text-align:center; background:#f4f4f4; border-radius:10px; margin:0 1rem; cursor:pointer; transition:all 0.3s ease;}
.sub-category-con ul li span
{font-size:1.9rem; color:#000; padding:2rem 1rem; display:inline-block; transition:all 0.3s ease;}
.sub-category-con ul li.active
{background:var(--sub-color);}
.sub-category-con ul li.active span
{color:#fff;}
.sub-category-con ul li:hover 
{background:#3b8567}
.sub-category-con ul li:hover span
{color:#fff;}

.organ-con 
{display:flex; align-items:start; background:#f4f4f4; padding:10rem 8rem; border-radius:15px; border:1px solid #eee;}
.organ-con .organ-left-con 
{width:16%; background:#066d44; border-radius:15px; background:#fff; overflow:hidden; position:sticky; top:180px;}
.organ-con .organ-menu-list 
{display:flex; flex-direction:column;}
.organ-con .organ-menu-list li 
{padding:2rem 3rem; font-size:1.9rem; border-bottom:1px solid #ffffff30; color:#000; cursor:pointer; transition:all 0.3s ease; }
.organ-con .organ-menu-list li.active 
{background:var(--sub-color); color:#fff;}
.organ-con .organ-menu-list li:hover 
{background:#3b8567; color:#fff;}
.organ-con .organ-right-con 
{width:calc(100% - 16%); }


/* 조직도 */
.organization-chart-con
{max-width:1000px; margin:0 auto; text-align:center;}
.organization-chart-con .detail-txt 
{margin-bottom:2rem; 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; position:relative;}
.organization-chart .depth1 a:after
{content:''; position:absolute; width:1px; height:100%; bottom:-100%; background:#ddd; left:50%;}
.organization-chart .depth2
{padding-top:60px; display:flex; justify-content:space-around; padding-bottom:2rem; position:relative;}
.organization-chart .depth2:after 
{content:''; position:absolute; width:82%; height:1px; bottom:0; background:#ddd;}
.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 .depth2 a:after
{content:''; position:absolute; width:1px; height:3rem; background:#ddd; left:50%; bottom:-3.2rem;}
.organization-chart .depth2 a:last-child:before
{display:none;}
.organization-chart .depth2 a[href]:hover 
{}
.organization-chart .depth3 
{padding-top:8rem; display:flex; justify-content:space-between; text-align:center;}
.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-list-con
{margin-left:5rem;}
.organization-list-con .list-con 
{padding-bottom:5rem; margin-bottom:5rem; border-bottom:1px solid #dfdfdf;}
.organization-list-con .list-con:last-child 
{margin:0; padding:0;}
.organization-list-con .list-con .tit-con
{text-align:center; margin-bottom:5rem;}
.organization-list-con .list-con .tit-con h4
{font-size:3.6rem; color:#000; font-weight:700;}
.organization-list-con .list-con .list
{display:flex; flex-wrap:wrap; }
.organization-list-con .list-con .list li
{width:calc(100% / 7); font-size:1.7rem; display:flex; flex-direction:column; margin:1%; text-align:center; }
.organization-list-con .list-con .list li b
{display:inline-block; background:#303e61; padding:1rem 2rem; color:#fff; font-weight:400; text-align:center; border-radius:5px 5px 0 0;;}
.organization-list-con .list-con .list li span
{display:inline-block; padding:1rem 0; text-align:center; background:#fff;}

.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; padding:1rem; background:var(--sub-color); padding:1rem 3rem; font-size:1.6rem; color:#fff; font-weight:400; 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:30%; }
.organ-detail-list .txt-con 
{width:auto; padding:2rem;}
.organ-detail-list .txt-con .tit h4
{font-size:2.6rem; color:#000; font-weight:700;}
.organ-detail-list .txt-con .txt
{margin-top:2rem;}
.organ-detail-list .txt-con .txt dl
{display:flex; flex-wrap:wrap;}
.organ-detail-list .txt-con .txt dt
{width:7rem; padding:0 1rem; font-size:1.6rem; color:#222; font-weight:600;}
.organ-detail-list .txt-con .txt dd
{ width:calc(100% - 10rem); font-size:1.6rem; color:#444;}



/* 연혁 */
.history-top-con h2 
{font-size:4rem; color:#000; font-weight:600;}
.history-tab-menu-con 
{margin:3rem 0 10rem; border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.history-tab-menu-con ul 
{display:flex; justify-content: center;}
.history-tab-menu-con ul li
{width:100%; text-align:center; border-right:1px solid #ddd; padding:2.5rem 1rem; font-size:1.8rem; cursor:pointer; flex-grow:1;}
.history-tab-menu-con ul li:last-child 
{border:none;}
.history-tab-menu-con ul li:hover
{background:#f4f4f4;}
.history-tab-menu-con ul li.active
{background:var(--sub-color); color:#fff; font-weight:500;}

#cm_history_style_01 
{ margin:50px auto 0}
#cm_history_style_01 .history-wrap-con 
{display:flex; flex-wrap:wrap;}
#cm_history_style_01 .history-wrap-con .history-years-dep 
{width:30%;}
#cm_history_style_01 .history-wrap-con .history-years-dep h2
{font-size:3.8rem; font-weight:900; color:#000;}
#cm_history_style_01 .history-row-con
{width:70%;}
#cm_history_style_01 .history-row 
{display:flex}
#cm_history_style_01 .history-row .history-year
{width:25%;}
#cm_history_style_01 .history-row .history-year strong 
{font-size:36px; font-weight:700; color:#1b1b1b; line-height:1.3; margin-top:-10px; display:inline-block; font-family:'Montserrat'}
#cm_history_style_01 .history-row .history-detail 
{width:75%; position:relative; padding-bottom:90px;}
#cm_history_style_01 .history-row .history-detail:before 
{content:''; position:absolute; width:1px; height:100%; background:#ddd; left:0; top:6px;}
#cm_history_style_01 .history-row .history-detail .history-detail-row 
{display:flex; padding-left:8%; position:relative; line-height:1.3; margin-bottom:10px;}
#cm_history_style_01 .history-row .history-detail .history-detail-row:before 
{content:''; position:absolute; width:10px; height:10px; border-radius:50%; background:var(--main-color); left:-5px; top:7px;}
#cm_history_style_01 .history-row .history-detail .history-detail-row:after 
{background:var(--main-color); opacity:0.4; width:25px; height:25px; border-radius:50%; position:absolute; content:''; left:-12px; top:0px;}
#cm_history_style_01 .history-row .history-detail .history-month
{position:absolute; line-height:1.3; top:-3px;}
#cm_history_style_01 .history-row .history-detail .history-month span 
{font-size:21px; font-weight:700; color:#c5c5c5; font-family:'poppins'; line-height:1.3;}
#cm_history_style_01 .history-row .history-detail .history-txt
{margin-left:10%; width:100%; line-height:1.3;}
#cm_history_style_01 .history-row .history-detail .history-txt p 
{font-size:18px; font-weight:400; color:#4c4c4c; line-height:1.3; margin-bottom:15px; display:flex; align-items:center; position:relative; }
#cm_history_style_01 .history-row .history-detail .history-txt p b
{font-family:'Pretendard'; font-size:19px; font-weight: 600; line-height:1.3;  position:absolute; left:0; color:#bbb;}



/* 오시는 길 */
.location-con .cont, .location-con .map_border
{display:none;}
.location-con .map-con 
{border-radius:25px; overflow:hidden;}
.location-con .detail-con 
{margin:5rem 0;}
.location-con .detail-con .detail-tit 
{display:flex; align-items: center; justify-content:space-between; margin-bottom:2rem;}
.location-con .detail-con .detail-tit h4
{font-size:4rem; font-weight:700; color:#000;}
.location-con .detail-con .detail-tit a
{border-radius:50px; border:1px solid #ddd; padding:1.5rem 5rem; font-size:1.7rem; color:#222; transition:all 0.3s ease;}
.location-con .detail-con .detail-tit a:hover 
{background:var(--sub-color); color:#fff;}
.location-con .detail-con .detail-list 
{display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:1px solid #ddd; padding:0 0 2rem;}
.location-con .detail-con .detail-list dl 
{display:flex; width:50%; align-items:center; margin:1rem 0; flex-wrap:wrap;}
.location-con .detail-con .detail-list dl dt
{font-size:2rem; color:var(--sub-color); font-weight:700; width:10rem;}
.location-con .detail-con .detail-list dl dd
{font-size:2rem; color:#000; font-weight:300;}
.location-traffic-con h4 
{font-size:4rem; font-weight:600; color:#000; border-bottom:2px solid #000; padding:3rem 0;}
.location-traffic-con li 
{display:flex; align-items:center; padding:5rem 0; border-bottom:1px solid #ddd;}
.location-traffic-con .left-con 
{width:30%; text-align:center;}
.location-traffic-con .left-con i
{color:#469575; font-size:5rem;}

.location-traffic-con .left-con p
{font-size:2.6rem; color:#2e2e2e; font-weight:700; margin-top:1rem;}
.location-traffic-con .right-con dl
{margin:2rem 0;}
.location-traffic-con .right-con dl dt
{display:flex; flex-wrap:wrap; align-items:center;}
.location-traffic-con .right-con dl dt .line5 
{width:4rem; height:4rem; display:inline-block; background:#8936e0; border-radius:50%; font-size:2rem; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700;}
.location-traffic-con .right-con dl dt span
{font-size:2rem; padding-left:2rem; color:#333; font-weight:500;}
.location-traffic-con .right-con dl dd
{font-size:1.9rem; margin-top:1rem;}
.location-traffic-con .right-con .green
{background:#50a332; display:inline-block; margin-right:1rem; padding:0.5rem 1rem; color:#fff; font-size:1.4rem; border-radius:5px;}


/* 협회소개 */
.asso-list-con
{margin-top:5rem;}
.asso-menu-list ul 
{display:flex; flex-wrap:wrap;}
.asso-menu-list ul li
{width:calc(100% / 10); border:1px solid #ddd; margin:-0.5px; background:3fff;}
.asso-menu-list ul li a
{font-size:1.6rem; text-align:center; display:block; padding:1.5rem 1rem; color:#222;}
.asso-menu-list ul li.current-menu-item 
{background:var(--sub-color);}
.asso-menu-list ul li.current-menu-item a
{color:#fff;}
.asso-list-con .asso-notice-txt 
{margin-top:2rem; text-align:center; }
.asso-list-con .asso-notice-txt p
{font-size:1.8rem; color:#1b1b1b;}
.asso-list-con .asso-notice-txt p i
{color:red;}

.sports-info-box-con 
{background:#f4f4f4; padding:5rem;}
.sports-info-box-top 
{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.sports-info-box-top .tit h4
{font-size:4rem; font-weight:700; color:#000;}
.sports-info-box 
{display:flex; flex-wrap:wrap; margin-top:5rem;}
.sports-info-box .sports-img-con 
{width:40%; border-radius:10px; overflow:hidden;}
.sports-info-box .sports-assoc-detail-con 
{width:calc(100% - 40%); padding:3%;}
.sports-info-box .sports-assoc-detail-con .assoc-info 
{display:flex; flex-wrap:wrap; margin-bottom:3rem;}
.sports-info-box .sports-assoc-detail-con .assoc-info dl
{display:flex; align-items:center; margin:0 3rem 0 0rem; background:#fff; border-radius:50px;}
.sports-info-box .sports-assoc-detail-con .assoc-info dl dt
{min-width:12rem; background:var(--main-color); display:flex; align-items:center; justify-content:center; border-radius:50px; font-size:1.8rem; color:#fff; padding:0.5rem 2rem;}
.sports-info-box .sports-assoc-detail-con .assoc-info dl dd
{font-size:1.7rem; padding:0 5rem 0 2rem;}
.sports-info-box .sports-assoc-detail-con .assoc-detail 
{background:#fff; border-radius:10px; display:flex; flex-wrap:wrap; border:1px solid #ddd; overflow:hidden}
.sports-info-box .sports-assoc-detail-con .assoc-detail dl
{display:flex; flex-wrap:wrap; width:50%; align-items:center; flex-grow:1;}
.sports-info-box .sports-assoc-detail-con .assoc-detail dl dt
{font-size:1.8rem; font-weight:400; padding:2rem 2rem; color:#fff; width:10rem; text-align:center; position:relative; background:var(--sub-color);}
.sports-info-box .sports-assoc-detail-con .assoc-detail dl dd
{font-size:1.7rem; color:#000; padding:2rem; width:calc(100% - 10rem); border-bottom:1px solid #ddd; height:67px;}
.sports-info-box .sports-assoc-detail-con .assoc-detail dl:last-child  dd
{border:none;}
.sports-assoc-txt-con
{padding:5rem; background:#fff; margin-top:5rem;}
.sports-assoc-txt-con .assoc-txt p
{font-size:1.9rem; color:#444; margin:1rem 0; line-height:1.8;}