/* ==========================
COMMON
========================== */
:root {
    --key-color: #2C5BF6;
    --font-color: #333;
}

/* clamp(MINpx, calc(MINpx + (MAX - MIN) * ((100vw - 360px) / 840)), MAXpx);
 */

 *[class^="cont0"] { padding: 60px 0; }
.inner {overflow: hidden;width: 100%;max-width: 1024px;margin: 0 auto;}

h3 span { display: block; color: #555; text-align: center; font-size: 28px; font-weight: 400; line-height: 1.3; letter-spacing: -0.28px; }
h3 strong { color: var(--font-color); text-align: center; font-size: 32px; font-weight: 800; line-height: 1.3; letter-spacing: -0.32px; margin-top: 6px; }

.c-txt { font-size: 14px; color: #666; line-height: 1.5; font-weight: 300; text-align: left; padding-left: 32px;letter-spacing: -0.14px; }
.r-txt { font-size: 14px; color: #666; line-height: 1.5; font-weight: 300; text-align: right; letter-spacing: -0.14px;margin-top: 40px; }


/* ==========================
VISUAL
========================== */
.visual-wrap {position: relative;overflow: hidden;background: url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/learning/v_bg.png") no-repeat 0 0 / cover;background-position: top center;}
.visual-wrap .visual { padding-top: 90px; text-align: center; }
.visual-wrap .visual h4 { margin-top: 40px;}
.visual-wrap .visual h4 span { color: #333;font-size: 22px;font-weight: 400;letter-spacing: -0.22px;display: block;}
.visual-wrap .visual h4 span:first-of-type {margin-bottom: 20px;}
.visual-wrap .visual .v-obj {margin-top: 20px;}

/* ==========================
v-cont01
========================== */
.v-cont { margin: 20px 0 85px;}
.v-cont h3 span { margin:60px 0 40px;color: #222;text-align: center;font-size: 32px;font-weight: 700;line-height: 130%;letter-spacing: -0.64px;}
.v-cont h3:first-of-type span {margin-top: 0;}

.schedule-table-wrap{width:100%}
.schedule-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;text-align:center;background:#fff;border-radius:5px;overflow:hidden}
.schedule-table th,.schedule-table td{padding:10px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.schedule-table tbody tr th {border-left:1px solid #e5e5e5}
.schedule-table thead tr th{border-top:1px solid #e5e5e5}
.schedule-table thead th{background:var(--key-color);color:#fff;font-weight:600;text-align:center;font-size:16px;line-height:normal;letter-spacing:-0.8px}
.schedule-table tbody th{background:#F1F3F8;color:#222;text-align:center;font-size:16px;font-weight:600;line-height:normal;letter-spacing:-0.8px}
.schedule-table tbody tr td:first-of-type{text-align:center;background:#F8F8F8;color:#222;font-size:16px;font-weight:600;line-height:normal;letter-spacing:-0.8px}
.schedule-table thead tr th:first-child{border-top-left-radius:5px}
.schedule-table thead tr th:last-child{border-top-right-radius:5px}
.schedule-table tbody tr:last-child th:first-child{border-bottom-left-radius:5px}
.schedule-table tbody tr:last-child td:last-child{border-bottom-right-radius:5px}

.col1{width:10%;}
.col2{width:17%;}
.dot{display:inline-block;width:6px;height:6px;background:#222;border-radius:50%;margin:0 2px}


.inner_slider { position: relative; width: 100%; max-width: 1024px; margin: 0 auto; box-sizing: border-box; }
.inner_slider .swiper-wrapper { align-items: center; }
.inner_slider .swiper-slide { position: relative; width: 330px; height: auto; flex-shrink: 0; opacity: 1; border-radius: 20px; overflow: visible; transition: opacity .35s ease; transform-origin: center center; will-change: auto; }
.inner_slider .swiper-slide img { position: relative; z-index: 2; display: block; width: 100%; height: auto; border-radius: 10px; will-change: auto; backface-visibility: visible; transform: none; image-rendering: -webkit-optimize-contrast; }
.inner_slider .swiper-slide a {position: absolute;left: 34px;bottom: 40px;width: 88px;    height: 28px; z-index: 4;}

.inner_slider .swiper-pagination { position: relative; width: 100%;max-width: 1022px; height: 5px; margin: 48px auto 0; background: #DBDBDB; border-radius: 999px; overflow: hidden; display: flex; }
.inner_slider .swiper-pagination .swiper-pagination-bullet { flex: 1 1 0; height: 100%; margin: 0 !important; border-radius: 0; background: transparent; opacity: 1; position: relative; }
.inner_slider .swiper-pagination .swiper-pagination-bullet::before { content: ""; position: absolute; inset: 0; background: transparent; transition: background .25s ease; }
.inner_slider .swiper-pagination .swiper-pagination-bullet-active::before { background: #111111; border-radius: 999px; }



/* ====================================================
   RESPONSIVE (Media Queries)
==================================================== */

/* ÅÂºí¸´ ÀÌÇÏ (1199px ÀÌÇÏ) */
@media (max-width:1199px){
    .visual-wrap{padding:0;background:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/learning/v_bg_ta.png") no-repeat 0 0 / cover;background-position:top center}
    .cont01 .inner{max-width:unset;padding:0 3%;overflow:visible}

    /* Å×ÀÌºí °íÁ¤ */
    .schedule-table-wrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:40px}
    .schedule-table-wrap::-webkit-scrollbar{height:5px}
    .schedule-table-wrap::-webkit-scrollbar-track{background:#DBDBDB;border-radius:999px}
    .schedule-table-wrap::-webkit-scrollbar-thumb{background:#111;border-radius:999px}
    .schedule-table{min-width:1200px;border-collapse:separate;border-spacing:0;overflow:visible !important}
    .schedule-table thead th:first-child{position:sticky;left:0;z-index:6;background:var(--key-color)}
    .schedule-table tbody th{position:sticky;left:0;z-index:4;background:#F1F3F8}
    .schedule-table tbody td:first-of-type{position:sticky;left:80px;z-index:3;background:#F8F8F8}
    .schedule-table tbody th,.schedule-table tbody td:first-of-type{box-shadow:1px 0 0 #e5e5e5}

    .col1{width:80px;}
    .col2{width:140px;}

    .r-txt{margin-top:20px}
    .inner_slider{max-width:unset;padding:0 16px 50px;position:relative}
    .inner_slider .swiper-pagination{width:calc(100% - 32px);box-sizing:border-box;margin:40px auto 0}

}

/* ¸ð¹ÙÀÏ ÀÌÇÏ (767px ÀÌÇÏ) */
@media (max-width: 767px) {
    img {width: 100%;}
    .v-cont {margin: clamp(20px, calc(20px + (90 - 20) * ((100vw - 360px) / 840)), 90px) 0 0;}
    .v-cont h3 span {margin-bottom: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / 840)), 40px);font-size: clamp(24px, calc(24px + (32 - 24) * ((100vw - 360px) / 840)), 32px);}
    .visual-wrap {background: url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/learning/v_bg_mo.png") no-repeat 0 0 / cover;background-position: top center;}
    .visual-wrap .visual {padding-top:  clamp(60px, calc(60px + (90 - 60) * ((100vw - 360px) / 840)), 90px);}
    .visual-wrap .visual .main-tit{width:calc(100% - 32px);max-width:clamp(315px, calc(315px + (600 - 315) * ((100vw - 360px) / 840)), 600px);margin:0 auto}
    .visual-wrap .visual h4 {margin-top: clamp(30px, calc(30px + (40 - 30) * ((100vw - 360px) / 840)), 40px);}
    .visual-wrap .visual h4 span {font-size: clamp(18px, calc(18px + (22 - 18) * ((100vw - 360px) / 840)), 18px);}
    .visual-wrap .visual .v-obj {width: 8px;margin: 10px auto 0px;}

    .schedule-table-wrap {padding-bottom: 20px;}
    .r-txt{margin-top: 12px;font-size: clamp(13px, calc(13px + (14 - 13) * ((100vw - 360px) / 840)), 14px);}
    
    .inner_slider{max-width:unset;padding:0 14px 50px;position:relative}
    .inner_slider .swiper-slide{width:calc(100vw - 79px);max-width:297px}
    .inner_slider .swiper-slide a {width: 80px;height: 28px;left: 30px;bottom: 35px;}
    .inner_slider .swiper-pagination{width:calc(100% - 32px);margin:clamp(25px, calc(25px + (40 - 25) * ((100vw - 360px) / 840)), 40px) auto 0}

}