/* Reset */
html {height: 100%;}
/* body {margin:0; padding:0; font-size:0.75em; height:100%; font-family: 'Noto Sans CJK KR'; font-weight:400; word-break: keep-all; overflow-x: hidden; } */
body {margin:0; padding:0; font-size:0.75em; font-family: 'Noto Sans CJK KR'; 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; background: none; border: none; }
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; }
p { margin:0; padding:0; word-break:break-all; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
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: 'Noto Sans CJK KR'; outline: none; border: none; background-color: none; }
hr { content: ''; display:block; padding:0; border:0; margin: 0; }
img {-webkit-user-drag:none; }

/*사파리 버튼 초기화*/
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; }

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

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

/*셀렉트 커스텀*/
select {
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
    -moz-appearance: none; /* 화살표 없애기 for firefox*/
    appearance: none; /* 화살표 없애기 공통*/
    background-image: url('../img/ico_arrow_select.png'); ;
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) center;
    background-size: 16px;
    background-color: #fff;
    cursor: pointer; 
}
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ }

/*스크롤바 커스텀*/
.scroll-custom {
    scrollbar-arrow-color: #CCCCCC;
    scrollbar-base-color: transparent;
    scrollbar-3dlight-color: transparent;
    scrollbar-darkshadow-color: transparent;
    scrollbar-face-color: #CCCCCC;
    scrollbar-highlight-color: transparent;
    scrollbar-shadow-color: transparent;
    scrollbar-track-color: transparent;
}

.scroll-custom::-webkit-scrollbar {
    display: block;
    width: 6px;
    height: 6px;
    border: 0;
}

/*스크롤 영역 색*/
.scroll-custom::-webkit-scrollbar-track {
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background : transparent;
}

/*스크롤바 색*/
.scroll-custom::-webkit-scrollbar-thumb {
    display: block;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #CCCCCC;
}

/*드래그*/
::selection { background: #A0AEC0; color: #fff; }
::-moz-selection { background: #A0AEC0; color: #fff; }