
/* subMenu - dropdown */
.elementor-location-header {position:relative}
#subMenu
{/*position:absolute; bottom:0rem;*/ 
  /*   margin-top: 2rem;border-top: var(--border); border-bottom: var(--border);  */
   background: #fff;}
#subMenu .e-con-inner{padding: 0;}
#breadcrumb 
{width:100%; height:6.5rem;font-family: var(--font1);}
#breadcrumb .breadcrumb-con 
{display:flex; align-items:center; background:#fff; height:100%;}
#breadcrumb .home
{width:6.5rem; height:6.5rem; display:flex; align-items:center; justify-content:center;}
#breadcrumb .home a
{width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;/*border-left: var(--border);border-right: var(--border);*/}
 #breadcrumb .home i 
{font-size:1.8rem;color: #111;}
#breadcrumb .dep-con
{padding: 0 2rem; width:27rem; position: relative; cursor: pointer; height:6.5rem;/*border-right: var(--border)*/;}
#breadcrumb .dep-con .dep-tit 
{height:100%;}
#breadcrumb .dep-con .dep-tit .dep-active-tit 
{display:flex; justify-content:space-between; align-items:center; height:100%;margin: 0;}
#breadcrumb .dep-con .dep-tit .dep-active-tit i
{ font-size:1.8rem;}
#breadcrumb .dep-con .dep-tit .dep-active-tit span 
{font-size:1.8rem; font-weight: 600; }
#breadcrumb .dep-menu
{position:absolute; top:6.5rem; left:0; width:100%;background:#fff; border: var(--border) ; padding:2rem; z-index:9; display: none;}
#breadcrumb .dep-menu li a 
{font-size:1.6rem; color:#00000071; display:block; padding:1rem 0; transition:all 0.3s ease; font-weight: 600;}
#breadcrumb .dep-menu li.current-menu-parent a,
#breadcrumb .dep-menu li.current-menu-item a
{color:#111;}
#breadcrumb .dep-menu li a:hover 
{color:#111;}
.hide-menu{display: none;}

/* subVisual */
#subVisual{height: 40rem;background-color: transparent;}

#PolicyDetailMenu{margin: 5rem auto 0;}

/* deatilMenu */
#detailMenu
{justify-content: center;margin-bottom: 5rem;  display: flex;  align-items: stretch;  flex-direction: row;}
#detailMenu ul 
{background-color: #fff;gap: 1rem;display: flex;  flex-direction: row;  align-items: stretch;}
#detailMenu ul li
{border: var(--border); border-radius: 4rem;  overflow: hidden;}
#detailMenu ul li a
{font-size: 1.8rem;color: #555;font-weight: 600;font-family: var(--font1);  transition: var(--transition1);  padding: 1rem 3rem;  min-width: 18rem;display: flex; flex-direction: column;  align-content: center;  align-items: center;}
#detailMenu ul li .elementor-item-active,
#detailMenu ul li.current-menu-item a
{color: #fff!important; background: var(--black-color);}
#detailMenu ul li .elementor-item-active:hover
{color: #fff;}
#detailMenu ul li a:hover
{color: var(--main-color)}

/* subTopTitle */
#subTopTitle h2
{font-size: 5.5rem;  color: #fff;  margin: 18rem 0 0;  font-weight: bold;  font-family: var(--font1);  letter-spacing: 4px;}
#subTopTitle.sub-top-b h2{color: #111;}
/* #subTopTitle.sub01-top h2::after{display: block;content: '설립목적';font-size:6rem ;color: #fff;font-weight: 500;margin-top: 2rem;} */

/* subContent */
.sub-content{min-height: 700px;font-size: 1.8rem; color: #111;font-family: var(--font1); margin: 5rem 0 10rem;}
.sub-con-wrap{margin: 0 0 5rem;}
.sub-content .sub-bg{background-color: var(--main-bg-color); padding: 7rem 0;}

/* sub-title */
#subContent .sub-title{text-align: center;margin: auto;display: block;}
#subContent .sub-title h3{font-weight: 700;font-size:3.5rem;margin-bottom: 5rem;}

/* stitle */
.sub-con-wrap .stitle h3{ font-size: 2.5rem;  font-weight: 500;display: flex;flex-wrap: wrap;align-items: center;gap: 1rem;margin-bottom: 3rem;}
.sub-con-wrap .stitle h4{ font-size: 2.1rem;  color:#111;font-weight: 700;margin-bottom: 2rem; display: flex;  align-items: center;  gap: 1rem;}
.sub-con-wrap .stitle h4::before{display: block;content: '\e985';  font-family: 'xeicon';color: var(--main-color2);}
.sub-con-wrap .stitle p{font-weight: 600;margin-bottom: 1rem;font-size: 1.9rem;}

/* ul li */
.sub-con-wrap ul{ align-items: flex-start;display: flex;flex-direction: column;gap: 1rem;margin-bottom: 3rem;padding-left: 1rem;}
.sub-con-wrap ul li{display: flex; align-items: baseline;;gap: 1rem; line-height: 1.5;;}
.sub-con-wrap ul li::before{display: block;clear: both; content: '⦁';}

/* sub-table*/
.table-common{border-top: 2px solid var(--main-color);border-right: 1px solid #ddd;border-left: 1px solid #ddd; width: 100%; height: 100%; background-color: var(--sub-bg-color);text-align: center; ;}
.table-common th,.table-common td{ border: none !important;vertical-align: middle;border: 1px solid #ddd!important;color: #000; padding: 1.5rem; }
table.table-common tbody>tr:nth-child(odd)>td{background-color: #f9f9f9!important;}
table.table-common tbody>tr:nth-child(odd)>th{border-bottom: 1px solid #ddd !important;background-color: #f4f4f4!important;}
table.table-common tbody tr:hover>td, table.table-common tbody tr:hover>th{background-color: #fff;}
table.table-common tbody>tr:nth-child(even){background-color: #fff;}
table.table-common tbody>tr{transition: var(--transition1);}
.table-common th{text-align: center;  font-weight: 600;/*border-right: 1px solid #ddd!important;*/background-color: var(--sub-bg-color)!important}
.table-common th i{margin-right: 1rem;}
.table-common td a{padding: 0.5rem;}
.table-common td a:hover i{opacity: .7;}
.table-common td i{font-size: 2rem;color: #222;}
.table-common ul{align-items: start;margin-bottom: 0; line-height: 0;}
/* .table-common ul li::before{content: '-';} */

/* deatil-box */
.detail-box dl
{ background: var(--sub-bg-color);  padding: 3rem;  border: var(--border);}
.detail-box span{}

/* detail-boxes */
.detail-boxes
{display: flex;  flex-direction: row;  gap: 2rem;  align-items: stretch;}
.detail-boxes dl
{width: 100%;  background: var(--sub-bg-color);  padding: 3rem;  border: var(--border);}
.detail-boxes dl dt
{font-weight: 600;font-size: 2rem;}
.detail-boxes dl dt::after
{display: block;content: '';width: 3rem;height: 1px;background-color: #000; margin: 1rem 0;}
.detail-boxes dl dd{color: #333;}

/* detail-boxes-02 */
.detail-boxes-02
{display: flex;flex-direction: row;gap: 3rem; align-items: stretch;justify-content: space-between;}
.detail-boxes-02 dl
{width: 100%;border-radius: 1rem}
.detail-boxes-02 dl dt
{font-weight:700;font-size: 2rem;}
.detail-boxes-02 dl dd{}

/* detail-txt */
.detail-txt{}
.detail-txt dl
{ display: flex;  flex-direction: column;  align-items: stretch;  gap: 1rem;}
.detail-txt dl dt
{font-weight: 500;min-width: 11rem;}
.detail-txt dl dd{}

/* sub01 */
/* greeting 인사말 */
.greeting-con .greeting-txt::before
{display: block;  content: '';  position: absolute;  background: url(/wp-content/uploads/2025/12/cropped-fav.png) no-repeat;  width: 55rem;  height: 55rem;  right: -6rem;  bottom: -12rem;  opacity: 0.1;}
.greeting-con .greeting-txt
{word-break: keep-all;position: relative;}
.greeting-con .greeting-txt p:last-child{margin-bottom: 0;}
.greeting-con .greeting-txt p strong
{ font-size: 4rem;  font-weight: 700;  background-image: linear-gradient(90deg, #ff8d00, #2f1b81);  -webkit-background-clip: text;  background-clip: text;  -webkit-text-fill-color: transparent;  color: transparent;}
.greeting-con .greeting-txt p
{font-weight: 400;}
.greeting-con .greeting-txt p b
{font-size: 2.1rem;font-weight:600;}

/* 설립목적 */
.purpose-con{}
.purpose-con .sub-img{position: relative;}
.purpose-con .sub-img::before
{ display: block;content: ''; position: absolute;opacity: 0.4; left: 0;top: 0;width:100%;height: 100%; background: url(/wp-content/uploads/2026/01/purpose-img.png) no-repeat center top 14%,var(--main-bg-color); background-size: 60%;}
.purpose-con .img-box
{ position: relative;z-index:1; display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  gap: 1rem;}
.purpose-con .img-box small
{font-size: 1.6rem;  font-weight: bold;  color: var(--main-color);backdrop-filter: blur(2px);}
.purpose-con .img-box span
{font-size: 3rem;  font-weight: 600;backdrop-filter: blur(2px);}

.detail-boxes-02.value-box dl
{ padding: 7rem;}
.detail-boxes-02.value-box dt
{font-weight: 600;font-size: 2.2rem;}
.detail-boxes-02.value-box .box-icon01
{background: url(/wp-content/uploads/2026/01/purpose-img02.png) no-repeat right bottom 500%, #a9e3d8;;background-size: 60%;}
.detail-boxes-02.value-box .box-icon02
{background: url(/wp-content/uploads/2026/01/purpose-img03.png) no-repeat right bottom  93%, #a9e3d8;background-size: 55%;}

.detail-boxes-02.sp-box{}
.detail-boxes-02.sp-box dl
{padding: 3rem;  padding: 3rem;  display: flex;  flex-direction: column;  align-items: center; ;border: var(--border);}
.detail-boxes-02.sp-box dl small
{font-weight: 600;margin-bottom: 3rem;  background-color: var(--sub-bg-color);color: #333;  padding: 5px;  border-radius: 5rem;  min-width: 5rem;  display: flex;  flex-direction: column;  align-items: center;}
.detail-boxes-02.sp-box dl .box-icon
{max-height: 16rem;margin-bottom: 2rem;}
.detail-boxes-02.sp-box dl .box-icon img
{height: 100%;}
.detail-boxes-02.sp-box dl dt{font-size: 1.8rem;margin-bottom: 5px;}
.detail-boxes-02.sp-box dl dd{}

/* 연혁 */
.history-con-wrap
{position: relative;margin-bottom: 5rem;}
.history-con-wrap .history-con-txt
{border: var(--border);border-radius: 1rem;display: flex;flex-direction: row;justify-content: space-between;align-items: baseline; scroll-margin-top: 12rem;  margin-bottom: 2rem;  padding: 2rem 4rem;;}
.history-con-wrap .history-con-txt .history-txt
{width: 100%; }
.history-con-wrap .history-year-top
{  position: sticky;  top: 12rem;}
.history-year-bottom 
{ width: 85%;  margin-left: 15%;margin-top: -27.5rem;}
.history-con-wrap .history-year-top ul
{display: flex;flex-direction: column;gap: 1rem;}
.history-con-wrap .history-year-top ul li a
{border-radius: 1rem;padding: 1rem;transition: var(--transition1);font-weight: 500; background-color:#222; color:#fff; border: var(--border); display: flex; flex-direction: column;  flex-wrap: nowrap; align-items: center;  justify-content: center;  width: 16rem;}
.history-con-wrap .history-year-top ul li a:hover
{background-color: var(--main-color);color: #fff;}
.history-con
{ scroll-behavior: smooth;  display: flex;flex-direction: column;  gap: 3rem; gap: 5rem;}
.history-con-wrap h2
{font-size: 3rem;  font-weight: 700; color:#222;; min-width: 15rem; margin: 1rem 0 0 0;}
.history-con-wrap dl
{ display: flex;flex-direction: row;gap: 4rem;justify-content: flex-start;padding: 1rem 0;align-items: baseline;}
.history-con-wrap dt
{font-weight: 700;  min-width: 10rem;  color: var(--main-color);  display: flex;  flex-direction: column;  padding: 1rem;}
.history-con-wrap dd
{display: flex;flex-direction: column; justify-content: center;color: #111;gap: 1rem;}
.history-con-wrap dd p
{margin: 0;font-weight: 500;}

.history{}
.history .sub-bg{background-color: var(--sub-bg-color);}
.history .img-box
{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.history .img-box small
{font-size: 3rem;font-weight: 700;
  /* text-color custom */
  background-image: linear-gradient(90deg, #ff8d00, #2f1b81);  -webkit-background-clip: text;  background-clip: text;  -webkit-text-fill-color: transparent;  color: transparent;}


/* 조직현황 */
.group-box
{display: flex;  flex-direction: column;  align-items: center;  width: 100%;margin-bottom: 10rem;}
.group-box:last-child{margin-bottom: 0;}
.group-box dl
{border-radius:1rem 1rem 0 0 ;overflow: hidden;width: 25rem; border: var(--border); display: flex;  flex-direction: column;  justify-content: center;  align-items: center;}
.group-box dl .group-img { margin: 2rem 0 1rem;}
.group-box dl dt
{background: var(--sub-bg-color); border-bottom: 1px solid #ddd; color: #222; font-weight: bold; padding: 1rem; width: 100%;  height: 100%;  text-align: center;}
.group-box dl dd
{padding: 1rem;background-color: #fff;width: 100%;height: 100%;text-align: center;}
.group-box dl dd p{margin-bottom: 0rem;font-weight: 600;}
.group-box dl dd span{color: #777;font-size: 1.6rem;font-weight: 500;}
.group-box .point dt
{background-color:var(--main-color2);color: #fff;}

.box-top-txt 
{ max-width: 25rem; font-weight: 600; padding: 1rem 0 0.7rem 0;color: #fff; border-radius:1rem 1rem 0 0 ;align-items: center;justify-content: center; background: var(--main-color2);  width: 100%;  display: flex;  flex-direction: column;  ;}

.box-top
{width: 100%;display: flex;  flex-direction: column;  align-items: center;position: relative;}
.box-top::after
{display: block;content: '';width: 1px ;height: 5rem;margin: 0 auto;background-color: var(--main-color2);}
.box-bottom
{width: 100%;  border-top: 2px solid var(--main-color2);}
.box-bottom-01
{display: flex;flex-direction: row;}
.box-bottom .group-table-wrap
{display: flex;  flex-direction: row; height: 100%; flex-wrap: wrap;  justify-content: space-between;  width: 100%;}
.box-bottom .table-group
{width: 50%;height:auto;}
.box-bottom .table-group th
{background-color: #fff!important;width: 33%!important;padding: 2rem;  line-height: 0;}
.box-bottom .table-group .blank
{background-color:#fff!important;border: none!important;}
.box-bottom .table-group td p{margin-bottom: 0;font-weight: 500;}
.box-bottom .table-group td span
{color: #777;  font-size: 1.6rem;  font-weight: 500;}
.table-group
{border-top: none;}
table.table-group
{border-top: 1px solid #ddd!important; border-right: none;}
table.table-group tbody>tr:nth-child(odd)>th
{background-color: #fff!important;border-right: 1px solid #ddd!important;}

/* 주요사업 */
.business-con{}
.business-con .detail-boxes{flex-wrap: wrap;}

/* 규정 */
.provision-con table.table-common td:nth-child(1) 
{text-align: left;  padding-left: 3rem;}
.provision-con table.table-common td
{line-height: 0;}
.provision-con table.table-common td a
{padding: 0.5rem;  display: flex;  flex-direction: row;  align-items: center;  justify-content: center;  gap: 3px;}
.provision-con table.table-common td a i
{margin-bottom: 3px;}

/* 오시는 길 */
.root_daum_roughmap .cont .section.lst{display: none;}
.load{border-radius: 3rem ;overflow: hidden;}
.load .map{width: 100%;height: 50rem;}
.root_daum_roughmap .wrap_map{height: 100%!important}
.location-con{}
.location-con .sub-bg{background-color: var(--sub-bg-color);}
.location-con .sub-bg .detail-boxes dl{background-color:#fff;}
.location-con .detail-boxes dl dt::before{display: inline;margin-right: 1rem; content: '\e9a6';  font-family: 'xeicon';;}

/* sub02 */
/* 체육단체 */
/* tab */
.tab-content {display: none;}
.tab-content.active { display: block;}
.tab-buttons { display: flex; gap: 1rem;  margin-bottom: 5rem;justify-content: center;}
.tab-btn 
{padding: 1.2rem 3rem; color: #111!important; font-family: var(--font1);font-size: 1.7rem; border: var(--border); cursor: pointer;}
.tab-btn:hover
{background-color:  var(--main-bg-color);}
.tab-btn.active,.tab-btn:focus
{background-color:  var(--main-color);color: #fff!important;border: 1px solid transparent;border-radius: 0;}


/* sub04 */
/* 지도서비스 */
.program-con{}
.program-con table.table-common tbody>tr:nth-child(odd)>td{background-color: #fff!important;}
.program-con span
{text-align: right;display: block;}

/* 주요시설 */
.facilities-con{}
.facilities-con a
{display: flex;flex-direction: row;align-items: center;gap: 5px;justify-content: center;}
.facilities-con .sub-img
{position: relative;}
.facilities-con .sub-img::before
{ display: block;content: ''; position: absolute;opacity: 0.4; left: 0;top: 0;width:100%;height: 100%; background: url(/wp-content/uploads/2026/01/purpose-img.png) no-repeat center top 14%,var(--main-bg-color); background-size: 60%;}
.facilities-con .img-box
{ position: relative;z-index:1; display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  gap: 1rem;}
.facilities-con .img-box span
{font-size: 3rem;  font-weight: 600;backdrop-filter: blur(2px);}
.facilities-con .img-box dl
{background-color: #fff;display: flex;flex-direction: row;align-items: center;}
.facilities-con .img-box dl dt
{padding: 1rem 0; min-width: 17rem; display: flex;flex-direction: column;align-items: center;background-color: var(--main-color2);color: #fff;}
.facilities-con .img-box dl dd
{padding: 1rem ;min-width: 18rem; display: flex;flex-direction: column;align-items: center; }


