@charset "utf-8";

/* MAIN_04 - 프로그레스 바 스텝 섹션 블록 */

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	/* 블록 래퍼 - sticky 작동을 위한 설정 */
.MAIN_07 {
width: 100%; float: left; position: relative ; padding: 100px 0px; background-color: #fff; z-index: 2
}
.MAIN_07 .contentContainer .grid_in{
width: 100%; float: left; position: relative ;display: flex;flex-direction: row; grid-gap: 80px
}

.MAIN_07 .grid_in .fl{
width: 70%; float: left; 
}
.MAIN_07 .grid_in .fr{
width: 30%; float: left; 
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
	/* 블록 래퍼 - sticky 작동을 위한 설정 */
.MAIN_07 {
width: 100%; float: left; position: relative ; padding:20px 0px; background-color: #fff; z-index: 2
}
.MAIN_07 .contentContainer .grid_in{
width: 100%; float: left; position: relative ;display: flex;flex-direction: column; grid-gap: clamp(20px, calc(3.947vw + 4.211px), 80px)
}

.MAIN_07 .grid_in .fl{
width: 100%; float: left; 
}
.MAIN_07 .grid_in .fr{
width: 100%; float: left; 
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/