@font-face{font-family:NanumPenScript;src:url(/NanumPenScript-Regular.ttf)}html,body{background-color:#f6f6f6;width:100%;margin:0;display:flex}#root{background-color:#fff;width:100%;max-width:600px;height:100%;min-height:100vh;margin:0 auto;padding:0 20px;box-shadow:0 0 29px #64646433}body *{font-family:NanumPenScript}.Header{border-bottom:1px solid #e2e2e2;align-items:center;padding:20px 0;display:flex}.Header>div{display:flex}.Header .header_center{justify-content:center;width:50%;font-size:25px}.Header .header_left{justify-content:flex-start;width:25%}.Header .header_right{justify-content:flex-end;width:25%}.Button{cursor:pointer;white-space:nowrap;background-color:#ececec;border:none;border-radius:5px;padding:10px 20px;font-size:18px}.Button_POSITIVE{color:#fff;background-color:#64c964}.Button_NEGATIVE{color:#fff;background-color:#fd565f}.DiaryList .menu_bar{gap:10px;margin:20px 0;display:flex}.DiaryList .menu_bar select{cursor:pointer;background-color:#ececec;border:none;border-radius:5px;padding:10px 20px;font-size:18px}.DiaryList .menu_bar button{flex:1}.DiaryItem{border-bottom:1px solid #ececec;justify-content:space-between;gap:15px;padding:15px 0;display:flex}.DiaryItem .img_section{cursor:pointer;border-radius:5px;justify-content:center;min-width:120px;height:80px;display:flex}.DiaryItem .img_section>img{width:50%}.DiaryItem .img_section_1{background-color:#64c964}.DiaryItem .img_section_2{background-color:#9dd772}.DiaryItem .img_section_3{background-color:#fdce17}.DiaryItem .img_section_4{background-color:#fd8446}.DiaryItem .img_section_5{background-color:#fd565f}.DiaryItem .info_section{cursor:pointer;flex:1}.DiaryItem .info_section .created_date{font-size:25px;font-weight:700}.DiaryItem .info_section .content{font-size:18px}.DiaryItem .button_section{min-width:70px}.Viewer>section{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:100px;display:flex}.Viewer>section>h4{font-size:22px;font-weight:700}.Viewer .emotion_img_wrapper{color:#fff;border-radius:5px;flex-direction:column;justify-content:space-around;align-items:center;width:250px;height:250px;font-size:25px;display:flex}.Viewer .emotion_img_wrapper_1{background-color:#64c964}.Viewer .emotion_img_wrapper_2{background-color:#9dd772}.Viewer .emotion_img_wrapper_3{background-color:#fdce17}.Viewer .emotion_img_wrapper_4{background-color:#fd8446}.Viewer .emotion_img_wrapper_5{background-color:#fd565f}.Viewer .content_wrapper{word-break:keep-all;overflow-wrap:break-word;background-color:#ececec;border-radius:5px;width:100%}.Viewer .content_wrapper>p{text-align:left;padding:20px;font-size:20px;font-weight:400;line-height:2.5}.Editor>section{margin-bottom:40px}.Editor>section>h4{font-size:22px;font-weight:700}.Editor>section>input,textarea{background-color:#ececec;border:none;border-radius:5px;padding:10px 20px;font-size:20px}.Editor .emotion_section .emotion_list_wrapper{justify-content:space-around;gap:2%;display:flex}.Editor>section>textarea{resize:vertical;box-sizing:border-box;width:100%;min-height:200px;padding:20px}.Editor .button_section{justify-content:space-between;display:flex}.EmotionItem{cursor:pointer;text-align:center;background-color:#ececec;border-radius:5px;padding:20px}.EmotionItem .emotion_img{width:50%;margin-bottom:10px}.EmotionItem_on_1{color:#fff;background-color:#64c964}.EmotionItem_on_2{color:#fff;background-color:#9dd772}.EmotionItem_on_3{color:#fff;background-color:#fdce17}.EmotionItem_on_4{color:#fff;background-color:#fd8446}.EmotionItem_on_5{color:#fff;background-color:#fd565f}