/*
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.5.1765352611
Updated: 2025-12-10 16:43:31

*/
:is(.elementor-section-wrap,[data-elementor-id])>.e-con{gap: 0;}

/* admin */
.admin-con { margin: auto; display: block; width: 50%; } 
.login_status,.cosmosfarm-members-loginout-link { text-align: center; } 
.login_status a,.cosmosfarm-members-loginout-link a { padding: 1rem 3rem; background-color: var(--main-color); border-radius: 3rem; margin: 4rem; color: #fff; } 
.register{display: none;}

/* policy */
ul.policy-txt{display: flex;flex-direction: column;gap: 3rem;}
ul.policy-txt li{line-height: 1.5; font-weight: 500;}
ul.policy-txt .info_box{padding: 4rem;text-align: center;background-color: var(--sub-bg-color);border-radius: 1rem;border: var(--border);}
ul.policy-txt h4{font-size: 2rem;font-weight: 700;}
ul.policy-txt .emailinfo-detail{display: flex;flex-direction: column;gap: 2rem;}
ul.policy-txt .detail-sec{margin-bottom: 3rem;}
ul.policy-txt .detail-sec h5{font-size: 2.2rem;font-weight: 700;margin-bottom: 1rem;line-height: 1.5; }
ul.policy-txt .detail-sec li{margin-bottom: 2rem;}
ul.policy-txt .detail-sec li > ul{padding: 2rem;}

.hide-menu{display: none!important;}

/* header nav */
body{position: relative;}
#header
{ background-color: transparent; position: sticky; z-index: 100; transition: all 0.3s ease; height: 100px;box-shadow: 0 0 1rem 0rem #00000024;  } 
#header.scrolled 
{ background-color:#fff; height: 100px;padding-top: 0rem; box-shadow: 0 0 1rem 0rem #00000024; position:fixed; z-index: 100; } 
#header #nav{ font-size: 1.8rem; } 
#header #nav ul li { width: 18rem; } 
#header #nav ul li a
{font-family: var(--font1); font-weight: bold; font-size: 2rem;color: #0d0d0d; } 
#header #nav ul li a:hover 
{ background-color:var(--main-color);;color: #fff!important;} 
#header #nav .elementor-item 
{height: 100px;display: flex; justify-content: center;} 
#header #nav .elementor-item:hover 
{background-color: #fff!important;color: #111!important;;} 
#header.scrolled  #nav .elementor-item {height: 100px;} 
#header .sub-menu 
{overflow: hidden;text-align: center;line-height: 1.2;width: 20rem!important;} 
#header .sub-menu .current_page_parent .elementor-sub-item{color: #fff!important;}
#header .sub-menu .elementor-sub-item
{ padding:1.6rem 0.5rem; font-size: 1.5rem!important; display: block;text-align: left;color: #222!important;width: 20rem!important;} 
#header .sub-menu .elementor-item-active{background-color:var(--main-color)!important;;color: #fff!important;}
#header .sub-menu .current_page_parent{background-color:var(--main-color);color: #fff!important;width: 20rem!important;}
#header .sub-arrow { display: none; } 

/* menu sitemap icon */
#siteMap{ cursor: pointer; } 
.dialog-close-button{z-index: 9999;}
 /* #siteMapCon{ width: 80vw;  height: 85vh; background-color: #fff;  position: fixed;  border-radius: 1rem;z-index: 99;top: 50%;left: 50%;transform: translate(-50%,-50%);box-shadow: var(--box-shadow);} */
#siteMapCon .sitemap{width: 100%;  height:100%;  background-color: #fff;border-radius: 1rem;}
.sitemap .nav-wrap
{padding: 10rem 10rem;display: flex;  flex-direction: column;gap: 7rem;}
.sitemap .nav-wrap .nav
{display: flex; flex-direction: row;}
.sitemap .nav-wrap .nav h2
{font-size: 2.5rem;font-weight: 600;color: #111;min-width: 23rem;}
.sitemap .nav-wrap .nav .nav-detail
{padding-left: 1rem;}
.sitemap .nav-wrap .nav .nav-detail ul
{ display: flex;flex-direction: row;align-items: center;gap: 2rem;font-size: 2rem;font-weight: 500;flex-wrap: wrap;}
.sitemap .nav-wrap .nav .nav-detail ul li a
{border-bottom: 1px solid transparent;color: #333;display: flex;flex-direction: row;align-items: center;}
.sitemap .nav-wrap .nav .nav-detail ul li:last-child a::after{display: none}
.sitemap .nav-wrap .nav .nav-detail ul li a::after
{display:block;clear: both;content: '⦁';color: #cecece;margin-left: 1.5rem;}
.sitemap .nav-wrap .nav .nav-detail ul li:last-child a{border-right: none;}
.sitemap .nav-wrap .nav .nav-detail ul li a:hover
{color: var(--color1);} 

/* subVisual */
#subVisual{height: 20rem;position: relative;background: #FEF8EB;
  background: linear-gradient(90deg, rgba(254, 248, 235, 1) 0%, rgba(243, 255, 229, 1) 50%, rgba(215, 242, 255, 1) 100%);}
/* #subVisual::after{display: block;content: '';clear: both;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color:#0000001c;} */

/* 서브 좌측 메뉴 커스텀 */
#subMenuLeft.sub-side-menu 
{position: absolute;  width: 300px;  top: 350px;  left: 100px;  border-bottom: none;}
#subMenuLeft.scrolled-sub.sub-side-menu
{top: 250px;}
#subMenuLeft.sub-side-menu #subMenuTitle 
{padding: 55px 30px;  background: linear-gradient(137deg,  var(--main-color),  var(--main-color)); text-align: center;  z-index: 9;  transform: translate(0, 10px);border-radius: 2rem 2rem 0 0; position: relative;}
  #subMenuLeft.sub-side-menu #subMenuTitle h2 
{  font-size: 28px;  font-weight: 600;  color: #fff;  text-align: center;  transform: translateY(2px);font-family: var(--font2);}
#subMenuLeft.sub-side-menu #subMenuList 
{ border-radius: 0 0 2rem 2rem;  padding: 10px 0;  overflow: hidden;box-shadow: var(--box-shadow);}
#subMenuLeft.sub-side-menu #subMenuList ul.elementor-nav-menu > li 
{width: 100%;  padding: 0;display: flex;flex-direction: column;}
#subMenuLeft.sub-side-menu #subMenuList ul.elementor-nav-menu > li:last-child::after{display:none}
#subMenuLeft.sub-side-menu #subMenuList ul.elementor-nav-menu > li > a 
{font-family: var(--font2);  width: 100%;  font-size: 1.7rem;  padding: 2.5rem 2rem 2rem; text-align: center; color: #333333;  font-weight: 500;  transition: var(--transition1);;}
#subMenuLeft.sub-side-menu #subMenuList ul.elementor-nav-menu > li::after
{width: 87%;height: 1px;background-color: #eeeeee;display: block;clear: both;content: '';}
/* 현재 선택된 2차메뉴 */
#subMenuLeft.sub-side-menu #subMenuList ul.elementor-nav-menu > li.current-menu-item > a,
#subMenuLeft.sub-side-menu #subMenuList ul.elementor-nav-menu > li.current_page_parent > a
{  color: var(--main-color);display: flex;flex-direction: row;justify-content: space-between;align-items: center;position: relative;}
#subMenuLeft.sub-side-menu #subMenuList ul.elementor-nav-menu > li.current-menu-item > a::after
{content: '\e93e'; font-family: xeicon; display: block;clear: both;width: 2rem;height: 2rem;color: #fff;background-color: var(--main-color);border-radius: 5px;font-size: 10px;position: absolute;right: 10%;top: 50%;transform: translateY(-50%);}
#subMenuLeft.sub-side-menu #subMenuList ul.elementor-nav-menu li a:hover ,
#subMenuLeft.sub-side-menu #subMenuList.sub-menu-list-color ul.elementor-nav-menu a:hover
{color: var(--main-color);}

/* 현재 선택된 3차 메뉴 */
body.page-child main#content{min-height: 700px;  margin: 0rem 0rem 0rem auto;  padding: 0 15rem 0 3rem;  max-width: calc(100% - (300px + 120px));  width: 100%;}
/* #subContent.subcontent-greeting{min-height: 700px;  margin: 0rem 0rem 0rem auto;  padding: 0 15rem 0 3rem;  max-width: calc(100% - (240px + 252.5px));  width: 100%;} */
.elementor-nav-menu--layout-horizontal .elementor-nav-menu{width: 100%;}
/* 서브 좌측 메뉴 커스텀 end*/ 

/* subTopTitle */
#subTopTitle
{position: inherit;z-index: 1;}
#subTopTitle h2
{ font-size: 5rem;  color: #333;margin-top: 8rem;font-weight: bold;font-family: var(--font2);letter-spacing: 2px;}

/* main slide start */
.slider-wrap .full-container{position:relative;;}
.mainVisual{overflow: hidden;}
.mainVisual .container
{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 720px;}
.mainVisual-wrap
{position:relative; width: 100%; } 
.main-slide .slick-list{overflow: inherit;z-index:0;overflow: hidden;}
.main-slide .main-img
{height:720px;background-repeat: no-repeat; background-size: auto;} 
.main-img01 { background: url(/wp-content/uploads/2025/12/mainVisual01.png) top 31% right 20%, #e6f1cd; } 
.main-img02 { background: url(/wp-content/uploads/2025/12/mainVisual02.png) top 31% right 20%, #ffe2e2} 
.main-img03 { background: url(/wp-content/uploads/2025/12/mainVisual03.png) bottom center, #e2f8ff; } 

/* mainTopText */
.main-top-text
{display: flex;  flex-direction: column;  align-items: flex-start; }
.main-top-text h2
{color: #fff;  font-weight: bold;  font-size: 2.4rem;line-height: 2.4rem;  padding: 2.1rem 4rem 1.8rem;  border-radius: 2rem 2rem 2rem 0;  font-family: var(--font2);margin-bottom: 5rem;}
.main-top-text h3
{font-size: 4.8rem;line-height: 6.2rem; font-family: var(--font2);    margin-bottom: 2rem;font-weight: bold;color: #161616;}
.main-top-text h3 b
{font-size: 4rem;}
.main-top-text p
{font-size: 2.4rem;font-weight: 500;color: #646464;margin: 0;  line-height: 4rem;}
.main-img01 .main-top-text{margin-top: 11rem; }
.main-img02 .main-top-text{margin-top: 11rem;}
.main-img03 .main-top-text{margin-top: 11rem;}
.main-img01 .main-top-text h2{background-color:#5c9261;}
.main-img02 .main-top-text h2{background-color: #fb82a4;}
.main-img03 .main-top-text h2{background-color: #4268a8;}

 /* main slide arrow */
.main-visual-controls .arrow{display: flex;flex-direction: row;gap:0.7rem;margin-left: 3rem;}
.main-visual-controls .arrow button{border: none; color: #8a8a8a; width: 4.8rem;height: 4.8rem; border-radius: 100%; background-color: #fff; border: 1px solid #e5e5e5; font-size: 1.7rem; display: flex;flex-direction: column;align-items: center;justify-content: center;}
/* .main-visual-controls .arrow button:hover,.main-visual-controls .arrow button:focus {background-color: transparent;} */
 
/* MAIN VISUAL PROGRESS BAR */
.main-visual-controls 
{ position: absolute; width: 100%; bottom: 14%; z-index:9;} 
.main-visual-controls .main-controls-wrapper 
{display:flex; justify-content:center; align-items:center;justify-content: space-between;} 

.main-visual-controls .progress 
{width:100%; height:3px; position:relative;}
.main-visual-controls .progress .bg-bar 
{position:absolute; width:100%; height:100%; background:#00000044; display:block; left:0; top:0;}
.main-visual-controls .progress .ing-bar 
{width:0%; height:100%; display:block; position:relative; background:#00000044;}
.main-visual-controls .progress.active .ing-bar
{width:100%; transition:all 3s ease-in-out;}

.main-visual-controls .play-pause
{margin-left: 0.9rem;}
.main-visual-controls .play-pause button
{width: 4.8rem;height: 4.8rem;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 100%;background-color: var(--color1);border: none;}
.main-visual-controls .play-pause button:hover{background-color: var(--color1);}
.main-visual-controls .play-pause button i 
{font-size:1.7rem; color:#fff;line-height: 2rem;}
.main-visual-controls .play-pause .main-visual-play-btn 
{display:none;}

/* Footer */
#footer{background-color: #242424;}
.footer-con 
{padding: 7rem 0;font-family: var(--font1);font-size: 1.8rem;  display: flex;  flex-direction: row;  justify-content: space-between;}
.footer-con .ft-right
{text-align: right;}
.footer-con .ft-right ul li
{font-weight: 400;margin-bottom: 1.5rem;color: #fff;}
.footer-con .ft-right ul li span
{font-weight: 400;margin: 0 0.5rem;color: #fff;}
.footer-con .ft-right span
{color: #8d8d8d;}
.footer-con a{color: #fff;}
.footer-con a:hover{color: var(--hover-color);}

 /* partner-slider */
.partner-slider { 
width: 100%; margin: 1rem auto; position: relative; display:flex; justify-content:space-between;  padding:1rem 0; } 
.partner-slider .partner-img { 
overflow: hidden; margin:0 0.63rem; flex:0 0 auto; height:4.5rem;display: flex; align-content: center; } 
.partner-slider img { margin: 0 auto; display: block; } 
.partner-con {border-top: 1px solid #b5b5b5;width: 100%;} 

/* topBtn */
#topBtn{opacity: 0;visibility: hidden;transition: var(--transition2);position: fixed;}
#topBtn.on{opacity: 1; visibility: visible;position: fixed;bottom: 10%; right: 4%;z-index: 999;cursor: pointer;}
.top-btn ul li a{ width: 5rem;height: 5rem; box-shadow: var(--box-shadow); background-color: var(--color1);border-radius: 100%;display: flex  ;  flex-direction: column;  align-items: center;}
.top-btn ul li i{font-size: 2rem;color: #fff;font-weight: 100;    padding-top: 5px;}
.top-btn ul li span{font-size: 14px;color: #fff;text-transform: uppercase;line-height: 1;}

/* main */
/* main link con */
#mainLink
{margin-top: -7rem;}
.main-link-con ul
{display: flex;  flex-direction: row;  flex-wrap: nowrap;  justify-content: center;  align-items: center;  background: #fff;  padding: 4rem 5rem;  border-radius: 4rem;  box-shadow: var(--box-shadow);}
.main-link-con ul li
{width: 100%;display: flex;}
.main-link-con ul li::after
{display: block;clear: both;content: '';width: 1px;height:50px;background-color: #b8b8b8;}
.main-link-con ul li:last-child::after{display: none;}
.main-link-con ul li a
{width: 100%;  display: flex;  flex-direction: row;  align-items: center;  justify-content: center;    font-weight: 600;  gap: 3rem;  font-size: 2.4rem;color: #161616;}
  
/* mainNotice */
#mainNotice
{padding: 5rem 0 10rem; margin-top: 5rem; background: url(/wp-content/uploads/2025/12/main-notice-bg01.png),url(/wp-content/uploads/2025/12/main-notice-bg02.png);background-repeat: no-repeat;background-position: left -6.5% bottom ,right 5% top;}
.main-title{margin-bottom: 5rem;}
.main-title h2
{font-family: var(--font2);display: flex;flex-direction: row;align-items: start;gap:1rem;  font-size: 4.8rem;  font-weight: bold;  color: #161616;margin: 0;}
.main-title h2::before
{display: block;clear: both;content: '';width: 16px;height: 16px;border-radius: 100%;background: #F5A200;  background: linear-gradient(130deg, rgba(245, 162, 0, 1) 0%, rgba(246, 171, 17, 1) 50%, rgba(248, 181, 33, 1) 100%);}

.notice-boxes
{display: flex;  flex-direction: row;  align-items: stretch;  justify-content: space-between;  gap: 2rem;}
.notice-boxes .notice-con{width: 100%;}
.notice-boxes .notice-con .notice-box
{width: 100%;  padding: 3rem 2rem;  border: var(--border);border-radius: 3rem;background-color: #fff;box-shadow:var(--box-shadow-small);}
.notice-boxes .notice-con .notice-title
{width: 25rem;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 2rem 2rem 2rem 0;margin-bottom: -3rem;position: relative;z-index: 1;}
.notice-boxes .notice-con .notice-title h3
{padding: 1.5rem;font-size: 2.4rem;font-weight: 600;color: #fff;margin: 0;}
.notice-boxes .notice-con.notice01 .notice-title{background-color: var(--color1);}
.notice-boxes .notice-con.notice02 .notice-title{background-color: var(--color2);}
.notice-boxes .notice-con.notice03 .notice-title{background-color: var(--color3);}
.more-btn
{display: flex;flex-direction: row;align-items: center;justify-content: end;margin-top: 3rem;}
.more-btn span
{ font-size: 1.6rem;  color: #161616;font-weight: 600;}
.more-btn i
{color: #838383;font-weight: 600;}

/* 메인 캘린더 리스트 */
#mainNotice .main-calendar-right-con{display: none;}
.list-calendar-text-content
{display: flex;flex-direction: row;justify-content: space-between;width: 100%;align-items: center;}
.list-calendar-text-content .list-calendar-content
{font-size: 1.6rem;color: #444;font-weight: 400;} 
#kboard-cross-calendar-latest .list-calendar-row .list-calendar-tit
{/* 말줄임표 */ overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  } 
#kboard-cross-calendar-latest .list-calendar-row .list-calendar-tit h4
{ font-size: 2rem;color: #161616;  font-weight: 400;  position: relative;  transition: var(--transition1);  position: relative; margin: 0;  line-height: 1.5;} 
.list-calendar-content .date
{ min-width: 13rem;  text-align: right;  color: #646464;  font-size: 1.6rem;  transition: var(--transition1);  font-family: var(--font1);}
.list-calendar-row {  width: 100%;}
#kboard-cross-calendar-latest .list-calendar-row:hover h4,
#kboard-cross-calendar-latest .list-calendar-row:hover .date
{color: var(--main-color);background-color: transparent;}

/* mainGallery */
#mainGallery
{padding: 10rem 0;background: url(/wp-content/uploads/2025/12/main-gallery-bg.png) no-repeat center bottom, linear-gradient(130deg, rgba(254, 248, 235, 1) 0%, rgba(245, 250, 239, 1) 50%, rgba(235, 247, 253, 1) 100%); background-size: contain;}
#mainGallery .title-top
{display: flex;  flex-direction: row; justify-content: space-between;}
#mainGallery .title-top a.more-btn{margin-top: -5rem;}

/* main slide arrow */
.main-gallery-controls .arrow{display: flex;flex-direction: row;gap:0.7rem;margin-left: 3rem;}
.main-gallery-controls .arrow button{border: none; color: #8a8a8a; width: 4.8rem;height: 4.8rem; border-radius: 100%; background-color: #fff; border: 1px solid #e5e5e5; font-size: 1.7rem; display: flex;flex-direction: column;align-items: center;justify-content: center;}
/* .main-gallery-controls .arrow button:hover,.main-gallery-controls .arrow button:focus {background-color: transparent;} */
 
/* MAIN gallery PROGRESS BAR */
.main-gallery-controls 
{margin: 2rem 0 0;width: 100%;} 
.main-gallery-controls .main-controls-wrapper 
{display:flex; justify-content:center; align-items:center;justify-content: space-between;} 

.main-gallery-controls .progress 
{width:100%; height:3px; position:relative;}
.main-gallery-controls .progress .bg-bar 
{position:absolute; width:100%; height:100%; background:#00000044; display:block; left:0; top:0;}
.main-gallery-controls .progress .ing-bar 
{width:0%; height:100%; display:block; position:relative; background:#00000044;}
.main-gallery-controls .progress.active .ing-bar
{width:100%; transition:all 3s ease-in-out;}

.main-gallery-controls .play-pause
{margin-left: 0.9rem;}
.main-gallery-controls .play-pause button
{width: 4.8rem;height: 4.8rem;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 100%;background-color: var(--color1);border: none;}
.main-gallery-controls .play-pause button:hover{background-color: var(--color1);}
.main-gallery-controls .play-pause button i 
{font-size:1.7rem; color:#fff;line-height: 2rem;}
.main-gallery-controls .play-pause .main-gallery-play-btn 
{display:none;}

/* main SNS */
#mainSns
{padding: 10rem 0 0;;}
.sns-con
{display: flex;flex-direction: row;gap: 2rem;align-items: stretch;  justify-content: space-between;}
.sns-con .left-box
{width: 100%;background: linear-gradient(130deg, rgba(254, 248, 235, 1) 0%, rgba(245, 250, 239, 1) 50%, rgba(235, 247, 253, 1) 100%);border-radius: 3rem;  display: flex;  flex-direction: row;  justify-content: space-between;  padding: 3rem 4rem 3rem 8rem; box-shadow: var(--box-shadow);}
.sns-con .left-box .le-txt{}
.sns-con .left-box .le-txt h2
{margin: 5rem 0;  font-family: var(--font2);  font-size: 2.8rem;  color: #161616;  font-weight: bold;  line-height: 3.5rem;}
.sns-con .left-box .le-txt a
{color: #161616;  font-weight: 600;  border: 1px solid var(--color2);  padding: 1.5rem 1rem 1.5rem 2rem;  border-radius: 1rem;  background: #fff; display: flex;  flex-direction: row;  align-items: center;  gap: 1rem;  max-width: 20rem;}
.sns-con .left-box .le-txt a i{color: var(--color2);;}

.sns-con .left-box .ri-slide{}
.sns-con .left-box .ri-slide .mainSNS-slide
{width: 53rem;  height: 30rem;}
.sns-con .left-box .ri-slide .mainSNS-slide iframe{height: 30rem;border-radius: 2rem;}

/* dots */
#mainSns .slick-dots 
{display: flex;  justify-content: center; }
#mainSns .slick-dots li
{margin:0 0.5rem;width: auto!important;height: auto!important}
#mainSns .slick-dots li button
{ width:1rem; height:1rem; background:#b4b4b4; border-radius:50px; padding:0; border:none;}
#mainSns .slick-dots li.slick-active button
{width:4rem;  background: linear-gradient(130deg, rgba(245, 162, 0, 1) 0%, rgba(246, 171, 17, 1) 50%, rgba(248, 181, 33, 1) 100%);;}
.slick-dots li button:before{display: none;}

.sns-con .right-box
{width: 50rem}
.sns-con .right-box ul
{display: flex;flex-direction: column;gap: 2rem;}
.sns-con .right-box ul li
{display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 2rem;border: var(--border);box-shadow: var(--box-shadow-small);}
.sns-con .right-box ul li a
{width: 100%;height: 100%;padding: 2.7rem;display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 2rem;color: #161616;  font-weight: 600;  font-size: 2.4rem;}
.sns-con .right-box .icon-box
{width: 6rem;  height: 6rem;  border-radius: 100%;  overflow: hidden;}

#bottom
{width: 100%; overflow: hidden; }
.bottom-txt
{ display: flex;  width: max-content;   animation: scroll 70s linear infinite; }
.bottom-txt:hover {animation-play-state: paused;}
.bottom-txt h2
{font-size: 11rem; margin: 0; font-weight: bold;  text-transform: uppercase;  white-space: nowrap;  padding-right: 3rem;  background:linear-gradient(130deg, rgba(254, 248, 235, 1) 0%, rgba(245, 250, 239, 1) 50%, rgba(235, 247, 253, 1) 100%);
  -webkit-background-clip: text; /* 배경을 텍스트 영역에만 자르기 */
  -webkit-text-fill-color: transparent; /* 텍스트 색상을 투명하게 */
  color: transparent; /* Fallback for browsers not supporting -webkit */}

@keyframes scroll {
0% {
  transform: translateX(0);
}
100% {
  transform: translateX(-50%);
}
}

/* subContent */
.sub-content{min-height: 700px;font-size: 1.8rem; color: #111;font-family: var(--font1); margin: 8rem 0 10rem;}
.sub-con-wrap{margin: 0 0 5rem;}
.sub-content .sub-bg{background-color: var(--main-bg-color); padding: 7rem 0;}

/* list 형태
.sub-con-wrap .stitle{display: flex;flex-wrap: wrap;align-items: center;gap: 1rem;margin-bottom: 2rem;}
.sub-con-wrap .stitle::before{width: 4px;height: 22px;display: block;clear: both; content: ''; background-color: var(--main-color);}
.sub-con-wrap .stitle h3{font-size: 2.2rem;font-weight: 600; margin: 0;} */

.sub-con-wrap .stitle{margin-bottom: 3rem;}
.sub-con-wrap .stitle h3{ font-size: 2.5rem;  font-weight: bold;display: flex;flex-wrap: wrap;align-items: center;gap: 1rem;;font-family: var(--font2);}
.sub-con-wrap .stitle span{padding: 1rem 0;font-weight: 600;color: #333;}

.sub-con-wrap ul{display: flex;flex-direction: column;gap: 1rem;}
.sub-con-wrap ul li{display: flex;flex-wrap: wrap;align-items: center;gap: 1rem; line-height: 1.5;display: inline-block;}
.sub-con-wrap ul li::before{width: 5px;height: 5px;display: block;clear: both; content: ''; border-radius: 100%;background-color: #222; display: inline-block; vertical-align: middle; margin-right: 1rem;}

.sub-con-wrap .detail-box{background-color: var(--sub-bg-color);line-height: 1.5;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 3rem;border-radius: 1rem;border: var(--border);}
.sub-con-wrap .detail-box p{margin: 0;}
.sub-con-wrap .detail-box span{font-weight: 600;}
.sub-con-wrap .detail-box02{line-height: 1.5;display: flex;flex-direction: column;align-items: start;justify-content: center;}
.sub-con-wrap .detail-box02 span{font-weight: 600;border-radius: 1rem;border: var(--border);padding: 3rem 5rem;}

/* sub-title */
#subContent .sub-title
{display: block;  border-bottom: 2px dotted #ddd;  margin: 0 auto 5rem;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding-bottom: 1rem;font-family: var(--font2);}
#subContent .sub-title h3
{font-weight: 700;  font-size: 3.5rem; color: #2f2f2f; font-family: var(--font2);margin: 0;letter-spacing: 1px;}
#subContent .sub-title .title-right ol
{display: flex;flex-direction: row;gap: 2rem;}
#subContent .sub-title .title-right ol li,
#subContent .sub-title .title-right ol li a
{color: #777;}
#subContent .sub-title .title-right ol li i{font-size: 1.5rem;}

.point{color: var(--point);font-weight: 600;}
.color1{color: var(--color1);font-weight: 600;}
.color2{color: var(--color2);font-weight: 600;}
.color3{color: var(--color3);font-weight: 600;}

/* sub-table*/
.table-common{ width: 100%; height: 100%;text-align: center;border-top: 2px solid var(--main-color);border-left: var(--border);}
.table-common th,.table-common td{ border: none !important;vertical-align: middle;  border-bottom: var(--border) !important;;color: #333; padding: 1.5rem; border-right: var(--border) !important; }
.table-common th{background-color: #f2f2f2!important;}
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{background-color: #fff;}
table tbody tr:hover>td, table tbody tr:hover>th{background-color: #fff;}
table tbody>tr:nth-child(even){background-color: #fff;}
table tbody>tr{transition: var(--transition1);}
.table-common th{text-align: center;  font-weight: 600; }
.table-common th i{margin-right: 1rem;}
.table-common a{color: #777;transition: var(--transition1);}
.table-common a:hover{color: var(--main-color);font-weight: 600;}
/* table-common-02 */
.table-common-02 td ul{text-align: left;margin-bottom: 0!important;}
/* calendar-table */
.calendar-table th{ padding: 1.2rem 2rem;text-align: left;}
.calendar-table td{text-align:left;  font-size: 1.6rem; font-weight: 400;}
/* .table-common th:last-child,.table-common td:last-child{border-right: none!important;} */

/* tab */
.tab-content {display: none;}
.tab-content.active { display: block;}
.tab-buttons 
{display: flex;  margin-bottom: 5rem;border-radius:2rem;  box-shadow: var(--box-shadow);  overflow: hidden!important;}
.tab-btn 
{width: 100%;background: #fff;padding: 1.5rem; color: var(--main-color)!important; border: none;  font-size: 1.8rem; cursor: pointer;font-family: var(--font2);color: #777!important;}
.tab-btn:hover
{color: #222!important;background-color: var(--hover-color)!important;;border-radius: 0;}
.tab-btn.active,.tab-btn:focus
{color: #fff!important;background-color: var(--main-color)!important;;border-radius: 0;}

/* detail boxes */
.detail-boxes
{display: flex;flex-direction: row;gap: 2rem;justify-content: space-between;align-items: stretch;}
.detail-boxes .box
{width: 100%;  display: flex;  flex-direction: column; justify-content: flex-start;  align-items: center;gap: 2rem;border: var(--border);  border-radius: 3rem;  padding: 5rem;}
.detail-boxes .box.box-alone
{width: auto;}
.detail-boxes .box dl
{display: flex;  flex-direction: column;  justify-content: center;  align-items: center;gap: 1rem;}
.detail-boxes .box dt
{font-weight: bold;color: var(--main-color);}
.detail-boxes .box dd
{text-align: center;}
.detail-boxes .box-img
{padding: 2rem;display: flex;  flex-direction: column;  justify-content: center;  align-items: center; background-color: var(--sub-bg-color);  border-radius: 3rem;  width:8rem;  height:8rem;}

/* detail-con --- row */
.detail-con
{display: flex;  flex-direction: row;  align-items: center;;gap: 5rem;border: var(--border);  border-radius: 3rem;  padding: 3rem;}
.detail-con .detail-img
{padding: 4rem;  background: var(--sub-bg-color);  border-radius: 3rem;}
.detail-con dl
{display: flex;  flex-direction: column;gap: 1rem;}
.detail-con dt
{color: var(--main-color);}
.detail-con dd{}

/* detail-txt  */
.detail-txt
{display: flex;flex-direction: column;gap: 3rem;}
.detail-txt dl
{display: flex;flex-direction: column;gap: 1rem;}
.detail-txt dl ul
{margin-bottom: 3rem;padding-left: 1rem;}
.detail-txt dl ul:last-child{margin-bottom: 0;}
.detail-txt dl dt
{color: var(--main-color);font-weight: 600;font-size: 2rem;}

/* detail sbox */
.detail-sbox
{display: flex;  flex-direction: column;  align-items: flex-start;  gap: 1.5rem;}
.detail-sbox dl
{display: flex;  flex-direction: row;  align-items: stretch;  gap:3rem;width: 100%;}
.detail-sbox dl dt
{min-width: 13rem;  padding: 0.7rem;  border-radius: 2rem; border: var(--border);  background: #fff;color: #666; display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  font-size: 1.7rem;  font-weight: 600; ;}
.detail-sbox dl dd
{display: flex; width: 100%; flex-direction: column;  justify-content: center;word-break: keep-all;}
.detail-sbox .table-common
{width: 100%;}
.detail-sbox .table-common th
{background-color: #fff!important;}

/* greeting 인사말 */
.greeting-con-wrap
{ display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  gap: 2rem;  width: 100%;  text-align: center;}
.greeting-img
{ display: flex;  flex-direction: column;  justify-content: center;  align-items: center;}
.greeting-img.grimg01{max-width: 20rem;}
.greeting-img.grimg02{max-width:80rem;}
.greeting-con .greeting-txt
{word-break: keep-all;}
.greeting-con .greeting-txt p{margin-bottom: 2rem;}
.greeting-con .greeting-txt p:last-child{margin-bottom: 0;}
.greeting-con .greeting-txt p strong
{font-size: 3rem;}
.greeting-con .greeting-txt p b
{font-size: 2rem;}

/* 운영법인 소개 corporation-con*/
.corporation-con{}
.corporation-con .logo-wrap
{display: flex;flex-direction: column;gap: 2rem;align-items: center;}
.corporation-con .logo-wrap .left
{display: flex;  flex-direction: row;  gap: 5rem;  align-items: center; justify-content: center;  width: 100%;  background: var(--sub-bg-color);  padding: 2rem 3rem;  border-radius:7px;;}
.corporation-con .logo-wrap .left img
{border:var(--border);border-radius: 1rem;padding: 2rem;background-color: #fff;}
.corporation-con .logo-wrap .right
{width: 100%;}

/* 미션&비전&인재상 */
.vision-con .detail-boxes .box01 .box-img{padding: 2.1rem;}
.vision-detail{}
.vision-detail dl
{margin-bottom: 3rem;}
.vision-detail dl dt
{font-size: 2rem;font-weight: bold;color: var(--main-color);margin-bottom: 2rem;}
.vision-detail dl dd table
{margin-top: 2rem;}
.vision-detail dl dd b
{padding: 0.7rem 1rem;border-radius: 1rem;font-size: 1.6rem;}
.vision-detail.vd01 dl dd b{background-color: var(--color2);color: #fff;}
.vision-detail.vd02 dl dd b{background-color: var(--color3);color:#fff;}
.vision-detail.vd03 dl dd b{background-color: var(--color1);color: #fff;}

/* esg-con */
.esg-con .img{text-align: center;}
.esg-con .esg-top
{display: flex;  flex-direction: row;  align-items: center;  justify-content: space-around; padding: 2rem; justify-content: space-evenly;}
.esg-con .esg-top h2{font-size: 2.5rem;font-weight: 600;}
.esg-con .detail-con
{margin-bottom: 3rem;}
.esg-con .detail-con dl
{ display: flex;  flex-direction: row;  gap: 6.5rem;  align-items: center;}
.esg-con .detail-con dt
{ padding: 4rem;  min-width: 55rem; border-radius: 3rem;  background-color: var(--sub-bg-color);font-weight: 600;color: #444;}
.esg-con .detail-con dd{}

/* 연혁 */
.history-con-wrap
{position: relative;margin-bottom: 5rem;}
.history-con-wrap .history-con-txt
{display: flex;flex-direction: row;justify-content: space-between; align-items: flex-start; scroll-margin-top: 21rem;}
.history-con-wrap .history-con-txt .history-txt
{width: 100%;border: var(--border);  padding: 3rem 5rem;  border-radius: 2rem;  margin-bottom: 3rem;}
.history-con-wrap .history-year-top
{position: sticky;  top: 10rem;  background: #ffffff9e;  width: 100%;   display: flex;  flex-direction: row; backdrop-filter: blur(2px);padding: 2rem 0; z-index: 1;}
.history-con-wrap .history-year-top ul
{display: flex;flex-direction: row;gap: 1rem;}
.history-con-wrap .history-year-top ul li a
{font-size: 1.7rem;border-radius: 5rem;padding: 1rem 3rem;transition: var(--transition1);font-weight:600;background-color: #fff;color:#666; box-shadow: var(--box-shadow); display: flex;flex-direction: column;flex-wrap: nowrap;align-items: center;justify-content: center;min-width: 12rem;}
.history-con-wrap .history-year-top ul li a:hover
{background-color: var(--hover-color);color: #fff;}
.history-con-wrap .history-year-bottom
{margin-top: 4rem;}
.history-con
{ scroll-behavior: smooth;  display: flex;  flex-direction: column;;}
.history-con-wrap h2
{font-size: 3.5rem; font-family: var(--font2); font-weight: 700; color:var(--main-color);; min-width: 19rem; margin: 1rem 0 0 0;position: sticky;  top: 22rem;}
.history-con-wrap dl
{ display: flex;flex-direction: row;gap: 4rem;justify-content: flex-start;padding: 2rem 0;}
.history-con-wrap dt
{ font-weight: 600;  line-height: 1.5;  min-width: 4rem;  color:var(--main-color);flex-direction: column;  justify-content: center; }
.history-con-wrap dd
{display: flex;flex-direction: column; justify-content: center;gap: 1rem;}
.history-con-wrap dd p
{margin: 0;font-weight: 400;  color: #555;font-size: 1.7rem;display: flex;flex-direction: row;align-items: center;gap: 1rem;}
.history-con-wrap dd p::before
{display: block;clear: both;content: '⦁';}

/* 조직도 */
.chart-con{}
.chart-con .chart-img
{padding: 5rem;border-radius: 3rem;margin: auto;text-align: center;background-color: var(--sub-bg-color);}
.height-scroll
{max-height: 650px;overflow: scroll;}

/* 시설안내 */
.facilities-con{}
.facilities-con .img
{background: url(/wp-content/uploads/2025/12/building-img.jpg) no-repeat  top 6% center, #f2f2f2;width: 100%;height: 700px;background-size: cover;border-radius: 3rem 3rem 0 0 ;}
.facilities-con .detail-sbox
{padding: 5rem;background-color: var(--sub-bg-color);border-radius: 0 0 3rem 3rem;}

/* 오시는 길 */
.root_daum_roughmap .cont .section.lst{display: none;}
.load{border-radius: 3rem 3rem 0 0 ;overflow: hidden;}
.load .map{width: 100%;height: 50rem;}
.root_daum_roughmap .wrap_map{height: 100%!important}

/* 사업안내 */
.business-con .detail-boxes-02
{justify-content: flex-start;padding:2rem 2rem 0 0}
.business-con .detail-boxes-02 .box
{width: auto;padding: 0;border: none;justify-content: flex-start;}
.business-con .detail-boxes-02 .box dd
{text-align: center;  font-size: 1.6rem;}
.business-con .detail-boxes-03 .box
{width: 100%;}
.business-con .detail-txt
{margin-bottom: 1.5rem;}
.business-con .detail-sbox
{margin-bottom: 5rem;padding: 3rem;  background: var(--sub-bg-color);  border-radius: 3rem;}
i.xi-check-square
{font-size: 2rem; margin:0 1rem 0.2rem 0rem;  display: inline-block;  vertical-align: middle;}
.business-con .detail-boxes i.xi-play
{padding-top: 3rem;}

/* sub03 교육문화 프로그램 */
/* 안내 */
.guide-con{}
.guide-con .detail-txt
{margin-bottom: 1rem;}
.guide-con .detail-con dt
{font-weight: 600;}
.guide-con .detail-boxes i.xi-play
{padding-top: 12rem;}

/* sub04 주민참여 */
/* 후원 */
.help-con{}
.help-con .detail-txt{margin-bottom: 1rem;}
#subContent .more-btn
{ max-width: 18rem;   font-weight: 600;  color: #fff; transition: var(--transition1); background-color: var(--main-color);  border-radius: 5px;  margin: 5rem auto;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  padding: 1rem;}
#subContent .more-btn:hover{background-color: var(--hover-color);}

/* 대관 */
.coronation-con{}
.coronation-con .detail-boxes
{margin-bottom: 2rem;}
.coronation-con .detail-boxes-02 .box
{padding: 3rem 0rem;border: none;}
.coronation-con .detail-boxes i.xi-play
{padding-top: 7rem;}

/* 기관방문 신청 */
.visit-con{}
.visit-con .detail-boxes-02 i.xi-play{padding-top: 12rem;}

/* 문의하기 */
#inquiry-style04-tbl .write-box 
{display:flex; flex-wrap:wrap; padding-left: 2%;}
#inquiry-style04-tbl .write-box dl 
{width:48%; margin:2% 2% 0% 0%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
#inquiry-style04-tbl .write-box dl.w50{}
#inquiry-style04-tbl .write-box dl.w100 
{width:100%; border-bottom: 1px solid #ddd;  padding-bottom: 2rem;}
#inquiry-style04-tbl .write-box dl.w100 dd
{width: 100%;}
#inquiry-style04-tbl .write-box dl dt 
{font-size:1.7rem; color:#000;font-weight: 600; min-width: 19rem;}
#inquiry-style04-tbl .write-box dl dd input,
#inquiry-style04-tbl .write-box dl dd textarea 
{background:#fff; padding:1rem; font-size:1.5rem; color:#484848; border-radius:0px; border:var(--border);}
#inquiry-style04-tbl .write-box dl dd input::placeholder,
#inquiry-style04-tbl .write-box dl dd textarea::placeholder
{color:#999;}
#inquiry-style04-tbl .terms
{display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start; margin-top: 2rem; margin-left: 2rem;width: 100%;}
#inquiry-style04-tbl .terms p
{display:flex; align-items:baseline;margin: 0;}
#inquiry-style04-tbl .terms p span 
{font-size:1.5rem; margin:0;}
#inquiry-style04-tbl .terms a 
{margin-left:1rem; color:#101010; display:inline-block; border-bottom:2px solid #101010; font-size:1.7rem; padding:0.5rem 0.7rem;}
#inquiry-style04-tbl .terms ul li
{display: flex;flex-direction: row;align-items: center;gap: 0;}
#inquiry-style04-tbl .submit-con
{ text-align:left;}
#inquiry-style04-tbl .submit-con input 
{border:none; background:var(--main-color); color:#fff; font-size:1.7rem; padding: 0.8rem 4rem; transition: all 0.3s ease;  border-radius: 5px; font-weight: 600;}
#inquiry-style04-tbl .submit-con input:hover 
{background:var(--hover-color);}
#inquiry-style04-tbl .terms
{display: flex;flex-direction: column;gap: 2rem;}
#inquiry-style04-tbl dd.input-02  p
{display: flex;flex-direction: column}
#inquiry-style04-tbl .terms-02
{display: flex;flex-direction: row;justify-content: space-between;margin-top: 2rem;}
#inquiry-style04-tbl .terms-02 .wpcf7-spinner{display: none;}
#inquiry-style04-tbl .detail-con dl
{width: 100%;gap: 2rem;padding: 2rem;}
#inquiry-style04-tbl .detail-con dl dt
{font-weight: 600;}
.wpcf7 form .wpcf7-response-output
{border: none!important;}

/* back-btn */
.back-btn
{background-color:var(--color1);padding: 1rem; font-size: 1.7rem; font-weight: 500; transition: var(--transition1);color: #fff; display: flex;justify-content: center;width: 15rem;  margin: 0 auto;border-radius: 5px;}
.back-btn:hover
{background-color: var(--hover-color);color: #fff;}