/*
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.7.1778131055
Updated: 2026-05-07 05:17:35

*/

/* main notice */
.main-notice-wrap
{width: 100%;padding: 9rem 0px 10rem;position: relative;overflow: hidden;}
.main-tab-wrap
{display: flex;  flex-direction: column;  justify-content: space-between;align-items: flex-start; height: 100%;min-width: 35rem;
  width: 23%;}
.notice-tab-con
{display: flex; flex-direction: row;height: 100%;align-items: end;}
.info-board-con{width: 77%;}

.info-board-con
{position: relative;left: 0;top: 0; --peek:20%;}
.info-board-con .slick-list
{ overflow: hidden; padding-right: var(--peek); margin-right: calc(-1 * var(--peek));}


.main-board-tab-con
{display: flex;flex-direction: column;}
.main-board-tab-con a
{ width: 25rem;height: 6rem;padding: 0 2.5rem;background-color: #fff;border-radius: 1rem 2.5rem 2.5rem 1rem;border: 2px solid transparent;font-size: 1.8rem;cursor: pointer;transition: var(--transition1);font-weight: 500;font-family: var(--font2);color: var(--text-color); display: flex;  justify-content: space-between;align-items: center;}
.main-board-tab-con a i
{opacity: 0;font-size: 2.2rem;}
.main-board-tab-con a:hover
{color: #437bb9!important;}
.main-board-tab-con a.active
{border: 2px solid #437bb9;color: #437bb9!important;}
.main-board-tab-con a.active i{opacity: 1;}
.info-board-con .info-board { display: none;  }
.info-board-con .info-board.active { display: block; }
.main-notice-controls,
.main-gallery-controls
{display: flex;  flex-direction: row;align-items: center; border: 1px solid #eeeeee;border-radius: 5rem; padding:0 1.5rem 0 2rem;box-shadow: 0 5px 20px 5px #00000014;background-color: #fff;height: 53px;width: 133px;justify-content: space-between;}
.main-notice-controls button.arrow,
.main-gallery-controls button.arrow
{color: var(--text-color);padding: 0 0.5rem 0 0.5rem;}
.main-notice-controls button.arrow i,
.main-gallery-controls button.arrow i
{font-weight: 800;}
.main-notice-controls span.dash,
.main-gallery-controls span.dash{font-size: 0;}
/* {color: #b5b5b5;margin: 0 1rem;font-size: 1.4rem;  font-weight: 100;  font-family: var(--font1);} */
.main-notice-controls span.dash::after,
.main-gallery-controls span.dash::after
{display: block;  content: '';  width: 1px;  height: 10px;  background: #b5b5b5;}
.main-notice-controls a.more-btn,
.main-gallery-controls a.more-btn
{border: none;transition: var(--transition1);overflow: hidden;}
.main-notice-controls a.more-btn::before,
.main-gallery-controls a.more-btn::before
{font-size: 3rem;clear: both;display: block;color: #000; font-weight: 200;transition: var(--transition1);content: '\e914';font-family: 'xeicon'; width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}

/* main-title */
.main-title
{margin-bottom: 5rem;}
.main-title h2
{position: relative; font-family: var(--font2);  font-weight: 900;  font-size: 4.5rem;color: var(--text-color);}
.main-title h2::after
{content: '';display: block;background: url(/wp-content/uploads/2026/05/title-after.png) no-repeat;  width: 30px;  height: 30px;  position: absolute;  right: -20px;  top: -5px;  z-index: -1;}

/* main notice */
.main-notice-controls{margin-top: 9rem;}

/* main gallery */
#mainGallery
{padding: 10rem 0;position: relative;width: 100%;height: 100%}
#mainGallery::before
{content: '';display: block;width: 100%;height: 347px;background: url(/wp-content/uploads/2026/05/gallery-bg.jpg) no-repeat top;background-size: cover;position: absolute;top: 0;    z-index: -1;}
#mainGallery .gallery-con-wrap .gallery-slide::after
{content: '';display: block;width: 49px;height: 49px;background: url(/wp-content/uploads/2026/05/gallery-before.png) no-repeat center;background-size: contain;position: absolute;top: 103px; left: -49px;}
#mainGallery .gallery-con-wrap{}
#mainGallery .gallery-con-wrap .gallery-slide
{background-color: #fff;  width: 100%;  padding: 0 3rem;  border-radius: 5rem;position: relative;}
#mainGallery .gallery-con-wrap .gallery-con
{display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;}
#mainGallery .gallery-con-wrap .main-title h2{color: #fff;}

/* main quick menu */
#mainQuick
{padding: 10rem 0;background: url(/wp-content/uploads/2026/05/quick-menu-bg.jpg) no-repeat center;background-size: cover;}
#mainQuick .main-title{display: flex;}
#mainQuick .main-title h2::after{z-index: 11;}
#mainQuick .quick-menu-wrap
{display: flex;  flex-direction: row;  justify-content: space-between;  align-items: stretch;}
#mainQuick .quick-menu-wrap a
{display: flex;flex-direction: column;align-items: center;gap: 1rem;justify-content: center;width: 14rem;height: 14rem;background: #fff;border-radius: 3rem;position: relative;bottom: 0;transition: var(--transition1);}
#mainQuick .quick-menu-wrap a img
{transition: var(--transition1);}
#mainQuick .quick-menu-wrap a span
{transition: var(--transition1);color: var(--text-color);font-family: var(--font2);font-weight: 500;font-size: 1.7rem;}
#mainQuick .quick-menu-wrap a:hover
{box-shadow: var(--box-shadow);background: #437bb9;bottom: 1rem;}
#mainQuick .quick-menu-wrap a:hover img
{filter: brightness(0) invert(1); }
#mainQuick .quick-menu-wrap a:hover span
{color: #fff;}

/********************** sub **********************/
/********************** sub **********************/
/********************** sub **********************/
/* sub01 */
.greeting-con{}
.greeting-con .top-txt{}
.greeting-con .top-txt h2
{font-family: var(--font2);  font-weight: 500;  font-size: 4rem;  line-height: 1.3;  margin-bottom: 5rem;}
.greeting-con .top-txt h3
{font-size: 2.5rem;  font-weight: 600;  margin-bottom: 2rem;    font-family: var(--font1);}
.greeting-con p
{margin-bottom: 1rem;color: #444;line-height: 1.2;  font-weight: 400;    font-family: var(--font1);}
.greeting-con .scroll-txt
{display: flex;  flex-direction: row;  justify-content: center;  align-items: start;gap: 10rem;width: 100%;padding: 3rem 0;border-radius: 2rem;background-color: var(--main-bg-color);margin: 5rem auto;position: relative;}
.greeting-con .scroll-txt::before
{content: '';display: block;position: absolute;background: url(/wp-content/uploads/2026/05/logo-icon3.png) no-repeat left -20% bottom -20%;background-size: 50%;width: 100%;height: 100%;left: 0;bottom: 0;opacity:0.07;}
.greeting-con .scroll-txt .ceo-img
{position: sticky;  top: 14rem;  margin: 6rem 0;}
.greeting-con .scroll-txt .ceo-img img
{box-shadow: var(--box-shadow);border-radius: 100%;}
.greeting-con .scroll-txt .txt-wrap dl
{ display: flex;  flex-direction: row;  gap: 3rem;margin: 10rem 0 ;}
.greeting-con .scroll-txt .txt-wrap dl dt
{font-family: var(--font2);  font-weight: 700;  color: var(--main-color);  font-size: 2.2rem;  line-height: 1.4;}
.greeting-con .scroll-txt .txt-wrap dl dd b
{ font-weight: 700; line-height: 1.7;  color: #222;}
.greeting-con .scroll-txt .txt-wrap dl dd
{ font-weight: 500;  line-height: 1.7;  color:#444;}

/* sub02 */
.history-con{}
.history-con .history-con-wrap
{display: flex;  flex-direction: row;  justify-content: space-between;  gap: 8rem;  align-items: stretch;}
.history-con .history-con-wrap .history-img
{background: url(/wp-content/uploads/2026/05/history-img.jpg) no-repeat center;background-size: cover;flex: 1;  height: 50rem;  border-radius: 2rem;}
.history-con .history-con-wrap .history-txt
{flex: 2;position: relative;}
.history-con .history-con-wrap .history-txt dl
{display: flex;flex-direction: row;margin-bottom: 2rem;gap: 4rem;align-items: center;}
.history-con .history-con-wrap .history-txt dl:last-child dt,
.history-con .history-con-wrap .history-txt dl:last-child dd
{color: var(--main-color);font-weight: 800;}
.history-con .history-con-wrap .history-txt dl dt
{min-width: 15rem;background: var(--sub-bg-color);border-radius: 1rem;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 1.2rem;font-weight: 800;color: var(--sub-color2);}
.history-con .history-con-wrap .history-txt dl dd
{font-size: 1.7rem;  color: #444;}

.history-con .detail-boxes
{display: flex;  flex-direction: row;  justify-content: space-between;  align-items: stretch;  gap: 3rem;}
.history-con .detail-boxes dl.box
{display: flex;  flex-direction: column;  justify-content: center;  align-items: flex-start;  gap: 2rem;  width: 100%;  border: var(--border);  box-shadow: var(--box-shadow);  border-radius: 2rem;  padding: 5rem;padding: 4rem;}
.history-con .detail-boxes dl.box dt
{display: flex;  flex-direction: row; align-items: flex-end;  font-weight: 700;  font-family: var(--font2);  color: #fff;  background: var(--main-color);  padding: 1rem 2rem;;  border-radius: 1rem;font-size: 1.6rem;}
.history-con .detail-boxes dl.box dt img
{max-height: 5rem;}
.history-con .detail-boxes dl.box dd
{ line-height: 1.5;  font-weight: 500;word-break: keep-all;}
.history-con .detail-boxes dl.box dd b
{font-weight:600;color: var(--main-color);text-decoration: underline 2px solid var(--main-color);text-underline-offset: 4px;}
.history-con dl.box .box-img
{background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;height: 20rem;margin-top: 1rem;border-radius: 1rem;}
.history-con dl.box .box-img.box01{background-image: url(/wp-content/uploads/2026/05/box-img01.jpg);}
.history-con dl.box .box-img.box02{background-image: url(/wp-content/uploads/2026/05/box-img02.jpg);}
.history-con dl.box .box-img.box03{background-image: url(/wp-content/uploads/2026/05/box-img03.jpg);}

/* accordion common */
.accordion
{padding: 0;margin: 0;width: 100%; }
.accordion li
{width: 100%; overflow: hidden; border: var(--border);box-shadow: var(--box-shadow);margin-bottom: 1.5rem;background: #fff;border-radius: 2rem;}
.accordion button
{width: 100%;padding:2.5rem  3rem;  text-align: left;border: none;  cursor: pointer;  outline: none;  font-size: 2rem;  font-weight: 600;  display: flex; gap: 2rem; flex-direction: row;;align-items: center;position: relative;  color: #777;}
.accordion button:hover ,
.accordion button:focus
{background:transparent; }
.accordion .content
{display:none;padding:2rem;border-top: var(--border);}
.accordion li.active > button
{font-weight: 700;color: var(--sub-color2);background: #fff;}
.accordion li button::after
{font-family: 'xeicon';  font-size: 2.2rem;  position: absolute;  right: 4rem;  top: 54%;  transform: translateY(-50%);  content: "\e941";    font-weight: 100;color: #777;}
.accordion li.active > button::after
{content: "\e944";color: var(--sub-color2);}
/* 02 */
.accordion-02
{display: flex;flex-direction: row;align-items: start;gap: 3rem;flex-wrap: wrap;}
.accordion-02 li
{width: calc(100%/2 - 15px);margin-bottom: 0}

/* group-boxes */
/* .group-con-wrap{padding: 4rem;  background: #efefef;  border-radius: 2rem;} */
.group-boxes .gimg
{max-width: 200px;background: url(/wp-content/uploads/2026/05/logo.png) no-repeat center, var(--sub-bg-color);background-size: 70%;width: 100%;border-radius: 1rem;}
.accordion .group-boxes  .gimg
{height: 100%;}
.group-boxes .gimg img
{border-radius: 1rem;overflow: hidden;}
.group-boxes
{display: flex;flex-direction: row;align-items: stretch;;gap: 2rem;flex-wrap: wrap;}
.group-boxes dl
{width: calc(100% / 6 - 20px);  display: flex; padding: 2rem;  flex-direction: column;  align-items: center;  align-content: center;  justify-content: flex-end;/* border-radius: 1rem; box-shadow: var(--box-shadow);*/}
.accordion-02 .group-boxes dl
{width: calc(100% / 3 - 20px); }
.group-boxes dl dt
{font-weight: 700; /* color: #315379; */ font-size: 1.6rem;margin-top: 1rem;text-align: center;  line-height: 1.5;  word-break: keep-all;font-family: var(--font1);  padding: 0.5rem 2rem;  border-radius: 4rem;  margin-bottom:1rem;background: var(--sub-color2);color: #fff;}
.group-boxes dl dd
{font-weight: 700;  color: #222;font-family: var(--font1)}
.group-boxes dl small
{font-weight: 500; font-family: var(--font1);font-size: 1.5rem;color: #888;margin-top: 1rem;text-align: center;line-height: 1.5;  word-break: keep-all;}

/* 조직현황 */
.group-con{}
.group-con .chart-img
{text-align: center;margin: auto;display: block;}

/* 클럽현황 */
.club-con{margin: 7rem 0 0rem;}
.club-con .accordion-02
{margin-bottom: 3rem;}

/* 직원현황 */
.staff-con{margin: 7rem 0 0rem;}
.staff-con .group-boxes
{align-items: start;}
.staff-con .group-con-wrap .accordion-02 dl
{width: calc(100% / 3 - 20px); }

.sp-bg
{position: relative;width: 100%;height: 35rem;background: url(/wp-content/uploads/2026/05/sp-bg.jpg) no-repeat center;background-size: cover;background-attachment: fixed;margin-top: 20rem;}
.sp-bg::after
{width: 100%;height: 100%;transform: translate(-50%,-50%);background: #00000085;content: '';display: block;position: absolute;left: 50%;top: 50%;}
.sp-bg .sp-bg-txt
{position: relative;  z-index: 1;top: 15rem; display: flex;  flex-direction: row;  justify-content: space-between;  width: 100%;align-items: center;}
.sp-bg .sp-bg-txt dl
{display: flex;  flex-direction: column;  gap: 2rem;}
.sp-bg .sp-bg-txt dl dt
{font-size: 4rem;  font-family: var(--font2);  color: #fff;  font-weight: 800;  letter-spacing: 1px;}
.sp-bg .sp-bg-txt dl dd
{font-size: 4rem;  font-family: var(--font1);  color: #fff;  font-weight: 600;  letter-spacing: 1px;}
.sp-bg .sp-bg-txt a.more
{border: 1px solid #ababab;  padding: 2rem 4rem;  border-radius: 1rem;background: #ffffff0f;  backdrop-filter: blur(4px);transition: var(--transition1);font-family: var(--font1);font-weight: 600;color: #fff;display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 3rem;}
.sp-bg .sp-bg-txt a.more i{font-size: 1.5rem;}
.sp-bg .sp-bg-txt a.more:hover
{border: 1px solid #fff;background-color: #fff;color: #111;}

.detail-con
{background-color: var(--main-bg-color);border-radius: 3rem;padding: 5rem;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 5rem;}
.detail-con p
{font-family: var(--font2);color: #666;font-weight: 600;}

/* kakao map */
.root_daum_roughmap .cont .section.lst{display: none;}
.root_daum_roughmap .wrap_map{height: 100%!important}

/* 시설현황 */
.facilities-con{}
.facilities-con .facil-boxes{}
.facilities-con .facil-boxes .f-box
{display: flex;  flex-direction: row;  align-items: center;  gap: 5rem;border-bottom: 1px dashed #ccc;  margin-bottom: 5rem;  padding-bottom: 5rem;}
.facilities-con .facil-boxes .f-box .f-map .map
{height: 35rem;width:50rem}
.f-box .f-txt-wrap{width: 100%}
.f-box .f-txt-wrap h2
{font-size: 3rem;  font-weight: 700;  font-family: var(--font1);  color: #111; position: relative;display: flex;align-items: center;}
.f-box .f-txt-wrap h2 b
{background: var(--sub-color2);  color: #fff;  padding: 1rem;  border-radius: 1rem;  font-size: 1.6rem;  margin-right: 1rem;font-family: var(--font2);font-weight: 700;}
.f-box .f-txt-wrap .address
{margin: 2rem 0rem;  background: #f8f8f8; padding: 3rem 4rem;  border-radius: 2rem;}
.f-box .f-txt-wrap .address dl
{display: flex;  flex-direction: row;  align-items: baseline;margin-bottom: 1.5rem;}
.f-box .f-txt-wrap .address dl:last-child{margin-bottom: 0;}
.f-box .f-txt-wrap .address dl dt
{min-width: 13rem;  font-size: 1.6rem;  font-family: var(--font1);  font-weight: 600;  color: var(--sub-color2);}
.f-box .f-txt-wrap .address dl dd
{font-size: 1.6rem;  font-family: var(--font1);  font-weight: 400;  color: #444;    line-height: 1.5;  word-break: keep-all;}
.map-more
{width: 100%;display: flex;flex-direction: row;align-items: center;gap: 1rem;}
.map-more a
{width: calc(100% / 2);  padding: 1.5rem;  border-radius: 5rem;  border: 1px solid #222;  display: flex;  flex-direction: row;  align-items: center;  justify-content: center;  gap: 1rem;  color: #222;  font-family: var(--font1);  font-weight: 500;transition: var(--transition1);}
.map-more a i
{font-size: 2rem;transition: var(--transition1);}
.map-more a:nth-child(1) i
{color: #391b1b;}
.map-more a:nth-child(2) i
{color: #2eb400;}
.map-more a:hover
{box-shadow: var(--box-shadow);  background: var(--black-color);color: #fff;}
.map-more a:hover i
{filter: brightness(0) invert(1);}

/* 오시는 길 */
.location-con{}
.location-con .f-box
{display: flex;  flex-direction: column;  align-items: center;}
.location-con .f-box .f-map{width: 100%;}
.location-con .f-box .f-map .map
{height: 45rem;width:100%;max-width: var(--sub-container);}
.location-con .f-box .f-txt-wrap .address{gap: 2rem;}
.location-con .f-box .f-txt-wrap .address dl
{margin-bottom: 0; width: calc(100% / 2 - 20px );border-right: 1px solid #ccc;padding-left: 3rem;}
.location-con .f-box .f-txt-wrap .address dl:nth-child(2n)
{border-right: none;}
.location-con .f-box .f-txt-wrap .address
{display: flex;  flex-direction: row;  flex-wrap: wrap;    justify-content: center;}
.location-con .f-box .f-txt-wrap .address dl dt,
.location-con .f-box .f-txt-wrap .address dl dd{font-size: 1.8rem;}

/* sub02 */
/* 회원정보단체장 */
.sporgan-con{}
.sporgan-con .group-boxes
{max-height: 600px; overflow: scroll;/*background-color: var(--sub-bg-color);*/ padding: 3rem;  border-radius: 2rem;border: var(--border);  box-shadow: var(--box-shadow);}
.sporgan-con .group-boxes dl
{background-color: #fff;border-radius: 2rem;}
.sporgan-con .group-boxes .gimg
{height:100%;}

/* sub03 */
/* team tab */
.team-tab .tab-inner
{display: flex;flex-direction: row;align-items: flex-start;}
.team-tab .group-boxes
{width: 100%;  flex: 1}
.team-tab .group-boxes dl
{width: 100%;display: block;}
.team-tab .group-boxes .gimg img
{border-radius: 0;}
.team-tab .tab-inner .table-wrap
{flex: 3;}
.team-tab .tab-inner .table-wrap table.table-common
{margin-bottom: 3rem;}

/* 생활체육팀 지도활동 */
.spteam-con{}
.spteam-con dl.detail-txt
{ background: var(--main-bg-color);  padding: 5rem;  display: flex;}
.spteam-con dl.detail-txt{}
.spteam-con dl.detail-txt dt
{flex: 1; font-size: 2.2rem;  font-weight: 600;  font-family: var(--font1);  color: var(--sub-color2);border-right: 1px solid #6f6f6f;display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 1rem;}
.spteam-con dl.detail-txt dt i
{font-size: 2.2rem;}
.spteam-con dl.detail-txt dd
{flex: 5;text-align: center; font-weight: 600;  font-family: var(--font1);}