@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:500;font-display:swap;src:local(Noto Sans KR Medium),local(NotoSansKR-Medium),url(/layouts/hackers/_css/fonts/NotoSansKR/NotoSansKR-Medium.woff2)format("woff2"),url(/layouts/hackers/_css/fonts/NotoSansKR/NotoSansKR-Medium.woff)format("woff")}:where([data-scope~=hackers_m_app_m_app_introduce]) img{width:100%;display:block}:where([data-scope~=hackers_m_app_m_app_introduce]) .inner{box-sizing:border-box;width:100%;margin:0 auto;padding:25px 20px 15vw}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_wrap{width:100%}:where([data-scope~=hackers_m_app_m_app_introduce]) .bxslider-default .bx-wrapper,:where([data-scope~=hackers_m_app_m_app_introduce]) .bxslider-default .bx-viewport{width:100%!important;max-width:100%!important;height:100%!important}:where([data-scope~=hackers_m_app_m_app_introduce]) .bxslider-default li{width:100%!important}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont{background:url(https://cdn.hackers.co.kr/images/mobile/layout/app_info/app_intro_bg.jpg) 0 0/cover no-repeat}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .bxslider-default{width:85%;height:18vw;margin:0 auto 4vw;position:relative}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .bxslider-default:after{content:"";background:linear-gradient(90deg,#fff0,#8da3f7f2 60%,#859cf9);width:10vw;height:105%;display:block;position:absolute;top:-.5vw;right:-1vw}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .bxslider-default li{width:18vw!important;margin-right:3vw!important}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .bxslider-default .bx-wrapper .bx-controls-direction a{z-index:2;background:url(https://cdn.hackers.co.kr/images/mobile/layout/app_info/ico_arw.png) 0 0/200% no-repeat;width:10vw;height:10vw}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .bxslider-default .bx-wrapper .bx-controls-direction a.bx-prev{background-position-x:0;left:-11vw}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .bxslider-default .bx-wrapper .bx-controls-direction a.bx-next{background-position-x:100%;right:-11vw}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .ex{color:#605fb2;text-align:center;width:100%;font-size:3vw;display:block}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .info_list{margin:5vw 0}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .info_list li{box-sizing:border-box;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:15px;display:flex}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .info_list li .ico_box{flex-direction:column;width:18vw;display:flex;position:relative}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .info_list li .ico_box .ico_info{background:url(https://cdn.hackers.co.kr/images/mobile/layout/app_info/ico_info.png) 0 0/100% no-repeat;width:7vw;height:7vw;display:block;position:absolute;top:-2vw;right:-2vw}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .info_list li .ico_box img{box-sizing:border-box;border:1px solid #ddd;border-radius:12px}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .info_list li .ico_box p{color:#000;text-align:center;margin-top:5px;font-size:3.2vw;font-weight:500}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .info_list li .info_box{width:calc(100% - 22vw)}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .info_list li .info_box p{color:#000;word-break:keep-all;font-size:3.8vw;font-weight:500;line-height:1.4}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .info_list li .info_box .btn_box{gap:5px;margin-top:10px;display:flex}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .info_list li .info_box .btn_box a{color:#fff;text-align:center;background:#000;border-radius:5px;justify-content:center;align-items:center;width:50%;height:100%;padding:7px;font-size:3.5vw;font-weight:500;display:flex}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .info_list li .info_box .btn_box a.ios{background:#4864e7}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .info_list li .info_box .btn_box a>i{width:3.5vw;height:3.5vw;margin-right:5px}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .info_list li .info_box .btn_box a.aos>i{background:url(https://cdn.hackers.co.kr/images/mobile/layout/app_info/ico_aos.png) 0 0/100% no-repeat}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .info_list li .info_box .btn_box a.ios>i{background:url(https://cdn.hackers.co.kr/images/mobile/layout/app_info/ico_ios.png) 0 0/100% no-repeat;height:4.5vw}:where([data-scope~=hackers_m_app_m_app_introduce]) .app_cont .movie_box{border-radius:10px;width:100%;height:50vw;margin-top:10vw;overflow:hidden}:where([data-scope~=hackers_m_app_m_app_introduce]) .layer_n{display:none}:where([data-scope~=hackers_m_app_m_app_introduce]) .layer_n .bg{opacity:.5;z-index:2;background:#000;width:100%;height:100%;position:fixed;top:0;left:0}:where([data-scope~=hackers_m_app_m_app_introduce]) .layer .layer_box{z-index:999;width:92%;position:fixed;top:20%;left:50%;transform:translate(-50%);margin:0!important}:where([data-scope~=hackers_m_app_m_app_introduce]) .layer_box.gray_ver a.close{text-indent:-3000em;background:url(https://gscdn.hackers.co.kr/champ/img/common/btn_cls_black.png) 50%/100% no-repeat;width:15px;height:15px;margin-right:0;font-size:0;display:block;position:absolute;top:-22px;right:2px}:where([data-scope~=hackers_m_app_m_app_introduce]) .layer_box.gray_ver a.close.w{background-image:url(https://gscdn.hackers.co.kr/champ/img/common/btn_cls_white.png)}:where([data-scope~=hackers_m_app_m_app_introduce]) .info_pop.layer .layer_box{width:60%}:where([data-scope~=hackers_m_app_m_app_introduce]) .info_pop.layer .layer_box .bxslider-default{height:107vw}:where([data-scope~=hackers_m_app_m_app_introduce]) .info_pop.layer .layer_box .bxslider-default li img{width:100%}:where([data-scope~=hackers_m_app_m_app_introduce]) .info_pop.layer .layer_box .bxslider-default .bx-wrapper .bx-controls-direction a{z-index:2;background:url(https://cdn.hackers.com/frontend/pass/img/common/v1/rolling_btn_white.png) 0 0/100% no-repeat;width:4vw;height:8vw}:where([data-scope~=hackers_m_app_m_app_introduce]) .info_pop.layer .layer_box .bxslider-default .bx-wrapper .bx-controls-direction a.bx-prev{left:-8vw}:where([data-scope~=hackers_m_app_m_app_introduce]) .info_pop.layer .layer_box .bxslider-default .bx-wrapper .bx-controls-direction a.bx-next{right:-8vw;transform:rotate(180deg)}
