/*
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.1765869049
Updated: 2025-12-16 16:10:49

*/

/* 메인 */
.main-title-con 
{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end; border-bottom:1px solid #ddd; padding-bottom:1rem;}
.main-title-con h2 
{font-size:3.8rem; color:#0b0b0b; font-weight:700;}

.main-board-con 
{display:flex; flex-wrap:wrap; justify-content:space-between;}
.main-board-box 
{width:73rem;}

.main-board-tit-con 
{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end; padding-bottom:1rem; border-bottom:1px solid #ddd; }
.main-board-tit-con h2
{font-size:3.8rem; color:#0b0b0b; font-weight:700;}
.main-board-tab-menu-con ul 
{display:flex; }
.main-board-tab-menu-con ul li
{position:relative; margin:0 2rem; padding-bottom:0rem;}
.main-board-tab-menu-con ul li:after 
{content:''; position:absolute; bottom:-10.5px; width:100%; height:3px; background:var(--main-color); left:0; opacity:0; visibility:hidden;}
.main-board-tab-menu-con ul li span 
{font-size:2.4rem; color:#000; font-weight:500; cursor:pointer}

.main-board-tab-menu-con ul li.active:after 
{opacity:1; visibility:visible;}
.main-board-tab-menu-con ul li.active span 
{font-weight:600;}
.main-direct-link 
{text-align:center; margin-top:3rem;}
.main-direct-link a 
{border:1px solid var(--main-color); color:var(--main-color); display:inline-block; padding:1rem 2rem; border-radius:50px; font-size:1.8rem; min-width:15rem; display:inline-flex; align-items:center; justify-content:center; transition:all 0.3s ease;}
.main-direct-link a:hover 
{background:var(--main-color); color:#fff;}



#mainGalleryCon .main-title-con 
{justify-content:center; border:none}
#mainGalleryCon .slick-dots { margin-top:5rem; display: flex; width: 100%;; height: 3px; background-color: #bcbcbc; } 
#mainGalleryCon .slick-dots li button { height: 3px; border: none; background-color: #bcbcbc; border-radius:0; } 
#mainGalleryCon .slick-dots li.slick-active button { background-color: var(--main-color); } 
#mainGalleryCon .slick-dots li button { width: 100%; height: 3px; } 

#mainSportsCon .main-title-con
{border-color:#ffffff50; padding-bottom:3rem;}
#mainSportsCon .main-title-con h2 
{color:#fff;}
.main-sports-con .sports-link-con 
{display:flex; flex-wrap:wrap; margin-top:3rem;}
.main-sports-con .sports-link-con a 
{margin-right:1rem; min-width:28rem; padding:2rem; border:1px solid #ffffff; border-radius:5px; background:rgba(0,0,0,0.5); backdrop-filter:blur(20px); font-size:2rem; color:#fff; display:inline-flex; justify-content:space-between; align-items:center; font-weight:300; transition: all 0.3s ease;}
.main-sports-con .sports-link-con a:hover 
{background:#fff; color:#000; font-weight:600;}

/* 공통 */
.cm-tbl-con table.fixed 
{table-layout:fixed;}
.cm-tbl-con table tr > th
{background:var(--main-color) !important; font-weight:400; color:#fff; padding:2rem; text-align:center; border-color:#ffffff40; font-size:1.8rem;}
.cm-tbl-con table tr > td
{padding:2rem 2rem; border-color:#ddd; font-size:1.7rem; background:#fff !important; vertical-align:middle; text-align:center; line-height:1.5;}
.cm-tbl-con table tr > td.left 
{text-align:left; line-height:1.5;}
.cm-tbl-con table tr > td p.dots
{position:relative; padding-left:1rem; margin:0.5rem 0;}
.cm-tbl-con table tr > td p:before
{content:''; position:absolute; left:0; width:0.3rem; height:0.3rem; background:#b7b7b7; top:1rem;}
.cm-tbl-con table tr > td span.dots 
{display:inline-block; padding-left:1rem; position:relative; margin:0.5rem 5rem 0.5rem 0;}
.cm-tbl-con table tr > td span.dots:before
{content:''; position:absolute; left:0; width:0.3rem; height:0.3rem; background:#b7b7b7; top:1rem;}

.footer-top-con 
{padding:5rem 0; border-bottom:1px solid #fff;}
.footer-info-con 
{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.footer-info-con dl
{margin-bottom:2rem;}
.footer-info-con dl dt 
{font-size:1.8rem; color:#fff; font-weight:500;}
.footer-info-con dl dd span 
{font-size:1.6rem; color:#fff; font-weight:300; margin-right:2rem; display:inline-block;}
.footer-info-con dl:last-child 
{margin:0;}

.footer-bottom-con
{text-align:center; padding:2rem 0;}
.footer-bottom-con p 
{font-size:1.6rem; color:#a8a8a8; font-weight:300; text-transform:uppercase}

#subContent
{padding:10rem 0;}
#subContent.np 
{padding:0;}

.sub-title-con 
{margin-bottom:8rem; text-align:center;}
.sub-title-con h4 
{font-size:2rem; font-weight:500; color:#ababab; display:none;}
.sub-title-con h2 
{font-size:5.2rem; color:#181818; font-weight:700;}

.greeting-content 
{position:relative; padding:10rem 0;}
.greeting-content:before 
{content:''; position:absolute; width:45rem; height:45rem; left:0; bottom:5rem; background-image:url('/wp-content/uploads/2025/12/yisad-symbol.png'); z-index:-1; }
.greeting-con 
{display:flex; }
.greeting-left-con 
{width:70%;}
.greeting-top-txt
{margin-bottom:3rem;}
.greeting-top-txt h4 
{font-size:3rem; font-weight:700; color:var(--main-color);}
.greeting-txt .tit-con h4 
{font-size:2.4rem; color:#000; font-weight:600;}
.greeting-txt .txt-con p 
{font-size:2rem; margin:2rem 0;}
.greeting-right-con 
{width:30%; text-align:center;}
.greeting-right-con p 
{font-size:2rem; color:#000;  margin-top:2rem;}
.greeting-right-con p strong 
{color:var(--main-color);}
.greeting-right-con .ceo-img-con img 
{border-radius: 50%; overflow: hidden; box-shadow: 3px 3px 13px #00000010;}
/* 설립목적*/
.found-banner-con 
{position:relative;}
.found-banner-con .bg 
{position:absolute; width:100%; height:100%; left:0; top:0; border-radius:10px;}
.found-banner-con .txt-con 
{position:relative; padding:9rem 2rem; text-align:center;}
.found-banner-con .txt-con span 
{font-family:'InkLiquid'; font-weight:600; color:#ffffffad; font-size:2.7rem;}
.found-banner-con .txt-con p 
{font-family:'InkLiquid'; font-size:5.2rem; color:#fff;}
.found-txt-con 
{margin:4rem 0;}
.found-txt-con h4
{font-size:3.2rem; color:#000; font-weight:700; margin-bottom:0.5rem;}
.found-txt-con p 
{font-size:2rem; color:#4e4e4e}
/* 연혁 */
.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;}
/* 사무국 현황 */
.organ-info-con .info-row 
{margin:5rem 0;}
.organ-info-con .info-row table tr td 
{width:20%;}
.organ-info-con .info-row table tr td.left
{width:auto;}
/* 임원 현황 */
.executive-list 
{display:flex; flex-wrap:wrap; margin:0 -0.5rem 4rem;}
.executive-list li
{width:calc((100% / 6) - 1rem); margin:0 0.5rem 2rem;}
.executive-list .img-con
{text-align:center;}
.executive-list .img-con img 
{background:#ddd;}
.executive-list .img-con h4 
{font-size:2rem; font-weight:500; color:#000; padding:0.5rem 0;}
.executive-list .txt-con 
{text-align:center; padding:1rem 0; background:#e4efff}
.executive-list .txt-con span
{font-size:1.6rem; display:inline-block; }


.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:#222; font-weight:700; width:10rem;}
.location-con .detail-con .detail-list dl dt i 
{margin-right:1rem;}
.location-con .detail-con .detail-list dl dd
{font-size:2rem; color:#000; font-weight:300;}

/* 가맹 단체 */
.sports-asso-category
{ margin-bottom:5rem;}
.sports-asso-category ul
{display:flex; flex-wrap:wrap;}
.sports-asso-category ul li 
{width:calc((100% / 9) - 1rem); background:#f5f5f5; margin:0 0.5rem 1rem; text-align:center; border-radius:5px; border:1px solid #d9d9d9;}
.sports-asso-category ul li a 
{font-size:1.7rem; color:#000; padding:1.5rem 2rem; display:block; width:100%; font-weight:500;}
.sports-asso-category ul li.current-menu-item 
{background:var(--main-color);}
.sports-asso-category ul li.current-menu-item a 
{color:#fff;}
.sports-asso-category ul li:hover 
{background:var(--main-color);}
.sports-asso-category ul li:hover a 
{color:#fff;}

.sports-asso-con 
{display:flex; flex-wrap:wrap;}
.sports-asso-con .left-con 
{width:20%; display:flex; align-items:center; justify-content:center; flex-direction:column; background:#f4f4f4; text-align:center;}
.sports-asso-con .left-con .img-con img
{vertical-align:middle;}
.sports-asso-con .left-con p 
{font-size:1.8rem; margin-top:1rem;}
.sports-asso-con .right-con 
{width:80%;}
.sports-asso-con .right-con .tit-con 
{display:flex; justify-content:space-between; align-items:center; padding:3rem 5rem; background:var(--main-color);}
.sports-asso-con .right-con .tit-con .tit h4 
{font-size:2.4rem; color:#fff; font-weight:600;}
.sports-asso-con .right-con .tit-con .tit span
{font-size:1.8rem; color:#ffffff4d; display:block; margin-top:1rem;}
.sports-asso-con .right-con .tit-con .member 
{background:#0b2e61; padding:1rem 3rem; border-radius:5px;}
.sports-asso-con .right-con .tit-con .member p 
{font-size:1.6rem; color:#fff; font-weight:300;}
.sports-asso-con .right-con .info-con dl 
{display:flex; align-items:center; border-bottom:1px solid #ddd;}
.sports-asso-con .right-con .info-con dl dt 
{width:20%; text-align:center; font-size:1.8rem; color:#1a1a1a; font-weight:500; background:#f4f4f4; padding:2rem 3rem;}
.sports-asso-con .right-con .info-con dl dd 
{text-align:center; width:calc(100% - 20%)}
.sports-asso-con .right-con .info-con dl dd span 
{font-size:1.8rem; margin:0 2rem;}


/* 생활 체육 */
.sports-service-con 
{display:flex; flex-wrap:wrap; justify-content:space-between;}
.sports-service-con .item 
{background:#163561; width:49%; padding:5rem; border-radius:10px;}
.sports-service-con .item .tit-con
{margin-bottom:2rem;}
.sports-service-con .item .tit-con h4 
{font-size:2.6rem; color:#fff; font-weight:600;}
.sports-service-con .item .tit-con h4 b 
{color:#ffffff6e; font-family:'Poppins'; font-weight:600; margin-right:1rem;}
.sports-service-con .item .tit-con p 
{margin-top:0.5rem; font-size:2rem; color:#fff;}
.sports-service-con .item .list-con li 
{font-size:1.6rem; color:#fff;}
.sports-service-con .item .txt-con p 
{font-size:2rem; color:#fff;}

.sub-cont-tit
{margin-bottom:3rem;}
.sub-cont-tit h4 
{font-size:2.6rem; color:#222; font-weight:600}
.sub-cont-tit h4 .num
{color:var(--main-color); font-family:'Poppins'; font-weight:700; margin-right:1rem;}
.sub-cont-tit p
{font-size:2rem; color:#666;}


.purpose-box-list 
{display:flex; justify-content:space-between;}

.purpose-box-list .item 
{width:32%; display:flex; flex-wrap:wrap; background:#f7f7f7; padding:3rem; border-radius:10px; border:1px solid #eee;}
.purpose-box-list .item .icon-con 
{text-align:center; width:12rem; height:12rem; background:#fff; display:flex; align-items:center; justify-content:center; border-radius:50%;}
.purpose-box-list .item .icon 
{background-size:cover; width:8rem; height:8rem; display:inline-block;}
.purpose-box-list .item .txt-con 
{padding-left:2rem;}
.purpose-box-list .item .txt-con h4
{font-size:2.1rem; color:#000; margin-bottom:1rem;}
.purpose-box-list .item .txt-con ul
{text-align:left;}
.purpose-box-list .item .txt-con ul li
{font-size:1.6rem;}

.step-flow-list-con 
{background:#f7f7f7; border-radius:10px; border:1px solid #eee; padding:5rem;}
.step-flow-list-con ul 
{display:flex; justify-content:center;}
.step-flow-list-con ul li 
{width:25%; background:#fff; box-shadow:17px 17px 73px #89898938; padding:5rem; text-align:center; margin:0 3rem; position:relative;}
.step-flow-list-con ul li:after
{content:'\e93f'; font-family:'xeicon'; position:absolute; top:50%; transform:translateY(-50%); color:#000; right:-5.5rem; font-size:4rem;}
.step-flow-list-con ul li:last-child:after 
{display:none;}
.step-flow-list-con .tit 
{display:flex; justify-content:center; align-items:center; font-size:2rem; color:#222; font-weight:700;}
.step-flow-list-con .tit span 
{background:var(--main-color); padding:0.5rem 2rem; color:#fff; display:inline-block; border-radius:5px; font-size:1.5rem; margin-right:1.5rem;}
.step-flow-list-con .icon-con 
{margin:3rem 0; width:10rem; height:10rem; background:#f4f4f4; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;;}
.step-flow-list-con .icon-con i 
{width:6rem; height:6rem; background-size:cover; display:inline-block;}
.step-flow-list-con p 
{font-size:2rem; color:#222; }
.step-flow-etc 
{text-align:center; margin-top:1rem;}
.step-flow-etc p 
{font-size:2rem; color:red;}

.sports-program-list 
{display:flex; flex-wrap:wrap; margin:0 -0.5rem;}
.sports-program-list .program-row 
{display:flex; align-items:center; width:calc((100% / 3) - 1rem); margin:0 0.5rem 2rem;}
.sports-program-list .program-row .icon 
{width:12rem; height:12rem; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#f4f4f4;}
.sports-program-list .program-row .txt-con 
{padding-left:2rem;}
.sports-program-list .program-row .txt-con h4 
{font-size:2.4rem; color:#000; font-weight:600; margin-bottom:0.5rem;}
.sports-program-list .program-row .txt-con p
{font-size:1.7rem; color:#444; }

/* 지도자 일정표 */
.schedule-calendar 
{display:flex; flex-wrap:wrap;}
.schedule-row 
{margin-bottom:5rem;}
.schedule-row h4
{font-size:3rem; font-weight:700; color:#222; margin-bottom:2rem; display:flex; align-items:center;}
.schedule-row h4 i 
{color:var(--main-color); margin-right:0.5rem;}
.schedule-calendar .column 
{width:20%; text-align:center;;}
.schedule-calendar .day 
{padding:2rem; background:#dae4f0; border:1px solid #ffffffa1; border-left:none;}
.schedule-calendar .column:first-child .day 
{border-left:1px solid #ffffffa1}
.schedule-calendar .day strong 
{font-size:1.7rem; color:#000; font-weight:500;} 
.schedule-calendar .detail 
{border:1px solid #ddd; border-left:none; border-top:none; min-height:13rem; padding:1rem 0;}
.schedule-calendar .detail p 
{font-size:1.6rem; padding:0.5rem 0; color:#000;}
.schedule-calendar .column:first-child .detail 
{border-left:1px solid #ddd;}

/* 신고센터 */
.formmail-top-txt-con 
{margin-bottom:3rem; text-align:center;}
.formmail-top-txt-con .type-txt p 
{font-size:1.8rem; display:inline-block; background:var(--main-color); color:#fff; font-weight:400; padding:1rem 3rem; border-radius:50px}

#inquiry-style01-tbl .inquiry-tel { text-align:right; } 
#inquiry-style01-tbl .inquiry-tel p { margin:0 0 10px; } 
#inquiry-style01-tbl .inquiry-tel p strong { font-weight:600; color:#136334; font-size:17px; position:relative; padding-left:15px; } 
#inquiry-style01-tbl .inquiry-tel p strong:before { content:'*'; position:absolute; left:0; top:1px;}
#inquiry-style01-tbl .write-box p { margin:0; font-size:1.6rem; } 
#inquiry-style01-tbl .write-box dl { margin:0 0 15px; border:1px solid #ddd; display:flex; align-items:center; padding:10px 20px; background:#f7f7f7; min-height:75px; } 
#inquiry-style01-tbl .write-box dt { width:15%; } 
#inquiry-style01-tbl .write-box dd { margin:0; width:calc(100% - 15%); } 
#inquiry-style01-tbl .write-box dd input { border:1px solid #ddd; border-radius:0; padding:1.0rem 1.5rem; font-size:1.5rem; } 
#inquiry-style01-tbl .write-box textarea { border:1px solid #ddd; border-radius:0px; font-size:1.6rem; } 
#inquiry-style01-tbl .wpcf7-list-item { margin:0 20px 0 0}
#inquiry-style01-tbl .terms p { font-size:1.5rem; } 
#inquiry-style01-tbl a#link { color:#000; font-weight:600; border-bottom:1px solid #000; } 
#inquiry-style01-tbl .submit-con { text-align:center; } 
#inquiry-style01-tbl .submit-con input[type="submit"] { background:var(--main-color); min-width:130px; border-radius:0; font-weight:300; font-size:1.5rem; padding:1rem; color:#fff; border:none; } 
#inquiry-style01-tbl .submit-con input[type="submit"]:hover { background:#be052d; border:none; } 
.inquiry-content .wpcf7-response-output 
 {
 font-size:1.6rem; } 

@media screen and (max-width:650px){
 #inquiry-style01-tbl .write-box dl { flex-wrap:wrap; } 
 #inquiry-style01-tbl .write-box dt { width:100%; margin-bottom:10px; } 
 #inquiry-style01-tbl .write-box dd { width:100%; } 
 }



