:root {
    /*color*/
    --bc1: #e0e0e0;
    --bc2: #e1e5e8;
    --bc3: #07174d;
    --bc4: #d7d7d7;
    --bgc1: #e9ecee;
    --bgc2: #f0f2f3;
    --bgc3: #db4e5b;
    --bgc4: #4757ad;
    --bgc5: #47a9ad;
    --bgc6: #e9f0f5;
    --bgc7: #eef5f2;
    --bgc8: #5c6379;
    --bgc9: #314997;
    --fc0: #222;
    --fc1: #6b6f72;
    --fc2: #0f3074;
    --fc3: #2e2c43;
    --fc4: #1545e1;
    --fc5: #4f5b71;
    --fc6: #313c48;
    --fc7: #90969c;
    --mc1: #2e41a7;
    --mc2: #0b9595;
    --mc3: #029e46;
    --mc4: #588e03;
    --mc5: #b4184f;
    --mc6: #d8daee;
    --mc7: #cbd3df;
    --mc8: #c3dede;
    --mc9: #b6d1c1;
    --mc10: #c4d1b6;
    --mc11: #d1d1b6;
    --mc12: #d1c5b6;
    --mc13: #d0b9b6;




    /*border-radius*/
    --radi1: 5px;
    --radi2: 10px;
    --radi3: 15px;
    --radi4: 20px;



    /*font*/
    --fs1: 18px;
    --fs2: 24px;
    --fs3: 14px;
    --fs4: 21px;
    --fs5: 35px;
    --fs6: 16px;
    --fs7: 32px;

    /*   ÁöÀԸŸÅ*/
--bbs-primary: #1a3a6c;
--bbs-accent: #f5840c;
--bbs-radius: 6px;
}

@media (max-width:1024px){
:root{
/*font*/



    --radius1: 5px;
    --radius3: 7px;
    --radius4: 10px;
}

@media (max-width:768px) {
    :root {}
}