#wrap{max-width: 750px;}
.p_r{position: relative;}

.cont02{background:url('//mpublic.hackers.com/images/event/2021/0928/re_220124/cont02_bg.jpg') repeat-y; background-size: 100% 100%;}
.cont02 .apply_txt{width:75%; margin:0 auto; padding:2% 0;}
.cont02 .apply_txt input[type='text']{margin-bottom:3%;height: 4vh;border-radius: 1vw;}
.cont02 .apply_chk{background:url('//mpublic.hackers.com/images/event/2021/0928/re_220124/cont02_2bg.jpg') repeat-y; background-size: 100% auto;font-size: 0.8em;}
.cont02 .apply_chk .scroll_box{width:84%; margin:0 auto; padding:3%; box-sizing: border-box; background:#f1f1f1; overflow-y: auto; height:20vh; font-size: 10pt;}
.cont02 .apply_chk .scroll_box strong {font-size: 12pt; text-decoration: underline;}
.cont02 .chk_op{width:85%; background:#fff; margin:0 auto; padding:2% 0.2% 5% 0;}
.cont02 .chk_op > p{display:block; margin-bottom:1%;}
.cont02 .chk_op > .chk > label{position: relative;top: 0.5vh;margin-left: 1.5vw;}
.cont02 .chk_op > .chk span{background: #000;color: #fff;padding: 3px 10px;border-radius: 5px;margin-left: 8px;}

.cont03_5 .v_wrap{position:absolute;bottom: 21%; left:50%;transform: translateX(-50%); width:80%; height:46%;}

.cont04_1{padding:0 4%;background:#dcd7ff;}
.cont04_1 .tab_area .tab_button {padding-bottom: 15%;}
.cont04_1 .tab_area .tab_button::after{content:'';display:block;clear:both;}
.cont04_1 .tab_area .tab_button li{float:left;cursor: pointer;position: absolute; width:22%;padding-top:11.8%;font-size:0;}
.cont04_1 .tab_area .tab_button li:first-of-type {width:19.8%;background:url('//mpublic.hackers.com/images/event/2020/1124/re_210630/cont04_tab1.png') 0 0/100%; left: 3.6%; z-index: 5; }
.cont04_1 .tab_area .tab_button li:nth-of-type(2){background:url('//mpublic.hackers.com/images/event/2020/1124/re_210630/cont04_tab2.png') 0 0/100%;left: 20%; z-index: 4;}
.cont04_1 .tab_area .tab_button li:nth-of-type(3){background:url('//mpublic.hackers.com/images/event/2020/1124/re_210630/cont04_tab3.png') 0 0/100%;left: 39%; z-index: 3;}
.cont04_1 .tab_area .tab_button li:nth-of-type(4){background:url('//mpublic.hackers.com/images/event/2020/1124/re_210630/cont04_tab4.png') 0 0/100%;left: 58%; z-index: 2;}
.cont04_1 .tab_area .tab_button li:last-of-type{width:20.2%; background:url('//mpublic.hackers.com/images/event/2020/1124/re_210630/cont04_tab5.png') 0 0/100%;left: 77%; z-index: 1; }
.cont04_1 .tab_area .tab_button li.on{background-position-y:100%;}
.cont04_1 .tab_area .tab_cont{display:none; position: relative;}
.cont04_1 .tab_area .tab_cont.on{display:block;}

.cont04_1 .v_wrap{position:absolute; width:92%; top:52.3%; left:50%; transform: translateX(-50%); padding-top:52.25%; display: none;}
.cont04_1 .v_wrap iframe{position: absolute; top:0; left:0;}

.cont05{padding:0 5%;background:#fff url('//mpublic.hackers.com/images/event/2021/0928/re_220124/cont05_bg.jpg') 0 0/100%;box-sizing: border-box;}
.cont05 .tab_area .tab_button::after{content:'';display:block;clear:both;}
.cont05 .tab_area .tab_button li{float:left;cursor: pointer;width:33.3333%;padding-top:15%;font-size:0;background:url('//mpublic.hackers.com/images/event/2021/0928/re_220124/cont05_tab.png') 0 0;background-size:300%;}
.cont05 .tab_area .tab_button li:nth-of-type(2){background-position-x:50%;}
.cont05 .tab_area .tab_button li:nth-of-type(3){background-position-x:100%;}
.cont05 .tab_area .tab_button li.on{background-position-y:100%;}
.cont05 .tab_area .tab_cont{display:none;height: 66vw;overflow-y: scroll;border: 0.3vw solid #e8e8e8;border-radius: 0 0 2vw 2vw;}
.cont05 .tab_area .tab_cont.on{display:block;}

.cont06{position: relative;}
.cont06 .book_list{position: absolute; bottom:0; left:50%; transform: translateX(-50%); width:100%;}

.cont07{position: relative;}
.cont07 .cnt{position: absolute; left:50%; transform: translateX(-50%); top:62%; color:#272727; font-size:14.5vw; font-weight: 700; width:80%; text-align: center;}
.cont07 .cnt li{display:inline-block; width: 29%;}
.bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active{background:#005fe0 !important;width:30px;}

/* bxslide */
.cont08 {position: relative;}
.cont08 .cont08_box{position: absolute;top: 36.7%;}
.cont08 .bx-wrapper{max-width: 750px !important;}
.cont08 .bx-wrapper img{border-radius: 2.5vw;box-shadow: 0 2vw 2vw 0 #ddd;}
.cont08 .bxslider li{width: 79vw !important;min-width: 79vw !important;margin-right: 4vw;height: 70vw;margin: 0 2.5vw;}
.cont08 .bx-viewport{height: auto !important;}
.cont08 .bx-controls{display: none !important;}

/* .cont07 .month{position: absolute;top:7.6%;text-align:center; width:100%;color:#2d1b97;font-size:28px;font-weight: 600;;}
.cont07 .month span{color:#000;} */
.cont08_1{position: relative;}
.cont08_1 .cont08_txt{position: absolute;width: 58.8%;top: 57.3%;left: 11.7%;border: 0;background: #fafaf9;height: 9.1%;text-indent: 1vw;}
.cont08_1_txt{width:100%; font-size:2vw; color:#fff; background:#f73755; text-align: center; word-break: keep-all; padding-bottom: 13%;}
.cont08_2 {padding: 3% 10%; background: url('//mpublic.hackers.com/images/event/2021/0928/re_220124/cont08_2.jpg') repeat-y 0 0/100%;}
.cont08_2 p{color: #777;font-size: 11px;text-align: center;word-break: keep-all;}

.somun{background:#f5e3d0}
.somun .somun_txt{background: #fff; width:92%; height: 10%; margin:0 auto; padding:0 4%; box-sizing: border-box; border-left:1px solid #fff;}
.somun .somun_txt::after{content: ''; display:block; clear:both}
.somun .somun_txt input[type='text'],
.somun .somun_txt > a{float:left; height:35px; line-height: 35px;}
.somun .somun_txt input[type='text']{width:70%; margin-right:1%; border:1px solid #a6a6a6;}
.somun .somun_txt > a{display:block; width:29%; background:#006ae0; color:#fff; text-align:center}

.recommend_lect {background:#004475;}
.recommend_lect .scroll_box{width:90%; background:#fff; margin: 0 auto; height:70vw; overflow-y: auto;border-radius: 2vw;box-shadow: 0 1vw 3.5vw 0vw #001d30;}
.recommend_lect .sys_txt{width: 100%;padding: 2.5% 5.5% 0;font-size: 2vw;color: #81bae4;opacity: 0.9;box-sizing: border-box;}

.best_lect{background: #004475; padding:0 0 8%;}
.best_lect ul{padding:0 3%;}
.best_lect ul li{margin:0 0 3%;border-radius: 2vw;box-shadow: 0 1vw 3.5vw 0vw #001d30;}
.best_lect ul li a{display: block;}
.best_lect ul li a img{width:100%;border-radius: 2vw;}

.cont12{overflow: hidden;}
.cont12 .certifi{position: absolute;top:62.2%;left:27.8%;width:41.3%;height:2.1%;padding-left:10px;box-sizing: border-box;font-size:14px;}
.cont12_1{position: relative;background: url('//mpublic.hackers.com/images/event/2021/0928/cont12_1_bg.png') 0 0/100%;}
.cont12_1 .cont12_1_stxt{font-size: 1em;top: 7.5%;padding: 0 4% 0 4%;font-weight: bold;width: 100%;}
.cont12_1 .cont12_1_stxt .cont12_1_inner{background: #f9f9f9;padding: 9.3% 4.5% 5% 4.7%;}
.cont12_1 .cont12_1_stxt .cont12_1_inner span{margin-right: 2.4%;}
.cont12_1 .cont12_1_stxt .cont12_1_inner .cont12_1_stxt_tit{margin-bottom: 3.5%;font-size: 1.1em;letter-spacing: -0.15em;}
.cont12_1 .cont12_1_stxt .cont12_1_inner p:nth-child(2){letter-spacing: -0.1em;line-height: 2.6vh; color: #7f7f7f;}

/* toggle_txt */
.toggle_txt{background: #fff; display:none;}
.toggle_txt .inner{background: #fff;border:2px solid #000;width:98%;margin:0 auto;padding:2%;font-size:12px;line-height: 18px;}

/* calendar */
.tit_end_chart {background: #5d5d5d;width: 100%;padding: 10px;text-align: center;}
.tit_end_chart strong{color:#fff;}

.cont09{overflow-y: hidden; background:#cdfb5c url('//mpublic.hackers.com/images/event/2021/0928/re_220124/cont08_bg.jpg') 0 0/100%;height: auto;}
.wrap_end_chart{width:82%;margin:0 auto;height: auto;}
.evt_end_chart{overflow: hidden;position: relative;width: 100%;margin: 0 auto;display: flex;flex-flow: wrap row;justify-content: space-between;align-content: space-between;}
.evt_end_chart li{position: relative;width: 19.2%;color: #000;background: #fff;border-radius: 2vw;margin: 0 1% 2% 0;}
.evt_end_chart li:nth-child(5n){margin-right: 0;}

.evt_end_chart li > div{text-align:center}
.evt_end_chart li > div span{display:block;font-size:2.5vw; background:#bada03;color: #fff;padding:10% 0;border-radius: 2vw 2vw 0 0;font-weight: bold;}
.evt_end_chart li > div strong{display:block;font-size:3vw; padding:10% 0;border: 0.3vw solid #bada03;background: #fff;border-radius: 0 0 2vw 2vw;}
/* .evt_end_chart li > div .end{position:absolute;top:0px;left:0px;width:100%;height:100%; background:rgba(0,0,0,0.5);} */
.evt_end_chart li > div .end{position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;font-size: 4.5vw;display: flex;align-items: center;justify-content: center;font-weight: bold;border-radius: 2vw;background: #bada03;}
.evt_end_chart li > div .end img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:60%;height:auto}
.evt_end_chart li.evt_end{padding:4% 0;}

.evt_end_chart li.evt_end img{width:58%;}

.reply_list{background:#006ae0;padding:0 3.1% 10%;}
.reply_list .reply_list_in{background:#fff;padding: 7%;}
.reply_list .regist_reply{margin-bottom:20px;}
.reply_list .regist_reply::after{content:'';clear:both;display:block;}
.reply_list .regist_reply > *{display:block;float:left;}
.reply_list .regist_reply input{width:70%;height:40px;}
.reply_list .regist_reply a{width:30%;height:40px;line-height:40px;text-align: center;background:#006ae0;color:#fff;font-weight:bold;}
.reply_list .evt_paging{text-align: center;}
.reply_list table{width:100%;border-top:2px solid #000;border-bottom:1px solid #000;text-align: center;background:#fff;padding:5%;}
.reply_list table tr th{font-weight:bold;padding:10px 0;}
.reply_list table tr td{padding:10px 0;border-top:1px solid #ccc;}

.float_bn{position: fixed; bottom:0; left:50%; transform: translateX(-50%); width:100%;}

/* 근거문구 */
.reason, .open_reason.reason{position: absolute; width:95%; top:20%; left:50%; padding: 5%; box-sizing: border-box; background:rgba(0,0,0,0.85); color:rgba(255,255,255,0.7); text-align: left; font-size:12px; letter-spacing: -0.04em; display:none; transform: translateX(-50%);}
.reason .close, .open_reason.reason .close{position: absolute; width:20px; height:20px; top:10px; right:10px; cursor: pointer;}
.reason .close::before, .reason .close::after, .open_reason.reason .close::before, .open_reason.reason .close::after{content:''; display:block; width:100%; height:1px; background:rgba(255,255,255,0.7); position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(45deg);}
.reason .close::after, .open_reason.reason .close::after{ transform: translate(-50%,-50%) rotate(-45deg);}