.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;line-height: 7; }
.cosmosfarm-members-form .link-text,
.cosmosfarm-members-form.signin-form .social-login-section,
.cosmosfarm-members-form.signin-form .login-footer
{display: none;}

/* header nav */
#header
{background-color: transparent; position: fixed; z-index: 100; transition: all 0.3s ease; height: 110px;background-color:transparent;}
#header #logo,
#header #sitemap
{filter: invert(100) brightness(100)}
#header.scrolled #logo,
#header.scrolled #sitemap
{filter: invert(0) brightness(1);}
#header.scrolled
{background-color:rgb(255, 255, 255); height: 110px;padding-top: 0px; box-shadow: 5px 5px 10px 2px #0000000e; position:fixed; z-index: 100; }
#header #nav ul li { width: 25rem; }
#header #nav ul li a
{width: 100%; font-weight: 600;  font-size: 2rem;  color:#fff; font-family: var(--font1);}
#header.scrolled #nav ul li a
{color: #111;}
#header #nav ul li a:hover
{background-color:var(--main-color)!important;color: #fff!important;}
#header #nav .elementor-item
{height: 110px;display: flex; justify-content: center;}
#header #nav .elementor-item:hover
{background-color: transparent!important;color: #fff!important;;}
#header.scrolled #nav .elementor-item:hover
{background-color: transparent!important;color: #111!important;;}
#header.scrolled #nav .elementor-item {height: 110px;}
#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: 25rem !important;}
#header .sub-menu .elementor-item-active
{background-color:var(--main-color)!important;;color: #fff!important;}
#header .elementor-nav-menu--dropdown .menu-item-has-children a
{background-color: transparent!important;}
#header .sub-menu .current_page_parent
{background-color:var(--main-color);color: #fff!important;width: 25rem!important;}
#header .sub-arrow { display: none; }

/* Footer */
#footer
{background-color: #222222;padding: 7.5rem 0;;}
.footer-con
{display: flex;justify-content: space-between;align-items: stretch;}
.footer-con .ft-title
{margin-top: 3.5rem;margin-bottom: 3rem;}
.footer-con .ft-title p
{font-size: 1.8rem;  color: #fff;  font-weight: 700}
.footer-con .ft-txt
{ display: flex;  flex-direction: column;  align-items: flex-start;  width: 100%;  gap: 1rem; margin-top: 3.5rem;}
.footer-con .ft-txt li
{font-family: var(--font1);font-size: 1.6rem;font-weight: 500;color: #bdbdbd;margin-bottom: 1rem;}
.footer-con .ft-txt li span
{margin: 0 1rem;}
.footer-con .ft-txt li:last-child
{margin-bottom: 0;}
.footer-con .ft-right
{min-height: 100%;display: flex;  flex-direction: column;  justify-content: space-between;}
.footer-con .ft-policy li a
{display: flex;  flex-direction: row;  align-items: center;  gap: 1rem;  font-size: 1.8rem;  font-weight: 700;margin-bottom: 2.5rem;  color: #fff;transition: var(--transition1);font-family: var(--font1);text-transform: uppercase;;text-align: right;justify-content: flex-end;}
.footer-con .ft-policy li a:hover
{gap: 2rem;}
.footer-con p.copy
{font-size: 1.5rem;font-family: var(--font1);color: #a5a5a5;font-weight: 400;  text-transform: uppercase; display: flex;flex-direction: row; justify-content: flex-end;text-align: right}

/* menu sitemap */
#elementor-popup-modal-20
{backdrop-filter: blur(14px);}
.dialog-message::-webkit-scrollbar
{width: 10px; height: 20px; }
#siteMapCon
{width: 100%;  height:100%;background-color: transparent;}
#siteMapCon #siteLogo
{margin: 11rem auto 7rem;  text-align: left;  max-width: var(--max-container);  width: 100%;}
.sitemap .nav-wrap
{display: flex;  flex-direction: row;justify-content: center; max-width: var(--max-container);  margin: 0 auto;  width: 100%;justify-content: space-between;    border-top: 2px solid #fff}
.sitemap .nav-wrap .nav-top
{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.sitemap .nav-wrap .nav-top i
{color: #fff;font-size: 3rem;transition: var(--transition1);}
.sitemap .nav-wrap .nav
{display: flex;  flex-direction: column;  gap: 2rem;  align-items: flex-start;border-right: 1px solid #fff;width: calc(100% / 4);padding: 1rem 4rem}
.sitemap .nav-wrap .nav:last-child
{border-right: none;}
.sitemap .nav-wrap .nav h2
{padding: 2rem 0;  font-family: var(--font1);  transition: var(--transition1);  font-size: 3rem;  color: #fff;  font-weight: 700;  min-width: 26rem;  position: relative;  margin: 0;  text-transform: uppercase;}
.sitemap .nav-wrap .nav h2 a
{transition: var(--transition1);color:  #fff;}
.sitemap .nav-wrap .nav h2 a:hover{color: #fff;}
.sitemap .nav-wrap .nav .nav-detail ul{}
.sitemap .nav-wrap .nav .nav-detail ul li a
{color: #fff;  padding:1.5rem 0;  font-size: 1.8rem; font-family: var(--font1); transition: var(--transition1); font-weight: 600;display: block;}
.sitemap .nav-wrap .nav .nav-detail ul li a:hover,
.sitemap .nav-wrap .nav .nav-detail ul li.current_page_item a,
.sitemap .nav-wrap .nav .nav-detail ul li.current_page_ancestor  a
{color:#a3ff17;position: relative;}
/* .sitemap .nav-wrap .nav:hover h2,
.sitemap .nav-wrap .nav:hover .nav-top i
{color:#a3ff17;} */

/* sub-table*/
.table-common
{width: 100%; height: 100%;border-top:2px solid #111!important }
.table-common th,
.table-common td
{border: none!important;border-bottom:1px solid #d4d4d4!important;vertical-align: middle; color: #111; padding:2rem 1.5rem;font-size: 1.75rem;font-weight: 500;text-align: center}
.table-common th
{background-color: transparent!important;}
.table-common td
{font-weight: 500;color: #6f6f6f;}
/* .table-common tbody>tr:nth-child(odd)>td,
.table-common tbody>tr:nth-child(even)>td{background-color: transparent!important;;} */
.border-left td
{border-left: 1px solid #8b8b8b !important;}

/* tab */
.tab-content {display: none;}
.tab-content.active { display: block;}
.tab-wrap .tab-buttons
{display: flex;margin-bottom: 4rem;background-color: transparent;gap: 1rem;align-items: stretch;justify-content: center}
.tab-wrap .tab-btn
{font-size: 1.8rem; border: none;width: auto; font-weight: 500; font-family: var(--font1);  padding:2rem 3rem;text-align: center;transition: var(--transition1);text-transform: capitalize;border-radius: 1rem;color:#333; background-color: #e3e3e3;box-shadow: var(--box-shadow);line-height: 1.4}
.tab-wrap .tab-btn:hover
{color:var(--main-color);}
.tab-wrap .tab-btn.active,
.tab-wrap .tab-btn:focus
{color: #fff !important;; background-color: var(--main-color);}

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

/* 견적 문의하기 */
#inquiry-style04-tbl table.table-common th
{font-size:1.8rem; color:#000;font-weight: 600; max-width: 19rem;background-color: #fff!important;}
#inquiry-style04-tbl table.table-common td
{background-color: transparent!important;}
#inquiry-style04-tbl table.table-common th b
{color: #e03333;margin-right: 2px;}
#inquiry-style04-tbl table.table-common td input,
#inquiry-style04-tbl table.table-common td textarea ,
#inquiry-style04-tbl table.table-common td select
{background:transparent; padding:1.5rem; font-size:1.5rem; color:#484848; border-radius:0px; border: 1px solid #a1a1a1;}
#inquiry-style04-tbl table.table-common td input:focus,
#inquiry-style04-tbl table.table-common td textarea:focus,
#inquiry-style04-tbl table.table-common td select:focus
{outline: none;background-color: #fff;}
#inquiry-style04-tbl table.table-common td input::placeholder,
#inquiry-style04-tbl table.table-common td textarea::placeholder
{color:#999;}
#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.8rem;  padding: 1.5rem 5rem;  transition: all 0.3s ease;font-weight: 600;border-radius: 1rem;transition: var(--transition1);}
#inquiry-style04-tbl .submit-con input:hover
{background-color: var(--text-color);}
#inquiry-style04-tbl .terms
{display: flex;flex-direction: column;gap: 2rem;}
#inquiry-style04-tbl .terms-02 p{margin: 0;}
#inquiry-style04-tbl dd.input-02  p
{display: flex;flex-direction: column; width: 100%;  gap: 1rem;margin: 0;}
#inquiry-style04-tbl .terms-02
{display: flex;flex-direction: row;align-items: center;width: 100%; justify-content:center;margin-top: 4rem;margin-bottom: 5rem;font-size: 2rem}
#inquiry-style04-tbl .terms-02 .wpcf7-spinner{display: none;}
.write-box ul li::before{display: none;}
.wpcf7-list-item-label
{ pointer-events: auto!important; font-weight: 500;}
.form-hide {  display: none!important;margin-top: 2rem;}
.form-hide.active {  display: block!important}
.js-radio-toggle ul
{display: flex;flex-direction: column;gap: 2rem;}
.wpcf7-list-item{margin: 0;margin-right: 1rem!important;}
.js-amount
{display: flex;flex-direction: column!important;;}
.js-amount .form-hide{margin-top: 1rem;}
ul.form-hide li {margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #ccc;}
ul.form-hide li:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
#inquiry-style04-tbl input[value="-"],
#inquiry-style04-tbl input[value="none"],
#inquiry-style04-tbl input[value="default"] {  display: none;}
#inquiry-style04-tbl input[value="-"] + span,
#inquiry-style04-tbl input[value="none"] + span,
#inquiry-style04-tbl input[value="default"] + span {  display: none;}
/* 경고문 none */
#inquiry-style04-tbl .wpcf7-not-valid-tip{display: none;}
/* 안내문 none */
.wpcf7 form .wpcf7-response-output
{border: none!important; display: none;}
.inquiry-con
{background-color: #fff;}
.inquiry-con dl dt
{font-size: 3.5rem;  font-weight: 600;  color: var(--text-color);}
.inquiry-con dl dd
{margin-top: 3rem}
.inquiry-con dl dd ul
{display: flex;  flex-direction: column;  gap: 1rem;width: 100%;}
.inquiry-con dl dd ul li
{margin-bottom: 1rem; line-height: 1.5;  word-break: keep-all;  font-size: 2rem;  font-weight: 400;display: flex;flex-direction: row;align-items: flex-start;}
.inquiry-con dl dd ul li::before
{content: '';margin-right: 1rem;    min-width: 7px;  min-height: 7px;  border: 2px solid #2e4f93;margin-top: 11px}
.inquiry-con dl dd ul p
{display: flex;  flex-direction: row;  align-items: center;line-height: 1.5;}
.customer-table-wrap
{padding: 5rem;border-radius: 2rem;background-color: var(--sub-bg-color);}
.customer-table-wrap .customer-table th,
.customer-table-wrap .customer-table td
{padding: 2rem;}

/********************** 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: 130% auto;background-position: center;  transition: background-size 5s ease-in-out;}
.main-slide .main-img.is-loaded {background-size: 100% auto;}
.main-img01 { background: url(/wp-content/uploads/2026/07/mainVisual01.jpg) }
.main-img02 { background: url(/wp-content/uploads/2026/07/mainVisual02.jpg)}
.main-img03 { background: url(/wp-content/uploads/2026/07/mainVisual03.jpg) }
.main-img04 { background: url(/wp-content/uploads/2026/07/mainVisual04.jpg) }

/* MAIN VISUAL PROGRESS BAR */
.main-visual-controls
{ position: absolute;top: 0; z-index:9;text-shadow: var(--text-shadow);;left: 0;width: 100%; }
.main-visual-controls .progress
{width:240px; height:1px; 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
{ display: block;  width: 0%;  height: 100%;  position: relative;  background: #fff;  border-radius: 3.5rem;}
.main-visual-controls .progress.active .ing-bar
{animation: progressBar 7s linear forwards;}
/* pause 버튼을 누르면 현재 위치에서 즉시 멈춤 */
.main-visual-controls .progress.paused .ing-bar
{animation-play-state: paused;}
@keyframes progressBar {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

/* main slide play pause */
.main-visual-controls .main-controls-wrapper
{max-width: var(--max-container);margin: 0 auto;padding-top: 10.5rem;display: flex;  flex-direction: row;  align-items: center;  gap: 2rem}
.main-controls-wrapper .slick-pause
{background-color: transparent;  border: none;  padding:0 }
.main-controls-wrapper .play-pause{}
.main-controls-wrapper .play-pause .slick-pause i
{font-size:2rem; color:#fff;padding:0px;}
.main-controls-wrapper .play-pause .slick-pause:hover,
.main-controls-wrapper .play-pause .slick-pause:focus{background-color: transparent;}
.main-controls-wrapper .play-pause .main-visual-play-btn{display:none;}

/* mainTopText */
.main-top-text
{width: 100%;  display: block; color: #fff;text-shadow: var(--text-shadow); margin: auto;padding-top: 30rem;max-width: var(--max-container);  margin: 0 auto;}
.main-top-text h1
{font-weight: 500;  font-size: 6rem;line-height: 1.4;}
.main-top-text h2
{font-size: 2.6rem; font-weight: 300;  line-height: 1.6;padding-top: 3rem;}

/* page menu + arrow wrap */
.page-menu-arrow-wrap
{position: fixed; right:60px; top:50%; transform: translate(0,-50%); z-index: 999; display: flex; flex-direction: column; align-items: center;}
.fullpage-arrow.bg-main
{text-shadow: var(--text-shadow)}

/* page menu */
#pageMenu
{text-align: center;}
#pageMenu li a{}
#pageMenu li.page-count p
{color: #111111}
#pageMenu li.dash-counnt-color p
{color: #e0e0e0;}
/* page count */
#pageMenu li.page-dash p
{font-size: 2rem;font-family: var(--font1);font-style: italic;}
#pageMenu li.count-start
{padding-bottom: 2rem;}
#pageMenu li.count-end
{padding-top: 2rem;}
#pageMenu li.count-end p
{font-family: var(--font1); font-weight: 500; font-size: 1.6rem;  }
/* dash + count end color 공통 */
#pageMenu.bg-main li.dash-counnt-color p{color: #e0e0e0;}
#pageMenu.bg-tech li.dash-counnt-color p{color: #777;}
#pageMenu.bg-prd li.dash-counnt-color p{color: #777;}
#pageMenu.bg-abt li.dash-counnt-color p{color: #fff;}
#pageMenu.bg-sup li.dash-counnt-color p{color: #bebebe;}
/* count section별 색상 변경 */
#pageMenu li.count-start p::before
{content: '01'; display: block; font-family: var(--font1);font-weight: 700; font-size: 1.6rem;color: #fff;}
#pageMenu.bg-main li.count-start p::before{content: '01'; color: #fff;}
#pageMenu.bg-tech li.count-start p::before{content: '02'; color: #111111; }
#pageMenu.bg-prd li.count-start p::before{content: '03'; color: #111111; }
#pageMenu.bg-abt li.count-start p::before{content: '04'; color: #fff; }
#pageMenu.bg-sup li.count-start p::before{content: '05'; color: #111111; }
/* 페이지 앵커 반응형  */
@media screen and (max-width : 1150px) {
  #pageMenu{display: none;}
}

/* full page arrow */
.fullpage-arrow .fp-arrow
{font-size: 2.5rem; cursor: pointer;border: none;background: transparent;padding: 0;color:#fff}
.fullpage-arrow .fp-arrow.fp-arrow-up
{margin-bottom: 5rem;}
.fullpage-arrow .fp-arrow.fp-arrow-down
{margin-top: 5rem;}
.fullpage-arrow .fp-arrow:hover,
.fullpage-arrow .fp-arrow:focus
{background: transparent;}
/* section 별 색상 변경 */
.fullpage-arrow.bg-main .fp-arrow,
.fullpage-arrow.bg-abt .fp-arrow
{color:#fff}
.fullpage-arrow.bg-tech .fp-arrow,
.fullpage-arrow.bg-prd .fp-arrow,
.fullpage-arrow.bg-sup .fp-arrow{color:#2c2c2c}

/* footer 에서 pagemenu 보이지 않기 */
#pageMenu.bg-un li a,
#pageMenu.bg-un li.page-count p,
#pageMenu.bg-un li.page-dash p,
#pageMenu.bg-un .page-menu-arrow-wrap
{opacity: 0;}

/* section common */
.section {height: 100vh;}
.fp-auto-height {width: 100%;  height: 200px!important; }

/* scroll down */
.scroll-down
{width: 140px;  height: 140px;  display: flex;  justify-content: center;  align-items: center;  position:absolute; bottom: 5rem;right: 7rem;}
.scroll-down .txt-wrap
{position: relative;  width: 100%;  height: 100%;}
.scroll-down .floating-txt
{position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  z-index: 10;  font-size: 24px;}
.scroll-down .floating-txt .down-arrow
{animation: arrowBounce 2s infinite ease-in-out;color: #fff;}
.scroll-down .circle-txt
{width: 100%;  height: 100%;  animation: rotateText 12s linear infinite;text-shadow: var(--text-shadow);}
.scroll-down .circle-txt svg
{width: 100%;  height: 100%;  overflow: visible;}
.scroll-down .circle-txt text
{fill: #fff;  font-size: 8px; font-family: var(--font1); font-weight: 500;  letter-spacing: 2.1px;text-transform: capitalize;}
@keyframes rotateText {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes arrowBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(10px); }
}

/********************** sub **********************/
/********************** sub **********************/
/********************** sub **********************/
/* subVisual */
#subVisual
{height: 82rem;position: relative;background: #000;background-position:center;  background-size: cover;background-repeat: no-repeat;background-attachment: fixed;;}

/* subMenu - dropdown */
#breadcrumb
{width:100%; padding-top: 15rem}
#breadcrumb .breadcrumb-con
{display:flex; align-items:center; height:100%;justify-content: center;}
#breadcrumb .dep-con
{padding: 0 3rem; width:25rem; position: relative; cursor: pointer; height:5.5rem;  border-radius: 7rem; margin-left: 1rem;background: #ffffff47; backdrop-filter: blur(7px);;transition: var(--transition1);z-index: 9;}
#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; color: #fff; }
#breadcrumb .dep-con .dep-tit .dep-active-tit span
{font-size:1.8rem; font-weight: 500;  color: #fff; }
#breadcrumb .dep-menu
{position:absolute; top: 6.5rem; left:0;border-radius: 1rem; width:100%;background:#fff; border: var(--border); /*padding:2rem 3rem;*/ z-index:9; display: none;}
#breadcrumb .dep-menu li:first-child a
{padding-top: 3rem;}
#breadcrumb .dep-menu li:last-child a
{padding-bottom: 3rem;}
#breadcrumb .dep-menu li a
{font-size:1.7rem; color:#111; display:block; padding:1rem 2.5rem; transition:all 0.3s ease; font-weight: 600;text-align: left;}
#breadcrumb .dep-menu li.current-menu-parent a,
#breadcrumb .dep-menu li.current-menu-item a
{color:var(--main-color);text-decoration: underline;}
#breadcrumb .dep-menu li a:hover
{color:var(--main-color);text-decoration: underline;}
#breadcrumb .breadcrumb-con .home a
{background: #ffffff47; backdrop-filter: blur(7px);  min-height: 5.5rem;  min-width: 5.5rem;  border-radius: 3rem;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;transition: var(--transition1);}
#breadcrumb .breadcrumb-con .home a i
{ color: #fff; font-size:1.6rem;}
#breadcrumb .dep-con:hover,
#breadcrumb .dep-con.active,
#breadcrumb .breadcrumb-con .home a:hover
{background-color: #fff;}
#breadcrumb .dep-con:hover .dep-tit .dep-active-tit i,
#breadcrumb .dep-con:hover .dep-tit .dep-active-tit span,
#breadcrumb .dep-con.active .dep-tit .dep-active-tit i,
#breadcrumb .dep-con.active .dep-tit .dep-active-tit span,
#breadcrumb .breadcrumb-con .home a:hover i
{ color: var(--main-color);font-weight: 700;}

/* sub-top-title */
.sub-visual-top
{display: block;text-align: left;max-width: var(--full-container);position: relative;margin: 0 auto;width: 100%}
.sub-top-title-wrap
{width: 100%; padding-top: 31rem}
.sub-top-title-wrap .sub-top-title p.intro-text
{font-weight: 800; font-size: 11.5rem;text-transform: uppercase;color: #ffffffb7 !important;}
.sub-top-title-wrap .sub-top-small
{padding-top: 1rem;}
.sub-top-title-wrap .sub-top-small p.intro-text
{font-weight: 500; font-size: 3rem;}
p.intro-text
{font-family: var(--font1);;color: #fff!important;text-align: center;}
p.intro-text span
{display: inline-block;  opacity: 0;  transform: translateY(20px);  animation: introUp 2s ease forwards;}
@keyframes introUp { to { opacity: 1; transform: translateY(0); } }

/* subContent */
.sub-content{margin: 10rem 0 10rem;}

/* sub-title */
#subContent .sub-title-con{display: none;}
#subContent .sub-title-con
{text-align: center;margin: auto;display: block;margin-bottom: 10rem;}
#subContent .sub-title-con h3
{font-weight: 700;  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-con h3::before
{content: '';width: 10px;height: 10px;display:block ; background-color : var(--main-color);}

/********************** etc **********************/
/********************** etc **********************/
/********************** etc **********************/
/* 줄이고싶은 이미지 기본 height 값 */
.sub-w100 {
  position: relative;
  height: 125vh;
}
/* 줄이는 사이즈 정하기 */
.sub-w100-inner{
  --visual-width: 100vw;
  --visual-height: 90vh;
  --visual-radius: 0rem;
  position: sticky;
  top: 0;
  width: var(--visual-width);
  height: var(--visual-height);
  margin-left: auto;
  margin-right: auto;
  border-radius: var(--visual-radius);
  overflow: hidden;
  transition:
    width 0.08s linear,
    height 0.08s linear,
    border-radius 0.08s linear;
  will-change: width, height, border-radius;
}

/* full page height 반응형 */
@media screen and (max-width: 1025px) {
  #fullpage .section
  {height: auto !important;min-height: 0;overflow: hidden  }
  .fp-tableCell
  {height: 100%!important;}
  #mainVisualCon
  {height: auto!important ;}
}

/* 반응형 */
@media screen and (max-width : 1780px) {
  #header .e-con-inner
  {padding: 0 2rem;}
  #header #nav
  {width: 80%;}
  #header #nav ul li
  {width: 23rem}

  .main-slide .main-img
  {background-size: 160% auto;}
  .main-slide .main-img.is-loaded
  {background-size: 130% auto}

  .main-top-text
  {padding: 30rem 2rem 0}

  .main-visual-controls .main-controls-wrapper
  {padding: 10rem 2rem 0}
}
@media screen and (max-width : 1440px) {}
@media screen and (max-width : 1280px) {
  #header #nav ul li
  {width: 20rem}
}
@media screen and (max-width : 1024px) {
  #header #nav,
  .page-menu-arrow-wrap,
  .scroll-down
  {display: none;}

  #header,
  #header.scrolled
  {height: 90px;}

  #header #logo a
  {width: 85%;text-align: left;display: block;}
  #header #sitemap a
  {width: 85%;text-align: right;display: block;}

  .main-slide .main-img,
  .main-slide .main-img.is-loaded
  {background-size: cover}

  #mainVisual,
  .main-slide .main-img
  {height: 80vh!important;}

  .main-top-text h1
  {font-size: 4.5rem}
  .main-top-text h2
  {font-size: 2.2rem}

  .main-visual-controls
  {display: flex;flex-direction: column;align-items: flex-start;justify-content: center;height: 100%;padding-top: 10rem;}
  .main-top-text
  {padding: 0rem 2rem 0}
  .main-visual-controls .main-controls-wrapper
  {padding: 5rem 2rem 0;width: 100%;}

  #site-footer{display: none;}

}

@media screen and (max-width : 768px) {
  .main-slide .main-img,
  .main-slide .main-img.is-loaded
  {background-position: center right 40%}

  .main-top-text h1
  {font-size: 4rem}
  .main-top-text h2
  {font-size: 2rem;word-break: keep-all;}
  .main-top-text h2 br{display: none;}
}

@media screen and (max-width : 480px) {
  #mainVisual,
  .main-slide .main-img
  {height: 100vh!important;}

  .main-top-text h1
  {font-size: 3rem}
  .main-top-text h2
  {font-size: 1.7rem}

}

@media screen and (max-width : 380px) {}