@charset "utf-8";
@import url(fonts.css);

/* 에릭 마이어 Reset2.0 */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
  margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;
}
/* 하위 브라우저에 관한 HTML5 디스플레이 Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
/* Normalize Reset */
html {-webkit-text-size-adjust:100%;} /* Prevent adjustments of font size after orientation changes in iOS. */
main {display:block;} /* Render the `main` element consistently in IE. */
a {background-color:transparent;text-decoration:none;} /* Remove the gray background on active links in IE 10. */
b, strong {font-weight:bolder;} /* Add the correct font weight in Chrome, Edge, and Safari. */
img {border-style:none;} /* Remove the border on images inside links in IE 10. */
button, input, optgroup, select, textarea {
  font-family:inherit;font-size:100%;line-height:1; /* Change the font styles in all browsers. */
  margin:0; /* Remove the margin in Firefox and Safari. */
}
[type="checkbox"], [type="radio"] {
  box-sizing:border-box; /* Add the correct box sizing in IE 10. */
  padding:0; /* Remove the padding in IE 10. */
}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance:button;} /* Correct the inability to style clickable types in iOS and Safari. */

/* 글로벌 설정 */
html, body {height:100%;font-family:'NotoSansKR','Malgun Gothic',Dotum,'Apple SD Gothic Neo',sans-serif;font-size:62.5%;font-weight:300;line-height:1.5;}

/* 이미지 */
img {width:100%;max-width:100%;}

/* 접근성 */
.skip-content {position:fixed;top:-20rem;display:inline-block;padding:1rem;background:#f04040;color:#fff;}
.skip-content:focus {top:0;}
input:focus, a:focus, button:focus, textarea:focus, select:focus {outline:none;} /* 나중에 필요하면 해제 */

/* 폼요소 */
button {border:none;}
textarea {resize:none;}
input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"] {padding:0.2rem 0 0.3rem 0.4rem;letter-spacing:-0.05rem;}

input[type="date"]::-webkit-clear-button, input[type="date"]::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-inner-spin-button,
input[type="datetime"]::-webkit-clear-button, input[type="datetime"]::-webkit-calendar-picker-indicator, input[type="datetime"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-clear-button, input[type="datetime-local"]::-webkit-calendar-picker-indicator, input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-clear-button, input[type="month"]::-webkit-calendar-picker-indicator, input[type="month"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-clear-button, input[type="time"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-inner-spin-button {-webkit-appearance:none;display:none;}

input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"] {background-color:transparent;}
.sc-wrapper input[type="date"], .sc-wrapper input[type="datetime"], .sc-wrapper input[type="datetime-local"], .sc-wrapper input[type="month"], .sc-wrapper input[type="time"] {background-color:#fff;} /* 회색 배경에서 disabled 처럼 보임 */

/* 플레이스홀더 */
::-webkit-input-placeholder {color:#bdbdbd;font-size:1.4rem;} /* Chrome/Opera/Safari */
::-moz-placeholder {color:#bdbdbd;font-size:1.4rem;} /* Firefox 19+ */
:-ms-input-placeholder {color:#bdbdbd;font-size:1.4rem;} /* IE 10+ */

/* (크롬) 폼 요소에 자동완성 시 브라우저 기본 배경색 변경  */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus {background:#fff;}