/* 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);}

.filter {filter: invert(1) brightness(0);}
.hide-menu {display: none !important;}
.text-ellipsis 
{-webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-box-orient: vertical;}


/* sub visual */
#subVisual
{position: relative; overflow: hidden;}
#subNavCon
{position: absolute; bottom: 3rem; backdrop-filter: blur(5px);}
#subNav .elementor-item
{border-bottom:3px solid transparent;}
#subNav .elementor-item:after 
{display:none;}
#subNav .elementor-item:hover
{background-color: var(--bg-color);;}
#subNav .elementor-item-active
{background-color: var(--bg-color);;}
#subVisual #subNav ul.elementor-nav-menu li:last-child a:after { display: none; } 
#subVisual #subNav ul.elementor-nav-menu li.current-menu-item a,
#subVisual #subNav ul.elementor-nav-menu li.current-page-ancestor a { color: var(--main-color);  } 
#subNav .elementor-item:hover
{border-bottom:3px solid var(--main-color); border-radius:0;} 

/* common design, sub design */

.main-title
{display: inline-block; font-size: 3.4rem; font-weight: 600; color: #000;}
.sub-con 
{margin: 10rem 0 12rem;}
.sub-sec 
{margin: 8rem 0;}
.sub-sec:nth-child(odd)
{padding: 8rem 0; background-color: #f5f5f5;}
.sub-title
{text-align: center;}
.sub-title h2
{position: relative; display: inline-block; text-align: center; font-size: 4.5rem; font-weight:700;}
.sub-title h2::before
{content: ""; position: absolute; top: 0; left: -20px; width: 1rem; height: 100%; background-color: var(--main-color);}

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

#header .elementor-nav-menu--main .elementor-item {color: #fff !important;}
#header.fixed .menu-item .elementor-item {color: var(--txt-color) !important; font-weight: 600 !important;}
#header .elementor-widget-theme-site-logo img, #header #sitemapBtn img {filter: brightness(0) invert(1);}
#header.fixed .elementor-widget-theme-site-logo img, #header.fixed #sitemapBtn img {filter: none;}

.footer
{background-color: #3d3d3d;}
.footer-wrap 
{padding: 6rem 0; display: flex; justify-content: space-between;}
.footer-wrap .footer-left-wrap
{display: flex; flex-direction: column; gap: 3.5rem;}
.footer-wrap .footer-left-wrap li
{font-size: 1.6rem; color: #fff; letter-spacing: -0.1rem;}
.footer-wrap .footer-left-wrap li.copyright
{color: #666666; font-size: 1.8rem; letter-spacing: -0.14rem;}
.footer-wrap .footer-left-wrap li.policy a
{font-size: 1.6rem; color: #fff; transition: all 0.3s ease;}
.footer-wrap .footer-left-wrap li.policy a:hover
{color: var(--main-color);}
.footer-wrap .footer-left-wrap .adress-wrap
{display: flex; gap: 6rem;}
.footer-wrap .footer-left-wrap .adress-wrap li
{position: relative;}
.footer-wrap .footer-left-wrap .adress-wrap li::before
{content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -3rem; width: 1px; height: 100%; background-color: #fff;}
.footer-wrap .footer-left-wrap .adress-wrap li:nth-last-of-type(1):before
{display: none;}

.footer-menu-wrap 
{background-color: #2a2a2a;}
.footer-menu-wrap .site-con 
{padding: 2rem 0; display: flex; flex-flow: row wrap; justify-content: space-between;}
.footer-menu-wrap .site-con .site-drop-down 
{width: calc(25% - 1.5rem);}
.footer-menu-wrap .site-con .site-drop-down .select-box 
{position: relative; background-color: #3d3d3d; border-radius: 1rem;}
.footer-menu-wrap .site-con .site-drop-down .select-box select 
{position: relative; padding: 1.2rem 4rem; background: transparent; font-size: 1.8rem; color: #fff; appearance: none; border: none; letter-spacing: -0.12rem; cursor: pointer; font-family: 'KoPub Dotum'; transform: rotate(0.03deg);}
.footer-menu-wrap .site-con .site-drop-down .select-box option
{font-size: 1.7rem; color: #282828;}
.footer-menu-wrap .site-con .site-drop-down .select-box i 
{position: absolute; font-size: 1.6rem; color: #fff; right: 2.5rem; top: 50%; transform: translateY(-50%);}