/* common */
.evt_wrap{max-width:640px;margin:0 auto;overflow:hidden;}
.evt_wrap *{letter-spacing:-1px;}
.evt_wrap img{display:block;width:100%}
.evt_wrap .e_inner{position:relative;}
:focus{outline:none;}
.pos_r {position:relative;}

.video{display: none;position:absolute; top:72.5%; left: 6%;width: 72%; height: 41vw; border-radius: 16px; overflow: hidden;}
.pub_vid_box{width: 90%; position: absolute; top: 0%; left: 50%;transform: translateX(-50%);height: auto; width: 100%;}
.pub_vid_box #m01 {position: relative; width: 100%; height: auto; padding-top: 57%}
.pub_vid_box #m01 iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 20px;}

.tab_area{background: #6a34f4;}
.tab_area .tab_tit::after{content: "";display: block;clear: both;}
.tab_area .tab_tit > li{float: left;width: 50%;padding-top: 12.5%; background: url("https://cdn.hackersut.com/m/img/event/2020/05/1800/re_230227/tab_bg.png") 0 0 no-repeat;background-size: 200%;font-size: 0;height: 0;}
.tab_area .tab_tit > li:last-child{background-position-x: 100%;}
.tab_area .tab_tit > li.on{background-position-y: 100%;}

.tab_area .tab_content {background: #fff;}
.tab_area .tab_content > li{display: none;}
.tab_area .tab_content > li.on{display: block;}

.math .book_list::after{content:"";display: block;clear: both;}
.math .book_list {width: 90%;margin: 5px auto;}
.math .book_list > li{float: left;width: 50%;text-align: center;}
.math .book_list.val1 >li{width: 100%;text-align: center;}
.math .book_list.val1 >li >img{width: 50%;display: inline-block;}
.math .book_list.val3 >li{margin-left: -26%;}
.math .book_list.val4 >li{margin-left: -33.4%;}
.math .book_list > li:first-child{margin-left: 0;}

.book_list_name{display: block;margin: 10px 0;font-weight: bold;}

.table_inner {display: flex;}
.table_inner > li{float: left;text-align: center;}
.table_inner > li span{border-radius: 5px;border: 1px solid #000;padding: 0 5px;display: inline-block;color:#fff}
.table_inner > li span.ic1{background: #14a1fb;border-color: #14a1fb;}
.table_inner > li span.ic2{background: #1445fb;border-color: #1445fb;}
.table_inner > li span.ic3{background: #0070c0;border-color: #0070c0;}
.table_inner > li p{text-align: left;display: block;}
.table_inner > li:nth-child(1){width: 35%;}
.table_inner > li:nth-child(2){width: 18%;}
.table_inner > li:nth-child(3){width: 47%;padding-left: 5px;}

.table_inner.books > li:nth-child(2){width: 25%;}
.table_inner.books > li:nth-child(3){width: 40%;padding-left: 5px;}
.table_inner.books > li {position: relative;}
.table_inner.books > li img{width: 75%;}
.table_inner.books > li .img_box{position: absolute;top: 0;right: 0;width: 75%;}
.table_inner.books > li .img_box img{width: 100%;}

@media all and (max-width:400px) {
    .table_inner > li span{font-size: 12px;}
    .table_inner > li p{font-size: 12px;}
}

.tab2_area {background: #fff;}
.tab2_tit {width: 92%;margin: 0 auto;display: flex;justify-content: space-between; flex-wrap: wrap;}
.tab2_tit > li{width: 49.5%; padding-top: 19%; background: url("https://cdn.hackersut.com/m/img/event/2020/05/1800/re_230227/tab2_bg.png") 0 0 no-repeat;background-size: 100%; height: 0;border-radius: 10px;font-size: 24px;position: relative;margin-bottom: 5px;}
.tab2_tit > li.on{background-position-y: 100%;}
.tab2_tit > li a{position: absolute;top: 50%;left: 0;transform: translateY(-50%);color:#727272;font-family: noto,sans-serif;display: block;text-align: center;width: 100%;font-weight: bold;}
.tab2_tit > li.on a{color:#fff;}

@media all and (max-width:650px) {
    .tab2_tit > li{font-size: 4.2vw;}
}

.tab_depth1{display: flex; justify-content: center; width: 60%; margin: 0 auto;}
.tab_depth1 li{cursor: pointer; width: 50%; height: 11vw; font-size: 4vw; font-weight: 700; text-align: center; line-height: 13vw; color: #9d9d9d; border-bottom: 2px solid #9d9d9d; margin-bottom:20px;}
.tab_depth1 li.on{color: #a75df2; border-bottom: 2px solid #a75df2;}

.tab3_area {background: #fcf8ff;}
.tab_cont{display: flex;justify-content: flex-start;flex-wrap: wrap;width: 95%;margin:0 auto; display: none;}
.tab_cont img{margin-top:-1vw;}
.tab_cont.on{display: block;}
.tab_cont ul{display: flex;justify-content: flex-start;flex-wrap: wrap;width: 100%;}
.tab_cont li{width: 32%; margin-right: 1%; background: #e9e9e9;text-align: center;border-radius: 5px;padding: 10px 0;color:#9d9d9d;font-weight: bold;margin-bottom: 5px;}
.tab_cont li:nth-child(3n){margin-right: 0;}
.tab_cont li.on{background: #a75df2; color:#fff;}
.tab_cont .vod_thumb{position: absolute;top:62.5%;left: 5%;width: 74%; border-radius: 20px; overflow: hidden;}

.tab_list {width: 91.5%;margin: 0 auto;}
.tab_list::after{content: "";display: block;clear: both;}
.tab_list > li{float: left;width: 33.3333%;padding-top: 18.8%; font-size: 0;height: 0;}
.tab_list > li:nth-child(3n-1){background-position-x: 50%;}
.tab_list > li:nth-child(3n){background-position-x: 100%;}

.tab_list > li.on:nth-child(3n-1){background-position-x: 50%;}
.tab_list > li.on:nth-child(3n){background-position-x: 100%;}

.con03 .sd_box{width: 100%; background: linear-gradient(to bottom, #486ae2 60%, #360a94 97%);}
.con03 .sd_box .bx-wrapper .bx-viewport{width: 97% !important; height: 90vw !important; margin: 0 auto;}
.con03 .bx-wrapper .bx-viewport .bxslider li{margin-right: 2vw;}

.con03 .bx-wrapper .bx-pager{bottom:9vw;}

.con04{background: linear-gradient(to bottom, #8448d3 90%, #d3b5f6 102%); padding-bottom:10vw;}
.con04 ul{display: flex; justify-content: center;width: 72%; position: absolute; top: 28%; left: 50%; transform: translate(-50%, -50%);}
.con04 ul li{width: 50%; height: 13vw; cursor: pointer;}
.con04 .tab_con{display: none;}
.con04 .tab_con.on{display: block;}
.con04 .js-tab-type1 li a{width: 100%; height:70px;}

.con05_tab1 {padding-bottom: 10%;}
.con05_tab1 .tab_list > li:nth-child(-n+3){background-position-y: 0;}
.con05_tab1 .tab_list > li:nth-child(n+4):nth-child(-n+6){background-position-y: 20%;}
.con05_tab1 .tab_list > li:nth-child(n+7):nth-child(-n+9){background-position-y: 40%;}
.con05_tab1 .tab_list > li:nth-child(n+10):nth-child(-n+12){background-position-y: 60%;}
.con05_tab1 .tab_list > li:nth-child(n+13){background-position-y: 100%}
.con05_tab1 .tab_list > li:nth-child(n+14):nth-child(-n+15){background-position-y: 80%;}
.con05_tab1 .tab_list > li:nth-child(n+16):nth-child(-n+18){background-position-y: 100%;}

.con05_tab2 {padding-bottom: 10%;}
.con05_tab2 .tab_list > li:nth-child(-n+3){background-position-y: 0;}
.con05_tab2 .tab_list > li:nth-child(n+4):nth-child(-n+6){background-position-y: 25%;}
.con05_tab2 .tab_list > li:nth-child(n+7):nth-child(-n+9){background-position-y: 50%;}
.con05_tab2 .tab_list > li:nth-child(n+10):nth-child(-n+12){background-position-y: 75%;}
.con05_tab2 .tab_list > li:nth-child(n+13):nth-child(-n+15){background-position-y: 100%;}

.list_hide{display: none;}
.list_hide.on{display: block;}

.pop_open{position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: 99; display: none;}
.pop_open a{position: absolute;top: 0%;right: 0%;width: 70px;height: 70px;z-index: 9999;}
.pop_content{width: 80%; height: 76vw; overflow-y: scroll; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999;}
.layer_bg{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;filter:alpha(opacity=50);opacity:0.5;z-index:999;}