@charset "utf-8";

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:root{--primary-color:#48d0c8;--light-gray-color:#e5e5ec;--gray-color:#666}*{margin:0;padding:0;vertical-align:top;box-sizing:border-box}:focus{outline:none}:after,:before{margin:0;padding:0;vertical-align:top;box-sizing:border-box;line-height:1.5}html{font-size:62.5%;background-color:#f1f1f1}body{font-size:1.4rem}body,button,code,input,kbd,pre,samp,select,td,textarea,th{font-family:Wanted,sans-serif;color:#444;line-height:1.5;font-weight:400}dl,ol,ul{list-style:none}h1,h2,h3,h4,h5,h6,strong,th{font-weight:400}b{font-weight:700}a{color:inherit}a,a:active,a:hover{text-decoration:none}img{max-width:100%}button,input,select,textarea{border-radius:0;border:none;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;text-decoration:none;cursor:pointer;-webkit-text-size-adjust:none}input{-webkit-appearance:none;-webkit-border-radius:0}input[type=password],input[type=text],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}label{cursor:pointer}.input_wrap{position:relative}.input_wrap input{width:100%;padding-right:3.8rem}.input_wrap .btn_clear{width:18px;height:18px;right:1.5rem;background-image:url(/_next/static/media/ip_clear.5bc0ace6.png)}.input_wrap .btn_clear,.input_wrap .btn_view{display:none;position:absolute;top:50%;transform:translateY(-50%);background-repeat:no-repeat;background-size:cover;background-position:50%;z-index:1}.input_wrap .btn_view{width:24px;height:24px;right:4rem}.input_wrap .ip_password[type=text]~.btn_view{background-image:url(/_next/static/media/icon_pwshow.65c90ffd.png)}.input_wrap .ip_password[type=password]~.btn_view{background-image:url(/_next/static/media/icon_pwhide.b4c493b1.png)}.input_wrap .ip_password{padding-right:7rem}.input_wrap .ip_password:valid~.btn_view,.input_wrap input:valid~.btn_clear{display:inline-block}.btn_submit.off{background-color:#a5adb8}.checkbox{display:inline-block;padding-left:3rem;min-height:24px;line-height:24px;position:relative}.checkbox span{width:24px;height:24px;position:absolute;left:0;top:0;background-color:#fff;border:1px solid #e6e5e5;border-radius:50%;background-repeat:no-repeat;background-position:50%;background-size:12.5px;background-image:url(/_next/static/media/checkbox.74caa60c.png)}.checkbox input[type=checkbox]{position:absolute;left:-999em;top:0}.checkbox input[type=checkbox]:checked+span{background-color:var(--primary-color);border:1px solid var(--primary-color);background-image:url(/_next/static/media/checkbox_on.735f240c.png)}.checkbox.sm{display:inline-block;padding-left:28px;min-height:20px;position:relative;line-height:20px}.checkbox.sm span{width:20px;height:20px;background-size:10.5px}.checkbox.single,.checkbox2{padding-left:20px}.checkbox2{display:inline-block;min-height:20px;position:relative}.checkbox2 span{width:20px;height:20px;position:absolute;left:0;top:0;background-color:#fff;border:1px solid #e0e0e5;border-radius:2px;background-repeat:no-repeat;background-position:50%;background-size:12.5px;background-image:url(/_next/static/media/checkbox.74caa60c.png)}.checkbox2 input[type=checkbox]{position:absolute;left:-999em;top:0}.checkbox2 input[type=checkbox]:checked+span{background-color:#ff5b59;border:1px solid #ff5b59;background-image:url(/_next/static/media/checkbox_on.735f240c.png)}.radiobox{display:inline-block;padding-left:30px;min-height:24px;position:relative}.radiobox span{width:20px;height:20px;position:absolute;left:0;top:0;background-color:#fff;border:1px solid #e2e2e6;border-radius:50%}.radiobox span:before{content:"";display:block;width:8px;height:8px;position:absolute;left:50%;top:50%;margin-top:-4px;margin-left:-4px;border-radius:50%;background-color:#dcdcdc}.radiobox input[type=radio]{position:absolute;left:-999em;top:0}.radiobox input[type=radio]:checked+span{background-color:#000;border:1px solid #000}.radiobox input[type=radio]:checked+span:before{background-color:#fff}select{border-radius:0;background-repeat:no-repeat}select::-ms-expand{display:none}select.type1{padding-left:12px;background-position:right 9px center;background-size:20px;background-image:url(/_next/static/media/select_arrow.851a5362.png);border-radius:3px;height:40px;padding-right:42px;border:1px solid #d5d5d5;font-size:1.3rem;width:100%;color:#333}select.type1,select.type2{background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}select.type2{border:0;padding-right:20px;font-size:1.5rem;background-image:url(/_next/static/media/icon_arrow.abb63a14.png);height:24px;background-position:right 8px;background-size:11px auto;color:#000;border-radius:0}#logo{width:179px;height:60px;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;background-position:50%;background-size:contain;background-image:url(/_next/static/media/app_logo.fa9de3af.png)}.clearfix{zoom:1}.clearfix:after,.clearfix:before{display:table;content:""}.clearfix:after{clear:both}.block{display:block!important}.il_block{display:inline-block!important}.hide{display:none!important}.screen_hide{position:absolute;text-indent:-9999px;width:0;height:0;font-size:0;line-height:0;overflow:hidden}.sound_only{display:inline-block!important;position:absolute;top:0;left:0;width:0!important;height:0!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important;border:0!important;overflow:hidden!important}.readOnly{opacity:.5}.error{color:#ff5b59}.btn_submit{padding:1.3rem 0;border-radius:8px;font-size:1.7rem;font-weight:600;width:100%;background-color:var(--primary-color);color:#fff}#layout{background-color:#fff}#layout,.container{margin-left:auto;margin-right:auto;min-height:100vh;position:relative}.container{max-width:1440px;height:100%}.container>div{padding-bottom:6rem}.container:after{clear:both}.container:after,.container:before{display:table;content:"";display:block;overflow:hidden}header{height:5rem}.header-wrap{padding:0 2rem;text-align:center;line-height:5rem;position:fixed;width:100%;height:5rem;left:50%;top:0;transform:translate(-50%);font-size:1.6rem;font-weight:600;background-color:#fff}.header-wrap .btn_back{position:absolute;left:17px;top:50%;transform:translateY(-50%);width:26px;height:26px;text-indent:-999em;overflow:hidden;background-size:contain;background-position:50%;background-repeat:no-repeat;background-image:url(/_next/static/media/hd_back.a67f0a49.png);border:none;background-color:transparent}.dimmed{z-index:10}.floatting_player_bar{z-index:4}.header-wrap,.nav_bar{z-index:5}.search_page .input_wrap{z-index:6}.bottomSheet [data-rsbs-backdrop],.bottomSheet [data-rsbs-overlay],.bottomSheet [data-rsbs-root]:after{z-index:10}.fixed_player_bar,.floatting_wrap{z-index:2}.audio_page section{position:relative;z-index:1}.dimmed{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);transition:opacity .3s}.dialog{position:relative;width:100%;margin:0 2rem;padding:2.6rem 2rem 2rem;background-color:#fff;border-radius:8px}.dialog .btn_close{width:26px;height:26px;background-image:url(/_next/static/media/ip_clear.5bc0ace6.png);background-size:18px;background-position:50%;background-repeat:no-repeat;position:absolute;right:1.2rem;top:1.2rem;text-indent:-999em;overflow:hidden;border:none;background-color:transparent}.dialog .title{margin:0 .4rem;font-size:1.8rem;font-weight:700;white-space:pre-line}.dialog .text{margin:1rem .4rem 0;font-size:1.6rem;font-weight:400;white-space:break-spaces}.dialog .btns_wrap{margin-top:3rem}.dialog .btns_wrap button{padding:1rem;width:100%;font-weight:600}.dialog .btns_wrap button:first-child{color:#fff;background-color:var(--primary-color);border-radius:8px}.dialog .btns_wrap button+button{margin-top:.6rem}.spinner_wrap{width:100%;margin:5rem 0}.spinner_wrap .spinner{margin:0 auto;width:4rem;height:4rem;box-sizing:border-box;border:3px solid rgba(72,208,200,.3);border-top:3px solid var(--primary-color);border-radius:100%;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.nav_bar{position:fixed;left:0;right:0;bottom:0;height:6rem;padding-bottom:env(safe-area-inset-bottom);color:#fff}.menu{margin:0;width:100%;height:100%;position:relative;justify-content:space-evenly;background-color:var(--primary-color)}.menu,.nav_bar .link_btn{display:flex;align-items:center}.nav_bar .link_btn{z-index:1;flex-direction:column;cursor:pointer;will-change:transform;justify-content:center;transition:transform var(--timeOut,.7s);width:6rem;height:6rem}.nav_bar .link_btn:before{content:"";z-index:-1;width:6.6rem;height:6.6rem;border-radius:50%;position:relative;position:absolute;transform:scale(0);transition:background-color .7s,transform .7s;color:#fff}.nav_bar .link_btn span{font-size:1.2rem}.nav_bar .link_btn.active{width:6.6rem;transform:translate3d(0,-.6rem,0);color:var(--primary-color)}.nav_bar .link_btn.active:before{transform:scale(1);background-color:#fff}.nav_bar .link_btn svg{width:2.6rem;height:2.6rem;stroke:#fff;fill:transparent;stroke-width:1pt;stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:400}.nav_bar .link_btn.active svg{stroke:var(--primary-color);animation:strok 1.5s reverse}.nav_bar .menu_border{left:0;bottom:99%;width:12rem;height:2rem;position:absolute;-webkit-clip-path:url(#goo);clip-path:url(#goo);will-change:transform;background-color:var(--primary-color);transition:transform var(--timeOut,.7s)}.nav_bar .svg_goo_wrap{width:0;height:0}@keyframes strok{to{stroke-dashoffset:400}}#splash{width:100%;height:100%;background-color:var(--primary-color)}.signin_page{padding:0 2rem}.signin_page #logo{margin:8rem auto 0}.signin_page .btn_submit{margin-top:2rem}.signin_page .btn_signup{display:block;text-align:center;border:1px solid var(--light-gray-color);background-color:#fff;color:#111;margin-top:6rem}.signin_page .signin_wrap{display:flex;flex-direction:column}.signin_box{width:100%;margin-top:4rem}.signin_box .input_wrap{position:relative;width:100%;margin-bottom:1px}.signin_box .input_wrap:first-child input{height:6rem;border-radius:.8rem .8rem 0 0}.signin_box .input_wrap:last-child input{height:59px;border-top:0;border-radius:0 0 8px 8px}.signin_box .input_wrap input{font-size:15px;border:none;box-shadow:0 0 0 1px var(--light-gray-color);width:100%;padding-top:1.8rem;padding-left:1.5rem;position:relative;background:#fff}.signin_box .input_wrap label{position:absolute;left:1.5rem;color:#767676;font-size:1.6rem;bottom:1.8rem;transition:all .2s}.signin_box .input_wrap input:focus{z-index:1;box-shadow:0 0 0 1px var(--primary-color)}.signin_box .input_wrap input:focus~label,.signin_box .input_wrap input:valid~label{left:1.5rem;font-size:1.2rem;bottom:3rem;z-index:2}.lc_title{position:relative;text-align:center}.lc_title span{display:inline-block;padding:0 6px;background-color:#fff;position:relative;z-index:3;color:#666}.lc_title:before{content:"";height:1px;width:100%;position:absolute;z-index:1;left:0;top:50%;background-color:#d1d1d1}.sns_signin_wrap{margin-top:3.5rem;text-align:center}.sns_signin_wrap .sns_icon_wrap{display:flex;justify-content:center;margin-top:2rem}.sns_signin_wrap .sns_icon_wrap>div{display:block;width:46px;height:46px;border-radius:50%;text-indent:-999em;overflow:hidden;background-size:20px;background-repeat:no-repeat;background-position:50%;cursor:pointer}.sns_signin_wrap .naver{background-image:url(/_next/static/media/sns_naver.435e3420.png);background-color:#56ca5f}.sns_signin_wrap .kakao{background-image:url(/_next/static/media/sns_kakao.d3ee6ab3.png);background-color:#fee500;margin-left:1rem}.sns_signin_wrap .google{background-image:url(/_next/static/media/sns_google.959094fd.png);background-color:#333;margin-left:1rem}.signin_keep_wrap{margin-top:1.2rem;padding-right:.1rem}.signin_keep_wrap+.error{margin-top:2rem}.home_page header .header-wrap{border-bottom:1px solid var(--light-gray-color);padding-top:.5rem;padding-bottom:.5rem}.home_page header .inner{padding:.5rem}.home_page #logo{height:30px;margin:5px auto 0}.slide_wrap{display:flex;overflow-x:scroll;padding:2rem}.slide_wrap li{box-shadow:0 0 16px #ddd;position:relative;border-radius:50%;border:4px solid var(--light-gray-color);overflow:hidden;width:100px;height:100px;flex-basis:100px;flex-shrink:0;flex-grow:0}.slide_wrap li.active{border-color:var(--primary-color)}.slide_wrap li+li{margin-left:1.6rem}.slide_wrap img{position:absolute;width:100%;height:100%;object-fit:cover;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.tabs_wrap{padding:1.2rem 2rem;justify-content:space-between;align-items:center;border-top:1px solid var(--primary-color);border-bottom:1px solid var(--primary-color)}.tabs_wrap,.tabs_wrap ul{display:flex}.tabs_wrap li{position:relative;font-size:1.6rem;cursor:pointer}.tabs_wrap li+li{margin-left:1rem;padding-left:1rem}.tabs_wrap li+li:before{content:"";position:absolute;left:0;top:4px;width:1px;height:10px;background-color:var(--light-gray-color)}.tabs_wrap li.active{color:var(--primary-color);font-weight:700}.tabs_wrap .btn_player{padding:.4rem;color:var(--primary-color);border:2px solid var(--primary-color);background-color:#fff;border-radius:50%}.lecture_wrap{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:2.4rem 1.5rem;gap:2.4rem 1.5rem;padding:2rem}.lock{cursor:pointer}.home_page .lock .book_img_wrap{position:relative;text-align:center}.home_page .lock .book_img_wrap:before{content:"";position:absolute;display:inline-block;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-lock'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2' fill='%23fff'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");z-index:1}.home_page .lock img{filter:brightness(60%)}.book_img_wrap img{border:1px solid #e2e2e2}@media screen and (max-width:690px){.lecture_wrap{grid-template-columns:repeat(3,1fr)}}.icon_title:before{content:"";display:block;margin-bottom:23px;background-position:50%;background-size:contain;background-repeat:no-repeat}.icon_title .title{font-size:2.8rem;color:#000}.icon_title p{color:#666;margin-top:15px}.intro{margin:2.3rem 0 3.8rem}.intro h1{color:#000;font-size:2.6rem;font-weight:500;word-break:keep-all}.intro .description{color:#666;font-size:1.5rem;font-weight:400;margin-top:1rem}.form_type1{padding:0 2rem}.form_type1 .item+.item{margin-top:22px}.form_type1 .item .title{display:block;color:#000;font-size:1.5rem}.form_type1 .item .title .stit{margin-top:3px}.form_type1 .item .stit{display:block;color:#666;font-size:1.3rem;margin-bottom:14px}.form_type1 .item .req{position:relative;padding-right:8px}.form_type1 .item .req:before{content:"";width:5px;height:5px;border-radius:50%;background-color:#ff5b59;position:absolute;right:0;top:50%;margin-top:-4.5px}.form_type1 .item .ip_error{display:block;color:#ce0000;font-size:1.5rem}.form_type1 .item .ip_error .error_cnt{font-size:1.4rem}.form_type1 .item .ip_error .error_cnt .error_item{display:block}.form_type1 .item .ip_error label{display:inline-block;color:#000}.form_type1 .item .ip_tit{color:#000}.form_type1 .item .ip_group{margin:5px 0;position:relative;display:flex;align-items:center}.form_type1 .item .ip_group+.ip_group{margin-top:10px}.form_type1 .item .ip_group .ip{flex:1 1 auto;position:relative}.form_type1 .item .ip_group .ip+.ip{margin-left:8px}.form_type1 input[type=email],.form_type1 input[type=num],.form_type1 input[type=password],.form_type1 input[type=tel],.form_type1 input[type=text],.form_type1 select{width:100%;height:50px;padding-left:10px;border:1px solid #e0e0e5;border-radius:4px;background-color:#fff}.form_type1 select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-position:right 9px center;padding-right:42px}.form_type1 .item .ok .ip:before{content:"";position:absolute;right:10px;top:50%;margin-top:-10px;width:20px;height:20px}.form_type1 .item .ok .ip.pw:before{right:34px}.form_type1 .item .pw_show{position:absolute;right:10px;top:50%;margin-top:-10px;width:20px;height:20px;text-indent:-999em;overflow:hidden;border:0;background-color:transparent}.form_type1 .error input[type=email],.form_type1 .error input[type=num],.form_type1 .error input[type=password],.form_type1 .error input[type=tel],.form_type1 .error input[type=text]{border:1px solid #ce0000}.form_type1 .ok input[type=email],.form_type1 .ok input[type=num],.form_type1 .ok input[type=password],.form_type1 .ok input[type=tel],.form_type1 .ok input[type=text]{border:1px solid #3881f7}.form_type1 input[type=email]:-moz-read-only,.form_type1 input[type=num]:-moz-read-only,.form_type1 input[type=password]:-moz-read-only,.form_type1 input[type=tel]:-moz-read-only,.form_type1 input[type=text]:-moz-read-only{background-color:#f5f5f5;color:#959595}.form_type1 input[type=email]:read-only,.form_type1 input[type=num]:read-only,.form_type1 input[type=password]:read-only,.form_type1 input[type=tel]:read-only,.form_type1 input[type=text]:read-only{background-color:#f5f5f5;color:#959595}.form_type1 input.white:-moz-read-only{background-color:#fff}.form_type1 input.white:read-only{background-color:#fff}.form_type1 textarea{width:100%;min-width:100%;max-width:100%;min-height:140px;border-radius:3px;border:1px solid #d8d8d8;height:42px;font-size:1.4rem;background-color:#fff;padding:15px 10px}.form_type1 textarea.xs{height:70px;min-height:70px}.form_type1 input[type=email]::placeholder,.form_type1 input[type=num]::placeholder,.form_type1 input[type=password]::placeholder,.form_type1 input[type=tel]::placeholder,.form_type1 input[type=text]::placeholder{color:#959595;opacity:1}.form_type1 textarea::placeholder{color:#959595;opacity:1}.form_type1 .max_len{position:absolute;right:12px;bottom:12px;color:#666;font-size:1.3rem}.form_type1 .max_len b{font-weight:400}.form_type1 .ip_group .ip_count{position:absolute;right:0;top:-27px;color:#d93b3b}.form_type1 .ip_group.ip_icon:before{content:"";width:18px;height:18px;position:absolute;z-index:10;left:14px;top:15px;background-size:contain;background-position:50%;background-repeat:no-repeat}.form_type1 .ip_group.ip_icon input[type=email],.form_type1 .ip_group.ip_icon input[type=num],.form_type1 .ip_group.ip_icon input[type=password],.form_type1 .ip_group.ip_icon input[type=tel],.form_type1 .ip_group.ip_icon input[type=text]{padding-left:42px}.form_type1 .ip_group .btn{margin-left:8px;max-width:102px;min-width:102px;height:50px;border-radius:4px;position:relative;overflow:hidden}.form_type1 .ip_group .btn:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.03);opacity:0;transition:all .2s}.form_type1 .ip_group .btn:hover:before{opacity:1}.form_type1 .ip_group .btn1{background-color:#f5f5f5;border:1px solid #f5f5f5;color:#959595}.form_type1 .ip_group .btn1.active{background-color:#000;border:1px solid #000;color:#fff}.form_type1 .ip_group .btn1.active:hover:before{opacity:0}.form_type1 .ip_group .btn2{background-color:#fff;border:1px solid #000;color:#000}.form_type1 .row .ip_group .checkbox a{text-decoration:underline}.form_type1 .ip_group .ip_clear{position:absolute;right:10px;top:50%;margin-top:-9px;width:18px;height:18px;background-color:#717171;text-indent:-999em;overflow:hidden;border-radius:50%;border:0}.form_type1 .ip_txt{color:#666;font-size:1.3rem;margin-top:6px}.form_btn,.form_btn .btn{text-align:center}.form_btn .btn{display:block;width:100%;height:6rem;line-height:5.8rem;border-radius:4px;color:#fff;font-size:1.7rem;font-weight:500;background-color:#ccc;cursor:pointer}.form_btn .btn+.btn{margin-top:3rem}.form_btn .btn.submit{color:#fff;background-color:#000;border:1px solid #000}.connect_page .btn_move_signin{margin-top:3rem;color:#666;display:inline-block;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.agree_box{padding:0 2rem;margin-top:2.6rem;margin-bottom:10rem}.agree_box.line{border-top:2px solid #000}.agree_box .agree_all label{width:100%;background-color:#f5f5f5;border-radius:4px;padding:16px 15px 16px 20px;font-size:1.6rem;color:#000}.agree_box .agree_all span{left:auto;top:50%;margin-top:-12px;right:2rem}.agree_box .agree_cnt{padding:0 15px 0 20px;margin-top:20px}.agree_box .item{display:flex;justify-content:space-between;align-items:center}.agree_box .item+.item{margin-top:20px}.agree_box .item .ag_tit{color:#666}.agree_box .item .ag_tit a{text-decoration:underline}.agree_box .item .ag_tit .popup_name{border:none;background-color:transparent;text-decoration:underline}.agree_box .item .ag_tit .required{color:#ce0000}.agree_box .item .ag_tit .option{color:#8a8a8d}.agree_box .item .basic_layer{display:none}.agree_box.agree_nall .agree_cnt{padding:21px 0 0;border-top:2px solid #000}.agree_box.agree_nall .agree_cnt .item:first-child{margin-top:0}.id_box{margin-bottom:2rem;border-top:3px solid #000;border-bottom:1px solid #dcdcdc;color:#0c0c0c;font-size:1.6rem;padding:35px 15px 40px;text-align:center}.fixedBtn_wrap{display:flex;width:100%;height:70px;position:fixed;bottom:0;left:0}.fixedBtn_wrap .btn{flex:1 1;line-height:68px;border-radius:0;text-align:center;font-size:1.8rem;font-weight:500;background-color:#ccc;color:#fff}.fixedBtn_wrap .btn.active{background-color:var(--primary-color)}.lec_list{width:100%;height:100;overflow:hidden}.lec_row_wrap{width:100%;padding:0 1rem 15rem;margin-top:1rem}.lec_row_wrap li{padding:1.8rem 1rem;scroll-margin-top:8rem}.lec_row_wrap li+li{border-top:1px solid var(--light-gray-color)}.lec_row_wrap .lock{position:relative}.lec_row_wrap .lock:before{content:"";position:absolute;display:inline-block;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:rgba(0,0,0,.5);background-position:50%;background-repeat:no-repeat;background-size:1.8rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-lock'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2' fill='%23fff'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");z-index:1}.lec_row_wrap .lock .info>svg{display:none}.lec_row_wrap .info{align-items:center;display:flex;justify-content:space-between}.lec_row_wrap .book_img_wrap:before{background-size:1.8rem 1.8rem}.lec_row_wrap img{width:74px;min-height:74px;background-color:#f1f1f1;background-image:url(/_next/static/media/thum_empty.99383005.png);background-size:cover;background-position:50%}.lec_row_wrap .info_middle{margin-left:.4rem;flex:1 1;align-self:self-start;font-weight:500}.lec_row_wrap .book_img_wrap{margin-right:1.2rem}.lec_row_wrap .badge{display:inline-block;margin-bottom:.4rem;padding:.2rem .8rem;font-size:1.2rem;line-height:1.6rem;font-weight:400;color:#fff;background-color:var(--primary-color);border-radius:30px}.lec_row_wrap .book_name{font-size:1.2rem;font-weight:400;color:var(--gray-color)}.lec_row_wrap .btns_wrap{display:flex;align-items:center;margin-left:1rem}.lec_row_wrap .btns_wrap button{color:var(--primary-color);padding:.6rem}.lec_row_wrap .btns_wrap button+button{margin-left:.4rem}.lec_row_wrap .btns_wrap input[type=checkbox]+svg{color:var(--primary-color)}.lec_row_wrap .btns_wrap input[type=checkbox]:checked+svg{fill:var(--primary-color);stroke-width:0}.no_list_wrap{width:100%;margin-top:5rem;text-align:center;padding:4rem 0;color:var(--gray-color)}.no_list_wrap img{width:10rem;margin-bottom:.6rem}.fixed_player_bar{position:fixed;bottom:5.9rem;left:0;width:100%;box-shadow:inset 0 5px 3px #d0d5dd}.fixed_player_bar .inner{position:relative;width:100%;height:100%;padding:1.4rem;display:flex;justify-content:space-between;align-items:center}.fixed_player_bar .inner:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;background:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.fixed_player_bar .inner .thumb{flex-shrink:0;width:48px;height:48px;background-image:url(/_next/static/media/bg_no_player.72fdbab0.png);border-radius:4px}.fixed_player_bar .inner .title{flex:1 1;margin:0 1rem;overflow:hidden}.fixed_player_bar .inner .title span{white-space:nowrap}.fixed_player_bar .inner .title.textloop span{display:inline-block;height:100%;padding-left:30px;animation:textLoop 10s linear infinite;animation-play-state:running}.fixed_player_bar .inner .title.textloop.stop span{animation-play-state:paused}@keyframes textLoop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.fixed_player_bar .btn_wrap{flex-shrink:0}.fixed_player_bar .btn_wrap button{padding:.8rem}.fixed_player_bar .btn_wrap button+button{margin-left:.4rem}.fixed_player_bar .btn_wrap button svg{fill:#666;color:#666}.signup_success_page section{display:flex;flex-direction:column;justify-content:center;padding:0 2rem;width:100%;height:100%;min-height:calc(100vh - 70px)}.signup_success_page section:after{content:"";display:block;width:250px;height:300px;margin:0 auto;background-repeat:no-repeat;background-size:cover;background-position:50%;background-image:url(/_next/static/media/bg_signup_success.11c4538f.png)}.signup_success_page .intro{margin-bottom:4rem;width:100%;text-align:center}.connect_page section{padding:0 2rem}.react-player{width:100%;height:auto}.react-player audio{min-height:5rem}.lecture_page .lecture_title{margin:2rem 0;font-size:1.6rem;font-weight:500;color:#333}.lecture_page .lecture_title svg{margin:.2rem .4rem 0;color:#333;width:1.8rem;height:1.8rem}.lecture_page .lec_row_wrap{padding:0 2rem}.lecture_page .lec_row_wrap .info{margin-top:2rem}.audio_page{width:100%}.audio_page:after{content:"";display:inline-block;position:fixed;bottom:6rem;right:0;width:80%;height:361px;max-height:361px;background-image:url(/_next/static/media/bg_audio_page.6f3b1aed.jpg);background-repeat:no-repeat;background-size:contain;background-position:100% 100%}.audio_page .lecture_intro{margin:2rem}.audio_page .lecture_intro .title{font-size:1.6rem;font-weight:500;color:#333}.audio_page .lecture_intro .title>svg{margin:.2rem .4rem 0;color:#333;width:1.8rem;height:1.8rem}.audio_page .lecture_intro .text{font-size:1.4rem;font-weight:400;color:var(--gray-color)}.audio_page .lec_row_wrap li{padding:0;position:relative}.audio_page svg{color:var(--primary-color)}.audio_page .minus,.audio_page .plus{margin-right:.8rem}.audio_page .isPick{position:absolute;left:-999em;top:auto}.audio_page .isPick+.info{padding:1.8rem 1rem}.audio_page .isPick+.info .plus{display:block}.audio_page .isPick+.info .minus{display:none}.audio_page .isPick:checked+.info{background-color:hsla(0,0%,96%,.7)}.audio_page .isPick:checked+.info .plus{display:none}.audio_page .isPick:checked+.info .minus{display:block}.audio_page.bottomSheet .play_wrap{margin-top:2rem;display:flex;align-items:center}.audio_page.bottomSheet .play_wrap .btn_repeat{margin-left:1.4rem}.audio_page.bottomSheet .play_wrap .btn_repeat.off svg{color:var(--light-gray-color)}.bottomSheet .lec_row_wrap .info{margin-top:1.4rem;padding:1.8rem 1rem;background-color:#fff;cursor:pointer}.bottomSheet .lec_row_wrap .info.active{border:1px solid var(--primary-color);border-radius:16px}.search_page{position:relative}.search_page .input_wrap{position:fixed;top:.8rem;left:0;padding:0 2rem;width:100%}.search_page .input_wrap:before{content:"";position:absolute;width:18px;height:18px;top:50%;left:3.5rem;transform:translateY(-50%);background-repeat:no-repeat;background-size:cover;background-position:50%;background-image:url(/_next/static/media/icon_search2.a66a8cbb.png);z-index:1}.search_page .input_wrap .btn_clear{right:3.5rem}.search_page input[id=keyword]{position:relative;padding:.6rem 4rem;width:100%;border:1px solid var(--primary-color);border-radius:30px;overflow:hidden}.bookmark_page{position:relative;min-height:100vh;display:flex;flex-direction:column}.bookmark_page section{position:relative;flex:1 1;display:flex;flex-direction:column}.bookmark_page .section_inner{padding-bottom:10rem;display:flex;align-items:flex-start;flex:1 1}.bookmark_page .section_inner .fixed_react_player{width:100%;padding:0 2rem}.bookmark_page .filter_wrap{text-align:center}.bookmark_page .filter_wrap ul{display:inline-block;margin:2rem 0;padding:.6rem;font-size:1.6rem;background-color:#fff;border:1px solid var(--light-gray-color);border-radius:8px}.bookmark_page .filter_wrap ul li{display:inline-block}.bookmark_page .filter_wrap ul li a{display:inline-block;padding:.6rem 4rem;border-radius:8px}.bookmark_page .filter_wrap .active{color:#fff;background-color:var(--primary-color)}.bookmark_page .lec_row_wrap li{scroll-margin-top:30rem}@media screen and (max-width:690px){.bookmark_page .section_inner{flex-direction:column}}.list_wrap li{padding:2.4rem 2rem}.bookmark_page .list_wrap li+li{border-top:1px solid var(--light-gray-color)}.content section{padding:2.4rem 2rem;background-color:#fff}.content section:first-child{padding:3rem 2rem}.content section+section{margin-top:1rem}.content section .title,.content section .title button{width:100%;margin-bottom:.4rem;text-align:start;font-size:1.8rem;font-weight:600}.content section.active .title.btn_open:after{transform:rotate(180deg)}.content section .title span{display:block;color:var(--gray-color);font-size:1.4rem;font-weight:400}.content section .txt{color:var(--gray-color);font-size:1.6rem;font-weight:400}.content .title.btn_open{position:relative;margin-bottom:0}.content .title.btn_open:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:2rem;width:11px;height:11px;background-repeat:no-repeat;background-size:11px;background-image:url(/_next/static/media/history_arrow.61c74e64.png);background-position:50%}.content .updown_toggle_wrap{padding:0}.mypage_page{display:flex;flex-direction:column;height:100%;min-height:100vh;background-color:#f5f5f5;color:#000}.mypage_page .content{flex:1 1}.mypage_page .profile_wrap{display:flex;justify-content:space-between;align-items:center}.mypage_page .mini_intro strong{color:#000;font-weight:600;font-size:2.4rem}.mypage_page .mini_intro span{margin-left:.4rem;color:var(--gray-color);font-size:1.8rem}.mypage_page .btn_infoSetting{padding:.6rem;font-size:1.2rem;border-radius:4px;background-color:#f5f5f5}.mypage_page .btn_license{position:relative;display:block;margin-top:2rem;padding:2rem 1.6rem;background-color:#004fc9;border-radius:8px}.mypage_page .btn_license:after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);right:1rem;width:100px;height:100px;background-size:100px;background-repeat:no-repeat;background-position:50%;background-image:url(/_next/static/media/icon_license2.8aa0e86d.png)}.mypage_page .btn_license .title{display:flex;align-items:center;font-size:1.2rem;color:#fff}.mypage_page .btn_license .title svg{width:1.2rem;height:1.2rem}.mypage_page .btn_license .text{margin-top:.6rem;font-size:1.4rem;font-weight:500;color:#fff}.mypage_page .btn_license .text .strong{color:#fdda77;font-size:1.6rem;font-weight:800}.mypage_page .linkList_wrap a{display:block;padding:1.4rem 0;font-size:1.6rem;background-repeat:no-repeat;background-size:20px;background-position:100%;background-image:url(/_next/static/media/btn_next_black.d6473047.png)}.mypage_page .linkList_wrap a+a{border-top:1px solid #f5f5f5}.mypage_page .content_footer{text-align:center;padding:1rem 2rem;color:var(--gray-color);font-size:1.4rem}.mypage_page .content_footer .btn_signout{margin:0 auto;padding:1rem}.updown_toggle_wrap .updown_title{margin-bottom:0;padding:2.4rem 4rem 2.4rem 2rem}.updown_toggle_wrap .updown_body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.updown_toggle_wrap.active .updown_body{grid-template-rows:1fr;overflow:hidden;padding-bottom:2.4rem}.updown_toggle_wrap .updown_inner{overflow:hidden}.mypage_page .form_type1 .item+.item{margin-top:.4rem}.mypage_page .btn_submit{margin-top:2rem;background-color:#ccc;color:#fff}.mypage_page .btn_submit.active{color:#fff;background-color:var(--primary-color)}.mypage_page .user_info>div+div{margin-top:2.4rem}.mypage_page .user_info .id_wrap{display:flex;justify-content:space-between;align-items:flex-end}.mypage_page .user_info .id_wrap .btn_signout{padding:.6rem;font-size:1.4rem;border-radius:4px;background-color:#f5f5f5}.mypage_page .term_wrap{margin-top:2rem;display:flex;justify-content:space-between;align-items:center;font-size:1.6rem}.license_list{position:relative;margin-top:3rem}.license_list .ticket{padding:25px 20px;border:1px solid #303033;text-align:left;position:relative}.license_list .ticket.used{border:1px solid #e1e1e1;background-color:#f4f5f8}.license_list .ticket+.ticket{margin-top:2rem}.license_list .ticket:before{content:"";display:block;width:16px;height:32px;border:1px solid #303033;border-right:0;background-color:#fff;border-radius:16px 0 0 16px;position:absolute;right:-1px;top:50%;margin-top:-16px}.license_list .ticket.used:before{border:1px solid #e1e1e1;border-right:0}.license_list .ticket .type{display:inline-block;padding:5px 10px;color:#fff;font-size:1.3rem;border-radius:15px;background-color:#303033;margin-bottom:18px}.license_list .ticket.used .type{color:#fff;background-color:#d1d3db}.license_list .ticket .code{color:#000;font-size:2rem;font-weight:500}.license_list .ticket .date{display:block;margin-top:23px;padding-top:23px;color:#666;border-top:1px solid #e2e2e2;font-size:1.3rem}.license_list .ticket.used .code,.license_list .ticket.used .date{color:#999}.license_list .ticket .date.lecture:before{content:"강좌 이용기간";margin-right:1rem}.license_list .ticket .date.qr:before{content:"QR영상 이용기간";margin-right:1rem}.floatting_wrap{position:fixed;bottom:10rem;right:20px;text-align:end}.floatting_wrap ul{opacity:0;pointer-events:none;text-align:start;padding:.6rem;border:2px solid var(--primary-color);border-radius:8px;transition:.4s ease}.floatting_wrap.active ul{background-color:#fff;opacity:1;pointer-events:auto;transition:.4s ease}.floatting_wrap ul li+li{border-top:1px solid var(--light-gray-color)}.floatting_wrap ul li button{padding:1rem .8rem}.floatting_wrap .btn_floatting{position:relative;margin-top:2rem;width:50px;height:50px;padding:1.2rem;background-color:var(--primary-color);border:none;border-radius:50%}.floatting_wrap .btn_floatting svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;fill:#fff;stroke-width:0}.floatting_wrap .btn_floatting.off{background-color:var(--light-gray-color)}.btn_floatting .num_wrap{position:absolute;top:-.4rem;right:0;padding:0 .6rem;background-color:red;color:#fff;font-size:1.2rem;border-radius:30px;border:1px solid #fff;box-shadow:1px 1px 5px rgba(0,0,0,.2)}.btn_floatting .num_wrap:after{content:"";position:absolute;top:-2px;left:-2px;border:2px solid rgba(255,0,0,.5);opacity:0;border-radius:50%;width:calc(100% + 4px);height:calc(100% + 4px)}.btn_floatting .num_wrap:before{content:"-1";position:absolute;top:-50%;left:50%;transform:translateX(-50%);color:rgba(255,0,0,.5);opacity:0}.btn_floatting.bounce .num_wrap{animation:pulse 1.5s 1}.btn_floatting.bounce .num_wrap:after{animation:sonar 1.5s 1}.btn_floatting.minus .num_wrap:before{animation:fly 1.5s 1}@keyframes sonar{0%{transform:scale(.9);opacity:1}to{transform:scale(2);opacity:0}}@keyframes pulse{0%{transform:scale(1)}20%{transform:scale(1.4)}50%{transform:scale(.9)}80%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fly{0%{top:-70%;opacity:1}to{top:-100%;opacity:0}}.floatting_wrap .btn_floatting .icon{position:relative;display:block;width:100%;height:100%}.floatting_wrap .btn_floatting.license .icon:after,.floatting_wrap .btn_floatting.license .icon:before{content:"";position:absolute;background-color:#fff;border-radius:4px;transition:transform .25s ease-out}.floatting_wrap .btn_floatting.license .icon:before{top:0;left:50%;width:3px;height:100%;margin-left:-1px}.floatting_wrap .btn_floatting.license .icon:after{top:50%;left:0;width:100%;height:3px;margin-top:-1px}.floatting_wrap.active .btn_floatting{background-color:#fff;border:2px solid var(--primary-color)}.floatting_wrap.active .btn_floatting.license .icon:before{background-color:var(--primary-color);transform:rotate(90deg)}.floatting_wrap.active .btn_floatting.license .icon:after{background-color:var(--primary-color);transform:rotate(180deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-20px)}}.bounce{animation-duration:1s;animation-name:bounce}.bottomSheet h2.title{font-size:1.4rem}.bottomSheet.license_page .inner{padding:0 4rem 4rem;font-size:1.8rem}.bottomSheet .inner img{display:block;margin:0 auto}.bottomSheet .form_type1{margin-top:1.6rem;padding:0}.bottomSheet .btn_submit{margin-top:3rem}.notices_wrap .title{position:relative;width:100%;text-align:left;font-size:1.6rem;font-weight:600}.notices_wrap .title svg{margin-top:.45rem;margin-right:.4rem;width:16px;height:16px;stroke-width:1pt;fill:var(--primary-color)}.notices_wrap .title .date{display:block}.notices_wrap .date{display:block;margin-top:7px;font-size:1.2rem;color:#888;font-weight:400}.notices_wrap li+li{border-top:1px solid var(--light-gray-color)}.notices_wrap .updown_toggle_wrap .updown_body{margin:0 2rem;padding-left:1rem;padding-right:1rem;opacity:0;transition:all .6s ease}.notices_wrap .updown_toggle_wrap.active .updown_body{padding-top:2rem;padding-bottom:2.4rem;border-top:1px solid var(--primary-color);opacity:1}.terms_page .title{font-size:2.4rem;font-weight:600}.terms_page .title.sm{font-size:1.6rem;font-weight:600}.terms_page .title.sm+p{margin-top:.8rem}.terms_page .item{margin-top:4rem}#footer{padding:2rem 3rem;width:100%;height:100%;border-top:1px solid var(--light-gray-color)}#footer .footer_wrap span{font-size:1.3rem;opacity:.7;padding-right:8px;margin-top:3px;margin-right:7px;position:relative;word-break:keep-all}@media screen and (max-width:1140px){#footer .footer_wrap span{display:block}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.5}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Wanted;font-weight:400;font-style:normal;src:url(/_next/static/media/WantedSans-Regular.bdb6f125.ttf)}@font-face{font-family:Wanted;font-weight:500;font-style:normal;src:url(/_next/static/media/WantedSans-Medium.3969e3b7.ttf)}@font-face{font-family:Wanted;font-weight:600;font-style:normal;src:url(/_next/static/media/WantedSans-SemiBold.d331c496.ttf)}@font-face{font-family:Wanted;font-weight:700;font-style:normal;src:url(/_next/static/media/WantedSans-Bold.0b725670.ttf)}@font-face{font-family:Wanted;font-weight:800;font-style:normal;src:url(/_next/static/media/WantedSans-ExtraBold.1729656c.ttf)}@font-face{font-family:Wanted;font-weight:900;font-style:normal;src:url(/_next/static/media/WantedSans-Black.51732143.ttf)}@font-face{font-family:Wanted;font-weight:950;font-style:normal;src:url(/_next/static/media/WantedSans-ExtraBlack.179d387c.ttf)}