#hd{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 75px;
    background-color: transparent;
    transform: translateY(0);
    transition: transform 0.3s ease, background-color 0.3s ease;
}
#hd.hide {
    transform: translateY(-100%);
}
#hd.transparent {
    /* background-color: rgba(255, 255, 255, 0.1); */
    backdrop-filter: blur(5px);
}

#hd_wrapper{
    display: none;
}
#gnb{
    width: 100%;
    height: 100%;
    background: none;
}
#gnb #gnb_1dul{
    font-size: 1rem;
    border-bottom: none;
}
#gnb .gnb_1dli{
    line-height: 36px;
    
}
#gnb .gnb_1dli:not(:last-child){
    margin-right: 20px;
}
/* #gnb .gnb_1dli.active > a {
    background: #9933FF;
    color: #fff;
} */
#gnb .gnb_1dli.active a{
    /* background: #9933FF; */
    /* color: #9933FF; */
    color: #ad5aff;
}
#gnb .gnb_1dli:hover > a{
    /* color: #fff; */
    /* background: #9933FF; */
    /* color: #9933FF; */
    color: #ad5aff;
}
/* 20250411 디자인 변경 */
/* #gnb.white .gnb_1dli a{
    color: #000;
}
#gnb.purple .gnb_1dli.active{
    background: #fff;
}
#gnb.white .gnb_1dli.active{
    background: #9933FF;
}
#gnb.white .gnb_1dli.active > a{
    color: #FFF;
}
#gnb.white .gnb_1dli:hover > a{
    color: #9933FF;
    background: #FFF;
} */


.gnb_menu_btn{
    display: none;
}
#gnb .gnb_wrap{
    width: 95%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.gnb_1da{
    color: #fff;
    min-width: 120px;
    text-align: center;
}
#logo{
    width: 60px;
    height: 60px;
    padding: 0;
    float: none;
}
#logo > a {
    display: none;
    width: 100%;
    height: 100%;
}
#logo > a.active{
    display: block;
}
.gnb_2dul{
    min-width: 120px;
    top: 36px;
    padding-top: 0;
}
.gnb_2dli:not(:last-child){
    border-bottom: 1px solid #818181;
}
.gnb_2dli{
    display: none !important;
}
.gnb_1dli .gnb_al_li_plus .gnb_1dli_over .gnb_1dli_on{}
.gnb_2da{
    color: #fff;
    background: #888;
}
.gnb_2dul .gnb_2dul_box{
    border: none;
}
.gnb_1dli.gnb_al_li_plus .gnb_1da{
    padding-right: 15px;
}
a.gnb_2da:hover{
    color: #000;
    background: #d1d1d1;
}
.gnb_1dli .bg{
    display: none;
}

#gnb_1dul_mo{
    position: fixed;
    top: 0;
    right: 0;
    width: 70%;
    height: 100vh;
    background: #fff;
    padding: 100px 0;
    z-index: 99;
    transition: 0.5s all;
    opacity: 0;
    transform: translateX(100%);
}
#gnb_1dul_mo.active{
    opacity: 1;
    transform: translateX(0);
}
#hamburger {
    display: none;
    position: absolute;
    top: 40%;
    right: 5%;
    width: 30px;
    height: 24px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    transition: transform 0.3s ease;
    z-index: 999;
}
#hamburger.active{

}
#hamburger:hover {
    transform: scale(1.1);
}

#hamburger span {
    display: block;
    width: 32px;
    height: 3px;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    left: 0;
    transition: all 0.3s;

    transform-origin: center;
}

#hamburger span:nth-child(1) {
    top: 0;
}

#hamburger span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
}

#hamburger span:nth-child(3) {
    bottom: 0;
}

/* Active state - X 모양으로 변환 */
#hamburger.active span:nth-child(1) {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

#hamburger.active span:nth-child(2) {
    opacity: 0;
    transform: translateY(-50%) scale(0);
}

#hamburger.active span:nth-child(3) {
    bottom: 50%;
    transform: translateY(50%) rotate(-45deg);
}

/* 컬러 변화 효과 */
#hamburger.active span {
    background: #ad5aff;
}
#gnbMask{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(3px);
    display: none;
}
#gnbMask.active{
    display: block;
}
.fixed_icon_wrapper{
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 999;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.fixed_icon > div{
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius:100%;
    border: 1px solid; 
    margin: 0 auto;
}
.fixed_icon p{
    margin-top: 8px;
    font-size: 16px;
    text-align:center;
    color: #fff;
    text-shadow: 0px 1px 2px black;
    font-weight: 700;
}


@media screen and (max-width:1240px) {

    #hd{
        width: 100% !important;
        min-width: none !important;
    }
    #gnb .gnb_1dli:not(:last-child){
        margin-right: 0 ;
    }
}
@media screen and (max-width:1024px) {
    #gnb .gnb_1dli{
        float: unset;
    }
    #gnb #gnb_1dul{
        display: none;
    }
    #hamburger{
        display: block;
    }
    .gnb_1da{
        color: #000;
    }
    #gnb .gnb_1dli:not(:last-child){
        margin-right: 0;
    }
    #gnb .gnb_1dli {
        line-height: 50px;
    }
    /* .gnb_1da {
        color: #000;
        font-size: 1.25rem;
        } */
        .gnb_1da{
        line-height: 3rem;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        text-align: left;
    }
    #gnb_1dul_mo.active{
        background-color: #100029;
    }
    .gnb_1dli.gnb_al_li_plus.active{
        background: #1b0046;
    }
    .gnb_1dli.gnb_al_li_plus.active .gnb_1da{
        color: #a979ff;
    }
}

@media screen and (max-width:768px) {
    .fixed_icon_wrapper{
        right: 10px;
    }
    .fixed_icon p{
        display: none;
    }
}
@media screen and (max-width:375px) {

}