/* css */ /* .pos_r{position:relative;} */ /* .main{background:#f4f4f4;max-width:640px;margin:0 auto;} .main img{display:block;width:100%;} .main .br_bottom{position:fixed;left:0;bottom:0;width:100%;z-index:90;} .main .br_bottom .txt{display:block;position:absolute;top:22%;left:4%;width:16.7%;height:70.7%;font-size:1rem;font-weight:600;line-height:18px;text-align:center;box-sizing:border-box;} .main .br_bottom .txt:after{display:inline-block;content:'';width:0;height:100%;vertical-align:middle;} .main .br_bottom .txt span{display:inline-block;vertical-align:middle;} .main .gift dd{display:none;} .main .gift.open dd{display:block;} .footer{padding-bottom:20%;} */ .evt_box {background: #080c13;} /*ŸÀ̸Ó*/ .timer_text {width:100%; padding:0 5px 8px; text-align:center; color:#ccc; font-size:11px; letter-spacing:-1px;} /*BXSLIDER*/ .bxslider-default .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: -7%;} .bxslider-default .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active {background: #fff;} .bxslider-default.tab_slide .bx-pager {margin-left:0;left:0;} .bxslider-default.tab_slide .bx-pager .bx-pager-item a{display: block;width: 100%; margin: 0;border-radius: 0%;} .bxslider-default.tab_slide .bx-pager .bx-pager-item a:hover, .bxslider-default.tab_slide .bx-pager .bx-pager-item a.active{background-position-y:100% !important;} .bxslider-default.tab_slide.tab2 .bx-pager .bx-pager-item {width:50%;} .bxslider-default.tab_slide.tab2 .bx-pager .bx-pager-item a {background-size: 200% !important;} .bxslider-default.tab_slide.tab2 .bx-pager .bx-pager-item a[data-slide-index="0"]{} .bxslider-default.tab_slide.tab2 .bx-pager .bx-pager-item a[data-slide-index="1"]{background-position-x:100%;} .bxslider-default.tab_slide.tab3 .bx-pager .bx-pager-item {width: 33.33%;} .bxslider-default.tab_slide.tab3 .bx-pager .bx-pager-item a {background-size: 300% !important;} .bxslider-default.tab_slide.tab3 .bx-pager .bx-pager-item a[data-slide-index="0"]{} .bxslider-default.tab_slide.tab3 .bx-pager .bx-pager-item a[data-slide-index="1"]{background-position-x:50% !important;} .bxslider-default.tab_slide.tab3 .bx-pager .bx-pager-item a[data-slide-index="2"]{background-position-x:100% !important;} /* ¸¶°¨ */ .finish_timer{text-align: center;padding: 8% 0;} .finish_timer > strong {display: inline-block; border: 1px solid #fff;border-radius: 50px;font-size: 16px;font-weight: 700;color: #070707;text-align: center;padding: 1% 5%; background-color: #fff;} /* lecture */ .lecture {background: #060606; background-color: linear-grading;} .lect {margin: 0 4%;} .lect > li {position: relative;padding-bottom: 5%; } .lect > li .book_opt {position: absolute;top: 53.5%;left: 11%;display: flex;align-items: center;} .lect > li .book_opt.v1 {top: 49%;flex-direction: column;align-items: baseline;} .lect > li .book_opt.v2 {left: 54%; top: 49%;flex-direction: column;align-items: baseline;} .lect > li .book_opt label {font-size: 3vw;color: #fe131c;font-weight: 700;vertical-align: middle;} .lect > li .book_opt label small{display: inline-block;width: 100%;color: #000; font-weight: normal;} .lect > li .book_opt input[type="checkbox"] {width: 8vw;height: 8vw;margin-right: 2%;vertical-align: sub;} .lect > li .book_opt.v2 input[type="checkbox"] {width: 3vw;height:3vw;margin-right: 0;} .lect > li .book_opt input[type="radio"] {vertical-align: text-top;} .lect > li .discount {font-size: 3vw;color: #fff;letter-spacing: -.03em;position: absolute;top: 33.5%;left: 5%;margin: auto;width: 23%;text-align: center;} .lect > li .price {position: absolute;top: 30.5%;right: 40%;color: #070707;font-size: 6vw;font-weight: 700;letter-spacing: -0.02em;margin: auto;} .lect > li:nth-child(2) .book_opt label {color: #009a19;} .lect > li:nth-child(3) .book_opt label {color:#333; line-height: 2;} .lect > li:nth-child(3) .discount {top: 29.1%;} .lect > li:nth-child(3) .price {top: 26.8%;} .cont02 {background: linear-gradient(to bottom, #0b0b0b, #181818); padding-bottom: 10%;} .cont02 .bxslider-default {width: 91%; margin: 0 auto;} .cont02 .bxslider-default.tab_slide{padding-top:12%;border-radius: 3% 3% 0 0; overflow: hidden;} .cont02 .bxslider-default.tab_slide .bx-wrapper .bx-pager{top:-11vw; bottom: auto;} .cont02 .bxslider-default.tab_slide .bx-wrapper .bx-pager .bx-pager-item a{height:0;padding-top: 41%; background:#fff url('//mpublic.hackers.com/images/event/2018/1211/re_220518/cont02_2_tab.png') no-repeat 0 0;} .cont10 .bxslider-default {width: 91%; margin: 0 auto;} .cont11 {padding-bottom: 10%;} /*tab_click_area*/ .tab_click_area {width: 92%; margin: 0 auto;} .tab_click_area ul::after{content:''; display:block; clear: both;} .tab_click_area .tab_tit{width:100%; margin:0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;} .tab_click_area .tab_tit li{float:left; display:block;height: 14vw; background: #888;box-sizing: border-box; border: 2px solid #888;font-size: 3vw;letter-spacing: -.03em;font-weight: 700;text-align: center;color: rgba(255,255,255,0.4);display: flex;justify-content: center;align-items: center;outline: 2px solid #080c13;} .tab_click_area .tab_tit.col3 li{width:33.33%;} .tab_click_area .tab_tit.col5 li{width:33%;} .tab_click_area .tab_tit.col5 li:first-child, .tab_click_area .tab_tit.col5 li:nth-child(2) {width: 49.7%; margin-bottom: 0.4%;} .tab_click_area .tab_tit.col6 li{width:33.33%;} .tab_click_area .tab_tit li.on{background: linear-gradient(to bottom, #ff774c, #fe171e); border: 2px solid #fe171e; color: #fff;} .tab_con_box{display:none;} .tab_con_box.active{display:block;} /*±Ù°Å¹®±¸ Æ˾÷*/ .reason, .open_reason.reason{position: absolute; width:95%; top:8%; 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);} /*¿µ»ó Æ˾÷*/ .layer_mov_pop {display:none; position:fixed; top:10%; left:6%; z-index:101;} .layer_mov_pop .full_bg{width:100%; height:100%; background-color:rgba(0,0,0,0.9); position:fixed; top:0; left:0; z-index:-1} .layer_mov_pop .layer_pop_vod {width:90%; position:fixed;top:10%;left:5%; z-index:100;} .layer_mov_pop .layer_pop_vod .movie_close{font-size:50px; color:#fff; position:absolute; top:-60px; right:5%; display:inline-block; cursor:pointer;} /* Æ˾÷ */ .ly_bg {background:#000;opacity:0.5;position:fixed;top:0;left:0;width:100%;height:100%;display:none; z-index: 2;} .ly_pop{position:fixed; z-index:1000;left:50%;top:50%;transform: translate(-50%,-50%);width: 85%; display:none;} .ly_pop .pop_close_btn{position:absolute;top:-35px;right: 0;width: 35px;height: 35px;background: url('https://pimg.hackers.com/eland/img/event/2022/0118/btn_close.jpg'); font-size: 0;} .ly_pop .pop_img{display:none;}