/*   기본 스타일 세팅   */
* {
    font-family:  'basic font', sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
    box-sizing: border-box; 
}
html {
    position: relative;
    overflow-x: hidden;
    -ms-overflow-style: none;
    font-size: 16px;
}
body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
a {
    text-decoration: none;
    color: #fff;
}
ul, li {
    list-style: none;
}
button {
    border: 0;
    background-color: transparent;
}

/*   PC Device   */
/*  플로팅 버튼  */
.floating_btn {
    width: 15.25rem;
    height: 4.75rem;
    position: fixed;
    bottom: 1.875rem;
    right: 1.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    background-color: #E1251B;
    font-size: 1.75rem;
    font-weight: 500;
    color: #fff;
    box-shadow: 0.313rem 0.313rem 0.313rem #00000029;
    border: 0.188rem solid #FFFFFF;
    border-radius: 0.75rem;
    z-index: 102;
    cursor: pointer;
}
/*  네비게이션  */
#nav-container-mobile {
    display: none;
}
#nav-container {
    width: 100vw;
    height: 6.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    z-index: 1;
    font-size: 1.5rem;
    color: #fff;
    background-color: transparent;
    transition: all 0.3s ease;
}
#nav-container.scrolled {
    width: 100vw;
    height: 5rem;
    z-index: 999;
    font-size: 1.25rem;
    background-color: #4D144A;
}
.nav_wrapper {
    width: 97.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
#logo-TechDay26 {
    height: 2.5rem;
    opacity: 0;
    transition: all 0.3s ease;
}
#logo-TechDay26.scrolled {
    opacity: 100%;
}
.nav_wrapper_menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4.625rem;
    cursor: pointer;
}
#nav-regi-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 11.25rem;
    height: 3.5rem;
    font-size: 1.375rem;
    border: 0.063rem solid #fff;
    border-radius: 0.75rem;
    transition: all 0.3s ease;
}
#nav-regi-btn.scrolled {
    width: 9.5rem;
    height: 2.875rem;
    font-size: 1.125rem;
}
/*   푸터   */
footer {
    width: 100vw;
    padding: 7.5rem 0rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    font-size: 1rem;
}
.footer_wrapper {
    width: 87.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}
.footer_privacy {
    font-weight: 600;
    color: #000;
    cursor: pointer;
}

/*   Tablet Device   */
@media all and (min-width: 960px) and (max-width: 1730px) {
    /*  플로팅 버튼  */
    .floating_btn {
        width: 13.75rem;
        height: 3.75rem;
        gap: 0.625rem;
        font-size: 1.25rem;
        box-shadow: 0.313rem 0.313rem 0.313rem #00000029;
    }
    /*  네비게이션  */
    #nav-container-mobile {
        display: none;
    }
    #nav-container {
        padding: 0rem 6.25rem;
        font-size: 1.25rem;
    }
    #nav-container.scrolled {
        font-size: 1.125rem;
    }
    .nav_wrapper {
        width: 100%;
    }
    /*   푸터   */
    footer {
        padding: 6.25rem;
    }
    .footer_wrapper {
        width: 100%;
    }
}

/*   Mobile Device   */
@media all and (min-width: 320px) and (max-width: 959px) {
    /*  플로팅 버튼  */
    .floating_btn {
        width: 100vw;
        height: 3.375rem;
        position: fixed;
        bottom: 0;
        right: 0;
        gap: 1rem;
        font-size: 1.25rem;
        box-shadow: none;
        border: 0;
        border-radius: 0;
    }
    /*  네비게이션  */
    #nav-container {
        display: none;
    }
    #nav-container-mobile {
        width: 100vw;
        height: 4rem;
        padding: 0rem 4vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 0;
        z-index: 111;
        background-color: transparent;
    }
    #nav-container-mobile.scrolled {
        background-color: #4D144A;
        box-shadow: 0px 5px 10px #00000050;
    }
    .nav_wrapper_icon {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    #logo-TechDay26-mobile {
        height: 1.875rem;
        opacity: 0;
    }
    #logo-TechDay26-mobile.scrolled {
        opacity: 100%;
    }
    #icon-menu,
    #icon-close {
        width: 1.875rem;
    }
    #nav-container-mobile-pop {
        backdrop-filter: blur(3px);
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
        z-index: 111;
    }
    .nav_wrapper_icon_pop {
        width: 100vw;
        height: 4rem;
        padding: 0rem 4vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        background-color: #4D144A;
        box-shadow: none;
    }
    #logo-TechDay26-mobile-pop {
        height: 1.875rem;
        opacity: 100%;
    }
    .nav_wrapper_menu_pop {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 1.25rem;
        gap: 16vw;
        padding: 8vw 0rem;
        color: #fff;
        background-color: #4D144A;
    }
    /*   푸터   */
    footer {
        padding: 6.25rem 4vw;
        font-size: 0.875rem;
        margin-bottom: 3.75rem;
    }
    .footer_wrapper {
        width: 100%;
    }
}