@charset "utf-8";
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body, div, p, a, span, h1, h2, h3, h4, h5, h6, img, form, input, textarea, select, ul, ol, li, dl, dt, dd, table, th, tr, td, button, label, iframe, hr, blockquote, pre, strong, b, em, i, abbr, acronym, address, cite, code, del, ins, kbd, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{
    margin: 0;
	padding: 0;
	font: inherit;
	font-size: inherit;
	line-height: 1;
	vertical-align:top;
	box-sizing: border-box;
	font-family:"Noto Sans KR", "맑은 고딕", -apple-system,BlinkMacSystemFont,"Helvetica Neue","Apple SD Gothic Neo",Arial,sans-serif;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, 
ul {
	list-style: none;
}

table{
    border-collapse:collapse;
    border-spacing:0;
}

fieldset,
img{
    border:0
}
address,
em{
    font-style:normal
}

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

button,
input{
    border:none;
    background:none;
    outline:none;
    -webkit-border-radius:0
    ;border-radius:0;
    background:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

button{
    cursor:pointer;
}

caption {
    display: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="image"],
input[type="tel"],
input[type="submit"],
input[type='file'],
input[type='number'],
button,
select,
textarea {
	border:none;background:none;outline:none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 500px #fff inset !important;
}

html{
    font-size:10px;
}

::after, ::before {
    box-sizing:border-box;
}

.wrap {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

img{
    width: auto;
    height: auto;
}

@media (max-width:1200px) {
    .wrap{
        padding: 0 1.5rem;
    }
}

@media (max-width:500px) {
    html{
        font-size: calc(1000 / 360 * 1vw);
    }
}