@charset "utf-8";
/* 251028 */
.MVisual {height:48rem;}
.MVisual .item img{width: auto;height: 100%;}
.MVisual .txt p { display: flex;}
.MVisual .txt p > span {display: inline-block;font-size: 1.5rem;color: #07276b;font-weight: 500;width: 24rem;padding-left: 0.6rem;line-height: 1.1;} 


.MC_box4 {/* margin-top: -32.6rem; */}
.MC_box4 .container::before { z-index: 0;}
/* media query mobile */
@media screen and (max-width: 1750px){
    .MVisual .slogan { margin-left: 38.425%}
    .MVisual .txt p > span {width: 18.2rem;}
}

@media screen and (max-width: 1420px){
    .MC_box1 {height: 40rem; }
    .MC_box4 {margin-top: 0;}
    
    /* 메인비주얼 */  
    .MVisual {height: 40rem;}/* 251028 */
    .MVisual .item img{ width:150%; height: auto; }   
    .MVisual .slogan {margin-left: 1rem;}
    .MVisual .control{ top: 11rem;}
}
 
@media screen and (max-width:1024px) {
    .MC_box1 {height: 35rem; }

    .MVisual .slogan {margin-left: 0;}
    .MVisual .txt p { display: block;}
    .MVisual .txt p > span { width: 100%; padding-left: 0;}
    .MVisual .control{ top: 12.5rem;}
}

@media screen and (max-width:768px) {
    .MC_box1 {height: 30rem; }
    .MVisual {height: auto;}/* 251028 */
    .MVisual .item{padding-top: 14rem;}
    .MVisual .txt > p { line-height: 1;margin-top: 0.5rem;} 
    .MVisual .control{top: 11rem;}
}

@media screen and (max-width:540px) {
    .MC_box1 {height: 22.5rem; } 
    .MVisual .item{padding-top: 11rem;}
    .MVisual .txt p > span { font-size: 0.8rem; } 
    .MVisual .control{top: 8rem;}
 
}

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

}

@media screen and (max-width:380px) {
    .MC_box1 {height: 18rem; }
}