@font-face{font-family:'PR';font-style:normal;font-weight:400;src:url("/font/PretendardVariable.ttf"),url("/font/PretendardVariable.woff2") format("woff")}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,textarea{margin:0;padding:0;border:0;box-sizing:border-box;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}img{max-width:100%}button{background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;-webkit-appearance:button}*{outline:none;letter-spacing:-.75px}.blind{position:absolute;top:-9999px;left:0;overflow:hidden;width:0;height:0;font-size:0}.inner{position:relative;max-width:640px;min-width:320px;margin:0 auto}.wrap h1.logo{position:absolute;top:22px;left:78px;background:url(/images/svg/soop_logo_dark.svg) no-repeat;background-size:100% 100%;background-position:50% 50%;width:150px;height:45px;font:0/0 a;z-index:10}.wrap h1.logo a{display:block;width:100%;height:100%}.wrap .util_area{display:flex;align-items:center;position:absolute;top:20px;right:69px;z-index:10}.wrap .util_area .user_info{display:flex;align-items:center;margin-right:36px}.wrap .util_area .user_info .thumb{display:block;width:57px;height:57px;margin-right:14px}.wrap .util_area .user_info .thumb img{width:100%;height:100%;border-radius:50%}.wrap .util_area .user_info .nick{color:#fff;font-size:24px;font-family:"PR"}.wrap .util_area .login{display:inline-block;background:#161311;height:51px;padding:0 20px;border:1px solid #fff;border-radius:25px;color:#fff;font-size:24px;font-family:"PR";line-height:51px}.wrap .main_banner{position:relative;background:url(./images/main_bg.webp) repeat 50% 0;width:100%;z-index:1}.wrap .main_banner .inner{position:relative}.wrap .main_banner .cont_img{display:block;background:url(./images/main_cont.webp) 50% 0/cover no-repeat;width:100%;height:0;padding-top:calc(546/640 * 100%)}.wrap .tab-btns button{position:absolute;font:0/0 a}.wrap .tab-btns button.fca{top:22%;left:11%;width:79.3%;height:62.7%}.wrap .tab-btns button.fc_online{top:112%;left:0;width:32.3%;height:20.9%}.wrap .tab-btns button.fc_mobile{top:112%;left:34%;width:32.3%;height:20.9%}.wrap .tab-btns button.fc_public{top:112%;left:67.8%;width:32%;height:20.9%}.wrap .contents .tabcont{display:none}.wrap .contents .tabcont.on{display:block}.wrap .section1{background:url(./images/bg_01.webp) repeat 50% 0;width:100%}.wrap .section1 .inner{position:relative}.wrap .section1 .cont_img{display:block;background:url(./images/cont_01.webp) 50% 0/cover no-repeat;width:100%;height:0;padding-top:calc(1324/640 * 100%)}.wrap .section2_1{background:url(./images/bg_02_1.webp) repeat 50% 0;width:100%}.wrap .section2_1 .inner{position:relative}.wrap .section2_1 .cont_img{display:block;background:url(./images/cont_02_1.webp) 50% 0/cover no-repeat;width:100%;height:0;padding-top:calc(1324/640 * 100%)}.wrap .section2_2{background:url(./images/bg_02_2.webp) repeat 50% 0;width:100%}.wrap .section2_2 .inner{position:relative}.wrap .section2_2 .cont_img{display:block;background:url(./images/cont_02_2.webp) 50% 0/cover no-repeat;width:100%;height:0;padding-top:calc(1850/640 * 100%)}.wrap .section2_2 a{position:absolute;font:0/0 a}.wrap .section2_2 a.apply{top:48.8%;left:9%;width:40%;height:2.7%}.wrap .section2_2 a.share{top:48.8%;left:51%;width:40%;height:2.7%}.wrap .section2_2 a.link_banner{top:79.4%;left:0;width:100%;height:12.5%}.wrap .section3_1{background:url(./images/bg_03_1.webp) repeat 50% 0;width:100%}.wrap .section3_1 .inner{position:relative}.wrap .section3_1 .cont_img{display:block;background:url(./images/cont_03_1.webp) 50% 0/cover no-repeat;width:100%;height:0;padding-top:calc(1324/640 * 100%)}.wrap .section3_2{background:url(./images/bg_03_2.webp) repeat 50% 0;width:100%}.wrap .section3_2 .inner{position:relative}.wrap .section3_2 .cont_img{display:block;background:url(./images/cont_03_2.webp) 50% 0/cover no-repeat;width:100%;height:0;padding-top:calc(1715/640 * 100%)}.wrap .section3_2 a{position:absolute;font:0/0 a}.wrap .section3_2 a.apply{top:59.4%;left:9%;width:40%;height:2.9%}.wrap .section3_2 a.share{top:59.4%;left:51%;width:40%;height:2.9%}.wrap .section3_2 a.link_banner{top:80.7%;left:0;width:100%;height:11.8%}.wrap .section4_1{background:url(./images/bg_04_1.webp) repeat 50% 0;width:100%}.wrap .section4_1 .inner{position:relative}.wrap .section4_1 .cont_img{display:block;background:url(./images/cont_04_1.webp) 50% 0/cover no-repeat;width:100%;height:0;padding-top:calc(1324/640 * 100%)}.wrap .section4_1 a{position:absolute;font:0/0 a}.wrap .section4_1 a.check{top:40.3%;left:4%;width:92%;height:4.3%}.wrap .section4_1 a.gggl{top:49.3%;left:26.8%;width:46.5%;height:4.3%}.wrap .section4_2{background:url(./images/bg_04_2.webp) repeat 50% 0;width:100%}.wrap .section4_2 .inner{position:relative}.wrap .section4_2 .cont_img{display:block;background:url(./images/cont_04_2.webp) 50% 0/cover no-repeat;width:100%;height:0;padding-top:calc(1372/640 * 100%)}.wrap .section4_2 a{position:absolute;font:0/0 a}.wrap .section4_2 a.apply{top:46.2%;left:9%;width:40%;height:5%}.wrap .section4_2 a.share{top:46.2%;left:51%;width:40%;height:5%}.wrap .section4_2 a.link_banner{top:76.7%;left:0;width:100%;height:14.2%}.wrap footer{background:#000;min-width:320px;padding:28px 0;color:#fff;font-size:18px;text-align:center}.btn_wrap{display:none;position:fixed;bottom:20px;right:20px;z-index:2000}.btn_wrap .top{display:block;position:relative;background:#f5f6f7;width:50px;height:50px;margin-top:10px;border-radius:50%;font:0/0 a;box-shadow:0 4px 8px rgba(0,0,0,0.3)}.btn_wrap .top:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none slice' viewBox='0 0 18 20'%3e%3cpath fill='%23222' d='M0 2V0h18v2H0zm17 10.6L15.54 14 10 8.7V20H8V8.71L2.46 14 1 12.61l8-7.62 8 7.62z'/%3e%3c/svg%3e") 50% 50% no-repeat;background-size:100% 100%;width:18px;height:20px;margin:auto}.banner_modal_wrap{display:flex;justify-content:center;align-items:center;gap:30px;overflow-y:scroll;position:fixed;inset:0;z-index:2000}.banner_modal_wrap>div{position:relative}.banner_modal_wrap>div img{display:block;width:100%;height:100%}.banner_modal_wrap>div .close{position:absolute;top:0%;right:0%;width:10%;height:10%;font:0/0 a}.banner_modal_wrap>div.fca_info{max-width:540px;max-height:543.5px}.banner_modal_wrap>div.fca_info .close{top:2.2%;right:2.2%;width:5.5%;height:5.4%}.banner_modal_wrap>div.n_connect{max-width:420px;max-height:235px}.banner_modal_wrap>div.n_connect .close{top:4%;right:2%;width:6%;height:10%}.banner_modal_wrap>div.n_connect a{position:absolute;bottom:11%;left:29%;width:42%;height:14%;font:0/0 a}#video_p{height:100% !important}@media screen and (max-width: 1024px){.wrap h1.logo{width:90px;height:35px}.wrap .util_area{right:43px}.wrap .util_area .user_info{margin-right:23px}.wrap .util_area .user_info .thumb{width:36px;height:36px;margin-right:9px}.wrap .util_area .user_info .nick{font-size:15px}.wrap .util_area .login{height:32px;padding:0 13px;border:1px solid #fff;border-radius:16px;font-size:15px;line-height:32px}.banner_modal_wrap{flex-direction:column}}@media screen and (max-width: 767px){.wrap h1.logo{display:none}.wrap .util_area{display:none}.wrap footer{padding:14px 0;font-size:12px}}