.qna_list {
    display: flex;
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    gap: 1px;
    background-color: var(--bg-08);
    border-bottom: 1px solid var(--bg-08);
    list-style: none;
}
.qna_list > .qna_box {
    display: block;
    width: 100%;
    height: auto;
    background-color: var(--bg-01);
    padding: min(20px, max(10px, 4vw)) 0;
}
.qna_box .qna_meta_box {
    display: flex;
    width: 100%;
    height: auto;
    flex-wrap: nowrap;
    gap: .25em;
    justify-content: left;
    align-items: center;
    font-size: .875em;
}
.qna_box .qna_meta_box > .reg_dt {
    color: var(--text-desc);
}
.qna_box .qna_meta_box > .user_level {
    width: auto;
    height: 1em;
}
.qna_box .qna_meta_box > .writer_name {
    color: var(--text-01);
    font-weight: 400;
}
.qna_box .qna_meta_box > .writer_name > span {
    color: var(--text-08);
    font-weight: 300;
}
.qna_box .qna_meta_box > .writer_name strong {
    color: var(--text-01);
    font-weight: 500;
}
.qna_box .q_box {
    display: block;
    width: 100%;
    height: auto;
    line-height: 1em;
    padding: .5em 0;
    font-weight: 600;
    font-size: 1em;
}
.qna_box .q_box > a {
    display: -webkit-box;
    width: 100%;
    height: auto;
    padding-left: 1.1em;
    position: relative;
    color: var(--text-08);
}
.qna_box .q_box > a:hover {
    color: var(--text-01);
    text-decoration: underline;
    transition: all .3s ;
}
.qna_box .q_box > a::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "Q";
    color: var(--text-no);
}
.qna_box .a_box {
    display: block;
    width: 100%;
    height: auto;
    padding-left: 2.4em;
    line-height: 1.5em;
    position: relative;
}
.qna_box .a_box > .answer {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}
.qna_box .a_box > .answer::before {
    position: absolute;
    left: -1.1em;
    top: 0;
    content: "A";
    color: var(--text-no);
}

.qna_search_box {
    width: 100%;
    max-width: 470px;
    height: auto;
    margin: 10px auto;
    display: grid;
    grid-template-columns: 7em 7em auto 3em;
    gap: .2em;
    font-size: .825em;
    line-height: 1em;
    padding-top: 1em;
}