@CHARSET "UTF-8";

/* 알림함 리스트 */
.sub_notification_list{width: 90%;padding:6% 5% 3% 5%;}
.sub_notification_total{width:100%; padding: 4.5% 0;position:relative; }
.sub_notification_total p{font-weight:400; color:#9797a7; font-size:2.2em;}
.sub_notification_total .delet_all{position:absolute; top:26%; right:0%; font-size:0.9em; font-weight:400; border-bottom:1px solid #9797a7; cursor:pointer;font-size:2.2em;}
.sub_notification_total .sub_notification_total_num{display: inline-block;vertical-align: top;font-size: 1em;font-weight:400; color:#000;}

.notification_content{width:100%; height:auto;}
.notifi_txt{width:100%; padding-bottom:25%; border-top:1px solid #e6e9ec;position:relative; margin:0 auto;}
.notifi_txt_left{width:13.5%; position:absolute; left:2.5%; top:0; margin-top:6.5%;}
.notifi_txt_left img{width:100%;}
.notifi_txt_right{width:79%; margin-left:17%; padding:6.3% 2%; position:absolute; right:0 ;margin-top:1.5%;}
.notifi_txt_right p{font-size:2.2em; width:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.notifi_txt_right span{vertical-align:top; font-size:1.0em;}
.notifi_txt_right .notifi_day{color:#9797a7;}
.notifi_txt_right .notifi_time{color:#9797a7;}

.notifi_content_txt{display:none; padding:7% 6%;border-top:1px solid #e6e9ec; /*border-bottom:1px solid #e6e9ec;*/ background:#fafbfc; }
.notifi_content_txt p{font-size:2.2em; line-height:1.2;}
.notifi_content_txt .notifi_day{font-size:2.0em; color:#999; margin-top:2%;}

.notification_no{width:100%; text-align:center;}
.notification_no p{margin-top:2%; font-size:2em;}
.notification_no img{width:13%;}

/* 미디어쿼리 */
@media all and (max-width:960px) {
.sub_notification_total p{font-size:1.5em;}	
.sub_notification_total .delet_all{font-size:1.5em;}

.notifi_txt_right p{font-size:1.5em;}
.notifi_txt_right{padding:3.9% 2%;}
}

@media all and (max-width:800px) {
.sub_notification_total p{font-size:1.5em;}	
.sub_notification_total .delet_all{font-size:1.5em; top:31%;}

.notifi_txt_right p{font-size:1.5em;}
.notifi_txt_right{padding:5.9% 2%;}
.notifi_content_txt p {font-size:1.4em; line-height:1.2;}
.notifi_content_txt .notifi_day {font-size:1.2em;}

.notification_no p{font-size:1.3em;}

}

@media all and (max-width:700px) {
.sub_notification_total p{font-size:1.2em;}	
.sub_notification_total .delet_all{font-size:1.2em;}
.notifi_txt_right p{font-size:1.5em;}
.notifi_txt_right{padding:5.9% 2%;}

.notifi_content_txt p{font-size:1.0em;}
.notifi_content_txt .notifi_day{font-size:0.9em;}

.notification_no p{font-size:1.2em;}
	
}

@media all and (max-width:560px) {
.sub_notification_total p{font-size:1.0em;}	
.sub_notification_total .delet_all{font-size:1.0em;}
.notifi_txt_right p{font-size:1.0em;}
.notifi_txt_right{padding:3.9% 2%;}

.notifi_content_txt p{font-size:1.0em;}
.notifi_content_txt .notifi_day{font-size:0.9em;}

.notification_no p{font-size:1.0em;}
}

@media all and (max-width:414px) {
.sub_notification_total p{font-size:1.0em;}	
.sub_notification_total .delet_all{font-size:1.0em;}

.notifi_txt_right p{font-size:1.0em;}
.notifi_txt_right{padding:3.9% 2%; margin-top:2.5%;}
.notifi_content_txt p{font-size:1.0em;}
.notifi_content_txt .notifi_day{font-size:0.9em;}

.notification_no p{font-size:1.0em;}
}

@media all and (max-width:375px) {
.notifi_txt_right p{font-size:1.0em;}
.notifi_txt_right{padding:3.9% 2%; margin-top:2.5%;}
.notifi_content_txt p{font-size:1.0em;}
.notifi_content_txt .notifi_day{font-size:0.9em;}

.notification_no p{font-size:0.9em;}
}

@media all and (max-width:320px) {
.notifi_txt_right p{font-size:0.9em;}
.notifi_txt_right{padding:3.9% 2%; margin-top:2.5%;}
.notifi_content_txt p{font-size:0.9em;}
.notifi_content_txt .notifi_day{font-size:0.9em;}

.sub_notification_total .delet_all{top:26%;}

.notification_no p{font-size:0.9em;}
}