@charset "utf-8";


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.MAIN_03_GNS .wg_box{ width: 100%;float: left; 
display: grid; grid-template-columns: repeat(2, 1fr); gap:30px; grid-auto-rows: 220px

}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_03_GNS .wg_box{  width: 100%;float: left; 
display: grid; grid-template-columns: repeat(2, 1fr); gap:10px; grid-auto-rows: 200px
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/





.MAIN_03_GNS .wg_boxin{width: 100%;float: left;  border-radius:20px; background-color:#f9fafc; padding:clamp(20px, calc(1.974vw + 12.105px), 50px) clamp(20px, calc(0.658vw + 17.368px), 30px)  ; position: relative }


.MAIN_03_GNS .wg_boxin .wg_img1{width: clamp(60px, calc(2.632vw + 49.474px), 100px); height: clamp(60px, calc(2.632vw + 49.474px), 100px);  position: absolute; right:clamp(20px, calc(0.658vw + 17.368px), 30px); top:45%; margin-top: clamp(-30px, calc(-1.316vw + -24.737px), -50px)}		
.MAIN_03_GNS .wg_boxin .wg_img1 img{width: 100%; float: left; }	




.MAIN_03_GNS .wg_boxin  .wg_golink{width:80px;  padding: 15px 20px; 
 letter-spacing: -1px; border-radius: 50px; background-color: #000; position:relative}

.MAIN_03_GNS .wg_boxin  .wg_golink:before{position: absolute; left: 50%; top:3px; content: "바로가기";  color: #fff;   font-family: unicons-line; font-size: calc(var(--tx-sm-size) * 0.8);margin-left: -25px }