@charset "utf-8";

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

* {
    font-family: 'Pretendard-Regular' !important;

}
#hd_wrapper #hd_menu {
    display: flex;
    align-items: center;
    gap: 55px;
}
#logo {
    padding: 0;
}

#hd_menu li a {
    color: #3d3d3d !important;
}

#hd_wrapper #hd_login a {
    color: #8b8b8b;
}
#hd_wrapper #hd_login li::before {
    top: 50%; transform: translateY(-50%);
    background: #8b8b8b;
    height: 80%;
}



@media (max-width: 1024px) {
    #common_title {
        padding-top: 9vw
    }

    #common_title p {
        font-size: 3.28vw;
        margin-top: 3.08vw;
    }
}

/*tablet & mobile*/
@media (max-width: 1000px) {
    
    .m_esgBtn a{
        padding: 1.2vw 2vw;
    background: #8b24ce;
    color: #fff;
    border-radius: 0.5em;
        letter-spacing: -0.03em;
}
    
    .sec_inner2 {
        width: 87.5%;
    }

    #quickmenu {
        /*        width: 20%;*/
        width: 13vw;
        right: 3%;
    }

    .bubble_wrap {
        display: none;
    }

    .m_bubble_wrap {
        display: block;
    }


    .pc {
        display: none;
    }

    .mobile {
        display: block;
    }

    .hd_pc {
        display: none
    }

    .hd_mobile {
        display: block;
    }

    .sec_inner {
        width: 85%;
    }

    #hd {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 999;
        padding: 4.62vw 0;
        height: 12.77vw !important;
    }

    #gnb_open {
        float: right;
        width: 7.69vw;
        height: 7.69vw;
        margin-right: calc(7.5% - 0.62vw);
        background: transparent;
        border: none;
    }

    #gnb_open img {
        width: 6.46vw
    }

    #gnb_close {
        margin-top: 6.15vw;
        width: 10vw;
        background: transparent;
        border: none;
    }

    #gnb_close img {
        width: 100%;
    }

    #gnb {
        display: none;
        background: rgba(0, 0, 0, 0.8);
        position: fixed;
        top: 0;
        right: 0;
        z-index: 99999;
        width: 100%;
        max-width: 71%;
        height: 100%;
        overflow-y: auto;
        padding: 14vw 6.45% 0;
    }

    #gnb .hd_menu li {
        padding: 4.46vw 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.62)
    }

    #gnb .hd_menu li a {
        color: #fff;
        font-size: 4.10vw;
        letter-spacing: 0.1em;
    }

    #gnb .hd_menu li a.summer {
        color: #68d8fe
    }

    #gnb #m_hd_login {
        margin-top: 4.62vw
    }

    #gnb #m_hd_login li {
        float: left;
        margin-right: 4.62vw;
        position: relative;
    }

    #gnb #m_hd_login li::before {
        content: '';
        width: 1px;
        height: 100%;
        background: #fff;
        position: absolute;
        top: 0;
        right: -2.31vw;
    }

    #gnb #m_hd_login li:last-child::before {
        display: none
    }

    #gnb #m_hd_login li a {
        color: #fff;
    }

    #ft_wr {
        flex-flow: column;
    }

    #ft_wr #snsList {
        margin-top: 5vw;
        gap: 3vw;
    }

    #ft_wr #snsList img {
        width: 8vw
    }
    
    
    
    #hd_wrapper #hd_menu ul {
        display: none;
    }
    #logo img {
        width: 21.54vw;
    }
    #hd_wrapper:after {
        display: none
    }

}

/*mobile*/

@media (max-width: 500px) {
    #ft_company {
        font-size: 12px;
    }

    #quickmenu {
        width: 12.62vw
    }

    #quickmenu a {
        border-radius: 3vw;
    }
}