[class^="MC_wrap"] { position: relative; width: 100%;
    --boxGap: 1rem;
    --radius: 1rem;
    --mainfont: 1rem;
    --Titfont: 1rem;
}

.MC_wrap1 { margin: 0 0 calc(var(--boxGap) * 3); }
.MC_wrap1 .container { position: relative; gap: calc(var(--boxGap) * 3) calc(var(--boxGap) * 3); display: flex; flex-wrap: wrap; }
/* .MC_wrap1 .container::before,
.MC_wrap1 .container::after { position: absolute; content: ""; }
.MC_wrap1 .container::before { background: url('/00_common/images/template/T0003/main/box01_bg02.png')no-repeat center center / contain; width: calc(var(--mainfont) * 13.35); height: calc(var(--mainfont) * 16.7); top: calc(var(--mainfont) * -1.8); left: calc(var(--mainfont) * -13); }
.MC_wrap1 .container::after { background: url('/00_common/images/template/T0003/main/box01_bg01.png')no-repeat center center / contain; width: calc(var(--mainfont) * 6.6); height: calc(var(--mainfont) * 6.6); top: calc(var(--mainfont) * -1.7); left: calc(var(--mainfont) * 18.75); } */

[class^="MC_box"] { position: relative; }
.MC_box1 { width: 100%; height: 19rem; margin-bottom: calc(var(--boxGap) * 3); }
/* .MC_box1::before { position: absolute; content: ""; left: calc(var(--mainfont) * -3.1); bottom: calc(var(--mainfont) * -2.95); border-radius: calc(var(--radius) * 2) calc(var(--radius) * 2) calc(var(--radius) * 6) calc(var(--radius) * 2); background: rgba(197,243,255,0.67); width: calc(var(--mainfont) * 39.9); height: calc(var(--mainfont) * 18); } */
.MC_box2 { height: 19rem; width: calc(100% - calc(40rem + calc(var(--boxGap) * 6))); overflow: hidden; }
.MC_box3 { height: 19rem; width: 22rem; overflow: hidden; }
.MC_box4 { height: 19rem; width: 18rem; }
.MC_box5 { width: 100%; background: #DEEBFF url('/00_common/images/template/T0003/main/box04_Bg.png')no-repeat center center / cover;  padding: calc(var(--boxGap) * 4) 0 calc(var(--boxGap) * 5); }


/****** 반응형 ******/

@media screen and (max-width: 1440px) {
    [class^="MC_wrap"] { 
        --boxGap: 0.9rem;
    }

    .MC_wrap1 .container { gap: calc(var(--boxGap) * 1.5) calc(var(--boxGap) * 2); }
    .MC_box2 { width: calc(100% - calc(40rem + calc(var(--boxGap) * 4))); }
}

@media screen and (max-width: 1340px) {
    .MC_box2 { width: 100%; }
    .MC_box3,
    .MC_box4 { width: calc((100% - calc(var(--boxGap) * 2)) / 2); }
}

@media screen and (max-width: 1240px) {
    [class^="MC_wrap"] { 
        --boxGap: 0.8rem;
        --radius: 0.9rem;
        --mainfont: 0.9rem;
        --Titfont: 0.85rem;
    }
    
    .MC_box1 { height: 17.5rem; margin-bottom: calc(var(--boxGap) * 1.5); }
    .MC_box2 { height: 16.5rem; }
    /* .MC_box5 { background-position: center left -80vw; } */
}

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

    .MC_box2,
    .MC_box4,
    .MC_box3 { width: 100%; height: auto; }
    
    .MC_box5 { position: relative; padding: calc(var(--boxGap) * 4) 0; }
    /* .MC_box5::before { position: absolute; content: ""; top: 0; right: 0; background: url('/00_common/images/template/T0003/main/box04_mIco.png')no-repeat center center / contain; width: calc(var(--mainfont) * 10.35); height: calc(var(--mainfont) * 4.5); } */
}

@media screen and (max-width: 768px) {
    [class^="MC_wrap"] { 
        --boxGap: 0.7rem;
        --radius: 0.85rem;
    }

    .MC_box1 { height: 13.5rem; }

    footer .box_info p.logo img, header h1 img { max-width: calc(var(--basicFont) * 12.5) !important; }
}

@media screen and (max-width: 480px) {
    footer .box_info p.logo img, header h1 img { max-width: calc(var(--basicFont) * 10) !important; }

    .MC_box1 { height: 10.5rem; }
}

@media screen and (max-width: 380px) {
    [class^="MC_wrap"] { 
        --boxGap: 0.7rem;
        --radius: 0.8rem;
        --mainfont: 0.85rem;
        --Titfont: 0.8rem;
    }

    .MC_box1 { height: 8.5rem; }

    .MC_box5 { padding: calc(var(--boxGap) * 3.5) 0; }
    
}