/* =====================================================================
   Teacher List
===================================================================== */
/* ===== Common ===== */
.teacher-wrap { max-width: 1200px; margin: 0 auto; }
.blind, .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.teacher-page { background: #fff; color: #333; }
.teacher-page * { box-sizing: border-box; }

/* ===== Header ===== */
.teacher-page__title { background: #fff; }
.teacher-page__title-inner { position: relative; display: flex; align-items: center; justify-content: center; height: 143px; max-width: 1200px; margin: 0 auto; }
.teacher-page__title h2 {  line-height: 1; font-size: clamp(18px, calc(18px + (26 - 18) * ((100vw - 360px) / 840)), 26px);  font-weight:600;  color: #222;  text-align: center;}
.teacher-page__back { position: absolute; left: 16px; top: 50%; width: 20px; height: 20px; transform: translateY(-50%); }
.teacher-page__back img { display: block; width: 100%; }

/* ===== Sections ===== */
.teacher-page__content { padding: 50px 0; }
.teacher-section.is-visible + .teacher-section.is-visible { margin-top: 50px; }
.teacher-section__title { margin-bottom: 20px; color: #333; font-size: 24px; font-weight: 700; line-height: 1.15; letter-spacing: -0.6px; }
.teacher-empty { padding: 40px 24px; border: 1px solid #e9e9ec; border-radius: 16px; color: #777; font-size: 16px; text-align: center; }

/* ===== Teacher Cards ===== */
.tl-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.tl-card { position: relative; height: 230px; border: 1px solid #e9e9ec; border-radius: 16px; overflow: hidden; background: #fff; }
.tl-card-in { position: relative; height: 100%; padding: 30px; }
.tl-tags { display: inline-flex; align-items: center; gap: 4px; margin-bottom: 16px; }
.tl-tags span { display: inline-flex; align-items: center; justify-content: center; height: 24px; padding: 0 8px; border-radius: 4px; background: #f6f7fb; color: #555; font-size: 13px; font-weight: 400; line-height: 1; white-space: nowrap; }
.tl-subj { position: relative; z-index: 2; color: #2C5BF6; font-size: 18px; font-weight: 600; line-height: 1.2; letter-spacing: -0.36px; }
.tl-name { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 4px; margin-top: 6px; color: #333; font-size: 22px; font-weight: 700; line-height: 1.3; letter-spacing: -0.55px; vertical-align: top; }
.tl-name-multi { margin-top: 4px; line-height: 1.18; }
.tl-badge-new { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; border: 1px solid #ebebeb; border-radius: 999px; background: #fff; color: #fc4f3f; font-size: 8px; font-weight: 700; line-height: 1; letter-spacing: -0.2px; box-sizing: border-box; }
.tl-img { position: absolute; right: 0; bottom: 0; width: auto; height: 150px; }
.tl-img img { position: absolute; bottom: 0; display: block; max-width: none; }
.tl-img-single img { right: -6px; width: auto; height: 150px; }
.tl-img-double .is-front { left: -12px; z-index: 2; width: auto; height: 150px; }
.tl-img-double .is-back { right: -26px; width: auto; height: 150px; }
.tl-hover { position: absolute; inset: 0; z-index: 4; opacity: 0; visibility: hidden; transition: opacity 0.15s ease; }
.tl-card:hover .tl-hover { opacity: 1; visibility: visible; }
.tl-actions { display: flex; align-items: center; justify-content: center; gap: 11px; width: 100%; height: 100%; padding: 0 10px; background: url("https://russeldata.megastudy.net/campus/images/russel/main/main_tc_dim.png") no-repeat center center / cover; backdrop-filter: blur(6px); }
.tl-actions li { width: 83px; height: 84px; border: 1px solid #fff; border-radius: 10px; background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.80) 0%, rgba(239, 248, 255, 0.80) 100%); backdrop-filter: blur(5px); }
.tl-actions a { position: relative; display: block; width: 100%; height: 100%; padding: 48px 6px 12px; box-sizing: border-box; color: #111; font-size: 13px; font-weight: 500; line-height: 120%; text-align: center; letter-spacing: -0.325px; word-break: keep-all; background-repeat: no-repeat; background-position: center 16px; background-size: 22px auto; }
.tl-actions .action-home a { background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.25 18.7503V13.2503C6.25 12.7198 6.46071 12.2111 6.83579 11.8361C7.21086 11.461 7.71957 11.2503 8.25 11.2503H9.25C9.78043 11.2503 10.2891 11.461 10.6642 11.8361C11.0393 12.2111 11.25 12.7198 11.25 13.2503V18.7503M2.883 18.7503C1.705 18.7503 0.75 17.7703 0.75 16.5603V7.75828C0.75 7.09328 1.045 6.46328 1.55 6.04828L7.417 1.23028C7.79186 0.919859 8.2633 0.75 8.75 0.75C9.2367 0.75 9.70814 0.919859 10.083 1.23028L15.949 6.04828C16.455 6.46328 16.75 7.09328 16.75 7.75828V16.5603C16.75 17.7703 15.795 18.7503 14.617 18.7503H2.883Z' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size: 18px 20px; }
.tl-actions .action-curri a { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 6C5.25 5.80109 5.32902 5.61032 5.46967 5.46967C5.61032 5.32902 5.80109 5.25 6 5.25H12C12.1989 5.25 12.3897 5.32902 12.5303 5.46967C12.671 5.61032 12.75 5.80109 12.75 6C12.75 6.19891 12.671 6.38968 12.5303 6.53033C12.3897 6.67098 12.1989 6.75 12 6.75H6C5.80109 6.75 5.61032 6.67098 5.46967 6.53033C5.32902 6.38968 5.25 6.19891 5.25 6ZM6 9.75H12C12.1989 9.75 12.3897 9.67098 12.5303 9.53033C12.671 9.38967 12.75 9.19891 12.75 9C12.75 8.80108 12.671 8.61032 12.5303 8.46967C12.3897 8.32901 12.1989 8.25 12 8.25H6C5.80109 8.25 5.61032 8.32901 5.46967 8.46967C5.32902 8.61032 5.25 8.80108 5.25 9C5.25 9.19891 5.32902 9.38967 5.46967 9.53033C5.61032 9.67098 5.80109 9.75 6 9.75ZM9 11.25H6C5.80109 11.25 5.61032 11.329 5.46967 11.4697C5.32902 11.6103 5.25 11.8011 5.25 12C5.25 12.1989 5.32902 12.3897 5.46967 12.5303C5.61032 12.671 5.80109 12.75 6 12.75H9C9.19891 12.75 9.38967 12.671 9.53033 12.5303C9.67098 12.3897 9.75 12.1989 9.75 12C9.75 11.8011 9.67098 11.6103 9.53033 11.4697C9.38967 11.329 9.19891 11.25 9 11.25ZM18 1.5V11.6897C18.0006 11.8867 17.9621 12.082 17.8866 12.264C17.8111 12.446 17.7002 12.6112 17.5603 12.75L12.75 17.5603C12.6112 17.7002 12.446 17.8111 12.264 17.8866C12.082 17.9621 11.8867 18.0006 11.6897 18H1.5C1.10217 18 0.720644 17.842 0.43934 17.5607C0.158035 17.2793 0 16.8978 0 16.5V1.5C0 1.10217 0.158035 0.720644 0.43934 0.43934C0.720644 0.158035 1.10217 0 1.5 0H16.5C16.8978 0 17.2793 0.158035 17.5607 0.43934C17.842 0.720644 18 1.10217 18 1.5ZM1.5 16.5H11.25V12C11.25 11.8011 11.329 11.6103 11.4697 11.4697C11.6103 11.329 11.8011 11.25 12 11.25H16.5V1.5H1.5V16.5ZM12.75 12.75V15.4406L15.4397 12.75H12.75Z' fill='%23333333'/%3E%3C/svg%3E"); background-size: 18px 18px; }
.tl-actions .action-prog a { background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8125 0.75V3.45M4.6875 0.75V3.45M9.75 0.75V3.45M4.6875 7.85L5.8125 8.75L8.0625 6.5M10.875 13.25H14.25M10.875 7.85H14.25M4.77734 13.2572L5.90234 14.1572L8.15234 11.9072M10.875 2.1H8.625C4.9125 2.1 3.05625 2.1 1.90313 3.0225C0.75 3.945 0.75 4.43 0.75 7.4V11.45C0.75 14.42 0.75 16.405 1.90313 17.3275C3.05625 18.25 4.9125 18.25 8.625 18.25H10.875C14.5875 18.25 16.4438 18.25 17.5969 17.3275C18.75 16.405 18.75 14.42 18.75 11.45V7.4C18.75 4.43 18.75 3.945 17.5969 3.0225C16.4438 2.1 14.5875 2.1 10.875 2.1Z' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size: 20px 19px; padding-top: 44px; line-height: 1.2; }
.tl-link { position: absolute; inset: 0; z-index: 3; }

/* ===== TA ===== */
@media (min-width: 768px) and (max-width: 1199px) {
  .teacher-wrap { margin: 0 clamp(16px, calc(16px + 8 * ((100vw - 360px) / 840)), 24px); }
  .tl-list { gap: 8px; }

  .tl-card { height: 138px; border-radius: 10px; }
  .tl-card-in { padding: 16px; }
  .tl-tags { margin-bottom: 10px; }
  .tl-tags span { height: auto; padding: 4px 6px; font-size: 14px; }
  .tl-subj { font-size: 14px; letter-spacing: 0;}
  .tl-name { margin-top: 2px; font-size: 18px; letter-spacing: -0.45px; }
  .tl-img { width: 100px; height: 100px; }
  .tl-img-single img { width: auto; height: 102px; } 

}

/* ===== MO ===== */
@media (max-width: 767px) {
  .teacher-wrap { margin: 0; padding:0; }
  .teacher-page__content { padding: 30px 0 32px; }
  .teacher-page__content .teacher-wrap{ padding: 0 16px; }
  .teacher-section.is-visible + .teacher-section.is-visible { margin-top: 30px; }
  .teacher-section__title { margin-bottom: 16px; font-size: 16px;}

  .teacher-empty { padding: 28px 16px; border-radius: 10px; font-size: 14px; }

  .tl-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .tl-card { height: 126px; border-radius: 10px; }
  .tl-card-in { padding: 12px; }
  .tl-tags { margin-bottom: 9px; }
  .tl-tags span { height: auto; padding: 4px 6px; font-size: 11px;}
  .tl-subj { font-size: 14px;}
  .tl-name { gap: 2px; margin-top: 2px; font-size: 16px; }
  .tl-name-multi { line-height: 1.3; }
  .tl-img { width: 90px; height: 90px; }
  .tl-img-single img { right: -5px; width: auto; height: 90px; }
}

/* =====================================================================
  Teacher View
===================================================================== */
/* ===== Common ===== */
.teacher-wrap { max-width: 1200px; margin: 0 auto; }
.teacher-detail { padding-bottom: 0; background: #fff; color: #333; overflow-x: hidden; position: relative; }
.teacher-detail * { box-sizing: border-box; }
.tc-tabs .teacher-wrap:has(.tc-tab-btn > li) {border-bottom: 1px solid #dbdee5;}
.teacher-detail__content .teacher-wrap {margin-bottom: 50px;}

/* ===== Header / Subject ===== */
.teacher-sub-header { position: relative; z-index: 60; background: #fff; }
.teacher-detail__top { display: none; }
.teacher-detail__heading { position: relative; background: #fff; }
.teacher-detail__heading-inner { display: flex; align-items: center; justify-content: center; height: 143px; }
.td-subj-btn { display: inline-flex; align-items: center; justify-content: center; gap: 4px; }
.td-subj-txt, .teacher-detail__top h2 { color: #333; font-size: 26px; font-weight: 600; line-height: 1; letter-spacing: -0.65px; }
.td-subj-arr { display: block; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.2762 9.85123C6.6345 9.50671 7.20424 9.51788 7.54875 9.87618L12 14.6015L16.4513 9.87618C16.7958 9.51788 17.3655 9.50671 17.7238 9.85123C18.0821 10.1957 18.0933 10.7655 17.7488 11.1238L12.6488 16.5238C12.4791 16.7002 12.2448 16.8 12 16.8C11.7552 16.8 11.5209 16.7002 11.3513 16.5238L6.25125 11.1238C5.90674 10.7655 5.91791 10.1957 6.2762 9.85123Z' fill='%23777777'/%3E%3C/svg%3E") no-repeat center / 24px 24px; transition: transform 0.2s ease; }
.td-subj-btn.is-open .td-subj-arr { transform: rotate(180deg); }
.td-subj-layer { position: absolute; left: 50%; top: 100%; z-index: 20; display: none; width: 410px; padding: 42px; border: 1px solid #ededed; border-radius: 10px; background: #fff; transform: translateX(-50%); }
.td-subj-layer.is-open { display: block; }
.td-subj-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.td-subj-list button { display: inline-flex; align-items: center; justify-content: center; min-height: 39px; padding: 10px 14px; border: 1px solid #dbdbdb; border-radius: 5px; background: #fff; color: #777; font-size: 17px; font-weight: 500; line-height: 1.1; letter-spacing: -0.425px; }
.td-subj-list button.is-active { border-color: #2c5bf6; color: #2c5bf6; font-weight: 600; }
@media (min-width: 1200px) {
  .td-subj-layer.is-open { top: 103px; }
}

/* ===== Hero Banner ===== */
.teacher-detail__hero-card { max-width:1200px;margin:0 auto; position: relative; overflow: hidden; min-height: 344px; padding: 72px 0 72px 80px; border-radius: 20px; background: linear-gradient(108deg, #eff6ff 18.49%, #e4efff 114.84%); }
.teacher-detail__hero-card:before { content: ""; position: absolute; inset: -30% -24% -69% 0; background: radial-gradient(circle at 18% 34%, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0) 42%), radial-gradient(circle at 78% 20%, rgba(189, 211, 255, 0.95) 0, rgba(189, 211, 255, 0) 45%), radial-gradient(circle at 88% 88%, rgba(122, 170, 255, 0.25) 0, rgba(122, 170, 255, 0) 34%); pointer-events: none; }
.td-hero-home { position: absolute; top: 42px; right: 42px; z-index: 2; display: inline-flex; align-items: center; gap: 4px; border-bottom: 1px solid #051457; color: #051457; font-size: 14px; font-weight: 500; line-height: 150%; letter-spacing: -0.14px; }
.td-hero-home-arr { position: relative; width: 7px; height: 14px; }
.td-hero-home-arr:before { content: ""; position: absolute; left: 0; top: 4px; width: 5px; height: 5px; border-top: 1.5px solid #051457; border-right: 1.5px solid #051457; transform: rotate(45deg); }
.td-hero-copy, .teacher-detail__hero-visual, .td-hero-cta { position: relative; z-index: 2; }
.td-hero-copy { width: 100%; }
.td-hero-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.td-hero-tags li { display: inline-flex; align-items: center; justify-content: center; height: 24px; padding: 0 10px; border-radius: 4px; background: #fff; color: #555; font-size: 15px; font-weight: 400; line-height: 1; letter-spacing: -0.375px; }
.td-hero-major { color: #333; font-size: 25px; font-style: normal; font-weight: 600; line-height: 120%; letter-spacing: -0.25px; }
.teacher-detail__hero-name { display: flex; align-items: flex-end; gap: 2px; margin-top: 4px; flex-wrap: nowrap; }
.td-hero-names { display: flex; flex-direction: column; gap: 0; }
.td-hero-names strong { color: #111; font-size: 56px; font-style: normal; font-weight: 600; line-height: 110%; letter-spacing: -0.56px; }
.teacher-detail__hero-name span { color: #333; font-size: 36px; font-weight: 400; line-height: 1.4; letter-spacing: -0.36px; }
.td-hero-label { display: inline-flex; align-items: flex-start; gap: 2px; }
.teacher-detail__hero-name .badge-new { 
  display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; width: 20px; height: 20px; 
  margin-left: 0; margin-top: 6px; border: 1px solid #ebebeb; border-radius: 999px; background: #fff; color: #fc4f3f; font-size: 11.5px; font-style: normal; 
  font-weight: 700; letter-spacing: -0.29px; text-indent: 0; box-sizing: border-box; 
}
.td-hero-btns { display: flex; flex-wrap: nowrap; gap: 8px; margin-left: 12px; padding-bottom: 6px; }
.td-hero-btns a { display: inline-flex; align-items: center; justify-content: center; width: max-content; height: 32px; padding: 4px 14px; border-radius: 999px; background: rgba(74, 81, 113, 0.15); color: #333; font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing: -0.15px; }
.td-hero-text { margin-top: 20px; }
.td-hero-text p { color: #333; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.18px; }
.teacher-detail__hero-visual { position: absolute; right: 100px; top: 0; bottom: auto; width: 500px; height: 500px; }
.td-hero-img { position: absolute; right: 0; bottom: 0; display: block; width: auto; max-width: none; max-height: 100%; }
.td-hero-cta { position: absolute; right: 42px; bottom: 42px; display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 16px 0 8px; border-radius: 999px; background: linear-gradient(-33deg, #010bc2 23.72%, #3b57d7 88.33%); color: #fff; font-size: 15px; font-weight: 500; line-height: 1.2; letter-spacing: -0.15px; }
.td-hero-cta-ico { position: relative; width: 28px; height: 28px; border-radius: 50%; background: #fff; }
.td-hero-cta-ico:before { content: ""; position: absolute; left: 11px; top: 8px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #2c5bf6; }

/* ===== Main Tabs ===== */
/* ===== Tab Panels ===== */
.teacher-detail__content { padding: 0; }
.lecture-no-msg  {display: flex; align-items: center; justify-content: center; height: 300px; margin-top: 36px;}
.teacher-detail__panel { display: none; padding-top: 40px; }
.teacher-detail__panel.is-active { display: block; }

.teacher-detail__panel[data-panel="lecture"] { padding-top: 14px; padding-bottom: 0;}
.teacher-detail__panel[data-panel="curriculum"] {}
.teacher-detail__panel[data-panel="program"] { }
.teacher-detail__panel[data-panel="special"] {}
.teacher-detail__panel[data-panel="cast"] { }

/* ===== Sub Tabs ===== */
.teacher-detail__subtabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 40px; }
.teacher-detail__subtabs button { height: 34px; padding: 0 14px; border: 1px solid #dbdee5; border-radius: 999px; background: #fff; color: #777; font-size: 14px; font-weight: 400; line-height: 1; letter-spacing: -0.35px; }
.teacher-detail__subtabs button.is-active { border-color: #2c5bf6; color: #2c5bf6; font-weight: 700; }
.td-subtabs-anchor { display: none; }


/* ===== 05. Video Cast ===== */
.t-cast__swiper { overflow: hidden; margin: 0 -12px; }
.t-cast__swiper .swiper-wrapper { align-items: stretch; }
.t-cast__item { height: auto; padding: 0 12px; box-sizing: border-box; }
.t-cast__thumb { position: relative; display: block; aspect-ratio: 600 / 300; border-radius: 10px; background: #f0f0f0; overflow: hidden; }
.t-cast__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.t-cast__play { position: absolute; left: 50%; top: 50%; width: 48px; height: 48px; border-radius: 50%; background: rgba(255, 255, 255, 0.8); transform: translate(-50%, -50%); }
.t-cast__play:before { content: ""; position: absolute; left: 19px; top: 14px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 14px solid #c9c9c9; }
.t-cast__play{
  display: none !important;
}

.t-cast__txt { margin-top: 16px; color: #333; font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: -0.32px; text-align: center; }
.t-cast__dots { position: static; display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 24px; }
.t-cast__dots .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 !important; border-radius: 999px; background: rgba(0, 0, 0, 0.2); opacity: 1; transition: all 0.2s ease; }
.t-cast__dots .swiper-pagination-bullet-active { width: 29px; background: #2c5bf6; }

/* ===== 01. Lecture List / Placeholder ===== */
.teacher-detail__section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.teacher-detail__section-head h3, .teacher-detail__placeholder h3 { color: #333; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 700; line-height: 100%; letter-spacing: -0.5px; }
.teacher-detail__section-head p { color: #777; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: -0.35px; padding-top: 5px;}
.teacher-detail__section-head p strong { color: #2c5bf6; font-weight: 700; }
.teacher-detail__placeholder { padding: 56px 40px; border: 1px solid #e9e9ec; border-radius: 20px; }
.teacher-detail__placeholder p { margin-top: 12px; color: #777; font-size: 16px; line-height: 1.7; letter-spacing: -0.16px; }

/* ===== 02. Curriculum ===== */
.teacher-wrap .t-curri table {width:100%;border-top:2px solid #222;}
.teacher-wrap .t-curri table thead th::after {content:"";display: inline-block;position:absolute;top:50%;right:0;width:1px;height:20px;transform:translateY(-50%);background:#e6e6e6}
.teacher-wrap .t-curri table thead th:last-child::after {display: none;}
.teacher-wrap .t-curri table thead th {border-bottom:1px solid #5a5a5a;}
.teacher-wrap .t-curri table th {color:#303030;font-weight:500;position: relative;background:#f7f7f7;border-bottom:1px solid #dadada;}
.teacher-wrap .t-curri table th, .teacher-wrap .t-curri table td {padding:13px 0;text-align: center;font-size: 15px;color:#444;}

.teacher-wrap .t-curri table td {padding:7px 0;border-left:1px solid #ebebeb;word-break:break-all;border-bottom:1px solid #dadada;text-align: center;background:#fff}
.teacher-wrap .t-curri table tbody td.on span {display:block;background:#cccccc;width:100%;height:26px;}
.teacher-wrap .t-curri table td.txt_left {padding-left:20px;}
.teacher-wrap .t-curri table td a {font-size: 15px;color:#444}
.teacher-wrap .t-curri table .import_line td {background:#f7f8fb}
.teacher-wrap .t-curri table .import_line td:first-child {color: #2d639f;}
.teacher-wrap .t-curri table .file {border-bottom:1px solid #303030;color:#444}
.teacher-wrap .t-curri table .sub-tit {padding-right:8px;margin-right:8px;position: relative;}
.teacher-wrap .t-curri table .sub-tit::before {content:"";display: inline-block;width:3px;height:3px;background:#444;vertical-align: middle;margin-right:5px}
.teacher-wrap .t-curri table .sub-tit::after {content:"";display: block;position:absolute;top:50%;right:0px;transform:translateY(-50%);height:14px;width:1px;background:#cecece;}
.teacher-wrap .t-curri table .file-list {display: inline-block;vertical-align: middle;}
.teacher-wrap .t-curri table .file-list a {color:#004dd3;border-bottom:1px solid #004dd3;}


.teacher-wrap .t-curri table tbody td .icon {margin-top:5px;}
.teacher-wrap .t-curri table tbody td .icon:first-of-type {margin-top:0;}


/* ===== 03. Learning Program ===== */
/* ÇÐ½À°ü¸® ÇÁ·Î±×·¥ */
.teacher-wrap .t-program {position:relative;border-top:2px solid #333333;border-bottom:1px solid #333333;font-size:0; width:auto;}
.teacher-wrap .t-program *{line-height:1.2;}
.teacher-wrap .t-program .list {width:20%;display:inline-block;vertical-align:top;font-size:15px;text-align:center;}
.teacher-wrap .t-program .list h4 {position:relative;margin:0;border-bottom:1px solid #333333;border-right:1px dashed #e0e0e0;color:#111111;font-size:15px;font-weight:700;}
.teacher-wrap .t-program .list:nth-of-type(4) h4,
.teacher-wrap .t-program .list:last-of-type h4 {border-right:0;}
.teacher-wrap .t-program .list h4::after {content:'';display:block;position:absolute;right:-7px;bottom:-7px;z-index:2;width:10px;height:10px;background:#fff;border:2px solid #e14775;border-radius:50%;}
.teacher-wrap .t-program .list:last-of-type h4::after {display:none;}
.teacher-wrap .t-program .list h4.tit1 {padding:22px 0 21px;}
.teacher-wrap .t-program .list h4.tit2 {padding:12px 0 13px;}
.teacher-wrap .t-program .list ul {padding-top:25px;height:325px;border-right:1px dashed #e0e0e0;}
.teacher-wrap .t-program .list:nth-of-type(4) ul,
.teacher-wrap .t-program .list:last-of-type ul {border-right:0;}
.teacher-wrap .t-program .list li {width:150px;margin:0 auto 8px;padding:12px 0;box-sizing:border-box;background:#f5f5f5;border:1px solid #f5f5f5;letter-spacing:-1px;color:#404040;font-size:15px;}
.teacher-wrap .t-program .list li.multi {padding:6px 0;}
.teacher-wrap .t-program .list li.multi2 {padding:6px 0;margin:0 auto 50px;}
.teacher-wrap .t-program .list li.on{background:#e3f0ff;border:1px solid #99c8ff;}
.teacher-wrap .t-program .list:nth-of-type(4) ul li:nth-of-type(2),
.teacher-wrap .t-program .list:last-of-type ul li:nth-of-type(1) {position:relative;}
.teacher-wrap .t-program .list:nth-of-type(4) ul li:nth-of-type(2)::after {content:'';position:absolute;right:0;top:50%;transform:translateX(50px)translateY(-17px);display:block;width:50px;height:33px;background:url("https://russeldata.megastudy.net/campus/images/russel/common/teacher/arrow_r.png") 10px 0 no-repeat;}
.teacher-wrap .t-program .list:last-of-type ul li:nth-of-type(1)::after {content:'';position:absolute;left:50%;bottom:0;transform:translateX(-16px)translateY(45px);display:block;width:33px;height:38px;background:url("https://russeldata.megastudy.net/campus/images/russel/common/teacher/arrow_btm.png") 0 0 no-repeat;}
.teacher-wrap .t-program .txt {position:absolute;right:35px;bottom:25px;text-align:center;color:#5d5c5c;font-size:15px;font-weight:400;}
.teacher-wrap .t-program .txt strong{color:#e24071;font-weight:400;}

/* ===== 04. Special Program ===== */
.teacher-wrap .t-special { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;}
.teacher-wrap .t-special .notice { overflow: hidden; border: 1px solid #ededed; border-radius: 10px; background: #fff; }
.teacher-wrap .t-special .tit { display: flex; align-items: center; justify-content: center; min-height: 59px; padding: 16px 0; background: #F8F8F8; color: #333; font-size: 18px; font-weight: 600; line-height: 150%; letter-spacing: -0.36px; text-align: center; }
.teacher-wrap .t-special .txt-box { padding: 34px 40px 32px; color: #333; font-size: 16px; font-weight: 400; line-height: 1.75; letter-spacing: -0.32px; }
.teacher-wrap .t-special .txt-box > *:first-child { margin-top: 0; }
.teacher-wrap .t-special .txt-box > *:last-child { margin-bottom: 0; }
.teacher-wrap .t-special .txt-box ul, 
.teacher-wrap .t-special .txt-box ol { margin: 0; padding: 0; list-style: none; }
.teacher-wrap .t-special .txt-box li { position: relative; padding-left: 20px; }
.teacher-wrap .t-special .txt-box li + li { margin-top: 2px; }
.teacher-wrap .t-special .txt-box li:before { content: ""; position: absolute; left: 0; top: 8px; width: 16px; height: 16px; border: 1px solid #555; border-radius: 50%; }
.teacher-wrap .t-special {display:flex;position:relative;}
.teacher-wrap .t-special .notice{flex:1;font-size:16px;text-align:center;border-left:1px solid #dedede;}
.teacher-wrap .t-special .notice .tit {position:relative;z-index:2;margin:0;padding:9px 0;font-size:18px;}
.teacher-wrap .t-special .notice .txt-box {text-align:left;padding:18px 30px 19px 30px;line-height:1.7;word-break:keep-all;font-size:16px;}
.teacher-wrap .t-special .notice .txt-box * {font-family: 'Pretendard'!important;font-size:16px; word-break: keep-all;}

/* ===== 03-1. Program Note ===== */
.teacher-wrap .list-info {margin:15px 0 0 10px;font-size:14px;color:#989292;font-weight:400;}
.teacher-wrap .list-info .sample-box {display:inline-block;margin:0 5px 0 0;vertical-align:middle;width:36px;height:16px;background:#e3f0ff;border:1px solid #99c8ff;}


/* ===== PC ===== */
@media (min-width: 1200px){
  .teacher-detail__hero{ margin-bottom: 50px;}
  .teacher-detail__hero:has(+ .tc-tabs-anchor){ margin-bottom: 10px;}
}

/* ===== TA ===== */
@media (max-width: 1199px) {
  .teacher-wrap { margin: 0 24px; }
  .lecture-container { margin: 0; }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .teacher-detail__heading-inner { height: 94px; }
  .td-subj-btn {gap:0}
  .td-subj-txt, .teacher-detail__top h2 { font-size: 22px;}
  .td-subj-layer { top: 100%; }
  .td-subj-layer.is-open { top: 71px; }
  .teacher-detail__hero-card { margin:0 24px; min-height: 377px; padding: 54px 0 54px 54px; }
  .td-hero-home { top: 26px; right: 24px; }
  .teacher-detail__hero-name { flex-wrap: wrap;row-gap: 12px;}
  .teacher-detail__hero-name .badge-new { width: 20px; height: 20px; margin-left: 0; margin-top: 10px; font-size: 11.5px; }
  .td-hero-btns { width: 100%; flex: 0 0 100%; flex-basis: 100%; flex-wrap: wrap; margin-left: 0; padding-top: 0; padding-bottom: 0; }
  .teacher-detail__hero-visual { top: 52px; right: -65px; width: 348px; height: 100%; }
  .td-hero-cta { right: 24px; bottom: 24px; }

  .teacher-wrap .t-curri { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .teacher-wrap .t-curri table { min-width: 1080px; table-layout: fixed; }
  .teacher-wrap .t-curri table td { white-space: nowrap; }

  /* 03. Learning Program */
  .teacher-wrap .t-pro-scroll {overflow-x:auto; overflow-y:hidden; padding-bottom:6px; -webkit-overflow-scrolling:touch;}
  .teacher-wrap .t-program {width:max-content; min-width:1000px;}
  .teacher-wrap .t-program .list {width:200px;}
  .teacher-wrap .t-program .list li {width:150px;}
  .teacher-wrap .list-info {white-space:normal; word-break:keep-all; line-height:1.5;}

  .teacher-wrap .t-special { display: flex; flex-direction: column; gap: 24px; }
  .teacher-wrap .t-special .notice .txt-box { padding: 28px 32px 26px; }
  .t-cast__swiper { margin: 0 -12px; }
  .t-cast__txt { font-size: 16px; letter-spacing: -0.32px; }
}

/* ===== MO ===== */
@media (max-width: 767px) {
  html, body { overflow-x: hidden; }
  .teacher-wrap { margin: 0; padding:0 0;}
  .teacher-detail__content .teacher-wrap {margin-bottom: 32px;}
  .teacher-detail { padding-top: 50px; }

  .teacher-detail__panel[data-panel="curriculum"] { padding-left:16px; padding-right: 0;}
  .teacher-detail__panel[data-panel="program"] { padding-left:16px; padding-right: 0;}
  .teacher-detail__panel[data-panel="special"]{ padding-left:16px; padding-right: 16px;}
  .teacher-detail__panel[data-panel="cast"] { padding-left:16px; padding-right: 16px;}

  /* Header / Subject */
  .teacher-sub-header { position: fixed; left: 0; right: 0; top: 55px; z-index: 1000; }
  .teacher-detail__top { display: block; background: #fff; }
  .teacher-detail__top-inner { position: relative; display: flex; align-items: center; justify-content: center; padding: 0 15px; border-bottom: 1px solid #ddd; height:50px; }
  .teacher-detail__top h2 { font-size: 18px; line-height: 100%;}

  .td-subj-txt { font-size: 18px; letter-spacing: 0.54px; }
  .td-subj-arr { width: 12px; height: 7.2px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.276203 0.251251C0.634498 -0.0932626 1.20424 -0.0820914 1.54875 0.276203L6 5.0015L10.4513 0.276203C10.7958 -0.0820913 11.3655 -0.0932626 11.7238 0.251251C12.0821 0.595765 12.0933 1.1655 11.7488 1.5238L6.64875 6.9238C6.47907 7.10027 6.24482 7.2 6 7.2C5.75519 7.2 5.52094 7.10027 5.35125 6.9238L0.251251 1.5238C-0.0932627 1.1655 -0.0820914 0.595765 0.276203 0.251251Z' fill='%23777777'/%3E%3C/svg%3E"); background-size: 12px 7.2px; }
  .teacher-detail__top-back { position: absolute; left: 16px; top: 50%; width: 16px; height: 17px; transform: translateY(-50%); }
  .teacher-detail__top-back img { display: block; width: 100%; }
  .teacher-detail__heading { display: none; }
  .td-subj-layer { position: absolute; left: 0; right: 0; top: 49px; width: 100%; margin: 0 auto; padding: 16px; transform: none; border-radius: 0;}
  .td-subj-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .td-subj-list button { min-height: 30px; padding: 8px 10px; font-size: 14px; letter-spacing: -0.35px; }

  /* Hero Banner */
  .teacher-detail__hero { padding-top: 0; margin-bottom: 0;}
  .teacher-detail__hero-card { min-height: 240px; padding: 24px 16px; border-radius: 0; background: linear-gradient(99deg, #eff6ff 18.49%, #e4efff 114.84%), linear-gradient(102deg, #e4efff 19.02%, #77b0ff 131.5%); }
  .teacher-detail__hero-card:before { inset: 0 -24px -8px 0; }
  .td-hero-home { top: 10px; right: 10px; gap: 2px; font-size: 10px; letter-spacing: -0.1px; }
  .td-hero-home-arr { width: 7px; height: 10px; }
  .td-hero-home-arr:before { top: 2px; width: 4px; height: 4px; border-top-width: 1px; border-right-width: 1px; }
  .td-hero-tags { gap: 4px; margin-bottom: 10px; }
  .td-hero-tags li { height: 21px; padding: 0 6px; border-radius: 2px; font-size: 13px; letter-spacing: 0; }
  .td-hero-major { font-size: 13px;font-size: 13px;line-height: 120%; letter-spacing: -0.13px;}
  .td-hero-sub { max-width: 200px; font-size: 13px; letter-spacing: -0.13px; }
  .teacher-detail__hero-name { gap: 2px; margin-top: 4px; flex-wrap: wrap; }
  .td-hero-names strong { font-size: 24px; letter-spacing: -0.24px; }
  .teacher-detail__hero-name span { font-size: 14px;}
  .td-hero-label { gap: 3px; }
  .teacher-detail__hero-name .badge-new { width: 16px; height: 16px; margin-left: 0; margin-top:0; font-size: 9px; letter-spacing: -0.225px; }
  .td-hero-btns { flex-basis: 100%; gap: 6px; flex-wrap: wrap; margin-left: 0; padding-top: 12px; padding-bottom: 0; }
  .td-hero-btns a { height: 26px; font-size: 13px; letter-spacing: -0.13px;line-height: 110%; }
  .td-hero-text { margin-top: 16px; }
  .td-hero-text p { font-size: 14px; line-height: 1.5; letter-spacing: -0.14px; }
  .teacher-detail__hero-visual { right: -32px; top: auto; bottom: 0; width: 190px; height: 190px; }
  .td-hero-cta { right: 16px; bottom: 16px; gap: 6px; height: 36px; padding: 0 12px 0 10px; font-size: 13px; letter-spacing: -0.13px; }
  .td-hero-cta-ico { width: 18px; height: 18px; }
  .td-hero-cta-ico:before { left: 7px; top: 5px; border-top-width: 4px; border-bottom-width: 4px; border-left-width: 6px; }

  /* Main Tabs */
  /* Sub Tabs */
  .td-subtabs-anchor { display: block; height: 0; }
  .teacher-detail__content { padding: 0; }
  .lecture-no-msg {height: 210px; margin-top: 22px;}
  .teacher-detail__panel { padding-top: 16px; }
  .teacher-detail__panel[data-panel="lecture"] { padding-top: 10px; }
  .teacher-detail__subtabs { flex-wrap: nowrap; overflow-x: auto; gap: 8px; padding: 0 16px 0 16px; margin-bottom: 16px;  scrollbar-width: none; cursor: grab; }
  .teacher-detail__subtabs::-webkit-scrollbar { display: none; }
  .teacher-detail__subtabs.is-fixed { position: fixed; left: 0; right: 0; z-index: 35; background: #fff; padding-top:10px; padding-bottom: 10px;padding-left: 16px;}
  .teacher-detail__subtabs.is-dragging { cursor: grabbing; }
  .teacher-detail__subtabs button { flex: none; height: 34px; padding: 0 14px; font-size: 14px; }

  /* 04. Special Program */
  .t-special { grid-template-columns: 1fr; gap: 12px; padding: 0; }
  .t-special .notice { border-radius: 10px; }
  .t-special .tit { min-height: 48px; padding: 14px 16px; font-size: 15px; letter-spacing: -0.3px; }
  .t-special .txt-box { padding: 22px 16px 24px; font-size: 14px; line-height: 1.72; letter-spacing: -0.28px; }
  .t-special .txt-box li { padding-left: 17px; }
  .t-special .txt-box li:before { top: 5px; width: 14px; height: 14px; }

  /* 05. Video Cast */
  .t-cast { padding: 0; }
  .t-cast__swiper { margin: 0; }
  .t-cast__item { padding: 0; }
  .t-cast__thumb { border-radius: 10px; }
  .t-cast__play { width: 32px; height: 32px; }
  .t-cast__play:before { left: 13px; top: 9px; border-top-width: 7px; border-bottom-width: 7px; border-left-width: 10px; }
  .t-cast__txt { margin-top: 8px; font-size: 14px; letter-spacing: -0.28px; }
  .t-cast__dots { margin-top: 12px; }
  .t-cast__dots .swiper-pagination-bullet { width: 6px; height: 6px; }
  .t-cast__dots .swiper-pagination-bullet-active { width: 16px; }

  /* 01. Lecture List */
  .teacher-detail .lecture-container, .teacher-detail .result-danka, .teacher-detail .class-item, .teacher-detail .info, .teacher-detail .contents, .teacher-detail .title, .teacher-detail .date, .teacher-detail .btns { min-width: 0; max-width: 100%; }
  .teacher-detail .lecture-container, .teacher-detail .result-danka { overflow-x: hidden; }
  .teacher-detail .title .tit-anchor, .teacher-detail .date .time, .teacher-detail .danka-teacher .name { overflow-wrap: anywhere; word-break: break-word; }
  .teacher-detail__section-head { padding: 10px 14px; margin-bottom: 0;}
  .teacher-detail__section-head h3, .teacher-detail__placeholder h3 { font-size: 16px; letter-spacing: -0.4px; }
  .teacher-detail__section-head p { font-size: 14px; }
  .teacher-detail__placeholder { margin: 0 16px; padding: 32px 20px; border-radius: 12px; }
  .teacher-detail__placeholder p { font-size: 14px; line-height: 1.6; }

  /* 02. Curriculum */
  .teacher-wrap .t-curri { margin: 0 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .teacher-wrap .t-curri table { min-width: 1080px; table-layout: fixed; }
  .teacher-wrap .t-curri table th,
  .teacher-wrap .t-curri table td { padding: 12px 0; font-size: 14px;}
  .teacher-wrap .t-curri table td {white-space: nowrap;}
  .teacher-wrap .t-curri table thead th:first-child,
  .teacher-wrap .t-curri table tbody th { position: sticky; left: 0; z-index: 3; min-width: 160px; width: 160px !important; }
  .teacher-wrap .t-curri table thead th:nth-child(2),
  .teacher-wrap .t-curri table tbody td:nth-child(2) { position: sticky; left: 160px; z-index: 3; min-width: 64px; width: 64px !important; }
  .teacher-wrap .t-curri table thead th:first-child,
  .teacher-wrap .t-curri table thead th:nth-child(2) { z-index: 4; }
  .teacher-wrap .t-curri table tbody th,
  .teacher-wrap .t-curri table tbody td:nth-child(2) { background: #fff; }
  .teacher-wrap .t-curri table tbody th { text-align: left; padding-left: 12px; }


  /* 04. Special Program */
  .teacher-wrap .t-special { display: flex; flex-direction: column; gap: 16px;}
  .teacher-wrap .t-special .notice .tit { font-size: 15px;min-height:43px;  }
  .teacher-wrap .t-special .notice .txt-box { padding: 16px 24px; font-size: 14px; }
  .teacher-wrap .t-special .notice .txt-box *{font-size: 14px;}

  /* 03. Learning Program */
  .teacher-wrap .t-pro-scroll {overflow-x:auto; overflow-y:hidden; padding-bottom:8px; -webkit-overflow-scrolling:touch;}
  .teacher-wrap .t-program {width:max-content; min-width:920px;}
  .teacher-wrap .t-program .list {width:184px; font-size:13px;}
  .teacher-wrap .t-program .list h4 {font-size:13px;}
  .teacher-wrap .t-program .list h4.tit1 {padding:18px 0 17px;}
  .teacher-wrap .t-program .list h4.tit2 {padding:9px 0 10px;}
  .teacher-wrap .t-program .list ul {height:300px; padding-top:20px;}
  .teacher-wrap .t-program .list li {width:136px; margin-bottom:7px; padding:10px 0; font-size:13px; letter-spacing:-0.5px;}
  .teacher-wrap .t-program .list li.multi,
  .teacher-wrap .t-program .list li.multi2 {padding:6px 0;}
  .teacher-wrap .t-program .list li.multi2 {margin-bottom:42px;}
  .teacher-wrap .t-program .txt {right:24px; bottom:22px; font-size:13px; line-height:1.4; white-space:normal;}
  .teacher-wrap .list-info {margin:12px 16px 0 0; font-size:12px; line-height:1.5; white-space:normal; word-break:keep-all;}
  .teacher-wrap .list-info li + li {margin-top:4px;}
  .teacher-wrap .list-info .sample-box {width:28px; height:13px;}

}

/* =====================================================================
   Teacher Tabs
===================================================================== */
/* ===== Base ===== */
.tc-tabs-anchor { display: none; }
.tc-tabs { position: relative; z-index: 20; background: #fff; max-width: 1200px; margin: 0 auto;}
.tc-tabs.is-fixed { position: fixed; left: 0; right: 0; width: 100%; max-width: none; margin: 0; z-index: 40; }
.tc-tabs.is-fixed .teacher-wrap { background: #fff; }
.tc-tab-btn { display: flex; align-items: center; gap: 0; width: 100%; margin: 0; padding-left: 0; }
.tc-tab-btn li { flex: 1 1 0; }

/* ÅÇÀÌ 1°³¸¸ ÀÖÀ» ¶§ */
.tc-tab-btn:not(:has(li:nth-child(2))) > li {
	flex: 0 0 25%;
	max-width: 25%;
}

.tc-tab-btn button { position: relative; width: 100%; min-width: 0; height: 52px; padding: 0 0; color: #555; font-size: 16px; font-weight: 500; line-height: 150%; letter-spacing: -0.32px; text-align: center; }
.tc-tab-btn button.is-active { color: #2c5bf6; font-weight: 700; }
.tc-tab-btn button.is-active:after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background: #2c5bf6; }

/* ===== TA: Common ===== */
@media (min-width: 768px) and (max-width: 1199px) {
  .tc-tabs-anchor { display: none; }
  .tc-tabs { display: block; overflow: visible; max-width: none; }
  .tc-tabs.is-fixed { position: relative; left: auto; right: auto; top: auto !important; width: auto; max-width: none; margin: 0 auto; }
  .tc-tabs .teacher-wrap,
  .tc-tab-scroll {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: default;
  }
  .tc-tabs .teacher-wrap::-webkit-scrollbar,
  .tc-tab-scroll::-webkit-scrollbar { display: none; }

  /* List tabs: PC¿Í µ¿ÀÏÇÏ°Ô ÀüÃ¼ ¸Þ´º¸¦ ±Õµî ³ëÃâÇÕ´Ï´Ù. */
  .teacher-list .tc-tabs { overflow: visible; max-width: 1200px; }
  .teacher-list .tc-tabs .teacher-wrap { max-width: 1200px; margin: 0 auto; padding: 0; overflow: visible; }
  .teacher-list .tc-tab-btn { display: flex; width: 100%; min-width: 0; white-space: normal; }
  .teacher-list .tc-tab-btn li { flex: 1 1 0; min-width: 0; }
  .teacher-list .tc-tab-btn button { width: 100%; min-width: 0; padding: 0; white-space: nowrap; }

  /* Detail tabs: ±ÛÀÚ¼ö ±â¹Ý À¯µ¿ ÆøÀ» À¯ÁöÇÏ¸é¼­ ³²´Â ÆøÀ» ÀÚ¿¬½º·´°Ô Ã¤¿ó´Ï´Ù. */
  .teacher-detail .tc-tabs .teacher-wrap,
  .teacher-detail .tc-tab-scroll { overflow: visible; }
  .teacher-detail .tc-tab-btn { width: max-content; min-width: 100%; }
  .teacher-detail .tc-tab-btn li { flex: 1 0 auto; min-width: 0; }
  .teacher-detail .tc-tab-btn button { width: 100%; padding: 0 27px; }
}

/* ===== MO: Common Swipe Tabs ===== */
@media (max-width: 767px) {
  .tc-tabs-anchor { display: block; height: 0; }
  .tc-tabs { overflow: hidden; }
  .tc-tabs .teacher-wrap,
  .tc-tab-scroll {
    max-width: none;
    margin: 0;
    padding: 0 16px 0 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;
  }
  .tc-tabs .teacher-wrap::-webkit-scrollbar,
  .tc-tab-scroll::-webkit-scrollbar { display: none; }
  .tc-tabs .teacher-wrap.is-dragging,
  .tc-tab-scroll.is-dragging { cursor: grabbing; }
  .tc-tab-btn { display: inline-flex; flex-wrap: nowrap; width: max-content; min-width: 100%; white-space: nowrap; padding-right: 0; }
  .tc-tab-btn li { flex: 1 0 auto; min-width: 0; }
  .tc-tab-btn button { width: 100%; min-width: auto; height: 41px; padding: 0 18px; font-size: 14px; white-space: nowrap; }

  .teacher-list .tc-tabs .teacher-wrap { padding-right: 0; }
  .teacher-list .tc-tab-btn { display: inline-flex; width: max-content; min-width: 100%; }
  .teacher-list .tc-tab-btn li { flex: 1 0 auto; min-width: 0; }
  .teacher-list .tc-tab-btn button { width: 100%; min-width: auto; padding: 0 18px; }
}


/* Custom Scrollbar */
/* ===== MO: Curriculum / Program Custom Scrollbar ===== */
@media (max-width: 767px) {
  .teacher-detail__panel[data-panel="curriculum"] .t-curri,
  .teacher-detail__panel[data-panel="program"] .t-pro-scroll {
    width: 100%;
    padding-bottom: 12px;
  }

  .teacher-detail__panel[data-panel="curriculum"] .t-curri.os-host,
  .teacher-detail__panel[data-panel="program"] .t-pro-scroll.os-host {
    overflow: visible !important;
  }

  .teacher-detail__panel[data-panel="curriculum"] .t-curri.os-host > .os-scrollbar-horizontal,
  .teacher-detail__panel[data-panel="program"] .t-pro-scroll.os-host > .os-scrollbar-horizontal {
    left: 0;
    right: 16px;
    bottom: 0;
    height: 4px;
    padding: 0;
    border-radius: 999px;
    background: #e8e8e8;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .teacher-detail__panel[data-panel="curriculum"] .t-curri.os-host > .os-scrollbar-horizontal > .os-scrollbar-track,
  .teacher-detail__panel[data-panel="program"] .t-pro-scroll.os-host > .os-scrollbar-horizontal > .os-scrollbar-track {
    height: 4px;
    border-radius: 999px;
    background: #e8e8e8;
  }

  .teacher-detail__panel[data-panel="curriculum"] .t-curri.os-host > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
  .teacher-detail__panel[data-panel="program"] .t-pro-scroll.os-host > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
    min-width: 30px;
    height: 4px;
    border-radius: 999px;
    background: #2c5bf6;
  }

  .teacher-detail__panel[data-panel="curriculum"] .t-curri.os-host > .os-scrollbar-vertical,
  .teacher-detail__panel[data-panel="program"] .t-pro-scroll.os-host > .os-scrollbar-vertical {
    display: none;
  }
}


/****** ÇÏ´Ü °áÁ¦ ¹Ù ******/
.bottom-pay-bar {display:none;position: fixed; bottom: -1px; left: 0; width: 100%; background-color: #2C5BF6; color: #fff; z-index: 10; padding: 12px 0; }
.bottom-pay-bar.on {display: block;}
.bottom-pay-bar .inner { display: flex; align-items: center; justify-content: space-between; max-width: 660px; margin: 0 auto; }
.bottom-pay-bar .info-area { display: flex; gap: 6px; align-items: center; color: rgba(255, 255, 255, 0.86); text-align: center; font-size: 17px; font-weight: 400; line-height: 120%; letter-spacing: -0.425px; }
.bottom-pay-bar .info-area .count { color: #fff; font-weight: 700; font-size: 19px; }
.btn-group { display: flex; align-items: center; gap: 12px; }
.bottom-pay-bar .btn-group a { height: 40px; border-radius: 5px; font-weight: bold; font-size: 15px; display: inline-block; text-align: center; line-height: 40px; }
.bottom-pay-bar .btn-cart { width: 120px; border: 1px solid #fff; color: #fff; }
.bottom-pay-bar .btn-pay { width: 240px; background-color: #fff; color: #2C5BF6; }
@media(max-width:767px){
    /* ÇÏ´Ü °áÁ¦ ¹Ù */
  .bottom-pay-bar .inner { width: 100%; padding: 0 16px; box-sizing: border-box; }
  .bottom-pay-bar .info-area { font-size: 14px; }
  .bottom-pay-bar .info-area .count { font-size: 16px; }
  .bottom-pay-bar .btn-group a {width:82px;font-size: 14px; }
  .bottom-pay-bar .btn-group a.btn-pay {width:132px;}
  .bottom-nav.off {display: none!important;}
}


/* Z:\MegaRussel\rwd\css\danka.css */
/* ´Ü°úÆäÀÌÁö °øÅëcss¶û »óÀÌÇÑ ºÎºÐ */
.lecture-container .result-danka .thumb-danka .btn-home{
  display: none;
}

.teacher-detail__lecture-group .teacher-detail__section-head {
	padding-bottom: 16px;
	border-bottom: 1px solid #555;
}
.lecture-container {
	border-top: 1px solid #555;border:none;
}









