@charset "utf-8";
*,
*::before,
*::after { box-sizing:border-box; }

/***************************************************************
	[FONTS]
***************************************************************/
/* noto-sans-kr-regular - korean_latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/noto-sans-kr-v8-korean_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('../fonts/noto-sans-kr-v8-korean_latin-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       /*url('../fonts/noto-sans-kr-v8-korean_latin-regular.woff2') format('woff2'),*/ /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-korean_latin-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}


/***************************************************************
	[CSS RESET]
	http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 20110126
	License: none (public domain)
***************************************************************/
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, main, menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, main, section { display:block; }

strong { font-weight:400; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote::before, blockquote::after,
q::before, q::after { content:""; content:none; }
address, em, cite { font-style:normal; }
time { display:inline-block; }
hr { height:0; overflow:visible; }
mark { background:none; }
table { border-collapse:collapse; border-spacing:0; }
td { word-break:break-all; }
caption,legend { width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden; }
label { cursor:pointer; vertical-align:middle; }
img { border:0;vertical-align:top; }
::-webkit-input-placeholder { color:#bbb !important; text-align:left; }
:-moz-placeholder { color:#bbb !important; text-align:left; }
::-moz-placeholder { color:#bbb !important; opacity:0.5 !important; text-align:left; }
:-ms-input-placeholder { color:#bbb !important; text-align:left; }
.placeholder { color:#bbb; text-align:left; }

html { font-family:sans-serif; line-height:1.15; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -ms-overflow-style:scrollbar; -webkit-tap-highlight-color:transparent; }
body { line-height:1.5; margin:0; background-color:#fff; color:#333; font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans KR", "Malgun Gothic", Gulim, Dotum, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size:1rem; font-weight:400; text-align:left; }

/***************************************************************
	[FORM]
***************************************************************/
input { width:100%; margin:0 auto; font-family:inherit; vertical-align:middle; outline:none; -webkit-appearance:none; -moz-appearance:button; appearance:button; }
input::-moz-focus-inner { padding:0; border:0; }
input::-ms-clear { display:none; }
input::-webkit-contacts-auto-fill-button { display:none !important; position:absolute; right:0; pointer-events:none; visibility:hidden; }
input::-webkit-autofill { -webkit-box-shadow:0 0 0px 1000px white inset; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { margin:0; -webkit-appearance:none; }
input[type="search"]::-webkit-search-cancel-button { width:14px; height:14px; position:relative; right:-5px; -webkit-appearance:none; background:url(../images/bg-icon-sprite.png) no-repeat 0 0 / 640px auto; }
input[type="checkbox"],input[type="radio"] { padding:0; position:relative; vertical-align:middle; }

select { width:100%; margin:0 auto; font-family:inherit; vertical-align:middle; text-transform:none; outline:none; -webkit-appearance:none; -moz-appearance:button; appearance:button; }
select::-ms-expand { display:none; background:transparent; border:0; color:transparent; }
textarea { width:100%; margin:0 auto; font-family:inherit; outline:none; -webkit-appearance:none; -moz-appearance:button; appearance:button; overflow:auto; }
button { margin:0; padding:0; border:none; background:none; font-family:inherit; text-transform:none; outline:none; -webkit-appearance:button; cursor:pointer; overflow:visible; }
html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor:pointer; }
button::-moz-focus-inner { padding:0; border:0; }
optgroup { font-weight:bold; }
input:focus:not([readonly]),select:focus,textarea:focus:not([readonly]) { background-color:#fcfcfc !important; border-color:#bbb !important; }
input[readonly],select[readonly],textarea[readonly] { background:#f3f4f6; color:rgba(0,0,0,.35); /*-webkit-text-fill-color:rgba(0,0,0,0.6);*/ cursor:default; }
html input[disabled],input[disabled],select[disabled],textarea[disabled] { background-color:#eee; color:rgba(0,0,0,0.25); -webkit-text-fill-color:rgba(0,0,0,0.25); cursor:default; }
button[disabled] { background-color:#e4e4e4; border-color:#e4e4e4; color:#bbb; cursor:default; }
button[disabled]::before { color:#bbb; }
/****** responsive & retina specific ******/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	input[type="search"]::-webkit-search-cancel-button { background-image:url(../images/bg-icon-sprite%402x.png); }
}

/***************************************************************
	[COMMON]
***************************************************************/
a { background:transparent; color:#00bdcd; text-decoration:none; outline:none; }
a:active, a:hover { outline:none; transition:all 0.1s ease-out; }
a.disabled, a[disabled] { pointer-events:none; }

/****** responsive & retina specific ******/
@media (max-width:768px) {
	img { width:100%; }
}