/* common */
.evt_wrap { position:relative; margin:0 auto; overflow:hidden; } 
.evt_wrap img { display:block; width:100% } 
.pos_r { position: relative; } 
.mt-1 { margin-top:-1px; } 

@media (min-width:320px) and (max-width:384px){
 .evt_wrap { font-size:0.6875em } 
 }
@media (min-width:385px) and (max-width:416px){
 .evt_wrap { font-size:0.9em } 
 }
@media (min-width:417px) and (max-width:448px){
 .evt_wrap { font-size:0.8125em } 
 }
@media (min-width:449px) and (max-width:480px){
 .evt_wrap { font-size:0.875em } 
 }
@media (min-width:481px) and (max-width:512px){
 .evt_wrap { font-size:0.9375em } 
 }
@media (min-width:513px){
 .evt_wrap { font-size:1em } 
 }
@media (max-width:425px){
 .time_w .timeText_w span > span { font-size:1.5rem; } 
 .time_w .timeText_w div { top: 36%; } 
 }

/*CSS*/

.lect ul>li .lec_pop { position: absolute; right: 5%; top: 21%; width: 50%; display: none; } 
.lect ul>li .lec_pop#pop3 { top:24%; } 
.lect ul>li .lec_pop img { width: 100%; display: block; } 

.con02 { overflow: hidden; }
.con02 .sys_f { position: absolute; top: 19%; left: 55.7%; font-size: 4.4vw; color: #111111; font-weight: bold; }

/* 후기 aos ani */
.con03 .review_wrap { position: absolute; width: 90%; top: 3%; left: 50%; transform: translateX(-50%); height: 16%; } 
.con03 .review_wrap li { position: absolute; } 
.con03 .review_wrap .ani01 { top: 34%; left: -2%; width: 17%; } 
.con03 .review_wrap .ani02 { top: 3%; left: 15%; width: 17%; } 
.con03 .review_wrap .ani03 { top: 37%; left: 32%; width: 35%; } 
.con03 .review_wrap .ani04 { top: 3%; left: 66%; width: 17%; } 
.con03 .review_wrap .ani05 { top: 33%; left: 82%; width: 20%; } 

.con06 .review_wrap { position: absolute; width: 90%; top: 29%; left: 50%; transform: translateX(-50%); height: 50%; } 
.con06 .review_wrap li { position: absolute; } 
.con06 .review_wrap .ani01 { top: 12%; left: 4%; width: 50%; } 
.con06 .review_wrap .ani02 { top: 34%; left: 46%; width: 50%; } 
.con06 .review_wrap .ani03 { top: 80%; left: 20%; width: 58%; } 

.con13 { position:relative; background: #f9f9f9; } 
.con13 .inner { width: 97%; margin: 0 auto; } 
.con13 .js-tab-type1-con .table-wrap { border-radius: 0 0 10px 10px; overflow: hidden; filter: drop-shadow(0 0px 21px rgba(109, 148, 165, 0.34)); } 
.con13 .js-tab-type1-con { width:100%; padding-bottom: 10%; } 
.con13 .js-tab-type1-con table td, .con13 .js-tab-type1-con table th { border-right: 1px solid #ccc; padding:2%; border-bottom: 1px solid #ccc; text-align: center; } 
.con13 .js-tab-type1-con table th { background:#ffe4e4; border: none; } 
.con13 .js-tab-type1-con table td { background:#fff; word-break: keep-all; } 
.con13 .js-tab-type1-con table td.bg_o { background:#ffe4e4; color:#020202 } 
.con13 .js-tab-type1-con table td.bg_g { background:#f8f8f8; color:#535353 } 
.con13 .js-tab-type1-con table td.bg_o.v1 { background: #ff8baa; color: #fff; border: none; } 
.con13 .js-tab-type1-con table td.bg_o.v2 { background: #ff6ea7; color: #fff; border: none; } 
.con13 .js-tab-type1-con table td.bg_o.v3 { background: #fc2f7f; color: #fff; border: none; } 
.con13 .js-tab-type1-con table tr:last-of-type td { border: none; border-right: 1px solid #ccc; } 

/* tab */
.con13 .js-tab-type1 { max-width:640px; width:100%; box-sizing: border-box; display: flex; align-items: center; } 
.con13 .js-tab-type1 li { display: block; width: calc(100%/4); } 
.con13 .js-tab-type1 li a { cursor: pointer; display: block; padding: 10% 0; background: #d5d5d5; color: #909090; font-weight: bold; font-size: 3vw; border-radius: 12px 12px 0 0; text-align: center; } 
.con13 .js-tab-type1 li.on a { background: #111111; color: #fff; } 


.con15 { width:100%; background-color: #191919; } 

.con15 .js-tab-type1 { width: 90%; margin: 0 auto 4vw; justify-content: center; display: flex; text-align: center; } 
.con15 .js-tab-type1 li { width: 35%; } 
.con15 .js-tab-type1 li a { display: block; padding: 1vw 0; font-size: 4.5vw; 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 .js-tab-type1-con { width: 100%; } 
.con15 .lect_list { font-size: 3.4vw; width: 90%; margin: 0 auto; } 
.con15 .lect_list li { color: #977478; background-color: #3c2d2f; border-radius: 10px; display: inline-block; width: 30%; padding:3% 0; 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: 2.6vw; padding-right: 1vw; } 

.con15 .pub_vid_box { overflow:hidden; position:absolute; top: 63%; left:5%; width: 80vw; height: 45vw; background: #000; border-radius: 20px; } 

.con15 .con15_tab li a { display:block; width:100%; padding-bottom:59%; background:url("https://cdn.hackersut.com/m/img/event/2020/10/2900/v5/tab_list.png") no-repeat left top; background-size:400%; } 


.con17 .review_wrap { position: absolute; width: 90%; top: 3%; left: 50%; transform: translateX(-50%); height: 16%; } 
.con17 .review_wrap li { position: absolute; } 
.con17 .review_wrap .ani01 { top: 34%; left: -2%; width: 17%; } 
.con17 .review_wrap .ani02 { top: 3%; left: 15%; width: 17%; } 
.con17 .review_wrap .ani03 { top: 37%; left: 32%; width: 35%; } 
.con17 .review_wrap .ani04 { top: 3%; left: 66%; width: 17%; } 
.con17 .review_wrap .ani05 { top: 33%; left: 82%; width: 20%; } 

.con18 { background: #ebdfff; } 
.con18 .slide_box { position: absolute; top:30%; left: 50%; transform: translateX(-50%); width: 64%; left: 50%; transform: translateX(-50%); } 
.con18 .slide_box img { width: 100%; display: block; } 
.con18 .bx-wrapper .bx-controls-direction a { top: 106%; background: url('//cdn.hackersut.com/ingang/images/event/2025/08/1800/con18_arrow.png')0 0/cover no-repeat; } 
.con18 .bx-wrapper .bx-controls-direction a.bx-prev { width: 9vw; height:9vw; transform: translateY(-50%); margin: 0; left: 13vw; } 
.con18 .bx-wrapper .bx-controls-direction a.bx-next { background-position-x: 100%; width: 9vw; height:9vw; transform: translateY(-50%); margin: 0; right: 13vw; } 


.lect_area .tab_area { width:95%; margin: 0 auto; } 
.lect_area .tab_area li { background:url('//cdn.hackersut.com/m/img/event/2020/10/2900/v3/lect_tab.png') no-repeat 0 0; padding-bottom: 14.9%; } 



/*tab*/
.tab_section { width:90%; margin:0 auto; background:#eceded; } 
.js-tab-type3 { overflow:hidden; width:100% } 
.js-tab-type3 li { float:left; width:33.3333% } 
.js-tab-type3 li a { display:block; padding-bottom:55.9587%; background:url('/img/event/2020/05/2800/re_200610/tab01.png'); background-size:300% !important; } 
.js-tab-type3 li.m2 a { background-position-x:50%; } 
.js-tab-type3 li.m3 a { background-position-x:100%; } 
.js-tab-type3 li.on a { background-position-y:100%; } 
.js-tab-type3 li.magam { position:relative; padding-bottom:18.5%; background:url('/img/event/2020/05/2800/re_200610/tab01.png'); background-size:300% !important; } 
.js-tab-type3 li.magam span { display:block; width:100%; height:100%; padding-top:20%; position:absolute; left:0; top:0; color:#000; text-align:center; box-sizing:border-box; font-size:20px; font-weight:900; } 
.js-tab-type3-con { display:none; text-align:center } 
.js-tab-type3-con.on { display:block } 

.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 li { padding:2% 0 } 
.pop_wrap .tab_area li.tab_con { width: 94%; margin: 2% 3% 0 3%; border-radius: 10px; } 
.pop_wrap .tab_area .tab_tit { display: flex; align-items: center; flex-wrap: wrap; margin: 0 auto; width: 90%; justify-content: center; } 
.pop_wrap .tab_area .tab_tit > li { margin-left: 1px; width: calc(100%/3 - 5px); } 
.pop_wrap .tab_area .tab_tit > li > a { color: #e2b0c3; display: block; font-weight: bold; background: #ffe7f0; border-radius: 5px; margin-right: 5px; padding: 5% 0; } 
.pop_wrap .tab_area .tab_tit > li.on > a { color:#fff; background: #ff126b; } 
.pop_wrap .tab_area .tab_tit > li.on { } 

.pop_lecture { position: absolute; top:12%; left:50%; transform: translate(-50%, -50%); box-sizing: border-box; text-align: center; max-width: 640px; width: 95%; } 
.pop_lecture .pop_head { border-top-left-radius: 3vw; border-top-right-radius: 3vw; text-align: center; /*padding: 3%; */height: 24vw; line-height: 24vw; } 
.pop_lecture .pop_head h3 { font-size:24px; color:#fff; } 
.pop_lecture .pop_head img { width: 100%; } 
.pop_lecture .cont { display:none; background: #fff; text-align: center; margin:0 auto; border-radius: 0 0 14px 14px; overflow: hidden; position: absolute; top: 93%; height:110vw; } 
.pop_lecture .cont1 { display:block; } 
.pop_lecture .cont p { font-size: 12px; color:#878787; margin-top: 10px; } 
.pop_lecture .btn_close { position: absolute; right: 4%; top: 0; cursor: pointer; width: 10vw; height: 10vw; display: flex; align-items: center; margin: 0; } 
.pop_lecture .btn_close a { width: 100%; height: 100%; display: block; color: #111; font-size: 7vw; } 
.table_layout { height:500px; overflow-y: scroll; -ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */ } 
.table_layout::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ } 
.table_layout table { width:100%; border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; } 
.table_layout table th { background:#343434; font-size:16px; font-weight:bold; color:#fff; } 
.table_layout table td { background:#f7f7f7; font-size:14px; color:#222; } 
.table_layout table th, .table_layout table td { padding: 2%; word-break: keep-all; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; } 

@media all and (max-width:640px){
 .pop_wrap .tab_area .tab_tit > li > a { font-size: 4vw; } 
 .table_layout table th, .table_layout table td { font-size: 2vw; } 
 .pop_lecture .pop_head h3 { font-size: 4.5vw; } 
 }
@media (min-width:280px) and (max-width:400px){
 .table_layout table th, .table_layout table td { word-break: break-word; } 
 }


.bt_ban { position:fixed; width:100%; bottom:0; left:0; z-index:999; display:none; } 
.floating_bnr { position: fixed; bottom:0; width:100%; z-index: 10; } 
.floating_bnr .f_ban { position: absolute; width: 100%; height: 100%; display: flex; top: 0; left: 0; } 
.floating_bnr .f_ban li { width: 50%; display: block; height: 100%; } 
.floating_bnr .f_ban a { width: 100%; display: block; height: 100%; } 
.floating_bnr img { width: 100% } 


/* 레이어 팝업 용 */
.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: 20%; left: 50%; transform: translateX(-50%); z-index: 9999; width: 95%; max-width: 690px; height: 70%; overflow-y: auto; } 
.layer_wrap#evt_pop1 .layer_pop { background-color: #fff4f6; border-radius: 10px; } 
.layer_wrap#evt_pop1 .pop_add_tit { color:#f83f5e; font-size: 5vmin; text-align: center; margin-top: 10%; } 
.layer_wrap#evt_pop1 .pop_add_tit em { font-size: 2vmin; } 
.layer_wrap#evt_pop1 .pop_add_tit span { color:#222 } 
.layer_wrap#evt_pop1 .sale_txt { font-size: 4.5vmin; font-weight: bold; color: #f83f5e; padding-top: 20px; margin-bottom: 3%; } 
.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: 0 4% 4%; text-align:center; background: #fff; } 
.layer_wrap#evt_pop1 .pop_add_wrap { background: #fff4f6; } 
.pop_add_wrap .file_wrap { background-image: url('//cdn.hackersut.com/m/img/event/2023/06/2000/popup_bg.png'); background-size: cover; } 
.pop_add_wrap .file_wrap strong { color:#222; font-size:3.1vw; white-space: nowrap; }
.pop_add_wrap .file_wrap input { margin-left:15px; margin-bottom: 10px; }
.pop_add_wrap .user_info { width:100%; height:100px; overflow-y: scroll; margin: 10px 0 0 0; padding:10px; background:#f3dde1; box-sizing: border-box; text-align:left; color:#b1828b; line-height:18px; font-size:11px; } 
.pop_add_wrap .btn_wrap { text-align:center; margin-top:20px; } 

.pop_add_wrap .file_wrap { text-align:center; } 
.pop_add_wrap .file_wrap input[type="file"] + label { display: flex; align-items: center; width: 90%; position: relative; margin: 0 auto; overflow: hidden; border-radius: 5px; } 
.pop_add_wrap .file_wrap input[type="file"] + label::after { content: "파일선택"; font-size: 3vw; color: #fff; width: 105px; position: absolute; right: 0; top: 0; background: #222; padding: 4% 0; } 
.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: 10px; box-sizing: border-box; } 
.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: 3%; top: 2%; width: 8%; height: 5%; } 
/* .layer_pop .pop_add_tit { width: 100%; line-height: 2.5; color: #fff; font-weight: bold; font-size: 18px; text-align: center; } 
.layer_pop .pop_add_tit em { font-size: 1vmin; } */
.layer_pop .sale_txt { font-weight: bold; color: #f83f5e; } 
.infoBox_text_w { display:block; padding-top:10px; text-align: left; } 
.layer_pop .table_select { display: flex; justify-content: space-between; padding-bottom: 12px; }