@charset "utf-8";

.qa-mypage-wrapper {width:100%;padding-top:var(--header-hei);background:#fff;}
.qa-mypage-wrapper > #container.mp_layout {display:flex;align-items:flex-start;gap:60px;width:100%;max-width:1400px;margin:0 auto;padding:60px 20px 100px;}
.qa-mypage-wrapper #container.mp_layout .mp_lnb {flex:0 0 240px;width:240px;padding:0;}
.qa-mypage-wrapper #container.mp_layout .mp_content {flex:1 1 auto;min-width:0;width:calc(100% - 300px);}
.qa-mypage-wrapper #container_title {margin:0 0 35px;color:#17181b;font-size:34px;font-weight:800;line-height:1.25;letter-spacing:-.045em;text-align:left;}
.qa-mypage-wrapper .mp_qa_content #bo_list,
.qa-mypage-wrapper .mp_qa_content #bo_v,
.qa-mypage-wrapper .mp_qa_content #bo_w {width:100%;max-width:none;margin:0;}

@media (max-width:969px) {
    .qa-mypage-wrapper > #container.mp_layout {display:block;padding:30px 15px 70px;}
    .qa-mypage-wrapper #container.mp_layout .mp_lnb {width:100%;}
    .qa-mypage-wrapper #container.mp_layout .mp_content {width:100%;}
    .qa-mypage-wrapper #container_title {margin-bottom:24px;font-size:27px;text-align:left;}
}

/* 1:1 문의 카테고리 포인트 컬러 */
.qa-mypage-wrapper #bo_cate {margin:24px 0 28px;}
.qa-mypage-wrapper #bo_cate li {padding:0 6px 6px 0;}
.qa-mypage-wrapper #bo_cate a {
    min-width:64px;
    padding:9px 17px;
    border:1px solid #ff5f00;
    border-radius:30px;
    background:#fff;
    color:#ff5f00;
    font-size:16px;
    font-weight:700;
    line-height:1.3;
    text-align:center;
}
.qa-mypage-wrapper #bo_cate a:hover,
.qa-mypage-wrapper #bo_cate a:focus,
.qa-mypage-wrapper #bo_cate a:active,
.qa-mypage-wrapper #bo_cate #bo_cate_on {
    border-color:#ff5f00;
    background:#ff5f00;
    color:#fff;
    box-shadow:none;
    text-decoration:none;
}
.qa-mypage-wrapper .bo_cate_link {
    background:#fff1e9;
    color:#ff5f00;
}

@media (max-width:640px) {
    .qa-mypage-wrapper #bo_cate a {
        min-width:60px;
        padding:10px 15px;
        font-size:16px;
    }
}