.fp-watermark {
   display:none;
}
#header {
   position:fixed;
   left:0;
   top:0;
   width:100%;
   z-index:1200;
   transition: top 0.5s ease;
   background: #0094F3;
   backdrop-filter: blur(10px);
}
#header2{height:150px;}
.head {
   position:relative;
   box-sizing:border-box;
   width:100%;
   height:90px;
   margin:0 auto;
   text-align:center;
   transition:all 0.4s;
   border-top: 1px solid transparent;
}
.head h1 {
   position:absolute;
   left:100px;
   top:0px;
   z-index:900;
   margin: 0;
}
.head h1 a {
   display: block;
   width: 200px;
   height: 90px;
   background: url(/images/logo.png) no-repeat center;
   text-indent: -9999px;
   position: relative;
}

.head h1 a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/images/logo-blue.png) no-repeat center;
    opacity: 0;
    transition: opacity 0.8s ease;
}

.on .head h1 a::after {
    opacity: 1;
}

.head .gnb {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   position: absolute;
   right: 0;
   top: 10px;
   gap: 30px;  /* 간격 조정 */
}

.user-menu .login-btn {
   display: flex;
   align-items: center;
   flex-direction:column;
   color: #fff;
   font-size: 35px;
}
.user-menu .login-btn span{
	font-size:12px;
}

.btnMenu {
   display: flex;
   align-items: center;
   cursor: pointer;
   border: none;
   background: none;
   padding: 0;
}

.btnMenu span {
   color: #fff;
   font-size: 15px;
   font-family: 'SUIT-Medium';
}

/* .on 상태일 때 */
.on .user-menu .login-btn,
.on .btnMenu span {
   color: #222;
}

/* 메뉴 트리거 스타일 */
.menu-trigger {
    position: relative;
    z-index: 3000;
    width: 36px;
    height: 22px; 
    cursor: pointer;
    margin-right: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center; 
}

.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px; 
    background-color: #fff;
    border-radius: 4px;
    transition: all .4s;
}

/* 각 라인 위치 재조정 */
.menu-trigger span:nth-of-type(1) { top: 0; }
.menu-trigger span:nth-of-type(2) { top: 50%; transform: translateY(-50%); }
.menu-trigger span:nth-of-type(3) { bottom: 0; }

/* 활성화 상태 */
.menu-trigger.active-1 span {
    background: #222;
}

.menu-trigger.active-1 span:nth-of-type(1) {
    top: 8px; 
    transform: rotate(-45deg);
}

.menu-trigger.active-1 span:nth-of-type(2) {
    opacity: 0;
}

.menu-trigger.active-1 span:nth-of-type(3) {
    bottom: 11px;  
    transform: rotate(45deg);
}

.head .pcNav:after {
   display: block;
   content: "";
   width: 100%;
   height: 520px;
   background: #f8f8f8;
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
   transform: scaleY(0);
   transition: all 0.5s;
   transform-origin: top;
}

.head .pcNav>ul {
   display: flex;
   justify-content: center;
   width: 1100px;
   margin: 0 auto;
}

.head .pcNav>ul>li {
   position: relative;
   z-index: 10;
}

.head .pcNav>ul>li:after {
   display: block;
   content: "";
   width: 100%;
   height: 2px;
   background: #0094F3;
   position: absolute;
   left: 0;
   bottom: 0;
   transform: scaleX(0);
   transition: all 0.4s;
}

.head .pcNav>ul>li:hover:after {
   transform: scaleX(1);
}

.head .pcNav>ul>li>a {
   font-size: 20px;
   color: #ffffff;
   font-family: 'SUIT-Bold';
   line-height: 90px;
   transition: all 0.4s;
   padding: 0 45px;
}

.head .pcNav>ul>li>ul {
   position: absolute;
   left: 50%;
   top: 100%;
   transform: translateX(-50%);
   width: 200px;
   padding: 35px 0 0;
   display: none;
}

.head .pcNav>ul>li>ul>li {
   margin-bottom: 25px;
}

.head .pcNav>ul>li>ul>li>a {
   font-size: 16px;
   color: #555;
   font-family: 'SUIT-Regular';
   font-weight: 500;
}

.head .pcNav>ul>li>ul>li>a:hover {
   color: #0094F3;
}

/* 활성화 상태 */
.on .head {
   background: #fff;
   border-top: 1px solid #ddd;
}

.on .head .pcNav>ul>li>a {
   color: #222;
}

.on .head .pcNav:after {
   transform: scaleY(1);
}


/* 스크롤바 */
/*
::-webkit-scrollbar {
   width:0px;
}
::-webkit-scrollbar-thumb {
   background-color:#2f3542;
   background-clip:padding-box;
   border:2px solid transparent;
}
::-webkit-scrollbar-track {
   background:rgba(0,0,0,0.6);
   }
*/

/*top-link*/
.header .top-link {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   padding: 12px 100px;
   background: #fff;
}
.main .header .top-link {
   background: rgba(255, 255, 255, 0.1);
   border-color: rgba(255, 255, 255, 0.1);
}
.header.bg .top-link, .header.fix .top-link {
   border-color: rgba(235, 235, 235, 0.5);
}
.header .top-link a {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: auto;
   min-width: 90px;
   padding: 8px 20px;
   color: #666;
   font-size: 16px;
   font-family: 'SUIT-Bold';
   line-height: 20px;
   transition: all 0.3s ease;
   border-radius: 100px;
margin-left: 10px;
}
.header .top-link a:hover {
   transform: translateY(-1px);
   background: rgba(0 , 148, 243, 0.1);
   color: #0094F3;
}
.main .header .top-link a {
   color: rgba(255, 255, 255, 0.9);
}
.main .header.bg .top-link a, .main .header.fix .top-link a {
   color: #7F7F7F;
}
.header .top-link a.active {
   background: #0094F3;
   color: #fff;
}
.main .header .top-link a.active {
   background: #fff;
   color: #353550;
   box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.15);
}
.main .header.bg .top-link a.active, .main .header.fix .top-link a.active {
   color: #fff;
   background-color: #0094F3;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

/* 기본 상태 */
#header .top-link {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  transition: all 0.3s ease;
}

/* 스크롤 내릴 때 (숨김) */
#header.nav-up .top-link {
  opacity: 0;
  transform: translateY(-100%);
  pointer-events: none;
}

#header.nav-up {
  top: -60px;
}

#header.shadow {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}