/*
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.1761206707
Updated: 2025-10-23 08:05:07

*/

.main-visual-quick-con 
{position:absolute; width:100%; bottom:10%; z-index:99;}
.main-quick-menu-con
{background:rgba(255,255,255,0.6); border-radius:100px;  padding:2rem 7.5rem;}
.main-quick-menu-con .quick-menu 
{display:flex; flex-wrap:wrap; }
.main-quick-menu-con .quick-menu .item 
{width:calc(100% / 5); text-align:center;}
.main-quick-menu-con .quick-menu .item a
{display:block;}
.main-quick-menu-con .quick-menu .item .circle 
{position:relative; width:9rem; height:9rem;display:inline-block; border-radius:50px; background:#fff;}
.main-quick-menu-con .quick-menu .item .circle:before
{position:absolute; width:100%; height:100%; content:''; background:linear-gradient(180deg, var(--main-color), var(--sub-color)); left:0; top:0; border-radius:50px;  transition:all 0.3s ease;}
.main-quick-menu-con .quick-menu .item .circle:after
{position:absolute; width:100%; height:100%; content:''; background:linear-gradient(180deg, var(--sub-color), var(--main-color)); left:0; top:0; border-radius:50px; opacity:0; visibility:hidden; transition:all 0.3s ease;}
.main-quick-menu-con .quick-menu .item .circle .icon 
{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; z-index:99;}
.main-quick-menu-con .quick-menu .item .txt 
{font-size:2rem; color:#181818; padding-top:1rem ;}
.main-quick-menu-con .quick-menu .item a:hover .circle:after
{opacity:1; visibility:visible;}
.main-quick-menu-con .quick-menu .item a:hover .txt 
{font-weight:700; color:#000;}

.main-title-con
{position:relative; text-align: center; margin-bottom:6rem}
.main-title-con h2 
{font-family:'AliceDigitalLearning'; font-size:4.8rem; font-weight:600; color:#181818;}

.main-news-con 
{display:flex; flex-wrap:wrap;}
.main-news-left-con 
{width:100rem; margin-right:4rem;}
.main-news-right-con 
{width:calc(100% - 104rem);}

.main-news-tab-menu
{display:flex; justify-content:space-between; }
.main-news-tab-menu ul 
{display:flex; flex-wrap:wrap; align-items:end;}
.main-news-tab-menu ul li
{margin-right:3rem;}
.main-news-tab-menu ul li span 
{font-size:1.8rem; color:#666666; font-weight:800; line-height:1; cursor:pointer;}
.main-news-tab-menu ul li.active span
{font-size:3.2rem; color:#181818;}
.main-news-tab-menu ul li:hover span 
{color:#181818}
.main-news-tab-menu .more-btn 
{width:5rem; height:5rem; display:inline-flex; justify-content:center; align-items:center; border-radius:50%; background:linear-gradient(180deg, var(--main-color), var(--sub-color))}
.main-news-tab-menu .more-btn i 
{font-size:3rem; color:#fff; transition:all 0.3s ease;}
.main-news-tab-menu .more-btn:hover i 
{transform:rotate(90deg)}

.main-sub-title 
{padding:0 2rem; margin-bottom:2rem;}
.main-sub-title h4
{font-size:3.2rem; color:#181818; font-weight:800}
.main-popup-con
{position:relative;}
.main-popup-controls 
{position:absolute; right:3rem; bottom:3rem; background:#fff; display:flex; align-items:center; border-radius:50px; padding:0.5rem 2rem;}
.main-popup-controls .arrow-btn
{display:flex; align-items:center;}
.main-popup-controls .arrow-btn i 
{font-size:2rem;}
.main-popup-controls .pagination
{display:flex; margin:0 1rem;}
.main-popup-controls .pagination span 
{font-size:1.6rem; color:#181818; font-weight:600; margin: 0 0.3rem;}



#mainGalleryCon .main-title-con h2 
{color:#fff;}
.main-gallery-controls 
{position:absolute; right:0; top:50%; transform:translateY(-50%); background:#fff; display:flex; align-items:center; border-radius:50px; padding:0.5rem 2rem;}
.main-gallery-controls .arrow-btn
{display:flex; align-items:center;}
.main-gallery-controls .arrow-btn i 
{font-size:2rem;}
.main-gallery-controls .pagination
{display:flex; margin:0 1rem;}
.main-gallery-controls .pagination span 
{font-size:1.6rem; color:#181818; font-weight:600; margin: 0 0.3rem;}


.main-info-con 
{display:flex; flex-wrap:wrap; align-items:center;}
.main-info-left-con
{width:50rem;}
.main-info-left-con h2 
{font-size:4.4rem; color:#181818; font-weight:800;}
.main-info-right-con 
{ width:calc(100% - 50rem)}
.main-info-box-con 
{display:flex; justify-content:space-between; }
.main-info-box-con .left-box
{background:#2c2d81}
.main-info-box-con .right-box
{background:#e23f40;}
.main-info-box-con .info-box 
{border-radius:25px; width:48%;}
.main-info-box-con .info-box a
{display:block; padding:5rem; }
.main-info-box-con .info-box .txt-box h4 
{font-size:3rem; color:#fff; font-weight:800;}
.main-info-box-con .info-box .txt-box p
{font-size:2rem; color:#fff; font-weight:300; margin-top:1rem;}
.main-info-box-con .info-box .btn-box 
{display:flex; justify-content:end; margin-top:1rem;}
.main-info-box-con .info-box .btn-box span
{color:#000; font-size:1.4rem; display:flex; justify-content:space-between; align-items:center; background:#fff; padding:1.5rem 2rem; border-radius:50px; font-weight:800; position:relative; overflow:hidden; z-index:99; transition:all 0.3s ease;}
.main-info-box-con .info-box .btn-box span i
{margin-left:2rem; display:flex; align-items:center; justify-content:center; border-radius:50%; width:2rem; height:2rem; transition:all 0.3s ease;}


.main-info-box-con .info-box .btn-box span:before 
{position:absolute; width:110%; height:110%; z-index:-1; content:''; background:linear-gradient(135deg, var(--main-color), var(--sub-color)); left:-5px; top:-5px; opacity:0; visibility:hidden; transition:all 0.3s ease;}
.main-info-box-con .info-box a:hover .btn-box span:before
{opacity:1; visibility:visible;}

.main-info-box-con .info-box a:hover .btn-box span
{ color:#fff; background:transparent;}
.main-info-box-con .info-box a:hover .btn-box span i
{background:#fff; color:var(--main-color);}


.footer-con 
{background:#343434; padding:3rem 0;}
.f-relation-site 
{}
.f-relation-site .f-site-list 
{display:flex; margin:0 -2rem;}
.f-relation-site .site-drop-down 
{width:calc((100% / 4) - 4rem); margin:0 2rem; text-align:center; position:relative; background:#ebebeb; border-radius:10px; }
.f-relation-site .site-drop-down:last-child 
{border-right:2px solid #ffffff47}
.f-relation-site .site-drop-down i
{position:absolute; font-size:2rem; color:#000; right:3rem; top:50%; transform:translateY(-50%);}
.f-relation-site .site-drop-down select 
{background:transparent; color:#181818; font-size:1.7rem; font-weight:400; appearance: none; position:relative; padding:1rem 3rem; border:none; text-align:left; font-weight:400;}
.f-relation-site .site-drop-down select option
{color:#000;}
.f-relation-site .site-drop-down select:focus
{border:none;}


.footer-con .f-info-con 
{margin-top:5rem; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.footer-con .footer-right-con 
{text-align:right; }
.footer-con .footer-police-con 
{margin-bottom:3rem;}
.footer-con .footer-police-con ul 
{display:flex; justify-content:end; flex-wrap:wrap;} 
.footer-con .footer-police-con ul li a
{font-size:1.8rem; color:#fff; font-weight:700; display:inline-block; margin-left:5rem;}

.footer-con .footer-detail-con p.info span 
{font-size:1.6rem; color:#ffffff; margin-left:2rem; padding-left:2rem; position:relative}
.footer-con .footer-detail-con p.info span:before
{content:''; position:absolute; width:1px; height:60%; top:20%; background:#fff; left:0; }
.footer-con .footer-detail-con p.info span:first-child:before 
{display:none;}
.footer-con .footer-detail-con p.copy 
{font-size:1.4rem; color:#747474; margin-top:1rem;}

/* SUB */

/* sub common*/
#subContent 
{padding:10rem 0;}
.sub-title-con 
{margin-bottom:5rem; text-align:center;}
.sub-title-con h2
{font-size:4.2rem; font-weight:800; color:#222;}
.bg-con 
{background:#f7f7f7;}
.organ-tab-menu-con
{margin-bottom:5rem;}
.organ-tab-menu-con ul 
{display:flex; flex-wrap:wrap; justify-content:center;}
.organ-tab-menu-con ul li 
{min-width:20rem; text-align:center; background:#f4f4f4; padding:2rem; margin:0 0.5rem; border-radius:5px; cursor:pointer; transition:all 0.3s ease;}
.organ-tab-menu-con ul li span 
{font-size:1.8rem; color:#000; font-weight:600; display:inline-block; transition:all 0.3s ease;}
.organ-tab-menu-con ul li:hover,
.organ-tab-menu-con ul li.active 
{background:var(--main-color);}
.organ-tab-menu-con ul li:hover span,
.organ-tab-menu-con ul li.active span 
{color:#fff;}

.greeting-top-inner
{display:flex; flex-wrap:wrap; align-items:end; padding:5rem; background:#f4f4f4; border-radius:15px;}
.greeting-top-txt
{width:80%;}
.greeting-top-txt h2 
{font-size:3rem; color:#000; font-weight:800;}
.greeting-top-txt p
{font-size:2.4rem; color:#444; font-weight:500; margin-top:2rem;}
.greeting-ceo-img 
{position:relative; z-index:999;}
.greeting-ceo-img:after
{content:''; position:absolute; width:8rem; height:8rem; border-radius:50%; background:#ffa2ab; right:-25%; bottom:-20%; z-index:-1; opacity:0.5;}
.greeting-ceo-img:before
{content:''; position:absolute; width:10rem; height:10rem; background:#e2d7ff; border-radius:50%; z-index:-1; left:-15%; top:-15%; opacity:0.5;}

.greeting-con 
{margin-top:5rem;}

.greeting-txt-con p 
{font-size:2.1rem; color:#2b2b2b; line-height:1.8; margin-bottom:2rem; font-weight:500;}
.greeting-txt-con p strong
{color:var(--main-color); font-weight:900;}

/* Organization */
.organ-chart-con 
{margin-top:10rem;}
.organ-chart-con .chart-con 
{text-align:center; margin-bottom:20rem;}

.organ-box-list .box-con
{padding:3rem; background:#f7f7f7; margin:0 0 5rem;}
.organ-box-list .box-con b
{background:var(--main-color); font-size:2rem; color:#fff; display:inline-block; padding:1rem 4rem; margin:0 1rem 3rem;}
.organ-box-list .box-con ul
{display:flex; flex-wrap:wrap;}
.organ-box-list .box-item
{width:calc((100% / 6) - 1%); margin:0 0.5% 3%;}
.organ-box-list .box-item .img-con 
{padding:3rem; background:#fff; text-align:center;}
.organ-box-list .box-item .img-con p 
{font-size:2rem; color:#1b1b1b; font-weight:700; margin-top:1rem; }
.organ-box-list .box-item .txt-con 
{padding:1rem;}
.organ-box-list .box-item .txt-con dl
{display:flex; flex-wrap:wrap; margin:0.5rem 0;}
.organ-box-list .box-item .txt-con dl dt 
{font-size:1.7rem; color:#000; font-weight:600;  width:25%;;}
.organ-box-list .box-item .txt-con dl dd
{font-size:1.6rem; color:#222; width:75%;}


.found-row 
{display:flex; flex-wrap:wrap; margin:8rem 0;}
.found-row .tit-con 
{width:15rem; text-align:center;}
.found-row .tit-con .icon 
{width:6rem; height:6rem; display:inline-block; position:relative;}
.found-row .tit-con h4 
{font-size:1.8rem; color:var(--sub-color); font-weight:800; margin-top:1rem;}
.found-row .des-con 
{width:calc(100% - 15rem); border:1px solid #eee; padding:4rem 5rem; background:#f4f4f4;}
.found-row .des-con .txt-con 
{display:flex; flex-direction:column; justify-content: center; height:100%;}
.found-row .des-con .txt-con strong 
{font-size:2.4rem; color:#000; margin-bottom:1rem; display:block;}
.found-row .des-con .txt-con p
{font-size:1.6rem;}

.found-row .des-con .box-list 
{display:flex; justify-content:space-between;}
.found-row .des-con .box-list .item
{width:32%;}
.found-row .des-con .box-list .item h4
{font-size:2rem; color:#2b2b2b; text-align:center; font-weight:800; margin-bottom:1.5rem;}
.found-row .des-con .box-list .item .sub-list li 
{font-size:1.5rem; font-weight:400; color:#000; margin-bottom:0.5rem; padding-left:1rem; position:relative;}
.found-row .des-con .box-list .item .sub-list li:before
{content:''; position:absolute; width:0.3rem; height:0.3rem; background:#737373; border-radius:50%; left:0; top:8px;}
.found-row .des-con .box-list .item .sub-list li small
{font-size:1.3rem; display:block; margin-top:0.3rem; color:#333}
.found-row .des-con .list .item
{margin:2rem 0;}
.found-row .des-con .list li strong 
{font-size:2rem; color:#2b2b2b; display:block; margin-bottom:1rem;}
.found-row .des-con .list li p 
{font-size:1.6rem;}
.found-row .des-con .list .sub-list li 
{font-size:1.5rem; font-weight:400; color:#000; margin-bottom:0.5rem; padding-left:1rem; position:relative;}
.found-row .des-con .list .sub-list li:before
{content:''; position:absolute; width:0.3rem; height:0.3rem; background:#737373; border-radius:50%; left:0; top:8px;}

.location-map-con .map-con
{margin-bottom:5rem;}
.location-map-con .cont 
{display:none;}
.location-map-con .detail-box-list 
{display:flex; flex-wrap:wrap; justify-content:space-between;}
.location-map-con .detail-box-list li 
{border:1px solid #ddd; padding:3rem; text-align:center; width:32%;}
.location-map-con .detail-box-list li i 
{width:5rem; height:5rem; border-radius:50%; background:var(--main-color); display:inline-flex; align-items:center; color:#fff; justify-content:center; font-size:2.4rem;}
.location-map-con .detail-box-list li h4 
{font-size:2.0rem; color:#222; font-weight:800; margin:2rem 0 1rem;}
.location-map-con .detail-box-list li p
{font-size:1.7rem;}

.location-traffic-con 
{margin-top:10rem;}
.location-traffic-con .traffic-list
{}
.location-traffic-con .traffic-list h2
{position:relative; padding-left:2rem; font-size:3.4rem; font-weight:800; color:#000; margin-bottom:2rem;}
.location-traffic-con .traffic-list h2:before
{content:''; position:absolute; left:0; top:0; width:0.7rem; height:100%; background:var(--main-color);}
.location-traffic-con .traffic-list dl 
{width:100%; display:flex; flex-wrap:wrap; padding:2rem; background:#fff; }
.location-traffic-con .traffic-list dl dt 
{font-size:1.8rem; color:#1b1b1b; font-weight:800; min-width:20rem;}
.location-traffic-con .traffic-list dl dd 
{font-size:1.6rem; color:#222; }


.location-traffic-con .traffic-box-list
{display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:5rem;}
.location-traffic-con .traffic-box-list dl 
{display:block; width:32%; text-align:center; border-radius:5px; padding:5rem; box-shadow:6px 6px 13px #00000010; background:#fff;}
.location-traffic-con .traffic-box-list dl dt 
{font-size:2rem; color:#1b1b1b; font-weight:800; margin-bottom:1rem;}
.location-traffic-con .traffic-box-list dl dt i 
{font-size:4rem; display:block; color:var(--sub-color); margin-bottom:0.5rem; }
.location-traffic-con .traffic-box-list dl dd 
{font-size:1.7rem; color:#444;}


/* 종목단체 */
.sports-top-menu-con
{margin-bottom:8rem;}
.sports-top-menu-con ul 
{display:flex; flex-wrap:wrap;}
.sports-top-menu-con ul li 
{border-radius:50px; width:calc((100% / 9) - 1rem); margin:0.5rem 0.5rem; text-align:center; border:1px solid #ddd; background:#f7f7f7}
.sports-top-menu-con ul li a 
{display:block; padding:1.5rem; font-size:1.7rem; color:#000; font-weight:600;}

.sports-top-menu-con ul li.current-menu-parent 
{background:linear-gradient(135deg, var(--main-color), var(--sub-color));}
.sports-top-menu-con ul li.current-menu-parent  a 
{color:#fff;}

.sports-detail-con 
{display:flex; align-items:start;}
.sports-detail-con .asso-img-con 
{width:40%;}
.sports-detail-con .asso-des-con 
{width:60%; padding:2rem 0 2rem 5rem;}

.sports-detail-con .asso-tit-con
{display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; margin-bottom:3rem;}
.sports-detail-con .asso-tit-con .tit 
{font-size:3rem; color:#000; font-weight:800;}
.sports-detail-con .asso-tit-con .asso-executive-con 
{display:flex; flex-wrap:wrap;}
.sports-detail-con .asso-tit-con .asso-executive-con p
{font-size:1.6rem; color:#000; margin-left:1rem; background:#eee; border-radius:50px; padding-right:3rem;}
.sports-detail-con .asso-tit-con .asso-executive-con p span 
{font-weight:500; margin-right:1rem; display:inline-block; color:#fff; background:var(--sub-color); padding:0.5rem 2rem; font-size:1.6rem; border-radius:50px;}

.sports-detail-con .asso-adress-con
{margin: -2rem 0 3rem;}
.sports-detail-con .asso-adress-con p
{font-size: 1.7rem; color: #444; font-weight: 800;}

.sports-detail-con .asso-memeber-con 
{display:inline-flex; background:#f4f4f4; border-radius:50px;}
.sports-detail-con .asso-memeber-con dl 
{display:flex; align-items:center; border-radius:50px;}
.sports-detail-con .asso-memeber-con dl dt 
{color:#fff; font-size:1.6rem; background:linear-gradient(135deg, var(--main-color), var(--sub-color)); border-radius:50px; min-width:10rem; padding:1rem 3rem;}
.sports-detail-con .asso-memeber-con dl dd 
{min-width:12rem; color:#000; padding:0 2rem; font-size:1.6rem;}

.sports-detail-con .asso-info-txt-con
{margin-top:3rem;}
.sports-detail-con .asso-info-txt-con p 
{font-size:1.8rem; margin:1rem 0; line-height:1.8;;}

.asso-tab-menu-con
{margin-bottom:8rem;}
.asso-tab-menu-con ul 
{display:flex; justify-content:center; flex-wrap:wrap;}
.asso-tab-menu-con ul li 
{width:15rem; text-align:center; border:1px solid #ddd; border-radius:5px; margin:0 1rem; cursor:pointer}
.asso-tab-menu-con ul li a 
{font-size:1.5rem; color:#222; display:block; padding:1.5rem 0;}
.asso-tab-menu-con ul li.current-menu-item 
{background:var(--sub-color); }
.asso-tab-menu-con ul li.current-menu-item a 
{color:#fff;}

.asso-board-con
{margin-bottom:5rem;}
.asso-board-con .tit-con 
{position:relative; padding-left:2rem; margin-bottom:3rem; padding-left:2rem;}
.asso-board-con .tit-con:before 
{content:''; position:absolute; width:0.7rem; height:100%; left:0; top:0; background:var(--main-color);}
.asso-board-con .tit-con h2
{font-size:3rem; font-weight:800; color:#000;}

.asso-gallery-board-con 
{margin-top:10rem;}
.asso-board-con .assoc-gallery
{position:relative;}
.asso-board-con .assoc-gallery-controls 
{position:absolute; top:25%; width:100%; display:none;}
.asso-board-con .assoc-gallery-controls button 
{position:absolute; width:5rem; height:5rem; background:#a1a1a1; border-radius:50%; display:flex; align-items:center; justify-content:center; transition:all 0.3s ease;}
.asso-board-con .assoc-gallery-controls button.prev-btn
{left:-3rem;}
.asso-board-con .assoc-gallery-controls button.next-btn 
{right:-3rem;}
.asso-board-con .assoc-gallery-controls button i 
{font-size:3rem; color:#fff;}
.asso-board-con .assoc-gallery-controls button:hover 
{background:var(--main-color)}


.history-row
{display:flex; flex-wrap:wrap;}
.history-left-con 
{width:30%;}
.history-years 
{font-size:3.2rem; font-weight:800; color:#000; position:relative; text-align:center;}
.history-years:before
{position:absolute; content:''; width:1.5rem; height:1.5rem; background:var(--main-color); top:0.7rem; right:-0.8rem; border-radius:50%;}
.history-years:after
{position:absolute; content:''; width:3rem; height:3rem; background:#4147913b; top:0; right:-1.5rem; border-radius:50%; z-index:9999;}
.history-right-con 
{width:70%; position:relative; padding-left:7rem; padding-bottom:7rem}
.history-right-con:before
{content:''; position:absolute; width:2px; height:100%; background:rgba(0,0,0,0.1); left:0; top:0; z-index:-1;}
.history-month-row 
{display:flex; flex-wrap:wrap; padding-bottom:3rem;}
.history-month 
{font-size:1.8rem; color:#000; font-weight:600; width:5rem; text-align:right;}
.history-txt 
{font-size:1.8rem; color:#0e0e0e; font-weight:400; margin-left:3rem;}