@charset "utf-8";

.evt_container{position: relative;}
.evt_container strong{font-weight: 900;}

.evt_container .barbnr{
   position: fixed; overflow: hidden; left: 0; bottom: 0; background: rgba(240,255,0,0.95); 
   box-shadow: 0 -2px 10px rgba(0,0,0,0.08);
   width: 100%; text-align: center; color: #000; padding: 25px 0; z-index: 99; 
   font-weight: 900; font-size: 32px; animation: scale-top .5s .5s cubic-bezier(.25,.46,.45,.94) both;
}
.evt_container .barbnr strong{color: #960027;background:#fff;padding:10px 20px;}
.evt_wp{position: relative;}
.evt_container .inner{position: relative; width: fit-content; margin: 0 auto;}


.evt_wp .quick{position: fixed; right: 10px; top: 50%; text-align: center; z-index: 99;}
.evt_wp .quick .benefit{background: #960027; width: 150px; border-radius: 5px; margin-top: 10px; padding: 15px 0; color: #000; font-weight: 700; border: 2px solid }
.evt_wp .quick .point{font-weight: 900; font-size: 24px; line-height: 1.2; letter-spacing: -.5px; padding-top: 5px; color: rgba(240,255,0,1);}
.evt_wp .quick .btm{width: fit-content; margin: 0 auto; border-bottom: 1px solid #fff; padding: 10px 10px 2px; line-height: 1; font-size: 18px; position: relative; color: #fff; font-weight: 700; letter-spacing: -1px;}
.evt_wp .quick .btm::after{position: absolute; right: 1px; bottom: -5px; content: ''; width: 8px; height: 8px; border-top: 1px solid #fff; transform: rotate(45deg);}

.evt_wp .visual{background: #f9f7f3 url('http://image.engineerlab.co.kr/user/event/2024/0709/imgs/bg_visual.png') no-repeat center 0;}
.evt_wp .visual .inner{animation: scale-top .5s cubic-bezier(.25,.46,.45,.94) both;}
@keyframes scale-top{0%{transform: translateY(300px); opacity: 0;} 100%{transform:translateY(0)}}

.evt_wp .visual .object_bg{position: absolute; top: 0; left: 0;}

.evt_wp .txt{position: absolute; top: 160px; left: 70px; opacity: 0;}
.evt_wp .txt.scale{animation: scale-down-center .2s cubic-bezier(.25,.46,.45,.94) both; opacity: 1;}
@keyframes scale-down-center{0%{transform: scale(5); filter: blur(40px); opacity: 0.5;} 100%{transform: scale(1)}}

.dungdung{position: absolute; top: 506px; left: 700px; 
   background:#111;color:#fff;font-size:25px;font-weight: 900; padding:10px 35px;
   border-radius: 99px;
}

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

.evt_wp .bg_01{background: #fff;}
.evt_wp .bg_02{background: #333; padding: 0;}
.evt_wp .bg_02 img{vertical-align: bottom;}
.evt_wp .sub,
.evt_wp .bg_03{background: #960027; padding-bottom: 0;}
.evt_wp .bg_04{background: #180303;}


.evt_container .blink{animation:  blink 1s infinite;}
.evt_container .up-on-scroll{transition: transform .7s, opacity 1.7s;}

@keyframes blink{0%{opacity: 1} 50%{opacity:.2} 100%{opacity:1}}

/* 공통 특강 일정  */
.evt_container .lec_info{background: #960027;}
.evt_container .lec_info table{table-layout: fixed; word-break: break-all; border-collapse: collapse;}
.evt_container .lec_info table col:nth-child(1) {width: 25%;}
.evt_container .lec_info table col:nth-child(2) {width: 25%;}
.evt_container .lec_info table col:nth-child(3) {width: 25%;}
.evt_container .lec_info table col:nth-child(4) {width: 25%;}
.evt_container .lec_info table thead th{background: #000; color: #fff; padding: 10px 0; font-size: 25px; border-radius: 5px 5px 0 0;}
.evt_container .lec_info table tbody th{background: #f0ff00; color: #000; padding: 10px 0; font-size: 25px;}
.evt_container .lec_info table td{background: #fff; padding: 30px 10px; text-align: center;}
.evt_container .lec_info table tr > td:nth-child(1),
.evt_container .lec_info table tr > td:nth-child(3){border-right: 1px solid #e7e7e7;}
.evt_container .lec_info table tr > td:nth-child(2){border-right: 1px solid #000;}
.evt_container .lec_info table tr:last-child td{border-top: 1px solid #e7e7e7;}
.evt_container .lec_info table tr:last-child strong{font-size:30px;}


.main_tit{font-size: 45px; font-weight: 900; padding: 20px 0 30px; text-align: center;}
.main_tit p .red{color: #aa002c;}

/* 공통 수강신청 */
.evt_container .lec_wp{background: #efefef;}
.lec_wp .main_typo{position: relative;margin:0 auto;width:1200px;}

.icon_po{position: absolute;right:0; top:50px; transform: translateY(-50%);animation: bell-swing 2.5s infinite ; transform-origin: 60% 0%;}
@keyframes bell-swing {
   0%   { transform: rotate(0deg);}
   10%  { transform: rotate(18deg);}
   20%  { transform: rotate(-16deg);}
   30%  { transform: rotate(14deg);}
   40%  { transform: rotate(-12deg);}
   50%  { transform: rotate(10deg);}
   60%  { transform: rotate(-7deg);}
   70%  { transform: rotate(5deg);}
   80%  { transform: rotate(-3deg);}
   90%  { transform: rotate(2deg);}
   100% { transform: rotate(0deg);}
}
.evt_container .tit_tab{background: #000; display: block; width: fit-content; margin: 0 auto; color: #fff; border-radius: 20px; padding: 6px 25px; font-size: 18px !important; font-weight: 700; text-align: center;}
.lec_wp .tit{text-align: center; font-size: 42px; font-weight: 900; padding: 20px 0 30px;}
.lec_wp .lec_buy{background: #fff; padding: 30px 50px; margin:0 auto; max-width:1200px; border-radius: 15px;}
.lec_buy .lec_buy_top{display:flex; justify-content: space-between; align-items: center;border-bottom:1px solid #ccc; padding-bottom:20px;}
.lec_buy .left p{font-size:30px; font-weight: 700;}
.lec_buy .left{display:flex; align-items: center; gap:20px;}
.lec_buy .right p{font-size:20px; }
.lec_buy_notice{width:1200px; margin:0 auto; padding: 20px 10px; border-radius: 10px; margin-bottom: 20px;}
.lec_buy_notice p{ line-height: 1.5;position: relative;padding-left:10px;}
.lec_buy_notice p::after{position: absolute; top: 0; left: 0;content: '•';display: block;}
.price_box {width: 30%;}
.price_box_top {display: flex;justify-content: space-between;align-items: center;padding-bottom: 10px;}
.price_box_bottom {display: flex;justify-content: space-between;align-items: center;}

.evt_container .lec_buy .tit{font-size: 32px; padding: 15px 0 5px;}
.evt_container .lec_buy .data{font-size: 20px; position: absolute; top: 10px; right: 0;}
.evt_container .lec_buy .price{position: relative; width: 100%; margin: 10px auto 0; padding: 20px 0; font-size: 18px;}
.evt_container .lec_buy .percent{color: #e91e63; margin-right: 5px; font-weight: 700;}
.evt_container .lec_buy .price strong{font-size: 34px; color: #e91e63;}
.evt_container .lec_buy .buy_btn{position: absolute; right: 0; bottom: 20px; background: #2656f6; display: block; color: #fff; padding: 15px 0; border-radius: 5px; font-size: 25px; width: 40%; margin: 0 auto; font-weight: 800; text-align: center;}
.lec_wp .end{position: absolute; left: 110px; bottom: -28px;}

/* 마감 처리 */
.evt_container .lec_buy .buy_btn.is_closed {
	background: #aaa;
	cursor: not-allowed;
	pointer-events: none;
}
.buy_end {
	position: absolute;
	right: 0;
	bottom: 20px;
	width: 40%;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	z-index: 5;
}
.buy_end img {
	width: 110px;
}

.history{padding:100px 0;}
.history .main_tit{color:#fff;text-align: center;}


/* 오시는길 */
.location{padding:100px 0;}
.dot-text{position: relative;    display: inline-block;}
.red .dot-text::before {
   content: '•';
   position: absolute;
   top: -15px;
   left: 50%;
   transform: translateX(-50%);
   color: #cb1e25;
   font-size: 20px;
}
.small_typo{font-size:30px; font-weight: 500;}
.map_box{text-align: center;}

.history{background: #180303;}   

@media screen and (min-width: 845px) {
   .tit_1_box{display:flex; gap:10px;}  
   .evt_container .lec_info{padding: 50px 0 100px;}
   .evt_container .lec_info table{width: 900px; margin: 0 auto;}
   
   .history .m_cont{display: none;}

   .lec_wp{padding: 100px 0;} 

   .evt_container,
   .footerPc{min-width: 1300px;}
   .lec_buy_top .left .tit_1 br{display: none;}
}