:root {
	
--maintop-h:clamp(600px, 67.188vw, 860px);/* 라운드 디자인으로 인한 상단 이미지 영역의 하단 공백 사이즈*/	
--maintop-pb:260px;/* 라운드 디자인으로 인한 상단 이미지 영역의 하단 공백 사이즈*/
--maintop-mpb:clamp(-260px, 20.313vw, -30px);/* 라운드 디자인으로 인한 본문 영역 끌어올린 사이즈*/
--main-top-goarea-h:clamp(100px, 23.438vw, 300px);/* 컨텐츠 영역 높이 */

}
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.SCF_TOP{ width: 100%; float: left;  height:var(--maintop-h);   background-color: #eeecec;  position: relative; margin-top:  var(--header-h); }
.SCF_TOP .main_text{width: 100%; height: var(--maintop-h)}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	.SCF_TOP{ width: 100%; float: left;  height:700px;   background-color: #eeecec;  position: relative; margin-top:  var(--header-h); }
.SCF_TOP .main_text{width: 100%; height:600px}
	
	
	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {	.SCF_TOP{ width: 100%; float: left;  height:auto;   background-color: #eeecec;  position: relative; margin-top:  var(--header-h); }
.SCF_TOP .main_text{width: 100%; height:400px}

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


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.SCF_TOP .main_cont{ position: absolute;  bottom: 0px; left: 0px; height:var(--maintop-pb); z-index: 99999 ; width: 100%}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {.SCF_TOP .main_cont{ position: absolute;  bottom: 0px; left: 0px; height:var(--maintop-pb); z-index: 99999 ; width: 100%}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.SCF_TOP .main_cont{  width: 100%; float: left;; background-color: #fff }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




.SCF_TOP .main_cont .contents-container{ height: 100%;}


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.SCF_TOP .main_cont  .main_1_iconbox{width:100%; height: 100%; background-color: #fff; padding: 50px 0px;; border-radius: 200px 0px 0px 0px;  position: relative}


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.SCF_TOP .main_cont  .main_1_iconbox{width:100%; height:auto!important; background-color: #fff; padding: 30px 0px;; border-radius: 30px 0px 0px 0px;  position: relative}


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







.SCF_TOP  .main_1_iconbox  .Corner1 {position: absolute;right: 0px;bottom:100%;
  width:clamp(100px, 15.625vw, 200px);
  height:clamp(100px, 15.625vw, 200px); z-index: 99!important
}
.SCF_TOP  .main_1_iconbox   .Corner1 .white-cutout {
  width: 100%;
  height: 100%;
  background: #fff;

  /* 왼쪽 아래에 꽉 찬 1/4 원을 투명하게 */
  -webkit-mask-image: radial-gradient(circle at top left, transparent clamp(100px, 15.625vw, 200px), black clamp(100px, 15.625vw, 200px));
  mask-image: radial-gradient(circle at top left, transparent clamp(100px, 15.625vw, 200px), black 200pxclamp(100px, 15.625vw, 200px)); 
}

	/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.SCF_TOP .main_1_iconbox .main_cont_grid{width: 100%; height: var(--main-top-goarea-h)	;  float: left; display: grid;grid-template-columns: auto 520px ; grid-gap: 50px; position: relative; z-index: 999 ; margin-top: -200px}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	.SCF_TOP .main_1_iconbox .main_cont_grid{width: 100%;  float: left; display: grid;  grid-template-columns: auto 30% ; grid-gap: 30px; position: relative; z-index: 999; margin-top: -100px}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.SCF_TOP .main_1_iconbox .main_cont_grid{width: 100%; height: auto!important;  float: left;position: relative; z-index: 999;display: flex; flex-direction: column; grid-gap: 0px!important; margin-top: 0px }

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

/* 구분 -----------------------------------*/
.SCF_TOP .main_1_iconbox .main_cont_grid .fl{width: 100%;  height: auto;   float: left; position: relative; z-index: 999999999; }

.SCF_TOP .main_1_iconbox .main_cont_grid .fr{width: 100%;  height: auto; float: left; position: relative; }