/********************************************
* HEADER 헤더
********************************************/

#header { position: fixed; z-index: 1000; } 
#header.active { background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); } 
.h-logo-wrap a { display: block; width: 19.5rem; height: 3.6rem; background-image: url(/wp-content/uploads/2025/06/logo.png); transition: all .3s; } 
#header.active .h-logo-wrap a { background-position: 0 -3.6rem; } 
#header.active .h-logo-wrap a { display: block; } 

#header nav > ul > li > a { justify-content: center !important; margin: 0 !important; padding: 0 6rem; transition: all .3s; } 
#header.active nav > ul > li > a { color: #222; } 
.h-sitemap { display: flex; flex-direction: column; gap: 0.6rem; } 
.h-sitemap span { display: block; width: 3rem; height: 0.3rem; background-color: #fff; transition: all .3s; } 
#header.active .gnb-wrap nav > ul > li > a { color: #000; } 
.h-tnb a { display: flex; align-items: center; gap: 2rem; } 
.h-tnb a p {
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff; 
}
.t-tnb-img-wrap {
  position: relative;
}
.t-tnb-img-wrap img:last-child {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all .3s;
}

#header.active .h-tnb a p { color: #000; }
#header.active .h-tnb a img:last-child { opacity: 1; }

span.sub-arrow { display: none !important; } 
#header nav ul li ul { top: 6rem !important; left: 0 !important; width: 100% !important; } 
#header nav ul li ul li a { justify-content: center !important; border-left: none !important; } 

#header .gnb-wrap nav > ul > li > a { font-size: 2rem; font-weight: 500; color: #fff; } 

#sitemap { cursor: pointer; } 
.sitemap-menu01 .sitemap-tit h2 { transition: all .3s; } 
.sitemap-menu01:hover .sitemap-tit h2 { color: var(--main-color2) !important; } 

.sitemap-menu nav > ul > li { display: flex; } 
.sitemap-menu nav > ul > li > a { position: relative; display: inline-block; width: auto !important; margin: 0 auto; } 
.sitemap-menu nav > ul > li > a:after { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 1px; background-color: #333; } 
.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after { background-color: #333 !important; } 

/********************************************
* FOOTER 푸터
********************************************/
#footer { background-color: #111; } 
#footer .f-con { display: flex; flex-wrap:wrap; justify-content: space-between; max-width: var(--middle-container); padding: 6rem 0; margin: 0 auto; } 

.f-left-box h1 { display: block; color: #fff; margin: 0 0 3rem 0; } 

.f-addr { max-width: 55rem; margin-bottom: 3rem; } 
.f-addr > span { display: inline-block; } 
.f-addr > span:nth-child(3) { margin-left: 0; } 
.f-addr > span + span { margin-left: 5rem; } 
.f-addr > span span { font-size: 1.8rem; font-weight: 500; line-height: 3.2rem; } 
.f-addr > span span:first-child { margin-right: 1rem; color: #aeaeae; } 
.f-addr > span span:last-child { color: #fff; } 
.f-copy { color: #818181; } 

.f-right { display: flex; flex-direction: column; justify-content: space-between; } 
.f-right img { display: block; width: 19.5rem; height: 3.6rem; margin-left: auto; } 
.f-menu { display: flex; gap: 3rem; } 
.f-menu a { font-size: 1.6rem; font-weight: 400; color: #aeaeae; transition: all .3s; }
.f-menu a:hover { color: #fff; } 

#fixedCallBtn
{position:fixed; right:20px; bottom:20px; width:auto; width:5rem; height:5rem; display:flex; align-items:center; justify-content: center; background-color:#fff; border-radius:50%; box-shadow:3px 3px 13px #00000021; display:none; z-index:99}

@media screen and (max-width:1720px) {
  #header
  {padding:0 20px;}
}

@media screen and (max-width:1240px) {
  #header .gnb-wrap nav > ul > li > a
  {font-size:1.7rem; padding:0 3rem;}
}
@media screen and (max-width:1200px){
  #footer .f-con
  {padding:6rem 2rem;}
}

@media screen and (max-width:1023px) {
  #header .gnb-wrap .elementor-menu-toggle
  {background:#fff;}
  #header.active .gnb-wrap .elementor-menu-toggle
  {background:#f4f4f4;}
  #headerCallBtn
  {display:none;}
  #fixedCallBtn
  {display:flex;}

  #header .gnb-wrap nav > ul > li > a
  {padding:1.5rem 3rem; font-size:1.5rem; color:#111;}
  #header .gnb-wrap nav > ul > li:hover > a,
  #header .gnb-wrap nav > ul > li > a.highlighted,
  #header .gnb-wrap nav > ul > li.current-menu-item > a
  {color:#fff;}
  #header nav ul li ul li a
  {font-size:1.4rem;}
  
  #footer .f-con
  {flex-direction:column-reverse;}
  .f-left-box
  {width:100%;}
  .f-addr > span + span
  {display:block; margin:0;}
  .f-addr > span span
  {font-size:1.6rem;}
  .f-right
  {width:100%; margin-bottom:1rem;}
  .f-menu
  {flex-wrap:wrap; gap:0rem;column-gap:3rem;}
  .f-right img 
  {margin-top:1rem;}
}