@charset "utf-8";


.GNS_MAIN_02{width: 100%; float: left;  padding:50PX 0px;  letter-spacing: -1px; overflow-x:hidden}
.GNS_MAIN_02 .contents-container{}

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.GNS_MAIN_02 .contents-container .grid_box{width: 100%; float: left;display: flex; flex-direction: row; grid-gap: 50px}
.GNS_MAIN_02 .contents-container .grid_box .fl{width:50% ; float: left; position: relative }
.GNS_MAIN_02 .contents-container .grid_box .fr{width:50%; float: left;position: relative }


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


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


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



.GNS_MAIN_02 .wg_title_box{width:100%;float:left; position:relative; display:flex; flex-direction:row; align-items:center; justify-content:space-between;  margin-bottom:clamp(10px, 3.906vw, 30px)}



.GNS_MAIN_02 .wg_title_box a.btn_r{position:absolute; right:0; top:50%; transform:translateY(-50%);width: auto; padding: 5px 15px; background:#000; color:#fff; display:inline-flex; align-items:center; justify-content:center; border-radius:50px; transition:all .5s; font-size: 14px!important}

.GNS_MAIN_02 .wg_title_box a.btn_r:hover{background:var(--primary);}