@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');
/* 함수선언 */
:root {
    --pc-width: 95%;
    --mo-width: 90%;
    --main-color: #0063FF;
    --main-color2: #0052D9;
    --grey-color: #717786;
    --light-grey-color: #bbbec6;
    --black-color: #000A23;
    --boxBg-color: #F7F8FA;
    --line-color: #D8DAE0;
    --placeholder: #A6A9AE;
    --alert-color: #B90000;

    --buttonBg-color: #ECEEF2;
    --main-font: pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
}
/* END - 함수선언 */




*, *::before, *::after {
	position: relative;
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
    box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
    font-family: var(--main-font);
}

a:focus {
	outline: none;
}

a {
	text-decoration: none;
	color: inherit;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, p,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
    box-sizing: border-box;
}

html {
	overflow-y:scroll;
	-webkit-text-size-adjust: 100%;
    font-size: 62.5%;
    width: 100%;
    box-sizing: border-box;
    min-width: 360px;
    overflow-x: hidden;
}
@media (max-width: 480px) { 
    html { font-size: 56.25%; }
}
html.on {
    touch-action: none;
    overflow: hidden !important;
    overscroll-behavior: none;
}


* {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    word-break: keep-all;
    overflow-wrap: anywhere;
    letter-spacing: -0.03em;
}

body {
    word-break: keep-all;
    overflow-wrap: anywhere;
    scroll-behavior: smooth;
    margin: 0;
    font-style: normal;
    line-height: normal;
    overflow-x: hidden;
}

select, input, textarea, button {
	font: inherit;
	vertical-align: middle;
	color: var(--black-color, #000);
    box-sizing: border-box;
}
button {
    border: unset;
    padding: unset;
    margin: unset;
    background: unset;
    cursor: pointer;
}
html[data-ie-ver="8"] select,
html[data-ie-ver="9"] select {
	padding-left:0;
	padding-right:0;
	background:none;
}

input[type="text"],
input[type="password"] {
    font: inherit;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
    background: inherit;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

li {
    background: transparent;
}

a {
    color: var(--black-color, #000);
    text-decoration: none;
}

img {
    max-width: 100%;
}