@charset "utf-8";

.progress_wrap {
    width: 100%;
    background: #FCFCFF;
    padding: var(--pd-xs) 0;
    position: sticky;
    top: 90px;
    z-index: 998;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.progress {
    width: 100%;
    height: 2px;
    background: #33333320;
}
.progress_bar {
    display: block;
    width: 0%;
    height: 2px;
    background: var(--color-orange-1);
    z-index: 999;
}
.close_btn {
    width: 28px;
    height: 28px;
    margin-left: var(--mg-xxxs);
    cursor: pointer;
}
.feed_thum {
    background: url("../images/img/feed_1.png") center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 740px;
    position: relative;
}
.thum_title {
    font-size: var(--h1-font-size);
    color: var(--color-light-1);
    position: absolute;
    left: 5%;
    bottom: 5%;
}
.feed_title {
    margin-top: 62px;
}
.sub_img {
    display: flex;
    justify-content: end;
    gap: 32px;
}

/*--------------------------------------------------
	Responsive
---------------------------------------------------*/
@media screen and (max-width: 1023px){
    .section_container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .progress_wrap {
        top: 100px;
    }
    .feed_thum, .sub_img {
        width: calc(100% - 2px);
    }
    .thum_title {
        font-size: var(--h2-font-size);
    }
    .sub_img {
        justify-content: space-between;
        gap: 0;
    }
}
@media screen and (max-width: 767px){
    .section_inner {
        padding-top: var(--pd-sm);
    }
    .progress_wrap {
        top: 59px;
    }
    .feed_thum {
        height: calc(72vh);
    }
    .feed_thum, .sub_img {
        width: calc(100% - 2px);
    }
    .thum_title {
        font-size: var(--h3-font-size);
    }
    .sub_img {
        flex-direction: column;
        justify-content: start;
        align-items: center;
        gap: 32px;
    }
}