@charset "utf-8"; 
.evt_wrp{position: relative; width: 100%; overflow: hidden;}
.evt_wrp strong{font-weight: 900;}

.evt_wrp .inner{position: relative; width: fit-content; margin: 0 auto;}
.evt_wrp .tit{position: relative; width: fit-content;  margin: 0 auto; padding-bottom: 50px;}

.evt_wrp .barbnr{position: fixed; bottom: 2%; left: 50%; transform: translateX(-50%); width: 1200px;
  background: #111; font-size: 30px; z-index: 11; font-weight: 900; border-radius: 10px; overflow: hidden; }
.evt_wrp .barbnr .bnr_progress{position: absolute; top: 0; left: 0; height: 100%; width: 0%; background: #ea256b; z-index: 0;
  border-top-left-radius: 10px; animation: bnrProgressLoop 20s linear infinite;}
@keyframes bnrProgressLoop{0%{width:0%} 100%{width:100%}}
.evt_wrp .barbnr a{position: relative; display: flex; align-items: center; justify-content: center; 
  font-size:30px; height: 70px; color: #fff; font-weight: 400;
}
.evt_wrp .barbnr .bnr_cd{ font-size: 42px;font-weight: 400;margin: 0 15px; font-style: normal; letter-spacing: -0.5px;}
.evt_wrp .barbnr .bnr_cd em{font-style: normal;color:#f6ff63;font-weight: 900;}
.evt_wrp .barbnr .bnr_cd .bnr_cd_txt{font-size:25px;color:#fff;}
.cd_main{font-size:42px;color:#f6ff63;font-weight: 900; display:inline-block; min-width:2ch; text-align:right;}
.evt_wrp .barbnr span{background: #f6ff63; font-size: 20px; color: #212121; width: auto; padding: 5px 40px;
   margin-left: 15px; border-radius: 2px;font-weight: 900;}





.evt_wrp .quick_01{background:#111; top:37%;position: relative;}
.evt_wrp .quick_01 .ab{position: absolute; top: -18px; left: 50%; transform: translateX(-50%); background:#fff; 
  border-radius: 99px; color:#4db848; z-index: 1; padding: 5px 20px; border:2px solid #111;}
.evt_wrp .quick_01 span{color: #fff;padding-top:10px;}
.evt_wrp .quick_01 p{color:#ff6089;}
.evt_wrp .quick_02{background: #fff;border: 2px solid #000; top: 60%;}
.evt_wrp .quick_02 span{color: #212121;border-bottom: 1px solid; padding-bottom: 10px; margin-bottom: 10px;}


.evt_wrp .quick{
   position: fixed; right: 0; padding: 20px 5px; border-radius: 10px 0 0 10px; 
  text-align: center; width: 120px;  font-weight: 900; z-index: 10; border-right: 0;}
.evt_wrp .quick a{display: block; color: #ea256b;}
.evt_wrp .quick span{display: block; }
.evt_wrp .quick i{font-size: 12px; background: #ea256b; border-radius: 50%; width: 20px; height: 20px; color: #fff; display: inline-grid; text-align: center; align-items: center;}

.visual {background: url('https://image.engineerlab.co.kr/data/acad/engr/promotion/2026/special_lecture/1/bg.jpg') 
  no-repeat center center / cover;
  height:1023px;
  position: relative;
}
.visual .main_typo{
  position: absolute;
  left:50%;
  bottom:81px;
  transform: translateX(-50%);
}
.visual .object{padding-top: 63px;}
.visual .txt{padding-top: 50px;}
.visual .line{position: absolute; top: 392px; left: -182px; width: 235px; animation:slide-in-right .5s 1s cubic-bezier(.25,.46,.45,.94) both}
.visual .tch{position: sticky; margin-top: 29px; z-index: 2; animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both}
.visual .typo1{position: absolute; top: 152px; left: -211px; z-index: 3;animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both}
.visual .typo2{position: absolute; top: 209px; right: -225px; z-index: 3;animation:slide-in-right .5s .5s cubic-bezier(.25,.46,.45,.94) both}

@keyframes slide-in-bottom{0%{transform: translateY(500px); opacity: 0} 100%{transform: translateY(0); opacity: 1}}
@keyframes slide-in-left{0%{transform: translateX(-500px); opacity: 0} 100%{transform: translateX(0); opacity: 1}}
@keyframes slide-in-right{0%{transform: translateX(500px) ;opacity: 0} 100%{transform: translateX(0); opacity: 1}}

* [class^="bg_"]{position: relative; padding: 100px 0;}

.evt_wrp .sub{background: #ccff00; position: sticky; z-index: 3;}
.card{width: fit-content; margin: 50px auto 0; padding: 40px; overflow: hidden;}
.card li{float: left; position: relative;}
.card li .ponter{position: absolute; right: 0; bottom: 0;}

.evt_wrp .bg_01{background: #2ebf91;}
.evt_wrp .bg_02{background: #f06280 url('https://image.engineerlab.co.kr/data/acad/engr/promotion/2026/special_lecture/33/bg_con1.png') 
  no-repeat center 0; height: 690px; padding-bottom: 0; position: sticky; z-index: 3;}
.evt_wrp .bg_03{background: #fff;}
.evt_wrp .bg_04{background: #2ebf91;}
.lecBuy{background: #000}

/* slide */
.evt_wrp .review_box {position: relative; width: fit-content; margin: 0 auto;}
.evt_wrp .review_box img{height: auto; border-radius: 10px;}
.evt_wrp .review_box .swiper-container{margin: 0; padding-top: 0 !important; width: 1020px; margin: 0 auto; height: 320px; border-radius: 10px; background: #fff;}
.evt_wrp .review_box .swiper-pagination{position: relative; padding-top: 20px;}
.evt_wrp .review_box .swiper-pagination-bullet{margin: 0 5px; width: 12px; height: 12px; background: #fff;}
.evt_wrp .review_box .swiper-pagination-bullet-active{background: #e4ff00;}

.evt_wrp .review_box .swiper-button-prev{position: absolute; top: 145px; left: -35px; background: rgba(0, 0, 0, 0.8); border-radius: 50%; width: 60px; height: 60px;  color: #fff; font-weight: 900}
.evt_wrp .review_box .swiper-button-next{top: 145px; right: -35px; background: rgba(0, 0, 0, 0.8); border-radius: 50%; width: 60px; height: 60px; color: #fff; font-weight: 900;}   
.evt_wrp .review_box .swiper-button-prev::after,
.evt_wrp .review_box .swiper-button-next::after{font-size: 20px;}  

/* time table */
.tt{width: 1020px; margin: 0 auto;}
.tt:last-child{margin-top: 50px;}
.tt td{text-align: center;}
.tt th,
.tt td{padding: 10px; font-size: 17px; border-bottom: 1px solid #eee;}
.tt thead th{background: #1d2575; color: #fff; font-size: 20px;}
.tt tbody th{background: #f7f7f7;}
.tt th:nth-child(2),
.tt td:nth-child(2){border: 1px solid #eee;}

.evt_wrp .notice{color: #fff; font-size: 17px; text-align: left; width: 1110px; margin: 0 auto; line-height: 1.5; padding: 30px 40px; border: 1px solid; border-radius: 10px;}
.evt_wrp .notice strong{display: block; padding-bottom: 10px;}
.evt_wrp .notice p::before{content: '\0387'; padding-left: 8px; margin-left: -10px; margin-right: 5px;}
.evt_wrp .notice .btn{border: 1px solid #fff; padding: 0 10px; text-align: center; font-size: 13px; color: #fff; display: inline-block; margin-left: 5px; border-radius: 3px;}

.evt_wrp .dungdung{animation:  updown 1s both infinite alternate;}
.evt_wrp .blink{animation:  blink 1s infinite;}
.evt_wrp .up-on-scroll{transition: transform .7s, opacity 1.7s;}

@keyframes blink{0%{opacity: 1} 50%{opacity:.2} 100%{opacity:1}}
@keyframes updown{ 0%{transform:  translateY(-5px);} 100%{transform:  translateY(5px);}}



/* 수강 신청 */
#buy{padding-bottom:100px;}
#buy .tit{padding-top: 100px;}
.bg_lecBuy{padding-top: 0;}
.lecList{width: 1200px; margin: 0 auto;}
/* 상품 리스트 */
.lectureList{width: 1200px; margin: 0 auto; padding-bottom: 50px;display:flex; justify-content: space-between;gap:10px;}
.evt_wrp .lec_detail{width:33.3%; background: #fff; position: relative; display: inline-block; text-align: left; padding: 35px 25px; border-radius: 10px; vertical-align: middle;}

.evt_wrp .lec_detail .pop_typo{position: absolute; top: 20px; left: 20px; background: #f40469; color: #fff; border-radius: 50%; width: 60px; height: 60px; display: grid; align-items: center; text-align: center; font-size: 15px; font-weight: 900;}

.evt_wrp .lec_detail .end{background: rgba(0, 0, 0, 0.75); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; font-size: 30px; color: #fff; font-weight: 900; text-align: center; display: flex; align-items: center; justify-content: center;}
.evt_wrp .lec_detail .end img{width: 23%; position: absolute; bottom: 30px;}

.evt_wrp .lec_detail .lec_tit{position: relative; font-weight: 900; text-align: center; font-size: 32px; padding-bottom: 10px; height: 58px;}
.evt_wrp .lec_detail .lec_tit i{font-size: 17px; color: #333; font-weight: 500; display: block;}
.evt_wrp .lec_detail > form > em{display: block; font-weight: 900; font-size: 20px; padding-bottom: 5px; text-align: center;}
.evt_wrp .sale{text-decoration: line-through;}

.evt_wrp .lec_detail:nth-child(1) .lec_tit{color: #f40469;}
.evt_wrp .lec_detail:nth-child(2) .lec_tit{color: #5e36ee;}
.evt_wrp .lec_detail:nth-child(3) .lec_tit{color: #0fb3bd;}
.evt_wrp .lec_detail.preview-info{background: #f5f5f5;}

#tch_con2{background: #fff url('https://image.engineerlab.co.kr/user/event/2024/1024/imgs/bg_tab2.png') no-repeat center 20px;}
.colorP{color: #f40469;}

.tag{position: absolute; top: -5px; right: 20px; }
.tag span{width: 50px; height: 50px; border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; color: #fff;}
.tag .point1{background: #f40469;}
.tag .point2{background: #0066ff;}
.tag .__1{padding: 0 5px;}
.blink.delay{animation-delay: .5s;}

.evt_wrp .lec_detail .info_box{background: #e7eff1; font-size: 14px; font-weight: 600; line-height: 20px; border-radius: 3px; padding: 10px 20px; height: 80px;}
.evt_wrp .lec_detail .info_box p{padding-left: 5px;}
.evt_wrp .lec_detail .info_box p::before { content: '\2713'; margin: 0 5px 0 -15px; color: #0fb3bd;}

.evt_wrp .con_txt{border-top: 1px solid #efefef; padding: 10px 7px; font-size: 15px; display: flex; align-items: center; min-height: 36px; padding: 10px 0 10px 5px;}
.evt_wrp .con_txt.vertical{display: flex; align-items: center;}
.evt_wrp .con_txt > span{display: inline-block;}
.evt_wrp .con_txt > div{padding-top: 5px;}
.evt_wrp .con_txt > div,
.evt_wrp .con_txt > span:first-child{font-size: 14px; font-weight: 600;  padding-left: 10px; width: 50px;}
.evt_wrp .con_txt > div::before,
.evt_wrp .con_txt > span:first-child::before{content: ' \00B7';  margin-left: -10px; padding-right: 3px;}
.evt_wrp .con_txt > span:last-child{text-align: right; width: 85%;}
.evt_wrp .con_txt.cost{height: 99px;}
.con_txt.book{min-height: 122px;}
.evt_wrp .lec_detail .total{padding-top: 15px;}

.evt_wrp .con_txt.height{height: 99px;}
.evt_wrp .lec_detail .soon {background: #efefef; padding: 18px; text-align: center; font-size: 20px;}
.evt_wrp .lec_detail .price{overflow: hidden; display: flex; align-items: baseline;padding:5px 0;}
.evt_wrp .lec_detail .price li{float: left;}
.evt_wrp .lec_detail .price li:first-child{color: #818181; font-size: 20px; width: 28%;}
.evt_wrp .lec_detail .price li:last-child{text-align: right; width: 72%;font-size:30px;}
.evt_wrp .lec_detail .price s{font-size: 20px; color: #5a5a5a;}
.evt_wrp .lec_detail .price span{color: #f40469; font-weight: 700; font-size: 15px; padding-right: 10px;}
.evt_wrp .lec_detail .price em{font-weight: 900; letter-spacing: -1px;}

.evt_wrp .lec_detail .btn_buy{width: 60%; margin: 20px auto 0; padding: 15px 0; display: block; background: #000; color: #fff; font-weight: 800; font-size: 20px; border-radius: 50px; text-align: center;}

.evt_wrp .noti_txt{position: relative; width: fit-content; text-align: center; font-weight: 800; color: #fff; line-height: 1; margin: 40px auto 0;}
.evt_wrp .noti_txt .arrow{position: absolute; top: -3px; margin-left: 30px;}
.evt_wrp .noti_txt .arrow::after {display: inline-block; content: ''; width: 9px; height: 9px; border-top: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(135deg); position: absolute; top: 7px; right: 9px;}
.evt_wrp .btn_noti{text-align: right; position: absolute; top: -2px; right: 0;}
.evt_wrp .btn_noti a{display: inline-block; color: #fff; border: 1px solid #fff;  padding: 5px 20px; border-radius: 2px; margin-left: 10px;}