@charset "utf-8";

/*알람버튼*/
.alarm {position:relative;cursor:pointer;}
.alarm_txt {}
.alarm_txt i {color:#222;font-size:24px !important;line-height:38px;}
.alarm_cnt {display:block;position:absolute;left:52%;top:5px;min-width:13px;padding:0 4px;color:#fff;font-size:9px;line-height:13px;background:#f00001;border-radius:20px;}

/*알람레이어*/
.alarm_layer {display:none;position:absolute;right:0;top:45px;width:200px;background:#fff;border:solid 1px #eee;border-radius:var(--radius);overflow:hidden;z-index:99}
.alarm_layer ul {height:200px;overflow-y:scroll;background:#fff;}
.alarm_layer li {float:none;padding:6px;color:#666;font-size:13px;line-height:140%;border-bottom:solid 1px #eee;}
.alarm_layer li:last-child {border-bottom:none;}
.alarm_footer {display:block;position:relative;width:100%;background:#fff;border-top:solid 1px #eee;}
.alarm_footer:after {display:block;visibility:hidden;clear:both;content:""}
.alarm_footer a {display:block;float:left;width:33.33%;padding:0 !important;color:#888;font-size:12px;text-align:center;line-height:40px;background:#f6f6f6}
.alarm_footer .view_all {border-right:solid 1px #eee;}
.alarm_footer .read_all {border-right:solid 1px #eee;}
.alarm_layer_empty {width:100%;color:#999 !important;line-height:100px !important;text-align:center;}


ul.btn_selec {border-bottom:solid 1px #eee;}
ul.btn_selec:after {display:block;visibility:hidden;clear:both;content:""}
ul.btn_selec li {display:block;float:left;}
ul.btn_selec li a {display:block;position:relative;padding:0 24px;text-align:center;line-height:50px;}
ul.btn_selec li a.active {color:var(--color);}
ul.btn_selec li a.active:after {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--color);}

@media screen and (max-width:980px) {
ul.btn_selec li {width:33.33%;}
ul.btn_selec li a {padding:0 12px}
}


/*알람리스트*/
#alarm_list #list_type {}
#alarm_list #list_type .cell.cell_del {width:80px;}
#alarm_list #list_type .cell.cell_del a i {color:#f00001;font-size:24px;line-height:22px;}
#alarm_list #list_type .cell.cell_stat {width:90px;}
#alarm_list #list_type .cell.cell_stat .txt_done,
#alarm_list #list_type .cell.cell_stat .txt_rdy {display:inline-block;padding:0 8px;color:#fff;font-size:12px;line-height:22px;border-radius:3px;}
#alarm_list #list_type .cell.cell_stat .txt_done {background:#f00001;}
#alarm_list #list_type .cell.cell_stat .txt_rdy {background:#999}
#alarm_list #list_type .cell.cell_date {width:120px !important;}

@media screen and (max-width:980px) {
#alarm_list #list_type .cell.chk_box {float:left;position:relative !important;width:20px !important;right:auto !important;top:auto !important;}
#alarm_list #list_type .cell.cell_del {width:auto;}
#alarm_list #list_type .cell.cell_stat {display:block;float:none;position:absolute;right:0px;top:14px;width:auto;z-index:1;}
#alarm_list #list_type .cell.chk_box:after,
#alarm_list #list_type .cell.cell_del:after,
#alarm_list #list_type .cell.cell_stat:after {display:none !important;}
#alarm_list #list_type .cell.cell_date {width:auto;}
}


.alarm_side {}
.alarm_side ul {margin:0 0 10px 0;}
.alarm_side ul li {display:block;position:relative;border-bottom:dashed 1px #ddd;}
.alarm_side ul li:after {content:'\e99c';display:block;position:absolute;left:10px;top:10px;font-family:'xeicon';color:#999;font-size:18px;}
.alarm_side ul li a {display:block;margin:0 0 0 20px;padding:8px 10px;line-height:140%;}
.alarm_side .empty {padding:40px 0;color:#999;text-align:center;}
.alarm_side .empty:after {display:none;}
.alarm_side .empty i {margin:0 0 12px 0;color:#ddd;font-size:36px;}
.alarm_side .btn.btn_normal {display:block;width:calc(100% - 20px);margin:0 10px;line-height:var(--lh2);}