@charset "euc-kr";

@import url("/common/css/design-system/foundation/fonts.css");

body {
    font-family: "Pretendard", sans-serif;
}

.eventWrap {width: 100%; position: relative; text-align: center;}
.eventWrap * {box-sizing: border-box;}
.eventWrap .inner {position: relative; width: 1080px; margin: 0 auto;}
.eventWrap .inner::after {content: ''; display: block; clear: both;}

/* evSection¿¡ lectureÀ» Æ÷ÇÔÇÑ °æ¿ì overflow visible */
.evSection:has(.lecture) { overflow-y: visible !important;overflow-x: clip !important; } 
.evSection.overview { overflow-y: visible !important;overflow-x: clip !important; } 
.evSection:has(.lecture) .lecture { padding-bottom: 0 !important; background: #fff } 
.evSection.overview .lecture { padding-bottom: 0 !important; background: #fff } 
.evSection .lecture .lecture_whtwrp { position: relative; } 
.evSection .lecture .end-dim { position: absolute; top:0; left:0; width: 100%; height:100%; display: flex; color:#fff; background: #000000b3; z-index: 1; align-items: center; justify-content: center; font-style: normal;}

/* ==========================================================================
    Comment Event
========================================================================== */

.pr-comment {text-align: left; padding: 40px; background: #FFF;}
.pr-comment-write {position: relative;}
.pr-comment-write .ds-field {position: relative;}
.pr-comment-write .ds-control {position: absolute; right: 0; bottom: 0;}
.pr-comment-write .ds-button-wrap {margin-top: 16px; justify-content: center;}
.pr-comment-write .ds-button {padding: 18px 60px; transition: .2s;}
.pr-comment-board {margin-top: 40px;}
.pr-comment-filter {display: flex; align-items: center; margin-bottom: 10px;}
.pr-comment-category {display: flex; align-items: center;}
.pr-comment-category > span + span::before {content: ""; display: inline-block; width: 2px; height: 2px; background-color: var(--brand-color-gray-200); border-radius: 50%; vertical-align: middle; margin: 0 4px;}
.pr-comment-category a {color: var(--brand-color-gray-700);; font-size: var(--text-body3-size); line-height: var(--text-body3-line-height); padding: 4px;}
.pr-comment-category a.is-active {color: var(--brand-color-gray-900); font-weight: 700;}
.pr-comment-mine {background-color: var(--brand-color-gray-50); color: var(--brand-color-gray-900); margin-left: auto;}
.pr-comment-mine.is-active {background-color: var(--brand-primary-blue); color: #FFF;}
.pr-comment-list {border-top: 1px solid var(--brand-color-gray-700);}
.pr-comment-item {padding: 16px; border-bottom: 1px solid var(--brand-color-gray-100); background: #FFF;}
.pr-comment-item.is-notice {background-color: var(--brand-tertiary-blue);}
.pr-comment-head {display: flex; justify-content: flex-start; align-items: center;}
.pr-comment-head .ds-button {min-width: 77px; margin-left: auto;}
.pr-comment-info {display: flex; justify-content: flex-start; align-items: center; gap: 6px;}
.pr-comment-info .ds-badge {background-color: var(--brand-primary-blue);}
.pr-comment-author {font-size: var(--text-body4-size); line-height: var(--text-body4-line-height); font-weight: 700;}
.pr-comment-date {font-size: var(--text-body5-size); line-height: var(--text-body5-line-height); color: var(--brand-color-gray-400);}
.pr-comment-content {font-size: var(--text-body3-size); line-height: var(--text-body3-line-height); color: var(--brand-color-gray-800); margin: 8px 0 0; overflow: hidden; word-break: break-word;}
.pr-comment-content.is-clamp {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.pr-comment-action {display: none; margin-top: 4px;}
.pr-comment-action.is-show {display: flex; justify-content: flex-end;}
.pr-comment-action .ds-text-button {color: var(--brand-primary-blue);}
.pr-comment-empty {text-align: center; padding: 52px 0; border-bottom: 1px solid var(--brand-color-gray-100); background: #FFF;}
.pr-comment-empty-icon {display: inline-block; margin-bottom: 10px;}
.pr-comment-empty-text {color: var(--brand-color-gray-600); font-size: var(--text-body4-size); line-height: var(--text-body4-line-height); font-weight: 500;}
.pr-comment .ds-pagination {margin-top: 30px;}

/* ==========================================================================
    sobang, sobangcampus Ä÷¯ ¿¹¿Üó¸®
========================================================================== */
.sobang .pr-comment-mine.is-active,
.sobangcampus .pr-comment-mine.is-active {background-color: var(--brand-secondary-red);}
.sobang .pr-comment-item.is-notice,
.sobangcampus .pr-comment-item.is-notice {background-color: var(--brand-tertiary-red);}
.sobang .pr-comment-info .ds-badge,
.sobangcampus .pr-comment-info .ds-badge {background-color: var(--brand-secondary-red);}
.sobang .pr-comment-action .ds-text-button,
.sobangcampus .pr-comment-action .ds-text-button {color: var(--brand-secondary-red);}

@media screen and (max-width: 1200px) {
    .eventWrap .inner {width: 96%;}
}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {
    /* ==========================================================================
        Comment Event
    ========================================================================== */

    .pr-comment {padding: 20px;}
    .pr-comment-write .ds-control {position: initial;}
    .pr-comment-write .ds-button {padding: 12px 38px;}
    .pr-comment-item {padding: 8px 12px;}
    .pr-comment-content.is-clamp{-webkit-line-clamp: 2;}
    .pr-comment .ds-pagination {margin-top: 20px;}
}
@media screen and (max-width: 576px) {}