/* sec01 */
#main_wrap .sec01_wrap{width: 100%;height: 950px;background: url(../images/main_visual.png) no-repeat;background-position: center;background-size: cover;}
#main_wrap .sec01{position: relative;}
#main_wrap .sec01 .overlay{color: #fff;width: 570px;position: absolute;height: 850px;right: -100px;top: 100px;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(5px);display: flex;align-items: start;flex-direction: column;justify-content: center;padding: 70px;}
#main_wrap .sec01 .overlay .inner{margin-bottom: 50px;}
#main_wrap .sec01 .overlay .f-24{margin-top: 30px;}

/* sec02 */
#main_wrap .sec02 .grid_box .f-32{text-align: center; margin-bottom: 20px;}
#main_wrap .sec02 .grid_box .f-24{background-color: #fff; padding: 8px 36px; border-radius: 1000px;}
#main_wrap .sec02 .grid_box{margin-top: 50px; gap: 30px;}
#main_wrap .sec02 .grid_box .grid_inner{width: 570px; height: 300px; border-radius: 30px; background-size: cover; background-position: center; transition: all 0.3s;}
#main_wrap .sec02 .grid_box .grid_inner:nth-child(1){background: url(../images/sec02_01.png) no-repeat;}
#main_wrap .sec02 .grid_box .grid_inner:nth-child(2){background: url(../images/sec02_02.png) no-repeat;}
#main_wrap .sec02 .grid_box .grid_inner:nth-child(3){background: url(../images/sec02_03.png) no-repeat;}
#main_wrap .sec02 .grid_box .grid_inner:nth-child(4){background: url(../images/sec02_04.png) no-repeat;}
#main_wrap .sec02 .grid_box .flex_center{flex-wrap: wrap;gap: 20px;}
#main_wrap .sec02 .grid_box .grid_inner:hover{transform: scale(1.1); box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);}

/* sec03 */
#main_wrap .sec03{text-align: center;}
#main_wrap .sec03 .inner{margin-bottom: 50px;}



@media (max-width: 768px) {
    #main_wrap .sec01_wrap{height: 850px;}
    #main_wrap .sec01 .overlay{width: 100%; right: 0; top: 0; padding: 0 70px; backdrop-filter: unset;}

    #main_wrap{overflow: hidden;}
    #main_wrap .sec02 .grid_box{grid-template-columns: repeat(1,1fr); gap: 15px; margin-top: 20px;}
    #main_wrap .sec02 .grid_box .grid_inner {width: 100%;height: 230px;border-radius: 30px;background-size: cover;background-position: center;transition: all 0.3s;}
    #main_wrap .sec02 .grid_box .flex_center{gap: 10px;}
    #main_wrap .sec03 .inner{margin-bottom: 20px;}
}

@media (max-width: 450px) {
    #main_wrap .sec01 .overlay,#main_wrap .sec01_wrap{height: 700px;}
    #main_wrap .sec01 .overlay{padding: 12vw 0 0 7vw;}
}