.list-container{margin:0 auto;max-width:1200px;width:100%}.list-header{justify-content:space-between;padding:35px 125px 20px;width:100%;z-index:1}.list-header,.list-main-head{align-items:center;display:flex}.list-main-head{gap:24px;justify-content:center;&>input{border:1px solid var(--secondary-gray-40);border-radius:8px;color:var(--secondary-gray-40);margin-bottom:38px;padding:8px 12px}}.list-logo{width:150px}.list-answer-button{align-items:center;background-color:#f5f1ee;border:1px solid #542f1a;border-radius:8px;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;padding:12px 24px}.list-answer-button span{background-color:#f5f1ee;color:#542f1a;font-size:16px;font-weight:400}.list-answer-button img{background-color:#f5f1ee}.list-main{height:100%;padding:0 125px;width:100%}.list-main-text{color:var(--secondary-gray-60);font-size:40px;font-weight:400;margin-bottom:15px;text-align:center}.dropdown-container{margin-bottom:40px}.dropdown,.dropdown-container{align-items:center;display:flex;justify-content:center}.dropdown{border:1px solid var(--secondary-gray-40);border-radius:8px;color:var(--secondary-gray-40);cursor:pointer;font-size:14px;font-weight:500;height:34px;min-width:80px;padding:8px 12px;position:relative;-webkit-user-select:none;user-select:none}.dropdown_button{justify-content:center}.dropdown_button,.select{align-items:center;display:flex;width:100%}.select{justify-content:space-between}.dropdown_contents{border:1px solid #cfcfcf;border-radius:12px;box-shadow:0 2px 5px #0000001a;margin-top:10px;padding:0;position:absolute;top:24px;width:80px;z-index:999}.dropdown_contents,.dropdown_contents li{background-color:var(--secondary-gray-10);text-align:center}.dropdown_contents li{border-radius:8px;color:var(--secondary-gray-40);list-style:none;padding:9px 16px 9px 0}.dropdown_contents li.selected{color:#1877f2}.dropdown.open{background-color:var(--secondary-gray-10);border:1px solid var(--secondary-gray-60);color:var(--secondary-gray-60)}.list-subjects{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,220px);grid-template-rows:1fr 1fr;margin-top:30px;place-content:center;width:100%}.list-subject-container{background:var(--secondary-gray-10);border:1px solid var(--secondary-gray-40);border-radius:16px;display:flex;flex-direction:column;height:187px;justify-content:space-between;min-width:186px;padding:20px}.list-profile-container{background-color:var(--secondary-gray-10);display:flex;flex-direction:column;gap:12px}.list-profile{border-radius:70%;flex-shrink:0;height:60px;overflow:hidden;text-align:center;width:60px}.list-profile-img{height:100%;object-fit:cover;object-position:center center;width:100%}.list-profile-name{color:var(--secondary-gray-60);font-size:20px;font-weight:400}.list-info-container,.list-profile-name{background-color:var(--secondary-gray-10)}.list-info-container{display:flex;justify-content:space-between;width:100%}.list-info{align-items:center;display:flex;gap:4px}.list-info-img{height:18px;width:18px}.list-info-text{font-weight:400}.list-info-count,.list-info-text{color:var(--secondary-gray-40);font-size:16px;margin:0;white-space:nowrap}.pagination{gap:4px;margin-bottom:15px;margin-top:15px}.pageBtn,.pagination{align-items:center;display:flex;justify-content:center}.pageBtn{color:var(--secondary-gray-40);cursor:pointer;font-size:20px;font-weight:400;height:40px;-webkit-user-select:none;user-select:none;width:40px;&:focus,&:hover{background-color:var(--secondary-gray-10)}&.active{color:var(--primary-brown-50)}&.disabled{cursor:not-allowed}&.ellipsis{cursor:default}}@media (max-width:1024px){.list-header{padding:35px 50px 20px}.list-main{padding:0 50px}.list-subjects{gap:20px;grid-template-columns:repeat(3,minmax(186px,1fr))}.list-subject-container{margin-left:8px;margin-right:8px;min-width:calc(25% - 12px)}}@media (max-width:768px){.list-header{padding:35px 50px 20px}.list-main{padding:0 24px}.list-subjects{gap:16px;grid-template-columns:repeat(2,minmax(186px,1fr))}.list-subject-container{margin-left:8px;margin-right:8px;min-width:calc(33.333% - 12px)}.list-header{flex-direction:column;gap:24px}.list-main-header{align-items:center;display:flex;justify-content:space-between}.list-main-head>input{margin-bottom:0}.list-main-text{font-size:24px;margin:0}.dropdown-container{margin:0}.list-answer-button{gap:4px;padding:8px 12px}}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-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{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input:focus{outline:none}a{color:inherit;text-decoration:none}.Post-background{align-items:end;background-color:#f7f7f7;display:flex;flex-direction:column;height:100%;padding:189px 24px 24px}.FeedButton{background-color:var(--primary-brown-40);border:none;border-radius:100px;box-shadow:0 4px 4px 0 #00000040;color:var(--secondary-gray-10);cursor:pointer;font-size:20px;padding:15px 50px}.Header-container{display:flex;height:234px;justify-content:center;overflow:hidden;position:relative}.Header-backgroundImage{flex:1 1}.Header-wrapper{align-items:center;display:flex;flex-direction:column;gap:12px;margin:0 auto;position:absolute;top:50px;width:100%}.Header-logo{height:67px;width:170px}.Header-profileImage{border-radius:50%;height:136px;width:136px}.Header-userName{font-size:32px}.Header-shareLink{display:flex;gap:12px}.Header-shareIcon{cursor:pointer}.toast{background-color:var(--secondary-gray-60);border-radius:8px;bottom:60px;box-shadow:0 4px 4px 0 #00000040;color:var(--secondary-gray-10);font-size:14px;padding:12px 20px;position:fixed}.Modal-background{align-items:center;background-color:#0000008f;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.Modal-container{background-color:var(--secondary-gray-10);border-radius:24px;box-shadow:0 16px 20px 0 #3030309e;display:flex;height:454px;width:612px}.Modal-content{display:flex;flex-direction:column;flex-grow:1;margin:40px}.Modal-header{justify-content:space-between;margin-bottom:40px}.Modal-header,.Modal-notice{align-items:center;display:flex}.Modal-notice{font-size:24px;gap:8px}.Modal-icon{width:28px}.Modal-icon.profile{border-radius:50%}.Modal-icon.close{cursor:pointer}.Modal-addressee{align-items:center;display:flex;font-size:16px;gap:4px;margin-bottom:12px}.Modal-input{background-color:var(--secondary-gray-20);border:none;border-radius:8px;height:180px;margin-bottom:8px;padding:16px}.Modal-input:focus{outline:1px solid var(--primary-brown-30)}.Modal-btn{background-color:var(--primary-brown-40);border:none;border-radius:8px;color:var(--secondary-gray-10);cursor:pointer;font-size:16px;padding:12px}.Modal-btn:disabled{background-color:var(--primary-brown-30)}.Questions-container{background-color:#f2ede9;border:1px solid #c7bbb5;border-radius:16px;display:flex;flex-direction:column;height:100%;margin:0 auto 58px;max-width:716px;padding:16px;text-align:center;width:100%}.Questions-container.noQuestion{align-items:center;gap:70px;height:330px;width:100%}.Questions-numberOfQuestions{align-items:center;color:#542f1a;display:flex;font-size:20px;gap:8px;justify-content:center}.Questions-emptyMessageIcon{width:150px}.LoadMore{background-color:#c7bbb5;border-radius:16px;color:#fff;font-size:17px;margin-top:20px;padding:15px 60px}.LoadMore.button:hover{background-color:#542f1a;transition:.7s}.FeedCard{background-color:var(--secondary-gray-10);border-radius:16px;box-shadow:0 4px 4px 0 #8c8c8c40;margin-top:16px;padding:32px;text-align:left}.FeedCard-question{display:flex;flex-direction:column;font-size:18px;gap:4px;margin-top:32px}.FeedCard-CreatedAt{color:var(--secondary-gray-40);font-size:14px}.FeedCard-answer{align-items:flex-start;display:flex;font-size:16px;gap:12px;padding-top:32px}.FeedCard-username{align-items:center;font-size:18px;gap:8px}.FeedCard-content{display:flex;flex-direction:column;gap:4px}.FeedCard-rejected{color:var(--secondary-red)}.FeedCard-profileImage{border-radius:50%;height:48px;width:48px}.AnswerBadge{border:1px solid var(--primary-brown-40);border-radius:8px;color:var(--primary-brown-40);display:inline-block;font-size:14px;padding:4px 12px}.AnswerBadge-NoAnswer{border:1px solid var(--secondary-gray-40);color:var(--secondary-gray-40)}.FeedCard-reactionContainer{border-top:1px solid var(--secondary-gray-30);display:flex;gap:32px;margin-top:32px;padding-top:25px}.FeedCard-reaction{align-items:center;color:var(--secondary-gray-40);cursor:pointer;display:flex;font-size:14px;gap:6px;&.another,&.clicked{cursor:default}&.clicked{color:var(--secondary-blue)}}.FeedCard-reactionIcon{width:16px}.FeedCard-username{display:flex}.FeedCard-answer-top{display:flex;height:26px;justify-content:space-between}.FeedCard-content{width:100%}.FeedCard-head,.feedCard-Answer{overflow-wrap:anywhere}.Answer-dropdown{border:none;display:inline-block;min-width:80px;position:relative;text-align:end}.Answer-dropdown button{border:none}.Answer-dropdown-btn{background-color:var(--secondary-gray-10);cursor:pointer}.Answer-dropdown-contents{display:flex;display:none;flex-direction:column;position:absolute;right:0;z-index:2}.Answer-dropdown-contents button{border-radius:8px;margin-top:4px;padding:4px 12px}.Answer-dropdown-contents button:hover{background-color:var(--primary-brown-40);color:var(--secondary-gray-10)}.Answer-dropdown-contents.open{display:block}form{display:flex;flex-direction:column;gap:8px}textarea{background-color:var(--secondary-gray-20);border:none;border-radius:8px;height:186px;outline-color:var(--primary-brown-40);padding:16px;resize:none}textarea::placeholder{text-align:left}textarea::placeholder,textarea~button{font-size:16px;font-weight:400;line-height:22px}textarea~button{background-color:var(--primary-brown-30);border-radius:8px;color:var(--secondary-gray-10);height:46px;padding:12px 24px}textarea~.active{background-color:var(--primary-brown-40);color:var(--secondary-gray-10)}body{background-color:var(--secondary-gray-20)}.main-main{background-image:url(/static/media/Image2.9d8659e29cfeeedf8721.svg);background-position:bottom;background-repeat:no-repeat;background-size:100%;height:100vh}.main-header{padding-top:150px;position:relative;text-align:center}.main_top_btn{background-color:var(--secondary-gray-20);border:1px solid var(--primary-brown-40);border-radius:8px;padding:12px 24px;position:absolute;right:50px;top:50px}.main_top_btn a{align-items:center;color:var(--primary-brown-40);display:flex;font-size:16px}.main_container .main_login_box{background-color:var(--secondary-gray-20);border-radius:16px;margin:0 auto;padding:32px;width:400px}.main_container .main_login_box .input_form{align-items:center;border:1px solid var(--secondary-gray-40);border-radius:8px;display:flex;padding:10px}.main_container .main_login_box .input_form input{background-color:#fff0;border:0;display:block;height:100%;outline:none;padding:5px;width:100%}.main_container .main_login_box .input_form span img{opacity:.6}.main_container .main_login_box .input_button button{background-color:var(--primary-brown-40);border-radius:8px;color:var(--secondary-gray-10);display:block;margin-top:20px;padding:15px;transition:all .5s;width:100%}.main_container .main_login_box .input_button button:hover{opacity:.9}@media (max-width:767px){header{display:flex;flex-direction:column}header .main_header_logo{margin:0 auto;width:50%}.main_top_btn{margin:20px auto;position:relative;right:auto;top:auto}}@media (max-width:800px){.small-tomato{background-color:tomato}}.answer-container{display:flex;flex-direction:column;gap:9px;margin:0 auto 140px;max-width:716px;position:relative;width:100%}.answer-top-wrapper{display:flex;justify-content:end}.answer-top-wrapper>button{background-color:var(--primary-brown-40);border-radius:200px;color:var(--secondary-gray-10);height:35px;padding:12px 24px;width:100px}.snowflakes{width:100vh}@keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0)}50%{transform:translateX(80px)}to{transform:translateX(0)}}.snowflake{-webkit-animation-duration:10s,3s;animation-duration:10s,3s;-webkit-animation-iteration-count:infinite,infinite;animation-iteration-count:infinite,infinite;-webkit-animation-name:snowflakes-fall,snowflakes-shake;animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-play-state:running,running;animation-play-state:running,running;-webkit-animation-timing-function:linear,ease-in-out;animation-timing-function:linear,ease-in-out;cursor:default;position:fixed;top:-10%;-webkit-user-select:none;user-select:none;z-index:9999}.snowflake:nth-of-type(0){animation-delay:0s,0s;left:1%}.snowflake:first-of-type{animation-delay:1s,1s;left:10%}.snowflake:nth-of-type(2){animation-delay:6s,.5s;left:20%}.snowflake:nth-of-type(3){animation-delay:4s,2s;left:30%}.snowflake:nth-of-type(4){animation-delay:2s,2s;left:40%}.snowflake:nth-of-type(5){animation-delay:8s,3s;left:50%}.snowflake:nth-of-type(6){animation-delay:6s,2s;left:60%}.snowflake:nth-of-type(7){left:70%}.not_found{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;line-height:1.6}.not_found .notice{text-align:center}.not_found .notice h2{font-size:80px}.not_found .notice h2 span{animation:up_down 1s infinite alternate;position:relative}@keyframes up_down{0%{bottom:0}to{bottom:5px}}.not_found .notice button{background-color:var(--primary-brown-40);border-radius:8px;color:var(--secondary-gray-10);display:block;margin:20px auto 0;padding:15px;transition:all .5s;width:80%}.not_found .notice button:hover{opacity:.9}@media (max-width:767px){.not_found .notice h2{font-size:50px}}@font-face{font-family:NEXON Lv2 Gothic;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON%20Lv2%20Gothic.woff) format("woff")}*{font-family:NEXON Lv2 Gothic,sans-serif}html{font-size:16px;line-height:1.5;word-break:keep-all}a,body,button,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,th,ul{box-sizing:border-box;font-family:NEXON Lv2 Gothic,sans-serif;margin:0;padding:0;word-break:keep-all}fieldset,img{border:0}ol,ul{list-style:none}address,em{font-style:normal}a{text-decoration:none!important}button{border:0;cursor:pointer;outline:none}:root{--primary-brown-50:#341909;--primary-brown-40:#542f1a;--primary-brown-30:#c7bbb5;--primary-brown-20:#e4d5c9;--primary-brown-10:#f5f1ee;--secondary-gray-60:#000;--secondary-gray-50:#515151;--secondary-gray-40:#818181;--secondary-gray-30:#cfcfcf;--secondary-gray-20:#f9f9f9;--secondary-gray-10:#fff;--secondary-blue:#1877f2;--secondary-yellow:#fee500;--secondary-red:#b93333;--shodow-deep-1:0px 4px 4px #cfcfcf;--shodow-deep-2:0px 4px 4px #818181;--shodow-deep-3:0px 16px 20px #cfcfcf}
/*# sourceMappingURL=main.21d015ec.css.map*/