.KNB_2010_2 { position: relative;  padding-top: 0rem;  padding-bottom: 0rem;  overflow: hidden; }

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.KNB_2010_2 .contents-inner { display: flex;  flex-direction: column;  justify-content: space-between; gap:30px; background-color: #fafafa; border-radius: 20px 0 0 0; position: relative;}
	
.KNB_2010_2 .contents-inner .img_area { width: 90%; height: 100%; position: absolute; right: 50%; top: 120px; background-size: cover;   background-position: left top; background-repeat: no-repeat; background-image: url('/_img/img/info_img02.jpg'); border-radius: 0 20px 0 0; }
.KNB_2010_2 .contents-inner .contents-area { width: 150%; display: flex; flex-direction: column; margin-left: 50%; padding: 200px 20px 50px 100px; background-color: #fafafa;  }
}

/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
.KNB_2010_2 .contents-inner { display: flex;  flex-direction: column;  justify-content: space-between; gap:30px;}
}

/**** 모바일 ****/
@media only all and (max-width:767px) {
.KNB_2010_2 .contents-inner { display: flex;  flex-direction: column;  justify-content: space-between; gap:30px;}
	
.KNB_2010_2 .contents-inner .img_area { width: 100%; height: 200px; background-size: cover;   background-position: left top; background-repeat: no-repeat; background-image: url('/_img/img/info_img02.jpg'); border-radius: 10px; }	

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {}
/* 구분 //end -----------------------------------*/




/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.KNB_2010_2 .contents-inner .tit_area { width: 100%; float: left; display: flex; flex-direction: column; margin-bottom: 50px;}
	
.KNB_2010_2 .contents-inner .tit_area .stt{ width:100%; float: left; font-size:calc(var(--tit-md-size) * 1.2); font-weight:600; line-height: 120%; letter-spacing: -1px;  }	

.KNB_2010_2 .contents-inner .tit_area .sub_stit2{ width:100%; float: left; font-size:calc(var(--tit-md-size) * 1.2); color: #222; font-weight:400; line-height: 120%; letter-spacing: -1px; margin-bottom: 20px }	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
.KNB_2010_2 .contents-inner .tit_area { width: 100%; float: left; display: flex; flex-direction: column;}	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.KNB_2010_2 .contents-inner .tit_area { width: 100%; float: left; display: flex; flex-direction: column;}
.KNB_2010_2 .contents-inner .tit_area .stt{ width:100%; float: left; font-size:calc(var(--tit-md-size) * 1.2); font-weight:600; line-height: 120%; letter-spacing: -1px; margin-bottom: 5px;  }	

.KNB_2010_2 .contents-inner .tit_area .sub_stit2{ width:100%; float: left; font-size:calc(var(--tit-md-si
	ze) * 1.2); color: #222; font-weight:400; line-height: 120%; letter-spacing: -1px; margin-bottom: 20px }	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/





/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.KNB_2010_2 .cardset  {}
.KNB_2010_2 .cardset.cardset-hor { display: flex; flex-direction: column;}
	
}

/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {}

/**** 모바일 ****/
@media only all and (max-width:767px) {
.KNB_2010_2 .cardset {width: 100%; float: left; display: flex; justify-content: flex-end;flex-direction: column; gap:20px; }

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {}
/* 구분 //end -----------------------------------*/





/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.KNB_2010_2 .cardset .cardset-body {width:100%; float: left; display: flex; flex-direction: row; gap:20px; padding: 0 20px 0px 0px; margin-bottom: 20px; position: relative;}
.KNB_2010_2 .cardset .cardset-body .wg_img1 img {
  width: 100%;  /* or 원하는 크기: 예: 300px */
  max-width: 60px;
  height: auto;
}	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.KNB_2010_2 .cardset .cardset-body { width:100%; margin-top: 0px; border-radius: 10px; padding: 15px; background-color: #f8f8f8; }
.KNB_2010_2 .cardset .cardset-body .wg_img1 img {
  width: 100%; 
  max-width: 40px;
  height: auto;
}	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/






/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	.KNB_2010_2 .cardset .cardset-in{ }
.KNB_2010_2 .cardset .cardset-title { width:auto;font-weight: 600; font-size:var(--tit-mds-size); position: relative;display: inline-block; z-index: 1; line-height: 120%; }
	
.KNB_2010_2 .cardset .cardset-description {font-size: var(--tx-sm-size); font-weight: 400 ;  line-height: 120%!important; color: #6d6d6d; letter-spacing: -0.5px; word-wrap: break-word; word-break: keep-all; margin-bottom: clamp(28px, 2.083vw, 50px)}
	
.KNB_2010_2 .cardset .cardset-details {color:var(--text-color3); font-size: var(--tx-sm-size); word-wrap: break-word; word-break: keep-all; letter-spacing: -0.5px; line-height: 180%; font-weight: 400;}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.KNB_2010_2 .cardset .cardset-title { width:auto;font-weight: 600; font-size:var(--tit-mds-size);position: relative;display: inline-block; z-index: 1; }
	
.KNB_2010_2 .cardset .cardset-description {font-size: var(--tx-sm-size); font-weight: 400 ; margin-top: 10px; margin-bottom:10px; line-height: 120%!important; color: #333; letter-spacing: -0.5px; word-wrap: break-word; word-break: keep-all; margin-bottom: clamp(10px, 3.906vw, 50px)}
	
.KNB_2010_2 .cardset .cardset-details {color:var(--text-color3); font-size: var(--tx-sm-size); word-wrap: break-word; word-break: keep-all; letter-spacing: -0.5px; line-height: 180%; font-weight: 400;}	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


