/* subpage subject h1~h3 */
.sub_h1 {
    font-size: 60px;
    letter-spacing: -2px;
    font-weight: 800;
    line-height: 60px;
    color: var(--color-dark-blue);
    
}



.sub_h1 em {
    color: var(--color-blue);
}



.sub_h3 {
    font-size: 26px;
    letter-spacing: -0.5px;
    font-weight: 400;
    color: #464646;
    padding-top: 5px;
padding-left: 2px;


}



.sub_h4 {
    font-size: 22px;
    letter-spacing: -0.5px;
    font-weight: 500;
    color: var(--color-light-grey);
}



.sub_h4 em {
    font-weight: 700;
    color: var(--color-blue);
}



/* subcontents */




#subcontent {


}




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


.subcontent01__wrap {
    margin-top: 150px;
}




.subcontent__productname {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #464646;
    color: var(--color-white);
    font-size: 28px;
    padding: 0 60px;
    margin-bottom: 30px;
}








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





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




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






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







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


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


    .subcontent__wrap {
        width: 100%;
    }



    .subcontent__productname {
        font-size: 2vw;
        padding: 0 6vw;
        margin-bottom: 3vw;
    }
    



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


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


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




}




 



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



    .subcontent01__wrap {
        margin-top: 20vw;
    }
        
    .sub_h1 {
        font-size: 36px;
        line-height: 40px;
    }
    
    .sub_h3 {
        font-size: 20px;
        line-height: 28px;
    }


    .sub_h4 {
        font-size: 17px;
        line-height: 20px;
    }



    .subcontent__productname {
        font-size: 14px;
        padding: 0 6vw;
        margin-bottom: 3vw;
    }



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


}




}