@charset "utf-8";

/*reset*/
* { margin:0; padding:0; box-sizing: border-box;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, time, figure, article, nav, header, footer, hgroup, video, audio, aside, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body { 
    color: #1f2d38;
    font-family:'SpoqaHanSansNeo',sans-serif;
    font-weight: 300;
    font-size: 16px;
    width: 100%;
    min-height: 100vh;
    background-color: #f3f4f8;
    position: relative;
    padding: 50px 20px 0;
    letter-spacing: -1px;
} 

a {
    color: inherit;
    text-decoration: none;
}

a:active, a:hover, a:focus {
text-decoration: none;
}

address, caption, cite, code, dfn, em, var {
font-style: normal;
font-weight: normal;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

input, select, textarea, button {
  vertical-align: middle;
  color: inherit;
  resize: none;
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=url],
input[type=number],
input[type=search],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  font-family: inherit;
  line-height: inherit;
}

input[type=radio] {
  border-radius: 100%;
}

input[type=submit], input[type=button], button {
  border: 0;
  padding: 0;
  font-family: inherit;
  background-color: transparent;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

dl, ul, ol, menu, li {
    list-style: none;
}

fieldset, img {
border: 0 none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

button {
  cursor: pointer;
  background: transparent;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

strong, em {
  font-weight: normal;
  font-style: normal;
}

table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
}

table caption {
width: 0;
height: 0;
visibility: hidden;
text-indent: -9999px;
font-size: 0;
line-height: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

figure, article, header, footer, nav, hgroup, video, audio, aside, main {
display: block;
}

noscript { position:absolute; z-index:10; }
noscript p { margin:0; padding:0; }
legend { visibility:hidden; height:0; width:0; font-size:0; line-height:0; overflow:hidden; position:absolute; }
caption { visibility:hidden; height:0; width:0; font-size:0; line-height:0; overflow:hidden; }

::-webkit-input-placeholder {
font-family: inherit;
color: #aaa;
}

::-moz-placeholder {
font-family: inherit;
color: #aaa;
}

:-ms-input-placeholder {
font-family: inherit;
color: #aaa;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
color: transparent;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
color: transparent;
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
color: transparent;
}

/* HTML5 RESET */
article, aside, details, figcaption, figure, footer, header, menu, nav, section, video {
display: block;
}

address, caption, em, i {
font-style: normal;
font-weight: normal;
}

iframe, embed, object, video {
max-width: 100%;
}

input[type=text], input[type=password], textarea {
-webkit-appearance: none;
}

/* ===== font face ===== */

@font-face {
  font-family: 'GmarketSans';
  src: url('/hs/font/GmarketSansBold.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'GmarketSans';
  src: url('/hs/font/GmarketSansMedium.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'GmarketSans';
  src: url('/hs/font/GmarketSansLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url('/hs/font/SpoqaHanSansNeo-Bold.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url('/hs/font/SpoqaHanSansNeo-Medium.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url('/hs/font/SpoqaHanSansNeo-Regular.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url('/hs/font/SpoqaHanSansNeo-Light.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url('/hs/font/SpoqaHanSansNeo-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}