html * {
  font-family: "NanumSquare";
}

* {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

strong, b {
  font-weight: bold;
}

html {
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
}

html, body {
  max-width: 100%;
  min-height: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  line-height: 1;
  background-color: #f2f2f2;
}

html.scroll-prevent, body.scroll-prevent {
  height: 100%;
  overflow-y: hidden;
}

body {
  overflow-y: hidden;
}

body.scroll-prevent {
  overflow-y: hidden;
}

html, body, ol, ul, table, tbody, thead, tr, th, td, article, object, textarea {
  margin: 0;
  padding: 0;
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

ol, ul {
  list-style: none;
}

a {
  text-decoration: none;
}

[role="button"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  box-sizing: content-box;
}

template {
  display: none;
}

/* Reset `button` and button-style `input` default styles */
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  background: none;
  margin: 0;
  border: 0;
  color: inherit;
  /* cursor: default; */
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  /* for input */
  -webkit-user-select: none;
  /* for button */
  -moz-user-select: none;
  -ms-user-select: none;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  margin: 0;
  border: 0;
  padding: 0;
}

/* Make `a` like a button */
[role="button"] {
  color: inherit;
  cursor: default;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  white-space: pre;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.mod_no-flexbox * {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=");
}

.smile-red {
  color: #ff494d;
}

.smile-red2 {
  color: #ff5548;
}

.sm-sky-blue {
  color: #5da9e8;
}

.font-light {
  font-weight: 300;
}

.font-bold {
  font-weight: bold;
}

.flex-space-between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-space-between span {
  display: block;
}

.full-width {
  width: 100%;
  height: auto;
}

.left {
  text-align: left;
}

.panel_shadow {
  box-shadow: 1px 6px 12px 1px #dedede;
}

.auto-full-height {
  box-sizing: border-box;
}

.footer-float-btn {
  width: 160px;
  height: 160px;
  display: none;
  position: fixed;
  bottom: 104px;
}

#footerBackBtn {
  left: 40px;
}

#footerTopBtn {
  right: 40px;
}

.sm-btn-gray {
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  width: 185px;
  font-size: 37px;
  font-weight: normal;
  background-color: rgba(216, 216, 216, 0.2);
  color: #a0a0a0;
  border: 2px solid #a0a0a0;
  padding: 9px 0px;
  border-radius: 1em;
}

.sm-btn-gray-flex, .sm-btn-gray-flex-small {
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  border-radius: 1em;
  background-color: rgba(216, 216, 216, 0.2);
  color: #a0a0a0;
  border: 2px solid #a0a0a0;
  font-weight: normal;
  font-size: 37px;
  padding: 9px 23px;
}

.sm-btn-gray-flex-small {
  font-weight: normal;
  font-size: 31px;
  padding: 8px 24px;
}

.sm-btn-red-flex {
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  border-radius: 12px;
  font-size: 39px;
  padding: 11px 42px;
  font-weight: normal;
  background-color: #ff5548;
  color: white;
}

.sm-btn-white {
  display: inline-block;
  text-align: center;
  font-weight: normal;
  font-size: 48px;
  color: #a2a2a2;
  box-sizing: border-box;
  width: 208px;
  height: 120px;
  border-radius: 60px;
  border: solid 4px #e8e8e8;
  background-color: white;
}

.full-width-btn {
  width: 100%;
  font-size: 52px;
  text-align: center;
  background-color: #ff5548;
  color: white;
  height: 172px;
  border-radius: 12px;
}

.sm-input, .sm-select {
  border: 3px solid #e6e6e6;
  padding: 1em;
}

.sm-input::-webkit-input-placeholder, .sm-select::-webkit-input-placeholder {
  color: #dbdbdb;
}

.sm-input::-moz-placeholder, .sm-select::-moz-placeholder {
  color: #dbdbdb;
}

.sm-input:-ms-input-placeholder, .sm-select:-ms-input-placeholder {
  color: #dbdbdb;
}

.sm-input::placeholder, .sm-select::placeholder {
  color: #dbdbdb;
}

.sm-input:focus, .sm-select:focus {
  outline: none;
  border: 3px solid #ff5548;
}

.sm-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: white;
  background-image: url("/resource/image/common/arrow_down.svg");
  background-repeat: no-repeat;
  background-position: 95% 50%;
}

.sm-select:invalid {
  color: #dbdbdb;
}

.sm-textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 1em;
  background-color: #f7f8f9;
  line-height: 1.3;
}

.sm-textarea:focus {
  outline: none;
  border: 3px solid #ff5548;
}

.sm-textarea::-webkit-input-placeholder {
  color: #9b9b9b;
}

.sm-textarea::-moz-placeholder {
  color: #9b9b9b;
}

.sm-textarea:-ms-input-placeholder {
  color: #9b9b9b;
}

.sm-textarea::placeholder {
  color: #9b9b9b;
}

.sm-radio, .sm-radio2 {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: none;
}

.sm-radio + label:before, .sm-radio2 + label:before {
  content: url("/resource/image/common/radio_off.svg");
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.sm-radio:checked + label:before, .sm-radio2:checked + label:before {
  content: url("/resource/image/common/radio_on.svg");
}

.sm-radio2 + label:before {
  content: url("/resource/image/common/checkbox_circle_off.svg");
}

.sm-radio2:checked + label:before {
  content: url("/resource/image/common/checkbox_circle_on.svg");
}

.sm-checkbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: none;
}

.sm-checkbox + label:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-image: url("/resource/image/common/checkbox_off.svg");
  background-size: contain;
  min-width: 62px;
  min-height: 62px;
}

.sm-checkbox:checked + label:before {
  background-image: url("/resource/image/common/checkbox_on.svg");
}

.modal-layer {
  position: fixed;
  z-index: 11;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.7);
}

/*# sourceMappingURL=maps/common.css.map */