


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.YJM_5000_1 .wg_box{ width:100%; float:left; position: relative }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.YJM_5000_1 .wg_box{ width:100%; float:left; position: relative }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/








/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
.YJM_5000_1 .wg_box .wg_boxin{ width:100%; float:left;  grid-gap:10px;   display: grid;
  grid-template-columns: repeat(5, 1fr);
}
}
/**** pc2 ****/
@media all and (max-width:1560px) and (min-width:768px) {
	.YJM_5000_1 .wg_box .wg_boxin{ width:100%; float:left;  grid-gap:10px;   display: grid;
  grid-template-columns: repeat(4, 1fr);
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	.YJM_5000_1 .wg_box .wg_boxin{ width:100%; float:left;  grid-gap:10px;   display: grid;
  grid-template-columns: repeat(3, 1fr);
}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
.YJM_5000_1 .wg_box .wg_boxin{ width:100%; float:left;  grid-gap:10px;   display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;}
	.YJM_5000_1 .wg_box .wg_boxin>div:first-child{display: none}
	}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




.YJM_5000_1 .wg_box .wg_boxinin{ }





/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:1281px) {

.YJM_5000_1 .wg_box .wg_boxinin{ width:100%; float:left; aspect-ratio:1 / 1.2; background-color: #fafafa; padding: 30px; padding-top: clamp(80px, calc(4.605vw + 61.579px), 150px); position: relative; border-radius: 30px}
}

/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	.YJM_5000_1 .wg_box .wg_boxinin{ width:100%; float:left;  background-color: #fafafa; padding: 30px; padding-top:80px; position: relative; border-radius: 30px}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

.YJM_5000_1 .wg_box .wg_boxinin{ width:100%; float:left;  background-color: #fafafa; padding: 30px 90px 30px 30px; padding-top: 30px; position: relative; border-radius: 30px}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


.YJM_5000_1 .wg_box .wg_boxinin> .wg_img1{
  width:clamp(90px, calc(2.632vw + 49.474px), 100px);  float:left;
  display:flex; justify-content:center; align-items:center; flex-direction:column;
  box-sizing:border-box;aspect-ratio:1/1; position: absolute; right: 30px; top: 30px;
}

.YJM_5000_1 .wg_box .wg_boxinin>.wg_img1 img{
  width:100%; height:100%; object-fit:cover; display:block;
}



.YJM_5000_1  .wg_golink{ width:calc(100% - 60px); float:left; display: flex;flex-direction: row;  grid-gap: 10px; display: flex;  justify-content: center;  align-items: center; height: 1px; background-color: #eee; position: relative ; position: absolute; bottom:50px;}
.YJM_5000_1  .wg_golink:before{ content: "\eb6d";  color: #fff; font-size: 20px; width: 40px; height:40px;  border-radius: 100%;  background-color: #333;    font-family: unicons-line; position: absolute; right: 0px; top: -20px;  border: 5px solid  #fafafa; display: flex;  justify-content: center;  align-items: center;}


