/* 공통 */
* { box-sizing: border-box } 
.event-wrap { max-width: 750px; min-width: 320px; width: 100%; position: relative; } 
.p_r { position: relative; } 
.p_c { position: absolute; left:50%; transform: translateX(-50%); } 

/* evt_main */

.cont04 .sdbox { position: absolute; left: 50%; transform: translateX(-50%); top: 43vw; width: 80%; } 
.cont04 .sdbox .bx-wrapper {overflow: visible !important;}
.cont04 .sdbox li p { width: 60%; margin: 0 auto;} 
.cont04 .sdbox .bx-wrapper .bx-controls-direction a{width: 25px; height: 25px; top:110%;} 
.cont04 .sdbox .bx-wrapper .bx-controls-direction a.bx-prev{left: 40%;} 
.cont04 .sdbox .bx-wrapper .bx-controls-direction a.bx-next{right: 39%;} 

.cont05 .sdbox { position: absolute; left: 50%; transform: translateX(-50%); top: 22vw; width: 90%; } 
.cont05 .sdbox .bx-wrapper .bx-pager {bottom: -7vw;}
.cont05 .sdbox .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link {background: #fff; opacity: 0.5;}
.cont05 .sdbox .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active {background: #004497; width: 20px; opacity: 1;}
.cont05 .sdbox li span { display: block; width: 90%; margin: 0 auto 2vw; } 
.cont05 .sdbox li span:nth-last-of-type(1) { margin-bottom: 0; } 

.cont06 .tab_area { width: 100%; margin: 0 auto; } 
.cont06 .tab_area .tab_btn { display: flex; justify-content: space-between; align-items: center; width: 90%; margin: 5% auto; } 
.cont06 .tab_area .tab_btn li { width: 24%; } 
.cont06 .tab_area .tab_btn li a { font-size: 3.8vw; font-weight: 700; color: #aaa; border-radius: 3vw; border: 1px solid #aaa; padding: 13% 0; display: block; text-align: center; transition: all 0.3s; position: relative; } 
.cont06 .tab_area .tab_btn li a::after { content: ''; display: block; width: 20px; height: 20px; 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: 100%; margin: 0 auto; } 
.cont06 .tab_area .tab_cont.active { display: block; } 
.cont06 .tab_area .tab_cont .lecture_list { position: absolute; width: 100%; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; top:0; left:0; } 
.cont06 .tab_area .tab_cont .lecture_list li { width: 49%; margin-bottom: 2%; } 
.cont06 .tab_area .tab_cont .lecture_list li a { display: block; width: 100%; height: 100%; } 

 
.cont08 { background: #000; padding: 5% 0; } 
.cont08 .fna_wrap { width: 90%; margin: 0 auto; padding: 5% 0; } 
.cont08 .fna_wrap li { padding:5vw; border-radius: 1.75rem; margin-bottom: 5%; background: #232323; } 
.cont08 .fna_wrap li a { display: flex; justify-content: space-between; align-items: center; font-size: 4vw; font-weight: 700; color: #fff; line-height: 6vw; } 
.cont08 .fna_wrap li a p{ width: 85%;} 
.cont08 .fna_wrap li a span { display: block; width:8vw; height: 8vw; 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: 1.25rem; line-height: 1.55rem; color: #fff; margin-top: 5%; text-align: left; padding-left: 3%; } 
.cont08 .fna_cont.active { display: block; } 

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


.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%); max-width: 700px; width: 90%; background: #fff; padding: 5%; border-radius: 1.75rem; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } 
.notice_popup .popup_content .pop_title { font-size: 1.75rem; font-weight: 700; color: #333; margin-bottom: 5%; text-align: center; position: relative; } 
.notice_popup .popup_content .pop_title .close { position: absolute; top: -3vw; right: -2vw; width: 20px; height: 20px; 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: 5% auto; text-align: center; font-size: 1.25rem; font-weight: 700; color: #fff; background: #008fff; padding: 3% 0;; } 
.notice_popup .popup_content li { margin-bottom: 3%; font-size: 1.25rem; font-weight: 400; color: #333; } 
.notice_popup .popup_content li:nth-last-of-type(1) { margin-bottom: 0; }