@font-face {
  font-family: NotoKR;
  src: url(/child/font/notokr-light.eot);
  src: url(/child/font/notokr-light.eot?#iefix) format('embedded-opentype'),
       url(/child/font/notokr-light.woff2) format('woff2'), url(/child/font/notokr-light.woff) format('woff'),
       url(/child/font/notokr-light.ttf) format('truetype');
  font-weight: 200;
}
@font-face {
  font-family: NotoKR;
  src: url(/child/font/notokr-demilight.eot);
  src: url(/child/font/notokr-demilight.eot?#iefix) format('embedded-opentype'),
       url(/child/font/notokr-demilight.woff2) format('woff2'), url(/child/font/notokr-demilight.woff) format('woff'),
       url(/child/font/notokr-demilight.ttf) format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: NotoKR;
  src: url(/child/font/notokr-regular.eot);
  src: url(/child/font/notokr-regular.eot?#iefix) format('embedded-opentype'),
       url(/child/font/notokr-regular.woff2) format('woff2'), url(/child/font/notokr-regular.woff) format('woff'),
       url(/child/font/notokr-regular.ttf) format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: NotoKR;
  src: url(/child/font/notokr-medium.eot);
  src: url(/child/font/notokr-medium.eot?#iefix) format('embedded-opentype'),
       url(/child/font/notokr-medium.woff2) format('woff2'), url(/child/font/notokr-medium.woff) format('woff'),
       url(/child/font/notokr-medium.ttf) format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: NotoKR;
  src: url(/child/font/notokr-bold.eot);
  src: url(/child/font/notokr-bold.eot?#iefix) format('embedded-opentype'),
       url(/child/font/notokr-bold.woff2) format('woff2'), url(/child/font/notokr-bold.woff) format('woff'),
       url(/child/font/notokr-bold.ttf) format('truetype');
  font-weight: 700;
}
@font-face {
  font-family: NotoKR;
  src: url(/child/font/notokr-black.eot);
  src: url(/child/font/notokr-black.eot?#iefix) format('embedded-opentype'),
       url(/child/font/notokr-black.woff2) format('woff2'), url(/child/font/notokr-black.woff) format('woff'),
       url(/child/font/notokr-black.ttf) format('truetype');
  font-weight: 800;
}


/* ========== Style Default ========== */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-family: NotoKR, "Apple SD Gothic Neo", Helvetica, sans-serif, Arial;
  letter-spacing: -0.05em;
  word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  color: #333;
}
img { display: block; margin: 0; border: none; }
ul { list-style: none; }
a:link, a:hover, a:visited, a:active { color: inherit; text-decoration: none; }
button { font-family: inherit; background: none; border: none; cursor: pointer; outline: none; }
table { border-collapse: collapse; }
table.table { width: 100%; border-top: 2px solid #556db1; }
table.table th { background-color: #fbfbfb; font-size: 15px; color: #333333; }
table.table td { padding: 15px 30px; text-align: center; font-size: 14px; color: #555555; }
table.table td:first-child,
table.table th + td { text-align: left; }
table tr th { font-size: 15px; }
table tr td { font-size: 14px; }
table tr td a { font-size: 14px; color: #666666; }
input { outline: none; }
input[type="password"] { font-family: NotoKR, Arial; }
input, textarea, select { font-family: inherit; padding-left: 10px; border: 1px solid #e5e5e5; }
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; }

/* ========== COMMON ========== */
[data-scroll="false"] { overflow-y: hidden; }

.clearfix:after { content: ''; display: table; clear: both; }
ul.list:after { content: ''; display: table; clear: both; }
ul.list > li { float: left; }
.fLeft { float: left; }
.fRight { float: right; }
.aRight { text-align: right; }

/* Grid */
.grid:after { content: ''; display: table; clear: both; }
.grid-12 { float: left; padding: 10px; width: 50%; }
.grid-6 { float: left; padding: 10px; width: 25%; }
.grid-8 { float: left; padding: 10px; width: 33.333333%; }
.grid-12 { float: left; padding: 10px; width: 50%; }