/* 공통 */
.inner_{max-width:1200px;width:100%;margin:0 auto;position:relative;}
img{max-width:100%;height:auto;}
h2{text-align: center;}
section{padding:110px 0;}
.sub_tit{font-size:12px;color:#666;line-height:1.6;font-weight: 300;word-break: keep-all;}
.mo_br{display:none;}

/* 바텀배너 */
.bottom_banner{
    position: fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index: 100;
    background-color:#c3196e;
    height:75px;
}
.bottom_banner a{
    width:100%;
    height:100%;
    color:#fff;
    display:flex;
}
.bottom_banner .inner_{
    display:flex;
    justify-content: center;
    gap:20px;
    align-items: center;
}
.bottom_banner .inner_ .left{
    font-size:clamp(18px, 2vw, 30px);
    font-weight: 700;
}
.bottom_banner .inner_ .right{
    font-size:clamp(16px, 2vw, 20px);
    font-weight: 400;
    border:1px solid #fff;
    border-radius: 50px;
    padding:10px 20px;
}



/* 비주얼배너 */
.visual{
    background:url('https://image.engineerlab.co.kr/data/www/engr/promotion/2026/sim-seung-ah/visual/bg.jpg') 
    no-repeat top center / cover;
    padding-bottom: 100px;
}
.visual .top_box{
    text-align: center;
    padding-top:145px;
    position: relative;
}
.visual .top_icon{
    position: absolute;
    right:0;
    width: 15%;
    top:100px;
}
.visual .box_1{
    position: relative;
    text-align: center;
    margin-top:-30%;
    z-index: 1;
}
.visual .tit{
    padding-bottom:60px;
}
.visual .box_1 ul{
    display:flex;
    justify-content: center;
    gap:60px;
    padding:0;
    list-style:none;
}
.visual .box_1 ul li{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:clamp(200px, 16vw, 260px);
    flex:1;
    gap:20px;
}
.visual .box_1 ul li img{
    width: 75%;
}
.visual .box_1 p{
    color:#fff;
    font-size:clamp(18px, 2vw, 30px);
    white-space:nowrap;
    line-height:1.4;
}

.visual .box_2{
    text-align: center;
    margin-top:157px;
}

/* 강의미리보기/교안미리보기 */
.visual .btn_wrap{
    display:flex;
    gap:20px;
    justify-content: center;
}
.visual .btn_wrap .btn{
    margin-top:40px;
    padding:10px 30px;
    background:#fff;
    border-radius: 50px;
    font-size:clamp(18px, 2vw, 25px);
    font-weight: 700;
    color:#222;
    border:none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    line-height: normal;
}
.visual .btn_wrap .btn:hover{
    background: rgba(255,255,255,0.8);
}
.visual .con_2{
    text-align: center;
    margin-top:50px;
}

/* PDF 팝업 */
.pdf_pop_wrp{
    position:fixed; inset:0; z-index:9999;
    background:rgba(0,0,0,.85);
    display:flex; align-items:center; justify-content:center;
}
.pdf_pop_box{
    position:relative;
    width:92vw;
    max-width:1000px;
    height:92vh;
    background:#f0f0f0;
    border-radius:10px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}
.pdf_pop_close{
    position:absolute; top:10px; right:14px;
    color:#333; font-size:36px; background:none; border:none;
    cursor:pointer; line-height:1; z-index:10;
}
.pdf_book_wrap{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    overflow:hidden;
}
#pdf_book{
    position:relative;
}
.pdf_page{
    background:#fff;
    overflow:hidden;
}
.pdf_page canvas{
    width:100% !important;
    height:100% !important;
    display:block;
}
.pdf_loading{
    text-align:center;
    padding:40px;
    font-size:18px;
    color:#666;
}
.pdf_controls{
    display:flex;
    align-items:center;
    gap:20px;
    padding:12px 0;
    background:#f0f0f0;
}
.pdf_ctrl_btn{
    width:40px; height:40px;
    border-radius:50%;
    border:1px solid #ccc;
    background:#fff;
    font-size:24px;
    cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    line-height:1;
}
#pdf_page_info{
    font-size:14px;
    color:#555;
    min-width:70px;
    text-align:center;
}

/* 유튜브 팝업 */
.yt_pop_wrp{
    position:fixed; inset:0; z-index:9999;
    background:rgba(0,0,0,.85);
    display:flex; align-items:center; justify-content:center;
}
.yt_pop_box{
    position:relative;
    padding:0 20px;
    box-sizing:border-box;
    display:flex;
    justify-content:center;
}
.yt_pop_close{
    position:absolute; top:-40px; right:20px;
    color:#fff; font-size:40px; 
    cursor:pointer; 
}
.yt_iframe_wrp{ width:100%;}
.yt_iframe_wrp.is-landscape{
    aspect-ratio:16/9;
    width:min(90vw, 900px);
    max-width:900px;
}
.yt_iframe_wrp.is-portrait{
    aspect-ratio:9/16;
    width:min(90vw, 400px);
    max-width:400px;
    max-height:80vh;
}
.yt_iframe_wrp iframe{ width:100%; height:100%; border-radius: 15px; border:none;}

/* 섹션1 */
.section_01{background-color:#f8f1f4;}
.section_01 .sub_tit{text-align: center;padding-top:20px;}
.section_01  .con_box{margin-top:50px;text-align: center;}
.section_01  .con_box p{text-align: left;}
.section_01  .con_box p a{color:#222;text-decoration: underline;}


/* 섹션2 */
.section_02 .con_box{margin-top:50px;}
.tab_wrap{}
.tab_wrap .tab_list{
    display:flex;
    gap:20px;
    margin-bottom:20px;
    width:45%;

}
.tab_wrap .tab_list .tab_item{
    flex:1;
    padding:10px 0;
    text-align:center;
    font-size:clamp(18px, 2vw, 30px);
    font-weight:700;
    color:#222;
    background:#fff;
    border:1px solid #ccc;
    border-radius:50px;
    cursor:pointer;
}
.tab_wrap .tab_list .tab_item:nth-child(1).active{
    color:#fff;
    background-color:#ff007f;
    border-color:#ff007f;
}
.tab_wrap .tab_list .tab_item:nth-child(2).active{
    color:#fff;
    background-color:#9c27b0;
    border-color:#9c27b0;
}
.tab_wrap .tab_content{margin:0 auto;width:100%;}
.tab_wrap .tab_content_item{display:none;text-align:center;}
.tab_wrap .tab_content_item .img_box{
    display:flex;
    gap:10px;
    justify-content: space-between;
    position:relative;
    width:100%;
    margin:0 auto;
}
.tab_wrap .tab_content_item .img_box img{
    border-radius: 15px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    max-width:50%;
}
.tab_wrap .tab_content_item.active{
    display:block;
    background-color:#f9f9f9;
    padding:25px;
    border:1px solid #ccc;
    border-radius: 20px;
    overflow: hidden;
}
.plus_icon{
    background-color:#fff;border-radius: 50%;width:67px;height:67px;display:flex;align-items:center;justify-content:center;
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
}
.plus_icon i{font-size:40px;}
.plus_icon_1{border:1px solid #ff007f;}
.plus_icon_1 i{color:#ff007f;}
.plus_icon_2{border:1px solid #9c27b0;}
.plus_icon_2 i{color:#9c27b0;}

/* 섹션3 */
.section_03{background-color:#f6f6f6;}
.section_03 .con_box{margin-top:50px;text-align: center;}
.section_03 .con_box p{text-align: left;}
.section_03 .con_box p a{color:#222;text-decoration: underline;}

/* 탭 카드형 디자인 */
.lec_card_row{display: flex; gap: 24px; padding-bottom:10px;margin-top:50px;}
.lec_card{flex: 1; border: 2px solid #fe267e; border-radius: 16px; padding: 28px 24px; background: #fff; display: flex; flex-direction: column;}
.lec_card form{display: flex; flex-direction: column; flex: 1;}
.lec_card_tit{font-size: clamp(18px, 2vw, 30px); font-weight: 800; text-align: center;padding-bottom: 16px; border-bottom: 1px solid #eee; }
.lec_card_tit span{color:#fe267e;font-size:clamp(16px, 12px + 1vw, 20px);font-weight:500;}
.lec_card_info{margin-bottom: 18px;}
.lec_card_info li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    font-size: clamp(16px, 2vw, 20px);
    word-break: keep-all;
    border-bottom: 1px solid #f0f0f0;
}
.lec_card_info li:last-child{ align-items: flex-start;line-height: 1.8;border-bottom:0;}
.lec_card_info li b{width: 22%; color: #555; font-weight: 500; margin-right: 20px; flex-shrink: 0;}
.lec_card_info li.benefit b{color: #fe267e; font-weight: 700;}
.lec_card_info li span{color: #111; line-height: 1.8;}
.lec_card_book{margin-top: auto;background: #f5f5f5; border-radius: 8px; padding:30px;margin-bottom: 18px;display:flex;align-items: center;}
.lec_card_book label{display: flex; align-items: center; gap: 10px; font-size: 20px; cursor: pointer; font-weight: 500;width:100%;height:100%;}
.lec_card_book input[type=checkbox]{width: 18px; height: 18px; accent-color: #333; cursor: pointer; flex-shrink: 0;}
.lec_card_book .book_toggle_label{cursor: pointer;}
.book-toggle{display: none;}
.book_chk_icon{display: inline-flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; background: #ccc; border-radius: 3px; flex-shrink: 0; transition: background 0.15s;}
.book_chk_icon.checked{background: #333;}
.book_chk_icon::after{content: ''; display: block; width: 5px; height: 9px; border: 2px solid #fff; border-top: none; border-left: none; transform: rotate(45deg) translate(-1px, -1px);}
.lec_card_price{display: flex; align-items: baseline; justify-content: center; gap: 8px; margin-bottom: 18px; padding: 10px 0;}
.lec_card_price em{color: #fe267e; font-size: clamp(20px, 2vw, 30px); font-style: normal; font-weight: 500;}
.lec_card_price .total-amt{color: #fe267e; font-size: clamp(25px, 2vw, 40px); font-weight: 800;}
.lec_card_btns{display: flex; gap: 10px; margin: 0;}
.lec_card_btns a{flex: 1; text-align: center; padding: 14px 0; border-radius: 50px; font-size: clamp(18px, 2vw, 25px); font-weight: 900;}
.lec_card_btns a:first-child{background: #222; color: #fff;}
.lec_card_btns a:last-child{background: #fe267e; color: #fff;}

.book_badge{background-color: #111; color:#fff !important;padding:5px 10px;}
/* 탭 카드형 두번째 색상만*/
.lec_card_2{border:2px solid #9c27b0;}
.lec_card_2 .lec_card_tit span{color:#9c27b0;}
.lec_card_2 .lec_card_price em{color:#9c27b0;}
.lec_card_2 .lec_card_info li.benefit b{color:#9c27b0;}
.lec_card_2 .lec_card_price .total-amt{color:#9c27b0;}
.lec_card_2 .lec_card_btns a:last-child{background:#9c27b0;}

/* 섹션4 - 미디어 슬라이드 */
.section_04{background:#fff;}
.section_04 .media_swiper_wrap{
    position:relative;
    margin-top:50px;
    padding:0 30px;
}
.section_04 .media_swiper{
    overflow:hidden;
}
.section_04 .media_swiper .swiper-slide a{
    display:block;
    cursor:pointer;
}
.section_04 .media_swiper .swiper-slide img{
    display:block;
    width:100%;
    border-radius:12px;
    border:1px solid #e8e8e8;
}
.section_04 .media_swiper_prev,
.section_04 .media_swiper_next{
    position:absolute;
    top:42%;
    z-index:2;
    width:56px;
    height:56px;
    border-radius:50%;
    background:#fff;
    border:1px solid #ddd;
    cursor:pointer;
    transform:translateY(-50%);
}
.section_04 .media_swiper_prev{left:0;}
.section_04 .media_swiper_next{right:0;}
.section_04 .media_swiper_prev::after,
.section_04 .media_swiper_next::after{
    font-size:28px;
    font-weight:700;
    color:#999;
}
.section_04 .media_swiper_prev::after{content:'‹';}
.section_04 .media_swiper_next::after{content:'›';}

/* 섹션5 */
.section_05{background-color:#f6f6f6;}
.section_05 .con_box{
    margin-top:50px;
}
.section_05 .con_box .sub_tit{text-align: right;padding-top:20px;}

.review_roll{
    border-radius: 10px;
    background-color:#fff;
    border:1px solid #ccc;
    padding:50px;
}
.review_roll_view{
    overflow:hidden;
}

.review_roll_list li{
    border-bottom:1px solid #ccc;
    padding:50px 0;
    display:flex;
    justify-content: space-between;
    align-items:center;
}


.review_roll_item_left{
    display:flex;
    gap:20px;
    align-items:center;
}
.review_roll_item_left p{
    font-size:clamp(18px, 2vw, 30px);
    font-weight: 700;
    line-height:1.4;
}
.review_roll_item_left p em{
    color:#ff007f;
}
.review_id{
    font-size:16px;
    color:#ccc;
}

/* 섹션6 */
.section_06{background-color:#222;}

/* 바텀 배너 */
.bottom_btn{
    background:url('https://image.engineerlab.co.kr/data/www/engr/promotion/2026/sim-seung-ah/sec7/bg.jpg') no-repeat center center / cover;

}

.pc_br{display:block;    margin: 0 auto;}

@media (max-width:1200px){
    .inner_{padding:0 20px;}
    .visual .box_1{margin-top:-34%;}
    .visual .con_2{padding:0 20px;}
}

@media (max-width:820px){
    .section_01 .con_box, .section_02 .con_box,.section_04 .media_swiper_wrap,.lec_card_row, .section_05 .con_box{margin-top:30px;}
    section{padding:60px 0;}
    .mo_br{display:block;}
    .pc_br{display:none;}
    .bottom_banner .inner_{flex-direction: column;padding:20px 0;gap:10px;}
    .bottom_banner .inner_ .left{text-align: center;}
    .bottom_banner .inner_ .right{margin:0 auto;}
    .evt_wrp{overflow: hidden;}
    .visual .top_box{padding-top:15%;}
    .visual .top_icon{width: 25%;top:42%;right:0;left:0;}
    .visual .box_1{margin-top:-42%;}
    .visual .box_1 ul{
        flex-direction:column;
        align-items:stretch;
        gap:20px;
        width:max-content;
        max-width:100%;
        margin:0 auto;
    }
    .visual .box_1 ul li{
        flex:none;
        flex-direction:row;
        align-items:center;
        justify-content:flex-start;
        gap:12px;
        width:100%;
    }
    .visual .box_1 ul li img{
        width:90px;
    }
    .visual .box_1 ul li p{
        text-align:left;
    }
    .visual .box_2{margin-top:60px;}
    .section_04 .media_swiper_wrap{padding:0 36px;}
    .section_04 .media_swiper_prev,
    .section_04 .media_swiper_next{
        width:44px;
        height:44px;
    }
    /* 실기, 필기 */
    .tab_wrap .tab_list{width:100%;}
    .tab_wrap .tab_content_item .img_box{
        flex-direction: column;
    }
    .tab_wrap .tab_content_item .img_box img{
        max-width:100%;
    }
    .tab_wrap .tab_content_item .img_box img:first-child{
        margin-top: 20px;
    }
    .plus_icon{width:40px;height:40px;}
    .plus_icon i{font-size:24px;}
    .lecture_img{margin-top:20px;}
    .lec_card_row{
        overflow: auto;
        gap:10px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .lec_card_row::-webkit-scrollbar { display: none; }

    .lec_card{flex: 0 0 95%;}
    .book_badge{margin-top:10px;display:inline-block;}
    .review_roll{padding:20px;}
    .review_roll_list li{flex-direction: column;padding:30px 0;}
    .review_roll_item_left{display: block; word-break: keep-all;width:100%;}
    .review_roll_item_left img{width: 45px; height: 45px;}
    .review_roll_item_right{text-align: right;width: 100%;margin-top: 10px;}
    .review_id{font-size:12px;}
    .visual .btn_wrap .btn{padding:10px 0;flex: 1;}
}