/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.3.1748336241
Updated: 2025-05-27 08:57:21
*/

/* header-login */
/* .header-logo-con
{position: relative;}
.login-con ,.login-wrap
{position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
.login-wrap ul
{display: flex; justify-content: flex-end;}
.login-wrap ul li a 
{position: relative; display: flex; align-items: center; justify-content: end; gap: 1rem; padding: 0 1.5rem; opacity: 1; transition: all 0.2s ease;}
.login-wrap ul li a::after
{content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 12px; background-color: var(--txt-color);}
.login-wrap ul li:nth-last-of-type(1) a
{padding-right: 0;}
.login-wrap ul li:nth-last-of-type(1) a::after
{display: none;}
.login-wrap ul li a:hover
{opacity: 0.7;}
.login-wrap ul li a p
{font-size: 1.6rem; font-weight: 500; padding-left: 1rem;} */


/* 로그인 + 로그아웃 */
.logged-in .login-btn,.logged-in .join-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;}
#member .menu-item 
{min-width: 0 !important;}
#member a
{position: relative; opacity: 1; transition: all 0.2s ease;}
#member a:hover
{opacity: 0.6;}
.login-con
{position: absolute; right: 0; top: 50%; width: auto; transform: translateY(-50%);}
.join-btn
{position: relative;}
.join-btn::before
{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 12px; background-color: var(--txt-color); opacity: 1;}
#member .menu-item.login-btn a,#member .menu-item.logout-btn a
{padding-right: 2.5rem; margin-right: 1rem;}
#member .menu-item:nth-last-child(1) a
{padding: 0 2.5rem 0 1.5rem;}
#member .menu-item.login-btn a::after , #member .menu-item.logout-btn a::after
{content: ""; position: absolute; top: 50%; left: auto; transform: translateY(-50%); right: 0; width: 18px; height: 16px; background: url(/wp-content/uploads/2025/05/login.png); opacity: 1 !important;}
#member .menu-item:nth-last-child(1) a::after 
{content: ""; position: absolute; top: 50%; left: auto; transform: translateY(-50%); right: 0; width: 16px; height: 16px; background: url(/wp-content/uploads/2025/05/join.png); opacity: 1 !important;}

/* 마이페이지 아바타 */
.avatar-img {display: none;}

/* visCon */
.vis-wrap 
{position: relative; width: 100%; height: 57rem; max-height: 57rem; overflow: hidden;}
.vis-wrap .vis-middle-box
{position: absolute; bottom: 20%; left: 50%; transform: translate(-50%); z-index: 2;}
.vis-slide .vis-slider
{position: relative;}
.vis-slide .txt-wrap
{ position: absolute; top: 23%; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 4rem;}
.vis-slide h2
{font-size: 4.8rem; color: #fff; font-weight: 800; text-align: center; text-shadow: 0 0 5px #00000060;}
.vis-slide p
{font-size: 3.6rem; color: #fff; font-weight: 700; text-align: center; text-shadow: 0 0 5px #00000060;}

.vis-slide 
{position: relative; width: 100%; height: 100%; z-index: 1;}
.vis-slide .slick-track,.vis-slide .slick-list 
{width: 100%; height: 100%;}
.vis-slider img 
{object-fit: cover; width: 100%; height: 100%;}

.vis-wrap .custom-prev,.vis-wrap .custom-next 
{position: absolute; top: 35%; transform: translateY(-50%); z-index: 3; cursor: pointer;}
.vis-wrap .custom-prev {left: 10rem;}
.vis-wrap .custom-next {right: 10rem;}

.scroll-down-wrap 
{position: relative; cursor: pointer;}
.scroll-down-wrap .arrow
{position: absolute; top: 30%; left: 37.5%; animation: float 2s ease-in-out infinite;} 
.scroll-down-wrap .circle
{animation: spin 15s linear infinite;}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes float {
  0%, 100% { transform: translateY(5px); }
  50% { transform: translateY(15px); }
}

/* quickCon */
.quick-wrap
{padding: 7rem 0;}
.quick-wrap ul
{display: flex; gap: 2rem;}
.quick-wrap ul li
{position: relative; width: 25%; border-radius: 1rem; transition: all 0.3s ease; overflow: hidden;}
.quick-wrap ul li:nth-of-type(1) {background-color: #8cd17c;}
.quick-wrap ul li:nth-of-type(2) {background-color: #51ba7f;}
.quick-wrap ul li:nth-of-type(3) {background-color: #00a181;}
.quick-wrap ul li:nth-of-type(4) {background-color: #008780;}
.quick-wrap ul li:nth-of-type(5) {background-color: #2f4858;}

.quick-wrap ul li::after 
{content: ""; position: absolute; bottom: -5px; left: -5px; background-position: center; background-repeat: no-repeat; background-size: contain; z-index: 2;}
.quick-wrap ul li:nth-of-type(1)::after {width: 14.7rem; height: 13.2rem; background-image: url(/wp-content/uploads/2025/05/quick-bg01.png);}
.quick-wrap ul li:nth-of-type(2)::after {width: 18.2rem; height: 13.9rem; background-image: url(/wp-content/uploads/2025/05/quick-bg02.png);}
.quick-wrap ul li:nth-of-type(3)::after {bottom: -20px; left: 15px; width: 9.1rem; height: 16.9rem; background-image: url(/wp-content/uploads/2025/05/quick-bg03.png);}
.quick-wrap ul li:nth-of-type(4)::after {bottom: 0; left: 15px; width: 12.3rem; height: 14.6rem; background-image: url(/wp-content/uploads/2025/05/quick-bg04.png);}
.quick-wrap ul li:nth-of-type(5)::after {bottom: 0; left: 15px; width: 13.2rem; height: 13.8rem; background-image: url(/wp-content/uploads/2025/05/quick-bg05.png);}

.quick-wrap ul li a
{display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; height: 100%; padding: 5rem 3rem; position: relative; z-index: 3;}
.quick-wrap ul li a .txt-box 
{width: 100%; padding-bottom: 4rem;}
.quick-wrap ul li a .txt-box h3 
{position: relative; display: inline-block; padding-bottom: 2.5rem; font-size: 3rem; font-weight: 600; color: #fff;}
.quick-wrap ul li a .txt-box h3::after
{content: ""; position:absolute; top: -5px; right: -7px; width: 6px; height: 6px; background-color: var(--main-color); border-radius: 50%;}
.quick-wrap ul li a .txt-box p 
{font-size: 1.8rem; font-weight: 400; color: #fff; line-height: 1.4;}
.quick-wrap ul li a .icon-btn
{position: relative; display: flex; align-items: center; justify-content: center; width: 8rem; height: 8rem; background-color: #fff; border-radius: 1rem;}
.quick-wrap ul li a .icon-btn::after
{opacity: 0; content: ""; position: absolute; width: 3rem; height: 3rem; background-color: #f7b7d0; mix-blend-mode: multiply; border-radius: 50%; transition: all 0.3s ease;}
.quick-wrap ul li:nth-of-type(1) a .icon-btn::after {top: 20%; left: 20%;}
.quick-wrap ul li:nth-of-type(2) a .icon-btn::after {top: 20%; right: 20%;}
.quick-wrap ul li:nth-of-type(3) a .icon-btn::after {bottom: 20%; left: 20%;}
.quick-wrap ul li:nth-of-type(4) a .icon-btn::after {bottom: 20%; right: 20%;}
.quick-wrap ul li:nth-of-type(5) a .icon-btn::after {top: 20%;}

.quick-wrap ul li:hover {background-color: #222;}
.quick-wrap ul li:hover a .icon-btn::after {opacity: 1;}

/* noticeCon */
.notice-con 
{background-color: #f6f6f6;}
.notice-wrap
{padding: 7rem 0;}
.notice-wrap ul
{display: flex; gap: 1.5rem;}
.notice-wrap .notice-item
{display: flex; flex-direction: column; width: calc((100% / 3) - 1rem); height: 37rem; padding: 5rem 3rem 3.5rem; background-color: #fff; border: 1px solid #dadada; border-radius: 3rem;}
.notice-wrap .notice-item .title-box
{display: flex; justify-content: space-between; padding-bottom: 2.5rem;}
.notice-wrap .notice-item .title-box h3 
{position: relative; font-size: 3rem; font-weight: 700;}
.notice-wrap .notice-item .title-box h3::after
{content: ""; position: absolute; top: -5px; right: -5px; width: 6px; height: 6px; background-color: var(--main-color); border-radius: 50%;}
.notice-wrap .notice-item .title-box .more
{transition: all 0.3s ease;}
.notice-wrap .notice-item .title-box .more:hover
{transform: rotate(90deg);}

/* 모듈 */
#kboard-default-latest table
{border: 0; margin: 0;}
#kboard-default-latest table td
{text-align: left; border: 0; padding: 16px 0; vertical-align: middle; border-bottom: 1px dashed #e8e8e8; border-top: 0px solid #000; background-color: transparent;}
#kboard-default-latest .kboard-latest-title a
{position: relative; display: flex; align-items: center; height: 100%; max-width: 30rem; padding-left: 1.5rem; transition: all 0.2s ease;}
#kboard-default-latest .kboard-latest-title a::after
{content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background-color: var(--main-color);} 
#kboard-default-latest .kboard-latest-title:hover a
{transform: translateX(1rem);}
#kboard-default-latest .kboard-latest-title:hover .kboard-default-cut-strings
{color: #424242; opacity: 0.7;}
#kboard-default-latest .kboard-default-cut-strings
{font-size: 1.8rem; color: #424242; letter-spacing: -0.7px; transition: all 0.2s ease;}
#kboard-default-latest .kboard-latest-date 
{font-size: 1.6rem; color: #424242; text-align: end; letter-spacing: -0.7px; padding-right: 0;}

/* introCon */
.intro-wrap
{padding: 7rem 0; display: flex; gap: 3rem; justify-content: space-between;}
.intro-wrap .intro-left ,.intro-wrap .intro-right
{width: 100%;}
.intro-wrap .title-wrap 
{display: flex; justify-content: space-between; padding-bottom: 3rem;}
.intro-wrap .title-wrap h3
{position: relative; font-size: 3rem; font-weight: 700;}
.intro-wrap .title-wrap h3::after
{content: ""; position: absolute; top: -5px; right: -5px; width: 6px; height: 6px; background-color: var(--main-color); border-radius: 50%;}

.intro-wrap .more-wrap ul
{display: flex; justify-content: space-between; padding-top: 2rem;}
.intro-wrap .more-wrap ul li a
{display: flex; flex-direction: column; justify-content: flex-end; gap: 3.5rem; height: 100%; padding: 0 1rem; transform: translateY(0); transition: all 0.3s ease;}
.intro-wrap .more-wrap ul li a:hover
{transform: translateY(-1rem);}
.intro-wrap .more-wrap ul li a .icon
{text-align: center;}
.intro-wrap .more-wrap ul li a p
{font-size: 1.8rem; font-weight: 500; text-align: center;}

.intro-wrap .btn-wrap
{display: flex; justify-content: space-between; align-items: center; gap: 2rem;}
.intro-wrap .btn-wrap .custom-btn
{cursor: pointer;}
.intro-wrap .btn-wrap .custom-btn.toggle-play
{position: relative; width: 16px; height: 18px;}
.intro-wrap .btn-wrap .custom-btn.toggle-play img
{position: absolute; top: 0 ; left: 0;}
.intro-wrap .btn-wrap .custom-btn img:not(.btn-wrap .custom-btn.toggle-play img)
{transition: filter 0.3s; filter: grayscale(100%) brightness(50%);}
.intro-wrap .btn-wrap .custom-btn:hover img:not(.btn-wrap .custom-btn.toggle-play img)
{filter: none;}

/* 모듈 */
.intro-wrap .gallery-wrap
{height: 18rem; max-width: 71rem; margin: 0 -1.5rem;}

#kboard-pure-gallery-list.kboard-pure-gallery-latest .kboard-pure-gallery-list .kboard-list-item
{margin: 0; padding: 0 1.5rem; width: auto;}
#kboard-pure-gallery-list.kboard-pure-gallery-latest .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail
{height: 18rem !important;}
#kboard-pure-gallery-list.kboard-pure-gallery-latest .kboard-pure-gallery-list .kboard-list-item a
{position: relative; border-radius: 1rem; overflow: hidden;}
#kboard-pure-gallery-list.kboard-pure-gallery-latest .kboard-list-title
{position: absolute; bottom: 0; left: 0; padding: 1.5rem 2rem; background-color: #00000050;}
#kboard-pure-gallery-list.kboard-pure-gallery-latest .kboard-list-title .kboard-pure-gallery-cut-strings
{font-size: 1.8rem; font-weight: 400; color: #fff;}

/* bannerCon */
.banner-con 
{background-color: #f6f6f6;}
.banner-wrap
{padding: 2.5rem 0;}
.banner-slider li a
{position: relative; display: block; padding: 0 3rem;}
.banner-slider li a::after
{content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 12px; background: url(/wp-content/uploads/2025/05/banner-right.png) no-repeat center / contain; transition: all 0.3s ease;}
.banner-slider li a:hover::after
{filter: grayscale(100%) brightness(50%);}

.banner-con .slick-slider .slick-track 
{display: flex; align-items: center;}

@media screen and (max-width: 1300px) {
#member .menu-item {padding-right: 2rem;}

.vis-wrap {height: 50rem;}
.vis-slide .txt-wrap {width: 100%; padding: 0 5rem;}
.vis-slide h2 {line-height: 1.4; }
.quick-wrap ul {flex-flow: row wrap; justify-content: center;}
.quick-wrap ul li {width: calc(33.3% - 2rem);}

.vis-wrap .custom-next {right: 3rem;}
.vis-wrap .custom-prev {left: 3rem;}

.notice-wrap ul {flex-flow: row wrap; gap: 3rem;}
.notice-wrap .notice-item {width: 100%;}

.intro-wrap {flex-flow: row wrap; gap: 4rem;}
.intro-wrap .more-wrap ul {justify-content: space-evenly;}
.intro-wrap .gallery-wrap {max-width: 100%; width: 100%;}


}
@media screen and (max-width: 1024px) {
#member .menu-item {padding-right: 0;}
#header {padding: 1rem 2rem;}
#header .elementor-nav-menu>li.menu-item>a.has-submenu {font-size: 1.6rem; font-weight: 600; color: #333333;}
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover {color: #fff !important;}
.elementor-127 .elementor-element.elementor-element-c432df2 {width: auto;}
#header .middle-container {padding: 0;}

.pc-br {display: none;}
.vis-wrap {height: 40rem;}
.vis-wrap .vis-middle-box {bottom: 2rem;}
.scroll-down-wrap {zoom:0.8;}
.vis-slide .txt-wrap {gap: 2rem;}
.vis-slide h2 {font-size: 3.8rem;}
.vis-slide p {font-size: 2.8rem;}

.vis-wrap .custom-next,.vis-wrap .custom-prev {zoom:0.8;}

.quick-wrap ul li {width: calc(50% - 1rem);}
.quick-wrap ul li a .txt-box {padding-bottom: 1rem;}
.quick-wrap ul li::after {zoom: 0.8;}

.quick-wrap,.notice-wrap,.intro-wrap {padding: 5rem 0;}
.quick-wrap ul li a {padding: 3rem;}
.quick-wrap ul li a .txt-box h3 {padding-bottom: 2rem; font-size: 2.4rem;}
.quick-wrap ul li a .txt-box p {font-size: 1.6rem;}

.notice-wrap .notice-item {height: auto; padding: 3rem; border-radius: 2rem;}
.notice-wrap .notice-item .title-box {padding-bottom: 2rem;}
.notice-wrap .notice-item .title-box h3,.intro-wrap .title-wrap h3 {font-size: 2.4rem;}
#kboard-default-latest .kboard-default-cut-strings {font-size: 1.6rem;}
#kboard-default-latest table td {padding: 1rem 0;}
#kboard-default-latest .kboard-latest-date {font-size: 1.4rem;}

.banner-wrap {padding: 2rem 0;}

}
@media screen and (max-width: 767px) {
.vis-wrap {height: 30rem;}
.vis-slide h2 {font-size: 2.8rem;}
.vis-slide p {font-size: 1.8rem;}
.notice-wrap ul {gap:2rem;}
.vis-wrap .custom-next,.vis-wrap .custom-prev {zoom:0.4;}
.quick-wrap ul li a {width: 100%; padding: 3rem 2rem;}
.quick-wrap ul li a .txt-box h3 {font-size: 2rem; padding-bottom: 1rem;}
.quick-wrap ul li a .icon-btn {width: 6rem; height: 6rem;}
.quick-wrap ul li a .icon-btn img {zoom: 0.8;}
.quick-wrap ul li a .icon-btn::after {width: 2rem; height: 2rem;}
.notice-wrap .notice-item {padding: 3rem 2rem;}

.notice-wrap .notice-item .title-box h3, .intro-wrap .title-wrap h3 {font-size: 2rem;}
#kboard-default-latest .kboard-default-cut-strings {font-size: 1.4rem;}
.notice-wrap .notice-item .title-box .more {zoom: 0.8;}
.notice-wrap .notice-item .title-box {padding-bottom: 1rem;}

.intro-wrap .title-wrap {padding-bottom: 2rem;}
.intro-wrap .more-wrap ul {padding-top: 0;}
.intro-wrap .more-wrap ul li a {padding: 0;}
.intro-wrap .more-wrap ul li a p {font-size: 1.6rem}
.intro-wrap .more-wrap ul li a .icon img {zoom: 0.8;}

.intro-wrap .btn-wrap {zoom: 0.8;}

#kboard-pure-gallery-list.kboard-pure-gallery-latest .kboard-pure-gallery-list .kboard-list-item {padding: 0;}
#kboard-pure-gallery-list .kboard-pure-gallery-list {margin: 0;}
.intro-wrap .gallery-wrap {margin: 0;}

.banner-slider li a {padding: 0 2rem;}
.banner-slider li a img {zoom: 0.8;}
}
@media screen and (max-width: 650px) {
#member .menu-item.login-btn a::after, #member .menu-item.logout-btn a::after,#member .menu-item:nth-last-child(1) a::after {display: none;}
#member a {font-size: 1.4rem;}
#member .menu-item.login-btn a, #member .menu-item.logout-btn a {padding-right: 0;}
#member .menu-item:nth-last-child(1) a {padding: 0; margin-left: 1rem;}
#header img.wp-image-16 {zoom: 0.8;}
#kboard-default-latest .kboard-latest-title a {max-width: 15rem;}


.vis-slide .txt-wrap {top: 28%;}
.vis-slide h2 {font-size: 2.4rem;}
.vis-slide p {font-size: 1.6rem;}
.scroll-down-wrap {zoom: 0.6;}
.quick-wrap ul li {width: 100%;}
.notice-wrap .notice-item .title-box h3, .intro-wrap .title-wrap h3 {font-size: 1.8rem;}
.intro-wrap .more-wrap ul {flex-flow: row wrap; row-gap: 1rem;}
.intro-wrap .more-wrap ul li {width: 26%;}
.intro-wrap .more-wrap ul li a {gap: 2rem;}

.footer-middle .adress-wrap li {line-height: 1.2;}
.footer-top, .footer-middle {padding-bottom: 1.5rem;}







}