/* subcontents */




#subcontent {


}

.subcontent__wrap {
    width: 1230px;
    margin: 0 auto;    
}


.subcontent01__wrap {
    margin-top: 150px;
}


.subcontent02__wrap {
    margin-top: 50px;
    padding-left: 5px;
    padding-right: 5px;
}


.subcontent03__wrap {
    margin-top: 50px;
    padding-left: 5px;
    padding-right: 5px;
}


.subcontent04__wrap {
    margin-top: 50px;
    padding-left: 5px;
    padding-right: 5px;
}



.subcontent05__wrap {
    margin-top:50px;
    padding-left: 5px;
    padding-right: 5px;
}


.subcontent06__wrap {
    margin-top: 50px;
    padding-left: 5px;
    padding-right: 5px;
}



.subcontent07__wrap {
    margin-top:50px;
    padding-left: 5px;
    padding-right: 5px;
}








/* È­¸é³Êºñ 0~1350px */
@media (max-width: 1350px){


    #subcontent {
        margin-left: 5%;
        margin-right: 5%;
    }


    .subcontent__wrap {
        width: 100%;
    }




    .subcontent01__wrap {
        margin-top: 120px;
    }
        
    .sub_h1 {
        font-size: 4.3vw;
        line-height: 5.3vw;
    }


    .sub_h3 {
        font-size: 2.4vw;
        line-height: 2.4vw;
    }



    


  

}




 



/* È­¸é³Êºñ 0~670px */
@media (max-width: 670px){



    .subcontent01__wrap {
        margin-top: 20vw;
    }



        
    .sub_h1 {
        font-size: 24px;
        line-height: 28px;
    }
    
    .sub_h3 {
        font-size: 18px;
        line-height: 22px;
    }




.subcontent02__wrap, .subcontent03__wrap, .subcontent04__wrap, .subcontent05__wrap, .subcontent06__wrap, .subcontent07__wrap {
    margin-top:30px;

}

}