@charset "utf-8";

/* container */
#container{position:relative; width:100%;}

.container{position:relative; width:100%; max-width:80rem; margin:0 auto;}
.container:after{display:none;}

/* MC_wrap */
div[class^="MC_wrap"] {position:relative; width:100%;}
.MC_wrap1{padding-top:2rem;}
.MC_wrap2{z-index:2; padding-top:2rem; margin-bottom:5rem; background:#fff;}
.MC_wrap2:after{display:block; position:absolute; z-index:-1; bottom:-5rem; left:0; width:100%; height:100%; background:#fff; border-bottom-right-radius:3.2rem;content:'';}
.MC_wrap2 .container{display:flex; justify-content:space-between; gap:2.5rem;}
.MC_wrap3{z-index:1; padding-top:4rem; background:#F3F5FF;}
.MC_wrap3:before{display:block; position:absolute; top:-5.7rem; right:-1.5rem; width:31.45rem; height:31.05rem; background:url(/images/template/T1002/main/simbol.png) no-repeat left top; content:'';}
.MC_wrap4{z-index:2; padding-top:5rem; padding-bottom:6rem; background:#F3F5FF;}
.MC_wrap4:before{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#013268; border-radius:3.2rem 3.2rem 0 0; content:'';}
.MC_wrap4:after{display:block; position:absolute; bottom:0; left:calc(50% - 48rem); width:42.9rem; height:12.15rem; background:url(/images/template/T1002/main/simbol2.png) no-repeat left top; content:'';}

/* MC_box */
div[class^="MC_box"] {position:relative;}
.MC_box2{flex:1 1 0;}
.MC_box5{height:23.2rem;}

@media all and (min-width:1641px){
    /* container */
    .MC_wrap3 .container{max-width:100rem;}
}

@media screen and (max-width:1640px) {
    /* container */
    .container{max-width:100%;}
    
    /* MC_wrap */
    div[class^="MC_wrap"] {padding-left:1rem; padding-right:1rem;}
    .MC_wrap2 .container{gap:1.5vw;}
    .MC_wrap3:before{top:-4.5rem; transform:scale(0.8); transform-origin:top right;}
    .MC_wrap4{padding-bottom:5rem;}
    .MC_wrap4:after{left:0; background-size:cover; transform:scale(0.8); transform-origin:bottom left;}
}

@media screen and (max-width:1440px) {
    /* MC_wrap */
    .MC_wrap2{margin-bottom:4rem;}
    .MC_wrap2:after{bottom:-4rem;}
}

@media screen and (max-width:1240px) {
    /* container */
    .MC_wrap2 .container{flex-direction:column; gap:1rem;}
    
    /* MC_wrap */
    .MC_wrap2:after{display:none;}
    .MC_wrap2{margin:0; padding-bottom:3rem;}
    .MC_wrap3{padding-top:3rem;}
    .MC_wrap4{padding-top:3rem; padding-bottom:4rem;}
    .MC_wrap4:after{bottom:0; transform:scale(0.4);}
    
    /* MC_box */
    .MC_box5{height:25.5rem;}
}

@media screen and (max-width:1024px) {
    /* MC_wrap */
    .MC_wrap3:before{top:-3.5rem; transform:scale(0.6);}
}

@media screen and (max-width:860px) {
    /* MC_wrap */
    .MC_wrap3{padding-top:2.5rem;}
    .MC_wrap4:before{border-radius:2.5rem 2.5rem 0 0;}
    .MC_wrap4{padding-top:2.5rem;}
    
    /* MC_box */
    .MC_box5{height:auto;}
}

@media screen and (max-width:768px) {
    /* MC_wrap */
    div[class^="MC_wrap"] {padding-left:0.8rem; padding-right:0.8rem;}
}

@media screen and (max-width:700px) {
    /* MC_wrap */
    .MC_wrap3:before{display:none;}
}

@media screen and (max-width:640px) {
    /* MC_wrap */
    .MC_wrap2{padding-bottom:2.5rem;}
    .MC_wrap3{padding-top:2rem;}
}