.MAIN_0201_KNB {width: 100%; height: 100%;  float: left; 
 }
.MAIN_0201_KNB .list_box{width: 100%; height: 100%;  float: left; background-color: #fff; padding: clamp(14px, 1.042vw, 20px) clamp(21px, 1.563vw, 30px) clamp(14px, 1.042vw, 20px) clamp(21px, 1.563vw, 30px);
top: clamp(8px, 0.625vw, 12px);
right: clamp(14px, 1.042vw, 20px);;display: flex;flex-direction: column; grid-gap: 20px;  border-radius: 20px;   box-shadow:3px 3px 30px rgba(0,0,0,0.01);
 }

.MAIN_0201_KNB .list_box ul.list_li{width: 100%; float: left;display: flex;flex-direction: column; grid-gap:3px; }
.MAIN_0201_KNB .list_box ul.list_li  li{width: 100%; float: left;  font-size:calc(var(--tx-sm-size) * 0.9);  /* 말줄임표 처리 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; margin-bottom: 5px }



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
.MAIN_0201_KNB .list_box ul.list_li  li a{width: 100%; height: 100%; line-height: 130%; float: left; padding-left: 55px; position: relative }

	
.MAIN_0201_KNB .list_box ul.list_li  li a em{width: auto; float: left; color: #666 ;line-height: 130%!important;   padding-right: 15px; font-size:calc(var(--tx-sm-size) * 0.8);  position: absolute; left: 0px; top: 3px}
.MAIN_0201_KNB .list_box ul.list_li  li a p{font-size:calc(var(--tx-sm-size) * 0.9); padding-left: 10px}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
	.MAIN_0201_KNB .list_box ul.list_li  li a{width: 100%; height: 100%; line-height: 130%; float: left; padding-left: 65px; position: relative }

	.MAIN_0201_KNB .list_box ul.list_li  li a em{width: auto; float: left; color: #666 ;line-height: 130%!important; padding-right: 5px;font-size:calc(var(--tx-sm-size) * 1); position: absolute; left: 0px; top: 0px; letter-spacing: 0px}
	.MAIN_0201_KNB .list_box ul.list_li  li a p{font-size:calc(var(--tx-sm-size) * 1); line-height: 130%; letter-spacing: 0px }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


.MAIN_0201_KNB .list_box ul.list_li  li a:hover p{color: #000 }

.MAIN_0201_KNB .list_box ul.list_li  li:first-child{width: 100%; float: left;; padding-bottom: 20px ;  padding-top: 20px; border-bottom: 1px solid #ccc; margin-bottom: 20px;   white-space: normal;
  overflow: visible;
  text-overflow: unset;}

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
	
	.MAIN_0201_KNB .list_box ul.list_li  li:first-child a{float: left; padding-left:0px;}
	.MAIN_0201_KNB .list_box ul.list_li  li:first-child a p{font-size:calc(var(--tx-sm-size) * 0.9); padding-left: 0px}

.MAIN_0201_KNB .list_box ul.list_li  li:first-child a{width: 100%; height: 100%; line-height: 130%; float: left;display: flex;   align-items: center; flex-direction: column; }
.MAIN_0201_KNB .list_box ul.list_li  li:first-child p{width: 100%;line-height: 130%;  float: left; font-size:calc(var(--tx-sm-size) * 1); color: #000; font-weight: 600}
.MAIN_0201_KNB .list_box ul.list_li  li:first-child em{width: 100%;line-height: 130%;  float: left; font-size:calc(var(--tx-sm-size) * 1);color: #000; font-weight: 500; position: relative!important ; margin-bottom: 10px  ; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
			.MAIN_0201_KNB .list_box ul.list_li  li:first-child a{float: left; padding-left:0px;}
.MAIN_0201_KNB .list_box ul.list_li  li:first-child a{width: 100%; height: 100%; line-height: 130%; float: left;display: flex;   align-items: center; flex-direction: column; }
.MAIN_0201_KNB .list_box ul.list_li  li:first-child p{width: 100%; float: left; font-size:calc(var(--tx-sm-size) * 1.1)!important; color: #000; font-weight: 600}
.MAIN_0201_KNB .list_box ul.list_li  li:first-child em{width: 100%; float: left; font-size:calc(var(--tx-sm-size) * 1.1)!important;color: #000; font-weight: 500; margin-bottom: 10px;; position: relative!important}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




.MAIN_0201_KNB .tit_box{width: 100%; float: left; position: relative; padding-right: 40px }
.MAIN_0201_KNB .tit_box .tx1{width: 100%; float: left;font-size:calc(var(--tit-md-size) * 1.1); letter-spacing: -2px; color: #000 ; font-weight: 700; margin-bottom: 15px}
.MAIN_0201_KNB .tit_box .tx2{width: 100%; float: left;font-size:calc(var(--tx-sm-size) * 1); color: #333}

.MAIN_0201_KNB .tit_box .more{width:36px; height: 36px; border-radius: 4px; background-color: var(--primary); display: flex;  justify-content: center;  align-items: center; color: #fff; font-size: 20px; position: absolute; right: 0px; bottom: 0px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
  }
.MAIN_0201_KNB .tit_box .more:hover{ background-color: var(--primary-hover);
  }