/* Overriding */
.exam-select { width: 150px; }
.exam-select-cont-div { width: 150px; max-height: 200px; overflow-y: auto}
.big-category-filter { width: 300px; }
.big-category-filter p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 90%; }
.exam-select-content-div { display: flex; flex-wrap: wrap; justify-content: flex-end}
#examTable tbody tr td:nth-child(2) > div { white-space: initial; }
#exam { flex: 1; padding: 185px 10% 90px 10%; }
#examRegister { padding: 185px 15% 50px 15%; }
#examTable { font-size: 1rem; }
#examTable>:not(caption)>*>* { padding: 10px 10px; }
.exam-btn-div { right: 0; bottom: 0; }
.page-nation .exam-btn-div { bottom: 50%; transform: translate(0%, 50%); position: absolute; }
.exam-write-btn { display: flex; font-size: 1rem; width: 80px; }
.exam-list-btn { margin: 0 1rem; }
#examView .exam-btn-div { margin-top: 2rem; }
#examView .exam-view-div { border-top: 1px solid grey; margin-top: 2rem; }
.exam-view-btn-div { margin-bottom: 4rem; }
.exam-view-foot-div { border-top: none; margin-top: 0; }
.exam-view-foot-right { display: flex; align-items: center; cursor: pointer; height: auto; }
.exam-view-foot-right:hover {  font-weight: 700; }
.page-nation .page-info { left: 0; right: auto; text-align: left; }
.inq-text-div { display: block; margin-bottom: 1rem; }
.inq-text-p-div { margin-top: 1rem; margin-bottom: 2rem; }
#mainFrm label {  font-weight: 700; }
.radio-group { display: flex; align-items: center; }
.radio-label { margin-right: 20px; margin-bottom: 0; font-size: 16px; line-height: 1; cursor: pointer; }
.radio-input { margin-right: 10px; margin-bottom: 2px; appearance: none; width: 20px; height: 20px;
    border: 2px solid #ccc; border-radius: 50%; outline: none; cursor: pointer; }
.radio-input:checked { background: var(--color-new-orange); border-color: var(--color-new-orange); }
.radio-input:checked::after { content: ""; display: block; width: 10px;
    height: 10px; border-radius: 50%; background-color: white; position: relative;
    top: 50%; left: 50%; transform: translate(-50%, -50%); }
.question-empty-div { display: none; justify-content: center; color: #8A8A8A}

/* switch button */
.form-switch { padding-left: 60px; }
.form-switch .form-check-input { width: 50px; height: 25px; margin-left: -60px; cursor: pointer; }
.form-switch .form-check-label { font-size: 20px;  font-weight: 700; line-height: 1.6; }

body { margin: 0; flex-direction: column; min-height: 100vh; display: flex; }
.question-reply { margin-top: 4rem; }
.question-reply > label { font-weight: 700; font-size: 1.5rem; border-bottom: 2px solid #222;
    margin-bottom: 2rem; width: 100%; }
.position-middle { bottom: 50%; transform: translate(0%, 50%); }
.padding-in-text { padding: 0 .75rem; }

.post-edit, .reply-edit {
    background-color: var(--color-new-orange);
}
.post-edit:hover, .reply-edit:hover{
    background-color: var(--color-new-orange-active);
}

.post-delete, .reply-delete{
    background-color: #9a9a9a;
}
.post-delete:hover, .reply-delete:hover{
    background-color: #8e8d8c;
}

@media (max-width: 1279px) {
    .position-middle { bottom: -45px; transform: translate(0%, 50%); }
}

/* 미디엄 디바이스용 스타일 */
@media (min-width: 768px) and (max-width: 991px) {
    #exam { padding: 135px 15% 90px 15%; }
}

/* 스몰 디바이스용 스타일 */
@media (max-width: 767px) {
    #exam { padding: 115px 5% 120px 5%; }
    #examTable tbody { font-size: 0.9rem; }
    #examTable colgroup col:nth-child(2) { width: 50% }
    #examTable colgroup col:nth-child(3) { width: 20% }
    #examTable colgroup col:nth-child(4) { width: 20% }
    .question-post-tr td:nth-child(2) { text-align: start; }
    .exam-select-cov-div { margin-right: 1rem; }
    .page-nation .exam-btn-div { position: relative; float: right; }
    #examTable th:first-child { white-space: nowrap; }
    #examRegister { padding: 115px 3% 200px 3%; }
    #mainFrm .radio-group {display: block}
    .exam-select-content-div {justify-content: normal}

}