.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; color: #fff; }
.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 ul
{display: flex;flex-direction: row;}
#header .header-login .login-wrap-02 .cosmosfarm-members-account-links a
{padding: 0;font-size: 1.6rem;font-weight: 600;color: var(--text-color);margin: 0rem;border-radius: 0rem;}
#header .header-login .login-wrap-02 .cosmosfarm-members-account-links
{background-color: var(--sub-bg-color);  padding: 6px 15px;  border-radius: 5px;  display: flex;  flex-direction: row;  align-items: center;height: 4rem;  justify-content: center;}
#header .header-login .login-wrap-02 .cosmosfarm-members-register-link:first-child:after
{display: block;content: '';clear: both;width: 1px;height: 15px;background-color: #fff;margin: 0 1rem;display: inline-block;    vertical-align: sub;}

/* 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
{font-weight: 800;  font-size: 2rem;  color: #000000;  font-family: var(--font3);}
#header.scrolled #nav ul li a{color: var(--text-color);}
#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: transparent!important;color: var(--main-color)!important;;}
#header.scrolled #nav .elementor-item {height: 100px;}
#header .sub-menu
{overflow: hidden;text-align: center;line-height: 1.2;/*width: 25rem!important;*/}
#header .sub-menu .current_page_parent .elementor-sub-item{color: #fff!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:var(--main-color)!important;;color: #fff!important;}
#header .sub-menu .current_page_parent{background-color:var(--main-color);color: #fff!important;width: 25px!important;}
#header .sub-arrow { display: none; }
#header #logo,#header #sitemap{display: block;}
#header #logo_on,#header #sitemap_on{display: none;}
#header.scrolled #logo,#header.scrolled #sitemap{display: none;}
#header.scrolled #logo_on,#header.scrolled #sitemap_on{display: block;}

/* Footer */
footer
{background-color: #141414;font-family: var(--font1)!important;}
.ft-top-con
{border-bottom:1px solid #ebebeb; padding: 2.5rem 0 2rem;display: flex;justify-content: space-between;align-items: center;}
.ft-top-con .policy
{display: flex;  gap: 1rem;}
.ft-top-con .policy li a
{color: #fff;font-weight: 600;font-size: 1.6rem;transition: var(--transition1);font-family: var(--font1);}
.ft-top-con .policy li a:hover
{color: var(--hover-color);}
.ft-top-con .top-btn
{width: 115px;  height: 50px;  border-radius: 1rem;  background: #fff;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  cursor: pointer;}
.ft-top-con .top-btn a
{display: flex;  align-items: center;  gap: 1rem;}
.ft-top-con .top-btn a span
{font-size: 1.6rem;  color: #141414;  font-weight: 600;  text-transform: uppercase; font-family: var(--font1);}
.ft-top-con .top-btn a i{font-size: 1.6rem;}
.ft-bottom-con
{padding:3rem 0;  display: flex;flex-direction: row;justify-content: space-between;align-items: flex-end;}
.ft-bottom-con .f-logo
{width: 20%;}
.ft-bottom-con .ft-txt
{color: #fff;  display: flex;  flex-direction: column;  align-items: flex-start;  width: 100%;  gap: 1rem;  font-weight: 500;  font-size: 1.6rem;}
.ft-bottom-con .ft-txt li{font-family: var(--font1);}
.ft-bottom-con .ft-txt span.copy
{margin-top: 3rem;}

/* menu sitemap icon */
.dialog-message::-webkit-scrollbar
{width: 10px; height: 20px; }
#siteMapCon
{width: 100%;  height:100%;background-color: transparent;}
#siteMapCon #siteLogo
{margin:6rem 0 5rem;}
.sitemap .nav-wrap
{padding:0 10rem;display: flex;  flex-direction: row;gap:4rem;justify-content: center;}
.sitemap .nav-wrap .nav
{display: flex;  flex-direction: column;  gap: 2rem;}
.sitemap .nav-wrap .nav h2
{padding: 3rem; font-family: var(--font2);transition: var(--transition1); font-size: 2rem; color: #fff; font-weight: 700;text-align: center;  min-width: 16rem;  position: relative;  margin: 0;}
.sitemap .nav-wrap .nav h2 a
{transition: var(--transition1);color:  #fff;}
.sitemap .nav-wrap .nav h2 a:hover{color: #fff;}
.sitemap .nav-wrap .nav:hover h2
{color: #fff;}
.sitemap .nav-wrap .nav .nav-detail ul
{ display: flex;flex-direction: column;align-items: center;gap: 1rem;font-weight: 500;flex-wrap: wrap;}
.sitemap .nav-wrap .nav .nav-detail ul li a
{color: #fff;  padding: 1.5rem;  font-size: 1.8rem; font-family: var(--font2); transition: var(--transition1); min-width: 25rem;  display: flex;  justify-content: center;  font-weight: 400;}
.sitemap .nav-wrap .nav .nav-detail ul li a:hover
{color: var(--hover-color);}

/* sub-table*/
.table-common
{width: 100%; height: 100%;text-align: center;}
.table-common th,.table-common td
{border: none!important;vertical-align: middle; color: var(--text-color); padding: 1.2rem;font-size: 1.7rem;}
.table-common th
{background-color: var(--main-bg-color)!important;border-right: 3px solid #ffff !important;border-radius: 1rem;color:var(--text-color)!important;font-weight: 700;}
.table-common td
{background-color: #f7f7f7!important;border: 3px solid #fff !important;border-radius: 1rem;font-weight: 600;color: var(--text-color)!important;}
/* table-left */
table.table-common ul
{text-align: left;padding-left: 3rem;margin-bottom: 2rem;}
table.table-common ul li
{list-style-type: disc;line-height: 1.5;margin-bottom: 1rem;}

/* table 자동 순번 */
/* 1. 카운터 초기화 2. tr마다 카운터 증가 3. 첫 번째 셀에 번호 표시  */
table.table-common { counter-reset: row-num; }
table.table-common tr:has(td) { counter-increment: row-num; }
table.table-common tr td:first-child::before {content: counter(row-num);}

/* 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: 2.5rem;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;  background: var(--sub-bg-color);  border-radius: 1rem;overflow: hidden;}
#subContent .tab-wrap .tab-btn{}
#subContent .tab-wrap .tab-btn.active
{color: #fff!important;background: var(--text-color); }
/* #subContent .tab-wrap .tab-btn:hover{background-color: transparent;} */

/* policy */
.policy-con table.table-common td
{border: 1px solid #ddd !important;}
.policy-con .policy-txt
{display: flex;flex-direction: column;gap: 3rem;}
.policy-con .policy-txt dl
{ display: flex;  flex-direction: column;  align-items: stretch;  gap: 1rem;}
.policy-con .policy-txt dl dt
{font-weight: 600;line-height: 1.5; margin: 1rem 0;}
.policy-con .policy-txt dd
{font-size: 1.6rem;margin-left: 1rem;}
.policy-con .policy-txt dd p
{margin-bottom: 1rem;line-height: 1.5; font-weight: 500;color: #666;}
.policy-con .policy-txt li
{line-height: 1.5; font-weight: 500;margin-bottom: 1rem;color: #666;}
.policy-con .policy-txt span
{line-height: 1.5; font-weight: 500;margin-bottom: 1rem;color: #666;}
.policy-con .policy-txt li::before{display: none;}
.policy-con .policy-txt dl a i.xi-link{transform: rotate(-45deg);}
.policy-con .policy-txt dl ol
{padding: 2rem;background-color: var(--sub-bg-color);margin-bottom: 1rem;}

/********************** main **********************/
/********************** main **********************/
/********************** main **********************/
/* main slide start */
.mainVisual{overflow: hidden;position:relative;width: 100%;;}
.main-slide .slick-list{overflow: inherit;z-index:0;overflow: hidden;}
.main-slide .main-img
{height:910px;background-repeat: no-repeat; background-size: cover;}
.main-img01 { background: url(/wp-content/uploads/2026/04/mainVisual01.jpg) }
.main-img02 { background: url(/wp-content/uploads/2026/04/mainVisual02.jpg)}
.main-img03 { background: url(/wp-content/uploads/2026/04/mainVisual03.jpg) }

/* main slide arrow */
.main-visual-controls .arrow
{display: flex;  flex-direction: row; justify-content: space-between;  align-items: center;  width: 200px;  flex-wrap: nowrap;}
.main-visual-controls .arrow button
{color: #fff;  outline: none;  font-size: 1.5rem;  font-weight: 100;  border: none;  line-height: 0; }
.main-visual-controls .arrow button:focus,.arrow button.active,.arrow button:hover
{background: none;}

/* MAIN VISUAL PROGRESS BAR */
.main-visual-controls
{ position: absolute;left: 50%;  transform: translateX(-50%);top: 35%; z-index:9;display: flex;flex-direction: row;align-items: center;justify-content: center;text-shadow: var(--text-shadow);}
.main-visual-controls .main-controls-wrapper
{display: flex;  align-items: flex-end;  flex-direction: column;}
.main-visual-controls .progress
{width:90px; height:2px; position:relative;}
.main-visual-controls .progress .bg-bar
{position:absolute; width:100%; height:100%; background:#ffffff4f; display:block; left:0; top:0;}
.main-visual-controls .progress .ing-bar
{width:0%; height:100%; display:block; position:relative; background:var(--sub-color);}
.main-visual-controls .progress.active .ing-bar
{width:100%; transition:all 7s ease-in-out;}

/* main slide count */
.main-visual-controls .slide-count span,
.main-visual-controls .slide-count strong
{font-size: 1.6rem;font-weight: 500;color: #fff;font-family: var(--font1);}
.main-visual-controls span.slide-count
{display: flex;  flex-direction: row;  align-items: center; width: 150px;  justify-content: space-between; position: relative; }

/* mainTopText */
.main-top-text
{margin-top: 39rem;  width: 100%;  display: block;  text-align: center;color: #fff;text-shadow: var(--text-shadow);}
.main-top-text h3
{font-size: 5.2rem; font-weight: 300; margin-bottom: 1.5rem;}
.main-top-text h2
{font-weight: 500;  font-size: 6.3rem;}

/********************** sub **********************/
/********************** sub **********************/
/********************** sub **********************/
/* subVisual */
#subVisual
{/*background-attachment: fixed; */}
#subVisual .sub-visual-wrap
{height: 40rem;position: relative;background: #fff;background-position:center;  background-size: cover;  background-repeat: no-repeat; border-radius: 2rem;}
#subVisual.intro .sub-visual-wrap{background-image: url(/wp-content/uploads/2026/05/subVisual01.jpg);}
#subVisual.organ .sub-visual-wrap{background-image: url(/wp-content/uploads/2026/05/subVisual02.jpg);}
#subVisual.event .sub-visual-wrap{background-image: url(/wp-content/uploads/2026/05/subVisual03.jpg);}
#subVisual.alarm .sub-visual-wrap{background-image: url(/wp-content/uploads/2026/05/subVisual04.jpg);}
#subVisual.file .sub-visual-wrap{background-image: url(/wp-content/uploads/2026/05/subVisual05.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;margin: 0rem 0 0;text-align: left;}
.sub-top-title
{margin-bottom: 3rem;padding-top: 13rem;}
.sub-top-title h3
{font-family: var(--font3);font-weight: 800;color: #252525!important;font-size: 5rem;}
.sub-visual-top ul.title-detail li
{display: inline-block;margin-right: 1rem;color: #252525;font-weight: 800;  font-family: var(--font3);}
.sub-visual-top ul.title-detail li i{color: #252525;}

/* deatilMenu */
#detailMenu.detail-menu
{width: 100%;max-width: 1400px;margin: auto;position: relative}
#detailMenu.detail-menu ul
{display: flex;gap: 1.5rem;position: absolute;bottom: 5rem;left: 0;}
#detailMenu.detail-menu ul li a
{font-weight: 700;font-size: 1.8rem; cursor: pointer;font-family: var(--font1);color: #7b7b7b!important; transition: var(--transition1);padding: 1.5rem 5rem; display: flex; flex-direction: column; align-items: center;background-color: #ffffff91;border-radius: 6rem;backdrop-filter:blur(7px) ;}
#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: var(--main-color)!important;background-color: #fff!important;font-weight: 700;box-shadow: var(--box-shadow);;}
#detailMenu.detail-menu ul li .elementor-item-active:hover
{color: var(--main-color)!important;background-color: #fff!important;;}

/* subContent */
.sub-content{min-height: 700px; margin: 7rem 0 7rem;}
.sub-con-wrap{margin: 0 0 6rem;}
.sub-con-wrap:last-child{margin: 0;}
.sub-content .sub-bg
{background-color: var(--main-bg-color);  padding: 7rem 0;  }
.sub-content .point
{color: var(--main-color);}
/* {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:2rem;display: flex;align-items: flex-start;justify-content: center; flex-direction: column; gap: 1.5rem;}
.stitle h3
{font-size: 1.9rem;  font-family: var(--font1);  font-weight: bold;  padding: 1rem 2rem;  border-radius: 6rem;  background: #063dcd;  color: #fff;}