#root{padding-top:10px}header{border-bottom:.5px solid var(--dark-gray);padding:10px 0;width:100%}header *{font-size:14px}#header-container{align-items:center;justify-content:space-between;margin:0 auto;width:1180px}.header-left{align-items:center;color:var(--font-gray)}.header-left p{color:var(--dark-gray);font-size:12px;font-weight:300;margin:0 10px}.header-left a{align-items:center}.header-left svg{margin-right:5px}.header-action{color:#000}#nav-container{min-width:1180px;width:1180px}#ad{width:100%}.ad-banner{flex-wrap:nowrap;overflow:hidden;position:relative;width:100%}.ad-banner_track{transition:all .3s linear}.ad-banner_slide{flex-shrink:0;height:320px}.ad-banner a img{height:320px;width:737px}.ad-img{height:320px;justify-content:center}.ad-banner_slide,.ad-img{width:100%}.ad-banner_slide:first-child .ad-img{background-color:#ff7836}.ad-banner_slide:nth-child(2) .ad-img{background-color:#00d077}.ad-banner_slide:nth-child(3) .ad-img{background-color:#00c471}.ad-button{padding:10px 0}.add-btn_move span{cursor:pointer}#ad-btn-container{justify-content:space-between;margin:0 auto;width:1025px}.add-btn_page{background-color:#7f7f7f;border-radius:20px;color:#fff;height:36px;justify-content:space-between;padding:10px 15px;width:135px}.add-btn_index{font-size:14px}.add-btn_move span{font-size:12px;margin:0 2px}.add-btn_divider{background-color:var(--dark-gray);height:36px;margin:0 10px;width:1px}.add-btn_list{align-items:center;flex-basis:auto;justify-content:space-between}.add-btn_name{border-radius:20px;box-shadow:inset 0 0 0 1px #ced4da;margin:0 6px;padding:10px 20px}.ad-btn_right{flex-grow:1;flex-shrink:1;justify-content:space-between}.add-btn_moreBtn{align-items:center;border:1px solid #ced4da;border-radius:50%;box-shadow:0 2px 4px 0 rgb(0 0 0/8%);height:36px;justify-content:center;margin-left:1rem;width:36px}#search{margin:auto;padding:60px 0;text-align:center}.search-title{font-size:24px;margin-bottom:30px}.search-input{margin:20px auto;position:relative;width:580px}.inputDefault{background-color:#e7f7ee;border:1px solid rgba(29,192,120,.24);border-radius:28px;color:#5f5f5f;font-size:16px}.inputDefault,.inputSth{height:54px;padding:14px 20px;width:580px}.inputSth{background-color:#fff;border-bottom:0;border-radius:28px 28px 0 0;box-shadow:0 0 8px 0 rgba(0,0,0,.2);color:#000}.search-result{-webkit-animation:all .2s ease-in-out;animation:all .2s ease-in-out;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px 0}.search-loading,.search-result{background-color:#fff;border:1px solid #dedede;border-radius:0 0 28px 28px;border-top:0;box-shadow:0 0 8px 0 rgba(0,0,0,.2);width:100%}.search-loading{height:200px;padding:20px;position:relative}.search-loading img{-webkit-animation:loadingRotate .35s ease-in-out infinite alternate;animation:loadingRotate .35s ease-in-out infinite alternate;height:50px;left:calc(50% - 25px);position:absolute;top:calc(50% - 25px);width:50px}@-webkit-keyframes loadingRotate{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}@keyframes loadingRotate{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}.search-input input:focus{background-color:#fff;border:1px solid #dbdbdb;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);color:#000;transition:all .2s ease}.search-input span{font-size:25px;position:absolute;right:30px;top:15px}.search-result_list{align-items:baseline;border-bottom:1px solid #d3d3d3;flex-direction:column;padding:5px 0;width:100%}.search-result_list>h3{padding:0 14px}.search-result_list:last-child{border-bottom:0}.search-result_list>h3{color:#929292;font-size:12px;font-weight:600;margin:10px 0;text-align:start;width:100%}.course-result_list{color:#000;font-size:14px;text-align:start;width:100%}.search-course_item{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.course-result_item:hover{background-color:var(--hover-gray)}.course-result_item{padding:10px 14px}.search-course_item a{flex-direction:row}.course-result_item img{background-color:var(--font-gray);height:34px;margin-right:10px;width:52px}.search-course_item span img{height:100%;width:100%}.search-course_info{flex-direction:column;justify-content:center}.highlight,.search-course_info h4{font-size:14px;font-weight:700;margin-bottom:3px}.search-info_edu{color:#757575;font-size:12px;font-weight:400}.search-tags{justify-content:space-around;margin:auto;width:580px}.search-tag_item{background-color:var(--dark-gray);border-radius:20px;font-size:12px;margin:0 4px;padding:10px 12px}#freeCourse{margin:15px 0}.course_container{margin:0 auto;padding:0 10px;position:relative;width:1200px}.course-title{font-size:24px;font-weight:600;width:100%}.course-subtitle{color:var(--font-gray);font-size:15px;margin:15px 0}.course-item_container{overflow:hidden;position:relative;width:100%}.course-list{width:100%}.courseItem{cursor:pointer;height:316px;margin-right:6px;min-width:231.2px;position:relative;width:231.2px;z-index:50}.course-item_top img{width:100%}.course-item_top h5{font-weight:700;height:3rem;margin-top:10px;overflow-x:hidden}.course-item_bottom span{color:#7d7d7d;font-size:.9rem}.course_rate{color:var(--font-gray);font-size:.8rem;margin:10px 0}.course_price{color:#175cbe;font-weight:700;margin:10px 0}.course-hover{background-color:#000;height:100%;left:0;opacity:0;padding:15px 10px;position:absolute;top:0;width:231.2px}.course-hover .course-hover_title{color:#fff;font-size:15px;font-weight:700}.course-hover .course-hover_des{color:#b1d2df;flex-direction:column;font-size:12px;margin-top:20px}.course-hover_des span{margin-bottom:5px}.courseItem:hover .course-hover{opacity:.8}.course_info p{border-radius:4px;color:#454545;font-size:.75rem;margin:0 8px 8px 0;padding:5px 9px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.course_info p:first-child{background-color:#f6d5ea}.course_info p:nth-child(2){background-color:#e4fafb}.course-arrow_next,.course-arrow_prev{background-color:#fff;border:1px solid #ccc;border-radius:50%;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);cursor:pointer;font-size:1.125rem;height:44px;line-height:44px;opacity:.85;position:absolute;text-align:center;top:40%;width:44px;z-index:500}.course-arrow_next:hover,.course-arrow_prev:hover{box-shadow:0 2px 8px 0 rgba(0,0,0,.3);transition:all .25s ease-in}.course-arrow_next{right:-15px}.course-arrow_prev{left:-15px}#basicCourses{margin:60px auto}#roadmap{margin:0 auto}#roadmap .course-title span{color:#fa4c3d;font-size:12px;font-weight:700}.roadmap-course_container{margin:auto}.roadmap-course_list{overflow:hidden;width:100%}.roadmap-course_list li{margin-right:6px;width:290.5px}.roadmap-course_item{height:100%;width:100%}.roadmap-item_img img{width:290.5px}.roadmap-item_title{font-size:.95rem;font-weight:700;padding:24px}#reading{margin:40px 0}#reading .course-title{margin-bottom:20px}.reading-course_list{justify-content:space-between;overflow:scroll}.reading-course_list::-webkit-scrollbar{display:none}.reading-course_list li{margin-right:10px;width:437px}.reading-item_img{margin-bottom:20px;width:437px}.reading-item_img img{height:100%;width:100%}.reading-item_title{font-size:18px;font-weight:600;margin-bottom:8px}.reading-item_subtitle{color:#595959;height:3rem;width:100%}#newCourses .course-title{margin-bottom:20px}#courseReveiw{margin:30px 0}.courseReview_container{height:480px;justify-content:space-between;margin:auto;padding:0 10px;width:1200px}.courseReview-left_container{max-width:480px;padding:40px 16px 40px 0}.courseReview-title{font-size:36px;font-weight:700;line-height:50px;margin-bottom:20px}.courseReview-title span{color:var(--point-green)}.courseReview-subtitle{color:var(--font-gray);line-height:20px;margin-bottom:36px}.courseReview_link{background-color:#fff;border:1px solid #1dc078;border-radius:3px;margin:0 8px 8px 0;padding:10px 16px}.courseReview-right_container{max-width:590px;overflow-y:scroll;width:100%}.courseReview-right_container::-webkit-scrollbar{display:none}.courseReview-review_item{background-color:#f9f9f1;border-radius:4px;box-shadow:0 2px 3px rgba(0,10,18,.1);margin:5px 5px 30px;padding:16px}.review-writer{color:#757570;font-size:15px;margin-bottom:16px}.review-writer span{color:#979797;font-size:14px}.review-title{font-size:18px;font-weight:600;line-height:27px;margin-bottom:4px}#bottomBanner{background-image:url(https://cdn.inflearn.com/public/main_sliders/38744ba0-b12a-491a-9ca2-43375c3905ba/share-you.jpg);background-position-x:center;background-repeat:no-repeat;background-size:auto;height:230px;width:100%}.bottomBanner_container{height:100%;margin:auto;position:relative;width:1200px}.bottomBanner-content{flex-direction:column;height:100%;justify-content:space-around;padding:20px 0 50px}.bottomBanner-title{font-size:18px;line-height:27px}.bottomBanner-goLink{background-color:#fff;border-radius:4px;color:var(--point-green);height:40px;padding:12px 16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bottomBanner-arrows span{background-color:hsla(0,0%,98%,.8);border-radius:3px;bottom:40px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);height:28px;line-height:35px;position:absolute;text-align:center;width:28px}.bottomBanner-arrow_left{right:50px}.bottomBanner-arrow_right{right:15px}#group{margin:50px 0}.group_container{margin:auto;width:1200px}.group-title{font-size:20px;font-weight:700;text-align:center}.group-companies_list{justify-content:space-between;margin:40px auto;width:978px}.group_company img{-webkit-filter:grayscale(100%);filter:grayscale(100%);height:28px}#apply{background-color:#f9f9f9;padding:48px 0}.apply_container{margin:auto;width:1180px}.apply-header{margin-bottom:20px}.apply-header h3{font-size:24px;font-weight:600;line-height:36px;margin-bottom:4px}.apply-header p{font-size:15px}.apply-content{justify-content:space-between}.apply-content_box{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);flex-direction:column;height:330px;padding:48px;width:380px}.apply-content_title{font-size:18px;font-weight:600;line-height:20px;margin-bottom:8px}.apply-content_sub{color:#757575;line-height:24px}.apply-content_link{background-color:#1dc078;border-radius:20px;color:#fff;font-weight:700;margin-top:auto;padding:12px 16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}footer{background-color:#303740;color:#eee}.footer-upper{border-bottom:1px solid #444;justify-content:space-between;margin:auto;padding:32px 20px;width:1152px}.footer-menu_title{font-size:14px;font-weight:700;padding:16px 0}.footer-menu_items{flex-direction:column}.footer-menu_item{color:#bdbdbd;font-size:14px;margin-bottom:7px}.footer-bottom{margin:auto;padding:32px 20px;width:1152px}.footer-bottom_left div{font-size:12px;line-height:18px;margin-bottom:8px}.footer-info_top svg{fill:var(--main-green)}.footer-info_top{font-weight:700}*{box-sizing:border-box}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{border:0;font-family:Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background:var(--bgPointColor);line-height:1}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}li{list-style:none}button{background:none;border:none;border-radius:0;cursor:pointer;padding:0}a{color:inherit;outline:none}a,a:visited{text-decoration:none}input{-webkit-appearance:none;appearance:none;border:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}input:focus{outline:none}.blind{display:none}.flex{display:flex}select{-webkit-appearance:none;appearance:none}:root{--main-green:#20bf77;--point-green:#00c471;--gray:#f6f6f6;--dark-gray:#e8ebee;--font-gray:#757575;--hover-gray:#e1e1e1;--grid_unit:100%/6}@font-face{font-family:Pretendard-Regular;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff")}.grid{display:grid}body,html{height:100%;overflow-x:hidden;width:100%}#root{margin:auto}#root *{font-family:Pretendard-Regular}#courseList_page{justify-content:center}.hidden{display:none}.container{justify-content:center;margin:auto;padding-top:20px;width:1180px}.list-hidden{display:none}#table{width:calc(var(--grid_unit)*1)}#table *{color:#595959}.table-container{margin:auto;width:100%}.subject-item{border-bottom:1px solid #e4e4e4;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;line-height:20px;min-height:49.8px;width:196.66px}.subject-item_title{background-color:#fafafa;cursor:pointer;height:100%;min-height:49.8px;padding:13.6px;position:relative}.subject-item_title div{height:100%}.subject-item:first-child{background-color:#fafafa;border-top:1px solid #e4e4e4}.subject-item a{display:block;height:100%;padding:13.6px;width:100%}.subject-item_sub{width:100%}.subject-item_link{border-top:1px solid #e4e4e4;height:39.2px;width:100%}.subject-item_title span{position:absolute;right:10px;top:14px}#courseListSearch{padding-left:10px;width:100%}#course-search{flex-direction:column}.course-search_container{border-bottom:1px solid #dedede;margin-bottom:10px}#course-search-input{background-color:#fff;border:1px solid #dedede;padding:10px 15px;width:300px}.course-search_inputWrap button{background-color:var(--main-green);color:#fff;font-weight:800;padding:5px 12px}.course-search_inputWrap{justify-content:end;margin-bottom:20px;width:auto}.courseSearch-tag_container h3{color:#454545;font-size:18px;font-weight:700;margin-bottom:10px}.courseSearch-tags ul{flex-wrap:wrap}.tagSearch{margin:0 8px 8px 0}#courseSearch-tagSearch{background-color:#f6f6f6;color:#5f5f5f;height:31px;padding:5px 9px;width:140px}.tagSearch button{background-color:#1dc078;border-radius:0 4px 4px 0;color:#fff;height:31px;width:36px}.tagSearch_result{background-color:#b8b8b8;border-radius:5px;color:#fff;cursor:pointer;font-weight:400;height:31px;line-height:24px;margin:0 8px 8px 0;padding:1px .6rem 2px .8rem}.courseSearch-filter{justify-content:space-between;margin:10px 0}.courseSearch-filter *{font-size:14px}.search-filter{background-color:#fff;border:1px solid #abb0b5;border-radius:4px;cursor:pointer;padding:10px 12px 10px 14px}.filter-result_container h4{align-items:center;color:#3e4042;margin-right:10px}.filter-results{color:#abb0b5}.result-divider{margin:0 3px}#course-sort{border-radius:5px;height:40px;padding:0 15px}#courseListContainer ul{flex-wrap:wrap;justify-content:space-between}#courseListContainer{margin-bottom:50px}.courseDetail-top{background-color:#002333;color:#fff}.courseDetail-top_container{margin:auto;padding:30px 0;width:1180px}.courseDetailTop-left{cursor:pointer;height:286px;justify-content:center;position:relative;width:440px}.courseDetailTop-img,.courseDetailTop-img>img{border-radius:8px;height:100%;width:100%}.courseDetailTop-preview{align-items:center;background-color:#f0f8ff;background-color:#1b1c1d;border:2px solid #00c471;border-radius:4px;bottom:10px;height:40px;justify-content:center;position:absolute;width:90%}.courseDetailTop-preview span:first-child{margin-right:10px}.courseDetailTop-preview span:nth-child(2){color:var(--point-green);margin-right:5px}.courseDetailTop-right{flex-basis:58%;flex-direction:column;justify-content:center;padding:0 26px 0 42px}.courseDetailTop-title_wrap{flex-direction:column}.courseDetailTop-title_wrap div{font-size:14px;font-weight:500;margin-bottom:15px}.courseDetailTop-title_wrap h2{font-size:26px;font-weight:700;margin-bottom:40px}.courseDetailTop-info_wrap{font-size:14px}.courseDetailTop-info_students{margin-bottom:10px}.courseDetailTop_rates_star{color:#fec806;margin-right:4px}.courseDetailTop_rates_cnt{margin-right:5px}.courseDetailTop-info_educator{align-items:center}.courseDetailTop-info_educator span:first-child{margin-right:5px}.courseDetailTop-info_educator span:nth-child(2){margin-right:4px}.courseDetailMid-nav{border-bottom:1px solid #f1f3f5}.courseDetailMid-nav_wrap{color:#d3d3d3;font-weight:700;margin:auto;width:1200px}.courseDetailMid-nav_wrap>span{cursor:pointer;font-size:15px;line-height:22px;margin-right:30px;padding:12px 0 6px}.detail-nav_active{border-bottom:2px solid #454545;color:#454545}.courseDetailMid-contents_container{height:100%;margin:auto;width:1200px}.courseDetailMid-contents_left{flex-basis:66%;margin-top:20px}.courseDetailMid-contents_right{flex-basis:332px;margin-bottom:30px;margin-left:80px;padding-left:8px;top:75px}#rightCard{position:-webkit-sticky;position:sticky;right:0;top:0;width:100%}.courseDetailMid-studentFrom_wrap{align-content:center;grid-template-columns:auto 1fr auto;width:100%}.courseDetailMid-studentFrom{align-content:center;background-color:#e8f5ff;border:1px solid rgba(20,150,223,.25);border-radius:10px;cursor:pointer;height:70px;margin:20px 0 16px;padding:11px 10px 11px 16px;position:-webkit-sticky;position:sticky;right:16px;top:20px;width:100%}.courseDetailMid-studentFrom:hover{background-color:#f4faff;border:1px solid #0c8cd4}.courseDetailMid-studentFrom:hover .studentFrom-certi{color:#0c8cd4}.studentFrom-img{align-items:center}.studentFrom-img img{border:1px solid #fff;border-radius:50%;height:38px;margin-right:10px;width:38px}.studentFrom-company{flex-direction:column}.studentFrom-company,.studentFrom_where{justify-content:space-between}.studentFrom-certi,.studentFrom_where span:first-child{color:#3e4042;font-weight:700}.studentFrom-certi{font-size:12px}.studentFrom_text{color:#3e4042;font-size:13px;font-weight:500}.studentFrom_text p{color:#0c8cd4;margin:0 3px}.courseDetailMid-card{right:16px;top:100px}.courseDetailMid-card_container{background-color:#f8f9fa;border:1px solid #f1f3f5;border-radius:8px;box-shadow:0 1px 3px 0 rgb(33 37 41/3%);overflow:hidden}.courseDetailCard-top{background-color:#fff;border:1px solid #f1f3f5;border-radius:8px}.courseDetailCard-top_wrap{padding:20px 24px}.courseDetailCard-price{color:#343a40;font-size:24px;font-weight:700;margin-bottom:20px}.courseDetailCard-top_wrap button{align-items:center;background-color:var(--point-green);border-radius:4px;color:#fff;display:flex;font-weight:700;height:48px;justify-content:center;margin-bottom:15px;width:100%}.courseDetailCard-subBtn{align-items:center;color:#495057;font-size:14px;justify-content:center}.courseDetailCard-subBtn p{color:#dee2e6;margin:0 10px}.courseDetailCard-subBtn>span{cursor:pointer}.courseDetailCard-subBtn>span *{margin:0 3px}.courseDetailCard-bottom{padding:16px 24px}.courseDetailCard-infoList{color:#3e4042;font-size:14px}.courseDetailCard-infoList li{list-style:inside;margin-bottom:7px}.courseDetailCard-canAnswer{background-color:rgba(23,92,190,.06);border-radius:4px;color:#175cbe;padding:5px 11px;text-align:center;width:100%}nav{background-color:#fff;box-shadow:0 2px 4px 0 hsla(0,0%,81%,.5);left:0;padding:5px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}#nav-container{align-items:center;justify-content:space-between;margin:0 auto;width:1025px}.brand-logo svg{fill:var(--main-green)}.nav-bar{flex-basis:2}.nav-bar,.nav-bar_left{justify-content:space-between}.nav-bar_left{align-items:center;margin-right:10px}.nav-bar_menu{padding:20px}.nav-bar_right{margin-right:0}.nav-search{margin-right:10px;position:relative}.nav-search input{background-color:var(--gray);border-radius:5px;height:36px;padding:5px 9px;width:148px}.nav-search span{position:absolute;right:10px;top:10px}.nav-bar_right{align-items:center}.nav-login{margin:0 10px}.nav-login,.nav-signup{border:1px solid #dbdbdb;border-radius:5px;height:34px;padding:8px}.nav-signup{background-color:#ff6d5a;color:#fff}
/*# sourceMappingURL=main.18a1f34e.css.map*/