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

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

.support-view-section {padding-block: var(--space-120);}
.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 {padding-block: var(--space-120);}
.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);}