@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@font-face {
    font-family: 'SEBANG_Gothic_Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KCCChassam';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/KCCChassam.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


*{margin: 0; padding: 0; position: relative;}
:root{
    --color-point:#8338fd;
    --color-00:#000000;
    --color-ken:rgb(68, 155, 255);
    --color-bar:rgb(255, 68, 99);
    --font-fam1:'Noto Sans KR', sans-serif;
    --font-fam2:'SEBANG_Gothic_Bold';
}
body{
    font-family: var(--font-fam1);
}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: inherit;}
.container{
    margin: 0 auto;
    width: 90%;
}
input,textarea{
    background-color: var(--color-f2);
    outline: none;
    padding: 10px;
}
img{display: block; width: 100%;}

h1,h2,h3,h4,h5,h6{
    text-transform: uppercase;
}
h1{font-size: 60px; font-family: var(--font-fam2);}
h2{font-size: 40px; font-family: var(--font-fam2);}
h3{font-size: 30px; }
h4{font-size: 25px;}
h5{font-size: 16px;}
h6{font-size: 14px;}
p{font-size: 16px;}

.sc-box{
    position: fixed;
    top:0; right: 0; z-index: 9999;
    border: 5px solid lightgray;
    border-radius: 0 0 0 100px;
    width: 300px; height: 100px;
    font-size: 80px;
    background-color: ivory;
    display: flex; justify-content: center; align-items: center;
}