@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;}

.barbnr{text-align: center; font-weight: 900; background: rgba(0,0,0,0.8); position: fixed; bottom: 0; width: 100%; z-index: 2; padding: 13px 0;}
.barbnr a{color: #fff;  font-weight: 900; display: block;}
.barbnr a span{color: #fff000;}

.evt_wrp .visual{background: #2c0c6e; padding-bottom: 110px;}
.evt_wrp .visual_0701{background: #5d072b;}
.evt_wrp .visual .top,
.evt_wrp .visual_0701 .top{background: rgba(0,0,0,0.6);}
.evt_wrp .cover .over{position: absolute; top: 0; left: 0; border-radius: 10px;}


.evt_wrp .tit{position: relative; margin: 0 auto; text-align: center;}

.evt_wrp ul{overflow: hidden; margin: 0 auto; text-align: center;}

.notice{margin: 70px auto 0; position: relative; border: 1px solid;}
.notice a{border: 1px solid; display: inline-block; padding: 0 8px; font-size: 12px; border-radius: 2px; margin-left: 5px;}
.notice strong{padding-top: 10px; display: block;}
.notice strong:first-child{padding-top: 0;}
.notice p{padding-left: 10px; line-height: 1.25;}
.notice p::before{content: '\00B7'; margin: 0 3px 0 -10px;}
.object{position: absolute; top: 35px; right: 235px;}

* [class^="bg_"]{position: relative; padding: 100px 0;}
.bg_con1{background: #f8f7f1 url('imgs/bg_con1.png') no-repeat center 0;}
.bg_con2{background: #e0e5e7 url('imgs/bg_con2.png') no-repeat center 0;}
.bg_con3{background: #000;}
.plus{background: #393830;}

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

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

/* 게시판 */
.reply_board table{width: 100%;}
.reply_board table th{border-bottom: 2px solid #333; padding-bottom: 10px; font-size: 16px;}
.reply_board table td{text-align: center; border-bottom: 1px solid #e9e9e9; padding: 13px 0; font-size: 16px;}
.reply_board table td:nth-child(2){padding-left: 100px; text-align: left;}
.reply_board .btn_write{width: 100%; display: block; background: #333; margin-top: 50px; padding: 20px 0; border-radius: 5px; color: #fff; font-size: 20px; font-weight: 900; text-align: center;}

/* paging */
.evt_wrp .paging_wp{text-align: center; overflow: hidden; margin-top: 20px; margin-bottom: 0;}
.evt_wrp .paging{align-items: center;  display: inline-flex;}
.evt_wrp .paging a{color: #333; border-radius: 50%; background: transparent; margin: 0 2px; width: 24px; height: 24px; display: grid; align-items: center; text-align: center;}
.evt_wrp .paging .arrow{position: relative; width: 28px; height: 28px; border: 1px solid #333; border-radius: 50%;  padding: 0; margin: 5px 7px 0; background: transparent; display: inline-block;}
.evt_wrp .paging .arrow.prev::after{position: absolute; top: 10px; right: 9px; content: ''; width: 5px; height: 5px; border-bottom: 2px solid #333; border-left: 2px solid #333; transform: rotate(45deg);}
.evt_wrp .paging .arrow.next::after{position: absolute; top: 10px; left: 9px; content: ''; width: 5px; height: 5px; border-top: 2px solid #333; border-right: 2px solid #333; transform: rotate(45deg);}	
.evt_wrp .paging .arrow:hover{background: #000; border-color: #fff;}	
.evt_wrp .paging a:hover,
.evt_wrp .paging .active{font-weight: 900; background: #000; color: #fff;}
.evt_wrp .paging .arrow.prev:hover::after,
.evt_wrp .paging .arrow.next:hover::after{border-color: #fff;}	
.evt_wrp .paging .arrow.prev::before,
.evt_wrp .paging .arrow.next::before{display: none;}


/* 팝업 */
.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; font-weight: 900;}
.div_pop strong{font-weight: 900; font-size: 16px;}
.div_pop .cate{background: #333; color: #fff; text-align: center; padding: 9px 0; margin: 10px auto; letter-spacing: 0; font-size: 16px;}
.div_pop .conts{padding: 6px 0 20px;}
.div_pop .conts span{display: inline-block; width: 49%; line-height: 1.3;}
.div_pop .conts span::before{content:'\00B7'; margin: 0 5px 0 -5px;}
.div_pop .conts span:nth-child(odd){margin-left: 1%;}

.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 240px;}
  .inner,
  .tit{width: fit-content;}
  .tit{padding-bottom: 40px;}
  .evt_wrp .visual_0701{padding-bottom: 110px;}
  .con2{padding: 0 0 70px 250px; z-index: 2; position: sticky;}
  .notice,
  .txt_box{width: 1180px; padding: 30px 100px; line-height: 1.5;}
  .plus{padding-top: 100px;}
  .btn_free{padding: 0 171px 32px; margin: 80px 0 40px;}
  .bg_con3{background: url('https://image.engineerlab.co.kr/data/www/engr/promotion/2025/0320/imgs/bg_con5.png') no-repeat center 0;}
  .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;}

  .barbnr{display: none;}
  .evt_wrp .quick{position: fixed; bottom: 30%; right: 0; z-index: 9; text-align: center;}
  .evt_wrp .quick a{display: block; color: #fff; margin-top: 5px;}

  .btn_go{position: absolute; right: 243px; top: 223px; width: 196px;}

  .bg_con6{background: url('imgs/bg_con5.png') no-repeat center 0; height: 1227px; padding-bottom: 0;}
  .btn_info{font-size: 14px; margin: 15px 0 0 10px;}
  
  .evt_wrp .discount {background: url('imgs/bg_discount.png') no-repeat center 0; width: 1400px; margin: 50px auto 0; height: 650px;}
  .evt_wrp .discount ul {width: 1000px; padding-top: 230px; overflow: hidden;}
  .evt_wrp ul li{display: inline-block;}
  .discount li img{border-radius: 5px;}
  .reply_board{width: 1200px; padding: 50px 0 0 !important;}

  .evt_wrp .cover .over{background: rgba(0, 0, 0, 0.8); height: 596px; display: none;}
.evt_wrp .cover:hover .over{display: block;}
}

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

  .evt_wrp .con1_txt{width: 90%; padding: 1rem;}
  .object{width: 10%; margin: 0 auto; top: 17px; right: 38px;}
  .con2{margin-top: -4rem;}
  .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 li{width: 43%; margin: 1%; display: inline-block;}
  .btn_why{width: 50%; padding: 8px 15px; font-size: 15px;}
  .btn_free{width: 100%; padding: 1rem; margin: 1rem auto;}
  
  .btn_go{position: absolute; right: 6%; bottom: 11%; width: 32%;}
  
  .evt_wrp .quick{display: none;}
  .btn_info{font-size: 0.5rem; margin: 0.3rem 0 0 0.5rem;}

  .evt_wrp .discount {width: 90% !important; margin: 30px auto 0; padding-top: 70px; border-radius: 0 0 5px 5px; background: url(imgs/bg_discount.png) no-repeat; background-size: contain}
    
  .evt_wrp .discount  ul{width: 100%; background: #2c0c6e; padding-bottom: 20px; border-radius: 0 0 5px 5px;}
  .evt_wrp .discount li {width: 42%;}

  .evt_wrp .visual {padding-bottom: 10%;}
  .evt_wrp .cover{width: 90%; margin: 0 auto;}
  .evt_wrp .cover .over{height: 176px; animation: blink 1s infinite;}
  
  .reply_board{padding: 3em 0;}
  .reply_board table th,
  .reply_board table td{font-size: 14px;}
  .reply_board table td{padding: 15px 5px;}


  /* 팝업 */
  .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;}
}


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