@charset "utf-8";

*{
	font-family:"Pretendard",sans-serif;
	margin:0;
	padding:0;
    box-sizing:border-box;
}

html {font-size: 1rem; scroll-behavior: smooth;}
body {width: 100%; height: 100%; font-size: 1rem; color: #333; font-weight: 400;}

img {vertical-align:middle; max-width:100%;}   

li {list-style:none}

table {border-collapse: collapse; width: 100%; vertical-align: middle; text-align: center; table-layout: fixed;}

caption {position:absolute; left:-10000px; visibility: hidden;}

a {color: #333; text-decoration: none; transition: all 0.2s ease;}

input,button,select {color: #333; vertical-align: middle; font-size: 16px; border: 1px solid #ddd;}
input,select {padding: 8px 10px;}
select {background-color: #fff;}
button {background-color: transparent; border: none; cursor: pointer; transition: all 0.2s ease;}

blockquote,fieldset,iframe{border:0}

address {font-style: normal;}

label {cursor: pointer;}

article,aside,details,figcaption,figure,footer,header,nav,section {display:block; width: 100%;}

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

	Web Font

***************************************************************/
/* Pretendard */
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard/Pretendard-Light.subset.woff2') format('woff2'),
        url('../font/Pretendard/Pretendard-Light.subset.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard/Pretendard-Regular.subset.woff2') format('woff2'),
        url('../font/Pretendard/Pretendard-Regular.subset.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard/Pretendard-Medium.subset.woff2') format('woff2'),
        url('../font/Pretendard/Pretendard-Medium.subset.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard/Pretendard-SemiBold.subset.woff2') format('woff2'),
        url('../font/Pretendard/Pretendard-SemiBold.subset.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard/Pretendard-Bold.subset.woff2') format('woff2'),
        url('../font/Pretendard/Pretendard-Bold.subset.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* GmarketSans */
@font-face {
    font-family: 'GmarketSans';
    src: url('../font/GmarketSans/GmarketSansLight.woff2') format('woff2'),
        url('../font/GmarketSans/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('../font/GmarketSans/GmarketSansMedium.woff2') format('woff2'),
        url('../font/GmarketSans/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('../font/GmarketSans/GmarketSansBold.woff2') format('woff2'),
        url('../font/GmarketSans/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* NotoSansKR */
@font-face {
    font-family: 'NotoSansKR';
    src: url('../font/NotoSansKR/NotoSansKR-Light.woff2') format('woff2'),
        url('../font/NotoSansKR/NotoSansKR-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSansKR';
    src: url('../font/NotoSansKR/NotoSansKR-Regular.woff2') format('woff2'),
        url('../font/NotoSansKR/NotoSansKR-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSansKR';
    src: url('../font/NotoSansKR/NotoSansKR-Medium.woff2') format('woff2'),
        url('../font/NotoSansKR/NotoSansKR-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSansKR';
    src: url('../font/NotoSansKR/NotoSansKR-Bold.woff2') format('woff2'),
        url('../font/NotoSansKR/NotoSansKR-Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}