/* common design, sub design */
.hide-menu 
{display: none !important;}
.text-ellipsis 
{-webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-box-orient: vertical;}

.sub-area .login_status,.sub-area .register_status,.sub-area .register_links li
{font-size: 1.5rem; line-height: 2; text-align: center;}

/* 회원가입.로그인 */
#header #member nav ul
{position: relative; gap: 2rem;}
#header #member nav ul li::before
{content: ""; position: absolute; right: -1rem; width: 1px; height: 85%; background-color: #515151;}
#header #member nav ul li:nth-last-of-type(1)::before
{display: none;}
#header #member nav > ul > li > a 
{padding:0; justify-content: center; font-size:1.6rem; font-family:'pretandard' !important; color:#515151;}
.header #member .menu-item {min-width: 0;}
.logged-in .login-btn { display: none !important; }
.logged-in .logout-btn { display: block !important; }
.logout-btn { display: none !important; }
#subVisual #subMenu ul.elementor-nav-menu li.logout-btn a 
{display: block;}

.main-title 
{position: relative; color: #000; font-family: 'pretandard'; font-weight: 800; font-size: 4.6rem; letter-spacing: -0.12rem;}
.main-title::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -2rem; width: 1rem; height: 1rem; border-radius: 50%; background-color: var(--sub-color);}

.sub-con
{margin: 12rem 0;}
.sub-area
{position: relative; z-index: 1;}
.sub-sec 
{margin-bottom: 8rem;}
.sub-sec:nth-last-of-type(1)
{margin-bottom: 0;}
.sub-title-con 
{margin: 12rem 0; text-align: center;}
.sub-title
{position: relative;  display: inline-block;}
.sub-title h2
{position: relative; font-family: 'pretandard', sans-serif; display: inline-block; font-size: 5rem; color: #111; letter-spacing: -0.16rem; font-weight: 800; z-index: 3;}
.sub-title h2::before
{content: ""; position: absolute; right: -1rem; top: -1rem; width: 1rem; height: 1rem; background-color: var(--main-color); border-radius: 50%;}
.sub-title p
{font-size: 2.2rem; padding-bottom: 2rem; font-weight: 500; color: #222; text-transform: lowercase;}

/* sub visual */
.sub-vis-wrap
{position: relative;}
.sub-vis-wrap .sub-vis-top
{position: relative; padding: 20rem 0; background-color: #ccc; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 0 0 8rem 8rem; overflow: hidden;}
.sub-vis-wrap .sub-vis-top::before
{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.3; z-index: 0;}

.sub-vis-wrap .sub-vis-top .vis-wrap
{position: relative; font-size: 5.5rem; color: #fff; text-align: center; font-weight: 700; font-family: 'pretandard', sans-serif;}
.sub-vis-wrap .sub-nav-wrap ul
{display: flex; gap: 1rem; justify-content: center;}
.sub-vis-wrap .sub-nav-wrap ul li a
{padding: 2rem; display: block; font-size: 1.8rem; color: #555; font-weight: 600; font-family: 'pretandard', sans-serif; transition: all 0.3s ease;}
.sub-vis-wrap .sub-nav-wrap ul li a:hover,.sub-nav-wrap .current_page_item a
{color: var(--sub-color) !important;}

.intro .sub-vis-wrap .sub-vis-top {background-image: url("/wp-content/uploads/2026/03/sub-intro.jpg");}
.program .sub-vis-wrap .sub-vis-top {background-image: url("/wp-content/uploads/2026/03/sub-program.jpg");}
.gallery .sub-vis-wrap .sub-vis-top {background-image: url("/wp-content/uploads/2026/03/sub-gallery.jpg");}
.notice .sub-vis-wrap .sub-vis-top {background-image: url("/wp-content/uploads/2026/03/sub-notice.jpg");}
.business .sub-vis-wrap .sub-vis-top {background-image: url("/wp-content/uploads/2026/05/sub-bus.jpg");}

/* sitemap */
#sitemap 
{opacity: 1; min-width: 3rem; transition: all 0.2s ease; cursor: pointer;}
#sitemap:hover 
{opacity: 0.6;}
.sitemap-wrap 
{position: relative; background-color: #00000030; 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: 2rem; right: 2rem; margin: 0;}
#elementor-popup-modal-454 .dialog-close-button svg
{fill: #000 !important;}

.accordion-con svg.e-font-icon-svg 
{width: 2.5rem !important; height: 1.5rem !important; z-index: 5;}
.accordion-con .e-n-accordion-item-title 
{padding: 3rem 2rem !important; border-bottom: 1px solid #ddd; cursor: pointer;}
.accordion-con .e-n-accordion-item-title-text 
{font-size: 1.8rem !important; font-weight: 700;}
.accordion-con .accordion-wrap 
{background-color: #F1F1F1; padding: 0;}
.accordion-con .accordion-wrap .acc-sub 
{padding: 0;}
.accordion-con .accordion-wrap .acc-sub .elementor-nav-menu 
{flex-direction: column; width: 100%;}
.accordion-con .accordion-wrap .acc-sub .elementor-nav-menu a
{padding: 2rem;}
.accordion-con .accordion-wrap .acc-sub .elementor-nav-menu a:hover
{background-color: #ddd;}
 
/* header,footer */
#top {display: none; position: fixed; bottom: 6rem; right: 6rem; cursor: pointer; z-index: 20; border-radius: 1.5rem; overflow: hidden;}

#header {position: relative; background-color: transparent; transition: all 0.3s ease-in-out; background-color: #fff; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); z-index: 99;}
#header.fixed {position: fixed !important; top: 0; left: 0; width: 100%;}

#footer {box-shadow: 0 -3px 3px rgba(0 0 0 / 3%); background-color: #121212;}
.footer-wrap {padding: 4rem 6rem; display: flex; justify-content: space-between;}
.footer-left .adress-wrap {display: flex; flex-flow: column wrap; gap: 1.5rem;}
.footer-left .adress-wrap li {color: #fff; font-size: 1.6rem; font-weight: 500;}
.footer-left .adress-wrap li .value-name {color: #c6c6c6; font-size: 1.6rem; font-weight: 400;}
.footer-left .adress-wrap .tel-wrap {display: flex; gap: 2rem 5.5rem;}
.footer-left .adress-wrap .tel-wrap li {position: relative;}
.footer-left .adress-wrap .tel-wrap li::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -3rem; width: 2px; height: 1.5rem; background-color: #fff;}
.footer-left .adress-wrap .tel-wrap li:nth-last-of-type(1):before {display: none;}
.footer-right {text-align: end;}
.footer-right .policy-wrap {display: flex; gap: 3rem;}
.footer-right .policy-wrap li a {color: #fff; font-size: 1.6rem; font-weight: 600; transition: all 0.3s ease;}
.footer-right .policy-wrap li a:hover {color: var(--sub-color);}
.footer-right .copyright {padding-top: 2rem; font-size: 1.4rem; font-weight: 300; color: #fff;}