/* container */
#container {min-height: 100vh; background: #fff; position: relative;}

/* MC_wrap */
.MC_wrap1 {background: linear-gradient(to bottom, #033f8a, #012653); padding: calc(var(--header-top-height) + var(--header-bottom-height)) 0 calc(var(--content-white-space) * 1.075);}
.MC_wrap2 {margin-top: calc(var(--content-white-space) * -0.725); position: relative; z-index: 0;}
.MC_wrap2 .MC_cont {display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: var(--content-white-space); margin-top: var(--content-white-space); position: relative;}
.MC_wrap2 .MC_cont::before {content: ""; display: block; width: 200vw; height: calc(100% - 1.25rem); border-top-right-radius: calc(var(--content-white-space) * 0.6); background: #f4f7ff; position: absolute; right: -5.25rem; bottom: 0; z-index: -1;}
.MC_wrap3 {background: url(/images/template/T2003/main/wrap03_bg.jpg) center / cover; padding: calc(var(--content-white-space) * 0.8) 0 calc(var(--content-white-space) * 0.9);}

/* MC_box */
.MC_box1 {min-height: 34rem;} /* intro */
.MC_box2 {width: 100%; min-height: 7.1rem;} /* search */
.MC_box3 {width: 100%; min-height: 20.2rem; margin-top: var(--content-white-space);} /* program */
.MC_box4 {width: calc(95% - 21.5rem); min-height: 18.2rem;} /* notice */
.MC_box5 {width: 21.5rem; min-height: 22.5rem; padding-bottom: calc(var(--content-white-space) * 0.75); position: relative;} /* popup */
.MC_box5::before {content: "Gyeonggido Office of Education"; text-shadow: 1px 1px 0 rgba(194,207,247,0.3), 1px -1px 0 rgba(194,207,247,0.3), -1px 1px 0 rgba(194,207,247,0.3), -1px -1px 0 rgba(194,207,247,0.3), 0 0 calc(var(--content-white-space) * 0.45) rgba(24,85,168,0.2); font-size: calc(var(--font-size-017) * 2); color: #fff; font-weight: 700; letter-spacing: 0.05rem; text-transform: uppercase; white-space: nowrap; position: absolute; left: 0; bottom: 0;}
.MC_box6 {min-height: 4.5rem;} /* link */



@media screen and (max-width: 1840px) {

    /* MC_wrap */
    .MC_wrap2 .MC_cont {padding: calc(var(--content-white-space) * 0.8) 0; margin-top: calc(var(--content-white-space) * 0.8);}
    .MC_wrap2 .MC_cont::before {width: 100vw; height: 100%; right: calc(50% - 50vw);}

    /* MC_box */
    [class^="MC_box"] {min-height: unset;}
    .MC_box3 {margin-top: calc(var(--content-white-space) * 0.8);}
    .MC_box5 {padding-bottom: 0;}
    .MC_box5::before {display: none;}
}



@media screen and (max-width: 1640px) {}



@media screen and (max-width: 1440px) {}



@media screen and (max-width: 1240px) {}



@media screen and (max-width: 1024px) {

    /* MC_wrap */
    .MC_wrap1 {padding: var(--header-bottom-height) 0 calc(var(--content-white-space) * 1.25);}
}



@media screen and (max-width: 768px) {

    /* MC_wrap */
    .MC_wrap2 .MC_cont {display: block;}

    /* MC_box */
    .MC_box4 {width: 100%;}
    .MC_box5 {width: 100%; margin-top: calc(var(--content-white-space) * 0.8);}
}



@media screen and (max-width: 680px) {}



@media screen and (max-width: 580px) {}



@media screen and (max-width: 480px) {}



@media screen and (max-width: 380px) {}