/* MAIN_04  */
.MAIN_04 {
    width: 100%;
    float: left;
    padding: clamp(30px, calc(2.34vw + 22.5px), 60px) 0px; 
    position: relative;
    /* MAIN_04 자체가 position relative이므로 배경이 여기를 기준으로 배치됨 */
	margin-bottom: clamp(30px, calc(2.34vw + 22.5px), 60px)
	
}

/* 위젯 래퍼 - 컨테이너 안에서 그리드 배치 */
.MAIN_04 .widget_wrap {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.7fr 0.9fr;
    gap: clamp(30px, calc(7.895vw + -1.579px), 150px);
    min-height: 400px; padding: clamp(50px, calc(3.289vw + 36.842px), 100px) 0px;

}

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
    .MAIN_04 .stack_deco_area {
        width: calc(100% - 650px); 
        height: 100%; 
        border-radius: 0px clamp(30px, calc(3.289vw + 16.842px), 80px) clamp(30px, calc(3.289vw + 16.842px), 80px) 0px; 
        background: linear-gradient(to bottom right, #f1effa, #ecf5f8);
        position: absolute; 
        left: 0px; 
        top: 0px; 
        z-index: 0;
		
    }
}

/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
    .MAIN_04 .stack_deco_area {
        width: 100%;
        border-radius: 0px;
    }
    
    .MAIN_04 .widget_wrap {
        grid-template-columns: 1fr;
    }
}

/**** 모바일 ****/
@media only all and (max-width:767px) {
    .MAIN_04 .stack_deco_area {
        width: 100%;  
        height: 100%; 
        border-radius: 0px;   
        background: linear-gradient(to bottom right, #f1effa, #ecf5f8);
        position: absolute; 
        right: 0px; 
        top: 0px; 
        z-index: 0;
    }
    
    .MAIN_04 .widget_wrap {
        grid-template-columns: 1fr;
    }
}

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