* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    color: #000;
    text-decoration: none;
}

/* font */

@font-face {
    font-family:'Paperlogy-3Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy-4Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy-7Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'GongGothicBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ************************ */

.bold{
      font-family: 'Paperlogy-7Bold';
}
.light{
    font-family: 'Paperlogy-3Light';
}
.tit{
    font-family: 'GongGothicBold';
}
/* ************************ */


/* var */
:root {
    /* color */
    --color_01: #3273CF;
    --color_02: #F3C05A;
    --color_03: #041630;
    --color_04: #F1AA1C;

    /* font-size */
    --fz-18: clamp(14px, 2vw, 18px);
    --fz-20: clamp(14px, 2vw, 20px);
    --fz-23: clamp(14px, 2vw, 23px);
    --fz-25: clamp(16px, 2.5vw, 25px);
    --fz-28: clamp(16px, 2.5vw, 28px);
    --fz-30: clamp(18px, 3vw, 30px);
    --fz-32: clamp(20px, 3vw, 32px);
    --fz-35: clamp(20px, 3vw, 35px);
    --fz-38: clamp(24px, 3vw, 38px);
    --fz-45: clamp(18px, 4vw, 45px);
    --fz-60: clamp(28px, 4vw, 58px);
    --fz-80: clamp(35px, 5vw, 80px);
}

.color01{color: var(--color_01);}
.color02{color: var(--color_02);}
.color03{color: var(--color_03);}
.color04{color: var(--color_04);}

.bg01{color: var(--color_01);}
.bg02{color: var(--color_02);}
.bg03{color: var(--color_03);}
.bg04{color: var(--color_04);}


.fz-18 {font-size: var(--fz-18);}
.fz-20 {font-size: var(--fz-20);}
.fz-23 {font-size: var(--fz-23);}
.fz-25 {font-size: var(--fz-25);}
.fz-28 {font-size: var(--fz-28);}
.fz-30 {font-size: var(--fz-30);}
.fz-32 {font-size: var(--fz-32);}
.fz-35 {font-size: var(--fz-35);}
.fz-38 {font-size: var(--fz-38);}
.fz-45 {font-size: var(--fz-45);}
.fz-60 {font-size: var(--fz-60);}
.fz-80 {font-size: var(--fz-80);}




html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Paperlogy-4Regular';
    word-break: keep-all;
}

/* img {
    width: 100%;
} */


/* ************************ */

.break{
    word-wrap: break-word;
    word-break: keep-all;
}

.text_center {
    text-align: center;
}

.lh {
    line-height: 1.2;
}

.white {
    color: #fff;
}
.black {
    color: #000;
}
.center{
    text-align: center;
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}