body {background: #fff;}

@media all and (max-width:1024px) {
    body #faq .page-title {display: none;}
    #noticeView.page,
    #qaView.page {padding: 15px 0 30px;}

    
}

@media all and (max-width:768px) {
    body .page-title {margin-bottom: 25px;}
    #noticeView.page,
    #qaView.page {padding: 15px 0 30px;}
}

.board__search {display: none;width: 300px;margin-left: auto;border: 1px solid var(--color-border); border-radius: 5px;padding: 0 10px;}
.board__search > form {display: flex;align-items: center;}
.board__search .search-input {border: 0;}
.board__search .search-submit {width: 40px;text-align: center;background: none;color: inherit;}
.board__search .search-submit > svg {width: 25px;vertical-align: middle;}


.board__tab {margin-bottom: 50px;}
.board__tab > ul {display: flex;gap: 10px;}
.board__tab > ul > li {font-size: 18px;}
.board__tab > ul > li > a {display: block;padding: 0 32px;line-height: 45px;border-radius: 7px;background: #eee;transition: .4s;}
.board__tab > ul > li.active > a,
.board__tab > ul > li > a#bo_cate_on {background: var(--color-sub-01);font-weight: 500;color: var(--color-primary);}


.board__action {margin-bottom: 10px;}
.board__action > ul {display: flex;align-items: center;flex-flow: row wrap;justify-content: right;gap: 5px;}
.board__action > ul > li {}
.board__action > ul > li > a,
.board__action > ul > li > button {display: inline-block; width: max-content;padding: 5px 12px;border-radius: 5px;align-items: center;background: #444;color: #fff; line-height: 1;font-size: 14px;font-weight: 700;transition: .4s;}
.board__action > ul > li.admin-button > a {background: var(--color-primary);}
@media all and (min-width:1025px) {
    .board__tab > ul > li > a:hover {background: var(--color-sub-01);font-weight: 500;color: var(--color-primary);}
    .board__action > ul > li > a:hover,
    .board__action > ul > li > button:hover {background: #777;}
}





/* 테이블타입 일반 게시판 */
.board__list table {}
.board__list table > thead > tr {}
.board__list table > thead > tr > th {border-bottom: 1px solid var(--color-border);border-top: 2px solid #555;}
.board__list table > thead > tr > th.all_chk {padding: 0 0;}
.board__list table > thead > tr > th.all_chk label {font-size: 0;}
.board__list table tr > th {padding: 13px 10px;font-size: 16px;font-weight: 700;text-align: center;border: 0;}
.board__list table tr > td {padding: 13px 10px; border: 0; border-bottom: 1px solid var(--color-border);font-size: 15px;text-align: center;}
.board__list table tr > td.subject {text-align: left;line-height: 1.2;}
.board__list table tr > td.subject > a {display: flex;gap: 5px;width: max-content ;max-width: 100%;transition: .4s;}
.board__list table tr > td.subject > a > strong {display: none;color: var(--color-primary);font-weight: 700;}
.board__list table tr > td.subject > a > p {}
.board__list table tr > td.writer,
.board__list table tr > td.datetime,
.board__list table tr > td.status {color: #777;font-size: 13px;}


.pg_wrap {margin-top: 30px;}
.pg_wrap .pg {display: flex;align-items: center;justify-content: center;gap: 5px;font-size: 15px;}
.pg_wrap .pg > a {padding: 0 5px;color: #777;}
.pg_wrap .pg .pg_current {padding: 0 5px;text-decoration: underline;font-weight: 700;}
.pg_wrap .pg > a.pg_start {font-size: 0;width: 20px;height: 20px;background: url(/kny/image/common/pagination_first.svg) no-repeat center center/17px;opacity: .5;}
.pg_wrap .pg > a.pg_end {font-size: 0;width: 20px;height: 20px;background: url(/kny/image/common/pagination_last.svg) no-repeat center center/17px;opacity: .5;}

.board__total {display: none;margin-top: 30px;font-size: 14px;color: #777;text-align: center;}
.board__buttons {display: flex;align-items: center;justify-content: center;gap: 10px;}



@media all and (min-width:1025px) {
    .board__list table tr > td.subject > a:hover {font-weight: 700;}
}
@media all and (max-width:1024px) {
    .board__list table {display: block;border-top: 2px solid #555;}
    .board__list table > thead {display: none;}
    .board__list table > tbody {display: block;}
    .board__list table tr {display: block; position: relative;width: 100%; padding: 10px 0; border-bottom: 1px solid var(--color-border);}
    .board__list table tr > td {display: block;width: 100%; padding: 0 0; border-bottom: 0;text-align: left;font-size: 15px;}
    .board__list table tr > td.subject {padding-right: 60px;}
    .board__list table tr > td.datetime {position: absolute;right: 0;top: 12px;font-size: 13px;color: #777;}
    .board__list table tr > td.subject > a > p {width: 100%;}
    .board__list table tr > td.writer,
    .board__list table tr > td.datetime,
    .board__list table tr > td.status {align-self: center;width: max-content;}
    .board__list table tr > td.writer::after {content: "|";display: inline-block;margin: 0 0px 0 9px;color: #ccc;}
    .board__list table tr > td.status {margin-left: auto;margin-top: 5px;}

}

@media all and (max-width:768px) {
    
    .board__tab {margin-bottom: 30px;}
    .board__tab > ul > li {border-radius: 5px;font-size: 14px;}
    .board__tab > ul > li > a {padding: 0 15px;line-height: 35px;}

    .pg_wrap {margin-top: 20px;}

}



/* 게시판 읽기 */
.board__read {}
.board__read-header {padding-bottom: 10px;border-bottom: 1px solid var(--color-border);}
.board__read-header-title {display: flex;align-items: center;gap: 10px; margin-bottom: 20px;font-size: 24px;}
.board__read-header-title > strong {display: block;font-weight: 700;color: var(--color-primary);}
.board__read-header-title > p {font-weight: 700;line-height: 1.2;}
.board__read-header-info {display: flex;flex-flow: row wrap;font-size: 15px;color: #777;}
.board__read-header-info > p {position: relative;padding: 0 10px;}
.board__read-header-info > p:first-child {padding-left: 0;}
.board__read-header-info > p~p::before {content: "";display: block; position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 1px;height: 10px;background: #ddd;}
.board__read-content {padding:20px 0 50px;min-height: 150px;border-bottom: 1px solid var(--color-border);line-height: 1.2;}
.board__read-content-inner {}
.board__read--answer { margin-top: 80px;}

.board__read-pagination {}
.board__read-pagination > li {font-size: 15px;border-bottom: 1px solid var(--color-border);}
.board__read-pagination > li > a {display: block;width: 100%;padding: 10px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.board__read-pagination > li > a > svg {min-width: 15px;width: 15px;margin-right: 5px;vertical-align: middle;}

.board__list-button {margin: 30px auto 0;}
.board__answer {margin-top: 50px;}
.board__answer-title {font-size: 24px;font-weight: 700;margin-bottom: 20px;}
.board__answer .empty-message {padding: 20px 0;text-align: center;font-size: 15px;color: #777;text-align: center;}
.board__answer .answer-radio {display: flex;align-items: center;gap: 28px;margin-bottom: 30px;}
.board__answer .answer-radio > label {display: flex;align-items: center;gap: 10px;}
.board__answer .answer-radio > label > input {width: 24px;height: 24px; padding: 0;border-radius: 50%;background: #fff; border: 1px solid #ccc;}
.board__answer .answer-radio > label > input:checked {background: url(/_wavedream/images/common/icon_check.svg) no-repeat center center / cover;}

@media all and (max-width:1024px) {
    .board__read-header-title {display: block;font-size: 18px;}
    .board__read-header-title > strong {margin-bottom: 5px;}
    .board__read-header-info {font-size: 12px;}
    .board__read-content {padding: 15px 0 30px;}
    .board__read-content-inner {font-size: 14px;}
    .board__read--answer { margin-top: 50px;}

    .board__read-pagination > li {font-size: 13px;}

    .board__answer {margin-top: 30px;}
}



/* 게시글 작성 */
.board__form-item.form-item__input {width: 100%;margin-bottom: 10px;}
.board__form-item.form-item__input .cke_sc {display: none;}


/* faq */

#faq .page-title > h2 {margin-bottom: 30px;}
#faq .page-title > p {padding: 25px;border-radius: 10px;background: #f5f5f5;line-height: 1.4;word-break: keep-all;}
.board__content .faq__list {}
.board__content .faq__list > ul {}
.board__content .faq__item {border-bottom: 1px solid var(--color-border);}
.board__content .faq__item-title {display: flex;position: relative;align-items: center;padding: 20px 20px 20px 0; font-weight: 500; font-size: 18px; line-height: 1.4;cursor: pointer;transition: .4s;}
.board__content .faq__item.open .faq__item-title {color: var(--color-primary);}
.board__content .faq__item-title .icon {position: absolute;top: 50%;right: 0;transform: translateY(-50%);;}
.board__content .faq__item.open .faq__item-title .icon {transform: translateY(-50%) rotate(180deg);}
.board__content .faq__item-title .icon > svg {width: 20px;vertical-align: middle;transition: .4s;}
.board__content .faq__item-title::before {content: "Q";display: block;padding-right: 17px;font-weight: 700;color: #777;}
.board__content .faq__item-cont {display: none;padding: 30px 33px;border-top: 1px solid #ddd;font-size: 17px; color: #555;line-height: 1.4;}
.board__content .faq__item.open .faq__item-cont {display: block;}

@media all and (min-width:1025px) {
    .board__content .faq__item:hover .faq__item-title {color: var(--color-primary);}
}

@media all and (max-width:768px) {
    .board__content .faq__item-title {padding: 15px 20px 15px 0;font-size: 15px;}
    .board__content .faq__item-title::before {padding-right: 15px;}
    .board__content .faq__item-cont {padding: 15px 26px 30px;font-size: 14px;}
}