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

/* 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(--sub-color);*/ border-radius: 3rem; margin: 4rem;}
.cosmosfarm-members-form .link-text,
.cosmosfarm-members-form.signin-form .social-login-section,
.cosmosfarm-members-form.signin-form .login-footer
{display: none;}
#header .header-login .login-wrap-02 .cosmosfarm-members-account-links a
{padding: 0 1.5rem;font-size: 1.3rem;font-weight: 600;color: #8c8c8c;margin: 0rem;border-radius: 0rem;font-family:var(--font2);transition: var(--transition1);}
#header .header-login .login-wrap-02 .cosmosfarm-members-loginout-link a
{position: relative;z-index: 10;background-color: #fff;}
#header .header-login .login-wrap-02 .cosmosfarm-members-account-links
{background-color: #fff; border: 1px solid #eeeeee; border-radius: 2rem;  display: flex;  flex-direction: row-reverse;  align-items: center;justify-content: center;position: relative;padding: 1.2rem 0.8rem;}
#header .header-login .login-wrap-02 .cosmosfarm-members-account-links:after
{display: block;content: '';clear: both;width: 2px;height: 10px;background-color: #b5b5b5;position: absolute;left: 47%;top: 50%;transform: translate(-50%,-50%);}
.cosmosfarm-members-account-link{display: none;}

#header .header-login .login-wrap-02 a
{transition: var(--transition1);}
#header .header-login .login-wrap-02 a:hover
{color: var(--main-color);}

/* header nav */
#header
{background-color: transparent; position: sticky; z-index: 100; transition: all 0.3s ease; height: 100px;background-color:rgb(255, 255, 255);}
#header.scrolled
{background-color:rgb(255, 255, 255); height: 100px;padding-top: 0px; box-shadow: 5px 5px 10px 2px #0000000e; position:fixed; z-index: 100; }
#header #nav{ font-size: 18px; }
#header #nav ul li { width: 18rem; }
#header #nav ul li a
{width: 100%;font-weight: 600;  font-size: 1.8rem;  color:var(--text-color);  letter-spacing: 1px;  font-family: var(--font2);}
#header.scrolled #nav ul li a{color: var(--text-color);}
#header #nav ul li a:hover
{ background-color:#152639;color: #fff!important;}
#header #nav .elementor-item
{height: 100px;display: flex; justify-content: center;}
#header #nav .elementor-item:hover
{background-color: transparent!important;color: var(--text-color)!important;;}
#header.scrolled #nav .elementor-item {height: 100px;}
#header .sub-menu
{overflow: hidden;text-align: center;line-height: 1.2;width: 22rem!important;}
#header .sub-menu .current_page_parent .elementor-sub-item{color: var(--text-color)!important;}
#header .sub-menu .elementor-sub-item
{padding: 16px 10px !important;  font-size: 16px !important;  display: block;  text-align: left;  color: #222 !important;  width: 22rem !important;}
#header .sub-menu .elementor-item-active{background-color:#152639!important;;color: #fff!important;}
#header .sub-menu .current_page_parent{background-color:#152639;color: #fff!important;width: 25px!important;}
#header .sub-arrow { display: none; }

/* Footer */
#footer
{background-color: #0d111a;padding: 5rem 0;}
#footer .ft-partner
{display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;margin-bottom: 5rem;gap: 2rem;}
#footer .ft-partner .pt-img
{height: 6rem;  border-radius: 6rem;  width: 100%;  border: 1px solid #fff;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;transition: var(--transition1);}
#footer .ft-partner .pt-img:hover
{border: 1px solid var(--hover-color);}
#footer .ft-top-con .ft-logo
{margin-bottom: 3rem;}
#footer .ft-top-con ul.ft-txt li
{font-family: var(--font2); color: #e5e5e5;  margin-bottom: 1.5rem;  font-size: 1.7rem;  font-weight: 400;}
#footer .ft-top-con ul.ft-txt li span{margin: 0 1rem;}
.ft-bottom-con
{padding-top:3rem;margin-top: 3rem; border-top: 1px solid #fff; display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.ft-bottom-con span.copy
{font-family: var(--font2);color: #999999;font-size: 1.6rem;font-weight: 300;}
.ft-bottom-con ul.policy
{display: flex;  gap: 1rem;align-items: center;}
.ft-bottom-con ul.policy li
{color: #e5e5e5;transition: var(--transition1);}
.ft-bottom-con ul.policy li a
{transition: var(--transition1);font-size: 1.7rem;font-weight: 500;font-family: var(--font2);}
.ft-bottom-con ul.policy li a:hover
{color: var(--hover-color);}

/* topBtn */
#topBtn
{/*opacity: 0;visibility: hidden;transition: var(--transition2);*/ }
#topBtn.on
{/*opacity: 1;visibility: visible;*/position: fixed;top: 30rem;right: -2px;z-index: 999;cursor: pointer;height: 253px;border-radius: 2rem 0 0 2rem;border: 2px solid #437bb9;display: flex;flex-direction: column;align-items: center;justify-content: space-between;overflow: hidden;background-color: #ffffff27;backdrop-filter: blur(5px);}
.top-btn ul
{display: flex;flex-direction: column;align-items: center;;}
.top-btn ul li
{display: flex;flex-direction: column;align-items: center;overflow: hidden;}

.top-btn ul li.top01
{width: 100%;background: #437bb9;height: 185px;justify-content: center;}
.top-btn ul li.top01 a
{background: #437bb9; display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  gap: 1rem;}
.top-btn ul li.top01 span
{writing-mode: sideways-rl;font-size: 1.4rem;color: #fff;font-weight: 600;font-family: var(--font2);}

.top-btn ul li.top02
{padding: 5px;}
.top-btn ul li.top02 span
{font-size: 1.2rem;color: #fff;font-weight: 500;font-family: var(--font2);display: block;text-transform: uppercase;}
.top-btn ul li.top02 a
{background-color: #437bb9;  width: 51px;  height: 51px;  border-radius: 15px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.top-btn ul li.top02 i
{font-size: 1.5rem;color: #fff;}

/* menu sitemap icon */
.sitemap-nav{font-family: var(--font2)!important;}
.dialog-message::-webkit-scrollbar
{ width: 10px;  /* 세로축 스크롤바 폭 너비 */  height: 20px;  /* 가로축 스크롤바 폭 너비 */}
#siteMapCon .sitemap
{width: 100%;  height:100%;}
.sitemap .nav-wrap
{padding:5rem 10rem 5rem;display: flex;  flex-direction: column;}
.sitemap .nav-wrap .nav
{display: flex;  flex-direction: row;     justify-content: space-between; padding: 7rem 0;  border-bottom: 1px dashed #ccc;  transition: var(--transition1); position: relative;  align-items: flex-start;gap: 4rem;}
.sitemap .nav-wrap .nav:last-child{border-bottom: 0;}
.sitemap .nav-wrap .nav h2
{ font-size: 2.5rem;  font-weight: 700;  color: #111;  min-width: 16rem;  position: relative;  margin: 0;transition: var(--transition1);;}
.sitemap .nav-wrap .nav .nav-detail
{margin-left: 2rem;}
.sitemap .nav-wrap .nav .nav-detail ul
{ display: flex;flex-direction: row;align-items: center;gap: 1rem;font-weight: 500;flex-wrap: wrap;}
.sitemap .nav-wrap .nav .nav-detail ul li a
{color: #a9a9a9; transition: var(--transition1);font-weight: 600;  padding: 1rem 2rem;  border: var(--border);  border-radius: 3rem;background-color: transparent;font-size: 1.7rem;
  font-family: var(--font1);}
.sitemap .nav-wrap .nav .nav-detail ul li:last-child a::after{display: none}
.sitemap .nav-wrap .nav .nav-detail ul li a:hover
{color: var(--main-color);background-color: var(--main-bg-color)}

/* sub-table*/
.table-common
{width: 100%; height: 100%;text-align: center;border-radius: 2rem;overflow: hidden; }
.table-common th,.table-common td
{border: none!important;vertical-align: middle;font-size: 1.7rem;}
.table-common th:last-child,.table-common td:last-child
{border-right: none!important;}
.table-common th:first-child,.table-common td:first-child
{border-left: none!important;}
.table-common th
{background-color: #deeaf5!important;color: var(--sub-color2);padding: 1.5rem;}
.table-common td
{font-weight: 500;background-color: #f9f9f9 !important; padding: 2rem; color: #111; }
.table-common tr:last-child td{border-bottom:none!important}
/* table-left */
table.table-left ul{text-align: left;padding-left: 2rem;}

/* tab */
.tab-content {display: none;}
.tab-content.active { display: block;}
.tab-buttons { display: flex;}
.tab-wrap .tab-btn
{font-size: 2rem; border: none;width: 100%; font-weight: 600;color: #777;  font-family: var(--font1);  padding: 2rem;border-radius: 0;}
.tab-wrap .tab-btn:hover,.tab-wrap .tab-btn.active,.tab-wrap .tab-btn:focus
{background-color: transparent;}
/* tab sub common */
#subContent .tab-buttons
{justify-content: center;  margin-bottom: 5rem;  gap: 0rem;  border-radius: 2rem;overflow: hidden; background: #fff;border: var(--border);box-shadow: var(--box-shadow);}
#subContent .tab-wrap .tab-btn
{border-right: var(--border);}
#subContent .tab-wrap .tab-btn:last-child{border-right: 0;}
#subContent .tab-wrap .tab-btn.active
{color: #fff!important;background: #247bdb;}
#subContent .tab-wrap .tab-btn dl{}
#subContent .tab-wrap .tab-btn dl dt
{font-size: 1.6rem;  font-weight: 700;  margin-bottom: 1rem;}
#subContent .tab-wrap .tab-btn dl dd{}

/* 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;margin-bottom: 1rem;}
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;}

/********************** main **********************/
/********************** main **********************/
/********************** main **********************/
/* main slide start */
.mainVisual{overflow: hidden;position: relative;}
.mainVisual .full-container
{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 600px;}
.mainVisual-wrap
{position:relative; width: 100%; display: flex;flex-direction: row;align-items: stretch;justify-content: space-between;}
.vis-left
{width: 1170px; height: 600px;position: relative;}
.vis-right
{width: 500px;height: 100%;position: relative;}
.main-visual-controls,
.main-popup-controls
{position: absolute;bottom: 0;right: 0;background-color:#437bb9;padding: 2rem; border-radius: 2rem 0;}
.main-visual-controls::before,
.main-popup-controls::before
{display: block;  content: '';  position: absolute;  left: 0;  width: 25px;  height: 100%;  top: 0;  left: -2.2rem;  background: url(/wp-content/uploads/2026/05/controls-before.png) no-repeat bottom;}
.mainVisual-wrap button.arrow{color: #fff;}

/* main slide arrow */
button.arrow
{outline: none;  font-size:1.4rem;  font-weight: 100;  border: none;  line-height: 0;}
button.arrow:focus,button.arrow.active,button.arrow:hover
{background: none;}

/* main slide count */
.slide-count span,
.slide-count strong
{font-size: 1.5rem;  font-weight: 700;  color: #fff;  font-family: var(--font2);}
.slide-count span.dash
{font-weight: 200;font-size: 1.1rem;}
span.slide-count
{display: flex;  flex-direction: row;  align-items: center; width: 150px;  justify-content: space-between; position: relative; }

/* mainTopText */
.main-top-text
{ width: 100%;  display: block; color: #fff;text-shadow: var(--text-shadow); position: absolute; z-index: 11;bottom: 8rem; left: 8rem;}
.main-top-text h2
{font-weight: 600;  font-size: 4.5rem;  font-family: var(--font2);}
.main-top-text h2 b
{font-weight: 600;  font-size: 4.5rem;  font-family: var(--font2);color: #fccf48;}
.main-top-text h3
{font-size: 1.8rem; font-weight: 500;font-family: var(--font2);margin-top: 2rem;}

/********************** sub **********************/
/********************** sub **********************/
/********************** sub **********************/

/* subMenu - dropdown */
.elementor-location-header {position:relative}
#subMenu
{margin-top: 2rem; }
#subMenu .e-con-inner{padding: 0;}
#breadcrumb
{width:100%;}
#breadcrumb .breadcrumb-con
{display:flex; align-items:center;  height:100%; border-bottom: 1px dashed #ccc;
 padding-bottom: 2rem;}
#breadcrumb .dep-con
{padding: 0 3rem; width:30rem; position: relative; cursor: pointer; height:5.5rem;  border-radius: 1rem; margin-right: 1rem;/*background: #ebebeb; color: #777; */   background: #f1f1f1;  color: var(--sub-color2);}
#breadcrumb .dep-con .dep-tit
{height:100%;}
#breadcrumb .dep-con .dep-tit .dep-active-tit
{display:flex; justify-content:space-between; align-items:center; height:100%;margin: 0;}
#breadcrumb .dep-con .dep-tit .dep-active-tit i
{ font-size:2.5rem}
#breadcrumb .dep-con .dep-tit .dep-active-tit span
{font-size: 1.8rem;  font-weight: 600;   font-family: var(--font2);}
#breadcrumb .dep-menu
{position:absolute; top:7.5rem; left:0;border-radius: 1rem; width:100%;background:#fff; border: var(--border); padding:2rem 3rem; z-index:99; display: none;}
#breadcrumb .dep-menu li a
{font-size:1.7rem; color:#00000071; display:block; padding:1rem 0; transition:all 0.3s ease; font-weight: 600; font-family: var(--font2);}
#breadcrumb .dep-menu li.current-menu-parent a,
#breadcrumb .dep-menu li.current-menu-item a
{color:#111;}
#breadcrumb .dep-menu li a:hover
{color:#111;}

/* subMenu - dropdown 반응형 */
@media screen and (max-width : 1024px) {
  #breadcrumb,
  #breadcrumb .dep-con
  {height: 6rem;}
  #breadcrumb .dep-menu{top: 6rem;}
  #breadcrumb .home,
  #breadcrumb .dep-con
  {width: 100%;}
  #breadcrumb .dep-con,
  #breadcrumb .dep-menu
  {padding: 1.5rem;}
  #breadcrumb .home{min-width: 6rem;}
  #breadcrumb .dep-con{min-width: 22rem;}
  #breadcrumb .dep-con .dep-tit .dep-active-tit span,
  #breadcrumb .dep-menu li a
  {font-size: 1.6rem;}
}
@media screen and (max-width : 767px) {
  #breadcrumb,
  #breadcrumb .dep-con
  {height: 5.5rem;}
  #breadcrumb .dep-menu{top: 5.5rem;}
  #breadcrumb .home,
  #breadcrumb .dep-con
  {width: 100%;}
  #breadcrumb .dep-con,
  #breadcrumb .dep-menu
  {padding: 1rem;}
  #breadcrumb .home{width: 5rem;display: none;}
  #breadcrumb .dep-con{min-width: 18rem;}
  #breadcrumb .dep-con.dep1{border-left: var(--border);}
  #breadcrumb .dep-con .dep-tit .dep-active-tit span,
  #breadcrumb .dep-menu li a
  {font-size: 1.4rem;}
}
@media screen and (max-width : 425px) {
  #breadcrumb .dep-con .dep-tit .dep-active-tit span,
  #breadcrumb .dep-menu li a
  {font-size: 1.2rem;}
}

/* subVisual */
#subVisual{height:25rem;position: relative;background: #fff;background-position:center;  background-size: cover;  background-repeat: no-repeat;background-image: url(/wp-content/uploads/2026/05/subVisual.jpg);}
/* #subVisual .sub-visual-wrap{background-image: url(/wp-content/uploads/2026/05/subVisual.jpg);height:25rem;position: relative;background-position:center;  background-size: cover;  background-repeat: no-repeat;border-radius: 2rem;box-shadow: var(--box-shadow);} */
/* #subVisual.intro{background-image: url(/wp-content/uploads/2026/05/mainVisual01.jpg);} */
/* #subVisual::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#000000; opacity: 0.6;} */

/* sub-top-title */
.sub-visual-top
{display: block;padding: 0rem 0 0;text-align: left; display: flex; flex-direction: row;  justify-content: space-between;  align-items: center;}
/* .sub-top-title{margin-bottom: 2rem;} */
.sub-top-title h3
{font-family: var(--font2);margin-top: 0rem;font-weight: 700;color: var(--sub-color2)!important;font-size: 5rem;;}
.sub-visual-top ul.title-detail li
{display: inline-block;  margin-left: 1rem;  color: var(--sub-color2);  font-weight: 600;  font-family: var(--font2);}
.sub-visual-top ul.title-detail li i.xi-home
{width: 100%;height: 100%;background: #fff;padding: 1rem;border-radius: 100%;color: var(--sub-color2);}

/* deatilMenu */
#detailMenu.detail-menu
{width: 100%;}
#detailMenu.detail-menu ul
{display: flex;justify-content: center;}
#detailMenu.detail-menu ul li a
{font-weight: 500;font-size: 1.8rem; cursor: pointer;font-family: var(--font1);color: #777!important; transition: var(--transition1);padding: 1.5rem 3rem ;display: flex; flex-direction: column; align-items: center;background-color: var(--sub-bg-color);border-radius: 1rem;margin-right: 1rem;}
#detailMenu.detail-menu ul li .elementor-item-active,
#detailMenu.detail-menu ul li.current-menu-item a,
#detailMenu.detail-menu ul li a:hover,
#detailMenu.detail-menu ul li.current-menu-parent a
{color: #fff!important;background-color: var(--main-color)!important;font-weight: 700;;}
#detailMenu.detail-menu ul li .elementor-item-active:hover
{color: #fff!important;background-color: var(--main-color)!important;;}

/* subContent */
.sub-content{min-height: 700px; margin: 7rem 0 10rem;}
.sub-con-wrap{margin: 0 0 10rem;}
.sub-con-wrap:last-child{margin: 0;}
.sub-content .sub-bg
{background-color: var(--sub-bg-color);  padding: 10rem 0;  }
.sub-content .point
{text-decoration: underline;color: var(--point-color);font-weight: 500;text-underline-offset: 4px;}

/* sub-title */
#subContent .sub-title{display: none;}
#subContent .sub-title
{text-align: center;margin: auto;display: block;margin-bottom: 10rem;}
#subContent .sub-title h3
{font-weight: 800;  font-size: 4.5rem;font-family: var(--font1);display: flex;  flex-direction: row;  align-items: flex-start;  justify-content: center;  gap: 1rem;}
#subContent .sub-title h3::before
{content: '';width: 10px;height: 10px;display:block ; background-color : var(--main-color);}

/* stitle */
.stitle
{margin-bottom:3rem;display: flex;align-items: flex-start;justify-content: center; flex-direction: column; gap: 1.5rem;}
.stitle h3
{font-size: 3rem; font-family: var(--font2); font-weight: bold;display: flex;flex-direction: row;}
.stitle h3::before
{width: 4px; margin-right: 7px;  background-color: #1e5ea5;content: '';display: block;}
.stitle small
{font-size: 1.8rem; font-family: var(--font2); font-weight: bold;color: var(--hover-color);}