/********************** 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);}