@charset "utf-8";

@import url("reset.css");

@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/PretendardVariable.woff2') format('woff2-variations');
}

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

body {
    font-family: 
        'Pretendard Variable', 'Pretendard', 
        sans-serif;
    color:#1c1c1c;
    background:#fff;
    letter-spacing: -0.5px;
    word-break: keep-all;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant-numeric: tabular-nums lining-nums; 
}

img{
    width:100%;
    display:block;
}

.inner {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.mg-0 {
    margin: 0 !important;
}

.ta-c {
    text-align: center !important;
}

.ta-l {
    text-align: left !important;
}

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

/* ==========================================================================
   미디어쿼리
   ========================================================================== */

@media screen and (max-width: 1280px) {
    .inner {
        width: 100%;
        padding: 0 2rem;
    }
}

@media (max-width: 768px) {
    .space-between {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
}

@media (max-width: 480px) {
    .inner {
        padding: 0 20px;
    }
}