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 { height:calc(100% - 65px); padding-bottom:10px; }
main h3 { margin:0; padding-top:30px; font-size:24px; font-weight:700; text-align:center; }
main .list_top { margin-top: 30px; display:flex; justify-content:space-between; }
main .list_top .calendar_box .date_box { margin-top:0; }
main .list_top .button_box { display:flex; }
main .list_top .button_box button { border:0; font-weight:700; color:#A9A9A9; background:none; }
main .list_top .button_box button:last-child { margin-left:10px; padding-left:10px; position:relative; }
main .list_top .button_box button:last-child::after { content:''; display:block; width:1px; height:50%; position:absolute; top:25%; left:0; background:#d2d2d2; }
main .list_top .button_box button.on { color:#000; }
main .list_btm { height:calc(100% - 123px); margin-top:10px; overflow-y:auto; -ms-overflow-style:none; scrollbar-width:none; }
main .list_btm::-webkit-scrollbar { display:none; }
main .list_btm ul li { padding:20px 0; border-bottom:1px solid #d2d2d2; display:flex; justify-content:space-between; }
main .list_btm ul li div p:first-child { font-size:12px; }
main .list_btm ul li div p:last-child { margin-top:5px; font-size:14px; font-weight:700; }
main .list_btm ul li div p:last-child span:last-child { margin-left:10px; padding-left:10px; position:relative; }
main .list_btm ul li div p:last-child span:last-child::after { content:''; display:block; width:1px; height:70%; position:absolute; top:15%; left:0; background:#d2d2d2; }
main .list_btm ul li div.right_box { text-align:right; }