.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;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 .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 / 80%);backdrop-filter: blur(13px); height: 100px;padding-top: 0px;box-shadow: 5px 5px 13px 4px #00000008;;position:fixed; z-index: 100; }
#header #nav ul li { width: 18rem;}
#header #nav ul li a
{width: 100%; font-weight: 600;  font-size: 2rem;  color:#000000; font-family: var(--font1);}
#header.scrolled #nav ul li a{color: #000000;}
#header #nav ul li a:hover
{color:var(--main-color)!important;background: transparent;}
#header #nav .elementor-item
{height: 100px;display: flex; justify-content: center;}
#header #nav .elementor-item:hover
{background-color: transparent!important;color: #000!important;;}
#header.scrolled #nav .elementor-item {height: 100px;}
#header .sub-menu
{overflow: hidden;text-align: center;line-height: 1.2;width: 23rem!important;border-radius: 2rem;border: 1px solid #ddd;padding: 1.2rem 0;margin-top: -1px!important;}
#header .sub-menu .current_page_parent .elementor-sub-item
{color: var(--main-color)!important;}
#header .sub-menu .elementor-sub-item
{padding: 12px 10px!important;  font-size: 16px !important;  display: block;  text-align: left;  color: #222 !important;  width: 23rem !important;    background: transparent;}
#header .sub-menu .elementor-item-active
{color:var(--main-color)!important;background: transparent;}
#header .sub-menu .current_page_parent
{color:var(--main-color)!important;background: transparent;width: 23rem!important;}
#header .sub-arrow { display: none; }

/* Footer */
#footer
{border-top: 1px solid #e6e6e6;padding: 4rem 0;}
.footer-con
{display: flex;justify-content: space-between;align-items: stretch;max-width: 1600px;margin: auto;}
.ft-left{}
.footer-con .f-logo
{padding-top: 2rem;}
.footer-con .ft-txt
{ display: flex;  flex-direction: column;  align-items: flex-start;  width: 100%;  gap: 1rem; margin-top: 3.5rem;margin-bottom: 5rem;}
.footer-con .ft-txt li
{font-family: var(--font1);color: #0c0c0c;font-size: 1.6rem;font-weight: 600;margin-bottom: 2rem}
.footer-con .ft-txt li:last-child
{margin-bottom: 0;}
.footer-con .ft-txt li b
{font-family: var(--font1); color: #656262;font-weight: 600;margin-right: 5px}
.footer-con .ft-txt li span
{margin: 0 1.5rem;}
.footer-con .ft-copy p
{font-size: 1.6rem;  font-family: var(--font1);  color: #777777;  font-weight: 600;  text-transform: capitalize}
.ft-right
{min-height: 100%;  display: flex;  flex-direction: column;  justify-content: space-between;}
.ft-link-wrap
{border: 1px solid #dbd8d8;  border-radius: 2rem;  padding: 3rem 5rem;transition: var(--transition1);}
.ft-link-wrap p.ft-link-title
{font-size: 2rem;  color: #000000;  text-align: center;  display: block;  margin-bottom: 2.5rem;  font-weight: 600}
.ft-link-wrap .ft-link
{display: flex;flex-direction: row;align-items: center;gap: 4.5rem;}
.ft-link-wrap:hover
{border: 1px solid #999999;box-shadow: var(--box-shadow);}
.footer-con .ft-policy ul
{display: flex; gap: 2.5rem; justify-content: flex-end}
.footer-con .ft-policy li a
{font-weight: 600;  font-size: 1.6rem;  transition: var(--transition1);  font-family: var(--font1);  text-transform: uppercase;  color: #0e0e0e;}
.footer-con .ft-policy li a:hover
{text-decoration: underline;}

/* quick menu */
.top-btn
{width: auto; height: auto;display: flex;flex-direction: column;align-items: center;cursor: pointer; top: 50%;transform: translateY(-50%);z-index: 999;opacity: 0;visibility: hidden;position: fixed; right: 3rem;pointer-events: none;transition: var(--transition1);}
.top-btn.on
{opacity: 1;visibility: visible; pointer-events: auto;transition: var(--transition1)}
.top-btn a
{display: flex;flex-direction: column;align-items: center;justify-content: center;}
/* quick link wrap */
.quick-link
{transition: var(--transition1);padding: 3rem 1rem ;overflow: hidden;border-radius: 5rem;background-color: #00b69d; display: flex;  flex-direction: column;  align-items: center;  gap: 3rem;margin-bottom: 1rem;}
.quick-link li a .quick-link-icon
{padding-bottom: 1rem;}
.quick-link li a span
{font-size: 1.3rem;  color: #fff;  font-weight: 700;  font-family: var(--font1);}
/* top-btn */
.top-btn .top-link-icon
{width: 83px; height: 83px;  border-radius: 100%;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  overflow: hidden;  background: #f9c66b;}
.top-btn .top-link-icon i
{color: #fff;font-size: 3.5rem;}

/* menu sitemap */
#elementor-popup-modal-19{backdrop-filter: blur(10px)}
.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: column;gap:5rem;justify-content: flex-start;max-width: var(--max-container);margin: 0 auto;width: 100%;}
.sitemap .nav-wrap .nav
{display: flex;flex-direction: row;gap: 3rem;align-items: center;;}
.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: 22rem;position: relative;margin: 0;text-transform: uppercase;border-right: 1px solid #ffffffa1}
.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
{width: 100%;}
.sitemap .nav-wrap .nav .nav-detail ul
{ display: flex;flex-direction: row;align-items: center;gap: 2rem;font-weight: 500;flex-wrap: wrap;}
.sitemap .nav-wrap .nav .nav-detail ul li a
{color: #fff;padding:5px;font-size: 1.8rem; font-family: var(--font1); transition: var(--transition1); font-weight: 600;}
.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: var(--hover-color);position: relative;}
.sitemap .nav-wrap .nav:hover h2
{color: var(--hover-color);}

/* tab */
.tab-content
{display: none;}
.tab-content.active {display: block;}
.tab-wrap .tab-btn
{font-size: 1.8rem; border: none;width: auto;font-family: var(--font1);color: #000;}
.tab-wrap .tab-btn:hover,
.tab-wrap .tab-btn.active,
.tab-wrap .tab-btn:focus
{background-color:transparent;color: #000;}

/* policy */
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: 2rem}
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: 2rem;font-weight: 700;margin-bottom: 1rem;line-height: 1.5; }
.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;line-height: 1.5; font-weight: 500}
.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;font-size: 1.7rem}
.policy-con .policy-txt span
{line-height: 1.5; font-weight: 500;margin-bottom: 1rem;color: #666;}
.policy-con .policy-txt li:last-child{margin-bottom: 0;}
.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;}


/* 폼메일 공통 */
#inquiry-style04-tbl table.table-common
{margin-top: 4rem;border-top: 2px solid var(--text-color);}
#inquiry-style04-tbl table.table-common th
{font-size:1.8rem; color:#000;font-weight: 600; width: 30rem;text-align: right;background: #fff !important;border: none !important;border-bottom: 1px solid #d1d1d1!important;}
#inquiry-style04-tbl table.table-common td
{border: none !important;border-bottom: 1px solid #d1d1d1!important;}
#inquiry-style04-tbl table.table-common th,
#inquiry-style04-tbl table.table-common td{padding: 1.5rem;}
#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:#fff; padding:1.2rem; font-size:1.5rem; color:#484848; border-radius:0px; border: 1px solid #a1a1a1; border-radius: 1rem;}
#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;}
#inquiry-style04-tbl table.table-common td input::placeholder,
#inquiry-style04-tbl table.table-common td textarea::placeholder
{color:#999;}
#inquiry-style04-tbl table.table-common td p
{text-align: left;padding: 1rem 0;font-weight: 500;color: #111;}
#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: 1.3rem 7rem; font-weight: 600;border-radius: 5rem;transition: var(--transition1);}
#inquiry-style04-tbl .submit-con input:hover
{background-color: var(--hover-color);}
#inquiry-style04-tbl .terms
{display: flex;flex-direction: column;gap: 0rem;;background: var(--sub-bg-color);  padding: 3rem;border-radius: 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: 2rem;}
#inquiry-style04-tbl .terms-02:last-child
{border-bottom: none;margin-bottom: 0rem;padding-bottom: 0rem;}
#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: 700;}
.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
{padding: 1rem;font-weight: 600; color: #111;font-size: 2.2rem}
.inquiry-con dl dd
{padding:2rem  3rem 0  ;display: flex;  flex-direction: row;  justify-content: space-between;  align-items: flex-start;;border-radius: 1rem;}
.inquiry-con dl dd ul
{display: flex;  flex-direction: column;  gap: 1rem;width: 100%;}
.inquiry-con dl dd ul li
{list-style: auto;}
.inquiry-con dl dd ul p
{font-size: 1.6rem;  font-weight: 500;line-height: 1.5;word-break: keep-all;}
.inquiry-con dl.agree dt
{line-height: 1.5;}
/* 주소창 설정 */
.address-wrap .btn-postcode
{border: none;  background: var(--text-color);  color: #fff;  font-size: 1.6rem;  padding: 1.5rem 2rem;font-weight: 600;  border-radius: 1rem;  transition: var(--transition1)}
.address-wrap input
{margin-bottom: 1rem;}
.amount-etc
{margin-top: 1.5rem;  border-top: var(--border);  padding-top: 1.5rem;}
.amount-etc input
{margin-bottom: 1rem;}
.amount-etc small
{font-size: 1.6rem;color: #838383;font-weight: 500;text-align: left;margin-bottom: 1rem;display: block}

/********************** main **********************/
/********************** main **********************/
/********************** main **********************/
/* main slide start */
.mainVisual .slick-dotted.slick-slider{margin-bottom: 0;}
.mainVisual
{overflow: hidden;position:relative;width: 100%;;}
.main-slide .slick-list{overflow: inherit;z-index:0;overflow: hidden;}
.main-slide .main-img
{height:800px;background-repeat: no-repeat; background-size: cover;}
.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) }

/* dots */
.mainVisual .slick-dots
{position: absolute;  display: flex;  justify-content: flex-start;  bottom: 4rem;  width: 0;  z-index: 91;  width: 50%;  right: 6.5rem;  display: flex;}
.mainVisual .slick-dots li
{margin:0 0.5rem;width: auto!important;height: auto!important}
.mainVisual .slick-dots li button
{width:7px; height:7px; background:#fff; border-radius:50px; padding:0; border:none;}
.mainVisual .slick-dots li.slick-active button
{width:5rem; background:#00b59b;}
.slick-dots li button:before{display: none;}

/* main slide play pause */
.main-visual-controls
{position: absolute;  display: flex;  justify-content: flex-end;  bottom: 3.1rem;  width: 0;  z-index: 91;  width: 50%;  left: 6.5rem;  display: flex;}
.main-visual-controls button
{border: none;background: transparent;}
.main-visual-controls .play-pause{}
.main-visual-controls .play-pause button i
{font-size:1.8rem; color:#fff;padding:0px;;}
.main-visual-controls .play-pause button:hover,
.main-visual-controls .play-pause button:focus{background-color: transparent;}
.main-visual-controls .play-pause .main-visual-play-btn{display:none;}

/* mainTop title */
.main-top-title
{width: 100%;  display: block;;color: #fff;text-shadow: var(--text-shadow);max-width: 1600px;margin: 0 auto;}
.main-top-title h1
{font-weight: 500;font-size: 6.5rem;line-height: 1.4;}
.main-top-title h1 b
{font-weight: 900;}
.main-img01 .main-top-title
{padding-top: 47rem;text-align: left;}
.main-img02 .main-top-title
{padding-top: 32rem;text-align: center;}
.main-img03 .main-top-title
{padding-top: 37rem;text-align: center;}
.title-color1{color: #00b59b;}
.title-color2{color: #fabc51;}
.title-color3{color: #f88086;}

/* scroll down */
.scroll-down p
{position: absolute; bottom: 3rem;  right: 1rem;  z-index: 2;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); color: #fff;  text-align: center;  white-space: nowrap; text-transform: uppercase; font-size: 1.6rem;font-weight: bold;    font-family: var(--font1)}
.scroll-down .arrow-span span
{position: absolute; bottom: 4rem;  right: 5rem;  width: 10px;  height: 10px;  margin-left: -5px;  border-left: 1px solid #fff;  border-bottom: 1px solid #fff;  -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);  -webkit-animation: scdown 2s infinite;  animation: scdown 2s infinite;  opacity: 0;  box-sizing: border-box;}
.scroll-down .arrow-span span:nth-of-type(1)
{-webkit-animation-delay: 0s;  animation-delay: 0s;}
.scroll-down .arrow-span span:nth-of-type(2)
{bottom: 4.7rem; -webkit-animation-delay: .15s; animation-delay: .15s;}
@-webkit-keyframes scdown
{0% {opacity: 0;}50% {opacity: 1;}100% {opacity: 0;}}
@keyframes scdown
{0% {opacity: 0;}50% {opacity: 1;}100% {opacity: 0;}}

/********************** sub **********************/
/********************** sub **********************/
/********************** sub **********************/
/* subVisual */
#subVisual
{height: 45rem;position: relative;background: #000; width: 100%;  display: block;}

/* subMenu - dropdown */
#breadcrumb
{width:100%;position: relative; z-index: 99}
#breadcrumb .breadcrumb-con
{display:flex; align-items:center;  height:100%;justify-content: center;padding-top: 10rem;gap: 1rem;}
#breadcrumb .dep-con
{padding: 0 3rem;  min-width: 22rem;  position: relative;  cursor: pointer;  height: 5.5rem;  border-radius: 7rem; background: #ffffff;  color: #343A40;  backdrop-filter: blur(7px);  transition: var(--transition1);  box-shadow: var(--box-shadow);  border: var(--border);  box-sizing: border-box;}
/* dep-menu hover시 배경 설정 */
#breadcrumb .dep-menu::before
{display: none;}
#breadcrumb .dep-con::after
{content: "";  position: absolute;  top: 100%;  left: 0;  width: calc(100% + 2px);  height: 15px;  background: transparent;}
#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;gap: 1rem;}
#breadcrumb .dep-con .dep-tit .dep-active-tit i
{font-size:2rem;}
#breadcrumb .dep-con .dep-tit .dep-active-tit span
{font-size:1.6rem; font-weight: 600;line-height: 1.2;  text-align: left; word-break: keep-all;}
#breadcrumb .dep-menu
{position:absolute; top: 5.3rem; left:0;border-radius: 2.5rem; width:100%;background:#fff; border: var(--border); padding:2rem 2rem; z-index:9; display: none;text-align: left;}
#breadcrumb .dep-menu li a
{font-size:1.6rem; color:#111; display:block; padding:1rem 0; transition:all 0.5s ease-in-out; font-weight: 600;word-break: keep-all;line-height: 1.4; }
#breadcrumb .breadcrumb-con .home{}
#breadcrumb .breadcrumb-con .home a
{background: #ffffffdc;  color: var(--text-color);  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:all 0.5s ease-in-out;}
#breadcrumb .breadcrumb-con .home a i
{color: #111;font-size:1.6rem;}
/* focus active hover effect */
#breadcrumb .dep-menu li.current-menu-parent a,
#breadcrumb .dep-menu li.current-menu-item a,
#breadcrumb .dep-menu .current-menu-ancestor a
{color:var(--main-color);  /* text-decoration: underline; */}
#breadcrumb .dep-menu li a:hover
{color:var(--main-color);  /* text-decoration: underline; */}
#breadcrumb .dep-con:hover,
#breadcrumb .breadcrumb-con .home a:hover
{background-color: #ffffff}
#breadcrumb .dep-con.active
{background-color: var(--main-color);color: #fff;}

/* sub-top-title */
.sub-visual-top
{display: block;text-align: center;padding-top: 14rem}
.sub-top-title .sub-top-small p
{font-weight: 400;  text-transform: capitalize;  font-size: 2.5rem;  color: #343A40}
.sub-top-title .sub-top-big p
{font-family: var(--font1); font-weight: 500;  color: #343A40 !important;  font-size: 6rem;  padding-bottom: 2rem}

/* deatilMenu */
#detailMenu.detail-menu
{width: 100%;padding-bottom: 3rem;}
#detailMenu.detail-menu ul
{display: flex;justify-content: flex-start;margin: auto;gap: 1rem;}
#detailMenu.detail-menu ul li a
{font-weight: 500;font-size: 1.7rem;cursor: pointer;font-family: var(--font1);transition: var(--transition1);padding: 1.7rem 3rem; display: flex; flex-direction: column; align-items: center;border-radius: 5rem;background-color: #efefef;color: #6d6d6d;box-shadow: var(--box-shadow)}
#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
{background-color: var(--main-color)!important;color: #fff!important;font-weight: 700;;}
#detailMenu.detail-menu ul li .elementor-item-active:hover
{color: #fff!important;}

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

/* sub-table*/
.table-common
{width: 100%; height: 100%;text-align: center;/*border-top: 2px solid var(--text-color); */}
.table-common th,.table-common td
{border: none!important;border:1px solid #e1e1e1!important;vertical-align: middle; color: #111; padding: 1.5rem;font-size: 1.7rem;}
.table-common th:last-child,.table-common td:last-child
{border-right: 1px solid #fff !important}
.table-common th:first-child,.table-common td:first-child
{border-left: 1px solid #fff !important}
.table-common th
{background-color: #fff!important}
.table-common td
{font-weight: 500;}
/* table tbody>tr:nth-child(odd)>td{background-color: #f4f4f4!important;;} */
table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(even)>td{background-color: #fff!important;;}
/* table-left */
table.table-left td{text-align: left;padding-left: 2rem;}

/* sub-title */
#subContent .sub-title-con
{margin-bottom: 5rem;}
#subContent .sub-title-con h3
{font-weight: 700; font-size: 4.5rem;  font-family: var(--font1);  display: flex;  align-items: flex-start;  justify-content: center;  color: #222}
/* #subContent .sub-title-con 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 h4
{font-size: 4rem; font-family: var(--font1); font-weight: bold;}
.stitle small
{font-size: 1.8rem; font-family: var(--font1); font-weight: bold;color: var(--hover-color);}