@charset "UTF-8";body[data-v-18fa2720]{background:red}.test[data-v-18fa2720]{background:#000;position:fixed;top:0;left:0;width:100%;height:100%}.loading[data-v-18fa2720]{z-index:99999;position:fixed;width:100%;height:100%;background-color:#000000b3;right:0;top:0;display:table;color:#fff}.loading .wrap[data-v-18fa2720]{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}.loading .loader[data-v-18fa2720]{width:48px;height:48px;border-radius:50%;display:inline-block;border-top:3px solid #fff;border-right:3px solid transparent;box-sizing:border-box;animation:rotation-18fa2720 1s linear infinite}@keyframes rotation-18fa2720{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#app{min-height:100%;position:relative;max-width:var(--device-max-width);margin:auto;background:var(--c-lnk-white);padding-bottom:60px}.sound_only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.header{position:relative}.content{padding:0 20px}.clear:after{content:"";display:block;clear:both}.input_wrap label{color:var(--c-lnk-black);font-size:var(--f-theme-small);display:block;margin-bottom:15px}body{scrollbar-width:thin}::-webkit-scrollbar{width:6px;height:4px;background:none}::-webkit-scrollbar-thumb{background-color:var(--c-lnk-light);border-radius:4px}::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:focus{background-color:var(--c-lnk-basic)}.awesome-icons{font-size:inherit;color:inherit}.icon-normal{font-size:var(--f-theme-large)}.frame_btn01{border-radius:20px;height:54px;line-height:54px;font-size:var(--f-theme-regular);font-weight:700;color:var(--c-lnk-dark)}.frame_btn02{font-size:var(--f-theme-regular);color:var(--c-lnk-white);background:var(--c-lnk-black);height:50px;line-height:50px;border:0;border-radius:20px}.frame_btn03{color:var(--c-lnk-white);padding:7px 15px;background:var(--c-lnk-black);border-radius:20px}.frame_cate_btn02{border:1px solid var(--c-lnk-light);font-size:var(--f-theme-small);padding:0 10px;font-size:var(--f-theme-tiny);border-radius:26px;display:inline-block;text-align:center}.skil_info_box{border:1px solid var(--c-lnk-light);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;border-radius:30px;overflow:hidden;height:40px;text-align:center;padding:0}.skil_info_box.col4 li{width:25%}.skil_info_box.col2 li{width:50%}.skil_info_box li{border-left:1px solid var(--c-lnk-light);width:100%;height:100%}.skil_info_box li:first-child{border-left:0}.skil_info_box button{height:100%;width:100%;background:var(--c-lnk-light);color:var(--c-lnk-basic)}.skil_info_box .on button{font-weight:700;color:var(--c-lnk-black);background:var(--c-lnk-white)}.sub_fixed{position:fixed;top:0;right:0;left:0;width:100%;height:100%;z-index:90;max-width:var(--device-max-width);margin:0 auto;display:flex;flex-direction:column-reverse}.sub_fixed>.close{height:100%;top:0;left:0;position:absolute;width:100%;background:var(--c-lnk-black);opacity:.7}.sub_fixed>.sub_con{background:var(--c-lnk-white);max-height:80%;border-radius:10px 10px 0 0;position:relative;padding-top:10px;overflow:auto}.sub_fixed>.sub_con .tit{display:block;text-align:center;padding:10px;font-size:var(--f-theme-large);font-weight:500;margin:10px 0}.sub_fixed>.sub_con .close{height:10px;width:120px;display:block;border-radius:10px;margin:auto;background:var(--c-lnk-light)}.level_info.basic{background:var(--c-theme-shape)!important;color:var(--c-lnk-black)!important}.level_info.easy{background:var(--c-theme-green)!important;color:var(--c-lnk-black)!important}.level_info.normal{background:var(--c-theme-blue)!important;color:var(--c-lnk-black)!important}.level_info.hard{background:var(--c-theme-red)!important;color:var(--c-lnk-black)!important}.level_info.extreme{background:var(--c-lnk-black)!important;color:var(--c-lnk-white)!important}.frame_btn_from{position:fixed;bottom:0;max-width:var(--device-max-width);left:0;right:0;margin:0 auto;height:60px;width:100%;z-index:99;background:var(--c-lnk-white);border-top:1px solid var(--c-lnk-light);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.frame_btn_from button,.frame_btn_from a{display:inline-block;border:1px solid var(--c-lnk-light);height:50px;padding:0 20px;border-radius:20px;font-size:var(--f-theme-regular);text-align:center}.frame_btn_from .btn01{width:70px}.frame_btn_from .btn02{color:var(--c-lnk-basic);width:calc(100% - 80px);line-height:48px}.frame_btn_from .btn_full01{color:var(--c-lnk-basic);width:100%;line-height:48px}.frame_btn_from .btn_full02{border-color:var(--c-lnk-black);color:var(--c-lnk-white);background:var(--c-lnk-black);width:100%;line-height:48px}.frame_option_wrap{padding:0 30px 0 20px}.frame_option_wrap>li{margin-top:30px}.frame_option_wrap>li dl{display:flex;align-items:center;font-size:var(--f-theme-small)}.frame_option_wrap>li dt{width:110px;font-weight:700}.frame_option_wrap>li dd{width:calc(100% - 110px);font-weight:700}.skill_detail{background:var(--c-lnk-light)}.skill_detail .hd{background:#fff6;position:fixed;max-width:480px;z-index:60;top:0;right:0;left:0;margin:0 auto;width:100%}.skill_detail .hd .title{height:64px;line-height:64px;font-weight:500;padding:0 15px;text-align:center}.skill_detail .hd .title .tit{font-size:var(--f-theme-large)}.skill_detail .hd .title.center{text-align:center}.skill_detail .hd .title.left{text-align:left}.skill_detail .hd .title.right{text-align:right}.skill_detail .hd .btn_back{position:absolute;left:20px;font-size:var(--f-theme-large);top:20px}.skill_detail .hd .favorite_btn{position:absolute;right:20px;top:0;height:64px;font-size:var(--f-theme-large)}.skill_detail .hd .favorite_btn.on{color:var(--c-theme-red)}.skill_detail .video_content{padding-top:64px;background:var(--c-lnk-base);position:relative;min-height:300px}.skill_detail .video_content video{width:100%}.skill_detail .video_content .sample iframe{border:0;width:100%}.skill_detail .video_content .my_video_content{position:relative}.skill_detail .video_content .my_video_content .play_video_btn{position:absolute;top:0;left:0;width:100%;height:calc(100% - 180px);z-index:999}.skill_detail .video_content .con{width:100%;background:#000000b3;padding:10px 20px;color:var(--c-lnk-white);position:absolute;bottom:0}.skill_detail .video_content p{height:120px;overflow:hidden}.skill_detail .video_content .btm{padding-top:20px;font-size:var(--f-theme-tiny);display:flex;align-items:flex-start;justify-content:space-between}.skill_detail .video_content .btm i{font-size:12px;vertical-align:top;margin-top:2px;margin-left:1px;display:inline-block}.skill_detail .video_content .btm button{margin-left:10px}.skill_detail .video_btn{background:var(--c-lnk-light);padding:10px 20px}.skill_detail .video_btn>button{background:var(--c-lnk-white);border:1px solid var(--c-lnk-light);padding:10px 0;border-radius:20px;display:block;width:100%}.skill_detail .description{padding:10px 20px}.skill_detail .info{background:var(--c-lnk-white);padding-bottom:20px;position:relative}.skill_detail .info .tip{color:var(--c-theme-blue);margin-top:10px}.skill_detail .info .tip>p{margin-top:5px;line-height:1.3;font-size:var(--f-theme-tiny);color:var(--c-lnk-basic);margin-bottom:20px}.skill_detail .info h3{font-size:var(--f-theme-title2);margin-bottom:20px;padding:20px;border:1px solid var(--c-lnk-light)}.skill_detail .info h3 *{display:block}.skill_detail .info h3 span{margin-top:10px;font-size:var(--f-theme-small);color:var(--c-lnk-basic)}.skill_detail .info h3 .level_info{display:inline-block;padding:7px 20px;border-radius:5px;font-weight:700;margin-top:15px}.skill_detail .info>ul>li{padding:10px 30px}.skill_detail .info>ul .not_btn{background:var(--c-lnk-base)}.skill_detail .info>ul dl{display:flex;align-items:center}.skill_detail .info>ul dt{font-size:var(--f-theme-small);width:95px}.skill_detail .info>ul dd{width:calc(100% - 100px);padding:0 10px}.skill_detail .sort{display:flex;padding:0 20px;flex-direction:row-reverse}.skill_detail .feed{background:var(--c-lnk-white);padding-bottom:80px}.skill_detail .feed h3{font-size:var(--f-theme-large);margin-bottom:20px;padding:20px}.skill_detail .feed h3 *{display:block}.skill_detail .feed h3 span{margin-top:10px;font-size:var(--f-theme-small);color:var(--c-lnk-basic)}.skill_detail .list{background:var(--c-lnk-white);padding:0 20px}.skill_detail .list li{padding-top:20px}.skill_detail .list li>*{background:inherit}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}html,body{touch-action:manipulation;background:#000;font-family:Pretendard-Regular,sans-serif;width:100%;height:100%;font-size:var(--f-theme-tiny);color:var(--c-font1);transition:color .5s,background-color .5s;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0;font-weight:300;letter-spacing:1px;line-height:1}body,html,h1,h2,h3,h4,h5,h6,form,fieldset,img{border:0;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}em{font-style:normal;font-weight:500}span{font-weight:inherit}strong{font-weight:700}ul,dl,dt,dd{list-style:none;margin:0;padding:0}legend{position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;margin:0;padding:0}label,input,button,select,img{vertical-align:middle;font-size:inherit}input[type=date],input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inherit;background:inherit;width:inherit;padding:inherit}input,button{font-family:inherit;font-size:inherit;color:inherit;margin:0;padding:0}input[type=submit]{cursor:pointer}button{cursor:pointer;letter-spacing:inherit;border:0;background:none}input[type=submit],textarea,input[type=text],input[type=password]{-webkit-appearance:none}img{-ms-interpolation-mode:bicubic}table{border-spacing:0;border-collapse:collapse}input{border-radius:0}textarea,select{font-family:inherit;font-size:inherit;height:40px;background-color:#fff;border-color:#ddd;padding:0 10px}select{border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}select:focus,select:hover{outline:none;box-shadow:none;border:none;background-color:transparent}p{word-break:keep-all;line-height:1.6;margin:0;padding:0;font-size:var(--f-theme-small)}pre{overflow-x:scroll;font-size:1.1em}a{color:inherit;text-decoration:none;font-size:inherit}@font-face{font-family:Pretendard-Regular;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}:root{--c-theme-red:#EA4335;--c-theme-shape:#FFCC16;--c-theme-blue:#4285F4;--c-theme-green:#0A9C56;--c-theme-red-light:#F99487;--c-theme-shape-light:#FFDE6C;--c-theme-blue-light:#32A7FF;--c-theme-green-light:#18CE77;--c-theme-red-lighter:#FFDEDC;--c-theme-shape-lighter:#FFF8B7;--c-theme-blue-lighter:#E2F3FF;--c-theme-green-lighter:#D1F9DC;--c-theme-contrast0:#FFF;--c-theme-contrast1:#F5F5F5;--c-theme-contrast2:#DCDCDC;--c-theme-contrast3:#8D8D8E;--c-theme-contrast4:#59595B;--c-theme-contrast5:#292929;--f-theme-nano:10px;--f-theme-tiny:12px;--f-theme-small:14px;--f-theme-regular:16px;--f-theme-large:18px;--f-theme-title3:20px;--f-theme-title2:24px;--f-theme-title1:32px;--s-theme-input:48px;--s-theme-btn:36px;--s-theme-radius:10px;--device-max-width:480px;--content-padding: 0 20px}:root{--c-lnk-white: var(--c-theme-contrast0);--c-lnk-base: var(--c-theme-contrast1);--c-lnk-light: var(--c-theme-contrast2);--c-lnk-basic: var(--c-theme-contrast3);--c-lnk-dark: var(--c-theme-contrast4);--c-lnk-black: var(--c-theme-contrast5);--c-font: var(--c-theme-contrast5);--c-h-font: var(--c-theme-contrast5);--c-h-border: var(--c-theme-contrast7)}