@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@font-face {
    font-family: 'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


/* Reset */
html, body {height: 100%;}
body {margin:0;padding:0;font-size:0.75em;font-family: 'SpoqaHanSansNeo', sans-serif;font-weight:400;word-break: keep-all;overflow-x: hidden;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, dl, dt, dd, p, figure {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button,input[type=button],input[type=submit]{cursor:pointer;}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;-webkit-appearance:none}
textarea, select {font-size:1em;}
textarea {border-radius:0;-webkit-appearance:none;resize:none;}
p {margin:0;padding:0;word-break:break-all}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:inherit;text-decoration:none}
ul,ol,li{list-style:none;padding:0;margin:0;}
input, button, textarea, select {font-family: 'SpoqaHanSansNeo', sans-serif;outline: none}
hr {content: '';display:block;padding:0;border:0;margin: 0;}


/*safari input style reset*/
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; }


/*placeholder style*/
input::-ms-input-placeholder { font-weight: 400; color: #d9d9d9; }
input::-webkit-input-placeholder { font-weight: 400; color: #d9d9d9; }
input::-moz-placeholder { font-weight: 400; color: #d9d9d9; }

textarea::-ms-input-placeholder { font-weight: 400; color: #d9d9d9; }
textarea::-webkit-input-placeholder { font-weight: 400; color: #d9d9d9; }
textarea::-moz-placeholder { font-weight: 400; color: #d9d9d9; }


/*select style*/
select {
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
    -moz-appearance: none; /* 화살표 없애기 for firefox*/
    appearance: none; /* 화살표 없애기 공통*/
    background-image: url('../img/common/ico_arrow_select_bottom1.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
    background-size: 24px;
    background-color: #fff;
    cursor: pointer;
}
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ }


/*scrollbar style*/
* {
    scrollbar-arrow-color: #dadada;
    scrollbar-base-color: transparent;
    scrollbar-3dlight-color: transparent;
    scrollbar-darkshadow-color: transparent;
    scrollbar-face-color: #dadada;
    scrollbar-highlight-color: transparent;
    scrollbar-shadow-color: transparent;
    scrollbar-track-color: transparent;
}

*::-webkit-scrollbar { width: 4px; height: 4px; }
*::-webkit-scrollbar-track { background : transparent; }
*::-webkit-scrollbar-thumb { width: 4px; height: 4px; border-radius: 2px; box-sizing: border-box; background: #dadada; }


/*drag style*/
::selection { background: #4ccdde; color: #fff; }
::-moz-selection { background: #4ccdde; color: #fff; }


/*contenteditable style*/
[contenteditable] {
  outline: 0px solid transparent;
}