@charset "UTF-8";

@font-face {
  /* normal */
  font-family: "Noto Sans KR";
  font-weight: 300;
  src: local("NotoSans"), url("../font/NotoSansKRLight.woff") format("woff"), url("../font/NotoSansKRLight.ttf") format("truetype");
}
@font-face {
  /* normal */
  font-family: "Noto Sans KR";
  font-weight: 400;
  src: local("NotoSans"), url("../font/NotoSansKRRegular.woff") format("woff"), url("../font/NotoSansKRRegular.ttf") format("truetype");
}
@font-face {
  /* Regular */
  font-family: "Noto Sans KR";
  font-weight: 500;
  src: local("NotoSans"), url("../font/NotoSansKRMedium.woff") format("woff"), url("../font/NotoSansKRMedium.ttf") format("truetype");
}
@font-face {
  /* medium */
  font-family: "Noto Sans KR";
  font-weight: 600;
  src: local("NotoSans"), url("../font/NotoSansKRBold.woff") format("woff"), url("../font/NotoSansKRBold.ttf") format("truetype");
}
/* 메인용 영문 폰트 */
@font-face {
  font-family: "RussoOneRegular";
  src: local("NotoSans"), url("../font/RussoOneRegular.woff") format("woff"), url("../font/RussoOneRegular.ttf") format("truetype");
}

@keyframes slide-bottom {
  0% {
    /* 나중에 값 변수로 바꾸기 */
    transform: translateY(0); }
  50% {
    /* 나중에 값 변수로 바꾸기, rem 사용하면 IE11에서 버그생김 */
    transform: translateY(14px); }
  100% {
    /* 나중에 값 변수로 바꾸기 */
    transform: translateY(0); }
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }


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, textarea {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.025rem;
  line-height: 1.2;
}

@media (max-width: 768px) {
  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, textarea {
    font-size: 14px;
  }
}

body {
  margin: 0; }

.iOS .tbl table {
  border-collapse: separate;
  border-spacing: 0; }

img, fieldset, iframe {
  border: 0; }

img {
  max-width: 100%;
  vertical-align: top; }

ol, ul {
  list-style: none; }

address, em {
  font-style: normal; }

button, input, textarea, select {
  -webkit-border-radius: 0;
  border-radius: 0; }

input, select, textarea, button {
  border: 0; }

input[type='text'], input[type='url'], input[type='email'], input[type='date'], input[type='month'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], input[type='time'], input[type='week'], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input {
  border: 1px solid #ececec;
  box-shadow: none;
  background-color: #f6f6f6;
  border-radius: 0;
  vertical-align: middle; }

textarea {
  border: 1px solid #ececec;
  box-shadow: none;
  border-radius: 0;
  resize: none; }

button {
  background-color: transparent; }
  button:focus {
    outline: none; }

strong {
  font-weight: 600; }

.Android strong {
  font-weight: bold; }

.option_wrap .right_cont select,
.option_wrap .right_cont option {
  text-align: right; }

input:focus {
  outline: transparent;
  border: 1px solid #666 !important; }

input:-internal-autofill-selected {
  background-color: #fff; }

.right_cont select:focus {
  outline: transparent;
  border: none !important; }

.deletable input:focus, .inpt_wrap input:focus {
  outline: transparent;
  border: none !important; }

a {
  display: block;
  color: inherit;
  text-decoration: none;
  background-color: transparent; }

a:hover {
  text-decoration: none; }

hr {
  margin: 0;
  border: none; }

br {
  opacity: 0;
  visibility: hidden; }

.font-russo {
  font-family: 'RussoOneRegular', sans-serif;
}

.btn.btn-lg {
  min-width: 222px;
  padding: 10px 20px;
  font-size: 1.125rem;
}

@media (max-width: 768px) {
  .btn.btn-lg {
    min-width: 0;
    padding: 8px 40px;
    font-size: 1.07rem;
  }
}