@charset "utf-8";

/* 전체메뉴 allmenu */
#allmenu_pc {

    display:block!important;
}
#allmenu_pc .allmenu_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap:50px;
    position: relative;
    padding:60px 120px;
}
#allmenu_pc .allmenu_wrapper .allmenu_close {
    padding:8px 15px;
    background-color:#173C7B;
    border-radius:60px;
    display:flex;
    align-items:center;
    gap:10px;
    font-size:0.77rem;
    font-weight:400;
    color:#fff;
    letter-spacing:0.3px;
    width: fit-content;
    align-self: flex-end;
}
#allmenu_pc .allmenu_wrapper .allmenu_depth1 {
    display:flex;
    flex-direction:column;
    gap:120px;
}
#allmenu_pc .allmenu_wrapper .allmenu_depth1 .dl1 {
    display:flex;
    align-items:flex-start;
    gap:10px;
    position: relative;
}
#allmenu_pc .allmenu_wrapper .allmenu_depth1 .dl1::after {
    content:'';
    width:100%;
    height:2px;
    background-color:#E0E0E0;
    position: absolute;
    left:0;
    bottom:-60px;
}
#allmenu_pc .allmenu_wrapper .allmenu_depth1 .dl1:last-child::after {
    display:none;
}
#allmenu_pc .allmenu_wrapper .allmenu_depth1 .dl1 .da1 {
    width:300px;
    font-size:1.55rem;
    font-weight:500;
    letter-spacing:-0.2px;
    color:#173C7B;
    font-family: "Gmarket Sans";
}
#allmenu_pc .allmenu_wrapper .allmenu_depth1 .depth2 {
    flex:1;
    display:flex;
    flex-wrap: wrap;
    align-items:flex-start;
    gap:20px;
}
#allmenu_pc .allmenu_wrapper .allmenu_depth1 .depth2 .dl2 {
    width:calc(25% - 15px);
    display:flex;
    flex-direction:column;
    gap:10px;
}
#allmenu_pc .allmenu_wrapper .allmenu_depth1 .depth2 .dl2 .da2 {
    border:1px solid #E0E0E0;
    background-color:#EDF6FB;
    padding:15px 10px;
    border-radius:10px;
    font-size:1.22rem;
    font-weight:700;
    color:#173C7B;
    display:block;
    text-align:center;
}
#allmenu_pc .allmenu_wrapper .allmenu_depth1 .depth2 .dl2 .da2:hover {
    background-color:#173C7B;
    color:#fff;
}
#allmenu_pc .allmenu_wrapper .allmenu_depth1 .depth3 {
    display:flex;
    flex-direction:column;
    gap:10px;
}
#allmenu_pc .allmenu_wrapper .allmenu_depth1 .depth3 .dl3 {
    padding-left:17px;
    position: relative;
}
#allmenu_pc .allmenu_wrapper .allmenu_depth1 .depth3 .dl3::before {
    content:'';
    width:7px;
    height:7px;
    background-color:#757575;
    border-radius:50%;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
}
#allmenu_pc .allmenu_wrapper .allmenu_depth1 .depth3 .dl3 .da3 {
    font-size:1.11rem;
    font-weight:400;
    color:#222;
}
#allmenu_pc .allmenu_wrapper .allmenu_depth1 .depth3 .dl3 .da3:hover {
    color:#173C7B;
    font-weight:700;
}
#allmenu_pc .allmenu_wrapper .allmenu_user {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
}
#allmenu_pc .allmenu_wrapper .allmenu_user a {
    border:1px solid #E0E0E0;
    border-radius:10px;
    padding:0px 10px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    font-size:0.77rem;
    font-weight:600;
    color:#173C7B;
    width:95px;
}
#allmenu_pc .allmenu_wrapper .allmenu_user a svg path {
    fill:#173C7B;
}



@media (max-width:1440px) {
    #allmenu_pc .allmenu_wrapper .allmenu_depth1 .dl1 .da1 {
        width:200px;
    }
}
@media (max-width:1200px) {
    #allmenu_pc .allmenu_wrapper {
        padding:60px;
    }
    #allmenu_pc .allmenu_wrapper .allmenu_depth1 .dl1 .da1 {
        width:160px;
        font-size:1.33rem;
    }
    #allmenu_pc .allmenu_wrapper .allmenu_depth1 .depth2 {
        gap:10px;
    }
    #allmenu_pc .allmenu_wrapper .allmenu_depth1 .depth2 .dl2 {
        width:calc(25% - 7.5px);
    }
    #allmenu_pc .allmenu_wrapper .allmenu_depth1 .depth2 .dl2 .da2 {
        font-size:1.11rem;
    }
    #allmenu_pc .allmenu_wrapper .allmenu_depth1 .depth3 .dl3 .da3 {
        font-size:1rem;
    }
}
@media (max-width:1024px) {}
@media (max-width:991px) {
    #allmenu_pc .allmenu_wrapper {
        padding:30px;
    }
    #allmenu_pc .allmenu_wrapper .allmenu_depth1 {
        gap:60px;
    }
    #allmenu_pc .allmenu_wrapper .allmenu_depth1 .dl1::after {
        bottom:-30px;
    }
    #allmenu_pc .allmenu_wrapper .allmenu_depth1 .dl1 {
        flex-direction:column;
    }
    #allmenu_pc .allmenu_wrapper .allmenu_depth1 .dl1 .da1 {
        width:120px;
    }
    #allmenu_pc .allmenu_wrapper .allmenu_depth1 .depth2 {
        width:100%;
    }

    #allmenu_pc .allmenu_wrapper .allmenu_depth1 .depth3 {
        display:none;
    }
}
@media (max-width:768px) {}
@media (max-width:640px) {
    #allmenu_pc .allmenu_wrapper .allmenu_depth1 .depth2 .dl2 {
        width:calc(50% - 5px);
    }
}