header > ul li #back_btn { width:65px; height:100%; margin-right:10px; border:0; border-radius:20px; box-shadow:0 2px 5px rgba(0,0,0,0.1); background:#000; }
header > ul li.notify { width:calc(100% - 65px); border:0; border-radius:20px; box-shadow:0 2px 5px rgba(0,0,0,0.1); text-align:center; font-weight:700; line-height:65px; position:relative; background:#FFF500; }
header > ul li.notify img { position:absolute;  top:50%; left:20px; transform:translateY(-50%); }
main { padding-top:75px; overflow-y:auto; display:flex; flex-direction:column; justify-content:space-between; -ms-overflow-style:none; scrollbar-width:none; }
main .notify_wrap .notify_box:not(.first) { margin-top:20px; }
main .notify_wrap .notify_box p.date { text-indent:20px; font-size:16px; color:#808080; }
main .notify_wrap .notify_box .text_box { margin-top:10px; padding:15px 20px; border:1px solid #d2d2d2; border-radius:15px; position:relative; }
main .notify_wrap .notify_box .text_box .label { padding:0; margin:0; line-height:normal; font-size:14px; font-weight:700; color:#333; position:relative; }
main .notify_wrap .notify_box .text_box.new .label::after { content:''; display:block; width:5px; height:5px; border-radius:50%; background:#FF003B; position:absolute; top:0; right:-10px; }
main .notify_wrap .notify_box .text_box p:nth-child(2) { margin-top:10px; font-size:12px; word-break:keep-all; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
main .notify_wrap .notify_box .text_box p.time { font-size:12px; position:absolute; top:17px; right:20px; }