@charset "utf-8";
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
     font-weight: 800;
     font-style: normal;
}

#guide {
    display:flex;
    flex-direction:column;
    gap:30px;
}
#guide .guide_title {
    background-color:#FAF5FF;
    border-radius:999px;
    min-height:50px;
    padding:5px 20px;
    display:flex;
    align-items:center;
    justify-content:center;
}
#guide .guide_title p {
    font-size:1.125rem;
    font-weight:700;
    color:#774C9E;
    text-align:center;
}

#guide .guide_cont {
    display:flex;
    flex-direction:column;
    gap:20px;
}
#guide .guide_cont .guide_box {
    border:1px solid #CACACA;
    border-radius:20px;
    padding:20px;
    display:flex;
    align-items:center;
    gap:20px;
}
#guide .guide_cont .guide_box .guide_box_title {
    width:180px;
    font-size:1.5rem;
    font-weight:600;
    text-align:center;
    font-family: 'S-CoreDream';
}
#guide .guide_cont .guide_box .guide_box_cont {
    display:flex;
    flex-wrap: wrap;
    gap:20px;
    flex:1;
}
#guide .guide_cont .guide_box .guide_box_cont .guide_box_inner {
    flex:1;
    min-width:calc(50% - 10px);
    background-color:#F9F9F9;
    border-radius:10px;
    padding:20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
}
#guide .guide_cont .guide_box .guide_box_cont .guide_box_inner .guide_box_mini_title {
    font-size:1.125rem;
    font-weight:700;
    line-height:144%;
    background-color:#fff;
    padding:5px 10px;
}
#guide .guide_cont .guide_box .guide_box_cont .guide_box_inner .guide_box_co {
    font-size:1rem;
    font-weight:400;
    letter-spacing:-0.48px;
    text-align:center;
    line-height:162%;
}
#guide .guide_cont .guide_box .guide_box_cont .guide_box_inner.one_inner .guide_box_mini_title {
    align-self:flex-start;
}
#guide .guide_cont .guide_box .guide_box_cont .guide_box_inner:hover {
    background-color:#FAF5FF;
}
#guide .guide_cont .guide_box .guide_box_cont .guide_box_inner:hover .guide_box_mini_title {
    color:#774C9E;
}


@media (max-width:1200px) {
    #guide .guide_cont .guide_box .guide_box_title {
        width:160px;
        font-size:1.375rem;
    }
}
@media (max-width:991px) {
    #guide .guide_cont .guide_box {
        flex-direction:column;
    }
    #guide .guide_cont .guide_box .guide_box_cont {
        flex:none;
        width:100%;
    }
}
@media (max-width:640px) {
    #guide .guide_cont .guide_box .guide_box_cont {
        flex-direction:column;
    }
}