/*--------------------------------------------

                 개통간소화  CSS
                 
--------------------------------------------- */



.sec4 .imgWrap3 div{
    flex: 1;
    margin-right: 4%;
}


.merit{
    display: flex;
    
    vertical-align:middle ;
    justify-items: center;
}

.merit> div:nth-of-type(1) {
    flex: 1;
    height: auto;
    margin-left: 160px;
}


.merit> div:nth-of-type(2){
  flex:1;
   height: 100%;
}

.merit_inner >div{
   width:50%;
    display: flex;
   margin-bottom: 40px;
   height: 220px;
}


.merit_inner >div>span{
    font-size:3.5em;
    font-weight: 600;
    color: #E64122;
}

.merit_inner >div p{
    width: 85%;
    margin-left: 24px;
}


.merit_inner >div li{
    width:85%;
}
.merit_txt{
    margin-top: 20px;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 600;
}


.mvno_es{
    margin-top:300px !important;
}

.mvno_es > .t_line{
   text-align:center;
   font-size:3rem;

}
.mvno_es > .mgb20{
    text-align:center;
    font-size:1.7rem;
    margin-top:50px;
    margin-bottom:100px;
    line-height: 44px;
}
.mvno_es > div{
    display:flex;
    justify-content:center;
}
.mvno_es > div >img {
width:80%;

}


.mvno_op .t_line{
      text-align: center;
      font-size:2rem;
      margin-top:250px;
      margin-bottom:100px;
}


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


    .headerWrap {
       border-bottom: 1px solid white !important;
    }

    .nav-open-btn .line {

        background-color: white;
    }

.merit> div:nth-of-type(1) {
    height: auto !important; 
    width: 100%;
    background-size: cover !important;
    margin-left: 10px;
}


.merit_inner >div{
   width:50%;
    display: flex;

   margin-bottom: 40px;
   height: 220px;
}

.merit_inner >div p:nth-of-type(2) {
    margin: 20px auto !important;
    width: 100%;
    padding-left: 41px;
}


.mvno_op{
        width: 65%;
}


    .mvno_es > .t_line {
    text-align: center;
    font-size: 1.6rem;
}

.mvno_es > .mgb20 {
    text-align: center;
    font-size: 1.1rem;
    margin-top: 22px;
    margin-bottom: 73px;
    line-height: 33px;
}



}


@media (min-width: 100px) and (max-width: 767px){
.merit> div:nth-of-type(1) {
    height: auto !important; 
    width: 100%;
    background-size: cover !important;
    margin-left: 0px;
}

.merit_inner >div p:nth-of-type(2) {
    margin: 20px auto !important;
    width: 100%;
    padding-left: 41px;
}


.mvno_op{
        width: 100%;
}


    .mvno_es > .t_line {
    text-align: center;
    font-size: 1.6rem;
}
    .mvno_es > div >img {
width:100%;

}
.mvno_es > .mgb20 {
    text-align: center;
    font-size: 1.1rem;
    margin-top: 22px;
    margin-bottom: 73px;
    line-height: 33px;
}

    .headerWrap {
       border-bottom: 1px solid white !important;
    }

    .nav-open-btn .line {

        background-color: white;
    }
}

@media (max-width: 488px) {

    .merit_inner > div {
        width: 50%;
         display:block; 
        margin-bottom: 40px;
        height: 220px;
    }

    .merit_inner >div p:nth-of-type(2) {
    margin: 20px;
     padding-left: 0; 
    text-align: center;
}


    .merit_inner >div>span>img{
    width:46%;
}
    .mvno_op .t_line {
    text-align: center;
    font-size: 1.2rem;
    margin-top: 250px;
    margin-bottom: 100px;
}

    .mvno_es > .t_line {
    text-align: center;
    font-size: 1.6rem;
}

        .mvno_es > div >img {
width:100%;

}
.mvno_es > .mgb20 {
    text-align: center;
    font-size: 1.1rem;
    margin-top: 22px;
    margin-bottom: 73px;
    line-height: 33px;
}
    .headerWrap {
       border-bottom: 1px solid white !important;
    }

    .nav-open-btn .line {

        background-color: white;
    }
}