/* =========================================================
   PLC60 TJ ADMISSION PAGE — STEP 1 RESPONSIVE CSS
   ========================================================= */

/* =========================================================
   PLC60 TJ ADMISSION PAGE
   ========================================================= */

/* =========================================================
   TJ PAGE — 본문 배경색
   ========================================================= */

.plc60-tj-page {
    background: #0089D1 !important;
    min-height: 100vh;
}

.plc60-tj-page .plc60-page-inner {
    width: min(1100px, 92%) !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 60px 0 80px !important;
}

.plc60-page-title {
    color: #ffd54f !important;
    text-align: center !important;
    font-size: 42px !important;
    font-weight: 800 !important;
    margin: 0 0 25px !important;
}

/* TJ 내부 메뉴 */
.plc60-tj-menu {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin: 0 auto 45px !important;
}

.plc60-tj-menu a {
    color: #ffffff !important;
    background: #244f87 !important;
    border: 1px solid #9fc4ec !important;
    border-radius: 30px !important;
    padding: 10px 22px !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.plc60-tj-menu a.active {
    background: #ffd54f !important;
    color: #0b2a50 !important;
    border-color: #ffd54f !important;
}


/* =========================================================
   OLD TJ CONTENT OVERRIDE
   ========================================================= */

.plc60-tj-content {
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    color: #ffffff !important;
    font-family: inherit !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

.plc60-tj-content,
.plc60-tj-content *,
.plc60-tj-content p,
.plc60-tj-content li,
.plc60-tj-content span,
.plc60-tj-content div {
    font-family: inherit !important;
}

.plc60-tj-content p,
.plc60-tj-content li {
    color: #ffffff !important;
    font-size: 17px !important;
    line-height: 1.75 !important;
}

.plc60-tj-content h1,
.plc60-tj-content h2,
.plc60-tj-content h3,
.plc60-tj-content h4 {
    color: #ffd54f !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

.plc60-tj-content h1 {
    font-size: 34px !important;
}

.plc60-tj-content h2 {
    font-size: 27px !important;
}

.plc60-tj-content h3 {
    font-size: 22px !important;
}

.plc60-tj-content h4 {
    font-size: 19px !important;
}

.plc60-tj-content a {
    color: #ffd54f !important;
    text-decoration: none !important;
}

.plc60-tj-content table {
    width: 100% !important;
    max-width: 100% !important;
    margin: 25px auto !important;
    border-collapse: collapse !important;
}

.plc60-tj-content td,
.plc60-tj-content th {
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    padding: 8px !important;
}

.plc60-tj-content th {
    font-weight: 700 !important;
}

.plc60-tj-content img {
    max-width: 100% !important;
    height: auto !important;
}

.plc60-tj-content .cBlock {
    max-width: 100% !important;
    margin: 30px auto !important;
}

/* =========================================================
   PLC60 TJ — FINAL CONTENT SIZE
   ========================================================= */

@media (min-width: 1101px) {

    .plc60-tj-content {
        width: 92% !important;
        max-width: 1100px !important;
        margin: 0 auto !important;

        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .plc60-tj-content p,
    .plc60-tj-content li {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .plc60-tj-content h1 {
        font-size: 32px !important;
    }

    .plc60-tj-content h2 {
        font-size: 26px !important;
    }

    .plc60-tj-content h3 {
        font-size: 21px !important;
    }

    .plc60-tj-content td,
    .plc60-tj-content th {
        font-size: 14px !important;
        padding: 7px !important;
    }
}

.plc60-tj-content .cBlock,
.plc60-tj-content .cBlock * {
    box-sizing: border-box !important;
}


/* =========================================================
   DESKTOP — 1101px 이상
   ========================================================= */

@media (min-width: 1101px) {

    .plc60-tj-page .plc60-page-inner {
        width: min(1180px, 94%) !important;
        max-width: 1180px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 60px 0 80px !important;
    }

    .plc60-tj-content {
        width: 100% !important;
        max-width: 1180px !important;
        font-size: 18px !important;
        line-height: 1.75 !important;
    }

    .plc60-tj-content p,
    .plc60-tj-content li {
        font-size: 18px !important;
        line-height: 1.75 !important;
    }

    .plc60-tj-content h1 {
        font-size: 40px !important;
        line-height: 1.3 !important;
    }

   .plc60-tj-content h2 {
    font-size: 30px !important;
    line-height: 1.35 !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

    .plc60-tj-content h3 {
        font-size: 24px !important;
    }

    .plc60-tj-content h4 {
        font-size: 20px !important;
    }

    .plc60-tj-content .cBlock {
        width: 100% !important;
        max-width: 1100px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .plc60-tj-content > div[style*="max-width"] {
        max-width: 950px !important;
    }

    .plc60-tj-content table {
        width: 100% !important;
        max-width: 1100px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .plc60-tj-content td,
    .plc60-tj-content th {
        font-size: 16px !important;
        line-height: 1.5 !important;
        padding: 9px !important;
    }

    .plc60-tj-content span {
        line-height: 1.6 !important;
    }
}





/* =========================================================
   PLC60 TJ — CONTENT WIDTH
   ========================================================= */

@media (min-width: 1101px) {

    .plc60-tj-page .plc60-page-inner {
        width: 94% !important;
        max-width: 1280px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .plc60-tj-content {
        width: 100% !important;
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

}

/* =========================================================
   PLC60 TJ — TRUE FLUID RESPONSIVE
   ========================================================= */



.plc60-tj-content p,
.plc60-tj-content li {
    font-size: clamp(14px, 1.05vw, 18px) !important;
    line-height: 1.7 !important;
}

.plc60-tj-content h1 {
    font-size: clamp(25px, 2.4vw, 40px) !important;
}

.plc60-tj-content h2 {
    font-size: clamp(21px, 1.8vw, 30px) !important;
}

.plc60-tj-content h3 {
    font-size: clamp(18px, 1.45vw, 24px) !important;
}

.plc60-tj-content table {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
}


/* =========================================================
   PLC60 TJ — FINAL RESPONSIVE LAYOUT
   ========================================================= */

.plc60-tj-page {
    background: #0089D1 !important;
    min-height: 100vh;
}

.plc60-tj-page .plc60-page-inner {
    width: 94% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: clamp(30px, 4vw, 60px) 0 70px !important;
}

.plc60-tj-content {
    width: 100% !important;
    max-width: 1150px !important;
    margin: 0 auto !important;

    font-size: clamp(14px, 1vw, 17px) !important;
    line-height: 1.7 !important;
}

.plc60-tj-content p,
.plc60-tj-content li {
    font-size: clamp(14px, 1vw, 17px) !important;
    line-height: 1.7 !important;
}

.plc60-tj-content h1 {
    font-size: clamp(25px, 2.4vw, 38px) !important;
}

.plc60-tj-content h2 {
    font-size: clamp(21px, 1.8vw, 29px) !important;
}

.plc60-tj-content h3 {
    font-size: clamp(18px, 1.4vw, 23px) !important;
}

.plc60-tj-content table {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.plc60-tj-content img {
    max-width: 100% !important;
    height: auto !important;
}


/* 1100px 이하 */
@media (max-width: 1100px) {

    .plc60-tj-page .plc60-page-inner {
        width: 92% !important;
        padding: 35px 0 50px !important;
    }

    .plc60-tj-content {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* 모바일 */
@media (max-width: 600px) {

    .plc60-tj-page .plc60-page-inner {
        width: 94% !important;
        padding: 25px 0 40px !important;
    }

    .plc60-tj-content {
        font-size: 15px !important;
    }

    .plc60-tj-content p,
    .plc60-tj-content li {
        font-size: 15px !important;
    }

    .plc60-tj-content table {
        font-size: 13px !important;
    }
}



/* =========================================================
   PLC60 TJ — ALL SUBPAGES SCALE CONTROL
   Fall / Winter / 1-on-1
   ========================================================= */

.plc60-tj-page,
.plc60-tj-page * {
    box-sizing: border-box;
}

.plc60-tj-page .plc60-page-inner {
    width: min(1200px, 94vw) !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* TJ 전체 본문 폭 */
.plc60-tj-page .plc60-tj-content {
    width: min(1150px, 100%) !important;
    max-width: 1150px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 제목 */
.plc60-tj-page .plc60-tj-content h1 {
    font-size: clamp(26px, 2.4vw, 38px) !important;
}

.plc60-tj-page .plc60-tj-content h2 {
    font-size: clamp(21px, 1.8vw, 30px) !important;
}

.plc60-tj-page .plc60-tj-content h3 {
    font-size: clamp(18px, 1.4vw, 23px) !important;
}

/* 본문 */
.plc60-tj-page .plc60-tj-content p,
.plc60-tj-page .plc60-tj-content li {
    font-size: clamp(14px, 1vw, 17px) !important;
    line-height: 1.7 !important;
}

/* 큰 박스 / 브랜치 박스 */
.plc60-tj-page .plc60-tj-content .cBlock,
.plc60-tj-page .plc60-tj-content > div {
    max-width: 100% !important;
}

/* 이미지 */
.plc60-tj-page img {
    max-width: 100% !important;
    height: auto !important;
}

/* 1100px 이하 */
@media (max-width: 1100px) {

    .plc60-tj-page .plc60-page-inner {
        width: 92% !important;
    }

    .plc60-tj-page .plc60-tj-content {
        width: 100% !important;
    }
}

/* 600px 이하 */
@media (max-width: 600px) {

    .plc60-tj-page .plc60-page-inner {
        width: 94% !important;
    }

    .plc60-tj-page .plc60-tj-content p,
    .plc60-tj-page .plc60-tj-content li {
        font-size: 15px !important;
    }
}


/* =========================================================
   PLC60 TJ — FINAL ALIGNMENT FIX
   ========================================================= */

/* 전체 TJ 페이지 */
.plc60-tj-page {
    background: #0089D1 !important;
}


/* ---------------------------------------------------------
   Course title / date / program — 가운데 정렬
   --------------------------------------------------------- */

.plc60-tj-page .plc60-tj-content {
    text-align: center;
}

/* 본문 설명은 읽기 좋게 다시 왼쪽 정렬 */
.plc60-tj-page .plc60-tj-content p {
    text-align: left;
}

/* 제목 계열은 가운데 */
.plc60-tj-page .plc60-tj-content h1,
.plc60-tj-page .plc60-tj-content h2,
.plc60-tj-page .plc60-tj-content h3,
.plc60-tj-page .plc60-tj-content h4 {
    text-align: center !important;
}


/* ---------------------------------------------------------
   Fairfax / McLean Branch
   밑줄 제거 + 내부 전체 가운데 정렬
   --------------------------------------------------------- */

.plc60-tj-page .branch-box {
    text-align: center !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}

.plc60-tj-page .branch-box a,
.plc60-tj-page .branch-box .branch-name {
    text-decoration: none !important;
    border-bottom: none !important;
}


/* Branch 이름 밑줄 강제 제거 */
.plc60-tj-page .branch-name {
    text-decoration: none !important;
    border-bottom: 0 !important;
}


/* ---------------------------------------------------------
   Enrollment / Tuition 영역
   박스 깨짐 방지 + 가운데 정렬
   --------------------------------------------------------- */

.plc60-tj-page .enroll-section {
    width: 100% !important;
    max-width: 100% !important;

    margin: 25px auto 40px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


/* Tuition */
.plc60-tj-page .enroll-section .tuition {
    text-align: center !important;
    width: 100% !important;
}


/* Enroll Now 버튼 */
.plc60-tj-page .enroll-section .enroll-btn,
.plc60-tj-page .enroll-section a.enroll-btn {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    max-width: 100% !important;

    margin: 10px auto !important;

    box-sizing: border-box !important;

    white-space: nowrap !important;
}


/* 혹시 버튼이 일반 링크로 되어 있는 경우 */
.plc60-tj-page .enroll-section a {
    margin-left: auto !important;
    margin-right: auto !important;
}


/* ---------------------------------------------------------
   기존 inline width 때문에 Enrollment 박스가 깨지는 것 방지
   --------------------------------------------------------- */

.plc60-tj-page .enroll-section * {
    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   모바일 / 작은 화면
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .plc60-tj-page .enroll-section {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .plc60-tj-page .enroll-section .enroll-btn,
    .plc60-tj-page .enroll-section a.enroll-btn {
        max-width: 90% !important;
    }

}

.plc60-tj-content h1:has(.courseDate) {
    color: #ffffff !important;
    text-align: center !important;
}

.plc60-tj-content h1:has(.courseDate) .courseDate {
    color: #ffffff !important;
}

/* =========================================================
   PLC-60 UNIVERSAL SCHEDULE TABLE — FINAL
   ========================================================= */

.plc60-tj-content table {
    width: 100% !important;
    max-width: 1100px !important;

    margin: 30px auto !important;

    border-collapse: collapse !important;
    border-spacing: 0 !important;

    table-layout: fixed !important;

    background: #ffffff !important;

    border: 2px solid #ffffff !important;
    border-radius: 10px !important;

    overflow: hidden !important;

    box-shadow: none !important;
}


/* =========================================================
   모든 셀 — 세로/가로 실선
   ========================================================= */

.plc60-tj-content table th,
.plc60-tj-content table td {
    border: 1px solid #b7c9d8 !important;

    padding: 10px 8px !important;

    text-align: center !important;
    vertical-align: middle !important;

    box-sizing: border-box !important;

    line-height: 1.4 !important;
}


/* =========================================================
   Fairfax / McLean 상단 Branch Header
   ========================================================= */

.plc60-tj-content table tr:first-child th:first-child,
.plc60-tj-content table tr:first-child td:first-child {
    background: #142b7a !important;
    color: #ffffff !important;

    font-weight: 700 !important;

    border-color: #ffffff !important;
}


/* McLean */

.plc60-tj-content table tr:first-child th:last-child,
.plc60-tj-content table tr:first-child td:last-child {
    background: #981d32 !important;
    color: #ffffff !important;

    font-weight: 700 !important;

    border-color: #ffffff !important;
}


/* =========================================================
   Class # 가운데
   ========================================================= */

.plc60-tj-content table tr:first-child th:nth-child(2),
.plc60-tj-content table tr:first-child td:nth-child(2) {
    background: #3d4859 !important;
    color: #ffffff !important;

    font-weight: 700 !important;

    border-color: #ffffff !important;
}


/* =========================================================
   Day / Date / Time Header
   ========================================================= */

.plc60-tj-content table tr:nth-child(2) th,
.plc60-tj-content table tr:nth-child(2) td {
    background: #dcecf7 !important;
    color: #0b2a50 !important;

    font-weight: 700 !important;

    border: 1px solid #8fb5cc !important;
}


/* =========================================================
   본문
   ========================================================= */

.plc60-tj-content table tr:nth-child(n+3) td {
    background: #eaf4fb !important;
    color: #0b2a50 !important;
    border: 1px solid #a9c7d9 !important;
}


/* 짝수 행 */
.plc60-tj-content table tr:nth-child(even) td {
    background: #dcecf7 !important;
}


/* 마우스 hover */
.plc60-tj-content table tr:hover td {
    background: #e5f3fc !important;
}


/* =========================================================
   링크 — Fairfax / McLean 밑줄 제거
   ========================================================= */

.plc60-tj-content table a {
    color: inherit !important;
    text-decoration: none !important;
}

.plc60-tj-content table a:hover {
    text-decoration: none !important;
}

/* Fairfax / McLean Branch - underline completely disabled */
.plc60-tj-content a[href*="FairfaxBranch"],
.plc60-tj-content a[href*="McLeanBranch"],
.plc60-tj-content a[href*="FairfaxBranch"]:hover,
.plc60-tj-content a[href*="McLeanBranch"]:hover,
.plc60-tj-content a[href*="FairfaxBranch"]:visited,
.plc60-tj-content a[href*="McLeanBranch"]:visited,
.plc60-tj-content a[href*="FairfaxBranch"]:focus,
.plc60-tj-content a[href*="McLeanBranch"]:focus {
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}
/* =========================================================
   시간 표시
   ========================================================= */

.plc60-tj-content table td {
    white-space: normal !important;
}


/* =========================================================
   바깥쪽 이중 박스 제거
   ========================================================= */

/*
   테이블을 감싸는 별도의 박스가 있다면
   테이블 자체만 깔끔하게 보이도록 합니다.
*/

.plc60-tj-content table {
    outline: none !important;
    box-shadow: none !important;
}


/* =========================================================
   Desktop
   ========================================================= */

@media (min-width: 1001px) {

    .plc60-tj-content table th,
    .plc60-tj-content table td {
        font-size: 15px !important;
        padding: 10px 8px !important;
    }
}


/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 1000px) {

    .plc60-tj-content table th,
    .plc60-tj-content table td {
        font-size: 14px !important;
        padding: 8px 6px !important;
    }
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 700px) {

    .plc60-tj-content {
        overflow-x: auto !important;
        width: 100% !important;
    }

    .plc60-tj-content table {
        width: 760px !important;
        min-width: 760px !important;
        max-width: none !important;

        margin: 25px 0 !important;
    }

    .plc60-tj-content table th,
    .plc60-tj-content table td {
        font-size: 13px !important;
        padding: 7px 5px !important;
    }
}

/* PC 기본 */
.mobile-time {
    display: none !important;
}

.desktop-time {
    display: inline !important;
}

/* 모바일 */
@media (max-width: 767px) {
    .desktop-time {
        display: none !important;
    }

    .mobile-time {
        display: inline !important;
    }
}

/* PLC-60 Fall Course Branch 이름 밑줄 제거 */
.plc60-tj-page .branch-card a,
.plc60-tj-page .branch-box a,
.plc60-tj-page .branch a {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}


/* 기본: 데스크톱 시간만 표시 */
.desktop-only {
    display: inline !important;
}

.mobile-only {
    display: none !important;
}

/* 모바일: 모바일 시간만 표시 */
@media screen and (max-width: 768px) {
    .desktop-only {
        display: none !important;
    }

    .mobile-only {
        display: inline !important;
    }
}


/* =========================================================
   PLC-60 Schedule Table - Clean Style
   ========================================================= */

.plc60-tj-page .sTbl.schedule {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #8fc4df !important;
    border-radius: 10px;
    overflow: hidden;
    background: #e8f4fa !important;
}

/* 모든 셀 */
.plc60-tj-page .sTbl.schedule th,
.plc60-tj-page .sTbl.schedule td {
    border-right: 1px solid #b7d4e3 !important;
    border-bottom: 1px solid #b7d4e3 !important;
    padding: 12px 10px !important;
    text-align: center;
    vertical-align: middle;
}

/* 마지막 세로선 제거 */
.plc60-tj-page .sTbl.schedule th:last-child,
.plc60-tj-page .sTbl.schedule td:last-child {
    border-right: none !important;
}

/* 마지막 가로선 제거 */
.plc60-tj-page .sTbl.schedule tr:last-child td {
    border-bottom: none !important;
}

/* Day / Date / Time 헤더 */
.plc60-tj-page .sTbl.schedule tr:nth-child(2) th {
    background: #d7eaf4 !important;
    color: #183b56 !important;
    font-weight: 700;
    border-top: 1px solid #8fc4df !important;
    border-bottom: 1px solid #8fc4df !important;
}

/* 데이터 행 */
.plc60-tj-page .sTbl.schedule tr:not(:first-child):not(:nth-child(2)) td {
    background: #e8f4fa !important;
    color: #183b56 !important;
}

/* 행 사이를 조금 더 깔끔하게 */
.plc60-tj-page .sTbl.schedule tbody tr:hover td {
    background: #dceff7 !important;
}

/* Class # */
.plc60-tj-page .sTbl.schedule th[rowspan="2"] {
    background: #374151 !important;
    color: #ffffff !important;
    border-left: 1px solid #8fc4df !important;
    border-right: 1px solid #8fc4df !important;
}

/* Fairfax / McLean 상단 */
.plc60-tj-page .sTbl.schedule th[colspan="3"] {
    padding: 14px 10px !important;
}

/* 모바일 */
@media (max-width: 768px) {
    .plc60-tj-page .sTbl.schedule th,
    .plc60-tj-page .sTbl.schedule td {
        padding: 8px 5px !important;
        font-size: 13px;
    }
}



/* =========================================================
   TJ Admission - Important Dates
   ========================================================= */

.plc60-tj-page .important-dates {
    max-width: 900px;
    margin: 40px auto 35px;
    background: #f4f9fc;
    border: 1px solid #b7d4e3;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

/* 제목 */
.plc60-tj-page .important-dates h2 {
    margin: 0;
    padding: 18px 24px;
    background: #173b70;
    color: #ffffff !important;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
}

/* 목록 */
.plc60-tj-page .important-dates ul {
    margin: 0;
    padding: 20px 35px 22px 55px;
    list-style: none;
}

/* 각 날짜 */
.plc60-tj-page .important-dates li {
    position: relative;
    margin: 0;
    padding: 9px 10px 9px 20px;
    color: #183b56;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    border-bottom: 1px solid #d6e6ee;
}

/* 마지막 줄 */
.plc60-tj-page .important-dates li:last-child {
    border-bottom: none;
}

/* 체크 표시 */
.plc60-tj-page .important-dates li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 9px;
    color: #159447;
    font-weight: 700;
}

/* SPS / Essay Writing 특별 강조 */
.plc60-tj-page .important-dates li.highlight,
.plc60-tj-page .important-dates li.sps-highlight {
    color: #e85d04 !important;
    font-size: 18px;
    font-weight: 700;
    background: #fff4df;
    border-radius: 7px;
    margin: 6px 0;
}

/* 강조 항목 체크표시 */
.plc60-tj-page .important-dates li.highlight::before,
.plc60-tj-page .important-dates li.sps-highlight::before {
    content: "★";
    color: #f5b400;
}

/* ---------------------------------------------------------
   모바일
   --------------------------------------------------------- */

@media (max-width: 768px) {

    .plc60-tj-page .important-dates {
        width: calc(100% - 24px);
        margin: 28px auto;
        border-radius: 10px;
    }

    .plc60-tj-page .important-dates h2 {
        padding: 14px 12px;
        font-size: 18px;
    }

    .plc60-tj-page .important-dates ul {
        padding: 14px 14px 16px 38px;
    }

    .plc60-tj-page .important-dates li {
        padding: 7px 5px 7px 14px;
        font-size: 14px;
    }

    .plc60-tj-page .important-dates li.highlight,
    .plc60-tj-page .important-dates li.sps-highlight {
        font-size: 15px;
    }
}



/* =========================================================
   TJ IMPORTANT DATES
   이 섹션에만 적용
   다른 TJ 섹션에는 영향 없음
   ========================================================= */

#tj-important-dates {
    width: 90%;
    max-width: 1100px;
    margin: 45px auto 40px auto;
    padding: 28px 35px 32px 35px;
    box-sizing: border-box;

    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.35);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.12);
}

/* 제목 */
#tj-important-dates .tjFingerTitle {
    margin: 0 0 25px 0;
    text-align: center;
    line-height: 1.3;
}

/* 날짜가 들어가는 박스 */
#tj-important-dates .whiteArea {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 20px 25px;
    box-sizing: border-box;

    /* 아주 옅은 하늘색 */
    background: #EAF6FC !important;

    border: 1px solid #C9E6F2;
    border-radius: 10px;

    /* 날짜 내용 왼쪽 정렬 */
    text-align: left !important;
}

/* 날짜 목록 */
#tj-important-dates ul.check {
    margin: 0;
    padding-left: 28px;
    text-align: left !important;
}

/* 각각의 날짜 */
#tj-important-dates ul.check li {
    margin: 11px 0;
    padding-left: 8px;
    line-height: 1.5;
    color: #17324d !important;
}

/* 날짜 안의 일반 텍스트도 어두운 색으로 */
#tj-important-dates ul.check li,
#tj-important-dates ul.check li b {
    color: #17324d !important;
}

/* ⭐ 중요한 날짜는 기존 오렌지색 유지 */
#tj-important-dates .tj-important-highlight {
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    color: #ff6a00 !important;
    padding: 4px 10px;
}


/* =========================================================
   모바일
   ========================================================= */

@media (max-width: 768px) {

    #tj-important-dates {
        width: 94%;
        margin: 30px auto;
        padding: 20px 14px 24px 14px;
        border-radius: 10px;
    }

    #tj-important-dates .tjFingerTitle {
        font-size: 22px;
        margin-bottom: 18px;
    }

    #tj-important-dates .fingerText {
        font-size: 20px;
    }

    #tj-important-dates .whiteArea {
        width: 100% !important;
        padding: 15px 12px;
        background: #EAF6FC !important;
    }

    #tj-important-dates ul.check {
        padding-left: 20px;
        text-align: left !important;
    }

    #tj-important-dates ul.check li {
        margin: 10px 0;
        line-height: 1.45;
        text-align: left !important;
    }

    #tj-important-dates .tj-important-highlight {
        font-size: 19px;
        padding: 3px 5px;
        text-align: left !important;
    }
}

/* =========================================================
   TJHSST CLASS OF 2031
   FINAL — 정확히 3개 링크만 제어
   ========================================================= */

/* 1. Applications Available
   → 노란색 박스 + 남색 글씨 */
#tj-application-box a:nth-of-type(1) {
    background: #ffc629 !important;
    background-color: #ffc629 !important;
    color: #17324d !important;
    font-weight: bold !important;
    text-decoration: none !important;
    display: inline-block !important;
    padding: 12px 28px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

#tj-application-box a:nth-of-type(1) *,
#tj-application-box a:nth-of-type(1)::before,
#tj-application-box a:nth-of-type(1)::after {
    color: #17324d !important;
    background: transparent !important;
    background-color: transparent !important;
    text-decoration: none !important;
}


/* 2. Official FCPS Admission Information
   → 노란색 글씨 + 배경 없음 */
#tj-application-box a:nth-of-type(2) {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffcc33 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    border: none !important;
}

#tj-application-box a:nth-of-type(2) *,
#tj-application-box a:nth-of-type(2)::before,
#tj-application-box a:nth-of-type(2)::after {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffcc33 !important;
    box-shadow: none !important;
}


/* 3. Official TJHSST Online Application Portal
   → 노란색 글씨 + 배경 없음 */
#tj-application-box a:nth-of-type(3) {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffcc33 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

#tj-application-box a:nth-of-type(3) *,
#tj-application-box a:nth-of-type(3)::before,
#tj-application-box a:nth-of-type(3)::after {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffcc33 !important;
    box-shadow: none !important;
}


/* =========================================================
   FCPS 링크에 혹시 남아 있는 노란 배경을 최종 차단
   ========================================================= */

#tj-application-box a[href*="jasonline.fcps.edu"]:not(:first-of-type),
#tj-application-box a[href*="jasonline.fcps.edu"]:not(:first-of-type) * {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

#tj-application-box a[href*="jasonline.fcps.edu"]:not(:first-of-type)::before,
#tj-application-box a[href*="jasonline.fcps.edu"]:not(:first-of-type)::after {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}


/* =========================================================
   TJHSST — KEY COMPONENTS
   Important Dates와 같은 외곽 박스
   ========================================================= */

#tj-key-components {
    width: 90% !important;
    max-width: 1230px !important;
    margin: 35px auto 40px auto !important;
    padding: 28px 40px 38px 40px !important;

    box-sizing: border-box !important;

    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.28) !important;
    border-radius: 18px !important;

    overflow: hidden !important;
}


/* 제목 */
#tj-key-components .tjFingerTitle {
    margin: 0 0 25px 0 !important;
    text-align: center !important;
}


/* 위의 4개 Key Components */
#tj-key-components .tj-key-list {
    width: 100% !important;
    margin: 0 0 28px 0 !important;
    padding: 0 !important;
    background: transparent !important;
}


#tj-key-components .tj-key-list ul {
    margin: 0 !important;
    padding-left: 35px !important;
}


#tj-key-components .tj-key-list li {
    margin-bottom: 12px !important;
}


/* 아래 설명 — Important Dates의 흰색 내부 박스 */
#tj-key-components .tj-key-details {
    width: 100% !important;
    margin: 0 !important;
    padding: 25px 35px !important;

    box-sizing: border-box !important;

    background: #eef8ff !important;
    background-color: #eef8ff !important;

    border-radius: 14px !important;

    color: #17324d !important;
    line-height: 1.5 !important;
}


#tj-key-components .tj-key-details ul {
    margin: 0 !important;
    padding-left: 28px !important;
}


#tj-key-components .tj-key-details li {
    margin-bottom: 15px !important;
    color: #17324d !important;
}


#tj-key-components .tj-key-details b {
    color: #17324d !important;
}


/* =========================================================
   WHY FAMILIES CHOOSE PRIME LEARNING CENTER
   ========================================================= */

#why-prime-learning-center {
    width: 90% !important;
    max-width: 1230px !important;
    margin: 35px auto 40px auto !important;
    padding: 28px 35px 38px 35px !important;

    box-sizing: border-box !important;

    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.28) !important;
    border-radius: 18px !important;

    overflow: hidden !important;
}


/* Why 제목 */
#why-prime-learning-center h2 {
    text-align: center !important;
    margin-top: 0 !important;
}


/* Why 안의 소제목 */
#why-prime-learning-center h3,
#why-prime-learning-center h4 {
    margin-top: 25px !important;
    padding-bottom: 10px !important;

    border-bottom: 1px solid rgba(23,50,77,0.35) !important;
}


/* Why 안의 리스트 */
#why-prime-learning-center ul {
    margin-top: 15px !important;
    padding-left: 35px !important;
}


/* Why 안의 문단 */
#why-prime-learning-center p {
    line-height: 1.6 !important;
}

#tj-key-components {
    background: #0F6177 !important;
    border: 3px solid #FFD54A !important;
    border-radius: 18px !important;
    padding: 30px !important;
    margin: 35px auto !important;
    width: 90% !important;
    box-sizing: border-box !important;
}

#tj-key-inner,
#tj-key-inner ul,
#tj-key-inner li,
#tj-key-inner b,
#tj-key-inner span,
#tj-key-inner p {
    color: #17324d !important;
}

/* Why Families Choose Prime Learning Center
   박스 내부 글씨 전체 흰색 */
#tj-why-families,
#tj-why-families p,
#tj-why-families li,
#tj-why-families ul,
#tj-why-families div,
#tj-why-families span,
#tj-why-families b,
#tj-why-families strong {
    color: #ffffff !important;
}

/* =========================================================
   WHY FAMILIES CHOOSE PRIME LEARNING CENTER
   전체 글씨 흰색
   ========================================================= */

#why-prime-learning-center,
#why-prime-learning-center p,
#why-prime-learning-center li,
#why-prime-learning-center ul,
#why-prime-learning-center div,
#why-prime-learning-center span,
#why-prime-learning-center b,
#why-prime-learning-center strong {
    color: #ffffff !important;
}

/* 소제목 밑 구분선은 은은하게 */
#why-prime-learning-center p[style*="border-bottom"] {
    border-bottom-color: rgba(255,255,255,0.35) !important;
}


/* TJ Schedule - 테이블 위쪽 불필요한 내부 가로선 제거 */
.plc60-tj-page .plc60-tj-content table {
    border-top: none !important;
}

.plc60-tj-page .plc60-tj-content table thead,
.plc60-tj-page .plc60-tj-content table thead tr,
.plc60-tj-page .plc60-tj-content table thead th {
    border-top: none !important;
}

/* =========================================================
   TJ FALL — FINAL VISUAL CLEANUP
   1) Schedule 외곽 박스 제거
   2) Intro paragraph 폭 통일
   3) Key Components 강조
   ========================================================= */


/* =========================================================
   1. SCHEDULE
   바깥 wrapper처럼 보이는 추가 박스 제거
   테이블 자체만 깔끔하게 유지
   ========================================================= */

/* Schedule을 감싸는 direct parent에 생긴 박스 효과 제거 */
.plc60-tj-page .plc60-tj-content > div:has(.sTbl.schedule),
.plc60-tj-page .plc60-tj-content > section:has(.sTbl.schedule) {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;

    padding: 0 !important;

    width: 90% !important;
    max-width: 1100px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* 테이블 자체는 그대로 */
.plc60-tj-page .sTbl.schedule {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    border: 1px solid #8fc4df !important;
    border-radius: 10px !important;

    box-sizing: border-box !important;
}



/* =========================================================
   2. "Our TJ Admission Prep program..."
   Important Dates 외곽선 안으로
   ========================================================= */

/* Schedule 바로 앞 설명문 */
.plc60-tj-page .tj-course-description,
.plc60-tj-page p.tj-course-description {
    width: 90% !important;
    max-width: 1100px !important;

    margin: 28px auto 35px auto !important;

    box-sizing: border-box !important;

    text-align: left !important;
    color: #ffffff !important;

    line-height: 1.7 !important;
}


/* 클래스가 없는 현재 HTML도 대응 */
.plc60-tj-page .plc60-tj-content > p {
    width: 90% !important;
    max-width: 1100px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}



/* =========================================================
   3. KEY COMPONENTS
   페이지 핵심 섹션으로 더 강하게 강조
   ========================================================= */

.plc60-tj-page #tj-key-components {
    width: 90% !important;
    max-width: 1100px !important;

    margin: 45px auto 50px auto !important;
    padding: 34px 38px 40px !important;

    box-sizing: border-box !important;

    /* Why Families와 확실히 구분되는 진한 배경 */
    background: #0b4f68 !important;

    /* 포인트 테두리 */
    border: 2px solid #ffd54a !important;
    border-radius: 18px !important;

    box-shadow:
        0 10px 24px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.10) !important;
}


/* Key Components 제목 */
.plc60-tj-page #tj-key-components .tjFingerTitle,
.plc60-tj-page #tj-key-components h2 {
    margin: 0 0 28px 0 !important;

    color: #ffd54a !important;

    text-align: center !important;

    font-weight: 800 !important;

    text-shadow: 0 2px 3px rgba(0,0,0,0.22);
}


/* 위 4개 핵심 항목 */
.plc60-tj-page #tj-key-components .tj-key-list {
    width: 100% !important;

    margin: 0 0 25px 0 !important;
    padding: 22px 28px !important;

    box-sizing: border-box !important;

    background: rgba(255,255,255,0.10) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 12px !important;
}


.plc60-tj-page #tj-key-components .tj-key-list li {
    color: #ffffff !important;

    margin: 10px 0 !important;

    font-weight: 600 !important;
}


/* 아래 설명 박스 */
.plc60-tj-page #tj-key-components .tj-key-details,
.plc60-tj-page #tj-key-components #tj-key-inner {
    width: 100% !important;

    margin: 0 !important;
    padding: 26px 32px !important;

    box-sizing: border-box !important;

    background: #eaf6fb !important;

    border-radius: 12px !important;

    color: #17324d !important;

    box-shadow: inset 0 0 0 1px rgba(23,50,77,0.08) !important;
}


/* 아래 설명 글씨 */
.plc60-tj-page #tj-key-components .tj-key-details li,
.plc60-tj-page #tj-key-components .tj-key-details b,
.plc60-tj-page #tj-key-components #tj-key-inner li,
.plc60-tj-page #tj-key-components #tj-key-inner b,
.plc60-tj-page #tj-key-components #tj-key-inner span {
    color: #17324d !important;
}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .plc60-tj-page .plc60-tj-content > div:has(.sTbl.schedule),
    .plc60-tj-page .plc60-tj-content > section:has(.sTbl.schedule),
    .plc60-tj-page .tj-course-description,
    .plc60-tj-page .plc60-tj-content > p,
    .plc60-tj-page #tj-key-components {
        width: 94% !important;
        max-width: 94% !important;
    }

    .plc60-tj-page #tj-key-components {
        padding: 24px 16px 28px !important;
    }

    .plc60-tj-page #tj-key-components .tj-key-list,
    .plc60-tj-page #tj-key-components .tj-key-details,
    .plc60-tj-page #tj-key-components #tj-key-inner {
        padding: 18px 16px !important;
    }
}

/* =========================================================
   TJ SCHEDULE — TABLE ONLY
   바깥 wrapper 박스 완전 제거
   ========================================================= */

/* Schedule 테이블을 직접 감싸는 부모 박스 제거 */
.plc60-tj-page .plc60-tj-content div:has(> table.sTbl.schedule),
.plc60-tj-page .plc60-tj-content section:has(> table.sTbl.schedule) {
    background: transparent !important;
    background-color: transparent !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;

    padding: 0 !important;

    overflow: visible !important;

    width: 90% !important;
    max-width: 1100px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}

/* 실제 테이블만 보이도록 */
.plc60-tj-page table.sTbl.schedule {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    background: #e8f4fa !important;

    border: 1px solid #8fc4df !important;
    border-radius: 10px !important;

    box-shadow: none !important;
    box-sizing: border-box !important;
}
/* =========================================================
   TJ SCHEDULE — OUTER WRAPPER BORDER 완전 제거
   테이블 자체 border만 유지
   ========================================================= */

/* 테이블을 감싸는 모든 상위 박스의 외곽선 제거 */
.plc60-tj-page .plc60-tj-content .schedule-wrap,
.plc60-tj-page .plc60-tj-content .schedule-box,
.plc60-tj-page .plc60-tj-content .table-wrap,
.plc60-tj-page .plc60-tj-content div:has(table.sTbl.schedule),
.plc60-tj-page .plc60-tj-content section:has(table.sTbl.schedule) {
    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;

    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;

    padding: 0 !important;
}


/* 실제 테이블만 남김 */
.plc60-tj-page table.sTbl.schedule {
    width: 100% !important;
    margin: 0 auto !important;

    border: 1px solid #8fc4df !important;
    border-radius: 10px !important;

    box-shadow: none !important;
}

/* =========================================================
   IMPORTANT DATES — 제목 세로 위치 조정
   바깥 테두리와 흰 박스 사이 중앙
   ========================================================= */

.plc60-tj-page #tj-important-dates {
    padding-top: 18px !important;
}

.plc60-tj-page #tj-important-dates .tjFingerTitle {
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    line-height: 1.25 !important;
}




/* =========================================================
   FINAL — WHY FAMILIES COLORS ONLY
   Keep the existing design/layout exactly as-is.
   Match the Important Dates color treatment only.
   ========================================================= */
#why-prime-learning-center {
    background: rgba(255,255,255,0.08) !important;
}

#why-prime-learning-center,
#why-prime-learning-center p,
#why-prime-learning-center li,
#why-prime-learning-center ul,
#why-prime-learning-center div,
#why-prime-learning-center span,
#why-prime-learning-center b,
#why-prime-learning-center strong,
#why-prime-learning-center h3,
#why-prime-learning-center h4 {
    color: #17324d !important;
}

#why-prime-learning-center h2 {
    color: #ffd54f !important;
}

/* =========================================================
   WHY FAMILIES — COLOR ONLY
   디자인/크기/위치/여백 변경 없음
   Important Dates 색상과 동일
   ========================================================= */

#why-prime-learning-center {
    background: #EAF6FC !important;
    border-color: #C9E6F2 !important;
}

/* 모든 글씨를 Important Dates와 같은 진한 남색으로 */
#why-prime-learning-center,
#why-prime-learning-center h2,
#why-prime-learning-center h3,
#why-prime-learning-center h4,
#why-prime-learning-center p,
#why-prime-learning-center li,
#why-prime-learning-center ul,
#why-prime-learning-center div,
#why-prime-learning-center span,
#why-prime-learning-center b,
#why-prime-learning-center strong {
    color: #17324d !important;
}

/* 기존 구분선도 밝은 배경에 맞게 */
#why-prime-learning-center p[style*="border-bottom"],
#why-prime-learning-center h3,
#why-prime-learning-center h4 {
    border-bottom-color: #C9E6F2 !important;
}














/* ---------------------------------------------------------
   모든 PLC60 내부 페이지의 기본 작업 영역
   --------------------------------------------------------- */



/* ---------------------------------------------------------
   모든 PLC60 내부 페이지의 기본 작업 영역
   --------------------------------------------------------- */



/* ---------------------------------------------------------
   모든 PLC60 내부 페이지의 기본 작업 영역
   --------------------------------------------------------- */

/* =========================================================
   PLC60 TJ — FINAL SINGLE MASTER WIDTH
   기준: #tj-important-dates 바깥 큰 박스
   Desktop: width 90%, max-width 1100px
   HTML 수정 없이 TJ 본문 정렬만 통일
   ========================================================= */

.plc60-tj-page .plc60-tj-content {
    width: 100% !important;
    max-width: 1223px !important; /* 90% child = about 1100px */
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Important Dates 자체의 기존 기준값을 최종 기준으로 고정 */
.plc60-tj-page #tj-important-dates {
    width: 90% !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* TJ 본문의 direct-child 섹션/박스/테이블을 모두 같은 외곽선에 맞춤 */
.plc60-tj-page .plc60-tj-content > div,
.plc60-tj-page .plc60-tj-content > section,
.plc60-tj-page .plc60-tj-content > article,
.plc60-tj-page .plc60-tj-content > table,
.plc60-tj-page .plc60-tj-content > .cBlock,
.plc60-tj-page .plc60-tj-content > .whiteArea,
.plc60-tj-page #tj-key-components,
.plc60-tj-page #why-prime-learning-center,
.plc60-tj-page #tj-top-specialist,
.plc60-tj-page #tj-ready,
.plc60-tj-page #tj-apply,
.plc60-tj-page #tj-eligibility {
    width: 90% !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* inline max-width가 있는 direct child도 같은 기준 */
.plc60-tj-page .plc60-tj-content > div[style*="max-width"],
.plc60-tj-page .plc60-tj-content > section[style*="max-width"],
.plc60-tj-page .plc60-tj-content > article[style*="max-width"] {
    width: 90% !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 박스 내부 요소는 부모 박스 안에서만 100% 사용 */
.plc60-tj-page .plc60-tj-content > div table,
.plc60-tj-page .plc60-tj-content > section table,
.plc60-tj-page .plc60-tj-content > article table,
.plc60-tj-page #tj-important-dates .whiteArea,
.plc60-tj-page #tj-key-components .whiteArea,
.plc60-tj-page #why-prime-learning-center .whiteArea,
.plc60-tj-page #tj-eligibility .whiteArea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Bootstrap negative row margins 제거 */
.plc60-tj-page .plc60-tj-content .row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

.plc60-tj-page .plc60-tj-content [class*="col-"] {
    box-sizing: border-box !important;
}

.plc60-tj-page .plc60-tj-content img {
    max-width: 100% !important;
    height: auto !important;
}

/* Tablet */
@media (max-width: 1100px) {
    .plc60-tj-page .plc60-tj-content {
        max-width: 100% !important;
    }

    .plc60-tj-page #tj-important-dates,
    .plc60-tj-page .plc60-tj-content > div,
    .plc60-tj-page .plc60-tj-content > section,
    .plc60-tj-page .plc60-tj-content > article,
    .plc60-tj-page .plc60-tj-content > table,
    .plc60-tj-page #tj-key-components,
    .plc60-tj-page #why-prime-learning-center,
    .plc60-tj-page #tj-top-specialist,
    .plc60-tj-page #tj-ready,
    .plc60-tj-page #tj-apply,
    .plc60-tj-page #tj-eligibility {
        width: 92% !important;
        max-width: 92% !important;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .plc60-tj-page #tj-important-dates,
    .plc60-tj-page .plc60-tj-content > div,
    .plc60-tj-page .plc60-tj-content > section,
    .plc60-tj-page .plc60-tj-content > article,
    .plc60-tj-page .plc60-tj-content > table,
    .plc60-tj-page #tj-key-components,
    .plc60-tj-page #why-prime-learning-center,
    .plc60-tj-page #tj-top-specialist,
    .plc60-tj-page #tj-ready,
    .plc60-tj-page #tj-apply,
    .plc60-tj-page #tj-eligibility {
        width: 94% !important;
        max-width: 94% !important;
    }
}

/* =========================================================
   WHY FAMILIES — MATCH ELIGIBILITY FINAL
   ========================================================= */

/* 바깥 섹션: Eligibility처럼 파란 배경 위 반투명 박스 */
.plc60-tj-page #why-prime-learning-center {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.35) !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.12) !important;
}

/* 기존 HTML 안에 또 하나 있는 wrapper는 박스 효과 제거 */
.plc60-tj-page #why-prime-learning-center > div {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* 제목 */
.plc60-tj-page #why-prime-learning-center h2 {
    color: #ffd54f !important;
}

/* 제목 아래 설명 */
.plc60-tj-page #why-prime-learning-center > div > p {
    color: #ffffff !important;
}

/* 실제 내용 영역만 Eligibility처럼 밝게 */
.plc60-tj-page #why-prime-learning-center .whiteArea {
    background: #EAF6FC !important;
    background-color: #EAF6FC !important;

    border: 1px solid #C9E6F2 !important;
    border-radius: 10px !important;

    color: #17324d !important;
}

/* 안쪽 모든 내용 진한 남색 */
.plc60-tj-page #why-prime-learning-center .whiteArea,
.plc60-tj-page #why-prime-learning-center .whiteArea p,
.plc60-tj-page #why-prime-learning-center .whiteArea li,
.plc60-tj-page #why-prime-learning-center .whiteArea b,
.plc60-tj-page #why-prime-learning-center .whiteArea strong,
.plc60-tj-page #why-prime-learning-center .whiteArea span,
.plc60-tj-page #why-prime-learning-center .whiteArea div {
    color: #17324d !important;
}

/* 구분선 */
.plc60-tj-page #why-prime-learning-center .whiteArea p[style*="border-bottom"] {
    border-bottom-color: #C9E6F2 !important;
}

/* Why Families 내용 박스 — 좌우 안쪽 여백 */
.plc60-tj-page #why-prime-learning-center .whiteArea {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* Key Components 위/아래 간격 최종 조정 */
.plc60-tj-page #tj-key-components {
    margin: 10px auto 25px auto !important;
}

/* =========================================================
   TJ FINAL STABILITY OVERRIDE — 2026-08-18
   Keep spacing + application links from being overridden
   ========================================================= */
.plc60-tj-page #tj-key-components {
    margin: 10px auto 25px auto !important;
}

#tj-application-box > div > a:first-of-type,
#tj-application-box a:nth-of-type(1) {
    display: inline-block !important;
    background: #FFC72C !important;
    background-color: #FFC72C !important;
    color: #0B1957 !important;
    padding: 10px 22px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

#tj-application-box a:nth-of-type(2),
#tj-application-box a:nth-of-type(3) {
    background: transparent !important;
    background-color: transparent !important;
    color: #FFD54A !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* WHY FAMILIES — 내용 왼쪽 정렬 복구 */
.plc60-tj-page #why-prime-learning-center .whiteArea,
.plc60-tj-page #why-prime-learning-center .whiteArea p,
.plc60-tj-page #why-prime-learning-center .whiteArea ul,
.plc60-tj-page #why-prime-learning-center .whiteArea li,
.plc60-tj-page #why-prime-learning-center .whiteArea div {
    text-align: left !important;
}

/* 리스트가 가운데로 모이지 않게 */
.plc60-tj-page #why-prime-learning-center .whiteArea ul {
    padding-left: 28px !important;
    margin-left: 0 !important;
}

/* 제목 아래 소제목들도 왼쪽 */
.plc60-tj-page #why-prime-learning-center .whiteArea p[style*="font-weight:bold"] {
    text-align: left !important;
}


/* =========================================================
   TJ SCHEDULE — DESKTOP TIME ALWAYS ONE LINE
   모바일은 기존 표시 유지
   ========================================================= */

@media (min-width: 601px) {

    .plc60-tj-page .sTbl.schedule td:nth-child(3),
    .plc60-tj-page .sTbl.schedule td:nth-child(7),
    .plc60-tj-page .sTbl.schedule th:nth-child(3),
    .plc60-tj-page .sTbl.schedule th:nth-child(7) {
        white-space: nowrap !important;
    }

    .plc60-tj-page .sTbl.schedule .desktop-only {
        display: inline !important;
        white-space: nowrap !important;
    }

    .plc60-tj-page .sTbl.schedule td {
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
}

@media (min-width: 601px) and (max-width: 1500px) {

    .plc60-tj-page .sTbl.schedule {
        table-layout: auto !important;
    }

    .plc60-tj-page .sTbl.schedule td:nth-child(3),
    .plc60-tj-page .sTbl.schedule td:nth-child(7) {
        min-width: 145px !important;
    }
}

/* =========================================================
   TJ TITLE VERTICAL ALIGNMENT ONLY — 2026-08-18
   ONLY heading vertical position. No colors, borders, links,
   widths, tables, mobile rules, or box styles are changed.
   ========================================================= */

/* Why Families — keep title at the top of its title area */
.plc60-tj-page #why-prime-learning-center h2 {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

/* Top 1% TJ Admission Prep Specialist — unique cBlock */
.plc60-tj-page .cBlock:has(.tutorModal) > h2 {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

/* Ready to Get Started — wrapper immediately before enrollBox */
.plc60-tj-page .plc60-tj-content > div:has(+ .enrollBox) > h2 {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

/* Apply to TJHSST and Decision Process — unique cBlock by link */
.plc60-tj-page .cBlock:has(a[href*="freshman-application-process"]) > h2 {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

/* Eligibility title immediately after Apply spacer */
.plc60-tj-page .cBlock:has(a[href*="freshman-application-process"]) + div + h2.tjFingerTitle {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

/* =========================================================
   TJ TITLE VERTICAL POSITION — PRECISE FINAL ADJUSTMENT
   ONLY moves the five requested headings upward.
   No other layout/color/link/table/mobile settings changed.
   ========================================================= */

.plc60-tj-page #why-prime-learning-center h2 {
    position: relative !important;
    top: -18px !important;
}

.plc60-tj-page .cBlock:has(.tutorModal) > h2 {
    position: relative !important;
    top: -18px !important;
}

.plc60-tj-page .plc60-tj-content > div:has(+ .enrollBox) > h2 {
    position: relative !important;
    top: -18px !important;
}

.plc60-tj-page .cBlock:has(a[href*="freshman-application-process"]) > h2 {
    position: relative !important;
    top: -18px !important;
}

.plc60-tj-page .cBlock:has(a[href*="freshman-application-process"]) + div + h2.tjFingerTitle {
    position: relative !important;
    top: -14px !important;
}

/* 노란색 안내 박스 — 위 테이블과 동일한 크기 */
@media (min-width: 1101px) {
    .scheduleNotice {
        width: 85% !important;
        max-width: 1330px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }
}

/* Students 문장과 Important Dates 박스 사이 간격 축소 */
@media (min-width: 1101px) {
    #tj-important-dates {
        margin-top: 15px !important;
    }
}

/* =========================================================
   TJ RESPONSIVE SWITCH — FINAL 2026-08-19
   1366px 이하에서는 기존 모바일 표시를 사용합니다.
   다른 PLC60 페이지에는 적용되지 않습니다.
   ========================================================= */

@media screen and (max-width: 1366px) {

    /* 겹쳐 보이던 PC용 시간 표기를 모두 숨김 */
    .plc60-tj-page .desktop-time,
    .plc60-tj-page .desktop-only,
    .plc60-tj-page .sTbl.schedule .desktop-only {
        display: none !important;
    }

    /* 모바일용 시간 표기만 하나 표시 */
    .plc60-tj-page .mobile-time,
    .plc60-tj-page .mobile-only,
    .plc60-tj-page .sTbl.schedule .mobile-only {
        display: inline !important;
    }

    /* 모바일용 일정표가 별도로 있는 경우 표 형태로 표시 */
    .plc60-tj-page table.mobile-only {
        display: table !important;
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
    }

    /* 일정표 셀은 모바일용 짧은 시간에 맞춰 정리 */
    .plc60-tj-page .sTbl.schedule {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
    }

    .plc60-tj-page .sTbl.schedule th,
    .plc60-tj-page .sTbl.schedule td {
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    /* Early Bird / Tuition / Enroll Now만 세로 정렬 */
    .plc60-tj-page .enroll-section,
    .plc60-tj-page .enrollBoxEarlyBird {
        width: 94% !important;
        max-width: 94% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .plc60-tj-page .enroll-section > *,
    .plc60-tj-page .enrollBoxEarlyBird > * {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    .plc60-tj-page .enroll-section img,
    .plc60-tj-page .enrollBoxEarlyBird img {
        width: auto !important;
        max-width: 190px !important;
        height: auto !important;
    }
}

@media screen and (min-width: 1367px) {

    /* 큰 PC에서는 기존 데스크톱 시간만 표시 */
    .plc60-tj-page .desktop-time,
    .plc60-tj-page .desktop-only,
    .plc60-tj-page .sTbl.schedule .desktop-only {
        display: inline !important;
    }

    .plc60-tj-page .mobile-time,
    .plc60-tj-page .mobile-only,
    .plc60-tj-page .sTbl.schedule .mobile-only {
        display: none !important;
    }

    .plc60-tj-page table.desktop-only {
        display: table !important;
    }
}

/* =========================================================
   PLC60 FOOTER — TEXT COLOR RESTORE ONLY
   푸터 구조/크기/간격은 변경하지 않습니다.
   ========================================================= */

footer,
footer p,
footer li,
footer span,
footer div,
footer strong,
footer b,
footer a,
#footer,
#footer p,
#footer li,
#footer span,
#footer div,
#footer a,
.footer,
.footer p,
.footer li,
.footer span,
.footer div,
.footer a,
.plc60-footer,
.plc60-footer p,
.plc60-footer li,
.plc60-footer span,
.plc60-footer div,
.plc60-footer a {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Footer brand line only — match the menu text above */
.plc60-footer .plc60-footer-brand {
    color: #183b6b !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}