:where([data-scope~=hackers_content_s_speak_opic_css_main]) *{box-sizing:border-box;font-family:Noto Sans KR}#header .logo_area{box-sizing:content-box}:where([data-scope~=hackers_content_s_speak_opic_css_main]) #container.sub{width:100vw;margin-top:0;margin-bottom:0;overflow:hidden}:where([data-scope~=hackers_content_s_speak_opic_css_main]) #container>.content{float:none;width:2560px;margin:0;position:relative;left:50%;transform:translate(-50%)}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .outer_quick_wrap{top:80px}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area{width:100%;font-family:Noto Sans KR;overflow:hidden}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .inner{width:1000px;margin:0 auto;position:relative}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .in_wide{text-align:center;width:2560px;margin-left:-1280px;position:relative;left:50%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .hide_text{z-index:-1;width:0;height:0;font-size:0;overflow:hidden}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .p_r{position:relative}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .ov{overflow:hidden}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont01{background:#0b76d6}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont02,:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont04{background:#eef7ff;padding-bottom:100px}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont05{background:#def4be;padding:70px 0}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont06{background:#98ceff;padding:20px 0 70px}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .sys_txt{text-align:left;color:#333;width:1000px;font-size:1.2rem;font-weight:700;line-height:2.15rem;position:absolute;left:50%;transform:translate(-50%)}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont01 .sys_txt{color:#fff;font-weight:400;line-height:1.9rem;top:340px}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont01 .sys_txt.type2{color:#333;top:1620px}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont02 .sys_txt{width:530px;top:140px;left:40.5%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont02 .sys_txt.type2{color:#000;width:400px;font-size:1.15rem;line-height:2.5rem;top:618px;left:62%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont03 .sys_txt{top:150px}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont03 .sys_txt.type2{width:550px;font-size:1.05rem;line-height:2rem;top:950px;left:41%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .movie_area{background:#333;width:1000px;height:510px;position:relative;bottom:-10px;left:50%;transform:translate(-50%)}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .movie_area iframe{width:100%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont04 h3{margin:50px 0 30px;font-size:2.5rem;font-weight:700}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont04 h4{margin:100px 0 30px;font-size:2rem;font-weight:700}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont04 .q_info li>p{margin:20px 0;font-size:1rem;font-weight:700;line-height:1.8rem}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont04 .q_info li>dl{border-radius:15px;margin:40px 0;font-weight:700;overflow:hidden}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont04 .q_info li>dl dt{color:#fff;text-align:center;background:#0b76d6;padding:2%;font-size:1.05rem}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont04 .q_info li>dl dd{color:#333;background:#fff;padding:2% 4%;font-size:1rem;line-height:1.65rem}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont04 .q_info li>dl dd span{color:#0b76d6;font-size:1rem}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont04 .q_info li>ol li{margin-bottom:25px;font-size:1rem;font-weight:700;list-style:outside}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont04 .q_info li>ol li:last-of-type{margin-bottom:0}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont05 h3{color:#000;margin:50px 0;font-size:2rem;font-weight:700}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont05 h3 a{text-align:center;color:#000;border:1px solid #000;border-radius:25px;margin-left:20px;padding:5px 15px;font-size:.9rem;font-weight:400;display:inline-block}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont05 ul{justify-content:space-between;align-items:center;width:100%;display:flex}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont05 ul li{width:24.5%;padding:10px}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont05 .books ul li img{background:#fff;border-radius:30px;width:100%;height:250px;box-shadow:0 0 15px 1px #0000000d}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont05 .books ul li a{color:#fff;text-align:center;background:#000;border-radius:25px;margin-top:30px;padding:10px;font-weight:400;display:block}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont05 .lect ul li img{background:#000;width:100%;height:100px}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont05 .lect ul li p{width:100%;margin-top:15px;font-size:.8rem;font-weight:400}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont05 .content img{position:relative;left:50%;transform:translate(-50%)}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont06 h3{color:#000;margin:50px 0;font-size:2rem;font-weight:700}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont06 .tab_btn{align-self:center;width:800px;margin:0 auto;display:flex}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont06 .tab_btn li{color:#91a3b4;text-align:center;background:#51687e;border-radius:20px 20px 0 0;width:50%;padding:20px;font-size:1.25rem;font-weight:700}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont06 .tab_btn li.active{color:#fff;background:#0b76d6}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont06 .tab_con{background:#fff;border-radius:20px;height:600px;display:none;overflow:hidden;box-shadow:0 0 15px 2px #00376926}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont06 .tab_con.active{display:block}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_w{z-index:1;width:100vw;height:300vh;display:none;position:fixed;top:43%;left:50%;transform:translate(-50%,-50%)}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_w.active{display:block}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_w .bg{opacity:.2;background:#000;width:100vw;height:300vh;position:fixed;top:0;left:0}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up{z-index:5;background:#fff;border-radius:1.25rem;width:30%;padding:1.5%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up em.close{background:0 0;width:1.8rem;height:1.8rem;position:absolute;top:6%;right:3%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up em.close:before,:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up em.close:after{content:"";background:#000000b3;width:100%;height:1px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up em.close:after{transform:translate(-50%,-50%)rotate(-45deg)}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w span{color:#0bd677;font-weight:700;display:block}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w p{margin:5% auto;font-size:1.05rem;font-weight:700;line-height:1.75rem}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w p.tit{margin:4% auto}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul{margin-bottom:8%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul.level{margin:4% 0}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul.level li{margin-bottom:2%;display:block}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul.level li:last-of-type{margin-bottom:0}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul.level li span{width:22%;margin:2% 5% 4%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul.level li span img{width:100%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul.level li p{justify-content:start;align-items:center;width:100%;margin:1% 0;font-size:.9rem;display:flex}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul.level li p label{width:90%;font-size:.85rem;font-weight:400;line-height:1.25rem}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul.exrcs{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul.exrcs li{width:50%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w li{justify-content:start;align-items:center;margin-bottom:2%;display:flex}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w li label{color:#444;margin-left:2%;font-size:1rem;font-weight:700}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w input{background:url(https://cdn.hackers.co.kr/images/S_Speak/opic/check.png) 0 0/100% no-repeat;width:1rem;height:1rem}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w input:checked{background-position-y:100%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w input:checked+label{color:#0b76d6}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w p.info_txt{margin:0;font-size:.9rem;font-weight:500}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .btn_w{justify-content:space-between;align-items:center;width:100%;display:flex}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .btn_w a{text-align:center;color:#666;background:#ddd;border-radius:.8rem;width:48%;padding:3%;font-size:1.15rem;font-weight:700;display:block}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .btn_w a:last-of-type{color:#fff;background:#0b76d6}@media (max-width:750px){:where([data-scope~=hackers_content_s_speak_opic_css_main]){font-size:14px}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo{max-width:750px}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo img{width:100%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont02{background:#fff;padding-bottom:5%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont03{background:#eef6ff;padding:3% 0 5%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont03_add{background:#fff;padding:3% 0 5%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont04,:where([data-scope~=hackers_content_s_speak_opic_css_main]) .cont06{padding-bottom:5%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .sys_txt{text-align:left;color:#333;width:90%;font-size:1rem;font-weight:700;line-height:1.45rem;position:relative;top:0;left:50%;transform:translate(-50%)}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont01 .sys_txt{color:#fff;font-weight:400;line-height:1.9rem;top:0}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont02 .sys_txt{width:90%;top:0}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont03 .sys_txt{top:0}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont03 .sys_txt.type2{width:90%;margin-bottom:3%;font-size:1.05rem;line-height:2rem;top:-2vw;left:50%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo h3{width:90%;margin:4% auto;font-size:1.5rem;line-height:2.2rem}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo h3 span{color:#999;font-size:1rem}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .movie_area{width:90%;height:40vw;margin:4% 0 23%;position:relative;bottom:0;left:50%;transform:translate(-50%)}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .movie_area iframe,:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont04 .movie_area{width:100%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont03_add a{width:100%;margin-top:2%;display:block}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont03_add a img{width:100%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont04 h3{width:90%;margin:4% auto;font-size:1.5rem;font-weight:700}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont04 h4{width:100%;margin:2% auto;font-size:1.3rem;font-weight:700}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont04 .q_info{width:90%;margin:1% auto}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont04 .q_info li>ol{width:90%;margin:3% auto}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont05 h3{width:90%;margin:4% auto;font-size:1.5rem;font-weight:700}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont05 h3 a{border-radius:18px;margin-left:2vw;padding:0% 3%;font-size:.8rem;font-weight:400}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont05 ul{width:100%;margin:2% auto}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont05 ul li{width:25%;padding:3%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont05 .books ul li img{border-radius:15px;width:100%;height:23vw}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont05 .books ul li a{border-radius:10px;margin-top:3%;padding:3%;font-size:.8rem}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont05 .lect ul li{width:50%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont05 .lect ul li img{width:100%;height:20vw}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont05 .lect ul li p{margin-top:2%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont06{padding-bottom:10%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont06 h3{width:90%;margin:4% auto;font-size:1.5rem;font-weight:700}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont06 .tab_btn{align-self:center;width:70%;margin:0 auto;display:flex}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont06 .tab_btn li{color:#91a3b4;text-align:center;background:#51687e;border-radius:20px 20px 0 0;width:50%;padding:3%;font-size:1.05rem;font-weight:700}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont06 .tab_btn li.active{color:#fff;background:#0b76d6}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont06 .tab_con{background:#fff;border-radius:20px;width:94%;height:50vw;margin:0 auto 5%;display:none;overflow:hidden;box-shadow:0 0 15px 2px #00376926}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .content_area.mo .cont06 .tab_con.active{display:block}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up{width:90%;padding:3%;top:50%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up em.close{top:3%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w span{color:#0bd677;font-weight:700;display:block}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w p{margin:3% auto;font-size:1.05rem;font-weight:700;line-height:1.75rem}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w p.tit{margin:2% auto}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul{margin-bottom:5%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul.level{height:50vh;margin:4% 0;overflow-y:scroll}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul.level li{margin-bottom:2%;display:block}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul.level li:last-of-type{margin-bottom:0}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul.level li span{width:22%;margin:2% 5% 4%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul.level li span img{width:100%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul.level li p{justify-content:start;align-items:center;width:100%;margin:1% 0;font-size:.9rem;display:flex}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul.level li p label{width:90%;font-size:.85rem;font-weight:400;line-height:1.25rem}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul.exrcs{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w ul.exrcs li{width:50%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w li{justify-content:start;align-items:center;margin-bottom:2%;display:flex}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w li label{color:#444;margin-left:2%;font-size:1rem;font-weight:700}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w input{background:url(https://cdn.hackers.co.kr/images/S_Speak/opic/check.png) 0 0/100% no-repeat;width:1rem;height:1rem}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w input:checked{background-position-y:100%}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .inner_w input:checked+label{color:#0b76d6}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .btn_w{justify-content:space-between;align-items:center;width:100%;display:flex}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .btn_w a{text-align:center;color:#666;background:#ddd;border-radius:.8rem;width:48%;padding:3%;font-size:1.15rem;font-weight:700;display:block}:where([data-scope~=hackers_content_s_speak_opic_css_main]) .pop_up .btn_w a:last-of-type{color:#fff;background:#0b76d6}}@media (max-width:450px){:where([data-scope~=hackers_content_s_speak_opic_css_main]){font-size:12px}}