/* 전체 컨테이너 */

.part_confirm_content .sub_tit_wrap.type03 { flex-direction: row; }
.part_confirm_content .sub_tit_wrap.type03 p { margin-top: 6px; }


/* 테이블 기본 */
.SRStatusCont table { width: 100%; border-collapse: collapse; font-size: 15px; }

/* 종목 제목 */
.SRStatusCont thead tr:first-child th,
.SRStatusCont>div { background: #fafafa; font-size: 18px; font-weight: 700; padding: 16px 20px; color: #333; text-align: left; border-bottom: 1px solid #e6e8eb; font-size: 18px; }
.SRStatusCont>div + em { display: inline-block; padding: 4px 20px 10px; font-weight: 500; color: #999; font-size: 16px; }

/* 컬럼 헤더 */
.SRStatusCont thead tr:nth-child(2) th { background: #f4f6f8; color: #555; font-weight: 600; padding: 12px 20px; border-bottom: 1px solid #e6e8eb; font-size: 17px; }

/* 바디 셀 */
.SRStatusCont tbody td { padding: 12px 20px; border-bottom: 1px solid #f0f1f3; vertical-align: middle; color: #555; font-size: 16px; line-height: 24px; }

/* 마지막 줄 제거 */
.SRStatusCont tbody tr:last-child td { border-bottom: none; }
.SRStatusCont td { border: none; }

/* 이름 강조 */
.SRStatusCont td.notranslate { font-weight: 600; }

/* 기록 */
.SRStatusCont td[align="right"] { color: #111; text-align: left; }

/* Status / Confirmation 공통 */
.SRStatusCont td:nth-child(4),
.SRStatusCont td:nth-child(5) { font-weight: 600; text-transform: capitalize; }

/* accepted */
.SRStatusCont td:nth-child(4) { color: #2e7d32; }

/* confirmed */
.SRStatusCont td:nth-child(5) { color: #1565c0; }

/* scratched */
.SRStatusCont td:nth-child(5):contains("scratched") { color: #c62828; }

/* 통계 행 */
.SRStatusCont td.stats { text-align: right; padding: 12px 16px; font-size: 15px; color: #999; font-style: normal; }

/* hover 효과 */
/* .SRStatusCont tbody tr:hover { background: #f8f8f8; }

.SRStatusCont tbody tr:hover td.stats { background: unset; } */

.SRStatusMenu span { color: #555; }

#myRegStatus { display: flex; align-items: flex-start; }
#myRegStatusCont:has(div),
#myRegStatusCont:has(table){ padding: 16px; flex: 1; background: #fff; border-radius: 10px; box-shadow: 0px 0px 7px rgba(0 0 0 / 15%); overflow: auto; }
.SRStatusCont thead:first-child th[colspan] { padding: 16px 20px; }

/* ===== 전체 메뉴 ===== */
#myRegStatusMenu { margin-right: 30px; padding: 14px 26px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 7px rgba(0 0 0 / 15%); color: #333; font-size: 16px; border-right: none; }

/* ===== 종목 그룹 ===== */
#myRegStatusMenu > div { border-bottom: 1px solid #eceef1; }
#myRegStatusMenu > div:last-child { border-bottom: none; }

/* 종목명 */
#myRegStatusMenu > div > span { display: block; font-weight: 700; font-size: 15px; padding: 10px 12px; border-radius: 10px; cursor: pointer; background: #f7f8fa; }
#myRegStatusMenu > div > span:hover { background: #eef2ff; }

/* ===== 연령대 영역 ===== */
#myRegStatusMenu [data-item] { margin-left: 0; }

/* 연령대 텍스트 */
#myRegStatusMenu [data-item] > span { display: block; margin: 6px 0; padding: 6px 10px; font-weight: 600; background: #f1f3f6; border-radius: 5px; font-size: 15px; }

/* ===== 성별 버튼 그룹 ===== */
#myRegStatusMenu [data-division] { margin-left: 12px; }

/* 성별 버튼 */
#myRegStatusMenu [data-division] span { margin-bottom: 6px; padding: 5px 10px; border-radius: 5px; font-size: 12px; font-weight: 600; background: #fff; border: 1px solid #dfe3e8; color: #555; cursor: pointer; transition: all .15s ease; font-size: 15px; }

/* hover */
#myRegStatusMenu [data-division] span:hover { background: #f8f8f8; color: #333; }
#myRegStatusMenu span { padding: 6px 0; transition: .2s; }

.SRStatusMenu span:hover { background: none; text-decoration: underline; }


/* ===== 반응형 ===== */

@media screen and (max-width: 1023px) {

    .part_confirm_content .sub_tit_wrap.type03 { margin-bottom: 8px; }
}
@media screen and (max-width: 839px) {

.part_confirm_content .sub_tit_wrap.type03 { margin-bottom: 2px; }
.part_confirm_content .sub_tit_wrap.type03 p { margin-top: 0; }

#myRegStatusMenu { margin-right: 20px; padding: 10px 14px; }
.SRStatusMenu>div>div>span { font-size: 15px; }
#myRegStatusMenu [data-item] > span,
#myRegStatusMenu [data-division] span{ font-size: 14px; }

.SRStatusCont thead:first-child th[colspan],
.SRStatusCont thead tr:first-child th,
.SRStatusCont>div { padding: 12px 14px; font-size: 15px; }
.SRStatusCont>div + em { padding: 0px 16px 6px; font-size: 14px; }

#myRegStatusCont:has(div), #myRegStatusCont:has(table) { padding: 12px; }
.SRStatusCont thead tr:nth-child(2) th { padding: 8px 16px; font-size: 14px; }
.SRStatusCont tbody td { padding: 10px 16px; font-size: 14px; line-height: 20px; }

}
