@import url(https://fonts.googleapis.com/css2?family=SUITE:wght@400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:SUITE-Regular;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:intelone-mono-font-family-regular;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/intelone-mono-font-family-regular.woff2) format("woff2")}@font-face{font-family:SUITE-Regular;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2) format("woff2")}#CodeHomeUploadButton{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#ff6b00;font-family:SUITE-Regular;font-weight:700;height:5vh;margin-left:7.5vw;transition:box-shadow .3s ease;width:85vw}#CodeHomeUploadButton:hover{box-shadow:0 8px 16px #0003}#Codehome{display:flex;flex-direction:column}#pagination{display:grid;grid-template-columns:1fr 3fr 1fr;height:2.5vh;margin-bottom:2.5vh;margin-left:40vw;margin-right:40vw;width:20vw}#pagination,#paginationTxt{align-items:center;justify-content:center}#paginationTxt{display:flex}#paginationBtn{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:box-shadow .3s ease}#paginationBtn:hover{box-shadow:0 8px 16px #0003}#MainMenubar{display:grid;font-size:larger;grid-template-columns:1fr .5fr 1.65fr .45fr 2.05fr .45fr 2.8fr .4fr 1fr;justify-items:center;margin-left:15vw;margin-right:15vw;margin-top:10vh;width:70vw}#MainMenuBarLogo{font-weight:700}.menu-button:hover{color:#b3b3b3}.menu-button.study:hover{color:#afa6ff}.menu-button.code:hover{color:#ffb380}.menu-button.codegroup:hover{color:#6c9}.menu-button.mypage:hover{color:#ff7f7f}.menu-button.active-study{color:#5c4eff;font-weight:700}.menu-button.active-code{color:#ff6b00;font-weight:700}.menu-button.active-codegroup{color:#009418;font-weight:700}.menu-button.active-mypage{color:#ef4949;font-weight:700}#CodeSearchResult{grid-gap:20px;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:grid;font-size:small;gap:20px;grid-template-columns:1fr .5fr 1.5fr 1fr .5fr 2fr 1fr .5fr 2.5fr .5fr .5fr 2.5fr;justify-items:start;margin-bottom:30px;margin-top:20px;padding:15px 7.5%;transition:box-shadow .3s ease;width:85%-1px}#CodeSearchResult:hover{box-shadow:0 8px 16px #0003}#CodeSearchBody{margin:5vh 7.5vw;overflow:auto;width:85vw}#CommunitySearchBar{align-items:center;display:grid;font-size:medium;grid-template-columns:1fr .5fr 1.3fr .8fr .8fr 1fr .5fr .7fr 1.5fr 1.5fr 1fr .5fr 2fr 2fr;justify-items:center;margin-left:7.5vw;margin-right:7.5vw;margin-top:7.5vh;width:85%}#SearchBarSetting{font-weight:700}#SearchKeywordInput{border:0;font-family:SUITE-Regular}#DataLoadbutton{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;font-family:SUITE-Regular;height:3vh;justify-content:center;transition:box-shadow .3s ease;width:10vw}#DataLoadbutton:hover{box-shadow:0 8px 16px #0003}.menu-button:hover[data-tag="코드 유형"]{color:#ffb380}.menu-button:hover[data-tag="제작자 유형"]{color:#6c9}.menu-button.active[data-tag="코드 유형"]{color:#ff6b00}.menu-button.active[data-tag="제작자 유형"]{color:#009418}#Spinner{align-items:center;display:flex;flex-direction:column;gap:5vh;justify-content:center;margin-top:30vh}#StudyHomeStudybar{display:flex;font-size:medium;justify-content:space-around;margin-left:7.5vw;margin-right:7.5vw;margin-top:7.5vh;width:85vw}#StudyHomeSettingKeyword{font-weight:700}#StudyHomeBody{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;height:55vh;justify-content:center;margin:7.5vh 7.5vw 10vh;width:85vw}#StudyHome{display:flex;flex-direction:column}.banner{color:#fff;font-family:SUITE-Regular;font-size:18px;left:0;padding:20px;position:fixed;text-align:center;top:0;transition:transform .5s ease-in-out;width:100%;z-index:1000}.banner.success{background-color:#4bc5fe}.banner.error{background-color:#ff8f87}#StudySettingBar{align-items:center;display:grid;font-size:medium;grid-template-columns:1fr .5fr 1fr .75fr .5fr .75fr 1fr .5fr 3.5fr 2fr;height:3vh;justify-items:center;margin-left:7.5vw;margin-right:7.5vw;margin-top:7.5vh;width:85%}#SettingBarSetting{font-weight:700}#CodeGroupSetting{border:0;font-family:SUITE-Regular;font-size:medium}#ProblemSettingIcon{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;height:3vh;justify-content:center;transition:box-shadow .3s ease;width:10vw}#ProblemSettingIcon:hover{box-shadow:0 8px 16px #0003}#CodeGroupSettingList{background-color:#fff;font-family:SUITE-Regular}#StudyLineOrderingCodeArea{border:0;border-radius:10px;font-family:intelone-mono-font-family-regular;font-size:medium;outline:none;padding-left:20px;padding-top:10px;resize:none}#StudyLineOrdering{background-color:#fff;border:1px solid #ddd;border-radius:8px;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:7.5vh 7.5vw 52vh;width:85vw}#StudyLineOrderingInfo{display:flex;gap:5vw}#LineOrderingExampleBox{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;bottom:13vh;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;font-size:large;font-weight:700;justify-items:center;padding-bottom:10px;padding-top:10px;position:fixed;width:84.9vw}#LineOredringExampleList{align-items:center;display:flex;justify-content:center;width:25vw}#LineOrderingExampleList{display:grid;grid-template-columns:1fr 1fr 1fr;height:20vh;justify-items:center;overflow:visible;padding:20px 2.5vw 40px}#codeSectionPagination{background-color:#fff;border:0 solid;font-size:medium;margin-left:10px;margin-right:10px}#StudyLineOrderingTextContainer{border-color:currentcolor gray gray;border-top:.5px solid gray;margin-bottom:30px;margin-left:20px;padding-top:50px}#StudyTracking{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;flex-direction:column;margin:7.5vh 7.5vw 10vh;width:85vw}#StudyTracking,#StudyTrackingGuide{display:flex;justify-content:center}#StudyTrackingGuide{align-items:center;font-size:large;font-weight:700;padding-bottom:50px;padding-top:50px}#StudyTrackingTextArea{border-color:currentcolor gray gray;border-top:.5px solid gray;padding-top:50px}#StudyTrackingLineSpace{display:flex;flex-direction:column}#StudyTrackingBackground{color:#b1b1b1}#StudyTrackingBackground,#StudyTrackingInput,textarea[id^=textarea-line-]{border:0;font-family:intelone-mono-font-family-regular;font-size:medium;outline:none;padding-bottom:5px;padding-left:30px;padding-top:5px;resize:none}#explainationBox{align-content:center;bottom:5vh;display:flex;font-size:large;font-weight:lighter;gap:20px;justify-content:center;margin-left:2.5vw;margin-right:2.5vw;padding-bottom:5px;padding-top:5px;position:fixed;width:80vw}#StudyTrackingCompleteBtn,#explainationBox{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a}#StudyTrackingCompleteBtn{height:5vh;margin:2vh 1.5vw;transition:box-shadow .3s ease}#StudyTrackingCompleteBtn:hover{box-shadow:0 8px 16px #0003}.trackingbanner{border-radius:8px;box-shadow:0 4px 8px #0000001a;font-family:SUITE-Regular;font-size:18px;left:50%;padding:30px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);transition:transform .5s ease-in-out;z-index:1000}.trackingbanner.success{background-color:#4bc5fe;color:#fff}.trackingbanner.error{background-color:#ff8f87;color:#fff}.trackingbanner-close-btn{border:1px solid #ddd;border-radius:4px;border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:pointer;font-size:16px;margin-left:40px;padding:10px 20px;transition:box-shadow .3s ease}.trackingbanner-close-btn.success{color:#4bc5fe}.trackingbanner-close-btn.error{color:#ff8f87}.trackingbanner-close-btn.success:hover{background-color:#4bc5fe;color:#fff}.trackingbanner-close-btn.error:hover{background-color:#ff8f87;color:#fff}#StudyBlockOrderingCodeArea{border:0;border-top:.5px solid gray;font-family:intelone-mono-font-family-regular;font-size:large;gap:10px;padding-left:20px;padding-top:50px;resize:none}#StudyBlockOrdering{background-color:#fff;border:1px solid #ddd;border-radius:10px;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;margin-left:7.5vw;margin-right:7.5vw;margin-top:7.5vh;padding-bottom:30px;width:85vw}#exampleBox{padding-bottom:10px}#exampleList{justify-items:center;width:70vw}#StudyBlockWritingCodeArea{border:0;border-top:.5px solid gray;font-family:intelone-mono-font-family-regular;font-size:large;gap:10px;padding-left:20px;padding-top:50px;resize:none}#StudyBlockWriting{border:1px solid #ddd;border-radius:8px;border-radius:10px;font-size:small;justify-content:center;margin:7.5vh 7.5vw 46vh;padding-bottom:30px;width:85vw}#StudyBlockWriting,#exampleBox{background-color:#fff;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column}#exampleBox{align-items:center;border:1px solid #ddd;border-radius:8px;bottom:13vh;font-size:large;font-weight:700;justify-items:center;padding-bottom:5vh;padding-top:10px;position:fixed;width:84.9vw}#exampleList{grid-row-gap:10px;display:grid;font-family:intelone-mono-font-family-regular;font-size:medium;grid-template-columns:1fr 1fr 1fr 1fr 1fr;row-gap:10px}#exampleListBlock{grid-gap:30px;align-self:center;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-right:4vw;width:10vw}#exampleInput{border:.5px solid;font-family:intelone-mono-font-family-regular;font-size:medium;padding-left:10px;width:8vw}#BlockOrderingBtnContainer{background-color:#fff;border-radius:10px;bottom:5vh;display:flex;font-size:large;font-weight:700;justify-content:space-between;padding-bottom:10px;padding-top:10px;position:fixed;width:84.8vw}#BlockOrderingBtn{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;font-family:SUITE-Regular;font-size:medium;font-weight:400;height:5vh;transition:box-shadow .3s ease;width:48%}#BlockOrderingBtn:hover{box-shadow:0 8px 16px #0003}#CodeGroupHomeSearchBar{align-items:center;display:flex;font-size:medium;justify-content:space-around;margin-left:7.5vw;margin-right:7.5vw;margin-top:7.5vh;width:85vw}#CodeGroupSettingKeyword{font-weight:700}#CodeGroupHomeSearchButton{font-family:SUITE-Regular;height:15px}#CodeGroupHomeSearchInput{border:0}#CodeGroupHome{display:flex;flex-direction:column}#CodeGroupSearchResult{grid-gap:20px;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:grid;font-size:small;gap:20px;grid-template-columns:1fr .5fr 1fr 2fr 1fr .5fr 2fr 1fr .5fr 2.5fr 1fr .5fr 1fr;justify-items:start;margin-bottom:30px;margin-top:20px;padding:15px 5%;transition:box-shadow .3s ease;width:90%-1px}#CodeGroupSearchResult:hover{box-shadow:0 8px 16px #0003}#CodeGroupSearchBody{margin:5vh 7.5vw;overflow:scroll;width:85vw}#CodeGroupDetailInfo{display:grid;font-size:medium;grid-template-columns:1fr .5fr 1fr 2fr 1fr .5fr 2fr 1fr .5fr 2fr 1fr .5fr 1fr;justify-items:center;margin-left:5%;margin-right:5%;margin-top:7.5vh;padding-left:5%;padding-right:5%;width:80%}#CodeGroupDetialInfoKeyWord{font-weight:700}#CodeGroupFollowBtn{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#009418;font-family:SUITE-Regular;font-weight:700;height:5vh;margin-left:7.5vw;transition:box-shadow .3s ease;width:85vw}#CodeGroupFollowBtn:hover{box-shadow:0 8px 16px #0003}#codeFollowBtnContainer{display:flex;flex-direction:column;margin-bottom:7.5vh;margin-left:7.5vw;margin-top:5vh;width:85vw}#CodeFollowBtn,#codeFollowBtnContainer{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a}#CodeFollowBtn{font-family:SUITE-Regular;font-weight:700;height:5vh;margin:1vw;transition:box-shadow .3s ease;width:83vw}#codeFollowGroupSetting{align-items:center;display:flex;gap:20px;height:5vh;justify-content:center;margin-top:1vw;width:85vw}#CodeFollowBtn:hover{box-shadow:0 8px 16px #0003}#CodeGroupDetail{display:flex;flex-direction:column}#CodeDetailInfo{display:grid;font-size:medium;font-weight:400;grid-template-columns:1fr .5fr 1fr 1fr .5fr 1.5fr 1fr .5fr 2fr 1fr .5fr 2fr;justify-items:center;margin:7.5vh 5% 20px;padding-left:5%;padding-right:5%;width:80%}#CodeDetailInfoContainer{border:.45px solid;border-radius:10px;margin-left:7.5%;width:85%}#CodeDetailBody{display:flex;flex-direction:column;margin-left:7.5vw;margin-right:7.5vw;margin-top:30px;width:85vw}#CodeDetailTitle{display:flex;font-size:medium;font-weight:400;gap:20px;justify-content:start;padding-bottom:5px;padding-top:25px}#CodeContent{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;font-family:intelone-mono-font-family-regular;font-size:medium;margin-bottom:15px;margin-top:15px;outline:none;padding:2.5% 2.5% 15px;resize:none;width:95%}#CodeDetailUserProfile{height:8vh;margin:1vh}#CodeDescriptionContent{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;font-family:SUITE-Regular;font-size:large;margin-bottom:15px;margin-top:15px;outline:none;padding:30px 2.5%;resize:none;width:95%}#UserContent{font-size:large;gap:30px;justify-content:start;width:70%}#UserContent,#UserContentContainer{align-items:center;display:flex;height:10vh}#UserContentContainer{justify-content:space-between;margin-top:15px;width:100%}#CodeModNDelBtn,#UserContentContainer{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:box-shadow .3s ease}#CodeModNDelBtn{font-family:SUITE-Regular;font-weight:700;height:6vh;margin-right:2.5vw;width:20%}#CodeModNDelBtn:hover{box-shadow:0 8px 16px #0003}.new-code-banner{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;font-family:SUITE-Regular;font-size:medium;justify-content:center;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.new-code-banner.success{border:2px solid #5c4eff}.new-code-banner.error{border:2px solid #ff8f87;color:#ff8f87}.new-code-banner-message.error{color:#ff8f87;margin-right:20px}.new-code-banner-message.success{color:#5c4eff;margin-right:20px}.confirm-button{background-color:#fff;border:2px solid #5c4eff;border-radius:5px;color:#5c4eff;cursor:pointer;padding:10px 20px}.confirm-button:hover{background-color:#5c4eff;border:2px solid #5c4eff;color:#fff}#UploadSettingInfo{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;font-size:medium;gap:30px;margin-bottom:15px;margin-top:15px;padding:15px 2.5%;width:95%}#CodeUploadTitle{display:flex;font-size:medium;font-weight:500;gap:20px;justify-content:start;padding-bottom:5px;padding-top:25px}#UploadCode{font-family:intelone-mono-font-family-regular;font-size:medium}#UploadCode,#UploadDescription{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:15px;margin-top:15px;outline:none;padding:15px 2.5%;resize:none;width:95%}#UploadDescription{font-family:SUITE-Regular;font-size:large}#CodeUploadwBtn{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#ef4949;font-family:SUITE-Regular;font-size:medium;font-weight:700;height:6.125vh;margin-bottom:10vh;margin-left:7.5vw;margin-top:5vh;transition:box-shadow .3s ease;width:85vw}#CodeUploadwBtn:hover{box-shadow:0 8px 16px #0003}#UploadSettingInfo{display:flex;gap:10px}#UploadSettingInfo button{background:none;border:none;cursor:pointer;font-family:SUITE-Regular;font-size:16px;padding:5px;transition:color .3s}#UploadSettingInfo button.selected{color:#ef4949;font-weight:700}#UploadSettingInfo button:hover{color:#f5a3a3}#MyPageMenuBar{display:flex;font-size:small;justify-content:space-around;margin-left:20vw;margin-right:20vw;margin-top:5vh;width:60vw}.menu-button{background:none;border:none;color:#000;cursor:pointer;font-family:SUITE-Regular;font-size:inherit;transition:color .3s ease}.menu-button:hover{color:#ff7f7f}.menu-button.active{color:#ef4949;font-weight:700}#MyProfileUserInfo{align-items:center;display:flex;height:20vh;margin:5vh 15vw;width:70vw}#MyProfileUserImage{border-radius:10px;margin-right:5%;padding:.5vh;width:10%}#MyProfildUserInfoContainer{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:grid;font-size:medium;grid-template-rows:1fr;height:10vh;justify-items:start;padding-bottom:3vh;padding-left:5%;padding-top:3vh;width:80%}#TextContainer{display:flex;gap:20px}#MyProfileStudyHistory{align-items:flex-start;border-radius:10px;display:flex;flex-direction:column;height:35vh;margin-left:15vw;margin-right:15vw;width:70vw}#MyProfileStudyHistoryBody{display:flex;font-size:large;font-weight:500;height:40vh;width:70vw}#MyProfileStudyHistoryNumeric{grid-template-rows:1fr 1fr 1fr 1fr;height:30vh;justify-items:start;padding-bottom:2.5vh;padding-left:2.5vw;padding-top:2.5vh;width:20vw}#MyProfileStudyHistoryGrass,#MyProfileStudyHistoryNumeric{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:grid;margin-top:1.5vh}#MyProfileStudyHistoryGrass{height:35vh;justify-content:center;width:40vw}#grass{background-color:#c8c8c8;border-radius:3px;height:15px;width:15px}.contribution-graph,.week{display:flex}.week{flex-direction:column;margin-right:10px}.day{background-color:#ebedf0;height:10px;margin:3px 0;position:relative;width:10px}.day:hover:after{background-color:#000000bf;border-radius:3px;bottom:25px;color:#fff;content:attr(title);left:50%;padding:5px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.day-0{background-color:#d6d6d6}.day-1{background-color:#feb8b8}.day-2{background-color:#ff9d9d}.day-3{background-color:#ff7b7b}.day-4{background-color:#e72f2f}.today{background-color:#5c4eff}#NewCodeGroupBtn{font-family:SUITE-Regular;font-weight:700;height:5vh;margin-left:7.5vw;width:85vw}.code-group-container{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:10px;display:flex;margin:0 auto;padding:20px;width:80%}.input-row{align-items:center;display:flex;justify-content:space-between;width:100%}.input-group{align-items:flex-start;display:flex;flex-direction:column;margin-right:20px}.input-group label{font-weight:700;margin-bottom:5px}.input-group input,.input-group select{border:1px solid #ccc;border-radius:5px;padding:8px;width:200px}.switch{display:inline-block;height:20px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;width:14px}input:checked+.slider{background-color:#ef4949}input:checked+.slider:before{transform:translateX(40px)}#NewCodeGroupBtn{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#ef4949;cursor:pointer;font-size:medium;padding:10px 20px;transition:box-shadow .3s ease}#NewCodeGroupBtn:hover{box-shadow:0 8px 16px #0003}
/*# sourceMappingURL=main.c4207aa9.css.map*/