.KNB_TOP{ width: 100%; float: left;  height: 700px;  background-color: #eeecec;  position: relative; margin-top:  var(--header-h); overflow-x: hidden}
.KNB_TOP .main_text{width: 100%; height: 500PX }
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.KNB_TOP .main_cont{ position: absolute;  bottom: 0px; left: 0px; height: 255px; z-index: 99999 ; width: 100%}
.KNB_TOP .main_cont .contents-container{ height: 100%;}

.KNB_TOP .main_cont .contents-container .main_1_iconbox{width:100%; height: 100%; background-color: 150%;background-color: #fff; padding: 50px 80px;; border-radius: 50px 0px 0px 0px;  position: relative}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.KNB_TOP .main_cont{ position: absolute;  bottom: 0px; left: 0px; height: 240px; z-index: 99999 ; width: 100%}
	.KNB_TOP .main_cont .contents-container{ height: 100%;}

.KNB_TOP .main_cont .contents-container .main_1_iconbox{width:100%; height: 100%; background-color: 150%;background-color: #fff; padding: 20px;; border-radius: 50px 0px 0px 0px;  position: relative}

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





.KNB_TOP .contents-container .main_1_iconbox:before{width: 100%;height: 100%;background-color: 150%; position: absolute; bottom: 0px; left: 100%; background-color: #fff;content: "";    font-family: unicons-line;}


.KNB_TOP .contents-container .main_1_iconbox .Corner1 {position: absolute; left: -70px;bottom:0px;
  width: 70px;
  height: 70px;
}
.KNB_TOP .contents-container .main_1_iconbox .Corner1 .white-cutout {
  width: 100%;
  height: 100%;
  background: #fff;

  /* 왼쪽 아래에 꽉 찬 1/4 원을 투명하게 */
  -webkit-mask-image: radial-gradient(circle at top left, transparent 69px, black 70px);
  mask-image: radial-gradient(circle at top left, transparent 69px, black 70px);
}
	/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.KNB_TOP .main_1_iconbox>.wg_box{width: 100%; float: left; display: grid;grid-template-columns: 55% auto ;}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.KNB_TOP .main_1_iconbox>.wg_box{width: 100%; float: left; display: flex;flex-direction: column;  }

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

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.KNB_TOP .main_1_iconbox>.wg_box .fl{width: 100%; float: left; position: relative; z-index: 999999999; }

.KNB_TOP .main_1_iconbox>.wg_box .fr{width: 100%; float: left; position: relative; }

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.KNB_TOP .main_1_iconbox>.wg_box .fl{width: 100%; float: left; position: relative; z-index: 999999999; order: 2 }

.KNB_TOP .main_1_iconbox>.wg_box .fr{width: 100%; float: left; position: relative; order: 1 }

}


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