@charset "UTF-8";

/* 플로팅 메뉴 */
/* .floating-menu {
    position: fixed; 
    left: 50%; 
    transform: translateX(-50%);
    top: 100px; 
    z-index: 100; 
    width: 100%;  
    margin-bottom: 64px;
    background-color: #fff;
    display: none;
    align-items: center;
    justify-content: center;
} */
.floating-menu {
    position: sticky;
    /* top: 100px; */

    /* left: 50%; 
    transform: translateX(-50%); */
    top: 90px;
    z-index: 100;
    width: 100%;
    margin-bottom: 80px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.floating-menu.on {
    box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
}
.floating-menu ul {
    display: flex;
    /* gap: 17px; */
    gap: 37px;
}
.floating-menu li {
    display: inline-block;
    background: #fff;
    border-bottom: none;
    cursor: pointer;
}
.floating-menu a {
    display: block;
    text-align: center;
    width: 100%;
    min-width: 132px;
    font-size: 20px;
    color: #666666;
    font-weight: 600;
    transition: 0.2s;
    box-sizing: border-box;
    padding: 26px 0;
}
.floating-menu li.on a {
    position: relative;
    /* border-bottom: 4px solid #1668E3; */
    background-color: #fff;
    color: #3082F6;
    font-weight: 700;
}
.floating-menu li.on a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 132px;
    height: 4px;
    /* background: #1668e3; */
}
.floating-menu li a span {
    display: block;
}