.inner{width:1200px;}
.mo{display: none;}
.red{color:#ff0000;}

/* 윙배너 */
.wing_banner{position:fixed;top:40%;right:40px;z-index:1000;}
.wing_banner_item{display:flex; width: 196px; margin-bottom:10px;
    height: 150px;justify-content: center;align-items: center;flex-direction: column;
    background:#fff; border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.06);
    text-align:center; text-decoration:none; 
}
.wing_banner_item_{background:#18a86b;height:130px;}
.wing_banner_item_2{
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    font-size:22px;
    font-weight: 800;
    flex-direction: column;
}
.wing_banner_item_2 img{width:50%;}



/* 비주얼 배너 */
.visual{
    background: url('https://image.engineerlab.co.kr/data/www/engr/promotion/2026/practical/1/bg_2.jpg') 
    no-repeat top center #f0edda;
}

/* 섹션2 */
.section2{
    background: url('https://image.engineerlab.co.kr/data/www/engr/promotion/2026/practical/2/bg_3.jpg') 
    no-repeat top center #121212;
    width:100%;
}

/* 섹션3 */
.section3{background:#2b8154; padding-bottom:100px;margin-top: -6px;width:100%;}
/* 슬라이드 배너 */
.section3 .slide_box{position: relative; height: 100%; text-align: center;}
.section3 .swiper-container{width: 1200px; padding-top:0;}
.swiper-arrow-prev, .swiper-arrow-next{color:#fff;}
.swiper-arrow-prev {left:-48px;}
.swiper-arrow-next {right:-48px;}
.swiper-pagination{position: absolute; bottom: -42px; left: 0; width: 100%; text-align: center;}
.swiper-pagination span{display: inline-block; width: 20px; height: 20px; background: #ccc; border-radius: 50%; margin: 0 5px;}
.swiper-pagination span.active{background: #fff;}
.sub__text{font-size:16px; color:#d4ffe9;margin-top:50px; line-height:1.5;padding:0 20px;}


/* 섹션4 */
.section4{background:#f5f5f5;width:100%;}
.section4 .sub_typo{background:#fff; max-width:100%;}


.professor_wrap{padding:90px 0;}
.tab_menu{display:flex; justify-content: space-between;}
.tab_item{width:31%; background:#555;
    padding:30px 10px; border-top-right-radius: 10px; border-top-left-radius: 10px;
    cursor:pointer; transition: all 0.3s;
}
.tab_item:hover{background:#666;}
.tab_item p{font-size:22px; text-align: center; color:#ccc;}
.tab_item p strong{font-size:40px; font-weight: 900;}
.tab_item.active{background:#fff; color:#212121; border:1px solid #212121;}
.tab_item.active p{color:#212121;}

/* 탭 콘텐츠 */
.tab_contents{background:#fff; padding:90px 40px 70px; margin-top:-1px; border:1px solid #212121; }
.tab_panel{display:none;}
.tab_panel.active{display:block;}

/* 조경필 - 교수 소개 */
.prof_intro{position: relative; background:#e4e4e5; display:flex; align-items: center; min-height: 300px;}
.prof_intro_left h2{font-size:45px; font-weight:600; line-height:1.2; color:#212121; padding-left:60px;}
.prof_intro_left h2 strong{font-weight: 900;}
.prof_intro_right{position: absolute; right:0; bottom:-5px;}
.circle{color:#fff; background: rgba(0,0,0,0.5); 
    top: 20px;
    right: 278px; z-index: 11;
    width:180px; height:180px; text-align: center; line-height:1.2;
    border-radius:50%; position: absolute;font-size:30px; display: flex; 
    align-items: center; justify-content: center; flex-direction: column;}
.prof_footer{font-size:16px; color:#888;padding:10px 0;}

/* 김상훈 */
#tab_ksh .circle strong{font-size:40px;}
#tab_ksh i.fa-circle-play{font-size:40px;}
/* 유튜브 플레이어 팝업 */
.yt-popup-modal { 
    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
    background: rgba(0,0,0,0.65); display: flex; justify-content: center; align-items: center;
    z-index: 10000;
}
.yt-popup-modal[style*="display:none"] { display: none !important; }
.yt-popup-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.yt-popup-iframe {
    max-width: 90vw;
    max-height: 70vh;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.6);
    background: #000;
}
.yt-popup-close {
    position: absolute;
    top: -42px;
    right: 0;
    font-size: 36px;
    color: #fff;
    z-index: 10001;
    cursor: pointer;
    font-family: Arial, sans-serif;
    user-select: none;
}

/* 심승아 & 이종오 */
#tab_ssa .circle{right: 318px;}

/* 합격 이유 */
.pass_reason{margin-bottom:50px; background:#fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); padding:50px 60px;}
.pass_reason h3{font-size:35px; font-weight:900; color:#212121; margin-bottom:25px;font-style: italic;}
.pass_reason_inner{display:flex; background: #f5f5f5; padding:40px;position: relative;}
.reason_list li{font-size:22px; color:#333; margin-bottom:18px; padding-left:8px;display: flex;}
.reason_visual{position: absolute;right: 13px;bottom: 11px;}

/* 심승아·이종오 - 2×5 커리큘럼 그리드 */
.practical_curriculum_grid{display:flex; flex-direction:column; gap:12px; margin-top:24px;}
.practical_curriculum_row{display:grid; grid-template-columns: 140px repeat(4, 1fr); gap:12px;}
.practical_curriculum_cat{display:flex; align-items:center; justify-content:center; border-radius:12px; font-size:22px; font-weight:700; color:#333; min-height:80px;}
.practical_curriculum_cat_elec{background:#e8e4d8;}
.practical_curriculum_cat_mech{background:#d4cfbf;}
.practical_curriculum_cell{display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f0f0f0; border-radius:12px; min-height:80px; padding:12px;}
.practical_curriculum_tit{font-size:20px; font-weight:700; color:#333;}
.practical_curriculum_sub{font-size:16px; color:#555; margin-top:4px;}


/* 원문자 숫자 ① ② ③ */
.reason_list li::before{margin-right:8px;font-size:30px;}
.reason_list li:nth-child(1)::before{content: '①';}
.reason_list li:nth-child(2)::before{content: '②';}
.reason_list li:nth-child(3)::before{content: '③';}
.reason_list li strong{color:#2b8154; margin-right:6px;}

/* 김상훈 단기 합격 루트 - 4단계 가로 카드 플로우 */
.ksh_book_flow{position: relative;display:flex;justify-content: center;}
.book_flow_wrap{display:flex; justify-content:space-between;width: 100%;}
.step_card{background:#fff; border:2px solid #e0e0e0; padding:30px 0; width:23%; position:relative;}
.step_card.active{border-color:#FFC107; border:3px solid #FFC107;}
.step_card_book{position:relative; min-height:100px; display:flex; align-items:center; justify-content:center; margin-bottom:12px;}
.step_card_book img{height:100%; display:block;}
.step_card_badge{position:absolute; top:0; right:0; min-width:48px; padding:4px 6px; background:#000; color:#fff; font-size:16px; line-height:1.3; text-align:center;}
.step_card_desc{font-size:25px; font-weight:600; color:#808080;text-align: center;}
.step_card.active .step_card_desc{color:#FFC107;font-weight: 900;}
/* 가운데정렬 */
.flow_arrow{ position: absolute; top: 50%; transform: translateY(-50%);}
.flow_arrow img{max-width:1045px; }
.bubble{    position: absolute;
    top: 164px;
    left: 478px;}

/* 강좌 리스트 */
.course_list{display:flex; flex-direction:column; gap:20px;}
.course_item{display:flex; align-items: center; justify-content: space-between; padding:40px;gap:20px; height:190px;}
.course_silgi{background:linear-gradient(135deg, #2fb383 0%, #18a86b 100%);}
.course_final{background:linear-gradient(135deg, #ff887c 0%, #b6325f 100%);}
/* 파랑색 그라데이션 */
.course_last{background:linear-gradient(135deg, #2f89b3 0%, #1873a8 100%);}
.course_info em{display:block; font-size:40px; font-weight:900; color:#fff; margin-bottom:8px;}
.course_info p{font-size:25px; color:rgba(255,255,255,0.9); }
.course_status{display:flex; align-items: center; gap:20px; flex-shrink:0;}
.course_status p{font-size:40px; color:#fff;text-align: right;font-family: "ohneuleun", sans-serif;font-weight: 300;font-style: normal;}
.btn_enroll{background:#fff; color:#212121; padding:28px; border-radius:50px; font-weight:900; 
    font-size:40px; transition: all 0.3s;}
.btn_enroll:hover{opacity:0.9; transform:translateY(-1px);}
.btn_final{color:#e11d48;}

/* 강좌 카드 3개 (가로 배치 - 피치/오렌지) */
.course_card_list{display:flex; gap:20px; margin-top:24px; flex-wrap:wrap;}
.course_card{background:#fff;flex:1; min-width:200px; display:block; padding:24px 20px;color:#212121; border:1px solid #212121; transition: box-shadow 0.3s;}
.course_card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.course_card_tit{display:block; font-size:25px; font-weight:900; color:#212121;}
.course_card_desc{font-size:18px; color:#212121;padding-top: 10px;}

.tab_empty{padding:80px 0; text-align:center; color:#888; font-size:18px;}


/* 마지막 섹션 */
.section5{background:#ebebeb;}