* {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  font-family: 'NanumSquareRound', sans-serif;
  box-sizing: border-box; }

[eng] {
  font-family: 'Orbitron', sans-serif; }

a {
  color: #878787; }

svg {
  width: 100%;
  height: auto; }

img {
  display: inline-block;
  width: 100%;
  max-width: 400px;
  border-radius: 1em;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25); }

label, input, button, select {
  display: block;
  width: 100%;
  font-size: 1em; }

label {
  font-size: 0.9em;
  color: #878787;
  margin-bottom: 0.5em;
  margin-left: 0.25em; }

input, button, select {
  -webkit-border: none;
  -webkit-border-radius: 0;
  border: none;
  border-radius: 0.5em;
  padding: 0.25em 0.5em;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); }

input, select {
  -webkit-appearance: none;
  appearance: none;
  background: #3e414a;
  color: #cfd0d1;
  outline: none;
  margin-bottom: 1em; }

select {
  padding: 0.38em; }

button {
  background: red;
  color: #cfd0d1;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  button:hover {
    background: #c10000; }

button[type="submit"] {
  margin-top: 2em; }

body[home] {
  color: #cfd0d1;
  background: #24272e; }
  body[home][lock] {
    overflow: hidden; }
  body[home] header {
    position: relative;
    background: #1f2126;
    height: 100vh;
    width: 100vw;
    text-align: center;
    padding-top: 7em;
    animation: 5s headerBolt infinite; }
    body[home] header div[blackout] {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    body[home] header div[logo-svg-box] svg {
      width: 75px; }
    body[home] header div[wrapper] {
      display: inline-block; }
      body[home] header div[wrapper] div {
        text-shadow: 3px 3px #000; }
      body[home] header div[wrapper] div[title] {
        font-weight: 400;
        font-size: 3.5em;
        color: red; }
      body[home] header div[wrapper] div[everyday], body[home] header div[wrapper] div[holiday] {
        line-height: normal;
        text-align: right;
        color: blue;
        font-size: 1.95em;
        font-weight: 400; }
    body[home] header div[typer] {
      margin-top: 2em;
      padding: 1em 3em; }
      body[home] header div[typer] span[text] {
        border-right: 1px solid #878787;
        font-size: 1em;
        color: #878787; }
    body[home] header div[down-arrow-svg-box] {
      position: absolute;
      bottom: 4em;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -khtml-transform: translate(-50%, 0);
      -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
      body[home] header div[down-arrow-svg-box] svg {
        width: 20px; }
  body[home] main {
    padding: 1em; }
    body[home] main section {
      margin: 5em 0; }
      body[home] main section div[notice] {
        font-size: 0.9em;
        color: #878787;
        text-align: center;
        margin: 1em 0; }
        body[home] main section div[notice] p[red] {
          color: red; }
    body[home] main section[title] {
      padding-top: 0.5em;
      text-align: center;
      top: 0;
      -webkit-position: sticky;
      -khtml-position: sticky;
      -moz-position: sticky;
      -ms-position: sticky;
      -o-position: sticky;
      position: sticky;
      -webkit-backdrop-filter: blur(3px);
      backdrop-filter: blur(3px);
      z-index: 1; }
      body[home] main section[title] h1 {
        font-size: 1.5em;
        color: red; }
    body[home] main section[sale-days] {
      text-align: center; }
      body[home] main section[sale-days] div[part-times] {
        margin: 3em 0 1em; }
        body[home] main section[sale-days] div[part-times] h2 {
          font-size: 1.1em;
          text-align: center;
          margin-bottom: 1em; }
        body[home] main section[sale-days] div[part-times] > ul {
          margin: auto;
          padding: 0.5em;
          width: 100%;
          max-width: 800px;
          border-radius: 1em;
          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25); }
          body[home] main section[sale-days] div[part-times] > ul ul {
            font-size: 0.9em;
            padding: 0.5em 1em 0.5em 1.5em;
            display: inline-block;
            box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25);
            border-radius: 1em;
            margin: 0.5em; }
            body[home] main section[sale-days] div[part-times] > ul ul h3 {
              margin-bottom: 0.5em;
              font-size: 0.9rem; }
            body[home] main section[sale-days] div[part-times] > ul ul li {
              text-align: left; }
    body[home] main section[price] div[calc-wrapper] h2 {
      font-size: 1.1em;
      text-align: center; }
    body[home] main section[price] div[calc-wrapper] form[price-calculator] {
      padding: 1em;
      width: 100%;
      max-width: 400px;
      margin: auto;
      border-radius: 1em;
      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25); }
    body[home] main section[price] div[menu-wrapper] {
      margin-top: 5em; }
      body[home] main section[price] div[menu-wrapper] h2 {
        font-size: 1.1em;
        text-align: center;
        margin-bottom: 1em; }
      body[home] main section[price] div[menu-wrapper] > div {
        margin-bottom: 1em; }
      body[home] main section[price] div[menu-wrapper] div[menu-tc], body[home] main section[price] div[menu-wrapper] div[menu-whisky], body[home] main section[price] div[menu-wrapper] div[menu-food] {
        position: relative;
        padding: 1em;
        border-radius: 1em;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25); }
        body[home] main section[price] div[menu-wrapper] div[menu-tc][show] div[item], body[home] main section[price] div[menu-wrapper] div[menu-whisky][show] div[item], body[home] main section[price] div[menu-wrapper] div[menu-food][show] div[item] {
          display: grid; }
        body[home] main section[price] div[menu-wrapper] div[menu-tc] div[folder-button], body[home] main section[price] div[menu-wrapper] div[menu-whisky] div[folder-button], body[home] main section[price] div[menu-wrapper] div[menu-food] div[folder-button] {
          position: absolute;
          right: 1em;
          font-size: 0.9em;
          color: #cfd0d1;
          cursor: pointer; }
        body[home] main section[price] div[menu-wrapper] div[menu-tc] h3, body[home] main section[price] div[menu-wrapper] div[menu-whisky] h3, body[home] main section[price] div[menu-wrapper] div[menu-food] h3 {
          text-align: center;
          color: #878787;
          font-size: 1rem; }
        body[home] main section[price] div[menu-wrapper] div[menu-tc] div[notice], body[home] main section[price] div[menu-wrapper] div[menu-whisky] div[notice], body[home] main section[price] div[menu-wrapper] div[menu-food] div[notice] {
          margin-top: 0.5em; }
        body[home] main section[price] div[menu-wrapper] div[menu-tc] div[item], body[home] main section[price] div[menu-wrapper] div[menu-whisky] div[item], body[home] main section[price] div[menu-wrapper] div[menu-food] div[item] {
          text-align: center;
          font-size: 0.9em;
          padding: 0.5em 0;
          border-radius: 1em;
          display: none; }
          body[home] main section[price] div[menu-wrapper] div[menu-tc] div[item]:hover, body[home] main section[price] div[menu-wrapper] div[menu-whisky] div[item]:hover, body[home] main section[price] div[menu-wrapper] div[menu-food] div[item]:hover {
            background: #3e414a; }
          body[home] main section[price] div[menu-wrapper] div[menu-tc] div[item] div[key], body[home] main section[price] div[menu-wrapper] div[menu-whisky] div[item] div[key], body[home] main section[price] div[menu-wrapper] div[menu-food] div[item] div[key] {
            color: #878787; }
      body[home] main section[price] div[menu-wrapper] div[menu-tc] div[item] {
        grid-template-columns: repeat(2, 1fr); }
      body[home] main section[price] div[menu-wrapper] div[menu-whisky] div[item] {
        grid-template-columns: repeat(3, 1fr); }
      body[home] main section[price] div[menu-wrapper] div[menu-food] div[item] {
        grid-template-columns: repeat(3, 1fr); }
    body[home] main section[table-setting] h2 {
      font-size: 1.1em;
      text-align: center; }
    body[home] main section[table-setting] div[address] {
      text-align: center;
      margin: 1em 0; }
    body[home] main section[table-setting] div[img-box] {
      padding: 1em;
      background-image: url("../img/whisky-table.jpg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      height: 300px;
      border-radius: 1em;
      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25); }
    body[home] main section[interior] {
      position: relative; }
      body[home] main section[interior] h2 {
        font-size: 1.1em;
        text-align: center; }
      body[home] main section[interior] div[folder-button] {
        position: absolute;
        top: 2px;
        right: 1em;
        font-size: 0.9em;
        color: #cfd0d1;
        cursor: pointer; }
      body[home] main section[interior] div[images] {
        text-align: center;
        padding: 1em;
        border-radius: 1em;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25);
        display: none; }
        body[home] main section[interior] div[images][show] {
          display: block; }
    body[home] main section[reservation-event] h2 {
      font-size: 1.1em;
      text-align: center; }
    body[home] main section[reservation-event] div[address] {
      text-align: center;
      margin: 1em 0; }
    body[home] main section[location] h2 {
      font-size: 1.1em;
      text-align: center; }
    body[home] main section[location] div[address] {
      text-align: center;
      margin: 1em 0; }
    body[home] main section[reservation] {
      text-align: center;
      margin: 0;
      padding-bottom: 1em;
      bottom: 0;
      -webkit-position: sticky;
      -khtml-position: sticky;
      -moz-position: sticky;
      -ms-position: sticky;
      -o-position: sticky;
      position: sticky;
      -webkit-backdrop-filter: blur(3px);
      backdrop-filter: blur(3px);
      z-index: 2; }
      body[home] main section[reservation] a {
        text-decoration: none;
        display: inline-block;
        padding: 0.25em;
        background: red;
        color: #cfd0d1;
        border-radius: 1em;
        width: 100%;
        max-width: 300px;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25); }
  body[home] footer {
    color: #878787;
    padding: 1em;
    background: #1f2126; }
    body[home] footer > div {
      margin: 1em 0;
      text-align: center; }
    body[home] footer div[info] span {
      display: inline-block;
      padding: 0 0.5em 0 0.3em;
      border-right: 1px solid #535353; }
    body[home] footer div[info] span:last-child {
      border-right: none; }
  body[home] div[modals] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: rgba(32, 33, 36, 0.5);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    display: none;
    z-index: 3; }
    body[home] div[modals][show] {
      -webkit-display: flex;
      display: flex; }
    body[home] div[modals] > div {
      margin: 0 2em;
      padding: 1em;
      border-radius: 1em;
      background: #3e414a;
      width: 100%;
      max-width: 600px;
      -webkit-backdrop-filter: blur(1px);
      backdrop-filter: blur(1px);
      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25);
      display: none; }
      body[home] div[modals] > div[show] {
        display: block; }
    body[home] div[modals] div[calc-result] {
      position: relative;
      text-align: center; }
      body[home] div[modals] div[calc-result] h3 {
        position: absolute;
        top: -2em;
        left: 0;
        width: 100%; }
      body[home] div[modals] div[calc-result] div[info] {
        display: inline-block;
        padding: 1em; }
        body[home] div[modals] div[calc-result] div[info] > div {
          text-align: center;
          margin-bottom: 1em; }
          body[home] div[modals] div[calc-result] div[info] > div:last-child {
            margin-bottom: 0em; }
          body[home] div[modals] div[calc-result] div[info] > div div {
            font-size: 0.9em; }
          body[home] div[modals] div[calc-result] div[info] > div div[key] {
            color: #878787; }
        body[home] div[modals] div[calc-result] div[info] > div[choice] {
          display: none; }
          body[home] div[modals] div[calc-result] div[info] > div[choice][show] {
            display: block; }
      body[home] div[modals] div[calc-result] div[price] {
        color: #F6BB43;
        font-weight: 800;
        margin: 1em;
        background: #24272e;
        border-radius: 0.5em;
        padding: 0.5em;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25); }
      body[home] div[modals] div[calc-result] a {
        display: block;
        padding: 0.5em;
        border-radius: 0.5em;
        background: red;
        color: #cfd0d1;
        text-decoration: none;
        margin: 1em;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25);
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        body[home] div[modals] div[calc-result] a:hover {
          background: #c10000; }

@keyframes headerBolt {
  0% {
    background: #3e414a; }
  85% {
    background: #000; }
  100% {
    background: #3e414a; } }
@media (max-width: 425px) {
  body[home] header div[svg-box] svg {
    width: 60px; }
  body[home] header div[wrapper] div[title] {
    font-size: 2.5em; }
  body[home] header div[wrapper] div[everyday], body[home] header div[wrapper] div[holiday] {
    font-size: 1.4em; } }

/*# sourceMappingURL=master.css.map */