@charset "utf-8";


.GNS_MAIN_04{width: 100%; height:auto; float: left; background: url("/_img/img/GNS/MAIN_04_01.jpg")no-repeat ; background-size: cover; overflow-x:hidden; padding: clamp(30px, calc(4.605vw + 11.579px), 100px) 0px}
.GNS_MAIN_04 .contents-container{ }

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.GNS_MAIN_04 .contents-container .grid_box{width: 100%; float: left;  gap: 3%;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box;  }
.GNS_MAIN_04 .contents-container .grid_box .fl{width:30% ; float: left; position: relative ; }
.GNS_MAIN_04 .contents-container .grid_box .fr{width:67%; float: left;position: relative ; }


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {

.GNS_MAIN_04 .contents-container .grid_box{width: 100%; float: left; display: flex;  gap: 80px;}
.GNS_MAIN_04 .contents-container .grid_box .fl{width:40%; float: left; position: relative }
.GNS_MAIN_04 .contents-container .grid_box .fr{width: 60%; float: left;position: relative }


}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.GNS_MAIN_04 .contents-container .grid_box{width: 100%; float: left; display: flex;  gap: 20px; flex-direction: column; }
.GNS_MAIN_04 .contents-container .grid_box .fl{width:100%; float: left; position: relative }
.GNS_MAIN_04 .contents-container .grid_box .fr{width: 100%; float: left;position: relative }


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