/* 공통 */
* { box-sizing: border-box } 
.event-wrap { overflow: hidden; width: 100%; } 
.inner_w { width: 2560px; position: relative; text-align: center; left: 50%; transform: translateX(-50%); margin: 0; } 
.inner { width: 1000px; margin: 0 auto; } 
.p_r { position: relative; } 
.p_c { position: absolute; left:50%; transform: translateX(-50%); } 
.p_a { position: absolute; } 
.footer { margin-top: 0 !important; } 

.evt_main .evt_cont { display: block; top: 30px; z-index: 9; width: 1620px; left: 54%; animation: enter-smooth 1.2s 
cubic-bezier(.16, 1, .3, 1) both; will-change: transform; } 
.evt_main .evt_cont img { width: 100%; } 
.evt_main .evt_icon { top: 50px; left: 17%; animation: float-diagonal 3.5s ease-in-out infinite; will-change: transform; } 


.cont05 .slide_wrap { position: absolute; top:280px; left:32%; width: 100%; } 
.cont05 .slide_wrap li { width: 400px; margin-right: 10px; } 

.cont06 .tab_area { width: 100%; margin: 0 auto; } 
.cont06 .tab_area .tab_btn { display: flex; justify-content: space-between; align-items: center; width: 30%; margin: 50px auto; } 
.cont06 .tab_area .tab_btn li { width: 24%; } 
.cont06 .tab_area .tab_btn li a { font-size: 18px; font-weight: 700; color: #aaa; border-radius: 10px; border: 1px solid #aaa; padding: 15px 0; display: block; text-align: center; transition: all 0.3s; position: relative; } 
.cont06 .tab_area .tab_btn li a::after { content: ''; display: block; width: 30px; height: 30px; background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0604/cursor.png') 0 0 no-repeat; background-size: 100%; position: absolute; bottom:-10px; right: -10px; opacity: 0; } 
.cont06 .tab_area .tab_btn li a.active { color: #000; border: 1px solid #000; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); } 
.cont06 .tab_area .tab_btn li a.active::after { opacity: 1; } 
.cont06 .tab_area .tab_cont { display: none; position: relative; width: 1000px; margin: 0 auto; } 
.cont06 .tab_area .tab_cont.active { display: block; } 
.cont06 .tab_area .tab_cont .lecture_list { position: absolute; width: 1000px; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; top:0; left:0; } 
.cont06 .tab_area .tab_cont .lecture_list li { width: 33.333%; } 
.cont06 .tab_area .tab_cont .lecture_list li a { display: block; width: 100%; height: 100%; } 
 
.cont08 { background: #000; padding: 40px 0; } 
.cont08 .fna_wrap { width: 800px; margin: 0 auto; padding: 40px 0; } 
.cont08 .fna_wrap li { padding:30px; border-radius: 15px; margin-bottom: 20px; background: #232323; } 
.cont08 .fna_wrap li a { display: flex; justify-content: space-between; align-items: center; font-size: 18px; font-weight: 700; color: #fff; } 
.cont08 .fna_wrap li a span { display: block; width:30px; height: 30px; background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0827/close.png') 0 0 no-repeat; background-size: 100%; transition: all 0.3s; } 
.cont08 .fna_wrap li a.active span { background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0827/open.png') 0 0 no-repeat; background-size: 100%; } 
.cont08 .fna_cont { display: none; font-size: 16px; line-height: 1.55rem; color: #fff; margin-top: 20px; text-align: left; padding-left: 15px; } 
.cont08 .fna_cont.active { display: block; } 

.cont09 a { display: block; width: 100%; } 
.cont09 a img { width: 100%; } 

@keyframes float-diagonal { 0%, 100% { transform: translate(0, 0); } 
 50% { transform: translate(35px, -35px); } 
 }

@keyframes enter-smooth { 
 0% { transform: translate3d(55vw, 0, 0); opacity: 0; } 
 100% { transform: translate3d(-50%, 0, 0); opacity: 1; } 
 }

.notice_popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none; } 
.notice_popup.active { display: block; } 
.notice_popup .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } 
.notice_popup .popup_content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 700px; background: #fff; padding: 50px; border-radius: 20px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } 
.notice_popup .popup_content .pop_title { font-size: 24px; font-weight: 700; color: #333; margin-bottom: 10px; text-align: center; position: relative; } 
.notice_popup .popup_content .pop_title .close { position: absolute; top: -25px; right: -10px; width: 30px; height: 30px; cursor: pointer; } 
.notice_popup .popup_content .pop_title .close::before, .notice_popup .popup_content .pop_title .close::after { content: ''; display: block; width: 100%; height: 2px; background: #333; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.notice_popup .popup_content .pop_title .close::before { transform: rotate(45deg); } 
.notice_popup .popup_content .pop_title .close::after { transform: rotate(-45deg); } 
.notice_popup .popup_content p { margin: 25px auto; text-align: center; font-size: 16px; font-weight: 700; color: #fff; background: #008fff; padding: 10px 0;; } 
.notice_popup .popup_content li { margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #333; } 
.notice_popup .popup_content li:nth-last-of-type(1) { margin-bottom: 0; }