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;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{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}a:active,a:hover,a:link,a:visited{text-decoration:none}body{background-color:#f5f5f5}.home-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;margin:0;padding:0;box-sizing:border-box;font-family:"Noto Sans KR",sans-serif}.home-screen a{text-decoration:none;color:#000}.change{margin-top:10px;width:80%;height:30px;border:0;outline:none;border-radius:40px;color:tomato;font-weight:700;font-size:1em;letter-spacing:2px;display:flex;justify-content:center;align-items:center}.change:hover{cursor:pointer}.home-screen li{list-style:none}.login{width:30%;height:600px;background:#fff;border-radius:20px;display:flex;justify-content:center;align-items:center;flex-direction:column}h2{color:tomato;font-size:2em}.login-sns{padding:20px;display:flex}.login-sns li{padding:0 15px}.login-sns span{width:50px;height:50px;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:50px;background:#fff;font-size:20px;box-shadow:3px 3px 3px rgba(0,0,0,.4),-3px -3px 5px rgba(0,0,0,.1);cursor:pointer}.login-email{margin-top:20px;width:80%}.login-email input{width:100%;height:50px;border-radius:30px;margin-top:10px;padding:0 10px;border:1px solid #d3d3d3;outline:none}.login-email .submit{align-content:center;display:flex}.login-pwd{margin-top:20px;width:80%;align-items:center}.login-pwd input{width:100%;height:50px;border-radius:30px;margin-top:10px;padding:0 10px;border:1px solid #d3d3d3;outline:none}.submit{margin-top:50px;width:80%;text-align:center;align-items:center}.submit button{width:100%;height:40px;border:0;outline:none;border-radius:40px;background:linear-gradient(270deg,#ff4d2e,#ff9b2f);color:#fff;font-size:1.2em;letter-spacing:2px}.submit button:hover{cursor:pointer}@font-face{font-family:"Cafe24Ssurround";src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff) format("woff");font-weight:400;font-style:normal}.user-input-screen{display:grid;place-items:center;margin-top:20vh}.input-header{padding:20px;font-family:"Cafe24Ssurround",Georgia,"Times New Roman",Times,serif;font-size:60px}.input-table{font-family:Arial,Helvetica,sans-serif;color:#666;font-size:12px;text-shadow:1px 1px 0 #fff;background:#eaebec;margin:20px;border:3px solid #ccc;border-radius:3px;box-shadow:0 1px 2px #d1d1d1;width:100vh}.input-table th{padding:20px;border-top:1px solid #ccc;border-bottom:1px solid #e0e0e0;background:#ededed;background:-moz-linear-gradient(top,#ededed,#ebebeb);font-size:30px}.input-table th:first-child{text-align:center}.input-table tr:first-child th:first-child{border-top-left-radius:3px}.input-table tr:first-child th:last-child{border-top-right-radius:3px}.input-table tr{text-align:center;padding-left:20px}.input-table tr td:first-child{text-align:left;padding-left:20px;border-left:0}.input-table tr td{border-top:1px solid #fff;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;display:flex;align-items:center;vertical-align:middle;margin:0 auto;background:#fafafa;background:-moz-linear-gradient(top,#fbfbfb,#fafafa)}.input-table td,.input-table tr td{padding:20px;text-align:center;justify-content:center}.input-table td{align-content:center}.input-table tr:last-child td{border-bottom:0}.input-table tr:last-child td:first-child{border-bottom-left-radius:3px}.input-table tr:last-child td:last-child{border-bottom-right-radius:3px}.input-table tr:hover td{background:#f2f2f2;background:-moz-linear-gradient(top,#f2f2f2,#f0f0f0)}.btn-add-carrer{width:80px;border:2px solid #888;border-radius:4px;color:#333;font-size:16px;font-weight:700;text-align:center;box-sizing:border-box;cursor:pointer;transition:.4s;margin-left:10px}.btn-add-carrer:hover{background-color:#333;color:#fff;border:2px solid #333}.btn-complete-input{width:150px;height:50px;border:2px solid #888;border-radius:4px;color:#333;font-size:16px;font-weight:700;text-align:center;box-sizing:border-box;cursor:pointer;transition:.4s;margin-left:10px}.btn-complete-input:hover{background-color:#333;color:#fff;border:2px solid #333}.carrer-list{list-style-type:square;margin:12px 20px;text-align:left;font-family:sans-serif;color:#000;font-size:16px;font-weight:900}.teacher-screen{margin-top:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.teacher-screen-search-result{height:90%;display:flex;flex-direction:column;width:45%}.teacher-screen-search{display:flex;justify-content:flex-end;margin-bottom:10px;width:100%}.teacher-screen-cards{overflow-y:scroll;overflow-x:auto;display:flex;flex-direction:column;align-items:center}.teacher-screen-card{width:40vw;margin:10px;display:flex;flex-direction:column;align-self:center;border-radius:4px;border:1px solid #eaeaea;background-color:#fff}.teacher-name{font-size:20px}.teacher-carrer,.teacher-name{padding:16px 24px;margin:0;border-bottom:2px solid #eaeaea}.teacher-carrer{font-size:16px}.teacher-carrer-list{margin:24px 0;list-style-type:square}.teacher-carrer-list-item{border-bottom:1px solid #eaeaea;margin-left:64px;padding:8px 0;font-size:14px}.teacher-screen-search button,.teacher-screen-search select{font-size:20px;background:none;border:none}.teacher-screen-search select{width:-webkit-max-content;width:max-content;border-bottom:1px solid #000}.teacher-screen-search button{border:2px solid #333;margin-left:10px;border-radius:10px}.teacher-screen-search button:hover{cursor:pointer;background-color:#333;color:#fff;transition:.4s}.board-wrapper{height:100%;width:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:column;margin-top:80px}#class_search{border:2px solid #333;border-radius:4px;margin-left:15px;margin-right:10px;padding:5px 10px}#category_search{width:100px;height:30px;border:2px solid #333;font-family:"Nanumgothic";border-radius:3px}.board-search{position:relative;display:flex;justify-content:center;align-items:center;padding:20px;border:2px solid #333;border-radius:5px;background-color:#fff;height:40px;margin-right:10px}.board-list{display:grid;grid-template-columns:repeat(auto-fill,300px);grid-gap:25px;width:100%;height:60%;padding:50px 230px;box-sizing:border-box;justify-content:center;justify-items:center;overflow-y:scroll}.board-list img{width:230px;height:150px}.board-list__board{width:230px;height:280px;display:flex;flex-direction:column;align-items:center;padding:10px;background-color:#f5f5f5;color:#000;text-align:center;transition:background-color .2s ease-in-out}.board-list__board:hover{background-color:rgba(0,0,0,.2)}.board-list__board>div{position:relative}.board-list__board>div>span{position:absolute;background-color:rgba(0,0,0,.5);color:#fff;padding:2px 8px;top:0;font-size:12px;left:0}.board-list__board>span:first-of-type{font-weight:700;font-size:14px}.board-list__board>span:nth-of-type(2){font-size:14px}.board-list__board>span:nth-of-type(3),.board-list__board>span:nth-of-type(4){font-size:12px;color:#000}.board-list__board>span{text-align:center}.board-noimage{width:230px;height:150px;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:24px;opacity:.2}.btn-board{width:50px;padding:4px;border:2px solid #333;border-radius:4px;color:#333;font-size:14px;font-weight:700;text-align:center;cursor:pointer;transition:.4s}.btn-board:hover{background-color:#333;color:#fff}.btn-append{width:150px;padding:20px;border:2px solid #333;border-radius:4px;color:#333;font-size:16px;font-weight:700;text-align:center;cursor:pointer;transition:.4s;background-color:#fff}.btn-append:hover{background-color:#333;color:#fff}.board-options{display:flex}#root{height:100%}body{color:#333;font-size:16px;font-weight:400;line-height:1.4;font-family:"Nanum Gothic",sans-serif;height:calc(100vh - 80px)}.inner{width:1100px;margin:0 auto;position:relative}header{height:80px;width:100%;background-color:#fff;border-bottom:1px solid #c8c8c8;position:fixed;top:0;z-index:9}header>.inner{height:100%;display:flex;align-items:center}header .logo{height:75px}header .sub-menu{height:80%;position:absolute;top:10px;right:0;display:flex;align-items:center}header .sub-menu ul.menu{font-family:Arial,Helvetica,sans-serif;display:flex}header .sub-menu ul.menu li{position:relative;display:flex;align-items:center;margin:0 15px}header .sub-menu ul.menu li a{font-size:12px;display:block;color:#656565}header .sub-menu ul.menu li a:hover{color:#000}.btn-header{width:130px;padding:10px;border:2px solid #333;border-radius:4px;color:#333;font-size:14px;font-weight:700;text-align:center;cursor:pointer;box-sizing:border-box;display:block;transition:.4s}.btn-header:hover{background-color:#333;color:#fff}.userIcon:hover{cursor:pointer}.modal-container{display:flex;flex-direction:column;padding:2vw;position:fixed;top:20vh;left:33vw;width:30vw;background-color:#fff;z-index:10;box-shadow:0 3px 8px rgba(0,0,0,.24)}.modal-button{all:unset;padding:10px;background-color:#fff;border-radius:0}.modal-button:hover{background-color:#333;color:#fff;transition:.4s;cursor:pointer}.modal-input-container{padding:15px}.modal-input-container>select,.modal-input-container input{background:none;border:none;border-bottom:1px solid #000;width:80%}.modal-input-container>label{width:10%;display:inline-block;margin-right:10px}.boardscreen-wrapper{width:100%;margin-top:80px}.boardscreen-header{width:100%;height:350px;display:flex;background-color:rgba(0,0,0,.7);padding:20px 400px;color:#fff;box-sizing:border-box}.boardscreen-header img{width:400px;height:100%;margin-right:40px}.boardscreen-contents{width:40%;display:flex;flex-direction:column}.boardscreen-contents>span:first-child{font-size:12px}.boardscreen-contents>span:nth-child(2){font-size:18px;font-weight:700}.boardscreen-contents>span:nth-of-type(3){font-size:12px}.boardscreen-contents>h3,.boardscreen-contents>span:last-of-type{display:block;margin-top:10px;font-size:24px}.boardscreen-contents>h3{color:red}.boardscreen-contents__detail,.boardscreen-contents__footer{margin-top:10px;display:flex;flex-direction:column}.boardscreen-contents__footer span:first-of-type{font-size:14px;font-weight:700}.boardscreen-contents__footer span:nth-of-type(2){font-size:12px}.boardscreen-main{width:100%;display:flex;flex-direction:column;padding:20px 400px;color:#000;box-sizing:border-box}.boardscreen-main>span:first-child{font-size:20px;font-weight:700}.boardscreen-noimage{width:400px;height:100%;display:flex;justify-content:center;align-items:center;font-size:24px;opacity:.6}.write-wrapper{display:grid;place-items:center;margin-top:80px}.Write-table{font-family:Arial,Helvetica,sans-serif;color:#666;font-size:12px;text-shadow:1px 1px 0 #fff;background:#eaebec;margin:20px;border:3px solid #ccc;border-radius:3px;box-shadow:0 1px 2px #d1d1d1}.Write-table th{padding:20px;border-top:1px solid #ccc;border-bottom:1px solid #e0e0e0;background:#ededed;background:-moz-linear-gradient(top,#ededed,#ebebeb);font-size:30px}.Write-table th:first-child{text-align:center}.Write-table tr:first-child th:first-child{border-top-left-radius:3px}.Write-table tr:first-child th:last-child{border-top-right-radius:3px}.Write-table tr{text-align:center;padding-left:20px}.Write-table tr td:first-child{text-align:left;padding-left:20px;border-left:0}.Write-table tr td{padding:12px;border-top:1px solid #fff;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;text-align:center;vertical-align:middle;background:#fafafa;background:-moz-linear-gradient(top,#fbfbfb,#fafafa)}.Write-table tr.even td{background:#f6f6f6;background:-moz-linear-gradient(top,#f8f8f8,#f6f6f6)}.Write-table tr:last-child td{border-bottom:0}.Write-table tr:last-child td:first-child{border-bottom-left-radius:3px}.Write-table tr:last-child td:last-child{border-bottom-right-radius:3px}.Write-table tr:hover td{background:#f2f2f2;background:-moz-linear-gradient(top,#f2f2f2,#f0f0f0)}.btn-write{width:200px;padding:10px;border:2px solid #888;border-radius:4px;color:#333;font-size:20px;font-weight:700;text-align:center;cursor:pointer;box-sizing:border-box;display:block;transition:.4s}.btn-write:first-child{margin-right:10px}.btn-write:hover{background-color:#333;color:#fff;border:2px solid #333}.textarea{resize:none;border:none}.write-buttons{display:flex}.lecture-wrapper{margin-top:80px;display:flex;flex-direction:column;align-items:center}.lecture-wrapper h1{margin-top:10px;font-size:24px;font-weight:700}.lecture__lectures{padding:10px}.lecture__lectures li{margin:5px;padding:10px;border-radius:5px;font-size:20px;transition:all .15s ease-in-out}.lecture__lectures li span:first-child{font-size:24px;color:rgba(0,0,0,.45)}.lecture__lectures li:hover{color:#fff;background-color:rgba(0,0,0,.4)}.wrapper-admin{margin-top:80px;height:100%;width:100%;display:flex;justify-content:center;padding:10px;box-sizing:border-box}.admin-table{width:70%;text-align:center}.admin-table thead{padding-bottom:20px;height:30px;font-weight:700;font-size:20px}.admin-table tbody{font-size:16px;font-weight:600}.admin-table tr{width:100%}.admin-table tr>td:first-child{width:100px}.admin-table tr>td:nth-child(2){width:20%}.admin-table button{all:unset;cursor:pointer;transition:all .15s ease-in;padding:4px 8px}.admin-table button:hover{background-color:#333;color:#fff}
/*# sourceMappingURL=main.20e176f9.chunk.css.map */