/* 기본설정변경 */
.nav a 
{font-family: "SUIT Variable", sans-serif; letter-spacing: 1.4;}
.header .elementor-nav-menu--main .elementor-item
{justify-content: center; font-family: 'SUIT Variable', sans-serif !important;}
.header .sub-menu.elementor-nav-menu--dropdown
{width: 100% !important;}
.header .menu-item
{min-width: 14rem;}
.header .sub-menu
{transform: translate(0);}
ul.elementor-nav-menu--dropdown a,ul.elementor-nav-menu--dropdown a:focus,ul.elementor-nav-menu--dropdown a:hover
{border: 0 !important;}
.header .elementor-nav-menu .sub-arrow
{display: none;}
.cosmosfarm-members-form .message
{font-size: 1.8rem; font-weight: 700; padding: 3rem 2rem; color: #f00;}
.message .message 
{padding: 0; margin: 0;}
#myPage .cosmosfarm-members-form .message
{padding: 0; margin: 0;}
#myPage .cosmosfarm-members-form
{margin-bottom: 2rem;}

/* sub common */
#subContent,.business-con01
{margin: 10rem 0;}
.business-con
{margin: 6rem 0;}
#subVisual
{position: relative; overflow: hidden;}
.title-wrap01
 {text-align: center;}
.title-wrap01 h2
{position: relative; display: inline-block; text-align: center; font-size: 4.8rem; font-weight:800;}
.title-wrap01 h2::after
{content: ""; position: absolute; top: -1rem; left: -1rem; width: 1rem; height: 1rem; background-color: var(--main-color); border-radius: 50%;}

/* table */
table 
{border-top: 2px solid var(--main-color);}
table tr th
{font-size: 18px; color: #1b1b1b; font-weight: bold; border: 0; border-bottom: 1px solid #e5e5e5; background: #f7f7f7;}
table tr td
{text-align: center; vertical-align: middle; font-size: 1.8rem; color: #222; text-align: center; border: 0; border: 1px solid #e5e5e5; background-color: #fff; }
table tr td:nth-last-of-type(1) 
{border-right: 0;}
table tr td:nth-of-type(1) 
{border-left: 0;}
table tr th
{width: 28rem; vertical-align: middle; background-color: #f7f7f7 !important;}
table tr td
{border-top: 0px solid; background-color: #fff !important;}
table tr td p
{font-size: 1.8rem; padding: 0.4rem 0; color: #222;}

/* header,footer,top,sitemap */
.header 
{position: relative !important; background-color: #fff; transition: all 0.3s ease-in-out; z-index: 10; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);}
.header.fixed 
{position: fixed !important; top: 0; left: 0; width: 100%;}

#footer
{background-color: #fff; box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.05);}
.footer-container
{padding: 5rem 0;}
.footer-top, .footer-middle, .footer-bottom
{display: flex; justify-content: space-between;}
.footer-top
{padding-bottom: 2rem;}
.footer-top .f-poliy-wrap ul
{display: flex;}
.footer-top .f-poliy-wrap ul li a
{position: relative; padding: 0 1.5rem; font-size: 1.4rem; font-weight: 400; color: #101010;}
.footer-top .f-poliy-wrap ul li a::after
{content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 1rem; background-color: #101010;}
.footer-top .f-poliy-wrap ul li:nth-last-of-type(1) a
{padding-right: 0;}
.footer-top .f-poliy-wrap ul li:nth-last-of-type(1) a::after
{display: none;} 
.footer-middle .adress-wrap
{display: flex; gap: 2rem;}
.footer-middle .adress-wrap li
{font-size: 1.6rem; font-weight: 600; letter-spacing: -0.09rem;}
.footer-bottom
{align-items: end;}
.footer-bottom .capyright 
{font-size: 1.4rem; font-weight: 400; letter-spacing: -0.09rem;}
.footer-bottom .site-select-con 
{position: relative;}
.footer-bottom .site-select-con:after 
{content: "\f0d7"; font-family: "Font Awesome 6 Free"; position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); font-size: 16px; color: #2b2b2b; font-weight: 900; z-index: 1;}
.footer-bottom #siteSelect
{position: relative; z-index: 2; background-color: transparent; width: 23rem; padding: 1.5rem 2rem; font-size: 1.4rem; color: #101010; font-weight: 400; border: 1px solid #d8d8d8; border-radius: 10px;
-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
.footer-bottom #siteSelect option
{font-size: 1.4rem; color: #4d4d4d; font-weight: 400;}

/* sitemap-B */
#sitemap {opacity: 1; transition: all 0.2s ease;}
#sitemap:hover {opacity: 0.6;}
.dialog-widget-content
{backdrop-filter: blur(10px);}
svg.e-font-icon-svg 
{width: 3.5rem !important; height: 3.5rem !important; z-index: 5;}
/* sitemap::after design */
.sitemap .elementor-heading-title
{position: relative; display: inline-block;}
.sitemap .elementor-heading-title::after
{content: ''; position: absolute; top: -1.5rem; right: -1rem; width: 0.7rem; height: 0.7rem; transform: translateY(-30px); border-radius: 50%; background-color: var(--main-color); opacity: 0; transition: all 0.3s ease;}
.sitemap .sitemap-sub:hover .elementor-heading-title::after
{opacity: 1; transform: translateY(0px);}

@media screen and (max-width: 1300px) {
  /* header */
#header .elementor-nav-menu--main .elementor-item {padding: 3rem 7rem;}
.elementor-nav-menu--layout-horizontal .elementor-nav-menu a {white-space: wrap;}

/* footer */
.footer-middle .adress-wrap {flex-flow: row wrap; gap: 1rem 2rem;}

}
@media screen and (max-width: 1024px) {
#sitemap {display: none;}
.footer-middle {padding-bottom: 2rem;}
#header .elementor-nav-menu--main .elementor-item {padding: 0;}




}
@media screen and (max-width: 767px) {
.footer-container {padding: 3rem 0;}
.footer-top,.footer-bottom {flex-flow: row wrap; gap: 1rem 2rem;}
.footer-top img {zoom: 0.8;}
.footer-middle .adress-wrap li {font-size: 1.5rem;}
.footer-bottom #siteSelect {width: auto; padding: 1.5rem;}

}
@media screen and (max-width: 650px) {
.footer-top .f-poliy-wrap ul li a {padding: 0;}
.footer-top .f-poliy-wrap ul li a::after {display: none;}
.footer-top .f-poliy-wrap ul {gap: 1rem 2rem;}
.footer-bottom #siteSelect {padding: 1rem;}
}