/*=======================================
    Service_3_advertising
=======================================*/

/*---------------------------
   image_url
---------------------------*/

/*-- service-advertising-image --*/

    .s-a-img{
        background-image: url(../../assets/images/3_service_3_advertising/s-advertising.jpg);
    }

    
    .s-a-sp-img{
        background-image: url(../../assets/images/3_service_3_advertising/s-advertising_sp.jpg);
    }


/*=======================================
    padding-Definition [ separator ]
=======================================*/    

    #service_info{
        padding-top: 64px;
    }

    #massage{
        padding-top: 104px;
    }

    #caseStudy{
        padding-top: 104px;
    }

    #serviceFlow{
        padding-top: 104px;
    }

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

    #service_info{
        padding-top: 144px;
    }

    #caseStudy{
        padding-top: 144px;
    }

    #serviceFlow{
        padding-top: 144px;
    }

    #massage{
        padding-top: 144px;
    }

}


/*------------------------------------
   change-original-css-defination
------------------------------------*/    

    .massage-icon-box{
        display: flex;
        justify-content: center;
        height: 64px;
    }

    .massage-icon{
        max-width: 64px;
    }

    .h344{
        height: auto;
    }

    .h360{
        height: auto;
    }

    .massage-textarea{

    }

    .caseStudy_box-container{
        background-color: #F6FAFB;
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .caseStudy-textarea{
        padding: 28px;
    }

    .col-3b-container > .caseStudy-box{
        width: 100%;
    }

    .col-3b-container > .serviceFlow_box{
        width: 100%;
    }
    

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



}

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

    .col-3b-container > .caseStudy-box{
        width: 33.3%;
    }

    .col-3b-container > .serviceFlow_box{
        width: 33.3%;
    }

    .h344{
        height: 344px;
    }

    .h360{
        height: 344px;
    }

}



    
/*-------------------------------------------------
   Service_advertising-serviceFlow_box-Section
-------------------------------------------------*/

    .b-arrow::after{
        display: none;
        position: absolute;
        top: 42%;
        right: -35px;
        content: url(../../assets/images/icon/rightArrow_blue_serviceFlow.svg);
        vertical-align: middle;
    }

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

    .b-arrow::after{
        display: block;
        top: 42%;
        right: -35px;
    }

}