@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@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;
}


/* Reset */
html { height: 100%; }
body { margin: 0; padding: 0; font-size: 0.75em; height: 100%; font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 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 { 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: 'pretendard', 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: 500; color: #999; }
input::-webkit-input-placeholder { font-weight: 500; color: #999; }
input::-moz-placeholder { font-weight: 500; color: #999; }

textarea::-ms-input-placeholder { font-weight: 500; color: #999; }
textarea::-webkit-input-placeholder { font-weight: 500; color: #999; }
textarea::-moz-placeholder { font-weight: 500; color: #999; }


/*select style*/
select {
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
    -moz-appearance: none; /* 화살표 없애기 for firefox*/
    appearance: none; /* 화살표 없애기 공통*/
    background-image: url('/resource/images/common/ico_arrow_select_bottom1.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
    background-size: 20px;
    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: #c13528; color: #fff; }
::-moz-selection { background: #c13528; color: #fff; }


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