/* 선불충전 */

.pre_4{
    margin-top:250px;
}

.pre_4>.t_line{
    text-align:center;
    font-size:2rem;
    margin-bottom:30px;
}

.pre_4>.Mtit{
    text-align:center;
    margin-bottom:50px;
}


.wayprepay {
    display: flex;
}

.wayprepay div{
    flex: 1;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
}

.wayprepay div >p{
    font-size: 1.3em;
    font-weight: 600;
    margin-top: 20px;
    letter-spacing: 1px;
}
.wayprepay span{
    width:120px;
    height: 120px;
    display: inline-block;
    background: url(/common/image/new/store.png) no-repeat center;
    background-size: 100%;
}

    .wayprepay > div:nth-of-type(2) span {
        width: 120px;
        height: 120px;
        display: inline-block;
        background: url(/common/image/new/charge.png) no-repeat center;
        background-size: 100%;
    }

    .wayprepay > div:nth-of-type(3) span {
        width: 120px;
        height: 120px;
        display: inline-block;
        background: url(/common/image/new/app.png) no-repeat center;
        background-size: 100%;
    }
    .wayprepay > div:nth-of-type(4) span {
        width: 120px;
        height: 120px;
        display: inline-block;
        background: url(/common/image/new/web.png) no-repeat center;
        background-size: 100%;
    }
    .wayprepay > div:nth-of-type(5) span {
        width: 120px;
        height: 120px;
        display: inline-block;
        background: url(/common/image/new/autocharge.png) no-repeat center;
        background-size: 100%;
    }
    .wayprepay > div:nth-of-type(6) span {
        width: 120px;
        height: 120px;
        display: inline-block;
        background: url(/common/image/new/ars.png) no-repeat center;
        background-size: 100%;
    }




.pre_p1{width:100% !important;}
.pre_p2{width:100% !important;}



                                    /**************************************************
    
                                                       미디어쿼리
    
    
                                        ***********************************************/


@media all and (max-width:1179px) {
   .wayprepay>div span{
     width:100px !important;
  }

    .wayprepay div >p{
        font-size:1.2em;
    }
}

@media all and (min-width:768px) and (max-width:1179px) {
    
.pre_p1{width:auto !important;}
.pre_p2{width:auto !important;}
}

@media all and (max-width:767px) { 

.pre_p1{width:auto !important;}
.pre_p2{width:auto !important;}
      
 .wayprepay{
    flex-wrap: wrap;
    justify-content: center; 
    align-items:center;
 }
}


/*@media all and (min-width:640px) and (max-width:768px){
}*/

@media all and (max-width:640px) {       
}

@media all and (max-width:488px){


    .pre_p1 {
    width: 100% !important;
}
        .pre_p2 {
    width: 100% !important;
}

    .merit_inner >div p:nth-of-type(2) {
    margin: 20px;
     padding-left: 0; 
    text-align: center;
    width:60%;
}
    .txtWrap .Mtit {
    line-height: 1.5em;
    margin-top: 23px;
}
.mvno_es {
    margin-top: 150px !important;
}
}