@charset "utf-8";


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

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


	 }
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	
	.SCF_MAIN_02 .contents-container .grid_box{width: 100%; float: left;display: flex;  gap: 80px;}
	.SCF_MAIN_02 .contents-container .grid_box .fl{width:40%; float: left; position: relative }
	.SCF_MAIN_02 .contents-container .grid_box .fr{width: 60%; float: left;position: relative }


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


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

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.SCF_MAIN_02 .contents-container .grid_box .fl  .tit_box{width: 100%; float: left; position: relative;  margin-bottom: 30px; display: grid;grid-template-columns:clamp(300px, 31.250vw, 400px) auto ; grid-gap: 30px }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.SCF_MAIN_02 .contents-container .grid_box .fl  .tit_box{width: 100%; float: left; position: relative;  margin-bottom: 30px; }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




.SCF_MAIN_02 .contents-container .grid_box .fl  .tit_box .tit_fl {width: 100%; float: left;}

.SCF_MAIN_02 .contents-container .grid_box .fl  .tit_box .tit_fl .tx1{width: 100%; float: left;font-size:calc(var(--tit-md-size) * 1.1); letter-spacing: -2px; color: #000 ; font-weight: 700; margin-bottom: 15px}
.SCF_MAIN_02 .contents-container .grid_box .fl  .tit_box .tit_fl .tx2{width: 100%; float: left;font-size:calc(var(--tx-sm-size) * 0.9); color: #333}





/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
.SCF_MAIN_02 .contents-container .grid_box .fl  .tit_box .tit_fr {width: 100%; float: left; position: relative}
.SCF_MAIN_02 .contents-container .grid_box .fl  .tit_box .tit_fr:before {width: 100%; float: left;  height: 1px; color: #999;content: "";  background-color: #ccc; position: absolute; bottom:35px}
.SCF_MAIN_02 .contents-container .grid_box .fl  .tit_box .tit_fr:after{width:10px; height: 10px; background-color: var(--primary); border-radius: 100%; position: absolute;left: 0px;bottom:30px; content: "";   }

.SCF_MAIN_02 .contents-container .grid_box .fl  .tit_box .tit_fr .more{width:60px; height:60px; border-radius: 100%; background-color: var(--primary); display: flex;  justify-content: center;  align-items: center; color: #fff; font-size: 20px; position: absolute; right: 0px; bottom: 10px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
  }
.SCF_MAIN_02 .contents-container .grid_box .fl  .tit_box .tit_fr .more:hover{ background-color: var(--primary-hover);}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.SCF_MAIN_02 .contents-container .grid_box .fl  .tit_box .tit_fr{width: 100%; float: left;   position: absolute; right: 0px; top: -10px;  height:40px;}
.SCF_MAIN_02 .contents-container .grid_box .fl  .tit_box .tit_fr:before {width:calc(100% - 150px); float: left;  height: 1px; color: #999;content: "";  background-color: #ccc; position: absolute;top:50%; right: 0px;}
.SCF_MAIN_02 .contents-container .grid_box .fl  .tit_box .tit_fr:after{width:10px; height: 10px; background-color: var(--primary); border-radius: 100%; position: absolute;left: 150px;top:50%; margin-top: -5px;content: "";   }

.SCF_MAIN_02 .contents-container .grid_box .fl  .tit_box .tit_fr .more{width:40px; height:40px; border-radius: 100%; background-color: var(--primary); display: flex;  justify-content: center;  align-items: center; color: #fff; font-size: 20px; position: absolute; right: 0px;top:0px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
  }
.SCF_MAIN_02 .contents-container .grid_box .fl  .tit_box .tit_fr .more:hover{ background-color: var(--primary-hover);
  }


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








.SCF_MAIN_02 .contents-container .grid_box .fr  .tit_box{width: 100%; float: left; position: relative;  margin-bottom:clamp(20px, 2.344vw, 30px);  }

.SCF_MAIN_02 .contents-container .grid_box .fr  .tit_box .tit_fl {width: 100%; float: left; margin-bottom: 0px}

.SCF_MAIN_02 .contents-container .grid_box .fr  .tit_box .tit_fl .tx1{width: 100%; float: left;font-size:calc(var(--tit-md-size) * 1); letter-spacing: -2px; color: #000 ; font-weight: 700;}


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	.SCF_MAIN_02 .contents-container .grid_box .fr  .tit_box .tit_fr {width: 100%; float: left; position: relative;  margin-bottom: 65px}
.SCF_MAIN_02 .contents-container .grid_box .fr  .tit_box .tit_fr:before {width: 100%; float: left;  height: 1px; color: #999;content: "";  background-color: #ccc; position: absolute;top: 30px; left: 5px;}
.SCF_MAIN_02 .contents-container .grid_box .fr  .tit_box .tit_fr:after{width:10px; height: 10px; background-color: var(--primary); border-radius: 100%; position: absolute;left: 0px;top:27px;content: "";   }

.SCF_MAIN_02 .contents-container .grid_box .fr  .tit_box .tit_fr .more{width:60px; height:60px; border-radius: 100%; background-color: var(--primary); display: flex;  justify-content: center;  align-items: center; color: #fff; font-size: 20px; position: absolute; right: 0px;top:0px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
  }
.SCF_MAIN_02 .contents-container .grid_box .fr  .tit_box .tit_fr .more:hover{ background-color: var(--primary-hover);
  }


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.SCF_MAIN_02 .contents-container .grid_box .fr  .tit_box .tit_fr {width: 100%; float: left;   position: absolute; right: 0px; top: -10px;  height:40px;}
.SCF_MAIN_02 .contents-container .grid_box .fr  .tit_box .tit_fr:before {width:calc(100% - 120px); float: left;  height: 1px; color: #999;content: "";  background-color: #ccc; position: absolute;top:50%; right: 0px;}
.SCF_MAIN_02 .contents-container .grid_box .fr  .tit_box .tit_fr:after{width:10px; height: 10px; background-color: var(--primary); border-radius: 100%; position: absolute;left: 120px;top:50%; margin-top: -5px;content: "";   }

.SCF_MAIN_02 .contents-container .grid_box .fr  .tit_box .tit_fr .more{width:40px; height:40px; border-radius: 100%; background-color: var(--primary); display: flex;  justify-content: center;  align-items: center; color: #fff; font-size: 20px; position: absolute; right: 0px;top:0px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
  }
.SCF_MAIN_02 .contents-container .grid_box .fr  .tit_box .tit_fr .more:hover{ background-color: var(--primary-hover);
  }


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




.SCF_MAIN_02{width:100%;float:left;}
.SCF_MAIN_02 .wg_title_box{width:100%;float:left;position:relative; display:flex; flex-direction:row; align-items:center; justify-content:space-between; grid-gap:clamp(10px, 2.344vw, 10px); margin-bottom:clamp(10px, 3.906vw, 30px)}
.SCF_MAIN_02 .wg_title_box .wg_title_in{float:left; width:100%;  white-space:nowrap; display:flex; flex-direction:column;}
.SCF_MAIN_02 .wg_title_box .wg_title_in .wg_tit1{width:100%; float:left;  letter-spacing:-1px; margin-bottom:clamp(10px,0.781vw,30px); font-weight:800; color:#000;display:flex; flex-direction:row; align-items:center; justify-content:space-between; grid-gap:clamp(10px, 2.344vw, 20px); position:relative;padding-right: clamp(40px, 6.250vw, 60px); letter-spacing: -2px }

.SCF_MAIN_02 .wg_title_box .wg_title_in .wg_tit2{width:100%;  float:left; font-size:calc(var(--tx-sm-size) * 1);letter-spacing:-0.5px; color:#999; }

.SCF_MAIN_02 .wg_title_box .wg_title_in .wg_tit1 .deco{flex:1; float:left; position:relative;}
.SCF_MAIN_02 .wg_title_box .wg_title_in .wg_tit1 .deco:before{width:100%; height:1px; background-color:#ccc; content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.SCF_MAIN_02 .wg_title_box .wg_title_in .wg_tit1 .deco:after{width: 10px; aspect-ratio:1 / 1.1; border-radius: 100%; background-color: #333;  content:""; position: absolute; left: 0px; top: -4px; z-index: 2}

.SCF_MAIN_02 .wg_title_box .wg_title_in .wg_tit1 .btn_r{position:absolute; right:0; top:50%; transform:translateY(-50%); width:clamp(35px,3.906vw,50px); height:clamp(35px,3.906vw,50px); background:#333; color:#fff; display:inline-flex; align-items:center; justify-content:center; border-radius:100%; transition:all .5s; font-size: 18px!important}
.SCF_MAIN_02 .wg_title_box .wg_title_in .wg_tit1 .btn_r:before{content:"\e98c"; font-family:unicons-line; transition:all .5s;}
.SCF_MAIN_02 .wg_title_box .wg_title_in .wg_tit1 .btn_r:hover{background:var(--primary);}