/*공통*/
html { overflow-x: hidden; } 
.in { width:1100px; margin:0 auto; text-align:center; position:relative; } 
.in2 { width: 2560px; position: relative; text-align: center; left: 50%; transform: translateX(-50%); margin: 0; }
.ov { overflow:hidden; } 
.p_r { position: relative; } 
.re_f_wrap .re_f_top { background: #000; } 

/*css*/
.evt_main .sys_txt { position: absolute; top: 785px; right: 50%; margin-right: 359px; color: #362da0; background: #fff; font-size: 25px; letter-spacing: -1px; padding: 0 2px; font-weight: 600; } 

.bx-wrapper .bx-viewport { background:none; } 

.tab_con { display:none; } 
.tab_con.on { display:block; } 
.tab_con.on img { width: 100%; display: block; } 

.popUp { display:none; position:fixed; top:0; left:0; width: 100%; height:100%; background:rgba(0, 0, 0, 0.3); z-index: 1000; } 
.popUp img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 99; } 

.pop_wrap { display:none; position:fixed; top:0; left:0; width: 100%; height:100%; background:rgba(0, 0, 0, 0.3); z-index: 999; } 
.pop_wrap .tab_area .tab_tit { width: 90%; display: flex; flex-wrap: wrap; margin: 5% auto; justify-content: center; } 
.pop_wrap .tab_area .tab_tit > li > a { color: #e2b0c3; display: block; font-size: 18px; font-weight: bold; background: #ffe7f0; border-radius: 10px; margin-right: 5px; margin-bottom: 5px; padding: 12px 0; } 
.pop_wrap .tab_area .tab_tit.vol3 > li { width: calc(100%/3); } 
.pop_wrap .tab_area .tab_tit > li.on a { color:#fff; background: #ff126b; } 

.pop_lecture { position: absolute; top:11%; left:50%; transform: translate(-50%, -50%); box-sizing: border-box; text-align: center; } 
.pop_lecture .pop_head { border-top-left-radius: 10px; border-top-right-radius: 10px; text-align: center; background: transparent; } 
.pop_lecture .pop_head h3 { font-size:28px; color:#fff; background: transparent; } 
.pop_lecture .pop_head h3 img { width: 100%; } 
.pop_lecture .cont { display:none; background:#fff; text-align: center; border-radius: 16px; overflow: hidden; position: absolute; top: 90%; } 
.pop_lecture .cont1 { display:block; } 
.pop_lecture .cont p { font-size: 12px; color:#878787; margin-top: 10px; } 
.pop_lecture .btn_close { position: absolute; right:15px; top:15px; cursor: pointer; width: 50px; height: 50px; color: #111; font-size: 40px; } 
.pop_lecture .btn_close a { display: block; width: 100%; height: 100%; } 
.table_layout { height:auto; max-height: 500px; overflow-y: scroll; -ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */width: 94%; margin: 16px auto; border-radius: 16px; } 
.table_layout::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ } 
.table_layout table { width:100%; border-top: 1px solid #fff; border-left: 1px solid #fff; } 
.table_layout table tr { border-radius: 14px; } 
.table_layout table th { background:#343434; font-size:16px; font-weight:bold; color:#fff; } 
.table_layout table td { background:#f7f7f7; font-size:14px; color:#505050; } 
.table_layout table th, .table_layout table td { padding:5px 10px; word-break: keep-all; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } 
.pop_wrap #lec_s_type, .pop_wrap .search_bt, .pop_wra #lec_s_val { border-radius: 10px; } 
.pop_wrap .search_btn { width: 50px; } 

.bg_area { background: #000001 url('https://dev-cdn.hackers.com/ingang/images/event/2025/08/1800/re_251119/con01_bg.gif')center 0 no-repeat; position: relative; } 
.bg_area .con01_bg { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; } 

.con02 .sys_f { position: absolute; top: 278px; left: 51.7%; font-size: 32px; color: #111111; font-weight: bold; } 

/* 후기 aos ani */
.con03 .review_wrap { position: absolute; width: 1000px; top: 3%; left: 50%; transform: translateX(-50%); } 
.con03 .review_wrap li { position: absolute; } 
.con03 .review_wrap .ani01 { top: 72px; margin-left: 218px; } 
.con03 .review_wrap .ani02 { top: 14px; margin-left: 304px; } 
.con03 .review_wrap .ani03 { top: 72px; margin-left: 404px; } 
.con03 .review_wrap .ani04 { top: 14px; margin-left: 603px; } 
.con03 .review_wrap .ani05 { top: 72px; margin-left: 685px; } 

.con06 .review_wrap { position: absolute; width: 1200px; top: 3%; left: 50%; transform: translateX(-50%); } 
.con06 .review_wrap li { position: absolute; } 
.con06 .review_wrap .ani01 { top: 232px; margin-left: 278px; } 
.con06 .review_wrap .ani02 { top: 298px; margin-left: 562px; } 
.con06 .review_wrap .ani03 { top: 437px; margin-left: 294px; } 


.con13 .tab_area { width:1000px; margin:0 auto; } 
.con13 .tab_area .tab_tit { display: flex; align-items: center; width: 97.1%; margin: 0 auto; } 
.con13 .tab_area .tab_tit li { width: calc(100% / 4); margin-left: 1px; } 
.con13 .tab_area .tab_tit li a { display: block; padding: 20px 0; background: #d5d5d5; color: #909090; font-weight: bold; font-size: 20px; border-radius: 20px 20px 0 0; margin-right: 1px; } 
.con13 .tab_area .tab_tit li.on a { background: #111111; color: #fff; } 

.con13 { position:relative; background: #f9f9f9; } 
.con13 .lect_list { width: 220px; overflow: hidden; position: absolute; left: 34%; top: 56px; transform: translateX(-50%); } 
.con13 .lect_list li { width:100%; height: calc(814px / 17); cursor: pointer; } 

.con15 { background: url('https://dev-cdn.hackers.com/ingang/images/event/2025/08/1800/con15_bg.jpg')center 0 no-repeat; }
.con15 .js-tab-type1-con { padding-bottom: 50px; }
.con15 .js-tab-type1-con > img { width: 750px; }
.con15 .js-tab-type1 { width: 20%; margin: 0 auto; } 
.con15 .js-tab-type1 li { width: 35%; } 
.con15 .js-tab-type1 li a { display: block; padding: 15px 0; font-size: 24px; font-weight: bold; color: #fff; border-bottom: 1px solid #fff; opacity: 0.5; } 
.con15 .js-tab-type1 li.on a { color: #fff; border-bottom: 1px solid #fff; opacity: 1; } 

.con15 .pub_vid_box { overflow:hidden; position:absolute; top: 54%; left:36%; width: 560px; height: 320px; background: #000; border-radius: 24px; } 

.con15 .lect_list { font-size: 20px; width: 630px; margin: 40px auto 0; } 
.con15 .lect_list li { color: #977478; background-color: #3c2d2f; border-radius: 10px; display: inline-block; width: 30%; height: 50px; line-height: 50px; margin: 0 5px 9px 0; font-weight: 700; cursor: pointer; } 
.con15 .lect_list li.on { color: #fff; background-color: #ff2335; } 
.con15 .lect_list li span { font-size: 16px; } 

#lec_s_type,.search_btn { height: 30px; border:1px solid #000 } 
#lec_s_val { height: 28px; border:1px solid #000 } 


.con18 { position:relative; } 
.con18_sd { position:absolute; width: 1200px; top: 634px; left:50%; transform:translateX(-50%); } 
.con18_sd .bx-viewport { padding: 0 10px; } 
.con18_sd .bxslider li img { border-radius: 18px; box-shadow: 0 0 8px 3px #cec4e6; } 
.con18_sd .bx-wrapper .bx-controls-direction a { top: unset; bottom: -80px; left: 50%; width: 60px; height: 60px; background: url('//cdn.hackersut.com/ingang/images/event/2025/08/1800/con18_arrow.png')0 0/cover no-repeat; } 
.con18_sd .bx-wrapper .bx-controls-direction .bx-prev { margin-left: -69px; } 
.con18_sd .bx-wrapper .bx-controls-direction .bx-next { margin-left: 8px; background-position-x: 100%; } 

.con17 .review_wrap { position: absolute; width: 1000px; top: 19px; left: 50%; transform: translateX(-50%); } 
.con17 .review_wrap li { position: absolute; } 
.con17 .review_wrap .ani01 { top: 72px; margin-left: 218px; } 
.con17 .review_wrap .ani02 { top: 14px; margin-left: 304px; } 
.con17 .review_wrap .ani03 { top: 72px; margin-left: 404px; } 
.con17 .review_wrap .ani04 { top: 14px; margin-left: 603px; } 
.con17 .review_wrap .ani05 { top: 72px; margin-left: 685px; } 



.ban_bottom { width:100%; text-align:center; position:fixed; left:50%; transform: translateX(-50%); bottom:0; z-index:5; } 
.ban_bottom a { display: block; } 

.quick { position: fixed; top: 50%; right: 1%; z-index: 2; display: flex; flex-direction: column; align-items: center; } 
.quick > li{margin-bottom:10px;}
.quick .quick_menu { position: absolute; top: 0; left: 0; width: 100%; } 
.quick .quick_menu li { display: block; } 
.quick .quick_menu li a { display: block; width: 100%; padding-bottom: 37%; height: 0; } 
.quick .quick_menu li:nth-of-type(2) a { padding-bottom: 30%; } 
.quick .quick_menu li:nth-of-type(3) a { padding-bottom: 33%; } 
.quick .quick_menu li:nth-of-type(4) a { padding-bottom: 36%; } 
.quick .quick_menu li:nth-of-type(5) a { padding-bottom: 30%; } 

/* 레이어 팝업 용 */
.layer_wrap { display:none; } 
.layer_bg { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=50); opacity:0.5; z-index:999; } 
.layer_wrap .layer_pop { position:fixed; top:13%; left:50%; transform: translateX(-50%); z-index:9999; width:90%; max-width: 690px; } 
.layer_wrap:not(#evt_pop1) .layer_pop { max-height: 600px; overflow-y: auto; border-radius: 0 0 20px 20px; } 
.layer_wrap:not(#evt_pop1) .layer_pop::-webkit-scrollbar { width: 10px; } 
.layer_wrap:not(#evt_pop1) .layer_pop::-webkit-scrollbar-track { background-color: #eee; } 
.layer_wrap:not(#evt_pop1) .layer_pop::-webkit-scrollbar-thumb { background-color: #555; border-radius: 5px; } 
.layer_wrap:not(#evt_pop1) .layer_pop::-webkit-scrollbar-button { display: none; } 


.layer_wrap#evt_pop1 .layer_pop { background: url('//cdn.hackersut.com/ingang/images/event/2023/06/2000/pop_bg.png') 0 0 no-repeat; height: 600px; } 
.layer_wrap#evt_pop1 .pop_add_tit { color: #f83f5e; font-size: 28px; text-align: center; margin-top: 15px; } 
.layer_wrap#evt_pop1 .pop_add_tit em { font-size: 20px; } 
.layer_wrap#evt_pop1 .pop_add_tit span { color:#222 } 
.layer_wrap#evt_pop1 .sale_txt { font-size: 30px; font-weight: bold; color:#f83f5e; margin-bottom: 15px; } 

.layer_wrap .layer_pop img { max-width:100%; } 
.layer_wrap .layer_close { position:absolute; top:0; right:0; margin-top:-20px; } 
.layer_wrap .layer_close a { color:#fff; font-size:16px; padding:10px 5px; } 

.pop_add_wrap { padding:20px 15px 30px; text-align:center; } 
.pop_add_wrap .file_wrap { text-align:center; } 
.pop_add_wrap .file_wrap strong { color:#222; font-size:20px; display: block; width: 90px; } 
.pop_add_wrap .file_wrap input[type="file"] { display: none; } 
.pop_add_wrap .file_wrap input[type="file"] + label { display: flex; align-items: center; width: 500px; height: 45px; position: relative; margin: 0 auto; overflow: hidden; border-radius: 5px; } 
.pop_add_wrap .file_wrap input[type="file"] + label::after { content: "파일선택"; font-size: 18px; color:#fff; width: 105px; height: 47px; line-height: 47px; position: absolute; right: 0; top: 0; background: #222; } 
.pop_add_wrap .file_wrap input[type="text"]:disabled { background: #f3f3f3; width: 100%; height: 100%; border: 1px solid #e2e2e2; margin-left:15px; border-radius: 5px; padding-left: 10px; box-sizing: border-box; } 
.pop_add_wrap .user_info { width: 610px; height:100px; overflow-y: scroll; padding:10px; background:#f3dde1; box-sizing: border-box; text-align:left; color:#b1828b; line-height:1.2; font-size:14px; border-radius: 10px; } 
.pop_add_wrap .user_info strong { font-size: 14px; color:red; } 
.pop_add_wrap .user_info li { text-align:left; color:#777; line-height:23px; font-size:11px; } 
.pop_add_wrap .user_info li.first { font-size:14px; font-weight:bold; padding-bottom:5px; } 

.layer_pop a.close { position:absolute; right:15px; top:15px; width:35px; height:35px; } 
.infoBox_text_w { display:block; text-align: left; width: 610px; margin-left: 30px; margin-top: 15px; } 
.infoBox_text_w input[type="checkbox"] { width: 28px; height: 28px; vertical-align: middle; margin-bottom: 5px; } 
.infoBox_text_w input[type="checkbox"] + label { font-size: 20px; color:#735056; padding-left: 10px; vertical-align: middle; display: inline-block; margin-bottom: 5px; }