@charset "utf-8";

/* 새글 스킨 (latest) */
.notice {position:relative;padding:15px 50px}
.notice h2 {margin-bottom:0px}
.notice h2 a {font-size:1.2em;color:#fff}
.notice li {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:1px solid #343434}
.notice li a, .notice li.empty_li {color:#e3e3e3;padding:11px 0;display:inline-block}
.notice li .lock_icon {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size: 12px;border:1px solid #a2c6ce;vertical-align:baseline}
.notice li .new_icon {display:inline-block;line-height:16px;width:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;margin-right:3px;border-radius:2px;vertical-align:baseline}
.notice .cnt_cm {background:#5c85c1;color:#fff;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space:nowrap;margin-left:5px}
.notice li.empty_li {border-bottom:0;line-height:120px}


/* FAQ 아코디언 스타일 */
.accordion-flush .accordion-item {
    border-bottom: 1px solid #e5e7eb;
}

.accordion-flush .accordion-item:last-child {
    border-bottom: none;
}

.accordion-button {
    background-color: #fff;
    padding: 1.25rem 1rem;
    text-align: left;
}

.accordion-button:not(.collapsed) {
    background-color: #f8f9fa;
    color: #212529;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: transparent;
}

.accordion-button h6 {
    font-size: 1rem;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    letter-spacing: 0.075em;
    word-spacing: 0.1em;
    line-height: 1.5;
}

.accordion-body {
    padding: 1.5rem;
    border-top: 1px solid #e5e7eb;
}

.badge {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
}

.form-check-input {
    cursor: pointer;
    margin-top: 0;
}

/* 간격 조정 */
.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

/* 반응형 */
@media (max-width: 768px) {
    .accordion-button {
        padding: 1rem 0.75rem;
    }
    
    .accordion-button h6 {
        font-size: 0.95rem;
    }
    
    .accordion-button .small {
        font-size: 0.8rem;
    }
}