@charset "utf-8";
.support-hero-section {background-image: url(/img/sub/support-hero-bg.webp);}

.support-section .write-btn {margin-left: auto; margin-top: var(--fs-20); width: fit-content;}

.support-view-section .board-view {padding-bottom: var(--space-60); border-bottom: 1px solid var(--color-border1);}
.support-view-section .board-view-head {padding-bottom: var(--fs-20); border-bottom: 1px solid var(--color-border1);}
.support-view-section .board-view-head .board-view-tit-wrap {display: flex; align-items: center; justify-content: space-between;}
.support-view-section .board-view-head .board-view-tit-wrap .date {color: var(--color-font3);}
.support-view-section .board-view-head .board-view-tit {color: var(--color-font1);}
.support-view-section .board-view-head .board-view-info {margin-top: 10px; display: flex; align-items: center; column-gap: var(--space-60); color: var(--color-font3);}
.support-view-section .board-view-head .board-view-info .info-item {display: flex; align-items: center;}
.support-view-section .board-view-cont {padding-block: var(--space-60);}
.support-view-section .board-view-cont p {font-size: var(--fs-16); line-height: 1.7; color: var(--color-font2);}
.support-view-section .board-view-cont p + img {margin-top: var(--space-60); margin-inline: auto; max-width: 100%;}
.support-view-section .board-view-btns {padding-block: var(--space-60); justify-content: flex-end;}
.support-view-section .board-nav {border-top: 1px solid var(--color-border1);}
.support-view-section .board-nav .board-nav-item {transition: background-color 0.2s; position: relative; display: flex; align-items: center; padding: var(--fs-16) 10px; border-bottom: 1px solid var(--color-border1);}
.support-view-section .board-nav .board-nav-item:hover {background-color: var(--color-bg1);}
.support-view-section .board-nav .board-nav-label {width: 180px; flex-shrink: 0; color: var(--color-font3);}
.support-view-section .board-nav .board-nav-link {flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--color-font1);}
.support-view-section .board-nav .board-nav-link::after {content: ''; position: absolute; inset: 0;}
.support-view-section .board-nav .board-nav-item.is-empty .board-nav-link {color: var(--color-font3);}
.qna-view-section .board-view-head .status {margin-bottom: var(--fs-30);}
.qna-view-section .board-view-head .board-view-info-wrap {margin-top: 10px; padding: var(--fs-18) var(--fs-30); background-color: var(--color-bg1); display: flex; align-items: center; justify-content: space-between;}
.qna-view-section .board-view-head .board-view-info {margin-top: 0;}
.qna-view-section .board-answer {margin-top: var(--space-60); padding: var(--fs-30); padding-bottom: var(--fs-30); background-color: var(--color-bg1); border-bottom: 0;}
.qna-view-section .board-answer .board-view-head {padding-bottom: 0; border-bottom: 0;}
.qna-view-section .board-answer .board-view-cont {padding-top: var(--fs-20); padding-bottom: 0;}

.support-write-section .board-tit-wrap  {flex-direction: column; align-items: flex-start; row-gap: 10px; padding-bottom: var(--fs-20); border-bottom: 1px solid var(--color-border1);}
.support-write-section .board-tit-wrap .body-small  {color: var(--color-font3);}
.support-write-section .post-option {max-width: fit-content; column-gap: 0;}
.support-write-section .post-option .custom-radio-list {margin-left: var(--space-80); padding-left: var(--space-80); border-left: 1px solid var(--color-border1);}
.support-write-section .custom-editor {width: 100%;}
.support-write-section .custom-editor .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar {border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: var(--color-bg1);}
.support-write-section .custom-editor .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,
.support-write-section .custom-editor .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; height: 556px;}

.support-write-section.qna-answer-section .input-list-wrap {margin-top: 10px;}

@media screen and (max-width: 1024px) {
    .support-view-section .board-nav .board-nav-label {width: 140px;}

    .support-write-section .custom-editor .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .support-write-section .custom-editor .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {height: 400px;}
}

@media screen and (max-width: 768px) {
    .support-view-section .board-view-head .board-view-tit-wrap {flex-direction: column-reverse; row-gap: 4px; align-items: flex-start;}
    .support-view-section .board-view-head .board-view-info {column-gap: 30px;}
    .support-view-section .board-nav .board-nav-label {width: 100px;}
    .qna-view-section .board-view-head .board-view-info-wrap {flex-direction: column; row-gap: 10px; align-items: flex-start;}

    .support-write-section .custom-editor .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .support-write-section .custom-editor .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {height: 300px;}
}

@media screen and (max-width: 480px) {
    .support-view-section .board-nav .board-nav-label {width: 60px;}
    .qna-view-section .board-view-head .board-view-info-wrap {padding: 16px;}
    .support-view-section .board-view-head .board-view-info {flex-direction: column; align-items: flex-start; row-gap: 4px;}
    .support-view-section .board-view-btns .square-btn {flex: 1;}
    .support-write-section .post-option .custom-radio-list {margin-left: 0; padding-left: 0; border-left: 0;}
}