.pr_ssa_ineer{
    width:1200px;
    margin: 0 auto;
}
.pr_ssa_container{
    background:url('https://image.engineerlab.co.kr/data/www/engr/promotion/2025/pr_ssa/bg_111.png') no-repeat center center / cover;
    height:1962px;
    width:100%;
    padding-bottom:100px;

}

.pr_ssa_top{
    width:1200px;
    margin:0 auto;
    padding-top:100px;
    display:flex;
    justify-content: space-between;
}

.pr_ssa_top_left_typo{
    padding-top:60px;
}

.pr_ssa_top_right{
    display: grid;
    margin-top: 300px;
}

.pr_ssa_top_right img:first-child{
    margin-bottom: 60px;
}


.pr_ssa_video p{
    font-size:16px;
    font-weight:300;
    color:#212121;
}

/* 1위 근거보기 */
  #layerPopup{
    display:none;
  }
  
  #layerPopup + label{
    display:inline-block;
    padding:7px 14px;
    background:#000;
    color:#fff;
    cursor:pointer;
  }
  
  #layer_bg{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    z-index:1;
  }
  
  #layer_bg > #popup_2{
    border-radius:10px;
    background:#fff;
    padding:30px;
    box-sizing:border-box;
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    display:block !important;
    width:300px;
    z-index: 2;
  }
  .popup_2_content{
    display:flex;
    justify-content: space-between;
  }
  
  #layerPopup:checked + label + #layer_bg{
    display:block;
  }

  .popup_2_close{
    position:absolute;
    top:-37px;
    right:0;
    color:#fff;
    text-shadow:0 0 10px rgba(0,0,0,0.2);
    font-weight: 700;
    font-size:30px;
  }


.pr_ssa2_img{
    position: relative;
}

.pr_ssa2_img a{
    width:100%;
    height:100px;
    background:#f91a3e;
    color:#fff;
    font-size:40px;
    font-weight: 700;
    border-radius: 10px;
    display:flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.touch_img{
    position: absolute;
    bottom:-100px;
    right:30px;
    animation: touch_img_animation 1s infinite;
}
@keyframes touch_img_animation{
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-10px);
    }
}

.pr_ssa2{
    width:100%;
}

.pr_ssa2_sub_wrap{ background-color:#ded3df;width:100%;margin-top:130px;}

.pr_ssa2_sub_typo{
    padding:60px 0;
}



/* 합격시는건 심승아 */
.pr_ssa3{
    background-color:#faf8f9;
    width:100%;
}


/* 보기 */
.pr_ssa4{
    background-color:#fff;
    padding:75px 0;
}
.pr_ssa4_typo{
    position: relative;
}



/* 강의 */
/* 강의탭 */
.tabs_lec{margin: 50px auto 30px; overflow: hidden; display: flex;}
.tabs_lec li{display: inline-flex; width: 33.3%; text-align: center; background: #eee; border-radius: 3px; padding: 20px; font-size: 21px; cursor: pointer; margin-right: 5px; justify-content: center; align-items: center;}
.tabs_lec li.active{background: #f61e42; font-weight: 800; color: #fff;}
.tabs_lec li:first-child{margin-left: 0;}
.lec_tab{width: 1200px; margin: 0 auto; overflow: hidden;}
.lec_tab li{display: inline-block;}
.lec_wrp{height: auto; margin: 30px auto 0; letter-spacing: -0.5px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.lec_wrp > i{font-size: 14px; font-weight: 700;}
.lec_wrp .lec_tit{border-bottom: 2px solid; display: flex; padding: 5px 0 10px 0; align-items: center;}
.lec_wrp .lec_tit em{font-size: 27px; margin-right: 10px; font-weight: 800;}
.lec_wrp .lec_tit p{display: flex; align-items: center;}
.lec_wrp .lec_tit i{font-size: 19px; font-weight: 700;}
.lec_wrp .lec_tit span{color: #005aff; border: 1px solid #005aff; padding: 5px 10px; display: inline-block; font-size: 12px; border-radius: 5px; margin-right: 5px; font-weight: 700;}
.lec_wrp .lec_tit span:nth-child(2){background: #005aff; color: #fff;}

.lec_tit .logo img{width: fit-content; height: 31px; margin-left: -10px;}
.lec_tit .logo img:first-child{margin-left: 0;}

.lecture{display: flex; padding: 20px 0 5px; height: auto;}
.lecture .evt{width: 32%; height: auto; border-bottom: 1px solid #eee;}
.lecture .evt > p{border-bottom: 1px solid #eee;}
.lecture .evt > p:last-child{border-bottom: 0;}
.lecture .evt strong{font-size: 20px; border-bottom: 1px solid #eee; display: block; padding: 10px 0}
.lecture .evt p{padding: 10px 10px; /* max-height: 53px; *//* min-height: 40px; */}
.lecture .evt p::before{content:'\0387'; padding-right: 5px; margin-left: -10px;}
.lecture .evt .btn_qna{display: inline-block; color: #fff; background: #333; width: fit-content; font-size: 11px; padding: 3px 10px; margin: 2px; border-radius: 3px;}
.lecture .info{background: #eef3f4; display: flex; padding: 20px 30px; width: 70%; height: auto; margin-left: 1%;}

.lecture .book_list{width: 60%; overflow-y: scroll; scroll-behavior: smooth; margin-right: 30px; padding-right: 20px; max-height: 80px;}
.lecture .book_list label{display: block; padding: 3px 0 0 35px; font-size: 14px; cursor: pointer;}
#tab_con3 .lecture .book_list{max-height: 147px;}

.lecture input{margin: 5px 5px 0 0; width: 16px; height: 16px; accent-color: #64c4c4; cursor: pointer; margin-left: -27px; vertical-align: text-bottom;}

.lecture .book_list::-webkit-scrollbar{width: 7px;}
.lecture .book_list::-webkit-scrollbar-track-piece{background-color: #fdf8f5;}
.lecture .book_list::-webkit-scrollbar-thumb{border-radius: 8px; background-color: #ccc;}
.lecture .book_list::-webkit-scrollbar-button:start{background-color: #eee;}
.lecture .book_list::-webkit-scrollbar-button:end{background-color: #eee;}

.lecture .tot{width: 40%; align-items: end; display: grid; height:85px;}
.lecture .tot p{padding: 5px 0;}
.lecture .tot p i{display: inline-block; width: 50%; color: #777;}
.lecture .tot p strong{display: inline-block; text-align: right; width: 48%;}
.lecture .tot p:last-child strong{display: inline-block; text-align: right; font-size: 21px;}

.lec_buy{display: flex; align-items: end;}
.lec_buy span{width: 50%; display: inline-block; font-size: 14px; color: #777;}
/*250912 .lec_buy .buy_btn width:50%애서 수정*/
.lec_buy .buy_btn{width: 100%; text-align: right;}
.lec_buy .buy_btn a{padding: 12px 0; border: 1px solid #000; width: 170px; display: inline-block; text-align: center; font-weight: 700; font-size: 17px; margin-top: 10px;}
.lec_buy .buy_btn a:last-child{background: #000; color: #fff;}

.buy_notice{display: block; margin: 0 auto; width: 100%; text-align: center; padding: 30px 0 0; text-decoration: underline; position: relative;}

.div_pop *{font-family: 'Pretendard';}
.div_pop #pop_con2 .txt-box li > strong{display: block; margin-top: 10px;}


/**/
.pr_ssa5{
    background-color:#f8f8f8;
    padding:75px 0;
}
.tabs_lec_2{
    background-color:#ecf0f4;
    border-radius: 52px;
    padding:11px;
}
.tabs_lec_2 li{
    width:49%;
}
.tabs_lec_2 li.active{
    background-color:#fff;
    color:#f61e42;
    border-radius: 52px;
}
.tabs_lec_2 li{
    background-color:#ecf0f4;
}
.tab-conts-prssa5{
    display:flex ;
    justify-content: center;
}
.pr_ssa5_btn{
    padding-top:50px;
}

/*  */
.pr_ssa6{
    background-color:#111;
    padding:75px 0;
}
.pr_ssa6 .inner{
    width: 1200px;
        display: flex;
        flex-flow: wrap;
        justify-content: center;
        gap: 18px;
        margin-top: 45px;

}


/* 바텀 배너 */
.bottom_banner_wrap{
    bottom:0;
    left:0;
    width:100%;
    z-index: 100;
    background-color:#f91a3e;
    box-shadow: 0 0 10px 0 rgba(255,255,255,0.1);
    padding:20px;
    font-size:30px;
    color:#fff;
    font-weight: 900;
    display: flex;
    text-align: center;
    z-index: 1;
    position: fixed;
    justify-content: center;
    align-items: center;
}

.bottom_banner_wrap_inner{
    background-color:#fff;
    border-radius: 45px;
    margin-left:20px;
    width:220px;
    height:37px;
    display:flex;
    align-items: center;
    justify-content: center;
}

.bottom_banner_wrap_inner p{
    font-size:20px;
    color:#f91a3e;
}

/* 윙배너 */
.wing_banner{
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 100;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
}

.wing_banner_item{
    background-color:#f91a3e;
    padding:20px;
    text-align: center;
    font-size:22px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom:10px;
    border-radius: 30px 0 0 30px;
}
.wing_banner_item a{
    color:#fff;
    font-weight: 700;
    font-size:15px;
    background-color:#212121;
    border-radius: 50px;
    display:inline-block;
    margin-top:10px;
    width:130px;
    padding-top: 6px;
}

.wing_banner_item_2{
    color:#fff;
    border:1px solid #f91a3e;
    background:linear-gradient(to right, #414141, #010101);
}

.wing_banner_item_2 a{
    color:#212121;
    background-color:#fff;
    height:30px;
}
.wing_banner_item_2_1{
    color:#fff;
}
.wing_banner_item_2 hr{
    border-bottom:1px solid #f91a3e;
    margin:20px 0;
}

.pc_none{display:none;}


/* 미디어쿼리 */
@media screen and (max-width: 1200px) {
    .wing_banner{display:none;}
    .pr_ssa_top{
        width:100%;
        padding-left:20px;
        padding-right:20px;
    }
    .pr_ssa2_sub_typo{
        padding:20px !important;
    }
    .pr_ssa_ineer{
        width:100%;
        padding:0 20px;
    }
    img{
        max-width: 100%;
      height: auto;
    }
    .pr_ssa_container{height:1700px;}
}

@media screen and (max-width: 768px){
    .pr_ssa_ineer{
        padding: 30px 20px 50px 20px !important;
    }
    .text_ev {
        position:relative;
    }
    .text_ev img{
        height:214px;
    }
    .text_ev .text_ev_inner a:first-child{
        position: absolute;
        top:100px;
        left:73px;
    }
    .text_ev .text_ev_inner a:last-child{
        position: absolute;
        bottom:-23px;
        left:73px;
    }
    .text_ev_inner a{
        background-color:#808080;
        color:#fff;
        padding:3px 5px;
        display:inline-block;
        font-size:10px;
        border-radius: 5px;
        z-index: 1;
        position: relative;
    }
    .pc_none{display:block;}
    .m_none{display:none;}
    .pr_ssa_container{
        background:url('https://image.engineerlab.co.kr/data/www/engr/promotion/2025/pr_ssa/m/bg_01_01_01.png') 
        no-repeat top center / cover;
        height:196vh;
        width:100%;
        position: relative;
        
    }
    .pr_ssa_video{
        position: absolute;
        bottom:0;
        padding-bottom:20px;
    }
    .pr_ssa_top_left_inner img{
        width:40%;
    }
    .pr_ssa_top_left_typo{
        padding-top:30px;
    }
    .pr_ssa_top_right{
        margin-top:237px;
    }
    .pr_ssa_top_right img:first-child{
        margin-bottom:30px;
    }
    .pr_ssa_top_right a img{
        width:63%;
    }
    .pr_ssa2_sub_wrap{margin-top:23px;}
    .tabs_lec{width: 100%; margin: 20px 0 0 0; padding:4px;}
    .tabs_lec li{font-size: 15px; padding: 7px 0; width: 30%;}
    .wing_banner{display:none;}
    .bottom_banner_wrap{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size:17px;
        font-weight: 700;
        color:#fff;
        background-color:#f91a3e;
        padding:10px;
    }
    .bottom_banner_wrap_inner{
        margin-top:7px;
        height:20px;
        margin-left:0;
    }
    .bottom_banner_wrap_inner p{
        font-size:14px;
    }
    #layerPopup + label{
        font-size:12px;
    }
    .pr_ssa2_img a{
        height:47px;
        font-size:16px;
    }
    .touch_img{
        bottom: 10px;
        right: 0;
    }
    .touch_img img{
        width:30%;
    }
    .pr_ssa4, .pr_ssa5, .pr_ssa6{
        padding:20px 0;
    }
    .pr_ssa5_notice{
        font-size:12px;
        color:#808080;
    }


    /* 탭부분 */
    
    .lec_wrp{width: 95%; padding: 10px 10px 20px; border-bottom: 0; height: fit-content; margin-top: 0;}
    .lec_wrp .lec_tit{display: block; position: relative;}
    .lec_wrp .lec_tit em{font-size: 19px;}
    .lec_wrp .lec_tit p{padding-top: 5px; display: inline-flex;}
    .lec_wrp .lec_tit i{font-size: 15px; margin: 0 5px 0 0;}
    .lec_wrp .lec_tit span{padding: 2px 6px 0; border-radius: 3px; font-size: 11px;}
    .tabs_lec_2 li{
        width:48%;
    }
    
    .lecture{display: block; width: 100%; height: fit-content; padding-top: 10px;}
    .lecture .evt{width: 100%; height: fit-content;}
    .lecture .evt strong{font-size: 15px; padding: 5px 0;}
    .lecture .info{display: block; width: 100%; padding: 0; background: none;}

    .lecture .book_list{height: 21vw; width: unset; padding: 6px 6px 10px; margin: 0 0 10px 0; border-bottom: 1px solid #ccc; background: #eef3f4;}
    .lecture .book_list label{font-size: 12px; line-height: 1.3;}
    .lecture input{vertical-align: bottom;}
    .lecture .tot{width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 6px;}
    .lecture .tot p i{font-size: 13px;}
     .lec_buy .buy_btn{width: 100%; text-align: center;}
     .lec_buy .buy_btn a{width: 49%;}
     .buy_notice{margin-bottom: 40px; padding: 10px 0 0;}
     .buy_notice::after{right: 27%;}
     .lec_buy{display: block;}
      .lecture .evt p{padding: 5px; max-height: unset; min-height: unset; font-size: 14px;}
      .lec_buy span{width: unset; font-size: 12px; color: #777;}
      .lecture .tot p{padding: 2px 0;}
      .pr_ssa5_tabs{padding-top:20px;}
      /* 마지막 */
      .pr_ssa6 .inner {
        width: 95%;
        }
        .pr_ssa6 .conts span{
            width: 45%;
            margin-bottom: 18px;
        }
        .pr_ssa6 img{
            width:100%;
        }

        
     
}


@media screen and (max-width: 668px){
    .pr_ssa_container{
        height:176vh;
    }
}

@media screen and (max-width: 568px){
    .pr_ssa_container{
        height:156vh;
    }
}

@media screen and (max-width: 468px){
    .pr_ssa_container{
        height:126vh;
    }
}