@charset "UTF-8";

/* 로그인하지 않은 일반 방문자에게만 상단 바 숨기기 */
body:not(.logged-in) #wpadminbar {
    display: none !important;
}

/* 로그인하지 않은 상태에서 생기는 상단 여백 제거 */
body:not(.logged-in) {
    margin-top: 0px !important;
}

html:not(.logged-in) {
    margin-top: 0px !important;
}

:root {
   --color-main-green : #0F763B;
   --font-pretendard : 'Pretendard', sans-serif;
   --pc-inner : 1600px;
}


/* common */
a {color: #000; font-family: var(--font-pretendard);}
p {padding: 0; margin: 0;}
img {vertical-align: top; max-width: 100%;}
.hidden {display: none !important;}
.main-section ul {list-style: none; padding: 0;}
.main-section ul li {position: relative; padding-left: 1rem;}
.main-section ul li:before {content: '•'; position: absolute; left: 0; top: -1px; color: #000;}


/* intro */
.btn-link {position: relative; transition: 0.2s all linear; word-break: keep-all; letter-spacing: -0.5px;}
.btn-link:after {content:''; width: 12px; height: 11px; background: url('/wp-content/uploads/2026/04/icon-arrow.png') center / contain no-repeat; display: inline-block; vertical-align: middle; margin-left: 10px; transition: 0.2s all linear;}

/* header */
.elementor-nav-menu--main .elementor-nav-menu > .menu-item {position: relative;}
.elementor-nav-menu .sub-arrow {display: none;}
.elementor-nav-menu--main .menu-item .sub-menu {position:absolute; left: 50% !important; transform: translateX(-50%) !important; top: 2.5rem !important; width: auto !important;  min-width: 10em !important; background: rgba(0,0,0,0.6);}
.elementor-nav-menu--main .menu-item .sub-menu .elementor-sub-item {padding: 0.75rem 1rem; justify-content: center; border: none; color: #fff; font-weight: 500;} 
.elementor-nav-menu--main .menu-item .sub-menu .elementor-sub-item:hover {background: var(--color-main-green);}

/* main */
.main-slide-wrap {position: relative;}
.main-visual {position: relative;}
.main-visual .main-visual-side {position: absolute; bottom: 13rem;}
.main-visual .swiper-pagination {position: absolute; left: calc(((100% - 1600px) / 2) + 16px); width: 100px; background: rgba(255, 255, 255, 0.4); top: 85vh;}
.main-visual .elementor-swiper-button, .main-slide-wrap #slideBtn, .main-slide-wrap #slideCnt {position: absolute; top:85.25vh !important; width: 20px; height: 20px;}
.main-visual .elementor-swiper-button svg {display: none;}
.main-visual .elementor-swiper-button.elementor-swiper-button-prev {left: calc(((100% - 1600px) / 2) + 180px + 16px) !important; background:url('/wp-content/uploads/2026/05/icon-prev.png') center / 6px no-repeat; }
.main-visual .elementor-swiper-button.elementor-swiper-button-next {left: calc(((100% - 1600px) / 2) + 240px + 16px) !important; background:url('/wp-content/uploads/2026/05/icon-next.png') center / 6px no-repeat;}
.main-slide-wrap #slideBtn {top: 84.25vh !important; left: calc(((100% - 1600px) / 2) + 210px + 16px); text-indent: -99999px; background: url('/wp-content/uploads/2026/05/icon-stop.png') center / 8px no-repeat; z-index: 9; margin: 0; padding: 0;}
.main-slide-wrap #slideCnt {width:auto; height: auto; top: 84vh !important; left: calc(((100% - 1600px) / 2) + 125px + 16px); z-index: 9; margin: 0; padding: 0; letter-spacing: 2px;}
.main-slide-wrap #slideCnt span {}

.main-btn-link {position: relative; transition: 0.2s all linear; word-break: keep-all; letter-spacing: -0.5px;}
.main-btn-link:after {content:''; width: 12px; height: 11px; background: url('/wp-content/uploads/2026/05/icon-arrow2-bk.png') center / contain no-repeat; display: inline-block; vertical-align: middle; margin-left: 10px; transition: 0.2s all linear;}
.main-section .main-btn-link.wh:after {background-image: url('/wp-content/uploads/2026/05/icon-arrow2-wh.png');}
.main-section .main-btn-link:hover:after {background-image: url('/wp-content/uploads/2026/05/icon-arrow2-wh.png');}
.main-section.main-banner {width: var(--pc-inner); margin-left: auto; margin-right: auto;}
.main-section.main-banner .main-btn-link:after {background-image: url('/wp-content/uploads/2026/05/icon-arrow2-wh.png');}
.main-section.main-banner .main-btn-link:hover:after {background-image: url('/wp-content/uploads/2026/05/icon-arrow2-org.png');}

.space-section {border:1px solid #022304; border-left: none; border-right: none;}

.more-all {}
.more-all:after {content:''; width: 46px; height: 46px; /*background: url('/wp-content/uploads/2026/05/icon-big-more.png') center / contain no-repeat;*/ background: url('/wp-content/themes/hello-theme-child-master/custorm/img/icon-big-more.svg') center / contain no-repeat; display: inline-block; vertical-align: middle; margin-left: 10px; transition: 0.2s all linear;}

.space-section .inner {position: relative; border-left: 1px solid #022304;}
.space-section .inner:before, .carousel-slide:before {content:''; position: absolute; width: 441px; height: 498px; background: url('/wp-content/uploads/2026/05/space-bg01.png') center / contain no-repeat;}
.space-section .inner:before{left: -8.5rem; top: 4rem; transform: rotate(180deg);}
.space-section .inner .more-all {position: absolute; right: 0; top: calc(120px + 70px);}

.carousel-slide {position: relative;}
.carousel-slide:before {right: 0%; top: 50%; transform: translateY(-50%);}
.carousel-slide .elementor-swiper-button {position: absolute; top: auto !important; background: url('/wp-content/uploads/2026/05/icon-big-more.png') center / contain no-repeat;width: 50px; height: 50px;}
.carousel-slide .elementor-swiper-button svg {display: none;}
.carousel-slide .elementor-swiper-button.elementor-swiper-button-prev {transform: rotate(-180deg) !important; bottom: 0 !important; right: 60px !important; left: auto !important; }
.carousel-slide .elementor-swiper-button.elementor-swiper-button-next {bottom: -1.625rem !important;}

/* 동호외 모집 게시판 */
.main-tab {position: relative; min-height: 572px;}
.main-tab .more-all {position: absolute; right: 0; top: -97px;}

.kboard-main-board {background: transparent; border: none;}
.main-board-wrap {display: flex; align-items: center; gap: 24px;}
.main-board-wrap .main-board-item {background: #fff; width: calc((100% - (24px * 3)) / 4);}
.kboard-main-club .club-info a {box-sizing: border-box; padding: 2.5rem; min-height: 205px; display: block;} 
.kboard-main-club .club-info .club-category {display: flex; align-items: center; color: #666; font-weight: 500;}
.kboard-main-club .club-info .club-category p:after {content:'·'; display: inline-block; vertical-align: middle; margin: 0 5px; margin-top: -3px;}
.kboard-main-club .club-info .club-category p:last-child:after {display: none;}
.kboard-main-club .club-info .club-tit {font-size: 20px; font-weight: 600; margin-top: 0.5rem; line-height: 1.5; word-break: keep-all;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; height: 5.625rem;}
.kboard-main-club a:hover .club-category {color: #333;}
.kboard-main-club a:hover .club-tit {color: var(--color-main-green);}

/* 공지사항 게시판 */
.kboard-main-notice {}
.kboard-main-notice a {background: #f9f9f9;box-sizing: border-box; padding: 2.5rem; display: block;}
.kboard-main-notice .notice-tit {font-size: 23px; line-height: 1.5; color: #1F2937; font-weight: 500; word-break: keep-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; height: 6.625rem;}
.kboard-main-notice .notice-date {margin-top: 2rem; color: #666;}
.kboard-main-notice .notice-date .ico-time {width: 20px; height: 20px; background: url('/wp-content/uploads/2026/05/icon-time.png') center / contain no-repeat; display: inline-block; vertical-align: middle; margin-right: 5px;}




/* === 서브 =============================================================================================================================== */

/* 공통 */
.sub-visual-wrap {}
.sub-visual-wrap .e-con>.elementor-widget {height: 100%;}
.sub-vs-title {top: 45% !important; height: auto !important;}
.sub-vs-title h1 {color: #fff !important;}
.breadcrumbs {width:100%; max-width: 1600px !important; margin: 0 auto;}
.uc-breadcrumbs-list {}
.uc-breadcrumbs-list .uc-breadcrumb-item:first-child .uc-item-title-inner {width: 20px; height: 20px; background: url('/wp-content/uploads/2026/05/icon-home.png') center / contain no-repeat; text-indent: -99999px; }
.uc-breadcrumbs-list .uc-breadcrumb-current {font-weight: 600;}
.uc-breadcrumbs-list .uc-breadcrumb-separator {width: 8px; height: 10px; background: url('/wp-content/uploads/2026/05/icon-next.png') center / contain no-repeat; text-indent: -99999px; filter: invert(1);}

.pc-inner {max-width: var(--pc-inner) !important; margin-left:auto; margin-right:auto;}
.txt-center {text-align: center;}

/* 프로그램 */
.sub-tab-wrap {}
.sub-tab-wrap .elementor-nav-menu {display: flex; width: 100%;}
.sub-tab-wrap .elementor-nav-menu li {flex: 1; text-align: center;}
.sub-tab-wrap .elementor-nav-menu li a {display: block; text-align: center; background: #f5f5f5;}
.sub-tab-wrap .elementor-nav-menu li a, .sub-tab-wrap .elementor-nav-menu li a:hover {padding: 1.125rem 1rem;}
.sub-tab-wrap .elementor-nav-menu li a:hover, .sub-tab-wrap .elementor-nav-menu li.current_page_item a {background: var(--color-main-green); color: #fff;}
.program-desc {word-break: keep-all;}

/* 공간 안내 */
.space-info-list {box-sizing: border-box; display: flex; flex-wrap: wrap; color: #fff; font-size: 1.375rem; gap: 1.5rem 3.75rem; padding: 0 5% 3rem; width: 1120px; margin: 0 auto;}
.space-info-list .space-info-item {width: 600px; display: flex; gap: 1rem; }
.space-info-list .space-info-item:nth-child(2n) {width: 300px;}
.space-info-list .space-info-item .num {width: 34px; height: 34px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; color: #215441; font-weight: 600;}
.space-info-list .space-info-item .desc {display: flex; flex-direction: column; gap: 0.25rem;}
.space-info-list .space-info-item .desc p {display: flex; }
.space-info-list .space-info-item .desc p span {display: block; width: 40px;}
.btn-instagram img, .btn-instagram p, .btn-instagram:hover img, .btn-instagram:hover p {transition: 0.2s all linear;}
.btn-instagram:hover img {filter: brightness(0) invert(1);}
.btn-instagram:hover p {color:#fff;}





























/* === 반응형 =============================================================================================================================== */
@media (max-width:1600px) {

   /* 메인 */
   .main-visual .swiper-pagination {left: 16px; }
   .main-visual .elementor-swiper-button.elementor-swiper-button-prev {left: calc(16px + 180px) !important;  }
   .main-visual .elementor-swiper-button.elementor-swiper-button-next {left: calc(16px + 240px) !important; }
   .main-slide-wrap #slideBtn {left: calc(16px + 210px); }
   .main-slide-wrap #slideCnt {left: calc(16px + 125px); }
    
}

@media (max-width:1400px) {

   /* 메인 */
   .elementor .e-4d26741-8c36153 { inset-block-start: 80px; inset-inline-start: 80px;}

   /* 공간안내 */
   .space-info-list {width: 90%; font-size: 1.125rem;  gap: 1.5rem 0; padding: 0 0 2rem;}
   .space-info-list .space-info-item {width: 65%;}
   .space-info-list .space-info-item:nth-child(2n) {width: 35%;}
   .space-info-list .space-info-item .num { width: 30px; height: 30px; font-size: 1rem;}


}

@media (max-width:1200px) {

   /* 메인 */
   .elementor .e-4d26741-8c36153 { inset-block-start: 60px; inset-inline-start: 60px;}
   .elementor-435 .elementor-element.elementor-element-dc02f15 { margin: 1.5rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem; font-size: 40px; line-height: 54px;}
   .elementor-435 .elementor-element.elementor-element-ea2e76a { margin: 1.25rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem; font-size: 18px; line-height: 28px;}
   .elementor .e-07733f4-8d62a12 { margin-block-start: 2.5rem;}
   .elementor .e-fdad338-2168609 { width: 130px; padding-block-start: 2px; gap: 6px;}
   .elementor-435 .elementor-element.elementor-element-a663314 {font-size: 14px;}

   .kboard-main-club .club-info a {padding: 2rem;}

    
}

@media (max-width:1024px) {

   body {width:100%; overflow-x: hidden;}

   /* 메인 */
   .main-visual .swiper-pagination {left: 5%; }
   .main-visual .elementor-swiper-button.elementor-swiper-button-prev {left: calc(5% + 180px) !important;  }
   .main-visual .elementor-swiper-button.elementor-swiper-button-next {left: calc(5% + 240px) !important; }
   .main-slide-wrap #slideBtn {left: calc(5% + 210px); }
   .main-slide-wrap #slideCnt {left: calc(5% + 125px); }
   .elementor .e-36894b6-9ecf0aa { inset-block-start: 60px; inset-inline-start: 60px;}

   .space-section .inner .more-all {top: 58px;}
   .space-section .inner .more-all:after {width: 38px; height: 38px;}
   .carousel-slide .elementor-swiper-button {width: 42px; height: 42px;}
   .carousel-slide .elementor-swiper-button.elementor-swiper-button-next { bottom: -1.375rem !important; }
   .carousel-slide .elementor-swiper-button.elementor-swiper-button-prev { right: 52px !important;}
   .space-section .inner:before { left: -4.5rem; top: 3rem; }
   .space-section .inner:before, .carousel-slide:before { width: 300px; height: 339px;}
   .carousel-slide:before {transform: none;}

   .main-tab {min-height: 430px;}
   .main-board-wrap {gap: 20px;}
   .main-board-wrap .main-board-item:last-child {display: none;}
   .main-board-wrap .main-board-item { width: calc((100% - (20px * 2)) / 3);}
   .kboard-main-club .club-info a {min-height: 180px;}
   .kboard-main-club .club-info .club-tit {font-size: 18px; height: 5rem;}
   .kboard-main-club .club-info .club-category {font-size: 14px;}
   .elementor .e-773a427-cda6f42 {justify-content: flex-start;}
   .main-tab .more-all {top: -78px;}
   .more-all:after {width: 38px; height: 38px;}

   .kboard-main-notice .notice-tit {font-size: 20px; height: 5.625rem;}
   .kboard-main-notice a {padding: 2rem;}
   .kboard-main-notice .notice-date .ico-time { width: 18px; height: 18px;margin-top:-2px;}
   .kboard-main-notice .notice-date {font-size: 15px}

   /* 서브 공통 */
   .width-full {width: 112%; margin-left: -6%; max-width: 112% !important; overflow: hidden;}
   .width-full > * {max-width:90%; margin-left:auto; margin-right:auto;}

   /* 프로그램 */
   .sub-tab-wrap .elementor-nav-menu li a, .sub-tab-wrap .elementor-nav-menu li a:hover {padding: 1rem;}

   /* 공간안내 */
   .space-info {padding: 0;}
   .space-info-list .space-info-item {width: 100%;}
   .space-info-list .space-info-item:nth-child(2n) {width: 100%;}
   


}

@media (max-width:768px) {

   /* 메인 */
   .main-visual .swiper-pagination {left: 5%; }
   .main-visual .elementor-swiper-button.elementor-swiper-button-prev {left: calc(5% + 180px) !important;  }
   .main-visual .elementor-swiper-button.elementor-swiper-button-next {left: calc(5% + 240px) !important; }
   .main-slide-wrap #slideBtn {left: calc(5% + 210px); }
   .main-slide-wrap #slideCnt {left: calc(5% + 125px); }
   .main-visual .main-visual-tit-sm, .main-visual  .main-visual-desc {font-size: clamp(14px, 7vw, 16px) !important;}
   .main-visual .main-visual-tit {font-size: clamp(24px, 7vw, 42px) !important;}

   .space-section .inner {border-left: none;}
   .space-section .inner .more-all { top: 48px; text-indent: -99999px; }
   .space-section .inner .more-all:after { width: 32px; height: 32px; }
   .carousel-slide .elementor-swiper-button { width: 36px; height: 36px; }
   .carousel-slide .elementor-swiper-button.elementor-swiper-button-prev { right: 44px !important; }
   .carousel-slide .elementor-swiper-button.elementor-swiper-button-next { bottom: -82px !important; }
   .carousel-slide .elementor-swiper-button.elementor-swiper-button-prev { bottom: -4rem !important;}
   .space-section .inner:before {left: -4%; top: 1.5rem;}
   .space-section .inner:before, .carousel-slide:before { width: 200px; height: 226px;}
   .carousel-slide:before {top: auto; bottom: -100px;}

   .main-board-wrap .main-board-item { width: calc((100% - 20px) / 2);}
   .main-board-wrap .main-board-item:last-child {display: block;}
   .main-tab .more-all {top:-70px; text-indent: -99999px;}
   .main-tab .more-all:after {width: 32px; height: 32px;}

   .kboard-main-notice .notice-tit { font-size: 18px; height: 4.5rem; line-height: 1.3; }
   .kboard-main-notice .notice-date {margin-top: 1.5rem; font-size: 14px;}
   .kboard-main-notice .notice-date .ico-time { width: 16px; height: 16px; margin-right: 2px; }

   .elementor .e-a650c73-2975668, .elementor-435 .elementor-element.elementor-element-610b69d {word-break: keep-all;}

   /* 프로그램 */
   .sub-tab-wrap .elementor-nav-menu li {flex:none; width: 50%;}
   .sub-tab-wrap .elementor-nav-menu li a, .sub-tab-wrap .elementor-nav-menu li a:hover {padding: 0.875rem 1rem;}

   /* 공간안내 */
   .space-info-list {font-size: 1rem;}
   .space-info-list .space-info-item .num { width: 26px; height: 25px; font-size: 14px; }



}

@media (max-width:480px) {

   /* 메인 */
   .main-visual .main-visual-side {bottom:8rem;}
   .main-visual .swiper-pagination {top: 90vh; width: 80px;}
   .main-visual .elementor-swiper-button{top: 90.25vh !important;  }
   .main-visual .elementor-swiper-button.elementor-swiper-button-prev {left: calc(5% + 150px) !important;  }
   .main-visual .elementor-swiper-button.elementor-swiper-button-next {left: calc(5% + 210px) !important; }
   .main-slide-wrap #slideBtn {top: 89vh !important; left: calc(5% + 180px);}
   .main-slide-wrap #slideCnt {top: 88.875vh !important; left: calc(5% + 100px);}

   .elementor .e-36894b6-9ecf0aa { inset-block-start: 35px; inset-inline-start: 35px;}

   .main-tab { min-height: 38vh; }
   .main-board-wrap { gap: 16px; }
   .main-board-wrap .main-board-item { width: calc((100% - 16px) / 2); }
   .main-tab .more-all { top: -61px; }
   .kboard-main-club .club-info a { padding: 1.5rem; min-height: auto;}
   .kboard-main-club .club-info .club-tit { font-size: 16px; height: 4rem; line-height: 1.3; }
   .kboard-main-club .club-info .club-category p:after {margin: 0 3px;}

   .kboard-main-notice a {padding:1.5rem;}
   .kboard-main-notice .notice-tit { font-size: 16px; height: 4rem;  }
   .kboard-main-notice .notice-date {margin-top: 1rem; font-size: 13px;}
   .kboard-main-notice .notice-date .ico-time {width: 15px; height: 15px;}


   /* 프로그램 */
   .sub-tab-wrap .elementor-nav-menu li {width: 100%;}
   .sub-tab-wrap .elementor-nav-menu li a, .sub-tab-wrap .elementor-nav-menu li a:hover {padding: 0.75rem 0.875rem;}
   .sub-page-tit .elementor-heading-title {font-size: 22px !important;}

   /* 공간안내 */
   .space-info-list {gap: 1rem;}
   .space-info-list .space-info-item .desc {width: calc(100% - 26px - 1rem); word-break: keep-all;}
   .space-info-list .space-info-item .desc p span {width: 30px;}

}