/* contentsWrap */
.contents-wrap { padding-top: calc(4em + max(3.2rem, var(--responsive-unit-48))); padding-bottom: clamp(7.2rem, 11.1111vw, 16rem); }

/* 00_main */
.main-wrap { padding-top: 0; overflow-x: hidden; }

.main-wrap .section-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10%; }
.main-wrap .section-title { margin-top: 16.75%; font-size:  var(--font-size-display-xl); font-weight: 700; line-height: 1.3; }
.main-wrap .section-desc { margin-top: 0.75em; margin-bottom: 1.25em; font-size: var(--font-size-title-lg); line-height: 1.3; }
.main-wrap .section-btn { font-size: var(--font-size-title-sm); line-height: 1; }

.main-hero { position: relative; }
.main-hero-img { display: block; width: 100%; height: 100%; font-size: 0; }
.main-hero-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.main-wrap .entry-section { position: relative; background-color: #E9E1DB; overflow: hidden; }
.main-wrap .entry-section:before { content: ''; width: 84.6%; aspect-ratio: 1 / 1; position: absolute; top: 50%; left: 0; transform: translate(-25%, -50%); background: radial-gradient(50% 50% at 50% 50%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); border-radius: var(--radius-full); }
.main-wrap .entry-section .layout-inner { padding-top: 5.6rem; padding-bottom: 5.6rem; }

.main-wrap .introduce-section { position: relative; padding-top: 6em; padding-bottom: 13em; background-image: url('/images/pages/00_main/img_main_introduce.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; color: var(--color-gray-white); z-index: 1; }

.main-wrap .history-section { position: relative; padding-top: clamp(6em, 9.1667vw, 11em); padding-bottom: clamp(6em, 8.3333vw, 10em); }
.main-wrap .history-section:before { content: ''; position: absolute; top: 0; left: 4.6875%; width: 25.8333vw; transform: translateY(-50%); aspect-ratio: 1 / 1; border-radius: var(--radius-full); background-color: #FCF5E6; z-index: -1; }
.main-wrap .history-section .section-title { margin-top: 0; }
.main-wrap .history-section .history-desc { margin-top: 1.6rem; margin-bottom: 1.25em; color: var(--color-text-softlight); font-size: var(--font-size-title-lg); line-height: 1.3; }
.main-wrap .history-section .history-item { position: relative; border-radius: var(--radius-md); overflow: hidden; }
.main-wrap .history-section .history-item .img-wrap { aspect-ratio: 1 / 1; }
.main-wrap .history-section .history-item .img-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.main-wrap .history-section .history-item .history-number { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: clamp(2.4rem, 3.4722vw, 5rem); font-weight: 700; color: var(--color-gray-white); background-color: rgba(85, 69, 57, 0.80); opacity: 0; transition: opacity 0.3s; }
.main-wrap .history-section .history-more-wrap { margin-top: 6em; text-align: center; }

.main-wrap .notice-section:before { content: ''; position: absolute; top: 0; right: -10.73%; width: 43%; transform: translateY(-75%); aspect-ratio: 1 / 1; border-radius: var(--radius-full); background-color: #FFF1D4; }
.main-wrap .notice-section .section-grid { gap: 3.2rem; padding-top: clamp(5em, 7.0833vw, 8.5em); align-items: flex-start; }
.main-wrap .notice-list-wrap { min-width: 0; }
.main-wrap .notice-list-title { display: flex; align-items: center; gap: 1.6rem; margin-top: 0; }
.main-wrap .notice-list-title .ds-btn { padding: calc(0.75em - 1px); }
.main-wrap .notice-list-title .ds-btn .ds-icon { width: 2em; height: 2em; }
.main-wrap .notice-list { margin-top: min(3.3333vw, 6.4rem); }
.main-wrap .notice-item + .notice-item { margin-top: 1.5em; }
.main-wrap .notice-item .layout-inner { display: flex; align-items: center; gap: 1.6rem; padding-top: 1.6rem; border-top: 1px solid rgba(0, 0, 0, 0.07); }
.main-wrap .notice-item .date { flex: 0 0 3em; display: flex; flex-direction: column; color: #6D6D6D; font-size: var(--font-size-body-md); font-weight: 700; line-height: 1.1; }
.main-wrap .notice-item .notice-title { flex: 1; min-width: 0; color: #2F2F2F; font-size: clamp(1.8rem, 1.25vw, var(--font-size-body-xxl)); font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.main-wrap .media-link { border-radius: var(--radius-md); overflow: hidden; }
.main-wrap .media-link-img { position: relative; }
.main-wrap .media-link-img .overlay { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); background-image: url('/images/pages/00_main/icon_media_play.svg'); background-position: center; background-repeat: no-repeat; }
.main-wrap .media-link-title { padding: 0.75em 1.5em; background-color: #290606; color: var(--color-gray-white); font-size: var(--font-size-title-sm); font-weight: 700; line-height: 1.3; }

@media all and (max-width: 1920px) and (min-width: 1025px) {
    .main-wrap .section-title { font-size: 3.33vw; }
    .main-wrap .section-desc { font-size: 1.87vw; }
    .main-wrap .section-btn { font-size: 1.25vw; }
}

@media all and (max-width: 1024px) {
    .main-wrap .entry-section .layout-inner { padding-top: 0.8rem; padding-bottom: 4rem; }

}
@media all and (max-width: 768px) {
    .main-wrap .section-grid { grid-template-columns: 1fr; gap: 0; }
    .main-wrap .section-title { margin-top: 0; }

    .main-wrap .entry-section .img-wrap { max-width: 40rem; margin: auto; }

    .main-wrap .introduce-section { padding-bottom: 6em; background-image: url('/images/pages/00_main/img_main_introduce_mo.webp'); }
    .main-wrap .introduce-section .txt-wrap { padding-bottom: 100%; }

    .main-wrap .history-section { display: flex; flex-direction: column; padding-top: 8.571em; }
    .main-wrap .history-section:before { width: 100vw; top: 8.571em; left: 0; transform: translateX(-50%); }
    .main-wrap .history-section .section-title,
    .main-wrap .history-section .history-desc { text-align: right; padding-left: 4.2rem; padding-right: 4.2rem; }
    .main-wrap .history-section .history-list-wrap { order: 2; padding-left: 2.4rem; }
    .main-wrap .history-section .history-item .img-wrap { aspect-ratio: 277 / 240; }
    .main-wrap .history-section .history-item .history-number { top: auto; bottom: 0; height: auto; justify-content: flex-start; padding: 1.2rem 1.2em; background-color: rgba(0, 0, 0, 0.20); font-family: 'Noto Sans KR', sans-serif; font-size: 2rem; font-weight: 400; line-height: 1; opacity: 1; }
    .main-wrap .history-section .history-more-wrap { margin-top: 2.4rem; margin-bottom: 4.2rem; padding-right: 4.2rem; text-align: right; }

    .main-wrap .notice-section:before { width: 66.15vw; top: 50%; right: auto; left: 50%; transform: translateY(-50%); }
    .main-wrap .notice-list-title .ds-btn { padding: 0; }

    .main-wrap .media-link-img .overlay { background-size: 6.4rem; }
}


@media all and (min-width: 769px) {
    .main-wrap .history-section .history-item:hover .history-number { opacity: 1; }
}

/* 01_entry */
.entry-desc { margin: 1.1em 0; font-size: var(--font-size-title-xxl); line-height: 1.3; }

.entry-progress { margin-bottom: 11em; }
.entry-progress .progress-list { counter-reset: process-list; display: flex; gap: 2.4rem 1.8%; margin: 4em 0; flex-wrap: wrap; }
.entry-progress .progress-item { position: relative; flex: 1; display: flex; justify-content: center; align-items: center; padding: 2em 0.5em; border: 1px solid var(--color-border-extralight); border-radius: var(--radius-md); font-size: var(--font-size-title-xs); font-weight: 700; }
.entry-progress .progress-item.active { background-color: #F5F2EF; }
.entry-progress .progress-item:before { counter-increment: process-list; content: counter(process-list); position: absolute; top: 0; left: 50%; display: flex; justify-content: center; align-items: center; width: 2em; height: 2em; border-radius: var(--radius-full); background-color: #F94545; font-size: max(1.0417vw, 1.2rem); font-weight: 700; color: var(--color-gray-white); transform: translate(-50%, -50%); }

.entry-cert-wrap { display: flex; gap: 4rem; justify-content: center; align-items: center; background-color: var(--color-warm-100); border-radius: var(--radius-md); margin-bottom: 4.5em; padding: 4.5em 0; }
.entry-cert-item { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 3.2rem; width: 28rem; height: 28rem; border-radius: var(--radius-full); background-color: var(--color-gray-white); cursor: pointer; }
.entry-cert-item .entry-cert-img { width: 100%; height: 34.29%; }
.entry-cert-item .entry-cert-img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.entry-cert-item .entry-cert-method { font-size: 2rem; font-weight: 700; }

.entry-cert-form .form-inner { display: flex; flex-direction: column; gap: 3.5em; padding: 4.5em 0; border-top: 1px solid var(--color-border-extralight); }

.entry-terms-check { display: flex; align-items: center; gap: 0.55em; padding: 0.5em 2.4rem 0.5em 0; }
.entry-terms-check .form-label { flex: 1; font-size: var(--font-size-body-xl); font-weight: 700; line-height: 1.3; cursor: pointer; }
.entry-terms-all { margin-bottom: 3em; padding: 1.6rem 0; border-radius: var(--radius-md); background-color: var(--color-warm-100); }
.entry-terms-all .form-label { padding-left: 2.4rem; font-weight: 500; color: var(--color-text-light); }

.entry-terms-form .form-inner { display: flex; flex-direction: column; gap: 0.5em; padding: 2em 0; border-top: 1px solid var(--color-border-extralight); }
.entry-terms-form .entry-terms-list { font-size: var(--font-size-body-xl); font-weight: 500; }
.entry-terms-form .form-notice { margin-bottom: 4.5em; font-size: var(--font-size-body-md); }
.entry-terms-form .form-notice.emphasis { font-size: var(--font-size-body-xl); }

.entry-info { margin-bottom: 6em; }
.entry-info-nav { margin: 3em 0; }
.entry-info-nav .layout-inner { display: flex; justify-content: safe flex-start; gap: 0.5em; overflow-x: auto; }
.entry-info-nav .ds-chip-nav { font-size: clamp(1.3rem, 0.9375vw, 1.8rem); cursor: pointer; white-space: nowrap; }
.entry-info-nav .ds-chip-nav:has(input:checked) { background-color: var(--color-button-accent); color: var(--color-gray-white); }
.entry-info-nav .ds-chip-nav input { display: none; }

@media all and (min-width: 1025px) and (max-width: 1440px) {
    .entry-info-nav .ds-chip-nav { font-size: max(1.4rem, 1.25vw); }
}

.entry-info-form { border-radius: var(--radius-md); background-color: var(--color-warm-100); }
.entry-info-form .sub-title { padding: 2em 1em 0; font-size: var(--font-size-body-lg); font-weight: 500; display: none; }
.entry-item-list { display: flex; flex-direction: column; gap: 2em; padding: 3em min(5.4%, 7.2rem); border-bottom: 1px solid var(--color-border-extralight); }
.entry-item-list .entry-item { display: flex; gap: 0.5em; }
.entry-item-header { display: flex; justify-content: space-between; align-items: center; gap: 0.5em; flex: 0 0 22.7%; }
.entry-item-header p { flex: 1; text-align: center; font-size: var(--font-size-body-xl); font-weight: 500; color: var(--color-text-light); }
.entry-item .ds-input.file { flex: 1; }
.entry-item .ds-input.file .file-name { flex: 1; max-width: none; }
.entry-info-form .btn-wrap { padding: 1em 0 3em; text-align: center; }
.entry-info-form .btn-wrap .ds-btn:not(:hover) { background-color: transparent; }

.entry-survey-form .form-inner { margin-bottom: 3em; padding: 4em 8.5%; border-radius: var(--radius-md); border: 1px solid var(--color-border-black); }
.entry-survey-info { margin-bottom: 1.5em; }
.entry-survey-info .layout-inner { display: flex; align-items: center; gap: 1.5em; }
.entry-survey-info .survey-info-icon { display: flex; justify-content: center; align-items: center; width: 11.23%; height: 0; padding-bottom: 11.23%; background-image: url('/images/pages/01_entry/icon_modification.svg'); background-size: 46%; background-repeat: no-repeat; background-position: center; background-color: var(--color-warm-100); border-radius: var(--radius-full); }
.entry-survey-info .survey-info-desc { flex: 1; font-size: var(--font-size-body-xl); font-weight: 500; line-height: 1.3; }
.entry-survey-item { display: flex; flex-direction: column; gap: 2em; padding: 3.5em 0; border-top: 1px solid var(--color-border-extralight); }
.entry-survey-item .survey-title { font-size: var(--font-size-title-sm); font-weight: 700; }
.entry-survey-item .survey-item-list { display: flex; gap: 2em; flex-wrap: wrap; }
.entry-survey-item .survey-item-list.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2em 1.5em; }
.entry-survey-item .survey-item-list .ds-input.radio label { font-size: var(--font-size-body-xl); font-weight: 500; }
.entry-survey-item .survey-item-list .ds-input.radio label:before { width: 1.5em; height: 1.5em; }
.entry-survey-item .survey-item-list .ds-input.radio label:after { width: 0.75em; height: 0.75em; }

.entry-complete-wrap { margin-bottom: 4em; }
.entry-complete-img { border-radius: var(--radius-xl); overflow: hidden; }

.entry-notice .section-heading { display: flex; justify-content: space-between; align-items: center; }
.entry-notice .ds-table { margin-top: 4em; }

.entry-notice-footer { margin-top: 2em; margin-bottom: 4em; }
.entry-notice-modal .modal-body { text-align: center; }
.entry-notice-modal .modal-body p:not(:last-of-type) { margin-bottom: 1.5em; font-size: var(--font-size-body-xl); }
.entry-notice-modal .modal-body p:not(:last-of-type):after { content: ''; display: block; width: 100%; height: 1.5em; margin-top: 1em; background-image: url('/images/common/icon_chevron_bottom.svg'); background-size: auto 150%; background-repeat: no-repeat; background-position: center; }
.entry-notice-modal .modal-body p span { font-size: var(--font-size-body-md); }

@media all and (min-width: 1025px) {
    .entry-contents-img { display: none; }

}

@media all and (max-width: 1600px) {
    .entry-contents-text { padding-right: 11.88%; }
}

@media all and (max-width: 1024px) {
    .entry-progress { margin-bottom: 6.4rem; }




    .entry-cert-wrap { padding: 4em 0; }
    /* .entry-cert-item { width: 16rem; height: 16rem; gap: 1.6rem; } */
    .entry-cert-form .form-inner { gap: 4rem; padding: 4rem 0; }

    .entry-notice .ds-table { margin-top: 2em; }

    .entry-info { margin-bottom: 4em; }
    .entry-info-wrap { padding: 0;   }
    .entry-info-nav { margin: 2em 0; padding: 1.6rem; padding-top: 0; border-bottom: 1px solid var(--color-border-extralight); }
    .entry-info-form .sub-title { display: block; }
    .entry-item-list { gap: 1em; padding: 1em 1em 2em; font-size: 1.6rem; border-radius: 0; }
    .entry-item-header { display: none; }
    .entry-info-form .btn-wrap { padding: 1.5em 0; }

    .entry-survey-form .form-inner { padding: 3em 2.4rem; }
    .entry-survey-item { padding: 3em 0; }
}

@media all and (max-width: 768px) {
    .entry-survey-info .layout-inner { flex-direction: column; gap: 1.6rem; }
    .entry-survey-info .survey-info-icon { width: 12.4rem; padding-bottom: 12.4rem; }
    .entry-survey-info .survey-info-desc { text-align: center; }
    .entry-survey-item .survey-item-list { flex-direction: column; gap: 1em; }
    .entry-survey-item .survey-item-list.grid { grid-template-columns: 1fr; gap: 1em; }
}

@media all and (max-width: 640px) {
    .entry-cert-wrap { flex-direction: column; gap: 2.4rem; }
    

    .entry-notice .section-heading { flex-direction: column-reverse; align-items: flex-start; gap: 2.3333em; }
    .entry-notice .section-heading .ds-btn { align-self: center; font-size: min(4.5vw, var(--font-size-body-xl)); }
}

@media all and (max-width: 500px) {
    .entry-progress .progress-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6rem; }
}


.modification-category-wrap { padding: 1em min(5.4%, 7.2rem) 4.5em; border-top: 1px solid var(--color-border-extralight); }
.modification-category { margin-top: 3em; }
.modification-category .title { margin-bottom: 0.8rem; font-size: var(--font-size-title-lg); font-weight: 700; color: var(--color-text-softlight); }
.modification-category .total { font-size: var(--font-size-body-xl); font-weight: 500; color: var(--color-text-point); line-height: 1.3; }
.modification-item-list { display: flex; flex-direction: column; gap: 1.5em; margin-top: 1.5em; }
.modification-item { display: flex; align-items: center; color: var(--color-text-light); font-size: var(--font-size-body-xl); font-weight: 500; line-height: 1.3; }
.modification-item .item-label { flex: 0 0 3.5em; }
.modification-item .ds-input.file { flex: 1; }
.modification-item .ds-input.file .file-name { max-width: none; }
.modification-item .date { flex: 0 0 28%; align-self: center; text-align: center; order: 2; }

@media all and (max-width: 1024px) {
    .modification-category-wrap { padding: 1em 1.6rem 4.5em; }
    .modification-category { margin-top: 3.5em; }
    .modification-item { flex-direction: column; align-items: stretch; gap: 0.5em; }
    .modification-item .item-label { flex: auto; }
    .modification-item .date { font-size: var(--font-size-body-lg); }
}

@media all and (max-width: 768px) {
    .modification-item-list { gap: 3.2rem; }
    .modification-item .ds-input.file { flex-wrap: wrap; }
    .modification-item .ds-input.file .ds-action-btn { flex-grow: 1; justify-content: center; padding-top: 0.875em; padding-bottom: 0.875em; }
    .modification-item .date { flex: 0 0 100%; margin-bottom: 1.5em; text-align: left; order: initial; }
}


/* 01_presentation */
.profile-info .profile-title { margin-bottom: 1em; font-size: var(--font-size-title-sm); font-weight: 500; color: var(--color-text-point); line-height: 1.3; }
.profile-info .profile-name { margin-bottom: 0.909em; font-size: var(--font-size-title-xxl); font-weight: 700; line-height: 1.3; }
.profile-info .profile-subtitle { font-size: var(--font-size-body-xl); font-weight: 700; color: var(--color-text-point); line-height: 1.7; }
.profile-info .profile-subtitle:first-of-type { margin-top: 0.8em; }
.profile-info p { font-size: var(--font-size-body-xl); font-weight: 500; color: var(--color-text-softlight); line-height: 1.7; }
.profile-section + .profile-section { margin-top: 4.5em; }
.profile-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2em; }
.profile-card { padding: 4em 6.84%; border-radius: var(--radius-md); border: 1px solid var(--color-border-medium); }
.profile-card .profile-img { margin-left: auto; margin-right: auto; margin-bottom: 4rem; width: 20.5rem; height: 20.5rem; background-color: #fff; border-radius: var(--radius-full); overflow: hidden; }

.profile-content.chief { padding: 11em 0; background-color: var(--color-warm-100); }
.profile-content.chief .profile-content-inner { display: flex; align-items: flex-start; gap: 9.5%; }
.profile-content.chief .profile-chief-img { flex: 40.5%; }
.profile-content.chief .profile-info { flex: 50%; }
.profile-content.chief .profile-info .profile-name { margin-bottom: 1.09em; }

.profile-content.main .profile-card { background-color: var(--color-warm-100); border-color: var(--color-warm-100); }


@media all and (max-width: 1024px) {
    .profile-list { grid-template-columns: 1fr; }
    .profile-card { padding: 4em 3.2rem; }
}

@media all and (max-width: 768px) {
    .profile-content.chief { padding: 6em 0; }
    .profile-content.chief .profile-content-inner { flex-direction: column; align-items: center; gap: 4rem; }
    .profile-content.chief .profile-chief-img,
    .profile-content.chief .profile-info { flex: auto; }
}

@media all and (max-width: 500px) {
    .profile-card .ws-nw { white-space: initial; }
}


.comment-content .sticky-section { gap: 4.96%; }
.comment-title { aspect-ratio: 390 / 560; display: flex; flex-direction: column; justify-content: space-between; gap: 0.5em; background-color: var(--color-warm-100); padding: 2.5em 2em; }
.comment-title-text { font-size: max(1.77vw, 2.4rem); color: #B8B0A7; font-weight: 700; }
.comment-title-icon { align-self: flex-end; width: 54.36%;  }
.comment-header { margin-bottom: 3em; }
.comment-position { margin-bottom: 1em; font-size: var(--font-size-title-sm); font-weight: 500; color: var(--color-text-point); }
.comment-name { font-size: var(--font-size-title-xxl); font-weight: 700; line-height: 1.3; }
.comment-body { font-size: var(--font-size-body-xl); color: var(--color-text-softlight); line-height: 1.7; }
.comment-subtitle { font-weight: 700; color: var(--color-text-normal); }
.comment-paragraph { text-indent: 0.6em;}
.comment-paragraph + .comment-paragraph { margin-top: 1.7em; }

@media all and (min-width: 1025px) {
    .comment-section .tab-nav { margin-bottom: 7em; }
}

@media all and (max-width: 1440px) {
    .comment-title-text { font-size: max(2.361vw, 2.4rem); }
}

@media all and (max-width: 1024px) {
    .comment-content .sticky-section { flex-direction: column; gap: 3.2rem; align-items: stretch; }
    .comment-content .sticky-section .sticky-area { aspect-ratio: initial; position: static; display: flex; flex: auto; padding: 3.2rem 3.2rem 1.6rem; }
    .comment-title-icon { max-width: 12rem; }
}

.presentation-award.banner-notice-wrap { margin-bottom: 5em; }
.presentation-award.banner-notice-wrap .banner-notice-desc { text-align: left; }

/* 03_introduce */
.introduce-info .media-viewport { position: sticky; top: 3.2rem; height: auto; max-height: none; aspect-ratio: 915 / 1287; }

@media all and (max-width: 1024px) {
    .introduce-info .media-contents-img { aspect-ratio: initial; }
}

.introduce-award.banner-notice-wrap .banner-notice-inner { justify-content: center; align-items: center; gap: 5.6rem; }
.introduce-award.banner-notice-wrap .banner-notice-icon { width: 18rem; padding-bottom: 18rem; }
.introduce-award.banner-notice-wrap .banner-notice-desc { flex: 0 0 auto; font-size: var(--font-size-title-xxl); }
.introduce-award-caption { margin-top: 1em; padding: 1.5em 0; }

@media all and (min-width: 1025px) { 
    .introduce-award.banner-notice-wrap { margin-bottom: 11em; }
}

.introduce-history-section { padding: 11em 0; background-color: #554539; color: #fff; }
.introduce-history-section .introduce-history-nav { display: flex; gap: 0.5em; justify-content: center; align-items: center; }
.introduce-history-section .history-nav-list { min-width: 14.25em; }
.introduce-history-section .history-nav-list .selectbox-btn { background-color: transparent; color: #fff; border-color: #fff; }
.introduce-history-section .history-nav-list .selectbox-btn:not(.active):hover { border-color: #fff; }
.introduce-history-section .history-nav-list .selectbox-btn:not(.active):after { filter: brightness(0) invert(1); }
.introduce-history-section .history-nav-list .selectbox-btn.active { border-bottom-color: transparent; border-radius: var(--radius-xl); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.introduce-history-section .history-nav-list .selectbox-list { top: 100%; }
.introduce-history-section .history-nav-list .selectbox-list .list-outer { border-top: 0; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
.introduce-history-section .history-nav-list.ds-input.selectbox.rounded .selectbox-list .history-nav-item { padding: 0.75em 1em; color: var(--color-text-normal); font-size: var(--font-size-body-md); }
.introduce-history-section .history-nav-item:focus-visible,
.introduce-history-section .history-nav-item.active { background-color: #fff; color: var(--color-text-normal); }
.introduce-history-title { margin-bottom: 1.2727em; font-size: var(--font-size-title-xxl); font-weight: 600; text-align: center; }
.introduce-history-contents { margin-top: 4.8rem; border-radius: var(--radius-xl); background-color: #00000066; overflow: hidden; }
.introduce-history-item { display: flex; }
.introduce-history-item:not(.active) { display: none; }
.introduce-history-item .history-img-slider { position: relative; flex: 590; aspect-ratio: 590 / 580; }
.introduce-history-item .history-img-slide img { width: 100%; height: 100%; object-position: center; object-fit: cover; }
.introduce-history-item .history-img-slider .pagination { position: absolute; width: auto; bottom: 2em; left: 50%; display: flex; gap: 0.5em; padding: 0.375em 0.5em; background-color: #fff; border-radius: var(--radius-full); transform: translateX(-50%); line-height: 1.2; z-index: 5; }
.introduce-history-item .history-img-slider .pagination .swiper-pagination-bullet { width: 0.5em; height: 0.5em; margin: 0; background-color: rgba(0 ,0 0, 0.2); }
.introduce-history-item .history-img-slider .pagination .swiper-pagination-bullet-active { background-color: var(--color-text-point); }
.introduce-history-item .history-detail { flex: 742; }
.introduce-history-item .history-detail .layout-inner { padding: 7.54% 4.3% 1.5em 8.6%; }
.introduce-history-item .history-detail-title { margin-bottom: 3.2rem; font-size: var(--font-size-title-lg); font-weight: 600; line-height: 1.5; }
.introduce-history-item .history-detail-item { display: flex; margin-bottom: 1.2rem; font-size: var(--font-size-body-lg); line-height: 1.3; }
.introduce-history-item .history-detail-item > * { flex-shrink: 1; }
.introduce-history-item .history-detail-item .item { flex: 0 0 10rem; color: var(--color-gray-200); }

@media all and (max-width: 1024px) {
    .introduce-history-section { margin: 8rem 0 0; padding: 8rem 0; }
    .introduce-history-item { display: block; }
    .introduce-history-item .history-detail .layout-inner { padding: 3.2rem 3.35%; }
}


/* 03_event */
.event-class-section { padding: 11em 0; background-color: #554539; color: #fff; }
.event-class-section .event-class-title { margin-bottom: 1.2727em; font-size: var(--font-size-title-xxl); font-weight: 600; text-align: center; }
.event-class-info { display: flex; flex-direction: column; gap: 3em; }
.event-class-info .info-item { display: flex; align-items: center; padding-right: 6.08%; background-color: rgba(0, 0, 0, 0.2); border-radius: var(--radius-lg); overflow: hidden; }
.event-class-info .info-img { align-self: stretch; flex: 0 0 28.55%; display: flex; flex-direction: column; }
.event-class-info .info-img img { flex: 1; aspect-ratio: 362 / 260; object-fit: cover; object-position: center; }
.event-class-info .info-text-wrap { align-self: stretch; display: flex; flex-direction: column; }
.event-class-info .info-text { flex: 1; padding: 2.5em 2.9167vw 3.5em 3.3333vw; }
.event-class-info .info-text + .info-text { padding-top: 0; }
.event-class-info .info-text .subtitle { margin-bottom: 0.75em; font-size: var(--font-size-title-lg); font-weight: 700; line-height: 1.5; }
.event-class-info .info-text .caption { margin-left: 0.5em; font-size: var(--font-size-body-lg); font-weight: 500; }
.event-class-info .info-text .desc { font-size: var(--font-size-body-lg); line-height: 1.3; }
.event-class-info .info-btn .ds-btn { padding: 0.5em; }
.event-class-info .info-btn .ds-btn .event-class-icon { width: 3em; height: 3em; background-image: url('/images/pages/03_event/icon_arrow_right.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; }

@media all and (max-width: 1024px) {
    .event-class-section { padding: 8rem 0; }
}

@media all and (max-width: 768px) {
    .event-class-info { gap: 2.4rem; }
    .event-class-info .info-item { flex-direction: column; align-items: stretch; padding-right: 0; }
    .event-class-info .info-img { flex: auto; }
    .event-class-info .info-text { padding: 2.4rem 1.6rem 3.2rem; }
    .event-class-info .info-btn { padding: 0 2.4rem 2.4rem; text-align: right;}
}

.event-mentor { display: flex; align-items: center; }
.event-mentor + .event-mentor { margin-top: 1.5em; }
.event-mentor .info-img { width: 20rem; height: 20rem; border-radius: var(--radius-full); overflow: hidden; }
.event-mentor .info-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.event-media-section { margin-top: 5em; padding-top: 6em; padding-bottom: 8em; background-color: var(--color-warm-100); }
.event-media-list { display: flex; flex-direction: column; gap: 3em; }
.event-media-item .video-wrap { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.event-media-item .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.event-media-title { margin-bottom: 1em; font-size: var(--font-size-title-lg); font-weight: 700; }
.event-media-desc { font-size: var(--font-size-body-xxl); line-height: 1.3; }

@media all and (max-width: 1024px) {
    .event-media-section { padding-top: 4rem; padding-bottom: 8rem; }
}

@media all and (max-width: 768px) {
    .event-mentor { flex-direction: column; }
    .event-media-section { margin-top: 0; }
}



/* 04_class */
.mentoring-board-nav { margin: 6em 0; }
.mentoring-board-nav ul { display: flex; gap: 1em 0.5em; justify-content: center; }
.mentoring-board-nav .mentoring-board-link { gap: 0.75em; padding: 0.5em 1.5em; font-size: min(1.25vw, var(--font-size-body-xxl)); white-space: nowrap; }
.mentoring-board-nav .mentoring-board-link .img-wrap { flex-shrink: 0; display: flex; justify-content: center; height: 1.5em; max-height: 1.5em; font-size: inherit; overflow: hidden; }
.mentoring-board-nav .mentoring-board-link .img-wrap img { height: 100%; max-height: 100%; object-fit: contain; }
.mentoring-list { border-top: 1px solid var(--color-border-black); }
.mentoring-list .list-row { display: grid; grid-template-columns: 20.27% repeat(4, 1fr); }

.mentoring-list .list-row:not(.list-header) { border-bottom: 1px solid var(--color-border-extralight); }
.mentoring-list .list-row:last-of-type { border-color: var(--color-border-black); }
.mentoring-list .cell { display: flex; justify-content: center; align-items: center; padding-top: 3.2rem; padding-bottom: 3.2rem; font-size: var(--font-size-body-xl); font-weight: 700; text-align: center; color: var(--color-text-light); line-height: 1.3; }
.mentoring-list .list-header { border-bottom: 1px solid var(--color-border-black); }
.mentoring-list .row-header { font-size: var(--font-size-body-xxl); }
.mentoring-list .class-mentor { display: flex; flex-direction: column; align-items: center; gap: 0.8em; }

.mentoring-list.board-list .list-row { grid-template-columns: 9% 55% 10% 10% 16%; }
.mentoring-list.board-list .cell.title { justify-content: flex-start; }

@media all and (max-width: 1440px) {
    .mentoring-board-nav .mentoring-board-link { font-size: clamp(1.8rem, 1.667vw, var(--font-size-body-xxl)); }
}

@media all and (max-width: 1024px) {
    .mentoring-board-nav { margin: 4em 0; }
    .mentoring-board-nav ul { display: grid; grid-template-columns: repeat(2, 1fr); }
    .mentoring-board-nav .mentoring-board-link { width: 100%; justify-content: space-between; }
}

@media all and (max-width: 768px) {
    .mentoring-board-nav .mentoring-board-link { padding: 0.5em 0.8em; }
    .mentoring-list .list-row { grid-template-columns: repeat(2, 1fr); gap: 3em 1.6rem; padding-bottom: 3em; }

    .mentoring-list .cell { padding: 0; }
    .mentoring-list .row-header { grid-column: span 2; padding-top: 3.2rem; }

    .mentoring-list.board-list .list-row { grid-template-columns: 40% 1fr 1fr 2fr; gap: 0.5em 2.4rem; padding: 1em 0; }
    .mentoring-list.board-list .list-header { display: none; }
    .mentoring-list.board-list .cell { padding: 0.8em 0; text-align: left; }
    .mentoring-list.board-list .cell:first-of-type { justify-content: flex-start; }
    .mentoring-list.board-list .cell:last-of-type { justify-content: flex-end; }
    .mentoring-list.board-list .cell.title { grid-column: span 4; order: 1; padding-top: 0; }
}

@media all and (max-width: 500px) {
    .mentoring-board-nav ul { grid-template-columns: 1fr; }
}

/* mentor-banner */
.mentoring-banner { margin-bottom: 11em; }
.mentoring-banner .banner-notice-inner { gap: max(1.6rem, 5.7%); }
.mentoring-banner-header { flex: 0 0 19.89%; align-self: stretch; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1em; padding: 0 1em; border-right: 1px solid #B8B0A7; }
.mentoring-banner-icon { width: 10.3rem; height: 10.3rem; display: flex; justify-content: center; align-items: center; }
.mentoring-banner-icon img { width: 100%; height: 100%; object-fit: contain; }
.mentoring-banner-title { font-size: var(--font-size-title-sm); font-weight: 700; color: #B8B0A7; text-align: center; line-height: 1.3; }
.mentoring-banner-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4em 1.6rem; flex: 1; }
.mentoring-banner-item { display: flex; gap: 1.5em; align-items: flex-start; }
.mentoring-banner-profile { width: 11rem; height: 11rem; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.mentoring-banner-profile img { width: 100%; height: 100%; object-fit: cover; }
.mentoring-banner-info { display: flex; flex-direction: column; gap: 0.5em; line-height: 1.3; }
.mentoring-banner-info .session { font-size: var(--font-size-title-sm); font-weight: 500; color: var(--color-text-point); }
.mentoring-banner-info .name { font-size: var(--font-size-title-lg); font-weight: 700; color: var(--color-text-normal); }
.mentoring-banner-info .work { font-size: var(--font-size-body-lg); font-weight: 500; color: var(--color-text-normal); }

.mentoring-notice-desc { margin-bottom: 2.4em; font-size: var(--font-size-body-xl); line-height: 1.3; }
.mentoring-notice .ds-info-title { align-self: flex-start; padding: 0.4em 0; }

.mentoring-board-list { margin-top: 11em; }
.mentoring-board-list .ds-pagination { margin-top: 3em; }
.mentoring-board-list .mentoring-board-title { display: flex; align-items: center; gap: 0.5em; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.mentoring-board-list .ds-table th,
.mentoring-board-list .ds-table td { padding-top: 3.2rem; padding-bottom: 3.2rem; border-bottom: 1px solid var(--color-border-extralight); }
.mentoring-board-list .ds-table tr:last-of-type th,
.mentoring-board-list .ds-table tr:last-of-type td { border-bottom: 1px solid var(--color-border-black); }

@media all and (min-width: 1025px) {
    .mentoring-banner .banner-notice-info { padding: 6em 0; }
}

@media all and (max-width: 1024px) {
    .mentoring-banner { margin-bottom: 4em; }
    .mentoring-banner-grid { width: 100%; }
    
    .mentoring-board-list { margin-top: 4em; }
}

@media all and (max-width: 768px) {
    .mentoring-banner-header { border-right: 0; }
    .mentoring-banner .banner-notice-inner { gap: 3.2rem; }
    .mentoring-banner-item { flex-direction: column; align-items: center; text-align: center; gap: 1em; }
    .mentoring-banner-profile { width: 8rem; height: 8rem; }
}

.board-mentor-reply { margin-top: 9em; }
.board-mentor-reply .qna-write-form .form-inner { gap: 1.5em; }
.board-mentor-reply .reply-list { margin-top: 5em; }
.board-mentor-reply .reply-list .reply-item { display: flex; align-items: center; gap: 3em; padding: 2.5em 0; border-top: 1px solid var(--color-border-black); border-bottom: 1px solid var(--color-border-black); font-size: var(--font-size-body-xl); line-height: 1.3; }
.board-mentor-reply .reply-list .reply-item .reply-content { flex: 1; }
.board-mentor-reply .reply-list .reply-item .reply-info { display: flex; justify-content: space-between; align-items: center; gap: 1em; }

@media all and (max-width: 768px) {
    .board-mentor-reply .reply-list .reply-item { flex-wrap: wrap; justify-content: flex-end; gap: 1em; padding: 2em 0; }
    .board-mentor-reply .reply-list .reply-item .reply-content { min-width: 100%;  }
}

/* 05_community */
.notice-list { margin-bottom: 3em; }
.notice-list-item {  font-size: var(--font-size-body-xl); line-height: 1.3; border-top: 1px solid var(--color-border-extralight); }
.notice-list-item .layout-inner { display: flex; gap: 1em; padding: 3.2rem 0; }
.notice-list-item .title { flex: 1; }
.notice-list-item .date { flex: 0 0 7em; }

@media screen and (max-width: 768px) {
    .notice-list { margin-bottom: 1em; }
    .notice-list-item .layout-inner { flex-direction: column; gap: 0.8rem; }
    .notice-list-item .date { flex: auto; font-size: var(--font-size-body-md); font-weight: 400; color: var(--color-text-extralight); }
}

.qna-banner.banner-notice-wrap .banner-notice-inner { justify-content: center; align-items: center; }
.qna-banner.banner-notice-wrap .banner-notice-desc { flex: 0 0 auto; font-size: var(--font-size-title-xl); }

@media screen and (min-width: 769px) {
    .qna-banner.banner-notice-wrap .banner-notice-inner { gap: 5.6rem; }   
}

.qna-list-header { display: flex; justify-content: space-between; align-items: center; gap: 1.6rem; margin-bottom: 3em; }
.qna-list-header .ds-form-item { flex: 1; flex-direction: row; justify-content: flex-end; }

.qna-list { display: flex; flex-direction: column; /* gap: 3em; */ }
.qna-list-item { display: flex; flex-direction: column; border-top: 1px solid var(--color-border-dark); font-size: var(--font-size-body-xxl); }
.qna-list-item .question,
.qna-list-item .answer { padding: 2em 0; }
.qna-list-item .question { cursor: pointer; }
.qna-list-item .answer { border-top: 1px solid var(--color-border-extralight); }
.qna-list-item .layout-inner { display: flex; gap: 1.5em; }
.qna-list-item .qna-list-type { aspect-ratio: 1 / 1; flex: 0 0 3em; align-self: flex-start; display: flex; justify-content: center; align-items: center; border-radius: var(--radius-full); background-color: var(--color-primary-500); font-weight: 700; color: var(--color-text-white); border: 1px solid var(--color-border-point) }
.qna-list-item .answer .qna-list-type { background-color: var(--color-gray-white); color: var(--color-text-point); }
.qna-list-item .qna-list-content { flex: 1; display: flex; align-items: flex-start; gap: 2em 0.8em; flex-wrap: wrap; padding-top: 0.5em; }
.qna-list-item .qna-list-content .author { flex: 0 0 6.5em; padding-top: 0.2em; color: #4D4E50; }
.qna-list-item .qna-list-content .title { flex: 1; padding-top: 0.1em; }
.qna-list-item .qna-list-content .status { padding: 0.75em 1.5em; font-size: var(--font-size-body-md); font-weight: 600; border-radius: var(--radius-full); border: 1px solid var(--color-border-dark); }
.qna-list-item .qna-list-content .status.completed { color: var(--color-text-point); border-color: var(--color-primary-500); }
.qna-list-item .qna-list-content .content { flex-basis: 100%; }

.qna-write-form .form-inner { display: flex; flex-direction: column; gap: 3.5em; margin-top: 1.5em; margin-bottom: 3em; padding: 4em 8.5%; border-radius: var(--radius-md); border: 1px solid var(--color-border-black); }

.qna-password-modal { max-width: 48rem; }
.qna-password-modal > .layout-inner { max-height: calc(40rem + calc(3 * var(--font-size-body-xl))); }
.qna-password-modal .modal-body { display: flex; flex-direction: column; justify-content: center; padding: 1em 0.75em; font-size: var(--font-size-body-xl); }
.qna-password-modal .modal-body .layout-inner { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1em; text-align: center; }
.qna-password-modal .modal-body .btn-wrap { align-self: stretch; }
.qna-password-modal .modal-body .ds-btn { width: 40%; justify-content: center; }

@media screen and (max-width: 1024px) {
    .qna-write-form .form-inner { padding: 3em 2.4rem; }

    .qna-list-item .question,
    .qna-list-item .answer { padding: 3.2rem 0; } 
    .qna-list-item .layout-inner { gap: 1em; }
    .qna-list-item .qna-list-type { flex: 0 0 2.8em; }
    .qna-list-item .qna-list-content { flex-direction: column; gap: 1.6rem; }
    .qna-list-item .qna-list-content .author,
    .qna-list-item .qna-list-content .title { flex: auto; padding-top: 0; }
    .qna-list-item .qna-list-content .content { flex-basis: auto; margin-top: 2em; }
}
@media screen and (max-width: 640px) {
    .qna-list-header { flex-direction: column; gap: 4rem; }
    .qna-list-header .ds-form-item { flex: auto; width: 100%; justify-content: center; }

    .qna-write-form .form-inner .d-flex { flex-direction: column; align-items: stretch; gap: 0.5em; }
}

.mentor-login-desc { margin-bottom: 1em; font-size: var(--font-size-title-md); font-weight: 700; line-height: 1.3; text-align: center; }
.mentor-login-form { max-width: 50rem; margin: auto; }
.mentor-login-form .form-inner { padding-top: 2.5em; padding-bottom: 2.5em; gap: 1.5em; text-align: center; }