/* sitemap */
#sitemap 
{opacity: 1; min-width: 3rem; transition: all 0.2s ease; cursor: pointer;}
#sitemap:hover 
{opacity: 0.6;}
.dialog-widget-content 
{backdrop-filter: blur(10px);}
svg.e-font-icon-svg 
{width: 3.5rem !important; height: 3.5rem !important; z-index: 5;}
.elementor-popup-modal .dialog-close-button
{top: 5rem; right: 10rem;}

.sitemap-wrap 
{background-color: #00000030;}
.sitemap-wrap .map-wrap .box 
{padding: 2rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); opacity: 1; transition: all 0.3s ease;}
.sitemap-wrap .map-wrap .box:nth-last-child(1)
{border-bottom: 0;}
.sitemap-wrap .map-wrap .box .title h2
{font-size: 3.4rem; font-weight: 600; color: #fff; letter-spacing: -0.14rem;}
.sitemap-wrap .map-wrap .box .map-menu .menu-item:after
{transform: rotate(30deg);}
.sitemap-wrap .map-wrap .box .map-menu a
{color: #fff; font-size: 2rem; font-weight: 400; transition: all 0.3s ease;}

.sitemap-wrap .map-wrap:hover .box 
{opacity: 0.4;}
.sitemap-wrap .map-wrap .box:hover 
{opacity: 1;}
.sitemap-wrap .map-wrap .box .map-menu a:hover
{color: var(--point-color); font-weight: 500;}

.login_status
{line-height: 1.4; font-size: 1.7rem;}
i.mce-ico {font: normal 20px / 1 dashicons !important;}


.filter {filter: invert(1) brightness(0);}
.hide-menu {display: none !important;}
.text-ellipsis {-webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-box-orient: vertical;}

/* common design, sub design */
.main-btn
{padding: 1.5rem 2rem; display: flex; gap: 1.5rem; border: 1px solid #fff; border-radius: 3rem;}
.main-btn *
{transition: all 0.3s ease;}
.main-btn p
{font-size: 1.8rem; font-weight: 500; color: #fff;}
.main-btn i
{font-size: 1.8rem; color: #fff;}

.main-title-wrap 
{padding-bottom: 6rem; text-align: center;}
.main-title-wrap .detail 
{font-size: 2rem; font-weight: 300; letter-spacing: 0; font-family: "GyeonggiMillenniumTitle", sans-serif;}
.main-title-wrap .title 
{padding-top: 1.5rem; font-size: 4.6rem; font-weight: 600; font-family: "GyeonggiMillenniumTitle", sans-serif;}

.sub-content
{margin: 15rem 0;}
.sub-con
{margin: 10rem 0 0;}
.sub-sec 
{margin: 8rem 0;}
.sub-title
{position: relative; text-align: center; display: inline-block;}
.sub-title h2
{position: relative; display: inline-block; text-align: center; font-size: 5.5rem; color: #111; letter-spacing: -0.16rem; font-weight: 700; z-index: 3;}
.sub-title p
{font-size: 2.2rem; padding-bottom: 2rem; font-weight: 700; color: #505050; text-transform: lowercase;}

/* sub visual */
#subVisual 
{position: relative;}
#subVisual .sub-visual-bg
{position: absolute; width: 100%; height: 90dvh; z-index: -1; overflow: hidden;}
#subVisual .sub-visual-bg::after
{content: ""; position: absolute; top: 0; width: 100%; left: 0; height: 100%; background-color: #000; opacity: 0.5; z-index: -1;}

#subVisual .sub-visual-bg::before
{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; animation: bgZoom 2s ease forwards; z-index: -1;}
#subVisual.intro .sub-visual-bg::before {background-image: url(/wp-content/uploads/2026/01/sub-vis01.jpg);}
#subVisual.asso .sub-visual-bg::before {background-image: url(/wp-content/uploads/2026/01/sub-vis02.jpg);}
#subVisual.program .sub-visual-bg::before {background-image: url(/wp-content/uploads/2026/01/sub-vis03.jpg);}
#subVisual.notice .sub-visual-bg::before {background-image: url(/wp-content/uploads/2026/01/sub-vis04.jpg);}
#subVisual.community .sub-visual-bg::before {background-image: url(/wp-content/uploads/2026/01/sub-vis05.jpg);}
#subVisual.admin .sub-visual-bg::before {background-image: url(/wp-content/uploads/2026/01/sub-vis99.jpg);}

@keyframes bgZoom {
  from {transform: scale(1.06) rotate(0.3deg);}
  to {transform: scale(1) rotate(0deg); }
}
.sub-vis-txt-con
{display: flex; flex-direction: column; justify-content: center; align-items: center; height: 90dvh; overflow: hidden;}

.sub-vis-txt-con .txt-wrap
{text-align: center;}
.sub-vis-txt-con .txt-wrap .sub-title
{font-size: 5.5rem; font-weight: 500; color: #fff; font-family: 'GyeonggiMillenniumTitle', sans-serif;}
.sub-vis-txt-con .txt-wrap .sub-detail
{padding: 1.5rem 0 3rem; font-size: 2.4rem; font-weight: 400; color: #fff;}
.sub-vis-txt-con .txt-wrap .eng
{font-size: 2.4rem; font-weight: 500; color: var(--point-color); font-family: 'GyeonggiMillenniumTitle', sans-serif;}

.scroll-wrap 
{position: absolute; bottom: 12.5rem; left: 50%; transform: translateX(-50%);}
.scroll-wrap .mouse 
{position: relative; display: inline-block; width: 2.8rem; height: 4.6rem; border: 2px solid #fff; border-radius: 2rem;} 
.scroll-wrap .mouse .wheel 
{position: absolute; left: 50%; transform: translateX(-50%); width: 3px; height: 1rem; animation: wheelMove 1.5s infinite ease-in-out; background-color: #fff; border-radius: 2rem;} 

@keyframes wheelMove {
  0% {top: 0.8rem; opacity: 1;}
  100% {top: 2rem; opacity: 0;}
}

.sub-menu-wrap 
{padding-top: 2.5rem; display: flex; justify-content: space-between; align-items: center;}
.sub-menu-wrap .left ul.menu 
{display: flex;}
.sub-menu-wrap .left ul.menu li a
{display: inline-block; padding: 1.5rem 2rem; font-size: 1.7rem; font-weight: 300; font-family: 'GyeonggiMillenniumTitle', sans-serif; transition: all 0.3s ease; border-radius: 5rem;}
.sub-menu-wrap .left ul.menu li.current-menu-item a
{color: #fff; background-color: var(--txt-color);}

/* snb-vis-nav */
#Breadcrumb_page_name * 
{font-size: 1.6rem; position: relative; z-index: 2;}
#Breadcrumb_page_name i 
{font-size: 2rem;}
.breadcrumb-current_wrap
{display: flex; align-items: center; gap: 2.5rem;}
.breadcrumb-current_wrap span
{position: relative;}
.breadcrumb-current_wrap span::before
{content: ""; position: absolute; left: -1.25rem; top: 10%; width: 1px; height: 65%; background-color: #b1b1b1;}
.breadcrumb-current_wrap span:nth-of-type(1):before
{display: none;}

/* sub-menu02 */
.sub-menu02
{margin: 8rem 0;}
.sub-menu02 .sub-menu-list 
{margin-bottom: 8rem; background-color: var(--sub-color); border-radius: 1rem;}
.sub-menu02 .sub-menu-list ul
{padding: 1rem; display: flex; flex-flow: row wrap; gap: 1rem; justify-content: center;}
.sub-menu02 .sub-menu-list ul *
{transition: all 0.3s ease;}
.sub-menu02 .sub-menu-list ul li
{width: 8.4%;background-color: #fff; border-radius: 0.5rem;}
.sub-menu02 .sub-menu-list ul li a 
{display: inline-block; padding: 1.5rem; width: 100%; height: 100%; font-size: 1.7rem; color: #383838; font-weight: 600; text-align: center;}
.sub-menu02 .sub-menu-list ul li:hover
{background-color: var(--main-color);}
.sub-menu02 .sub-menu-list ul li.current-menu-item
{background-color: var(--main-color);}
.sub-menu02 .sub-menu-list ul li:hover a,.sub-menu02 .sub-menu-list ul li.current-menu-item a
{color: #fff;}

/* 종목단체 탭 */
.sub-menu03 .sub-menu-list 
{margin: 8rem 0;}
.sub-menu03 .sub-menu-list ul
{display: flex; flex-flow: row wrap; justify-content: center; gap: 1rem;}
.sub-menu03 .sub-menu-list ul *
{transition: all 0.3s ease;}
.sub-menu03 .sub-menu-list ul li
{width: 16%; background-color: #eee; border-radius: 3rem;}
.sub-menu03 .sub-menu-list ul li a 
{display: inline-block; padding: 2rem; width: 100%; font-size: 1.8rem; color: #383838; font-weight: 600; text-align: center;}
.sub-menu03 .sub-menu-list ul li:hover
{background-color: #383838;}
.sub-menu03 .sub-menu-list ul li.active
{background-color: var(--point-color);}
.sub-menu03 .sub-menu-list ul li:hover a,.sub-menu03 .sub-menu-list ul li.active a
{color: #fff; font-weight: 600;}

/* header,footer,top */
#header
{position: absolute; background: transparent; transition: all 0.3s ease-in-out; z-index: 99;}
#header.fixed 
{position: fixed !important; top: 0; left: 0; background-color: #fff; border-bottom: 1px solid #ddd; width: 100%;}
#header.fixed .elementor-nav-menu--main .elementor-item:not(.elementor-item-active) {color: var(--txt-color);}
#header.fixed #sitemap img {filter: brightness(0);}
#header .b-logo, #header.fixed .w-logo {display: none;}
#header.fixed .b-logo {display: block;}

.footer 
{background-color: #232323;}
.footer-top 
{padding: 6rem 0 3.5rem;}
.footer-top .footer-wrap
{display: flex; justify-content: space-between;}
.footer-top .footer-wrap .policy-con
{padding-bottom: 3rem;}
.footer-top .footer-wrap .policy-con .policy-wrap
{display: flex; gap: 3rem;}
.footer-top .footer-wrap .policy-con .policy-wrap .btn
{position: relative;}
.footer-top .footer-wrap .policy-con .policy-wrap .btn::before
{content: ""; position: absolute; top: 50%; right: -2rem; transform: translate(-50%, -50%); width: 3px; height: 3px; border-radius: 1rem; background-color: #fff;}
.footer-top .footer-wrap .policy-con .policy-wrap .btn:nth-last-of-type(1):before
{display: none;}
.footer-top .footer-wrap .policy-con .policy-wrap .btn a
{display: inline; font-size: 1.8rem; font-weight: 500; color: #fff; transition: all 0.3s ease;}

.footer-top .footer-wrap .adress-wrap
{display: flex; flex-direction: column; gap: 1.5rem;}
.footer-top .footer-wrap .adress-wrap .tel-wrap
{display: flex; gap: 2.5rem;}
.footer-top .footer-wrap .adress-wrap dl
{position: relative; display: flex; gap: 5px;}
.footer-top .footer-wrap .adress-wrap dl::before
{content: ""; position: absolute; top: 50%; right: -1.8rem; transform: translate(-50%, -50%); width: 3px; height: 3px; border-radius: 1rem; background-color: #fff;}
.footer-top .footer-wrap .adress-wrap dl:nth-last-of-type(1):before
{display: none;}
.footer-top .footer-wrap .adress-wrap .value-detail
{font-size: 1.8rem; color: #fff; font-weight: 500;}
.footer-top .footer-wrap .adress-wrap .value-name
{font-size: 1.8rem; color: #cdcdcd; font-weight: 300;}
.footer-bottom 
{padding: 1rem 0; border-top: 1px solid #878787;}
.footer-bottom .copyright
{font-size: 1.6rem; color: #878787;}