/***********************
header
************************/
#wpadminbar { z-index: 3000; } 
#header { z-index: 2000; } 
#header:hover,
#header.fixed { border-bottom: 1px solid #ddd; background-color: #fff; } 

.gnb nav > ul > li > a { font-size: 1.9rem; font-weight: 500 !important; } 

.h-logo a:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/wp-content/uploads/2025/01/logo-black.png); opacity: 0; transition: all .3s; } 

#header:hover .h-logo a:before,
#header.fixed .h-logo a:before { opacity: 1; } 

#header:hover .gnb nav > ul > li > a,
#header.fixed .gnb nav > ul > li > a { color: #333462; } 

#header .elementor-nav-menu--main .elementor-nav-menu ul { top: 50px !important; }
#header .elementor-nav-menu--main .elementor-nav-menu a {
  border-left: none;
}

.sub-arrow { display: none !important; }

/***********************
footer
************************/
#footer { padding: 50px 0; color: #fff; background-color: #1a1a1a; } 
.f-top { display: flex; justify-content: space-between; margin-bottom: 35px; } 
.f-menu { display: flex; gap: 20px; } 
.f-menu a { position: relative; color: #aeaeae; transition: all .3s; } 
.f-menu a:after { content: ""; display: block; position: absolute; left: 50%; bottom: -5px; transform: translate(-50%, 0); width: 105%; height: 1px; background-color: #fff; opacity: 0; transition: all .3s; } 
.f-menu a:hover { color: #fff; } 
.f-menu a:hover:after { opacity: 1; } 
.f-addr { margin-bottom: 20px; } 
.f-addr span { font-size: 1.6rem; } 
.f-addr span + span { margin-left: 55px; }



/*********************** 
          반응형
************************/

@media screen and (max-width: 1380px) {
  #header { padding: 0 1rem; }
}

@media screen and (max-width: 1280px) {
  .f-top { flex-direction: column; gap: 2rem; align-items: center; }
  .f-addr {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem 2rem;
  }
  .f-addr span + span { margin-left: 0; }
  .f-copy {
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  #header .elementor-nav-menu--dropdown {
    position: absolute;
    right: -1rem;
    top: 4.3rem;
    width: 100vw;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  .sub-arrow {
    position: relative;
    z-index: 1000000;
    display: block !important;
    padding: 0 !important;
    transition: all .3s;
  }
  #header .elementor-nav-menu--dropdown .elementor-item.highlighted .sub-arrow {
    transform: rotate(180deg);
  }
  .sub-arrow i {
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(/wp-content/uploads/2025/02/m-global-icon.png) no-repeat center center;
  }
  #header .sub-menu {
    position: static;
  }
  #header .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item { justify-content: space-between; }
  #header .elementor-nav-menu a { padding: 1.5rem 2rem; }
  #header .elementor-nav-menu li + li {
    border-top: 1px solid #ddd;
  }
  #header .elementor-nav-menu--dropdown .elementor-item.highlighted,
  #header .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
  #header .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover { color: #fff !important; background-color: #333462; }
  #header .elementor-sub-item.elementor-item-active { font-weight: 700; color: #333462; }
  #header .elementor-nav-menu--dropdown a { border-left: 0 !important; font-size: 1.6rem; }
  #header nav ul li ul li a {
    padding: 1rem !important;
    font-size: 1.5rem !important;
    background-color: #f2f2f2;
  }
}