:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .battle_pop_on{width:100%;height:100%;display:block;top:0;left:0;z-index:3000!important;position:fixed!important}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop{width:100%;height:100%;display:none;position:relative;overflow:hidden}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop img{vertical-align:middle;width:100%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .top_common{z-index:10;justify-content:flex-end;align-items:flex-start;width:40%;display:flex;position:absolute;top:0;right:0}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .top_common .top_btns{vertical-align:top;background:#0f1832;border-radius:100px;width:25%;margin-right:7.5%;padding-top:25%;display:block;position:relative}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .top_common .top_btns img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .top_common .top_btns:not(.close_btn){margin-top:5%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .top_common .top_btns.sound_btn img{width:50%!important}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .top_common .top_btns.effect_btn img{width:35%!important}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .top_common .top_btns.effect_btn.off img{left:54%;width:65%!important}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .top_common .top_btns.close_btn{border-radius:0 0 0 50%;width:35%;margin-right:0;padding-top:35%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .top_common .top_btns.close_btn:before,:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .top_common .top_btns.close_btn:after{content:"";background:#5567a6;width:35%;height:2px;display:block;position:absolute;top:50%;left:50%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .top_common .top_btns.close_btn:before{transform:translate(-50%,-50%)rotate(45deg)}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .top_common .top_btns.close_btn:after{transform:translate(-50%,-50%)rotate(-45deg)}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .top_common .notice{color:#fff;clip-path:polygon(35% 0,40% 10%,100% 10%,100% 100%,0 100%,0 10%,30% 10%);background:#b14dffb3;width:100%;padding:10% 5% 5%;font-size:3.5vw;position:absolute;top:100%;left:-26%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .main_visual{z-index:5;background:url(https://cdn.hackers.co.kr/images/toeicbattle/m/main_visual_bg.jpg) 0 0/100% 100% no-repeat;width:100%;height:100%;position:relative}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .main_visual #magic_circle{width:110%;margin:-55% 0 0 -55%;animation:20s linear infinite magic;position:absolute;top:35%;left:50%}@keyframes magic{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .main_visual #logo{width:75%;padding-top:55%;position:absolute;top:34%;left:50%;transform:translate(-56.5%,-50%)}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .main_visual #logo #animation_container{position:absolute;top:0;left:0;width:100%!important;height:100%!important}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .main_visual #logo #animation_container canvas{width:100%!important;height:100%!important}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .main_visual #magic_knife{background:url(https://cdn.hackers.co.kr/images/toeicbattle/m/knife.png) 0 0/100% 100% no-repeat;width:100%;margin-top:42%;padding-top:80%;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .main_visual #start_btn{background:0 0;width:95%;margin-top:74%;position:absolute;top:35%;left:50%;transform:translate(-50%)}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area{box-sizing:border-box;text-align:center;background:#1b1f30;width:100%;height:100%;padding:3% 5% 5%;position:relative}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .life{text-align:left;width:30%;height:6%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .life img{float:left;display:block;width:33.3333%!important}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .time_bar_bg{background:#171d2f;width:100%;height:3vw;margin-top:7%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .time_bar_bg .time_bar{background:linear-gradient(90deg,#45ffff 26%,#2bbbf7 37%,#6a21ff 83%);width:100%;height:100%;position:relative}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .time_bar_bg .time_bar .timebox{text-align:center;color:#fff;background:url(https://cdn.hackers.co.kr/images/toeicbattle/time.png) 0 0/100% no-repeat;width:8vw;height:5.5vw;font-size:3.5vw;line-height:5.5vw;position:absolute;top:50%;right:0;transform:translate(50%,-50%)}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content h3{color:#c779fe;margin:7% 0;font-size:4vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content .qa{background:#171a29;height:500px;padding:5%;position:relative}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content .qa>div:first-of-type{justify-content:center;align-items:center;display:flex}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content .qa .text p{color:#fff;word-break:break-all;font-size:6vw;font-weight:600}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content .qa .text p.v2{font-size:6vw;font-weight:400}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content .qa .answer{width:90%;margin-bottom:5%;position:absolute;bottom:0;left:5%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content .qa .answer li{box-sizing:border-box;background:#242e53;border-radius:1vw;justify-content:center;align-items:center;width:100%;height:15vw;margin-bottom:3%;display:flex;position:relative}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content .qa .answer li:last-of-type{margin-bottom:0!important}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content .qa .answer li.asw_chk{background:#4b4fff}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content .qa .answer li.asw_chk span:first-of-type{color:#fff}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content .qa .answer li.correct:after,:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content .qa .answer li.incorrect:after{content:"";z-index:20;display:block;position:absolute;top:50%;transform:translateY(-50%)}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content .qa .answer li.correct:after{background:url(https://cdn.hackers.co.kr/images/toeicbattle/correct.png) 0 0/100% no-repeat;width:25%;padding-top:20%;top:15%;left:12%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content .qa .answer li.incorrect{border:.3vw solid #c779fe}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content .qa .answer li.incorrect span:first-of-type{color:#c779fe}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content .qa .answer li.incorrect:after{background:url(https://cdn.hackers.co.kr/images/toeicbattle/incorrect.png) 0 0/100% no-repeat;width:25%;padding-top:20%;top:15%;left:11%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content .qa .answer li span{font-size:4vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content .qa .answer li span:first-of-type{color:#21beff;width:20%;position:relative}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content .qa .answer li span:last-of-type{color:#fff;box-sizing:border-box;width:80%;font-weight:200}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content.word .qa .answer li span:first-of-type:after{content:"";background:#273d6e;width:1px;height:60%;display:block;position:absolute;top:20%;right:0}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .question_area .question_content .qa .wave img{width:10%!important}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop{z-index:30;width:100%;height:100%;display:none;position:absolute;top:0;left:0}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .bg{opacity:.7;background:#000;width:100%;height:100%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont{text-align:center;box-sizing:border-box;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont .btn_area a{color:#cff;text-shadow:0 0 20px #004eff;background:url(https://cdn.hackers.co.kr/images/toeicbattle/pop_btn.png) 0 0/100% no-repeat;width:45%;height:15vw;font-size:3.5vw;font-weight:200;line-height:13.3vw;display:inline-block}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont .btn_area a:last-of-type{margin-left:-12px}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .score_info{width:220px;top:440px;left:480px}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.stop{background:url(https://cdn.hackers.co.kr/images/toeicbattle/stop_pop.png) 0 0/100% no-repeat;width:90%;height:90vw;padding-top:18%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.stop p{color:#fff;margin-bottom:5%;font-size:3.5vw;font-weight:200;line-height:1.5}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish{background:#192041;flex-direction:column;width:100%;height:100%;padding:5%;display:flex}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .pop_part1{background:url(https://cdn.hackers.co.kr/images/toeicbattle/m/gameover_bg.jpg) top/100% no-repeat;padding-top:52%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .ranking_btn{z-index:10;background:#0f1832;border-radius:0 0 8vw;width:30%;padding-top:15%;position:absolute;top:0;left:0}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .ranking_btn span{text-align:center;color:#5567a6;width:100%;font-size:4vw;position:absolute;top:50%;left:0;transform:translateY(-50%)}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .ranking_btn span:before{content:"";vertical-align:-1px;background:url(https://cdn.hackers.co.kr/images/toeicbattle/m/hamburger_menu.png) 0 0/100% no-repeat;width:10%;margin-right:5%;padding-top:10%;display:inline-block}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .my-name{color:#fff;text-align:center;margin:0;padding:0;font-size:5vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .cur_score{width:100%;margin-top:10%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .cur_score>*{float:left;width:50%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .cur_score>div>span{color:#5e709e;vertical-align:20%;font-size:4vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .cur_score>div>b{color:#b2e3fa;margin-left:5%;font-size:7vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .tot_score{background:#212b52;border-radius:1vw;margin:5% auto;padding:3% 0}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .tot_score li{float:left;width:33.3333%;position:relative}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .tot_score li:after{content:"";background:#384164;width:1%;height:70%;display:block;position:absolute;top:15%;right:0}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .tot_score li:last-of-type:after{display:none}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .tot_score li .rank_title{color:#5e709e;letter-spacing:-1px;font-size:3.5vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .tot_score li>div{color:#aac8f9}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .tot_score li>div .rank_num{font-size:5vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .tot_score li>div .rank_text{font-size:3.5vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .tot_score li>div .up_arrow{color:#cc4268}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .tot_score li>div .down_arrow{color:#386bc7}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish .bot_area{width:70%;margin:5% auto 0}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.finish.complete .pop_part1{background:#192041 url(https://cdn.hackers.co.kr/images/toeicbattle/m/score_bg.jpg) 0 0/100% no-repeat}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop{z-index:30;background:url(https://cdn.hackers.co.kr/images/toeicbattle/m/main_visual_bg.jpg) 0 0/100% 100% no-repeat;width:100%;height:100%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop #magic_circle{z-index:-1;width:110%;margin:-55% 0 0 -55%;animation:20s linear infinite magic;position:absolute;top:15vw;left:20%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .user_info{text-align:center;width:30%;position:absolute;top:15vw;left:20%;transform:translate(-50%,-50%)}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .user_info .text{color:#8fafe8;letter-spacing:-1px;font-size:4vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .user_info .top-rank{color:#dbf4ff;font-size:12vw;font-weight:700;line-height:1}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .user_info .top-rank span{font-size:8vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .user_info .rank-txt{color:#dbf4ff;font-size:8vw;font-weight:700;line-height:1}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area{margin:35% auto 5%;position:relative}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_button{width:70%;margin:0 auto}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_button:after{content:"";clear:both;display:block}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_button li{float:left;cursor:pointer;color:#4d5c81;text-align:center;letter-spacing:-1px;width:50%;height:10vw;font-size:4.5vw;line-height:10vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_button li.on{color:#9fc1ff}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_bar{z-index:-1;width:80%;margin:0 auto;position:absolute;top:8vw;left:50%;transform:translate(-50%)}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont{box-sizing:border-box;background:linear-gradient(#111218 0%,#0d132f 100%);width:90%;margin:7% auto 0;padding:5%;display:none;box-shadow:0 0 12px 6px #0003}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont.on{display:block}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont .q_mark{vertical-align:-2px;display:inline-block}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont .elips{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont ul li{float:left;color:#5e709e;text-align:center;padding:2% 0;font-size:4vw;line-height:1}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont:first-of-type ul li:first-of-type{width:14%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont:first-of-type ul li:nth-of-type(2){width:24%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont:first-of-type ul li:nth-of-type(3){width:29%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont:first-of-type ul li:nth-of-type(4){width:23%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont:nth-of-type(2) ul li:first-of-type{width:25%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont:nth-of-type(2) ul li:nth-of-type(2){width:35%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont:nth-of-type(2) ul li:nth-of-type(3){width:40%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont .ranking_list table{width:100%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont .ranking_list table td{color:#869db6;text-align:center;padding:2% 0;font-size:4vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont .ranking_list table td .rate.up{color:#cc4268}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont .ranking_list table td .rate.down{color:#386bc7}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont .ranking_list table td .name,:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont .ranking_list table td .university,:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont .ranking_list table td.university{text-overflow:ellipsis;white-space:nowrap;width:65%;display:inline-block;overflow:hidden}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont .pager{text-align:center;margin-top:2%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont .pager *{color:#5e709e;text-align:center;font-size:4vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont .pager .on{color:#b5fffe}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont .pager>a,:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #finish_pop .cont.ranking_pop .tab_area .tab_cont .pager>span>span{padding:0 1%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) .sound_effect{display:none}@media screen and (max-width:499px){:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.portrait #finish_pop .cont.finish .btn_area a{background:url(https://cdn.hackers.co.kr/images/toeicbattle/m/pop_btn2.png) 0 0/100% no-repeat;width:60%;height:21vw;margin:0 auto;font-size:4vw;line-height:20vw;display:block}}@media screen and (min-width:500px){:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.portrait .main_visual #magic_circle{width:80%;margin:-40% 0 0 -40%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.portrait .main_visual #logo{width:60%;padding-top:45%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.portrait .main_visual #magic_knife{width:80%;margin-top:30%;padding-top:60%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.portrait .main_visual #start_btn{width:80%;margin-top:54%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.portrait .question_area .question_content.image .qa .answer li{float:left;width:calc(25% - 9px);margin-bottom:0;margin-right:12px}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.portrait .question_area .question_content.image .qa .answer li:last-of-type{margin-right:0}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.portrait #finish_pop .cont.finish{padding:10%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.portrait #finish_pop .cont.finish .pop_part1{background-position-y:-50%;background-size:100%;padding-top:39%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.portrait #finish_pop .cont.finish .cur_score{margin-top:7%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.portrait #finish_pop .cont.finish .btn_area a{width:50%;height:16vw;font-size:3vw;line-height:13vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.portrait #finish_pop .cont.ranking_pop .tab_area{margin:30% auto 5%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.portrait #finish_pop .cont.ranking_pop .tab_area .tab_cont .ranking_list table td{padding:1.5% 0}}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .main_visual{background:url(https://cdn.hackers.co.kr/images/toeicbattle/m/main_visual_bg2.jpg) 0 0/100% 100% no-repeat}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .main_visual #magic_circle{width:50%;margin:-25% 0 0 -25%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .main_visual #logo{width:35%;padding-top:25%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .main_visual #magic_knife{background:url(https://cdn.hackers.co.kr/images/toeicbattle/m/knife2.png) 0 0/100% 100% no-repeat;width:85%;margin-top:23%;padding-top:55%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .main_visual #start_btn{width:50%;margin-top:10%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .top_common{width:22%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .top_common .notice{font-size:2vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .question_area{padding:2% 3% 3%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .question_area .life{width:13%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .question_area .time_bar_bg{width:53%;height:1.5vw;margin-top:0;position:absolute;top:3.2vw;left:20%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .question_area .time_bar_bg .time_bar .timebox{width:5vw;height:3.5vw;font-size:2vw;line-height:3.5vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .question_area .question_content h3{margin:2% 0;font-size:2vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .question_area .question_content .qa{justify-content:space-between;padding:2%;display:flex}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .question_area .question_content .qa>div:first-of-type{width:47%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .question_area .question_content .qa .text span{font-size:4vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .question_area .question_content .qa .text.v2 span{font-size:2.5vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .question_area .question_content .qa .answer{flex-direction:column;justify-content:space-between;width:50%;height:100%;margin-bottom:0;display:flex;position:static}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .question_area .question_content .qa .answer li{border-radius:.5vw;height:22%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .question_area .question_content .qa .answer li span{font-size:2vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .question_area .question_content .qa .answer li span:first-of-type{width:13%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .question_area .question_content .qa .answer li span:last-of-type{width:87%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .question_area .question_content .qa .answer li.correct:after{width:18vh;padding-top:14vh;left:7%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .question_area .question_content .qa .answer li.incorrect:after{width:18vh;padding-top:14vh;left:6%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape .question_area .question_content.sound .qa .answer li{height:31%;margin-bottom:3.5%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.finish{flex-direction:row;justify-content:space-around;align-items:center;padding:0 5%;display:flex}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.finish .pop_part1{background-position-y:-5vw;width:50%;margin-top:-2vw;padding-top:19vw;position:relative}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.finish .pop_part2{width:35%;padding-top:2.5vw;position:relative}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.finish .ranking_btn{border-radius:0 0 4vw;width:17%;padding-top:7%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.finish .ranking_btn span{font-size:2vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.finish .my-name{font-size:2.5vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.finish .cur_score{margin-top:7%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.finish .cur_score>div>span{font-size:2vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.finish .cur_score>div>b{font-size:3.5vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.finish .tot_score li .rank_title{font-size:2vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.finish .tot_score li>div .rank_num{font-size:2.5vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.finish .tot_score li>div .rank_text{font-size:2vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.finish .tot_score{margin:4% 0 0}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.finish .bot_area{width:85%;margin:7% auto 0}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont:not(.stop) .btn_area a{background:url(https://cdn.hackers.co.kr/images/toeicbattle/m/pop_btn3.png) 0 0/100% no-repeat;width:100%;height:12vw;font-size:2.5vw;line-height:11.5vw;display:block}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont:not(.stop) .btn_area a:last-of-type{margin-left:0}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.stop{width:60%;height:38vw;padding:13% 0}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.stop p{font-size:2vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.stop .btn_area a{width:40%;height:9vw;font-size:2.5vw;line-height:8vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.ranking_pop #magic_circle{width:50%;margin:-25% 0 0 -25%;top:7vw;left:9%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.ranking_pop .user_info{width:15%;top:7vw;left:9%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.ranking_pop .user_info .text{font-size:2.5vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.ranking_pop .user_info .final-rank{font-size:6vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.ranking_pop .user_info .final-rank span{font-size:4vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.ranking_pop .list_tab{width:70%;position:absolute;top:52%;left:55%;transform:translate(-50%,-50%)}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.ranking_pop .list_tab .tab_area{margin:0}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.ranking_pop .list_tab .tab_area .tab_button li{height:3vw;font-size:2vw;line-height:3vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.ranking_pop .list_tab .tab_area .tab_bar{top:2vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.ranking_pop .list_tab .tab_area .tab_cont{margin:5% auto 0;padding:2%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.ranking_pop .list_tab .tab_area .tab_cont ul li{font-size:2vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.ranking_pop .list_tab .tab_area .tab_cont .ranking_list table td{padding:1% 0;font-size:2vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.ranking_pop .list_tab .tab_area .tab_cont .pager>a{background:url(https://cdn.hackers.co.kr/images/toeicbattle/m/list_arrow.png) 0 0/200% no-repeat;width:4.2vw;height:9.5vw;padding:0;font-size:0;position:absolute;top:60%;overflow:hidden;transform:translateY(-50%)}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.ranking_pop .list_tab .tab_area .tab_cont .pager .prev{left:-5%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.ranking_pop .list_tab .tab_area .tab_cont .pager .next{background-position-x:100%;right:-5%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.ranking_pop .list_tab .tab_area .tab_cont .pager .numbering{display:none}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.ranking_pop .list_tab .btn_area{justify-content:space-between;width:80%;margin:1% auto 0;display:flex}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.ranking_pop .list_tab .btn_area a{background:url(https://cdn.hackers.co.kr/images/toeicbattle/m/pop_btn2.png) 0 0/100% no-repeat;width:48%;height:11vw;font-size:2vw;line-height:10vw}@media screen and (max-aspect-ratio:2){:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.finish .pop_part1{background-position-y:-1.5vw;margin-top:-6vw;padding-top:22.5vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.finish .pop_part2{padding-top:2vw}}@media screen and (max-aspect-ratio:3/2){:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.finish{padding-bottom:10%}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.finish .pop_part1{background-position-y:8.5vw;margin-top:-8vw;padding-top:32.5vw}:where([data-scope~=hackers_m_toeicbattle_m_battle_pop]) #m_battle_pop.landscape #finish_pop .cont.finish .pop_part2{padding-top:10vw}}