@charset "UTF-8";

/* Q&A → 글쓰기 시작 */
.ul-qna-write .td {display: -webkit-flex; display: flex; justify-content: start; align-items: center; padding: 13px 0; border-bottom: var(--border-solid);}
.ul-qna-write .input-label {text-align: center;}
input[type='text'].input-lecture-name {width: calc(100% - 88px); border-radius: 6px 0 0 6px;}
input[type='text'].input-lecture-name:disabled {background: #fff;}
.btn-look {width: 88px; border-radius: 0 6px 6px 0;}
.ul-qna-write .td-content textarea, .ul-qna-write .td-content .editor {width: 100%; height: 300px;}
.ul-qna-write .td-file .input-file-area {width: 100%; display: -webkit-flex; display: flex; justify-content: start; align-items: center;}
.ul-qna-write .td-file input[type=file].input-file {display: none;}
.ul-qna-write .td-file input[type=file].input-file + label {width: 100px; cursor: pointer;}
.ul-qna-write .td-file .file-name {width: calc(100% - 100px); padding: 0; padding-left: 20px; border-color: transparent; background: transparent; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--primary);}

.qna-write .btn-write {margin: 0 auto; margin-top: 50px;}
/* //Q&A → 글쓰기 끝 */

/* Q&A 시작 */
.qna .sub-page-info {display: grid; justify-content: space-between; align-items: end;}
.qna .sub-page-info .title2 {grid-column: 1 / span 1; grid-row: 1 / span 1;}
.qna .sub-page-info .text2 {grid-column: 1 / span 1; grid-row: 2 / span 1;}
.qna .sub-page-info .btn-write {grid-column: 2 / span 1; grid-row: 1 / span 2;}
.ul-qna>.item {display: grid; grid-template-columns: 12% auto 8% 16% 10%; grid-auto-rows: auto; align-items: center; padding: 13px 0; border-bottom: var(--border-solid);}
.ul-qna .td-class-category {text-align: center;}
.ul-qna .td-subject {height: 100%; display: -webkit-flex; display: flex; justify-content: start; align-items: center; gap: 8px; padding: 0 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ul-qna .td-subject span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ul-qna .td-subject i {font-size: 0.875rem; color: var(--sky-blue);}
.ul-qna .td-name {text-align: center;}
.ul-qna .td-date {text-align: center;}
.ul-qna .tag-status {margin: 0 auto;}
.ul-qna .tag-status img {display: block; width: 100%; object-fit: contain;}

/* 공지 리스트 */
.ul-qna>.item.notice {background-color: #F0EFFF;}
.ul-qna>.item.notice *:not(i) {font-weight: 568;}
.ul-qna .notice .td-subject i {color: #564ECC;}
/* //공지 리스트 */
/* //Q&A 끝 */

/* Q&A → 나의 문의내역 확인 시작 */
.ul-qna-view {display: grid; border-top: 2px solid var(--dark);}
.ul-qna-view .td {display: grid; grid-template-columns: 110px auto; border-bottom: var(--border-solid);}
.ul-qna-view .td:not(.td-content):not(.td-answer) {padding: 13px 0;}
.ul-qna-view .td .input-label {text-align: center;}
.ul-qna-view .td-date .date {text-align: left;}
.ul-qna-view .td-content {display: block; min-height: 200px; padding: 20px 30px; border-bottom: 0;}
.ul-qna-view .td-content .content {width: 100%;}
.ul-qna-view .td-content .content img {max-width: 100%;}
.ul-qna-view .td-answer {display: block; min-height: 254px; padding: 0 30px; background: var(--magnolia); border-bottom: 0;}
.ul-qna-view .file-area {margin-top: 20px;}

.answer-area .top {display: -webkit-flex; display: flex; justify-content: start; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; padding: 14px 0; border-bottom: 1px solid var(--iris);}
.answer-area .top .tag-status img {display: block; width: 100%; object-fit: contain;}
.answer-area .top .subject {margin-right: auto;}
.answer-area .content {width: 100%; padding: 14px 0; white-space: pre-wrap;}

.qna-view .btn-area {display: -webkit-flex; display: flex; justify-content: center; align-items: stretch; gap: clamp(15px, 1.5625vw, 30px);}
.qna-view .btn-list {margin-top: 50px;}
.qna-view .btn-area .btn-list {margin-top: 0;}
/* Q&A → 나의 문의내역 확인 끝 */


/* FAQ (자주 묻는 질문) 시작 */
.faq .third-tab-wrap {margin-bottom: 30px;}
.faq .third-tab {width: 100%; height: 54px; padding: 11px 30px; border: 1px solid #d0cdff; border-radius: 6px; background: #fafaff; display: -webkit-flex; display: flex; justify-content: start; align-items: center;}
.faq .third-tab .item {font-weight: 500; font-size: 1.125em; color: rgba(61,61,61,1); display: -webkit-flex; display: flex; justify-content: start; align-items: center;}
.faq .third-tab .item a {color: rgba(61,61,61,1);}
.faq .third-tab .item::after {display: inline-block; content: ''; width: 1px; height: 10px; background: #DFDFDF; margin: 0 16px;}
.faq .third-tab .item:last-child::after {display: none;}
.faq .third-tab .item.on {color: var(--highlight);}
.faq .third-tab .item.on::before {display: inline-block; content: '\f0da'; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 18px; margin-right: 12px;}
.faq .third-tab .item.on a {color: var(--highlight);}

.overflow-x {overflow-x: auto; overflow-y: hidden;}

.third-tab::-webkit-scrollbar {width: 0px; height: 0px;}
.third-tab::-webkit-scrollbar-thumb {background-color: transparent;}

.faq .sub-page-info {border-bottom-color: var(--iris);}
.ul-faq-wrap>.item {border-bottom: var(--border-solid);}
.ul-faq {display: grid; grid-template-columns: 200px auto;}
.ul-faq .td:not(.td-answer) {display: -webkit-flex; display: flex; justify-content: start; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.ul-faq .td-type {padding: 13px 20px; gap: 10px;}
.ul-faq .td-type img {display: block; width: 30px; height: 30px; object-fit: contain;}
.ul-faq .td-subject .question {width: 100%; height: 100%; padding: 13px 20px; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; gap: 50px; font-weight: 600; color: var(--darkgray);}
.ul-faq .td-subject .question i {color: var(--dark);}
.ul-faq .td-subject .subject {text-align: left;}
.ul-faq .td-answer {display: block; padding: 40px 50px; background: var(--magnolia); display: none;}
.ul-faq .td-answer .slide-area {display: -webkit-flex; display: flex; justify-content: start; align-items: start; gap: 10px;}
.ul-faq .td-answer img {display: block; width: 30px; height: 30px;}
.ul-faq .td-answer .answer {white-space: pre-wrap;}
/* //FAQ (자주 묻는 질문) 끝 */


/* 공지사항 시작 */
.notice .sub-page-info {border-bottom-color: var(--iris);}
.ul-notice>.item {display: grid; grid-template-columns: 60px auto 160px; grid-auto-rows: auto; align-items: center; padding: 13px 0; border-bottom: var(--border-solid);}
.ul-notice>.td-notice {background: var(--magnolia);}
.ul-notice .td-num {font-size: 0.938rem; text-align: center;}
.ul-notice>.td-notice .td-num {font-weight: 500; color: var(--highlight);}
.ul-notice .td-subject {height: 100%; display: -webkit-flex; display: flex; justify-content: start; align-items: center; padding: 0 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ul-notice .td-subject span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ul-notice .td-date {text-align: center;}
/* //공지사항 문의 끝 */

/* 공지사항 확인 시작 */
.board-contents {border-top: 2px solid var(--dark);}
.notice-view .subject-area {display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; padding: 15px 16px; border-bottom: 1px solid var(--dark);}
.notice-view .contents-area {padding-top: 30px; padding-bottom: 40px; white-space: pre-wrap; word-break: break-all;}
.notice-view .contents-area img {max-width: 100%;}
.notice-view .bottom {border-top: var(--border-solid); padding-top: 16px;}
.notice-view .bottom a {margin-bottom: 12px;}
.notice-view .bottom a:last-child {margin-bottom: 0;}

.notice-view .btn-list {margin-top: 50px;}
/* 공지사항 확인 끝 */

/* 무료 소책자, 1:1 진단 컨설팅 후기 */
:is(.freebook, .consulting, .coach-meeting) .ul-qna>.item {grid-template-columns: auto 8% 16%;}
/* //무료 소책자, 1:1 진단 컨설팅 후기 */





/* Safari 14.1 이전 버전 */
@supports not (inset: 0){
    .ul-qna .td-subject i {margin-right: 8px;}
    
    .answer-area .top .tag-status {margin-right: 20px;}

    .ul-faq .td-type img {margin-right: 10px;}
    .ul-faq .td-subject .question i {margin-left: 50px;}
    .ul-faq .td-answer img {margin-right: 10px;}
}



@media screen and (max-width:1200px){
    .sub-page.qna-view {padding-top: 0; padding-left: 0; padding-right: 0;}

    .sub-page.notice-view {padding-top: 0; padding-left: 0; padding-right: 0;}
    .notice-view .subject-area {padding: 15px 50px;}
    .notice-view .contents-area {padding-left: var(--inner-padding-l); padding-right: var(--inner-padding-r);}
    .notice-view .bottom {padding-left: var(--inner-padding-l); padding-right: var(--inner-padding-r);}
}

@media screen and (min-width:993px){
    .ul-qna-view {grid-template-columns: 1fr 1fr;}
    .ul-qna-view .td-lecture-name {grid-column: 1 / span 2;}
    .ul-qna-view .td-subject {grid-column: 1 / span 2;}
    .ul-qna-view .td-content {grid-column: 1 / span 2;}
    .ul-qna-view .td-answer {grid-column: 1 / span 2;}
    .ul-qna-view .td-class-category { grid-column: 1 / span 2; }

    .ul-faq .td-answer {grid-column: 1 / span 2;}

    .notice-view-wrap {display: -webkit-flex; display: flex; flex-direction: column;}
    .notice-view-wrap #footer {margin-top: auto;}
}

@media screen and (max-width:992px){
    .ul-qna-write .td {padding: 10px 0;}
    input[type='text'].input-lecture-name {width: calc(100% - 72px);}
    .btn-look {width: 72px;}
    .ul-qna-write .td-content textarea, .ul-qna-write .td-content .editor {height: 220px;}
    .ul-qna-write .td-file input[type=file].input-file + label {width: 86px;}
    .ul-qna-write .td-file .file-name {padding-left: 14px;}
    .qna-write .btn-write {margin-top: 34px;}

    .ul-qna>.item {grid-template-columns: auto 70px; gap: 10px; padding: 10px 0;}
    .ul-qna .td-subject {grid-row: 2 / span 1;padding: 0;}
    .ul-qna .td-class-category {grid-row: 1 / sapn 1; text-align: left;}
    .ul-qna .td-name {grid-row: 3 / span 1; text-align: left;}
    .ul-qna .td-date {grid-row: 4 / span 1; text-align: left;}
    .ul-qna .tag-status {grid-row: 2 / span 3;}

    .ul-qna-view {grid-template-columns: 1fr;}
    .ul-qna-view .td:not(.td-content):not(.td-answer) {padding: 10px 0;}
    .ul-qna-view .td-content {padding: 14px 30px;}
    .qna-view .btn-list {margin-top: 30px;}

    .ul-faq {grid-template-columns: auto;}
    .ul-faq .td-type {padding: 10px 0; gap: 8px;}
    .ul-faq .td-type img {width: 24px; height: 24px;}
    .ul-faq .td-subject .question {padding: 10px 0; gap: 30px;}
    .ul-faq .td-answer {padding: 20px 30px;}
    .ul-faq .td-answer .slide-area {gap: 8px;}
    .ul-faq .td-answer img {width: 24px; height: 24px;}

    .ul-notice>.item {grid-template-columns: 54px auto 116px;}
    .ul-notice .td-subject {padding: 0 10px;}

    .notice-view .subject-area {padding: 10px 30px;}
    .notice-view .contents-area {padding-left: 30px; padding-right: 30px;}
    .notice-view .bottom {padding-left: 30px; padding-right: 30px;}
    .notice-view .btn-list {margin-top: 30px;}

    :is(.freebook, .consulting, .coach-meeting) .ul-qna>.item {grid-template-columns: none;}



    /* Safari 14.1 이전 버전 */
    @supports not (inset: 0){
        .ul-faq .td-type img {margin-right: 8px;}
        .ul-faq .td-subject .question i {margin-left: 30px;}
        .ul-faq .td-answer img {margin-right: 8px;}
    }
}

@media screen and (max-width:768px){
    .ul-qna-write .td {-webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .ul-qna-write .input-label {width: 100%; margin-bottom: 10px; text-align: left;}
}

@media screen and (max-width:480px){
    .ul-qna-write .td {padding: 8px 0;}
    input[type='text'].input-lecture-name {width: calc(100% - 64px);}
    .btn-look {width: 64px;}
    .ul-qna-write .td-content textarea, .ul-qna-write .td-content .editor {height: 140px;}
    .ul-qna-write .td-file input[type=file].input-file + label {width: 80px;}
    .ul-qna-write .td-file .file-name {padding-left: 10px;}
    .qna-write .btn-write {margin-top: 24px;}

    .ul-qna>.item {grid-template-columns: auto 60px; gap: 6px; padding: 8px 0;}

    .ul-qna-view .td {grid-template-columns: auto; gap: 6px;}
    .ul-qna-view .td:not(.td-content):not(.td-answer) {padding: 8px 12px;}
    .ul-qna-view .td-content {min-height: 150px; padding: 14px 12px;}
    .ul-qna-view .td-answer {min-height: 204px; padding: 0 12px;}
    .ul-qna-view .td .input-label {text-align: left;}
    .ul-qna-view .file-area {margin-top: 12px;}
    .qna-view .btn-list {margin-top: 26px;}

    .faq .third-tab-wrap {width: calc(100% + var(--inner-padding-l)*2); margin: 0 calc(0px - var(--inner-padding-l)) 30px;}
    .faq .third-tab {border-radius: 0; border-left: 0; border-right: 0;}

    .ul-faq .td-type {padding: 8px 0; gap: 6px;}
    .ul-faq .td-type img {width: 20px; height: 20px;}
    .ul-faq .td-subject .question {padding: 8px 0; gap: 20px;}
    .ul-faq .td-answer {padding: 20px 12px;}
    .ul-faq .td-answer .slide-area {gap: 6px;}
    .ul-faq .td-answer img {width: 20px; height: 20px;}

    .ul-notice>.item {grid-template-columns: 42px auto 86px;}

    .notice-view .subject-area {padding: 8px 12px;}
    .notice-view .contents-area {padding-top: 16px; padding-bottom: 20px; padding-left: 12px; padding-right: 12px;}
    .notice-view .bottom {padding-left: 12px; padding-right: 12px;}
    .notice-view .btn-list {margin-top: 26px;}



    /* Safari 14.1 이전 버전 */
    @supports not (inset: 0){
        .ul-faq .td-type img {margin-right: 6px;}
        .ul-faq .td-subject .question i {margin-left: 20px;}
        .ul-faq .td-answer img {margin-right: 6px;}
    }
}