.cs_c_22{margin-bottom: 40px;}
.cs_c_22 .bottom_list_area { margin: 0 auto; max-width: 1200px; padding: 40px 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.cs_c_22 .bottom_list_area .top_box { display: flex; justify-content: space-between; align-items: center; padding: 15px 0px; border-bottom: 2px solid #000; }
.cs_c_22 .bottom_list_area .top_box .title { font-size: 18px; }
.cs_c_22 .bottom_list_area .top_box .more_btn { display: inline-block; font-size: 14px; }
.cs_c_22 .bottom_list_area .noti_item { border-bottom: 1px solid #dfdfdf; }
.cs_c_22 .bottom_list_area .noti_item .go_link { display: flex; justify-content: space-between; padding: 15px 5px; }
.cs_c_22 .bottom_list_area .noti_item .go_link .tit { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; max-width: 450px; font-size: 14px; }
.cs_c_22 .bottom_list_area .noti_item .go_link .date { font-size: 14px; }
.cs_c_22 .bottom_list_area .noti_item.open { display: flex; justify-content: start; align-items: center; gap: 40px; padding: 15px 5px; }
.cs_c_22 .bottom_list_area .noti_item.open .detail_box { flex: 1; }
.cs_c_22 .bottom_list_area .noti_item.open .go_link { display: block; width: 100%; height: 100%; padding: 0; }
.cs_c_22 .bottom_list_area .noti_item.open .date_box { text-align: center; }
.cs_c_22 .bottom_list_area .noti_item.open .date_box .day { font-size: 32px; font-weight: bold; }
.cs_c_22 .bottom_list_area .noti_item.open .date_box .year_month { font-size: 14px; }
.cs_c_22 .bottom_list_area .noti_item.open .detail_box .tit { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; max-width: 450px; font-size: 16px; margin-bottom: 10px; }
.cs_c_22 .bottom_list_area .noti_item.open .detail_box .desc { font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-width: 450px; }
.cs_c_22 .bottom_list_area .qna_list .qna_item { border-bottom: 1px solid #dfdfdf; }
.cs_c_22 .bottom_list_area .qna_list .qna_item .go_link { display: block; padding: 15px 5px; }
.cs_c_22 .bottom_list_area .qna_list .qna_item .go_link .question { position: relative; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; padding-left: 30px; }
.cs_c_22 .bottom_list_area .qna_list .qna_item .go_link .question::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: url(/asp/images/icon/questionnaire-line.png)no-repeat; background-size: contain; }

@media(max-width:1023px){
	.cs_c_22 .bottom_list_area { display: block; padding: 10px 20px; }
	.cs_c_22 .bottom_list_area .noti_wrap { margin-bottom: 20px; }
	.cs_c_22 .bottom_list_area .noti_item .go_link { gap: 20px; }
	.cs_c_22 .bottom_list_area .noti_item .go_link .tit { max-width: none; }
	.cs_c_22 .bottom_list_area .noti_item.open .detail_box .desc { max-width: none; }
	.cs_c_22 .bottom_list_area .noti_item .go_link .date { flex-shrink: 0; }
 }