@charset "utf-8";
/* ============================================================
   my_edu.php (나의 강의실) 전용 — Mentor courses 디자인 위 커스텀
   ============================================================ */
.myedu-tabs{ display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:45px; }
.myedu-tabs a{ display:inline-block; padding:9px 20px; border:1px solid rgba(255,255,255,0.6); border-radius:50px; font-size:15px; font-weight:600; color:#fff; background:transparent; transition:all .2s; }
.myedu-tabs a:hover{ background:rgba(255,255,255,0.18); border-color:#fff; color:#fff; }
.myedu-tabs a.active{ background:#fff; border-color:#fff; color:var(--accent-color); }

.myedu-empty{ padding:50px 0; text-align:center; color:#888; font-size:16px; }

#courses .course-item img{ width:100%; height:auto; }
#courses .course-item .trainer-ico{ font-size:22px; color:var(--accent-color); margin-right:8px; line-height:1; }
#courses .course-item .price{ white-space:nowrap; }


/* 마이페이지 가로 서브메뉴 */
.myedu-snb{ display:flex; justify-content:center; flex-wrap:wrap; gap:4px 22px; margin-top:18px; }
.myedu-snb__item{ font-size:19px; font-weight:400; color:rgba(255,255,255,0.88); padding:6px 2px; border-bottom:2px solid transparent; transition:all .2s; }
.myedu-snb__item:hover{ color:#fff; }
.myedu-snb__item.active{ color:#ffe93b; font-weight:400; }


/* breadcrumb 바 안에 들어간 마이페이지 가로 메뉴 */
.page-title .breadcrumbs{ padding:20px 0; }
.page-title .breadcrumbs .myedu-snb{ justify-content:flex-start; gap:4px 20px; margin-top:0; background:transparent; padding:0; }
.page-title .breadcrumbs .myedu-snb__item{ font-size:19px; font-weight:400; padding:0; }


/* 탭을 아래로 내리되 heading 세로 높이는 동일 유지 (아래 패딩 80->57로 보정) */
body.courses-page .page-title .heading{ padding-top:55px; padding-bottom:42px; }


/* 배너: 처음 로딩 시 왼쪽 -> 오른쪽 슬라이딩(와이프) 등장 */
@keyframes myeduBannerWipe { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
body.courses-page .page-title{ animation: myeduBannerWipe 0.9s cubic-bezier(0.22,0.61,0.36,1) backwards; }


/* 카드 롤오버 시 박스 전체 팝업 (메인 공지사항 박스처럼) */
#courses .course-item{ transition:transform .25s ease, box-shadow .25s ease; }
#courses .course-item:hover{ transform:translateY(-8px) scale(1.05); box-shadow:0 18px 40px rgba(0,0,0,0.16); z-index:2; position:relative; }


/* ============================================================
   강의 목록(lecture_list) 전용 — 카드 버튼/검색/페이징
   ============================================================ */
#courses .course-item .lec-btns{ display:flex; gap:8px; margin-top:14px; }
#courses .course-item .lec-btn{ flex:1; text-align:center; padding:10px 6px; border-radius:8px; font-size:14px; font-weight:700; transition:all .2s; }
#courses .course-item .lec-btn--view{ background:#f1f1f1; color:#444; }
#courses .course-item .lec-btn--view:hover{ background:#e3e3e3; }
#courses .course-item .lec-btn--reg{ background:var(--accent-color); color:#fff; }
#courses .course-item .lec-btn--reg:hover{ background:color-mix(in srgb, var(--accent-color), transparent 15%); }

.lec-search-sec{ padding:30px 0 0; }
.lec-search-sec .container{ max-width:1320px; margin:0 auto; padding:0 20px; }
.lec-search{ display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }
.lec-search input[type=text]{ flex:1 1 360px; max-width:480px; height:46px; padding:0 18px; border:1px solid #ddd; border-radius:50px; font-size:15px; }
.lec-search input[type=text]:focus{ outline:none; border-color:var(--accent-color); }
.lec-search__btn, .lec-search__all{ height:46px; padding:0 22px; border:0; border-radius:50px; font-size:15px; font-weight:700; cursor:pointer; color:#fff; }
.lec-search__btn{ background:var(--accent-color); }
.lec-search__all{ background:#444; }

.list-foot{ text-align:center; padding-top:30px; }
/* ===== 페이징: 가운데 정렬 + 숫자 페이지 박스/배경 ===== */
.list-foot .pagination{ display:inline-flex; align-items:center; justify-content:center; gap:6px; }
.list-foot .pagination a{ display:inline-flex; align-items:center; justify-content:center; min-width:38px; height:38px; padding:0 10px; font-size:15px; color:#444; text-decoration:none; box-sizing:border-box; transition:all .15s; }
/* 숫자 페이지 박스+배경 */
.list-foot .pagination a:not(.pre):not(.next){ border:1px solid #b6bbc1; border-radius:8px; background:#c7ccd1; color:#fff !important; font-weight:600; }
.list-foot .pagination a:not(.pre):not(.next):hover{ background:#b6bbc1; }
.list-foot .pagination a.active{ background:var(--accent-color); border-color:var(--accent-color); color:#fff; font-weight:700; }
/* 이전/다음은 박스 없이 텍스트 */
.list-foot .pagination a.pre, .list-foot .pagination a.next{ color:#666; font-weight:500; }
.list-foot .pagination a.pre:hover, .list-foot .pagination a.next:hover{ color:var(--accent-color); }


/* 카테고리 가로메뉴 드롭다운 (하위 카테고리 롤오버) */
.page-title .breadcrumbs{ position:relative; z-index:20; }
.myedu-snb__group{ position:relative; display:inline-flex; align-items:center; }
.myedu-snb__group > .myedu-snb__item .myedu-snb__caret{ font-size:11px; margin-left:4px; }
.myedu-snb__sub{ position:absolute; top:100%; left:50%; transform:translateX(-50%) translateY(24px); min-width:150px; background:#fff; border-radius:8px; box-shadow:0 10px 28px rgba(0,0,0,0.22); padding:8px 0; opacity:0; visibility:hidden; transition:opacity .2s ease, transform .2s ease, visibility .2s; z-index:100; }
.myedu-snb__sub::before{ content:""; position:absolute; left:0; right:0; top:-20px; height:20px; }
.myedu-snb__group:hover .myedu-snb__sub{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(18px); }
.myedu-snb__subitem{ display:block; padding:6px 20px; font-size:18px; color:#444 !important; white-space:nowrap; transition:all .15s; }
.myedu-snb__subitem:hover{ background:#f4f4f4; color:var(--accent-color) !important; }
.myedu-snb__subitem.active{ color:var(--accent-color) !important; font-weight:700; }


/* ===== 수강신청 팝업 보강: lecture_list는 sub.css 미로드로 아래 규칙이 빠져 모달이 깨짐 ===== */
.clear { clear: both; }
.edutt1 { margin-left:7px; font-size:17px; color:#999; height:40px; }
.edutt2 { margin-left:7px; font-size:15px; color:red; height:30px; }
.edutt3 { font-size:19px; color:#000; line-height:24px; font-weight:600; margin-left:7px; margin-top:7px; margin-bottom:7px; height:70px; border:0; }
.edutt4 { font-size:15px; margin-left:7px; color:#5D5D5D; height:30px; }
.button_edu2 { border:0; background:#ff9900; padding:7px 15px; text-align:center; border-radius:35px; color:#fff; }
.button_edu3 { border:0; background:#999; padding:7px 15px; text-align:center; border-radius:35px; color:#fff; }
/* ===== 팝업 보강 끝 ===== */

/* 강좌 카드 교강사 행 전체 숨김 - 모든 과정 */
#courses .course-item .trainer{ display:none !important; }