@charset "utf-8";

/* 윙배너 */
.wing_banner{position: fixed; top: 500px; right: 0; z-index: 100;}
.wing_banner ul{display: flex; flex-direction: column; gap: 60px;}
.wing_banner ul li{
   background-color:#f5d5d7;
   width: 200px;
   padding:20px;
   border-top-left-radius: 10px; border-bottom-left-radius: 10px; 
   text-align: center;
   font-size:22px;
   cursor: pointer;
   box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
}
.wing_banner ul .wing_banner_item_2{background-color:#e9eafa;}
.wing_banner ul button{position: absolute;
   color: #fff; padding: 10px 20px; width:100%; z-index: 1;
   border: 0;
   border-bottom-left-radius: 10px; font-size: 18px; font-weight: 700; 
   cursor: pointer;
   left:50%; transform: translateX(-50%);

}

.wing_banner ul .wing_banner_btn_1{background: #cb1e25;bottom: 88px; }
.wing_banner ul .wing_banner_btn_2{background: #1e25cb;bottom: -42px; }



.evt_container{position: relative;}
.evt_container strong{font-weight: 900;}
/* 
.evt_container .inner{position: relative; width: fit-content; margin: 0 auto;} */
.evt_container .ponit-color{color: #eaff00;}
.small{font-size: 15px; font-weight: 500;}

.evt_container .barbnr{position: fixed; left: 0; bottom: 0; background: rgb(150,0,39,0.95); width: 100%; text-align: center; color: #fff; z-index: 99; font-weight: 900; font-size: 32px; padding: 15px 0; animation: scale-top .5s .5s cubic-bezier(.25,.46,.45,.94) both;}
.evt_container .barbnr strong{color: rgba(240,255,0,0.95);}

.evt_wp{position: relative;}

.evt_wp .visual{background: #fff2ed url('https://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;}

.txt_box {position: relative;}
.evt_wp .txt{position: absolute;opacity: 0;}
.evt_wp .txt1{ top: 180px; left: 62px; }
.evt_wp .txt2{ bottom: 380px; right: 58px; }
.evt_wp .txt.scale{animation: scale-down-center .3s 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)}}

.evt_wp .typo{position: absolute; top: 130px; left: 233px;}

.red{color:#cb1e25 !important;}
* [class^="bg_"]{position: relative; padding: 100px 0;}

.main_typo{text-align: center;}
h2 {font-size:50px; font-weight: 600; }
.white {color:#fff;}
h2 span{font-size:60px; font-weight: 900; }
.con_box{margin-top:70px;}



.evt_wp .bg_02{
   background: url('https://image.engineerlab.co.kr/data/acad/engr/promotion/2026/260102_exam_written_final/2/bg_2.jpg') 
   no-repeat center 0; overflow: hidden;padding-bottom: 0;}
.evt_wp .bg_02 img{vertical-align: bottom;}
.evt_wp .bg_02 .inner{text-align: center;}
.evt_wp .bg_02 .inner h2{padding:40px 0;}
.evt_wp .bg_04{background: #f6f6f6;}
.evt_wp .bg_04 .con_box{background:#fff; height:500px; width:100%; border-radius: 15px;
   box-shadow: 0 0 16px 0 rgba(0,0,0,0.2);
}
.evt_wp .bg_04 .con_box{display:flex; overflow:hidden;}
.evt_wp .bg_04 .con_box_left{width:25%; height:100%; }
.evt_wp .bg_04 .con_box_right{width:75%; height:100%; padding: 60px;}

/* Step 탭 */
.evt_wp .bg_04 .step_tabs{height:100%;}
.evt_wp .bg_04 .step_tabs > li{height: calc(100% / 3);}
.evt_wp .bg_04 .step_tab{
	width:100%;
	height:100%;
	border:0;
	background:#7a7a7a;
	color:#fff;
	cursor:pointer;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap: 14px;
	font-family: inherit;
   border:1px solid #ccc;
}
.evt_wp .bg_04 .step_tab.is-active{background:#cd001d;}
.evt_wp .bg_04 .step_tab:focus{outline: 3px solid rgba(205,0,29,0.35); outline-offset: -3px;}
.evt_wp .bg_04 .step_no{
	background:#fff;
	color:#000;
	border-radius:999px;
	padding: 6px 18px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
}
.evt_wp .bg_04 .step_label{font-size: 40px; font-weight: 900; letter-spacing: -1px;}

/* Step 패널 */
.evt_wp .bg_04 .step_panel{height:100%;}
.evt_wp .bg_04 .js-step-panel{display:none;}
.evt_wp .bg_04 .js-step-panel.is-active{display:block;}
.evt_wp .bg_04 .step_panel_arrow{display:block; width:100%; max-width: 860px; margin: 0 auto;}
.evt_wp .bg_04 .step_panel_tit{
	font-size: 36px;
	font-weight: 700;
	letter-spacing: -1px;
   padding-bottom: 55px;
   text-align: center;
}
.evt_wp .bg_04 .step_panel_flow{
	display:flex;
	gap: 20px;
	align-items: center;
	justify-content: space-between;
   margin-top:53px;
}
.evt_wp .bg_04 .step_panel_item{
	flex: 1 1 0;
	border: 2px solid #cd001d;
	border-radius: 14px;
   height:150px;
	text-align:center;
   position: relative;
   display: flex;
    justify-content: center;
    align-items: center;
}
.evt_wp .bg_04 .step_panel_badge{
    position: absolute;
    top: -120px;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 90px;
    background: #cd001d;
    border-radius: 50%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}
.evt_wp .bg_04 .step_panel_badge img{
    display:block;
}
.evt_wp .bg_04 .step_panel_item .last{
   bottom:4px;
   left:22%;
   position: absolute;
}
.evt_wp .bg_04 .step_panel_item::after{
   content: '▲';
   position: absolute;
   top:-15px;
   left:50%;
   color:#cd001d;
   transform: translateX(-50%);
}

.evt_wp .bg_04 .step_panel_item p{
	margin:0;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.5px;
}
.evt_wp .bg_04 .step_panel_item p strong{color:#cd001d;}
.evt_wp .sub,
.evt_wp .bg_03{background: #cd001d; padding-bottom: 0;}


/* 섹션5 */
.evt_wp .bg_05{background: #efefef;}
.evt_wp .bg_05 .sub_typo{display:inline-block; 
   padding:10px 30px; background-color:#111; border-radius: 50px;
}
.evt_wp .bg_05 h2{padding:20px 0 40px 0;position: relative;}
/* 학원요청) 딸랑딸랑*/
.evt_wp .bg_05 .icon_po{position: absolute; top: 43px; right: 30px;
   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_wp .bg_05 .lec_buy{background: #fff; padding: 30px 50px; border-radius: 15px;
}
.evt_wp .bg_05 .lec_buy .lec_buy_top{display:flex;
justify-content: space-between;align-items: center;
border-bottom:1px solid #ccc; padding-bottom:20px;
}
.evt_wp .bg_05 .lec_buy .left p{font-size:30px; font-weight: 700;}
.evt_wp .bg_05 .lec_buy .left{display:flex; align-items: center; gap:20px;}
.evt_wp .bg_05 .lec_buy .right p{font-size:20px; }
.evt_wp .bg_05 .lec_buy_notice{padding: 20px 10px; border-radius: 10px; margin-bottom: 20px;}
.evt_wp .bg_05 .lec_buy_notice p{ line-height: 1.5;position: relative;padding-left:10px;}
.evt_wp .bg_05 .lec_buy_notice p::after{
   position: absolute; top: 0; left: 0;
   content: '•';
   display: block;
}

/* 섹션6 */
.evt_wp .bg_06{background: #111;}
.evt_wp .bg_06 h2{font-size:60px;}
.evt_wp .bg_06 .inner_2{display: flex; flex-flow: wrap; justify-content: center; gap: 18px; margin-top: 45px;}

/* 섹션7 */
.evt_wp .bg_07{background: #f1f1f1;}
.evt_wp .bg_07 .map_box{margin-top: 45px;}
.evt_wp .bg_07 .small_typo{font-size:40px; font-weight: 400;}
.evt_wp .bg_07 .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;
   line-height: 1;
}

.evt_container .dungdung{animation:  updown 1s both infinite alternate;}
.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}}
@keyframes updown{ 0%{transform:  translateY(-5px);} 100%{transform:  translateY(5px);}}


/* 공통 특강 일정  */
.evt_container .lec_info{background: #cd001d;}
.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: 15px 0; font-size: 22px; border-radius: 5px 5px 0 0;}
.evt_container .lec_info table tbody th{background: #f0ff00; color: #000; padding: 15px 10px; font-size: 20px;}
.evt_container .lec_info table td{background: #fff; padding: 30px 10px; font-size: 20px; text-align: center; line-height: 30px;}
.evt_container .lec_info table td *{font-size: 20px;}
.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 tbody td:first-child{border-right: 1px solid #000;}
/*
.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;}

.lec_wp .typo{position: absolute; top: 0; right: -150px;}
/* 공통 수강신청 */
.evt_container .lec_wp{background: #efefef;}
.evt_container .tit_tab{background: #000; 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{position: relative; width: fit-content; margin: 0 auto; text-align: center; font-size: 42px; font-weight: 900; padding: 20px 0 50px;}
.lec_wp .tit strong{color: #960027;}
.lec_wp .lec_buy{width: 980px; margin: 0 auto; overflow: hidden;}
.lec_wp .lec_buy li{position:relative; width: 49%; float: left; background: #fff; border-radius: 5px; padding: 50px 30px; margin-left: 2%; text-align: center;} 
.lec_wp .lec_buy li:first-child{margin-left: 0;}

.evt_container .lec_buy{background: #fff; border-radius: 5px; padding: 35px 60px 15px;}
.evt_container .lec_buy .info-txt{position: relative; padding-bottom: 15px; border-bottom: 1px solid #ccc;}
.evt_container .lec_buy .tit{font-size: 32px; padding-right: 20px; vertical-align: middle;}
.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;}

@media screen and (min-width: 845px) {  
   .evt_container .lec_info{padding: 50px 0 100px;}
   .evt_container .lec_info table{width: 730px; margin: 0 auto;}
   
   .history{background: #300403 /* #320202 */ url('https://image.engineerlab.co.kr/user/event/2024/0709/imgs/bg_con4.png') no-repeat center 0; height: 1032px;}   
   .history .m_cont{display: none;}

   .lec_wp{padding: 100px 0;} 
   .lec_wp.title > .tit br{display: none;}

   .evt_container,
   .footerPc{min-width: 1300px;}
}

@media screen and (max-width: 844px) {
  .evt_wp{display: none;}
  .m_evt{display: block;}

   .m_evt .sub{background: #cd001d;}
  .con3{margin-top: -1px;}

  .evt_container .lec_info{padding: 0 0 14%; margin-top: -1px;}
  .evt_container .lec_info table{width: 95%; margin: 0 auto;}
  .evt_container .barbnr {font-size: 1.5rem; padding: 0.5rem 0;}

  .history .m_cont img{width: 100%;}
  .history .inner{display: none;}
   
  .lec_wp{padding: 15% 0 10%;}
  .lec_wp > .tit{font-size: 1.5rem; padding: 4% 0 !important;}
  .lec_wp .lec_buy{width: 90%; margin: 0 auto; padding: 20px 30px;}
  .evt_container .lec_buy .tit{font-size: 25px; padding-right: 10px;}
  .evt_container .tit_tab{font-size: 15px}
  .evt_container .lec_buy .data,
  .evt_container .lec_buy .buy_btn{position: sticky; display: block; width: 100%; margin-top: 10px;}
  .evt_container .lec_info table td{font-size: 1rem; padding: 5px 0; letter-spacing: -1px;}
  .lec_wp .typo{top: -60px; right: -50px;}
  .lec_wp .typo img{width: 60%;}
}


/* 신청 폼 */
 .apply_wp{width: 90%; margin: 0 auto; padding: 0 0 80px;} 
 .apply_wp *{font-variant-numeric: tabular-nums;}
 .apply_wp .tit{font-size: 29px;text-align: center;line-height: 1.2;padding: 50px 0 20px;font-weight: 600;}
 .apply_wp .agree{background: #f7f7f7; padding: 20px; font-size: 13px; line-height: 1.7;}
 .apply_wp .agree strong{font-size: 15px; margin-left: 5px;}

 .apply_wp strong{font-weight: 900;} 
 .apply_wp a{text-decoration: none;}
 .apply_wp .section strong{font-size: 14px;}
 .apply_wp sup{color: #ff4151f8; padding-left: 5px;}
 .apply_wp .small{font-size: 13px; font-weight: 700; line-height: 1; margin-top: 5px;}
 .apply_wp .red{color: #ff4151f8;}

 .apply_wp .apply_form{width: 100%; border-top: 2px solid #000; margin-bottom: 30px;}
 .apply_wp .apply_form tbody th{text-align: left; padding-left: 50px; font-weight: 400;border-bottom: 1px solid #eee;position: relative;}
 .apply_wp .apply_form td{padding: 15px 0;border-bottom: 1px solid #eee;margin: 0;position: relative;}

 .apply_wp input{border: 1px solid #eaeaea; border-radius: 0.2em; padding: 9px;}
 .apply_wp input[type='checkbox'], 
 input[type='radio'] {vertical-align: sub; cursor: pointer;}
 .apply_wp input[type='radio']{width: 18px; height: 18px;}
 .apply_wp input[type='checkbox']{width: 20px; height: 20px; accent-color: #64c4c4; cursor: pointer;}
 .apply_wp input[type='text']{width: 270px;}
 .apply_wp label{cursor: pointer; margin-right: 10px;}
 .apply_wp select{padding: 8px; border: 1px solid #eaeaea;}

 .apply_wp .apply_form col:nth-child(1) {width: 50%;}
 .apply_wp .apply_form col:nth-child(2) {width: 50%;}
 
 .apply_wp details{position: relative; font-size: 15px; margin-top: 30px; padding: 20px 0 0 0; border: 1px solid #333; border-radius: 3px;}
 .apply_wp details summary{width: 95%; margin: 0 auto; font-size: 16px; font-weight: 800; cursor: pointer; list-style-type: none; padding-bottom: 15px;}
 summary::-webkit-details-marker {display: none;}
 .apply_wp details summary .arrow{position: absolute; top: 12px; right: 65px;}
 .apply_wp details[open] summary .arrow::after {position: absolute; top: 12px; left: 10px; content: ''; width: 12px; height: 12px; border-top: 3px solid #000;border-right: 3px solid #000; transform: rotate(-45deg);}
 .apply_wp details summary .arrow::after {position: absolute; top: 5px; left: 10px; content: ''; width: 12px; height: 12px; border-top: 3px solid #000; border-right: 3px solid #000; transform: rotate(135deg);}
 .apply_wp details div p::before{content: ' \00B7'; margin-left: -10px; padding-right: 5px;}
 .apply_wp details div{width: 95%; margin: 0 auto; border-top: 1px solid #aaa; padding: 10px 0 25px;}
 .apply_wp details div p{padding: 7px 0 0 10px; font-weight: 400;}
 .apply_wp .btn_go{border: 1px solid #ccc; padding: 5px 10px; font-size: 13px; border-radius: 3px; margin-left: 10px; color: #333; letter-spacing: -1px;}
 .btn_apply{display: block; background: #2656f6; color: #fff; font-weight: 900; border-radius: 5px; font-size: 25px; width: fit-content; margin: 50px auto 0; padding: 20px 100px; text-align: center;}
 
 @media screen and (min-width: 821px) {  
    .apply_wp{width: 100%;}
 }
 
 @media screen and (max-width: 820px) {  
    .apply_wp .apply_form tr:first-child td label{display: block; margin-bottom: 0.3rem;}
    .apply_wp .tit{padding-top: 20px;}
    .apply_wp details div p{line-height: 1.5;}
    .apply_wp .apply_form tbody th{padding-left: 5px;}
    
    .lec_wp .end{left: 90px;}
    
    .apply_wp .apply_form col:nth-child(1) {width: 40%;}
    .apply_wp .apply_form col:nth-child(2) {width: 60%;}
 }