.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(--main-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 main */
#header
{position:fixed; left:0; top:0; z-index:9999; transition: all 0.3s ease;height: 100px; border-bottom: 1px solid #ffffff4f;transition: var(--transition1);}
/* #header.fixed {background:#ffffff1f; box-shadow:3px 3px 12px #00000014;border-bottom: none;} */
#header #logo_on { display: none; }
#header #globalMenu_on { display: none; }
#header #nav a { font-family: "Pretendard";text-transform: uppercase; }
#header #nav .elementor-widget-container { padding: 0; }
#header #nav .elementor-nav-menu > .menu-item > a { padding: 40px 70px; color: #fff; font-size: 1.8rem; font-weight: 600;transition: var(--transition1); }
#header #nav .elementor-nav-menu > .menu-item > a .sub-arrow {display:none;}
#header #nav .elementor-nav-menu > .menu-item > .sub-menu { width: 100% !important; }
#header #nav .elementor-nav-menu > .menu-item > .sub-menu a { background:#fff; font-size: 16px; color: #333; font-weight: 600; white-space:wrap; border:none;  transition:none;transition: var(--transition1);}
#header #nav .elementor-nav-menu > .menu-item > .sub-menu > li {background:#fff; transition:none;}
#header #nav .elementor-nav-menu > .menu-item > .sub-menu > li:hover {background:#fff;}
#header #nav .elementor-nav-menu > .menu-item > .sub-menu > li:hover a {background:#fff; color: var(--main-color); font-weight:600; }
#header #nav .elementor-nav-menu > .menu-item > .sub-menu > .current-menu-item {background:#fff;}
#header #nav .elementor-nav-menu > .menu-item > .sub-menu > .current-menu-item a {background:#fff; color: var(--main-color); font-weight:600; }
#header #nav li.current-menu-parent .elementor-sub-item {background:#fff; color: var(--main-color); font-weight:600; }

/* sub header scroll 시 설정 */
#header.scrolled
{background:#fff; box-shadow:3px 3px 12px #00000014;border-bottom: none;}
#header.scrolled #logo ,
#header.scrolled #util .sitemap
{display: none;}
#header.scrolled #logo_on ,
#header.scrolled #util .sitemap-on,
#language.scrolled .sub-menu
{display: block;}
#header.scrolled #nav .elementor-nav-menu > .menu-item > a ,
#header.scrolled #util .util-list li a ,
#header.scrolled #util #member-nav .menu-item > a,
#header.scrolled #language nav > ul > li > a,
#header.scrolled #language nav > ul > li > a:before
{color:#000; font-weight:600;}

/* section2 company header 설정 */
.fp-viewing-company #header,
.footer #header
{background: #fff;box-shadow: var(--box-shadow);}
.fp-viewing-company #header #nav .elementor-nav-menu > .menu-item > a,
.fp-viewing-company #header #language nav > ul > li > a,
.fp-viewing-company #header #language nav > ul > li > a:before
{color: var(--text-color)}
.fp-viewing-company #header #logo ,
.fp-viewing-company #header #util .sitemap
{display: none;}
.fp-viewing-company #header #logo_on ,
.fp-viewing-company #header #util .sitemap-on
{display: block;}
/* section1 , section3 설정 */
.fp-viewing-home #header:hover,
.fp-viewing-business #header:hover
{background: #0000002c!important;box-shadow: var(--box-shadow)!important;}

/* language */
#util #member-nav .menu-item > a
{font-size:1.5rem; color:#fff; font-weight:400; padding:0 1rem;transition: var(--transition1);}
#language nav > ul > li > a {font-size:18px; color:#fff; font-weight:400;min-width:9rem;border-radius:1rem;/*background:var(--main-color); border-radius:50px; padding:0.6rem 1.4rem; min-width:8rem; justify-content:end;*/}
#language nav > ul > li > a > .sub-arrow {display:none;}
#language nav > ul > li > a:before
{content:'\e936'; font-family:'xeicon'; color:#fff;opacity:1; background:transparent; font-size:15px; color:#fff; right:15px; top:13px;}
/* {content:'\e9d1'; font-family:'xeicon'; color:#fff;opacity:1; background:transparent; font-size:20px; color:#fff; left:15px; top:7px;} */
/* #language nav > ul > li > a.highlighted {background:var(--sub-color); color:#fff; } */
#language nav > ul > li > a.highlighted:before {color:#fff;}
/* #language nav > ul > li > a:hover {color:#fff; background:var(--sub-color)}
#language nav > ul > li > a:hover:before {color:#fff;} */
#language .sub-menu {background:#f4f4f4; border-radius:10px;  min-width:auto !important; margin-top:5px !important; width:100% !important; overflow:hidden;}
#language .sub-menu .lang-item a
{color:#000; font-size:1.4rem; font-weight:500; padding:1rem 2rem; border:none;; position:relative; transition:all 0.3s ease; }
#language .sub-menu .lang-item:hover a{background:var(--sub-color); color:#fff;}
#util .sitemap-on {display:none;}

/* Footer */
#footer
{padding:7rem 0 3rem;background-color:#050505;}
#footer .footer-con
{color: #fff;font-family: var(--font1);display: flex; flex-direction: column;}
#footer .footer-con ul li
{font-weight: 400;  font-size: 1.6rem;}
#footer .footer-con ul li a
{transition: var(--transition1); font-weight: 500;}
#footer .footer-con .footer-top
{display: flex;  flex-direction: row;  justify-content: space-between;margin-bottom: 3rem;}
#footer .footer-con .footer-top .ft-top-txt
{display: flex;  flex-direction: row;  align-items: flex-start;  gap: 7rem;}
#footer .footer-con .footer-top ul li
{display: flex;  flex-direction: row;  align-items: center;color: #a8a8a8;margin-bottom: 1.5rem;}
#footer .footer-con .footer-top ul li:last-child{margin-bottom: 0;}
#footer .footer-con .footer-top ul li b
{font-weight: 500;min-width: 11rem;color: #fff;}
#footer .footer-con .footer-bottom
{display: flex;flex-direction: row;gap: 2.5rem;align-items: center;justify-content: space-between;}
#footer .footer-con .footer-bottom p.copy
{font-size: 1.6rem;color: #fff;font-weight: 500;}
#footer .footer-con .footer-bottom ul
{display: flex;flex-direction: row;gap: 2.5rem;align-items: center;justify-content: end;}
#footer .footer-con .footer-bottom ul li a
{font-size: 1.6rem;color: #fff;font-weight: 500;transition: var(--transition1);}
#footer .footer-con .footer-bottom ul li a:hover{color: #a8a8a8;}

/* top btn */
#topBtn,
#topBtn.on
{border: 1px solid #fff;width: 8rem;height: 8rem;border-radius: 100%; display: flex ; flex-direction: column; align-items: center;/* justify-content: center;*/background:transparent;cursor: pointer; padding-top: 1.5rem;}
#topBtn i
{font-size: 2rem;  color: #fff;  font-weight: 100;}
#topBtn .top
{display: flex ; flex-direction: column; align-items: center; justify-content: center;font-weight: 300;text-transform: uppercase;gap: 0.3rem;}

/* menu sitemap */
.dialog-message::-webkit-scrollbar
{width: 10px; height: 20px; }
#siteMapCon
{width: 100%;  height:100%;background-color: transparent;}
#siteMapCon #siteLogo{margin: 10rem 0 7rem;}
.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(--font1);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(--font1); transition: var(--transition1); min-width: 25rem;  display: flex;  justify-content: center;  font-weight: 400;}
.sitemap .nav-wrap .nav .nav-detail ul li a:hover
{text-decoration: underline;}

/* sub-table common */
.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.5rem;font-size: 1.7rem;}
.table-common th
{background-color: var(--main-color)!important;border-right: 3px solid #ffff !important;border-radius: 1rem;color: #fff!important;font-weight: 600;}
.table-common td
{background-color: #f4f4f4!important;border: 3px solid #ffff !important;border-radius: 1rem;font-weight: 500;}
/* 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;}

/* 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:100vh;background-repeat: no-repeat; background-size: cover;background-position: center;}
.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;  flex-wrap: nowrap;  align-items: center;margin-left: 1rem;}
.main-visual-controls .arrow button
{color: #ffffff54;outline: none;font-size: 3rem;font-weight: 300; border: none;padding: 5px 0;line-height: 0;transition: var(--transition1); }
.arrow button.active,.arrow button:hover
{background: none;color: #fff;}
.main-visual-controls .arrow button:focus{background: none}

/* MAIN VISUAL PROGRESS BAR */
.main-visual-controls
{ position: absolute; width: 100%; bottom: 17%; z-index:9;}
/* .main-visual-controls .main-controls-wrapper
{display: flex; align-items: flex-start;  flex-direction: column;} */
.main-visual-controls .main-controls-wrapper .slider-controls
{display: flex; align-items: flex-start;  flex-direction: column;}
.main-visual-controls .progress
{ width: 200px;  height: 3px; 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: #fff;transition: none; }
.main-visual-controls .progress.active .ing-bar
{width: 100%;transition: width 7s linear; }

/* main slide count */
.main-visual-controls .slide-count span
{font-size: 1.5rem;  font-weight: 500;  color: #ffffff6e;font-family: var(--font2);}
.main-visual-controls .slide-count span.current
{font-size: 1.8rem;  font-weight: 600;  color: #fff;}
.main-visual-controls span.slide-count
{display: flex;  flex-direction: row;  align-items: center;width: 60px;  justify-content: space-between; position: relative; }
.main-visual-controls span.slide-count::after
{display: block;content: '';width: 2px;  height: 11px;  background-color: #ffffff47;  bottom: 2px; position: absolute;  left: 50%;  transform: translateX(-50%);}

/* mainTopText */
.main-top-text
{display: flex;  flex-direction: column;  align-items: flex-start;margin-top:31rem;}
.main-top-text h2
{font-size: 2.4rem;  font-family: var(--font2);  color: #fff;  font-weight: 600;margin-bottom: 3rem;}
.main-top-text h3
{color: #fff; font-weight: 700;  font-size: 7rem;  font-family: var(--font2);  margin-bottom: 4rem;}
.main-top-text h4
{color: #fff; font-weight: 300;  font-size: 2.4rem;  font-family: var(--font1);line-height: 1.7; }

/* main-title */
.main-title
{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 6rem;}
.main-title small
{font-family: var(--font1);font-size: 1.8rem;font-weight: 600;padding: 0.8rem 1rem;border-radius: 7px;margin-bottom: 3.5rem;}
.main-title small b{margin: 0 3px;}
.main-title h4
{font-family: var(--font1);font-size: 4.5rem;font-weight: 700;}

/********************** sub **********************/
/********************** sub **********************/
/********************** sub **********************/
/* subVisual */
#subVisual
{height: 50rem;position: relative;background: #fff;   background-position:center bottom;  background-size: cover;  background-repeat: no-repeat;background-attachment: fixed; }
#subVisual.intro
{background-image: url(/wp-content/uploads/2026/04/subVisual04.jpg);}
#subVisual.product
{background-image: url(/wp-content/uploads/2026/04/subVisual05.jpg);}
#subVisual.service
{background-image: url(/wp-content/uploads/2026/04/subVisual02.jpg);}
#subVisual.customer
{background-image: url(/wp-content/uploads/2026/04/subVisual03.jpg);}
#subVisual.location
{background-image: url(/wp-content/uploads/2026/04/subVisual03.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: 18rem 0 0;text-align: center;}
.sub-top-title
{margin-bottom: 2rem;}
.sub-top-title small
{font-weight: 900; text-transform: capitalize; font-size: 1.8rem;  color: var(--hover-color);}
.sub-top-title h3
{font-family: var(--font2);margin-top: 1rem;font-weight: 500;color: #fff!important;font-size: 6rem;text-transform: uppercase;}
.sub-visual-top ul.title-detail li
{display: inline-block;margin-right: 1rem;color: #fff;text-transform: uppercase}

/* deatilMenu */
#detailMenu.detail-menu
{position: absolute;bottom: 0;width: 100%;background: #ffffff3f; backdrop-filter: blur(8px);;}
#detailMenu.detail-menu ul
{display: flex;justify-content: center;max-width: 1400px;margin: auto;}
#detailMenu.detail-menu ul li a
{font-weight: 500;font-size: 1.8rem; cursor: pointer;font-family: var(--font1);color: #fff!important; transition: var(--transition1);padding: 2.7rem ; /*width: 33%;*/display: flex; flex-direction: column; align-items: center;}
#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: 600;;}
#detailMenu.detail-menu ul li .elementor-item-active:hover
{color: var(--main-color)!important;background-color: #fff!important;;}

/* subContent */
.sub-content{min-height: 700px;font-size: 1.8rem; color: #111;font-family: var(--font1); margin: 10rem 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:6rem;display: flex;align-items: center;justify-content: center; flex-direction: column; gap: 1.5rem;}
.stitle h3
{font-size: 4rem; font-family: var(--font2); font-weight: bold;}
.stitle small
{font-size: 1.8rem; font-family: var(--font2); font-weight: bold;color: var(--hover-color);}