@charset "utf-8"; 
.evt_wrp .rate .tit{padding: 0; text-align: left;}
.evt_wrp .rate .tit strong{color: #fff000;}

.evt_wrp{position: relative; width: 100%; overflow: hidden; cursor: default; letter-spacing: -0.5px;}
.evt_wrp img{width: 100%; vertical-align: top;}
.evt_wrp .inner{position: relative; margin: 0 auto;}

.evt_wrp strong{font-weight: 900;}

.evt_wrp .visual{background: #5d072b;}
.evt_wrp .tit{position: relative; margin: 0 auto; text-align: center;}

.evt_wrp ul{overflow: hidden; margin: 0 auto; text-align: center;}
.evt_wrp ul li{display: inline-block;}
.discount li img{border-radius: 5px;}

.notice,
.txt_box{margin: 0 auto;}
.notice{position: relative; border: 1px solid;}
.txt_box{background: rgba(0,0,0,0.1);}

.evt_wrp .con1_txt{border-radius: 10px; background: #fff; margin: 0 auto; position: relative;}


* [class^="bg_"]{position: relative; padding: 100px 0;}
.bg_con1{background: #000 url('https://image.engineerlab.co.kr/data/www/engr/promotion/2025/0320/imgs/bg_con1.png') no-repeat center 0;}
.bg_con2{background: #f8f7f1;}
.bg_con3{background: #fff url('https://image.engineerlab.co.kr/data/www/engr/promotion/2025/0320/imgs/bg_con3.png') no-repeat center 0;}
.bg_con4{background: #efefef url('https://image.engineerlab.co.kr/data/www/engr/promotion/2025/0320/imgs/bg_con4.png') no-repeat center 0;}
.bg_con5{background: #4f030e;}
.bg_con6{background: #000;}
.plus{background: #393830;}

.con2{overflow: hidden;}
.con2 li{float: left;}
.con2 li{margin-right: 6px;}
.con2 li:last-child{margin-right: 0;}

.btn_free{background: #000; border-radius: 5px; display: block;}
.btn_free img{margin-top: -25px;}
.btn_why{color: #fff; border: 1px solid; display: block; margin: 0 auto; margin-top: 30px;}

.evt_wrp .object{z-index: 9;}
.btn_info{border: 1px solid; display: inline-block; padding: 3px 10px;}

.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);}}


/* 팝업 */

.pop_wp{display: flex; background: rgba(0,0,0,0.7); height: 100%; width: 100%; align-items: center; position: fixed; top: 0; left: 0; z-index: 99; justify-content: center;}
.div_pop{position: relative; width: 38rem; background: #fff; height: fit-content; max-height: 88%; border-radius: 10px; padding: 0.5rem 2rem 2rem;}
.div_pop *{font-size: 15px;} 

.div_pop a.closeX{position: absolute; top: 15px; right: 35px; font-size: 60px; height: 36px; line-height: 36px; font-weight: 100; text-align: center; cursor: pointer; color: #000; text-decoration: none;}
.div_pop a.closeX:hover{color: #ccc;}

.div_pop .pop_tit{text-align: center; padding: 20px 0 7px; font-size: 25px; border-bottom: 2px solid #000; font-weight: 900;}
.div_pop strong{font-weight: 900; display: block; font-size: 16px;}

.div_pop .basis{overflow: hidden; display: flex; align-items: center; padding: 10px 0; border-top: 1px solid #eee; width: 100%;}
.div_pop .basis:first-child{border-top: 0;}
.div_pop .basis li{height: 67px; font-size: 17px; font-weight: 500; text-align: left; display: grid; align-items: center; color: #777; width: 90%;}
.div_pop .basis li:first-child{background: url('https://image.engineerlab.co.kr/user/event/2024/1021/imgs/object.png') no-repeat center 0; width: 30%; font-size: 13px; text-align: center; font-weight: 300; background-size: 70%; display: block; padding-top: 16px; letter-spacing: -0.8px; color: #000; background-size: contain;}


/* PC 와이드 */
 @media screen and (min-width: 821px) {  
  .evt_wrp,
  .footerPc{min-width: 1300px;} 
  .evt_wrp .con1_txt{width: 1000px; padding: 70px 165px;}
  .inner,
  .tit{width: fit-content;}
  .tit{padding-bottom: 40px;}
  .evt_wrp .object{position: absolute; right: 80px; bottom: 130px;}
  .notice,
  .txt_box{width: 1000px; padding: 50px 308px 50px 80px;}
  .notice{margin: 80px auto 30px}  
  .plus{padding-top: 100px;}
  .btn_free{width: 1000px; padding: 0 171px 32px; margin: 80px 0 40px; height: 95px;}
  .bg_con3 .inner:nth-child(2){padding-top: 50px;}
  .evt_wrp ul{width: 1000px;}
  .evt_wrp .discount li{width: 24%; margin: 0 3px;}
  .evt_wrp .why li{width: 32%; margin: 5px;}
  .bg_con4 .pop{position: absolute; right: 30px; top: -35px; width: 30%;}
  .btn_why{width: 30%; padding: 10px 20px; font-size: 18px;}

  .evt_wrp .quick{position: fixed; bottom: 30%; right: 0; z-index: 9; text-align: center; background: rgba(0, 98, 255, 0.95); border-radius: 10px 0 0 10px; padding: 10px; width: 130px;}

  .evt_wrp .quick a{display: block; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.25); padding: 10px 0; font-size: 17px; font-weight: 700;}
  .evt_wrp .quick a:last-child{border-bottom: 0;}
  .evt_wrp .quick a:first-child{color: #00ffde; font-weight: 900;}
  .evt_wrp .quick a:hover,
  .evt_wrp .quick a:hover span{color: #fffc00;}
  .evt_wrp .quick span{display: block; font-size: 14px; color: #fff; background: #000; padding: 5px; width: 80%; margin: 5px auto 0; border-radius: 5px;}

  .btn_go{position: absolute; top: 269px; right: 182px; width: 252px;}
  .apply_btn{position: absolute; top: 269px; left: 182px; width: 252px;}
  .evt_wrp .barbnr{display: none;}

  .bg_con6{background: url('https://image.engineerlab.co.kr/data/www/engr/promotion/2025/0320/imgs/bg_con5.png') no-repeat center 0; height: 1227px; padding-bottom: 0;}
  .btn_info{font-size: 14px; margin: 15px 0 0 10px;}
}

/* 모바일 */
@media screen and (max-width: 820px) {
  .inner,
  .tit{width: 90%;}
  .tit{padding-bottom: 2rem;}
  .notice,
  .txt_box{width: 90%; padding: 1rem;}
  * [class^="bg_"]{position: relative; padding: 3rem 0;}  
  .plus{padding-top: 3rem;}

  .evt_wrp .con1_txt{width: 90%; padding: 1rem 0.6rem;}
  .object{display: none;}
  .con2 li{width: 49% !important; margin: 0 1% 1% 0 !important;}
  .con2 li:nth-child(even){margin: 0 0 1% 0 !important;}
  .notice,
  .txt_box{margin-top: 1rem;}
  .visual .inner{width: 110%; margin-left: -5%;}
  .free_btn{padding: 0.8rem; margin-top: 1.5rem;}
  .evt_wrp ul{width: 90%;}
  .evt_wrp ul li{width: 47%; margin: 1%;}
  .bg_con4 .pop{position: absolute; right: -4%; top: -25%; width: 42%;}
  .bg_con4 .inner:nth-child(2){padding-bottom: 0.7rem}
  .btn_why{width: 50%; padding: 8px 15px; font-size: 15px;}
  .btn_free{width: 100%; padding: 1rem; margin: 1rem auto; height: 3.35rem;}
  
  .btn_go{position: absolute; right: 6%; top: 30vw; width: 32%;}
  .apply_btn{position: absolute; left: 6%; top: 30vw; width: 32%;}

  .evt_wrp .barbnr{position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(0, 98, 255, 0.95); color: #fff000; font-size: 19px; font-weight: 700; text-align: center; z-index: 99; padding: 1rem 0;}    
  .evt_wrp .barbnr a{display: block;}
  .evt_wrp .barbnr strong{display: block; font-size: 23px; color: #fff;}
  
  .evt_wrp .quick{display: none;}
  .btn_info{font-size: 0.5rem; margin: 0.3rem 0 0 0.5rem;}

  /* 팝업 */
  .div_pop{width: 92%; padding: 0.5rem 1rem; max-height: 96%;}  
  .div_pop .txt-box p{font-size: 13px;}
  .evt_container .btn_detail{padding: 5px 10px; font-size: 11px; top: 105px; right: 160px;}
  .m_evt > p:nth-child(2) .btn_detail{top: 102px; right: 14px;}
  .m_evt > .bg_05 .typo{position: absolute; bottom: 110px; right: 10px; width: 13%;}
  .bg_06 .btn_detail{top: 68px; right: 58px;}
  
  .div_pop .basis li:first-child{background: url('https://image.engineerlab.co.kr/user/event/2024/1021/imgs/object.png') no-repeat left 0; width: 40%; background-size: 73%;}
  .div_pop .basis li div{font-size: 12px; margin-left: -25px;}
  .div_pop .basis{padding: 5px 0;}
  .div_pop .basis li{font-size: 14px;}
  
  .div_pop > .tit{font-size: 17px !important; text-align: center;}
  .div_pop .txt-box{margin-top: 0;}
  .div_pop *,
  .div_pop strong{font-size: 13px;}
  .div_pop .pop_tit{padding: 7px 0 5px; font-size: 20px;}
  .div_pop a.closeX{top: 3px; right: 15px;}    
  
.pop_alert .txt{font-size: 1rem; line-height: 1.5;}
.pop_alert .txt strong{font-size: 1.1rem;}
.btn_wrap{margin-top: 0.5rem;}
}

/* 인증하기 */
.apply_wp{width: 90%; margin: 0 auto;} 
 .apply_wp *{font-family: 'Pretendard';}
 .apply_wp .tit{font-size: 32px; text-align: center; padding: 30px 0 0; font-weight: 800; width: 100%;}
 .apply_wp .agree{background: #f7f7f7; padding: 20px 35px; 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: 30px; font-weight: 400; border-bottom: 1px solid #eee; position: relative; font-size: 17px;}
 .apply_wp .apply_form td{padding: 15px 20px 17px; border-bottom: 1px solid #eee; margin: 0; position: relative; font-size: 22px;}

 .apply_wp input{border: 1px solid #eaeaea; border-radius: 0.2em; padding: 9px; font-size: 16px;}
 .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: 300px;}
 .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: 20%;}
 .apply_wp .apply_form col:nth-child(2) {width: 80%;}
 
 .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;}
 .txt{font-size: 15px; text-align: center; padding: 10px 0 15px;}
 .txt a{padding: 5px 10px; border-radius: 2px; margin-left: 25px; font-size: 15px;}
 .btn_ok{background: #ccc; color: #000;}
 .btn_apply{background: #2656f6; color: #fff;}
 .btn_cancel{color: #2656f6; border: 1px solid}
 .btn_wrap{width: 100%; display: flex; justify-content: center; padding-top: 30px;}
 .btn_wrap a{display: inline-block; font-weight: 900; border-radius: 5px; font-size: 20px; width: fit-content; padding: 15px 80px; text-align: center; margin: 0 8px 0;}

 
.pop_alert{width: 70%; background: #fff; height: fit-content; max-height: 75%; border-radius: 10px; padding: 1.5rem 1.5rem 2rem; box-shadow: 0px 0px 155px rgba(0, 0, 0, 0.7); font-size: 17px; text-align: center;}