.MTosExamPopup-module__2jdo8a__fit .exam_contents .exam_box{max-height:max(180px,100svh - 96px)}#exam_popup.MTosExamPopup-module__2jdo8a__fit .exam_pop_close{top:-34px}
.MTosLevelQuiz-module__rQgZBW__fit .exam_contents .exam_box{-webkit-overflow-scrolling:touch;max-height:max(180px,min(500px,100svh - 46vw));overflow-y:auto}.MTosLevelQuiz-module__rQgZBW__fit{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-y:auto}
:where([data-scope~=hackers_m_tos_m_level]) .form_box{align-items:center;width:100%;display:flex;position:absolute;top:68.3%;left:9%}:where([data-scope~=hackers_m_tos_m_level]) .form_box form{width:100%}:where([data-scope~=hackers_m_tos_m_level]) .share_url{text-indent:10px;box-sizing:border-box;width:60%;height:8.5vw;border-radius:5px!important}:where([data-scope~=hackers_m_tos_m_level]) .form_box a{color:#fff;background:#6b15ff;border:none;border-radius:5px;justify-content:center;align-items:center;width:20%;height:8.5vw;margin-left:2%;font-family:Noto Sans KR;font-size:14px;display:inline-flex}:where([data-scope~=hackers_m_tos_m_level]) .exam_contents{width:90%;max-height:unset;background:0 0;margin:40% auto 0;position:relative;overflow:visible}:where([data-scope~=hackers_m_tos_m_level]) .exam_contents .exam_box{background:#fff;border-radius:4vw;height:auto;max-height:500px;padding:0;position:relative;overflow-y:auto}:where([data-scope~=hackers_m_tos_m_level]) .exam_contents .exam_box>div{padding:4%}:where([data-scope~=hackers_m_tos_m_level]) .selection{padding:5%}:where([data-scope~=hackers_m_tos_m_level]) .selection li{margin-bottom:1vw;line-height:4.5vw}:where([data-scope~=hackers_m_tos_m_level]) .question{padding:18px}:where([data-scope~=hackers_m_tos_m_level]) .question h5{font-size:3.5vw}:where([data-scope~=hackers_m_tos_m_level]) .question h5 a span{color:#666}:where([data-scope~=hackers_m_tos_m_level]) .question p{font-size:3vw;line-height:5vw}:where([data-scope~=hackers_m_tos_m_level]) .question p span{text-decoration:underline}:where([data-scope~=hackers_m_tos_m_level]) .question em{font-style:italic}:where([data-scope~=hackers_m_tos_m_level]) .question table{margin-top:5px}:where([data-scope~=hackers_m_tos_m_level]) .question table th{background:#339e57;border:1px solid #ddd;padding:7px}:where([data-scope~=hackers_m_tos_m_level]) .question table td{text-align:center;background:#fff;border:1px solid #ddd;padding:7px}:where([data-scope~=hackers_m_tos_m_level]) .selection label{font-size:3vw}:where([data-scope~=hackers_m_tos_m_level]) .selection label span{font-weight:700;text-decoration:underline}:where([data-scope~=hackers_m_tos_m_level]) .exam_pop_close{top:-10%;right:0;left:unset;margin-left:0;font-size:6vw}:where([data-scope~=hackers_m_tos_m_level]) .pager{margin-top:0;margin-bottom:0;position:relative}:where([data-scope~=hackers_m_tos_m_level]) .pager>span{font-size:3vw;bottom:0;right:0}:where([data-scope~=hackers_m_tos_m_level]) .border_r{position:relative;border:2px solid red!important}:where([data-scope~=hackers_m_tos_m_level]) tr.border_r{border:none!important}:where([data-scope~=hackers_m_tos_m_level]) tr.border_r:after{content:"";width:100%;height:100%;display:block;position:absolute;top:0;left:0;border:2px solid red!important}:where([data-scope~=hackers_m_tos_m_level]) .exam_url{width:90%;top:90vw;left:5%;padding:0!important}:where([data-scope~=hackers_m_tos_m_level]) .exam_url input{text-indent:10px;border-radius:1vw;width:78%;height:10vw;font-size:3vw}:where([data-scope~=hackers_m_tos_m_level]) .exam_url .dbInput{width:20%;height:10vw;top:0;left:unset;border-radius:1vw;font-size:4vw;line-height:10vw;display:block;right:0}:where([data-scope~=hackers_m_tos_m_level]) .evt_detail{margin-top:0}:where([data-scope~=hackers_m_tos_m_level]) .evt_detail p{margin-bottom:1vw;font-size:3vw;position:relative}:where([data-scope~=hackers_m_tos_m_level]) .evt_detail p input{margin-right:5px}:where([data-scope~=hackers_m_tos_m_level]) .evt_detail p strong{font-size:4vw}:where([data-scope~=hackers_m_tos_m_level]) .evt_detail .detail_btn:after{display:none}:where([data-scope~=hackers_m_tos_m_level]) .evt_detail .detail_btn{float:unset;color:#fff;background:#000;border-radius:3vw;padding:.5vw 2vw;font-size:2.5vw;font-weight:400;position:absolute;top:0;right:9vw}:where([data-scope~=hackers_m_tos_m_level]) .cont01{background:url(//cdn.hackers.co.kr/images/fullservice/tos/level/after/cont01_bg.jpg) top repeat-x;padding-bottom:0}:where([data-scope~=hackers_m_tos_m_level]) .cont02{background:#fee9ee}:where([data-scope~=hackers_m_tos_m_level]) .cont02>div{background:#fff;border-radius:4vw;width:92%;margin-top:3%;margin-bottom:7%;margin-left:4%;padding:3vw 0;overflow:hidden;box-shadow:1.5vw 1.5vw 3vw #feccd7b3}:where([data-scope~=hackers_m_tos_m_level]) .cont02>div>div{background:#fff7f9;border:1px solid #d4aab4;border-radius:4vw;width:84%;margin:2vw auto;padding:3%}:where([data-scope~=hackers_m_tos_m_level]) .cont02>div>div h1{font-size:4vw}:where([data-scope~=hackers_m_tos_m_level]) .cont02>div>div h1 span{color:#ff3866}:where([data-scope~=hackers_m_tos_m_level]) .level_chart{margin-top:2vw}:where([data-scope~=hackers_m_tos_m_level]) .level_chart ul{justify-content:space-between;display:flex}:where([data-scope~=hackers_m_tos_m_level]) .level_chart ul.score_list li{text-align:center;color:#999;width:12.5%;font-size:2vw}:where([data-scope~=hackers_m_tos_m_level]) .level_chart ul.level_list li{text-align:center;color:#666;width:12.5%;font-size:2.5vw}:where([data-scope~=hackers_m_tos_m_level]) .level_chart .bar_area{position:relative}:where([data-scope~=hackers_m_tos_m_level]) .level_chart .bar_chart{background:#e7e7e7;border-radius:3vw;width:100%;height:6vw;margin:1vw 0}:where([data-scope~=hackers_m_tos_m_level]) .level_chart .bar_chart .active_bar{background:linear-gradient(#ff3967,#ff93ac);border-radius:3vw;width:25%;height:100%}:where([data-scope~=hackers_m_tos_m_level]) .level_chart ul.bar_line{width:75%;position:absolute;left:12.5%}:where([data-scope~=hackers_m_tos_m_level]) .level_chart ul.bar_line li{background:#ffffffb3;width:1px;height:6vw}:where([data-scope~=hackers_m_tos_m_level]) .highcharts-figure,:where([data-scope~=hackers_m_tos_m_level]) .highcharts-data-table table{min-width:240px;margin:1em auto}:where([data-scope~=hackers_m_tos_m_level]) .highcharts-figure svg{width:100%;height:auto}:where([data-scope~=hackers_m_tos_m_level]) .cont02_btn{width:90%;margin:0 auto;display:block}:where([data-scope~=hackers_m_tos_m_level]) .cont02 table th,:where([data-scope~=hackers_m_tos_m_level]) td{border-bottom:1px solid #ddd;font-family:Noto Sans KR;font-size:3vw}:where([data-scope~=hackers_m_tos_m_level]) .cont02 table th{color:#fff;background:#ff3866;font-size:3.5vw}:where([data-scope~=hackers_m_tos_m_level]) .cont02 table td{padding:2%}:where([data-scope~=hackers_m_tos_m_level]) .cont02 table tr:last-child th,:where([data-scope~=hackers_m_tos_m_level]) .cont02 table tr:last-child td{border-bottom:none}:where([data-scope~=hackers_m_tos_m_level]) .con03 .bx-wrapper .bx-controls-direction a{height:36px;top:80%}:where([data-scope~=hackers_m_tos_m_level]) .con03 .bx-wrapper .bx-prev{background:url(//cdn.hackers.co.kr/images/fullservice/tos/m/level/con03_btn.png) 0 0/100% no-repeat;left:38%;transform:scaleX(-1)}:where([data-scope~=hackers_m_tos_m_level]) .con03 .bx-wrapper .bx-next{background:url(//cdn.hackers.co.kr/images/fullservice/tos/m/level/con03_btn.png) 0 0/100% no-repeat;right:38%}:where([data-scope~=hackers_m_tos_m_level]) .cont03{background:#fffae3}:where([data-scope~=hackers_m_tos_m_level]) .cont03 .more_btn{border:1px solid #333;border-radius:5vw;margin-bottom:4vw;padding:.5vw 2vw;font-size:2.5vw;display:inline-block;position:relative;left:50%;transform:translate(-50%)}:where([data-scope~=hackers_m_tos_m_level]) .tos_book .bxslider-default{width:92%;margin:0 auto}:where([data-scope~=hackers_m_tos_m_level]) .tos_book .bx-viewport{padding-bottom:6vw}:where([data-scope~=hackers_m_tos_m_level]) .tos_book .bx-wrapper{width:100%}:where([data-scope~=hackers_m_tos_m_level]) .tos_book .bxslider li{width:26vw;padding:0 2vw}:where([data-scope~=hackers_m_tos_m_level]) .book-wrap .bxslider-btn-move .mark{height:10vw;position:absolute;bottom:6vw;right:0;width:10vw!important}:where([data-scope~=hackers_m_tos_m_level]) .tos_book .btn-book-detail{border:1px solid #333;margin-top:2.5vw;padding:.5vw 2vw;font-size:2.5vw;display:block}:where([data-scope~=hackers_m_tos_m_level]) .tos_book .bx-wrapper .bx-controls-direction a{background:url(//cdn.hackers.co.kr/images/fullservice/tos/m/level/after/con03_arrow.png) 0 0/100% no-repeat;width:5vw;height:7vw;top:34%}:where([data-scope~=hackers_m_tos_m_level]) .tos_book .bx-wrapper .bx-next{right:-8%}:where([data-scope~=hackers_m_tos_m_level]) .tos_book .bx-wrapper .bx-prev{left:-8%;transform:scaleX(-1)}:where([data-scope~=hackers_m_tos_m_level]) .tos_lectures{width:90%;margin:0 auto}:where([data-scope~=hackers_m_tos_m_level]) .lect_wrap{margin-top:2vw!important}:where([data-scope~=hackers_m_tos_m_level]) .lst_lect{margin:0!important}:where([data-scope~=hackers_m_tos_m_level]) .lst_lect li{width:48%!important;height:auto!important;margin-left:4%!important}:where([data-scope~=hackers_m_tos_m_level]) .lst_lect li:first-child{margin-left:0!important}:where([data-scope~=hackers_m_tos_m_level]) .lst_lect li .thum_box img{height:auto!important}:where([data-scope~=hackers_m_tos_m_level]) .lst_lect li .ico_comm{background-size:auto!important}:where([data-scope~=hackers_m_tos_m_level]) .tos_contents{padding-bottom:5%}:where([data-scope~=hackers_m_tos_m_level]) ul.free_contents{justify-content:space-between;width:90%;margin:0 auto;display:flex}:where([data-scope~=hackers_m_tos_m_level]) ul.free_contents li{border-radius:3.7vw;width:24%;overflow:hidden;box-shadow:1vw 1vw 2vw #0000001a}:where([data-scope~=hackers_m_tos_m_level]) .tos_contents .tab_area{width:90%}:where([data-scope~=hackers_m_tos_m_level]) .tos_contents .tab_area .tab_button li{text-align:center;border-radius:3vw 3vw 0 0;height:12vw;font-size:4.5vw;line-height:12vw}:where([data-scope~=hackers_m_tos_m_level]) .tos_contents .tab_area .tab_button li.on{background:#f62453;font-weight:700}:where([data-scope~=hackers_m_tos_m_level]) .tos_contents .tab_area .tab_cont{border:1px solid #999}:where([data-scope~=hackers_m_tos_m_level]) .tos_contents .tab_area .tab_cont iframe{background:#fff}