


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.YJM_3040_1 .wg_box{ width:100%; float:left; padding-left:20%; position: relative; overflow-x: hidden }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.YJM_3040_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_3040_1 .wg_box .wg_titbox{ width:45%; float:left; position: relative; padding: 0px 200px  300px  0px ;  position: absolute; left: 0px; top: 0px}
.YJM_3040_1 .wg_box .wg_titbox>.wg_img1{ width:520px; aspect-ratio:520/ 300; float:left; position: absolute;right:0px; bottom: 0px;}
		.YJM_3040_1 .wg_box .wg_titbox>.wg_img1 img{ width:100%; aspect-ratio:520/ 300; float:left;}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.YJM_3040_1 .wg_box .wg_titbox{ width:100%; float:left; position: relative; }
.YJM_3040_1 .wg_box .wg_titbox>.wg_img1{ width:100%; aspect-ratio:52/ 30; float:left;}
	.YJM_3040_1 .wg_box .wg_titbox>.wg_img1 img{ width:100%; aspect-ratio:52/ 30; float:left;}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
.YJM_3040_1 .wg_box .wg_boxin{ width:100%; float:left;  grid-gap:30px;   display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
.YJM_3040_1 .wg_box .wg_boxin{ width:100%; float:left;  grid-gap:30px;   display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;}
.YJM_3040_1 .wg_box .wg_boxin>div:first-child{display: none}
	}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.YJM_3040_1 .wg_box .wg_boxin>a{ width:100%; float:left;}
.YJM_3040_1 .wg_box .wg_boxin>a.wg_boxinin{ }





/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {

.YJM_3040_1 .wg_box .wg_boxin a.wg_boxinin{ width:100%; float:left; aspect-ratio:380 / 410; background-color: #fafafa; padding: 30px; padding-top: clamp(80px, calc(7.895vw + 48.421px), 200px); position: relative; border-radius: 30px}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

.YJM_3040_1 .wg_box .wg_boxin a.wg_boxinin{ width:100%; float:left; aspect-ratio:380 / 300; background-color: #fafafa; padding: 30px; padding-top: clamp(80px, calc(7.895vw + 48.421px), 200px); position: relative; border-radius: 30px}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.YJM_3040_1 .wg_box .wg_boxin a.wg_boxinin> .wg_img1{
  width:clamp(60px, calc(3.947vw + 44.211px), 120px); height:clamp(60px, calc(3.947vw + 44.211px), 120px); 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_3040_1 .wg_box .wg_boxin a.wg_boxinin>.wg_img1 img{
  width:100%; height:100%; object-fit:cover; display:block;
}



.YJM_3040_1 .wg_box .wg_boxin a.wg_boxinin  .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_3040_1 .wg_box .wg_boxin a.wg_boxinin  .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;}


