.MAIN_0203_KNB {width: 100%; height: 100%;  float: left; 
 }
.MAIN_0203_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);
 }



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.MAIN_0203_KNB .list_box ul.list_li{width: 100%; float: left;display: flex;flex-direction: column; grid-gap:0px; }
.MAIN_0203_KNB .list_box ul.list_li  li{width: 100%; float: left; position: relative; padding: 10px 60px 10px 0px; border-bottom: 1px solid #ccc}
.MAIN_0203_KNB .list_box ul.list_li  li:last-child{ border-bottom: none}
.MAIN_0203_KNB .list_box ul.list_li  li .tit{width: 100%; float: left;  font-size:calc(var(--tx-sm-size) * 0.9);  ; line-height: 120% ;margin-bottom: 5px ; position: relative; color: #000; font-weight: 500}
.MAIN_0203_KNB .list_box ul.list_li  li .ss{width: 100%; float: left;  font-size:calc(var(--tx-sm-size) * 0.7);  color: #666; line-height: 150% ; letter-spacing: 0px!important}
.MAIN_0203_KNB .list_box ul.list_li  li .gogo{width:auto; float: left;  font-size:calc(var(--tx-sm-size) * 0.7);  color: #fff;  background-color: #333; padding: 7px 15px;  position: absolute; right: 0px; bottom:15px; border-radius: 50px}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.MAIN_0203_KNB .list_box ul.list_li{width: 100%; float: left;display: flex;flex-direction: column; grid-gap:0px; }
.MAIN_0203_KNB .list_box ul.list_li  li{width: 100%; float: left; position: relative; padding: 15px 60px 15px 0px; border-bottom: 1px solid #ccc}
.MAIN_0203_KNB .list_box ul.list_li  li:last-child{ border-bottom: none}
.MAIN_0203_KNB .list_box ul.list_li  li .tit{width: 100%; float: left;  font-size:calc(var(--tx-sm-size) * 1.1);  ; line-height: 120% ;margin-bottom: 5px ; position: relative; color: #000; font-weight: 500}
.MAIN_0203_KNB .list_box ul.list_li  li .ss{width: 100%; float: left;  font-size:calc(var(--tx-sm-size) * 1);  color: #666; line-height: 150% ; letter-spacing: 0px!important}
.MAIN_0203_KNB .list_box ul.list_li  li .gogo{width:auto; float: left;  font-size:calc(var(--tx-sm-size) * 1);  color: #fff;  background-color: #333; padding: 7px 15px;  position: absolute; right: 0px; bottom:15px; border-radius: 50px}

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/





.MAIN_0203_KNB .tit_box{width: 100%; float: left; position: relative; padding-right: 40px }
.MAIN_0203_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_0203_KNB .tit_box .tx2{width: 100%; float: left;font-size:calc(var(--tx-sm-size) * 1); color: #333}

.MAIN_0203_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_0203_KNB .tit_box .more:hover{ background-color: var(--primary-hover);
  }