.event-wrap { width: 100vw; overflow: hidden;; } 
.event-wrap .inner { width:1000px; margin:0 auto; text-align:center } 
.event-top { background:#000 } 
.inner_w { width: 2560px; position: relative; text-align: center; left: 50%; transform: translateX(-50%); margin: 0; } 
.p_c { position: absolute; left:50%; transform: translateX(-50%); } 

.cont01 { background: #5a36b9; } 
.cont03 { background:url('//gscdn.hackers.co.kr/hrd/img/event/2021/1130/cont03_bg.jpg')no-repeat 50% 0; } 
.cont04 { background:url('//cdn.hackershrd.com/img_hrd/event/2021/1130/cont04_bg.jpg')no-repeat 50% 0; } 
.cont06 { background:#a9c4f6 } 
.cont07 { background:url('//gscdn.hackers.co.kr/hrd/img/event/2021/1130/cont07_bg.png')no-repeat 50% 0; padding-bottom: 100px; } 
.cont09 { background:#5a36b9 } 

.cont07 .tab_area { margin-left:2px; } 
.cont07 .tab_area > li { display: inline-block; width: 33.3333%; margin-left: -4px; height: 106px; text-indent: -9999px; cursor: pointer; } 
.cont07 .tab01 > li { background: url('//cdn.hackershrd.com/img_hrd/event/2021/1130/tab01.png') 0 0 no-repeat; } 
.cont07 .tab02 > li { background: url('//cdn.hackershrd.com/img_hrd/event/2021/1130/tab02.png') 0 0 no-repeat; height: 107px; } 
.cont07 .tab_area > li.on { background-position-y: 100%; } 
.cont07 .tab_area > li img { width: 100%; } 
.cont07 .tab_area > li:nth-child(2) { background-position-x: -333px; } 
.cont07 .tab_area > li:nth-child(3) { background-position-x: -665px; } 
.cont07 .content_area li { display: none; position: relative; } 
.cont07 .content_area li.on { display: block; } 

.cont07 .tab01_content > li video { position: absolute; top: 192px; width: 506px; height: 285px; left: 47px; background: #000; display: none; } 
.cont07 .tab01_content > li video.on { display: block; } 

.cont08 .sale_txt { position: absolute; top:150px; font-weight: 700; } 
.cont08 .sale_txt:nth-of-type(1) { font-size: 2.05rem; color: #fff; top: 375px; left: 32.9%; line-height: 2.65rem; } 
.cont08 .sale_txt:nth-of-type(2) { font-size: 1.8rem; text-decoration: line-through; color: #999; top: 310px; left: 37.6%; font-weight: 500; } 
.cont08 .sale_txt:nth-of-type(3) { font-size: 3.35rem; color: #ff0000; top: 437px; left: 37.3%; } 
.evt_main .inner_w >span { position: absolute; top: 521px; left: 965px; color: #fff; font-weight: 700; font-size: 1.15rem; } 
.btn_wrap { display: flex; width: 870px; bottom: 914px; justify-content: space-between; align-items: center; background: none; border: none; } 
.btn_wrap a { display: block; width: 49.2%; height: 100px; position: relative; } 
.btn_wrap a span { position: absolute; transition: all 0.9s; background: url('//cdn.hackershrd.com/img_hrd/event/2021/1130/re_240726/pointer.png') 0 0 no-repeat; 
    width: 90px; height: 90px; display: block; z-index: 999; background-size: 100%; right: 0; top:55px; } 
.btn_wrap a:hover span { right: 20%; } 

.cont01 .inner { position: relative; } 
.cont01 .percent_area .percent { position: absolute; top:79%; right: 73%; } 
.cont01 .percent_area .percent02 { right: 38%; } 
.cont01 .percent_area .percent03 { right: 5%; } 
.cont01 .percent_area .percent .per_style { display:inline-block; position:relative; font-family:'Roboto'; color:#18ffec; } 
.cont01 .percent_area .percent .num { font-weight:700; font-size:84px; letter-spacing:-5px; } 
.cont01 .percent_area .percent .per { font-weight:200; font-size:32px; } 

#playerQCHsuyTviMgz { width:100%; height:100%; } 

.lecture-list { margin-top:20px; text-align:left } 

.slide-type { width:843px; margin:0 auto } 
.slide-type .bxslider-default .bx-controls-direction a { width:60px; height:60px; background:url('//cdn.hackershrd.com/img_hrd/event/2018/0604/slide_arr.png') } 
.slide-type .bxslider-default .bx-wrapper .bx-prev { left:-60px } 
.slide-type .bxslider-default .bx-wrapper .bx-next { right:-60px; background-position:-60px 0 } 
.slide-type .bxslider-default .bx-wrapper .bx-prev:hover { background-position:0 0 } 
.slide-type .bxslider-default .bx-wrapper .bx-next:hover { background-position:-60px 0 } 
.slide-type .bxslider-default .bx-controls .bx-pager { bottom:26px; text-align:center } 
.slide-type .bxslider-default .bx-pager .bx-pager-item a { width:15px; height:15px; background:url('//cdn.hackershrd.com/img_hrd/event/2018/0604/slide_btn.png') } 
.slide-type .bxslider-default .bx-pager .bx-pager-item a:hover,
.slide-type .bxslider-default .bx-pager .bx-pager-item a.bx-pager-link.active { background-position:-18px 0 }