/*!
 * commit version: de9cd8cb
 * build date: 2020-6-24 14:37:42
 * 
 */
@charset "UTF-8";
a[role=button] {
  cursor: pointer; }

.button {
  display: inline-block;
  padding: 16px 0 14px;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: bold; }
  .button.button-primary {
    background: #1a7cff;
    color: #fff; }
    .button.button-primary:disabled, .button.button-primary.button-disabled {
      background: #ccc; }
  .button.button-default {
    background: #8e929f;
    color: #fff; }
    .button.button-default:disabled, .button.button-default.button-disabled {
      background: #ccc; }
  .button.button-dimmed {
    background: #f8f9fa;
    color: #bbc0cd; }
    .button.button-dimmed:disabled, .button.button-dimmed.button-disabled {
      background: #f8f9fa;
      color: #bbc0cd; }
  .button.button-inactive {
    background: #cccccc;
    color: #fff; }
    .button.button-inactive:disabled, .button.button-inactive.button-disabled {
      background: #cccccc;
      color: #fff; }

.button-line {
  display: inline-block;
  padding: 14px 0 12px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  border: 1px solid;
  background: #fff; }
  .button-line.button-primary {
    border-color: #1a7cff;
    color: #1a7cff; }
    .button-line.button-primary:disabled, .button-line.button-primary.button-disabled {
      border-color: #ccc;
      color: #bbc0cd; }
  .button-line.button-default {
    border-color: #8e929f;
    color: #8e929f; }
    .button-line.button-default:disabled, .button-line.button-default.button-disabled {
      border-color: #ccc;
      color: #bbc0cd; }
  .button-line.button-dimmed {
    background: #f8f9fa;
    border-color: #f8f9fa;
    color: #bbc0cd; }
    .button-line.button-dimmed:disabled, .button-line.button-dimmed.button-disabled {
      background: #f8f9fa;
      border-color: #f8f9fa;
      color: #bbc0cd; }

.button-group::after {
  display: block;
  content: "";
  clear: both; }

.button-group.double {
  display: flex; }
  .button-group.double .button {
    flex: 1; }

.button-group .button-control {
  float: left;
  width: 50%;
  box-sizing: border-box; }
  .button-group .button-control:nth-child(odd) {
    padding-right: 4px; }
  .button-group .button-control:nth-child(even) {
    padding-left: 4px; }
  .button-group .button-control .button {
    height: 60px; }
  .button-group .button-control .button-large {
    height: auto;
    padding: 21px 0 19px; }

.button-small {
  width: 98px; }

.linked-underline {
  color: #8e929f;
  position: relative; }
  .linked-underline::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #8e929f; }

.form-row {
  position: relative; }
  .form-row + .form-row {
    margin-top: 10px; }
  .form-row.has-button {
    position: relative;
    padding-right: 106px; }
    .form-row.has-button::after {
      display: block;
      content: "";
      clear: both; }
    .form-row.has-button .button-small {
      position: absolute;
      top: 0;
      right: 0; }
  .form-row.has-list {
    margin-top: 12px; }
  .form-row .input {
    padding: 12px 14px;
    height: auto;
    border: 1px solid #d7dbe6;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.6px;
    box-sizing: border-box;
    transition: border-color 0.15s ease-in-out; }
    .form-row .input::-webkit-input-placeholder {
      font-size: 16px;
      color: #8e929f;
      letter-spacing: -0.4px; }
    .form-row .input.error {
      border-color: #f52926; }
    .form-row .input:disabled, .form-row .input:-webkit-autofill:disabled {
      color: #8e929f !important;
      -webkit-text-fill-color: #8e929f !important; }
  .form-row + .msg-error {
    padding: 8px 0px 16px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #f52926;
    font-weight: normal; }
    .form-row + .msg-error p {
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.4px;
      color: #f52926;
      font-weight: normal; }
  .form-row + .msg-success {
    padding: 8px 0 16px; }
    .form-row + .msg-success .success {
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.4px;
      color: #8e929f;
      font-weight: normal; }
  .form-row + .form-label {
    padding-top: 20px; }
  .form-row + .notice-expired {
    padding: 8px 0px 16px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #f52926;
    font-weight: normal; }

.input-checkbox {
  position: relative;
  padding-top: 3px;
  min-height: 28px;
  box-sizing: border-box; }
  .input-checkbox label {
    position: relative;
    display: inline-block;
    padding-left: 35px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #666a75;
    font-weight: normal; }
    .input-checkbox label::after {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 26px;
      height: 26px;
      background: url(/cdn/ceo-moon/static/mobile/main/sp-inputs.png?ver=ee119bd3333d0c330c74fa3151f21fae) no-repeat;
      width: 25px;
      height: 25px;
      background-position: -60px 0;
      background-size: 120px 25px; }
  .input-checkbox input {
    position: absolute;
    width: 1px;
    height: 1px;
    border: 0;
    background-color: transparent;
    z-index: -1; }
  .input-checkbox input:checked + label::after {
    background-position: -90px 0; }

.form-label {
  display: block;
  padding: 0 16px 5px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.1px;
  color: #42454f;
  font-weight: normal; }

.form-data-list dt {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.1px;
  color: #42454f;
  font-weight: normal; }

.form-data-list dd {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: -0.4px;
  color: #212329;
  font-weight: normal;
  margin-top: 4px; }
  .form-data-list dd + dt {
    margin-top: 20px; }

.divider {
  margin: 16px 0 12px;
  padding: 0;
  border: solid #ccc;
  border-width: 1px 0 0 0; }

.form-with-input-title .form-row {
  margin-top: 20px; }

.form-with-input-title .form-row:first-child {
  margin-top: 0px; }

.form-with-input-title .input-title {
  font-size: 12px;
  font-weight: normal;
  color: #42454f; }

.form-with-input-title .input-contents {
  margin: 5px 0px;
  color: #212329;
  font-size: 16px; }

.auth-code-area .input-control {
  position: relative; }

.auth-code-area .timer {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 755px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.4px;
  color: #f52926;
  font-weight: normal; }

.info-list li {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.1px;
  color: #898989;
  font-weight: normal;
  position: relative;
  padding-left: 9px; }
  .info-list li::before {
    content: '';
    position: absolute;
    display: block;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #bbc0cd;
    border-radius: 50%; }
  .info-list li + li {
    margin-top: 6px; }

.button-list {
  margin-top: 30px; }
  .button-list.button-list-default li {
    background-color: #f8f9fa; }
  .button-list.button-list-primary li {
    background-color: #1a7cff; }
  .button-list .item {
    display: block;
    width: 100%;
    padding: 13px 15px 12px;
    box-sizing: border-box; }
    .button-list .item::after {
      display: block;
      content: "";
      clear: both; }
    .button-list .item + .item {
      margin-top: 10px; }
    .button-list .item .main-text {
      overflow: hidden;
      float: left;
      max-width: 50%;
      word-break: break-all;
      text-align: left;
      font-size: 16px;
      line-height: 25px;
      letter-spacing: -0.4px;
      color: #42454f;
      font-weight: bold; }
    .button-list .item .sub-text {
      overflow: hidden;
      float: right;
      max-width: 50%;
      word-break: break-all;
      text-align: right;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.4px;
      color: #212329;
      font-weight: normal;
      opacity: 0.4; }

.card {
  display: block;
  padding: 36px 24px;
  width: 328px;
  height: 460px;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  color: #42454f;
  transition: box-shadow 0.2s ease-in-out; }
  .card:last-of-type {
    margin-bottom: 0; }
  .card:hover {
    box-shadow: 4px 8px 20px 2px rgba(0, 0, 0, 0.15); }
  .card .title {
    color: #212329;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500; }
  .card .text {
    padding-top: 2px;
    color: #666a75; }
  .card .link-text {
    padding-top: 16px;
    text-decoration: underline;
    color: #8e929f; }

.card-small {
  width: 328px;
  height: 220px; }

.card-wrap::after {
  content: '';
  display: block;
  clear: both; }

.card-row {
  float: left; }
  .card-row + .card-row {
    margin-left: 20px; }

.card-column + .card-column {
  margin-top: 20px; }

.card-grid + .card-grid {
  margin: 20px 20px 20px 0; }

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/cdn/ceo-moon/static/font/noto/NotoSansKR-Thin.woff2?ver=4776c64f22d49bce1cfabd02c69e8b6b) format("woff2"), url(/cdn/ceo-moon/static/font/noto/NotoSansKR-Thin.woff?ver=d11a10e3a1aef8fe7b15ab849730922f) format("woff"), url(/cdn/ceo-moon/static/font/noto/NotoSansKR-Thin.ttf?ver=a64e11ed7632a2f845d0b19bf8515e42) format("truetype"); }

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/cdn/ceo-moon/static/font/noto/NotoSansKR-Light.woff2?ver=ea4db2bb9f683df8998eaaaec10beeab) format("woff2"), url(/cdn/ceo-moon/static/font/noto/NotoSansKR-Light.woff?ver=1f7c8be8c0ca8d54868052ef23475cb2) format("woff"), url(/cdn/ceo-moon/static/font/noto/NotoSansKR-Light.ttf?ver=044bab62f01060fd1ae0b3a657498955) format("truetype"); }

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(/cdn/ceo-moon/static/font/noto/NotoSansKR-Regular.woff2?ver=9139661f6f91e4420a77e89d352452af) format("woff2"), url(/cdn/ceo-moon/static/font/noto/NotoSansKR-Regular.woff?ver=7c3141b340ddb3c1aea80d2bb11e9f12) format("woff"), url(/cdn/ceo-moon/static/font/noto/NotoSansKR-Regular.ttf?ver=c5a13b7ad2db067cbc072c9715a7ec44) format("truetype"); }

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(/cdn/ceo-moon/static/font/noto/NotoSansKR-Medium.woff2?ver=2de688e285e7ba650eee5d0438c1d4a7) format("woff2"), url(/cdn/ceo-moon/static/font/noto/NotoSansKR-Medium.woff?ver=e63313c24774aee385441245d85fb80f) format("woff"), url(/cdn/ceo-moon/static/font/noto/NotoSansKR-Medium.ttf?ver=bf4fb88cf3a6dd00f33979af6b5e5c5f) format("truetype"); }

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(/cdn/ceo-moon/static/font/noto/NotoSansKR-Bold.woff2?ver=0ae2f9c5e5b82c0b15d3429dfe30f1eb) format("woff2"), url(/cdn/ceo-moon/static/font/noto/NotoSansKR-Bold.woff?ver=11ec013942ce7c5dfd5f1adf4a16d2ca) format("woff"), url(/cdn/ceo-moon/static/font/noto/NotoSansKR-Bold.ttf?ver=b23162f35aa946fb392b07c0a312286e) format("truetype"); }

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(/cdn/ceo-moon/static/font/noto/NotoSansKR-Black.woff2?ver=32188d45f90777455e0d5ad4644b2fb6) format("woff2"), url(/cdn/ceo-moon/static/font/noto/NotoSansKR-Black.woff?ver=ad135e744c2de8b16df8f386b410ce2e) format("woff"), url(/cdn/ceo-moon/static/font/noto/NotoSansKR-Black.ttf?ver=959c1bd3a490d16711e07fd060727156) format("truetype"); }

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(/cdn/ceo-moon/static/font/roboto/Roboto-Light-latin-ext.woff2?ver=32e7b23115f3be8634c35b58ed911a5c) format("woff2"), url(/cdn/ceo-moon/static/font/roboto/Roboto-Light.woff?ver=c8405cfa0df9fb2e47ef1c516cef59a8) format("woff"), url(/cdn/ceo-moon/static/font/roboto/Roboto-Light.ttf?ver=d5c46b134c17b2138dcd1bb0efa67049) format("truetype"); }

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(/cdn/ceo-moon/static/font/roboto/Roboto-Light-latin.woff2?ver=502c0706ac1ade8038e23d1ab721e389) format("woff2"), url(/cdn/ceo-moon/static/font/roboto/Roboto-Light.woff?ver=c8405cfa0df9fb2e47ef1c516cef59a8) format("woff"), url(/cdn/ceo-moon/static/font/roboto/Roboto-Light.ttf?ver=d5c46b134c17b2138dcd1bb0efa67049) format("truetype"); }

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(/cdn/ceo-moon/static/font/roboto/Roboto-Regular-latin-ext.woff2?ver=e8c30b490e458ca22303299350734429) format("woff2"), url(/cdn/ceo-moon/static/font/roboto/Roboto-Regular.woff?ver=878ad7158f6fa9136d796d4bad613bc2) format("woff"), url(/cdn/ceo-moon/static/font/roboto/Roboto-Regular.ttf?ver=5673da52c98bb6cb33ada5aaf649703e) format("truetype"); }

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(/cdn/ceo-moon/static/font/roboto/Roboto-Regular-latin.woff2?ver=455533a3901655ba48dbeef443e6159b) format("woff2"), url(/cdn/ceo-moon/static/font/roboto/Roboto-Regular.woff?ver=878ad7158f6fa9136d796d4bad613bc2) format("woff"), url(/cdn/ceo-moon/static/font/roboto/Roboto-Regular.ttf?ver=5673da52c98bb6cb33ada5aaf649703e) format("truetype"); }

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(/cdn/ceo-moon/static/font/roboto/Roboto-Bold-latin-ext.woff2?ver=a5cf80580dd4f9e1c92041eed42a6078) format("woff2"), url(/cdn/ceo-moon/static/font/roboto/Roboto-Bold.woff?ver=eb43b4c3b3b6cac224f76c0a524946a1) format("woff"), url(/cdn/ceo-moon/static/font/roboto/Roboto-Bold.ttf?ver=36b5bab58a18b9c924861a4ccbf1a790) format("truetype"); }

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(/cdn/ceo-moon/static/font/roboto/Roboto-Bold-latin.woff2?ver=9b65e550a24b38a75e1092df2320207c) format("woff2"), url(/cdn/ceo-moon/static/font/roboto/Roboto-Bold.woff?ver=eb43b4c3b3b6cac224f76c0a524946a1) format("woff"), url(/cdn/ceo-moon/static/font/roboto/Roboto-Bold.ttf?ver=36b5bab58a18b9c924861a4ccbf1a790) format("truetype"); }

.selectric-wrapper {
  display: inline-block;
  position: relative;
  width: 560px;
  vertical-align: top; }
  .selectric-wrapper + .selectric-wrapper {
    margin-left: 5px; }
  .selectric-wrapper .selectric {
    border: 0;
    background: none; }
  .selectric-wrapper .selectric .label {
    width: 100%;
    height: auto;
    min-height: 56px;
    margin: 0;
    padding: 15px 21px;
    border-bottom: 1px solid #d7dbe6;
    font-size: 18px;
    line-height: 24px;
    font-family: inherit;
    color: #212329;
    background: #fff;
    box-sizing: border-box; }
  .selectric-wrapper .selectric .button {
    width: 56px;
    height: 56px; }
    .selectric-wrapper .selectric .button:after {
      border: 5px solid transparent;
      border-top-color: #42454f; }
  .selectric-wrapper .selectric-items {
    position: absolute;
    margin: -1px 0;
    width: 470px;
    background: #fff;
    border: 1px solid #d7dbe6;
    z-index: 1000; }
    .selectric-wrapper .selectric-items li {
      padding: 0 20px;
      font-size: 18px;
      line-height: 58px;
      color: #212329;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .selectric-wrapper .selectric-items li:hover, .selectric-wrapper .selectric-items li.highlighted {
      background: #f2f7ff; }
  .selectric-wrapper.selected .select-bar {
    font-weight: bold;
    color: #212329; }

.ir {
  font-size: 0;
  line-height: 0;
  color: transparent;
  overflow: hidden; }

[class|="sp"] {
  padding: 0;
  margin: 0;
  border: 0;
  background: none; }

.sp-modal-close::before, .sp-input-reset::before, .sp-input-delete::before, .sp-photo-delete::before {
  content: '';
  display: inline-block;
  font-size: 0;
  line-height: 0;
  color: transparent;
  overflow: hidden;
  vertical-align: middle;
  background-size: 75px auto;
  background-image: url(/cdn/ceo-moon/static/mobile/main/sp-close.png?ver=f22b0eaecfbcdf702b485b2ec942a6fc); }

.sp-more::after {
  content: '';
  display: inline-block;
  font-size: 0;
  line-height: 0;
  color: transparent;
  overflow: hidden;
  vertical-align: middle;
  background-size: 265px auto;
  background-image: url(/cdn/ceo-moon/static/mobile/main/sp-main.png?ver=bb6d9ccfe82ae169cbcb264faaca1b09); }

.sp-more::after {
  width: 7px;
  height: 10px;
  background-position: -40px -15px; }

.sp-modal-close::before {
  width: 17px;
  height: 17px;
  background-position: -45px 0; }

.sp-input-reset::before {
  width: 12px;
  height: 10px;
  background-position: 0 0; }

.sp-input-delete::before {
  width: 12px;
  height: 10px;
  background-position: -15px 0; }

.sp-photo-delete::before {
  width: 10px;
  height: 10px;
  background-position: -30px 0; }

.sp-logo, .sp-more-guide::after, .sp-shortcut-mypage, .sp-shortcut-academy, .sp-shortcut-market, .sp-item-review::before, .sp-item-soldout::before, .sp-item-closing::before, .sp-item-operate::before, .sp-footer-logo, .sp-join-step::after, .sp-join-step.on::after, .sp-banner-more::after {
  content: '';
  display: inline-block;
  font-size: 0;
  line-height: 0;
  color: transparent;
  overflow: hidden;
  vertical-align: middle;
  background-size: 265px auto;
  background-image: url(/cdn/ceo-moon/static/desktop/main/sp-main.png?ver=446f3f7cc5e2510f1f347ed78f51f04c); }

.msg-content .dsc[class$='-intro']::before, .msg-content .dsc[class$='-intro']::after {
  content: '';
  display: inline-block;
  font-size: 0;
  line-height: 0;
  color: transparent;
  overflow: hidden;
  vertical-align: middle;
  background-size: 290px auto;
  background-image: url(/cdn/ceo-moon/static/desktop/main/sp-join-intro-v4.png?ver=9ac07a42e22338f7e657ce304acdea4e); }

.paginate .prev::before, .paginate .prev-end::before, .paginate .next::before, .paginate .next-end::before, .cscenter-wrapper .search-area .btn-search::before, .cscenter-wrapper .tab-cscenter li a::before, .cscenter-wrapper .notice-list .list .ico-new, .cscenter-wrapper .notice-view .btn-area .btn-list::before, .cscenter-wrapper .faq-list .list .item .title::after, .cscenter-wrapper .paginate .prev::before,
.cscenter-wrapper .paginate .prev-end::before,
.cscenter-wrapper .paginate .next::before,
.cscenter-wrapper .paginate .next-end::before, .cscenter-wrapper .cs-bbs .column .list.notice li .ico-new, .cscenter-wrapper .inquiry-box .view .question .attached .ico-file::before, .cscenter-wrapper .inquiry-box .view .question .attached .ico-file::after, .cscenter-wrapper .inquiry-box .view .question .attached .file::after, .cscenter-wrapper .inquiry-box .view .btn-area .btn-list::before, .cscenter-wrapper .inquiry-box .search .btn-search::before {
  content: '';
  display: inline-block;
  font-size: 0;
  line-height: 0;
  color: transparent;
  overflow: hidden;
  vertical-align: middle;
  background: url(/cdn/ceo-moon/static/desktop/main/sp-bbs.png?ver=9446d93bb9323226607fa386cf11412d) no-repeat;
  background-size: 100px auto; }

.sp-join-logo::before {
  content: '';
  display: inline-block;
  width: 51px;
  height: 12px;
  background-position: 0 0;
  background: url(/cdn/ceo-moon/static/desktop/main/join-logo.png?ver=f42578a64f18b8bba63be193a21472d6) no-repeat; }

.sp-logo {
  width: 170px;
  height: 23px;
  background-position: 0 0; }

.sp-more-guide::after {
  width: 24px;
  height: 18px;
  background-position: -200px -130px; }

.sp-shortcut-mypage {
  width: 80px;
  height: 24px;
  background-position: 0 -30px; }

.sp-shortcut-academy {
  width: 101px;
  height: 24px;
  background-position: 0 -60px; }

.sp-shortcut-market {
  width: 125px;
  height: 24px;
  background-position: 0 -90px; }

.sp-item-review::before {
  width: 24px;
  height: 24px;
  background-position: -170px 0; }

.sp-item-soldout::before {
  width: 24px;
  height: 24px;
  background-position: -169px -30px; }

.sp-item-closing::before {
  width: 24px;
  height: 24px;
  background-position: -170px -60px; }

.sp-item-operate::before {
  width: 24px;
  height: 24px;
  background-position: -170px -89px; }

.sp-footer-logo {
  width: 50px;
  height: 48px;
  background-position: 0 -120px; }

.sp-join-step::after {
  width: 6px;
  height: 11px;
  background-position: -170px -140px; }

.sp-join-step.on::after {
  width: 6px;
  height: 11px;
  background-position: -180px -140px; }

.sp-banner-more::after {
  width: 23px;
  height: 17px;
  background-position: -170px -120px; }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License:none (public domain)
*/
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

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

body {
  font-size: 14px;
  line-height: 1.4;
  color: #212329;
  letter-spacing: -0.04em;
  font-family: 'Roboto', 'Noto Sans KR', sans-serif, '돋움', 'Dotum', helvetica; }

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

button {
  border: none;
  background: none;
  border-radius: 0; }

.blind {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.hide {
  display: none; }

.clearfix:after {
  content: '';
  display: block;
  clear: both; }

img {
  vertical-align: top; }

textarea::-webkit-input-placeholder {
  color: #bbc0cd;
  font-size: 12px;
  font-weight: normal; }

.placeholder {
  color: #bbc0cd; }

.input {
  -webkit-appearance: none;
  display: block;
  position: relative;
  width: 100%;
  height: 36px;
  padding: 4px 0 3px;
  margin: 0;
  border-radius: 0;
  border: 1px solid #fff;
  border-bottom: 1px solid #d7dbe6;
  font-size: 17px;
  line-height: 1.63;
  letter-spacing: -0.5px;
  color: black;
  background: #fff;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .input:-webkit-autofill {
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 0 100px #fff inset; }
  .input::-webkit-input-placeholder {
    color: #bbc0cd !important;
    font-size: 12px;
    font-weight: normal; }
  .input:-ms-input-placeholder {
    color: #bbc0cd !important;
    font-size: 12px;
    font-weight: normal; }
  .input::-ms-input-placeholder {
    color: #bbc0cd !important;
    font-size: 12px;
    font-weight: normal; }
  .input::placeholder {
    color: #bbc0cd !important;
    font-size: 12px;
    font-weight: normal; }

textarea {
  width: 100%;
  padding: 13px 16px;
  font-size: 13px;
  line-height: 1.4;
  color: #212329;
  font-family: 'Roboto', 'Noto Sans KR', sans-serif, helvetica;
  border-radius: 0;
  border: 1px solid #d7dbe6;
  border-bottom: 1px solid #dedede;
  box-sizing: border-box;
  resize: none;
  -webkit-appearance: none; }

.selectric-wrapper {
  vertical-align: middle; }
  .selectric-wrapper .selectric .label {
    padding: 6px 21px 5px 0;
    min-height: 36px;
    font-size: 17px; }
  .selectric-wrapper .selectric .button {
    width: 36px;
    height: 36px; }
    .selectric-wrapper .selectric .button::after {
      border: 4px solid transparent;
      border-top-color: #42454f;
      border-bottom: none; }
  .selectric-wrapper .selectric-items li {
    padding: 0 8px;
    font-size: 17px;
    font-weight: normal;
    line-height: 38px; }

input {
  -webkit-appearance: none;
  outline: 0; }

textarea {
  outline: 0; }

em {
  font-style: normal; }

div {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

.btn {
  display: inline-block;
  padding: 10px 36px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  box-sizing: border-box;
  background-color: #8e929f;
  transition: 0.4s background-color; }
  .btn + .btn {
    margin-left: 6px; }
  .btn.expanded {
    display: block;
    margin: 0;
    width: 100%; }
  .btn.expanded-small {
    display: block;
    margin: 0 auto;
    width: 360px; }
  .btn.btn-default {
    color: #8e929f;
    border: solid 1px #d7dbe6;
    background-color: #fff; }
  .btn.btn-primary {
    color: #fff;
    border: 1px solid #1a7cff;
    background-color: #1a7cff; }
    .btn.btn-primary.disabled, .btn.btn-primary[disabled] {
      border-color: #bbc0cd; }
  .btn.btn-ceo {
    padding: 8px 0;
    border: 1px solid #1a7cff;
    font-weight: normal;
    color: #1a7cff;
    background-color: #fff; }
  .btn.btn-academy {
    padding: 8px 0;
    border: 1px solid #1a7cff;
    font-weight: normal;
    color: #1a7cff;
    background-color: #fff; }
  .btn.btn-market {
    padding: 8px 0;
    border: 1px solid #f8b62d;
    font-weight: normal;
    color: #f8b62d;
    background-color: #fff; }
  .btn.btn-basic {
    min-width: 90px;
    padding: 9px 0 7px;
    border: 1px solid #1a7cff;
    font-weight: normal;
    color: #1a7cff;
    vertical-align: middle;
    background-color: #fff; }
    .btn.btn-basic[disabled] {
      color: #fff;
      border: none; }
  .btn.btn-large {
    padding: 22px 0;
    font-size: 18px;
    font-weight: 500; }
  .btn.btn-dark {
    min-width: 360px;
    padding: 24px 0 23px;
    color: #fff;
    font-weight: 700;
    background-color: #4a4a4a; }
  .btn[disabled], .btn.disabled, .btn.btn-disabled, [disabled] .btn, .btn[disabled]:active, .btn.disabled:active, .btn.btn-disabled:active, [disabled] .btn:active {
    background: #bbc0cd !important; }

.btn-group {
  overflow: hidden;
  margin-top: 30px; }
  .btn-group.double .btn {
    float: left;
    width: 49%; }

.checkbox {
  overflow: hidden; }
  .checkbox input[type="checkbox"] {
    position: absolute;
    left: -9999px; }
  .checkbox label {
    display: inline-block;
    position: relative;
    margin: 0 5px;
    font-size: 12px;
    height: 24px;
    line-height: 2.2;
    color: #bbc0cd;
    vertical-align: middle; }
  .checkbox label::before {
    position: absolute;
    left: 0;
    top: 0;
    vertical-align: middle; }

.icheckbox_minimal-grey, .icheckbox_minimal-grey.hover,
.iradio_minimal-grey, .iradio_minimal-grey.hover {
  top: 0;
  margin: 0; }

.icheckbox_minimal-grey, .icheckbox_minimal-grey.hover {
  background: url(/cdn/ceo-moon/static/mobile/main/sp-inputs.png?ver=ee119bd3333d0c330c74fa3151f21fae) no-repeat;
  width: 25px;
  height: 25px;
  background-position: -60px 0;
  background-size: 120px 25px; }

.icheckbox_minimal-grey.checked {
  background-position: -90px 0; }

@media not all, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_minimal-grey, .icheckbox_minimal-grey.hover {
    background-image: url(/cdn/ceo-moon/static/mobile/main/sp-inputs.png?ver=ee119bd3333d0c330c74fa3151f21fae);
    background-size: 120px 25px; } }

.iradio_minimal-grey, .iradio_minimal-grey.hover {
  background: url(/cdn/ceo-moon/static/mobile/main/sp-inputs.png?ver=ee119bd3333d0c330c74fa3151f21fae) no-repeat;
  width: 25px;
  height: 25px;
  background-position: 0 0;
  background-size: 120px 25px; }

.iradio_minimal-grey.checked {
  background-position: -30px 0; }

@media not all, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .iradio_minimal-grey, .iradio_minimal-grey.hover {
    background-image: url(/cdn/ceo-moon/static/mobile/main/sp-inputs.png?ver=ee119bd3333d0c330c74fa3151f21fae);
    background-size: 120px 25px; } }

.selectric .button {
  background-color: transparent !important; }

.kakao-guide p {
  padding: 23px 0 17px 20px;
  font-size: 14px;
  line-height: 1.6;
  color: #212329;
  background: #fce783; }

.kakao-guide button {
  padding: 0;
  line-height: 0;
  font-size: 0;
  outline: 0; }

.paginate {
  text-align: center; }
  .paginate .prev, .paginate .prev-end, .paginate .next, .paginate .next-end {
    padding: 0;
    width: 30px;
    height: 30px;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    box-sizing: border-box;
    background-color: #fff;
    border: solid 1px #ccc; }
    .paginate .prev::before, .paginate .prev-end::before, .paginate .next::before, .paginate .next-end::before {
      content: '';
      margin: 8px auto 9px;
      display: block; }
  .paginate .page-num {
    display: inline-block;
    vertical-align: middle; }
  .paginate .prev-end::before {
    width: 12px;
    height: 11px;
    background-position: -20px 0; }
  .paginate .prev::before {
    width: 8px;
    height: 11px;
    background-position: -20px -20px; }
  .paginate .next-end::before {
    width: 12px;
    height: 11px;
    background-position: -20px -40px; }
  .paginate .next::before {
    width: 8px;
    height: 11px;
    background-position: -20px -60px; }
  .paginate .prev, .paginate .next {
    margin: 0 -1px; }
  .paginate .prev {
    margin-right: 10px; }
  .paginate .next {
    margin-left: 10px; }
  .paginate a {
    display: inline-block;
    padding: 0 6px;
    text-align: center;
    vertical-align: middle;
    color: #8e929f; }
    .paginate a.current {
      color: #212329; }

.list-all-wrap {
  margin-top: -24px; }
  .list-all-wrap .btn-list-all {
    padding: 7px 20px;
    height: 30px;
    line-height: 16px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #8e929f;
    border: 1px solid #ccc;
    box-sizing: border-box; }

.photos {
  display: flex; }
  .photos a {
    margin-right: 8px; }
  .photos .btn-add-photo {
    display: block;
    width: 80px;
    height: 80px;
    font-size: 11px;
    line-height: 1.90909;
    text-align: center;
    color: white;
    border: solid 0.5px #d7dbe6;
    background-color: #ffffff;
    background-image: url(/cdn/ceo-moon/static/desktop/main/upload-add-large.png?ver=a9e11c3d0e26fe9b9fc26828c4cc5fdd);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box; }
    .photos .btn-add-photo::before {
      display: block;
      margin: 11px auto 3px;
      width: 16px;
      height: 17px;
      background: url(/cdn/ceo-moon/static/desktop/sp-ceo.png?ver=1390b37fe3f84098217e17a9e77065f9) -20px -135px;
      background-size: 285px auto;
      vertical-align: middle; }
  .photos .btn-del-photo {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    font-size: 11px;
    line-height: 1.90909;
    text-align: center;
    color: white;
    box-sizing: border-box; }
    .photos .btn-del-photo span {
      position: relative;
      display: block;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); }
      .photos .btn-del-photo span::before {
        content: '';
        display: block;
        position: relative;
        top: 33px;
        margin: 0 auto 18px;
        width: 15px;
        height: 15px;
        background: url(/cdn/ceo-moon/static/mobile/sp-ceo.png?ver=67c0f145d80791f0129bdf503f80aed7) 0px -135px;
        background-size: 150px auto;
        vertical-align: middle; }
    .photos .btn-del-photo img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.pm {
  padding: 300px 0 100px;
  text-align: center;
  font-size: 16px; }
  .pm .logo {
    margin: 0 auto 32px;
    text-align: center; }
    .pm .logo img {
      width: 260px; }
    .pm .logo p {
      margin-top: 8px;
      font-size: 32px;
      font-weight: normal;
      line-height: 1.5;
      letter-spacing: -1px;
      text-align: center;
      color: #212329; }
  .pm .txt {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.4px;
    text-align: center;
    color: #212329; }
    .pm .txt + .txt {
      margin-top: 24px; }
  .pm em {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.4px;
    color: #f45452; }

input[type=text]::-ms-clear {
  display: none; }

select {
  display: block;
  padding: 0 25px 0 0;
  width: 100%;
  height: 36px;
  line-height: 36px;
  font-size: 17px;
  color: #212329;
  border: 1px solid #fff;
  border-bottom: 1px solid #dedede;
  border-radius: 0;
  background: #fff;
  box-sizing: border-box;
  outline: none;
  -webkit-appearance: none;
  background: #fff url(/cdn/ceo-moon/static/desktop/main/arr-select.png?ver=df6ab5684ff9c77940797f4f1fdd857c) no-repeat right 50%;
  background-size: 17px 4px; }
  select:disabled {
    opacity: 0.45; }

.modal-center .modal-contents {
  padding: 27px 25px 25px; }
  .modal-center .modal-contents p {
    font-size: 16px;
    color: #212329;
    line-height: 25px; }

.modal-center .buttons {
  overflow: hidden; }
  .modal-center .buttons button {
    float: left;
    width: 50%; }
    .modal-center .buttons button + button {
      border-left: 1px solid #979797; }

.modal-center button {
  padding: 14px 0 13px;
  width: 100%;
  font-size: 16px;
  color: #212329;
  line-height: 22px;
  border-top: 1px solid #979797;
  box-sizing: border-box; }
  .modal-center button:focus {
    outline: none; }

.auth-code-area .input-control {
  position: relative; }

.auth-code-area .timer {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.4px;
  color: #f52926;
  font-weight: normal; }

.old-address {
  position: relative; }
  .old-address .label-old-address {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.1px;
    color: #8e929f;
    font-weight: normal;
    position: absolute;
    top: -2px;
    left: 0;
    padding: 1px 4px;
    border: 1px solid #bbc0cd; }
  .old-address p {
    display: inline-block;
    padding-left: 38px;
    color: #8e929f;
    word-break: break-all; }

.overlay {
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.modal {
  position: fixed;
  width: 100%;
  opacity: 0;
  box-sizing: border-box; }
  .modal.modal-on {
    opacity: 1; }
  .modal .title {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.4em; }
  .modal.modal-img {
    background: #fff; }

.modal-header {
  position: absolute;
  top: 0;
  width: 100%;
  background: #1a7cff;
  z-index: 1100; }
  .modal-header h1 {
    padding: 14px 50px 11px 16px;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-align: left; }
  .modal-header .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 14px; }

.modal-contents {
  padding: 30px 15px 15px;
  background: #fff;
  box-sizing: border-box; }
  .modal-contents img {
    display: block;
    width: 100%; }

.modal-btn-area {
  margin-top: 20px; }

.modal-footer {
  margin: 2% 0; }
  .modal-footer .btn {
    padding: 10px 15px 9px;
    width: 100%;
    border-radius: 0; }

.modal-img-wrapper {
  overflow-y: scroll;
  padding: 85px 15px 30px;
  height: 100%;
  box-sizing: border-box; }
  .modal-img-wrapper img {
    display: block;
    width: 100%; }

.child-screen .header {
  position: absolute; }

.child-screen .header h1 {
  padding-right: 40px; }

.child-screen .content-wrapper {
  overflow-y: scroll;
  padding-top: 45px;
  height: 100%;
  box-sizing: border-box; }
  .child-screen .content-wrapper .row {
    padding: 0 25px;
    margin: 25px 0; }

.popup-confirm {
  width: 375px !important;
  padding: 28px 28px 18px;
  box-sizing: border-box; }
  .popup-confirm .popup-contents {
    font-size: 18px;
    line-height: 26px;
    text-align: center; }
    .popup-confirm .popup-contents strong {
      font-weight: bold;
      color: #ff5759; }
  .popup-confirm .btn-area {
    margin-top: 25px;
    text-align: center; }
    .popup-confirm .btn-area .btn {
      padding: 10px 0;
      width: 95px;
      text-align: center; }

.popup {
  height: 480px;
  background: #f8f9fa; }
  .popup .search-area {
    padding: 25px;
    background-color: #fff; }
    .popup .search-area .input.error::-webkit-input-placeholder {
      color: #f45452; }
    .popup .search-area .input.error:-ms-input-placeholder {
      color: #f45452; }
  .popup .search-result {
    display: none; }
    .popup .search-result .msg {
      margin-bottom: 10px;
      font-size: 14px;
      color: #8e929f; }
    .popup .search-result .tit {
      padding: 7px 15px 4px;
      border: 1px solid #d7dbe6;
      overflow: hidden;
      font-size: 12px;
      color: #bbc0cd;
      background-color: #fff; }
      .popup .search-result .tit .name {
        float: left;
        width: 70%; }
      .popup .search-result .tit .num {
        float: right;
        width: 30%;
        text-align: right; }
    .popup .search-result .list {
      margin-bottom: 10px;
      border-left: 1px solid #d7dbe6;
      border-right: 1px solid #d7dbe6;
      background-color: #fff; }
      .popup .search-result .list li {
        padding: 17px 15px 15px;
        border-bottom: 1px solid #d7dbe6; }
        .popup .search-result .list li a {
          color: #212329; }
        .popup .search-result .list li .name {
          overflow: hidden;
          display: inline-block;
          width: 70%;
          font-size: 17px;
          text-overflow: ellipsis;
          white-space: nowrap;
          vertical-align: middle; }
        .popup .search-result .list li .num {
          overflow: hidden;
          display: inline-block;
          width: 30%;
          font-size: 14px;
          text-overflow: ellipsis;
          white-space: nowrap;
          text-align: right;
          vertical-align: middle; }

.popup-leave p {
  font-size: 14px; }

.popup-leave button.btn-confirm {
  background-color: #1a7cff;
  color: #fff; }

.popup-notice .content-wrapper {
  overflow-y: hidden;
  padding-top: 0; }

.popup-notice .pop-header {
  width: 100%;
  background: #1a7cff;
  z-index: 1100; }
  .popup-notice .pop-header h1 {
    padding: 14px 50px 11px 16px;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-align: left; }
  .popup-notice .pop-header .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 14px; }

.popup-notice .pop-body {
  padding: 30px;
  font-size: 12px; }
  .popup-notice .pop-body em {
    color: #1a7cff; }
  .popup-notice .pop-body .h2-tit {
    margin-bottom: 10px;
    font-size: 17px; }
  .popup-notice .pop-body .h-dsc {
    margin-bottom: 20px;
    color: #212329;
    font-size: 12px;
    line-height: 1.5; }
  .popup-notice .pop-body .dsc-light {
    font-size: 12px;
    color: #8e929f;
    line-height: 1.8; }
    .popup-notice .pop-body .dsc-light em {
      color: #f45452; }
  .popup-notice .pop-body .spec-list {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid #d7dbe6; }
    .popup-notice .pop-body .spec-list tr {
      border-bottom: 1px solid #d7dbe6; }
      .popup-notice .pop-body .spec-list tr th {
        padding: 10px;
        border-right: 1px solid #d7dbe6; }
      .popup-notice .pop-body .spec-list tr td {
        padding: 10px; }
        .popup-notice .pop-body .spec-list tr td:first-child {
          text-align: center;
          border-right: 1px solid #d7dbe6; }
  .popup-notice .pop-body .checkbox {
    text-align: center; }
    .popup-notice .pop-body .checkbox label {
      margin-right: 0;
      line-height: inherit; }
  .popup-notice .pop-body .btn-logo-download {
    margin: 0 auto;
    width: 330px; }

.popup-notice .pop-footer {
  height: 59px;
  border-top: 1px solid #d7dbe6;
  text-align: right;
  background-color: #f8f9fa; }
  .popup-notice .pop-footer .btn-close-today {
    position: absolute;
    left: 0;
    padding: 20px 0 20px 30px;
    font-size: 13px;
    color: #8e929f;
    outline: none; }
  .popup-notice .pop-footer .btn-close {
    width: 90px;
    line-height: 60px;
    border-left: 1px solid #d7dbe6;
    font-size: 13px;
    color: #8e929f;
    text-align: center; }

.popup-ad-support .popup-container {
  padding: 0 24px; }

.popup-ad-support .popup-header, .popup-ad-support .popup-body {
  padding-top: 24px; }

.popup-ad-support .popup-body {
  padding-bottom: 24px; }

.popup-ad-support .popup-title {
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: -0.4px;
  color: #212329; }

.popup-ad-support .popup-body {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.4px;
  color: #212329; }
  .popup-ad-support .popup-body .btn-close-today {
    color: #8e929f;
    padding: 0;
    background-color: white;
    font-size: 12px;
    font-weight: 500; }

.popup-ad-support .popup-footer {
  display: flex;
  align-items: center;
  justify-content: center; }
  .popup-ad-support .popup-footer .btn {
    flex: 1;
    border-top: solid 1px rgba(33, 35, 41, 0.2);
    background: white;
    height: 24px;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.4px;
    text-align: center;
    color: #212329;
    padding: 22px 0;
    display: inline-block;
    height: 100%; }
  .popup-ad-support .popup-footer a.btn {
    color: #212329 !important;
    text-decoration: none !important;
    color: #212329 !important;
    font-weight: bold !important; }
  .popup-ad-support .popup-footer .btn + .btn {
    margin-left: 0;
    border-left: solid 1px rgba(33, 35, 41, 0.2); }

.popup-ad-support .btn:hover {
  cursor: pointer; }

.popup-term-agree {
  height: auto;
  padding: 40px 30px 30px;
  box-sizing: border-box; }
  .popup-term-agree .pop-body {
    font-size: 14px;
    color: #4a4a4a;
    line-height: 1.7; }
    .popup-term-agree .pop-body .tit {
      margin-bottom: 15px;
      font-size: 21px;
      font-weight: 700;
      color: #212329; }
    .popup-term-agree .pop-body .txt-point {
      font-weight: 700;
      color: #1a7cff; }
    .popup-term-agree .pop-body .txt-line {
      border-bottom: 1px solid #4a4a4a; }
    .popup-term-agree .pop-body .txt-light {
      padding: 25px 0 10px;
      color: #8e929f; }

.popup-wrap.popup-replace-baemin-order .popup-content {
  position: relative;
  height: 100%;
  padding-bottom: 66px;
  box-sizing: border-box; }
  .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content {
    overflow-y: auto;
    height: 100%; }
    .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-header {
      padding: 24px; }
      .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-header .title {
        font-size: 22px;
        font-weight: 400;
        line-height: 1.45;
        letter-spacing: -1px;
        color: #212329; }
        @media (max-width: 340px) {
          .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-header .title {
            font-size: 19px;
            letter-spacing: -0.4px; } }
      .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-header .description {
        margin-top: 8px;
        font-size: 14px;
        line-height: 1.43;
        letter-spacing: -0.4px;
        color: #212329; }
      .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-header .btn-close {
        display: none; }
    .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body {
      margin: 0 24px;
      padding: 24px 0 32px;
      border-top: 1px solid #eceef2;
      font-size: 16px;
      line-height: 1.5;
      letter-spacing: -0.4px;
      color: #212329; }
      .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .body-title {
        margin-bottom: 16px; }
      .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .checkbox-area {
        margin-bottom: 16px; }
        .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .checkbox-area + .checkbox-area {
          margin: 0; }
        .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .checkbox-area .checkbox-container {
          position: relative;
          padding-left: 30px; }
          .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .checkbox-area .checkbox-container .icheckbox_minimal-grey {
            position: absolute;
            left: 0;
            top: 0; }
          .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .checkbox-area .checkbox-container label {
            vertical-align: bottom;
            cursor: pointer;
            font-size: 16px;
            line-height: 1.5;
            color: #212329;
            letter-spacing: -1px; }
            .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .checkbox-area .checkbox-container label a {
              color: #1a7cff;
              font-weight: bold;
              vertical-align: middle; }
          .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .checkbox-area .checkbox-container .is-not-valid {
            display: none;
            font-size: 14px;
            line-height: 1.43;
            letter-spacing: -0.4px;
            color: #f45452;
            margin-top: 8px; }
            .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .checkbox-area .checkbox-container .is-not-valid.on {
              display: block; }
          .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .checkbox-area .checkbox-container + .checkbox-container {
            margin-top: 16px; }
      .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .caution-container {
        font-size: 12px;
        line-height: 1.67;
        letter-spacing: -0.2px;
        color: #8e929f;
        margin-top: 24px; }
        .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .caution-container .caution-title {
          margin-bottom: 8px;
          font-weight: bold; }
          .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .caution-container .caution-title > span.expand-btn {
            float: right;
            font-weight: normal;
            cursor: pointer; }
            .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .caution-container .caution-title > span.expand-btn:after {
              display: inline-block;
              content: '';
              width: 10px;
              height: 10px;
              margin-left: 4px;
              background: url(/cdn/static/mobile/service-menu-arr@2x.png) no-repeat 0 0/contain;
              -webkit-transform: rotate(90deg);
                  -ms-transform: rotate(90deg);
                      transform: rotate(90deg); }
            .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .caution-container .caution-title > span.expand-btn.on::after {
              background-image: none; }
        .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .caution-container .caution-list {
          padding-left: 15px; }
          .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .caution-container .caution-list > li {
            margin-bottom: 8px;
            position: relative; }
            .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .caution-container .caution-list > li:last-child {
              margin: 0; }
          .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .caution-container .caution-list > li:before {
            content: '';
            width: 2px;
            height: 2px;
            display: inline-block;
            position: absolute;
            border-radius: 2px;
            left: -11px;
            top: 7px;
            background: #8e929f; }
        .popup-wrap.popup-replace-baemin-order .popup-content .scrollable-content .popup-body .caution-container + .caution-container {
          margin-top: 16px; }
  .popup-wrap.popup-replace-baemin-order .popup-content .popup-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    box-shadow: 0 -7px 8px -4px rgba(142, 146, 159, 0.16), 0 -5px 22px 4px rgba(142, 146, 159, 0.08), 0 -12px 17px 2px rgba(142, 146, 159, 0.08);
    border-top: 0; }
    .popup-wrap.popup-replace-baemin-order .popup-content .popup-footer .btn {
      font-size: 18px;
      font-weight: bold;
      line-height: 1.33;
      letter-spacing: -0.4px;
      text-align: center;
      color: #212329;
      margin-left: 0; }
    .popup-wrap.popup-replace-baemin-order .popup-content .popup-footer .btn-close {
      color: #1a7cff; }
    .popup-wrap.popup-replace-baemin-order .popup-content .popup-footer .btn-confirm {
      position: relative;
      background: #1a7cff;
      color: #fff; }
      .popup-wrap.popup-replace-baemin-order .popup-content .popup-footer .btn-confirm .ladda-spinner {
        left: 50%;
        margin-left: 0; }

.popup-wrap .popup-content .popup-header {
  position: relative;
  padding: 24px 24px 26px; }
  .popup-wrap .popup-content .popup-header .title {
    font-size: 22px;
    font-weight: 500; }
  .popup-wrap .popup-content .popup-header .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 21px;
    font-size: 0;
    line-height: 0;
    outline: none; }
    .popup-wrap .popup-content .popup-header .btn-close::after {
      display: block;
      content: '';
      width: 24px;
      height: 24px;
      background: url(/cdn/ceo-moon/static/mobile/icon-close-btn.png?ver=388880269dad11b848aee3ffeb55849f);
      background-size: 24px 24px; }

.popup-wrap .popup-content .popup-body {
  padding: 0 40px 40px 40px; }
  .popup-wrap .popup-content .popup-body .dsc-txt {
    margin-bottom: 24px;
    line-height: 1.8; }
    .popup-wrap .popup-content .popup-body .dsc-txt p + p {
      margin-top: 7px; }
  .popup-wrap .popup-content .popup-body .text-info {
    overflow-y: auto;
    font-size: 16px;
    line-height: 1.5; }
    .popup-wrap .popup-content .popup-body .text-info strong {
      font-weight: 700; }
  .popup-wrap .popup-content .popup-body .table {
    width: 100%;
    border-top: 1px solid #212329;
    border-spacing: 0;
    border-collapse: collapse; }
    .popup-wrap .popup-content .popup-body .table.table-space-justify tr th:first-child, .popup-wrap .popup-content .popup-body .table.table-space-justify tr td:first-child {
      padding-left: 20px; }
    .popup-wrap .popup-content .popup-body .table.table-space-justify tr th:last-child, .popup-wrap .popup-content .popup-body .table.table-space-justify tr td:last-child {
      padding-right: 20px; }
    .popup-wrap .popup-content .popup-body .table .is-gray {
      background-color: #f8f9fa; }
    .popup-wrap .popup-content .popup-body .table .is-bold {
      font-weight: 700; }
    .popup-wrap .popup-content .popup-body .table thead th, .popup-wrap .popup-content .popup-body .table thead td {
      padding-top: 11px;
      padding-bottom: 12px;
      font-size: 12px;
      font-weight: 400;
      color: #8e929f; }
    .popup-wrap .popup-content .popup-body .table tbody th, .popup-wrap .popup-content .popup-body .table tbody td {
      font-size: 15px;
      font-weight: normal;
      line-height: 2;
      font-family: 'AppleSDGothicNeo'; }
    .popup-wrap .popup-content .popup-body .table th, .popup-wrap .popup-content .popup-body .table td {
      padding-top: 13px;
      padding-bottom: 10px;
      color: #212329;
      text-align: left;
      line-height: normal;
      border-bottom: 1px solid #d7dbe6; }
      .popup-wrap .popup-content .popup-body .table th.text-left, .popup-wrap .popup-content .popup-body .table td.text-left {
        text-align: left; }
      .popup-wrap .popup-content .popup-body .table th.text-center, .popup-wrap .popup-content .popup-body .table .ad-support th.section-login, .ad-support .popup-wrap .popup-content .popup-body .table th.section-login, .popup-wrap .popup-content .popup-body .table td.text-center, .popup-wrap .popup-content .popup-body .table .ad-support td.section-login, .ad-support .popup-wrap .popup-content .popup-body .table td.section-login {
        text-align: center; }
      .popup-wrap .popup-content .popup-body .table th.text-right, .popup-wrap .popup-content .popup-body .table td.text-right {
        text-align: right; }

.popup-wrap .popup-content .popup-footer {
  border-top: 1px solid #d7dbe6;
  display: flex; }
  .popup-wrap .popup-content .popup-footer > button {
    flex: 1; }
  .popup-wrap .popup-content .popup-footer .btn {
    display: block;
    padding: 21px 0;
    width: 100%;
    color: #212329;
    font-size: 16px;
    font-weight: normal;
    line-height: initial;
    border: 0;
    outline: none;
    cursor: pointer;
    background-color: #fff; }
    .popup-wrap .popup-content .popup-footer .btn + .btn {
      border-left: 1px solid #d7dbe6; }

.check-popup .popup-body {
  padding: 24px; }
  .check-popup .popup-body h3 {
    margin-bottom: 24px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.4px;
    color: #212329; }
  .check-popup .popup-body p {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: #212329; }

.check-popup .check-popup-footer {
  display: flex;
  border-top: 1px solid #d7dbe6; }
  .check-popup .check-popup-footer button {
    flex: 1;
    padding: 21px 0 18px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: -0.4px;
    text-align: center;
    color: #212329; }
    .check-popup .check-popup-footer button + button {
      border-left: 1px solid #d7dbe6; }

html,
body,
#wrapper {
  height: 100%; }

.branch-info {
  position: fixed;
  top: 10px;
  left: 10px;
  font-size: 14px;
  color: #fff;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5); }

.icon-sprite-new {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 4px;
  box-sizing: border-box;
  background-size: cover;
  background-position: center center;
  background-image: url(/cdn/ceo-moon/static/images/icon-new.png?ver=7afc82a2ec5ddfdb245ed440c2ae9a2c); }

.container {
  position: relative;
  padding-bottom: 157px;
  min-width: 1112px;
  min-height: 100%;
  background-color: #fff;
  box-sizing: border-box;
  top: 116px; }
  .container .main-content {
    position: relative;
    min-height: 600px; }
  .container .linemap {
    position: absolute;
    top: 16px;
    right: 0;
    font-size: 12px; }
    .container .linemap li {
      padding-left: 10px;
      display: inline-block;
      color: #bbc0cd; }
  .container.main {
    top: 0; }
    .container.main .header {
      background-color: transparent;
      border-bottom: none;
      box-shadow: none !important; }
      .container.main .header .gnb .gnb-info li {
        color: #fff; }
        .container.main .header .gnb .gnb-info li span em {
          color: #fff; }
        .container.main .header .gnb .gnb-info li::before,
        .container.main .header .gnb .gnb-info li a,
        .container.main .header .gnb .gnb-info li span {
          opacity: 0.6; }
      .container.main .header .nav .nav-left li.division::after {
        opacity: 0.6;
        margin: 5px 4px 8px 0; }
      .container.main .header .nav .nav-left li > a {
        color: #fff;
        padding: 5px 0px 8px; }
      .container.main .header .logo .ceo-logo-default {
        display: none; }
      .container.main .header .logo .ceo-logo-white {
        display: block; }
      .container.main .header .nav .nav-right li.mini_gnb {
        display: none; }
      .container.main .header .nav .nav-right [class^='sp-logo'].beta:after {
        background-position: 0px -110px; }
      .container.main .header .nav .nav-right [class^='sp-logo']:hover.beta:after {
        background-position: -40px -110px; }
      .container.main .header .nav .nav-right .sp-logo-mart {
        background-position: -131px -0.5px; }
      .container.main .header .nav .nav-right .sp-logo-academy {
        background-position: 100% -79px; }
      .container.main .header .nav .nav-right .sp-logo-note {
        background-position: 100% -143px; }
    .container.main .header.mini .header-inner .logo .ceo-logo-default {
      display: none; }
    .container.main .header.on {
      background-color: #fff;
      box-shadow: 0 -1px 0 0 inset #eceef2 !important; }
      .container.main .header.on .gnb .gnb-info li {
        color: #8e929f; }
        .container.main .header.on .gnb .gnb-info li span em {
          color: #212329; }
      .container.main .header.on .nav .nav-left li > a {
        color: #666a75; }
        .container.main .header.on .nav .nav-left li > a:hover {
          color: #212329; }
      .container.main .header.on .logo .ceo-logo-default {
        display: block; }
      .container.main .header.on .logo .ceo-logo-white {
        display: none; }
      .container.main .header.on .nav .nav-right [class^='sp-logo'].beta:after {
        background-position: -40px -110px; }
      .container.main .header.on .nav .nav-right [class^='sp-logo']:hover.beta:after {
        background-position: -40px -110px; }
      .container.main .header.on .nav .nav-right .sp-logo-mart {
        background-position: 0 0; }
        .container.main .header.on .nav .nav-right .sp-logo-mart:hover {
          background-position: 0 -18.5px; }
      .container.main .header.on .nav .nav-right .sp-logo-academy {
        background-position: 0 -55px; }
        .container.main .header.on .nav .nav-right .sp-logo-academy:hover {
          background-position: 0 -79px; }
      .container.main .header.on .nav .nav-right .sp-logo-note {
        background-position: 0 -123px; }
        .container.main .header.on .nav .nav-right .sp-logo-note:hover {
          background-position: 0 -143px; }

.page-title {
  margin-bottom: 30px;
  text-align: center; }
  .page-title h1 {
    font-size: 28px;
    font-weight: 400;
    color: #212329; }
  .page-title p {
    margin-top: 5px;
    font-size: 14px;
    color: #8e929f; }

.header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 -1px 0 0 inset #eceef2 !important;
  z-index: 1000; }
  .header.on .btn-scroll-top {
    visibility: visible; }
  .header .link-selfservice {
    float: right;
    margin-top: -2px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: -0.2px;
    color: #f8f9fa;
    border-radius: 12px;
    background-color: #1a7cff; }
  .header .gnb {
    margin: 18px auto 0;
    width: 1112px;
    height: 20px; }
    .header .gnb .gnb-info {
      float: right;
      padding-left: 8px; }
      .header .gnb .gnb-info li {
        position: relative;
        display: inline-block;
        font-size: 14px;
        color: #8e929f;
        letter-spacing: -0.4px; }
        .header .gnb .gnb-info li a {
          margin: 0 8px 0 10px;
          display: inline-block;
          vertical-align: middle; }
          .header .gnb .gnb-info li a::after {
            content: '';
            display: block;
            margin-top: -1px;
            height: 1px; }
          .header .gnb .gnb-info li a:hover::after {
            content: '';
            display: block;
            height: 1px;
            background: #bdbdbd; }
        .header .gnb .gnb-info li span {
          margin: 0 8px 0;
          display: inline-block;
          vertical-align: middle; }
          .header .gnb .gnb-info li span.user-name em {
            color: #212329; }
          .header .gnb .gnb-info li span.user-bizMoney a {
            margin: 0 0 0 3px;
            vertical-align: bottom; }
          .header .gnb .gnb-info li span.user-bizMoney em {
            color: #212329;
            font-weight: 600; }
      .header .gnb .gnb-info li + li::before {
        content: '';
        display: inline-block;
        width: 1px;
        height: 14px;
        vertical-align: middle;
        background-color: #d7dbe6; }
      .header .gnb .gnb-info li:last-child a {
        margin-right: 0; }
  .header .header-inner {
    position: relative;
    margin: 0 auto;
    width: 1112px; }
    .header .header-inner .logo {
      display: block;
      margin: 0 0 16px;
      width: 200px;
      height: 24px; }
      .header .header-inner .logo .ceo-logo-default {
        display: block; }
      .header .header-inner .logo .ceo-logo-white {
        display: none; }
      .header .header-inner .logo .ceo-logo-mini {
        display: none; }
  .header .nav {
    position: relative; }
    .header .nav .nav-left {
      float: left; }
      .header .nav .nav-left li > a {
        display: block;
        margin-right: 24px;
        padding: 5px 0px 8px;
        line-height: 1.38em;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -0.4px;
        color: #666a75; }
      .header .nav .nav-left .division {
        margin-right: 10px; }
        .header .nav .nav-left .division:after {
          position: absolute;
          top: 2px;
          right: 5px;
          content: '';
          display: block;
          margin: 5px 4px 8px 0;
          width: 1px;
          height: 16px;
          opacity: 1;
          background-color: #d7dbe6; }
      .header .nav .nav-left .new-wrap {
        margin-right: 56px; }
        .header .nav .nav-left .new-wrap .ico-new {
          position: absolute;
          right: 29px; }
    .header .nav .nav-right {
      float: right; }
      .header .nav .nav-right > li.mini_gnb {
        display: none; }
      .header .nav .nav-right .mini-link-selfservice {
        display: none; }
        .header .nav .nav-right .mini-link-selfservice:hover a {
          color: #f8f9fa;
          border: none; }
        .header .nav .nav-right .mini-link-selfservice a {
          margin-left: 10px;
          height: auto;
          padding: 2px 8px !important; }
      .header .nav .nav-right > li > a {
        position: relative;
        display: block;
        padding: 7px 0 0 0;
        height: 38px;
        box-sizing: border-box; }
      .header .nav .nav-right > li + li > a {
        margin-left: 32px; }
      .header .nav .nav-right > li + li > .user-name {
        margin-top: -1px;
        margin-left: 32px; }
      .header .nav .nav-right [class^='sp-logo'] {
        display: block;
        background: url(/cdn/ceo-moon/static/desktop/main/sp-gnb-v2.png?ver=c5b98532c8fdc1b62ad2cb3a5266e1b6) no-repeat;
        background-size: 200px auto;
        color: transparent; }
        .header .nav .nav-right [class^='sp-logo'].beta:after {
          position: absolute;
          right: -22px;
          top: -1px;
          display: block;
          width: 20px;
          height: 10px;
          content: '';
          background: url(/cdn/ceo-moon/static/desktop/main/sp-gnb-v2.png?ver=c5b98532c8fdc1b62ad2cb3a5266e1b6) no-repeat;
          background-position: -20px -110px;
          background-size: 200px auto; }
        .header .nav .nav-right [class^='sp-logo']:hover.beta:after {
          background-position: -40px -110px; }
      .header .nav .nav-right .sp-logo-mart {
        width: 68px;
        height: 15px;
        background-position: 0 0; }
        .header .nav .nav-right .sp-logo-mart:hover {
          background-position: 0 -18.5px; }
      .header .nav .nav-right .sp-logo-academy {
        margin-top: -7px;
        width: 97px;
        height: 24px;
        background-position: 0 -55px; }
        .header .nav .nav-right .sp-logo-academy:hover {
          background-position: 0 -79px; }
      .header .nav .nav-right .sp-logo-note {
        position: relative;
        width: 66px;
        height: 15px;
        background-position: 0 -123px; }
        .header .nav .nav-right .sp-logo-note:hover {
          background-position: 0 -143px; }
  .header .nav > ul > li {
    float: left;
    position: relative; }
    .header .nav > ul > li:hover > a {
      border-bottom: 3px solid #212329;
      color: #212329; }
    .header .nav > ul > li:hover > .mini-login {
      border-bottom: 1px solid #8e929f; }
    .header .nav > ul > li:hover > .mega-menu-wrapper {
      visibility: visible;
      opacity: 1;
      filter: alpha(opacity=100); }
  .header .mega-menu-wrapper {
    position: fixed;
    top: 116px;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #fff;
    visibility: hidden;
    transition-delay: 100ms;
    border-bottom: 1px solid #eceef2;
    box-sizing: border-box;
    opacity: 0;
    filter: alpha(opacity=0); }
    .header .mega-menu-wrapper .mega-menu {
      width: 1112px;
      height: 261px;
      margin: 0 auto;
      box-sizing: border-box; }
      .header .mega-menu-wrapper .mega-menu.mega-menu-manage {
        height: auto; }
        .header .mega-menu-wrapper .mega-menu.mega-menu-manage .dropdown-content-left {
          display: flex;
          flex-direction: row; }
        .header .mega-menu-wrapper .mega-menu.mega-menu-manage .dropdown-content-right {
          margin-top: 30px; }
      .header .mega-menu-wrapper .mega-menu.mega-menu-service {
        padding: 30px 0 0 30px;
        border-left: 1px solid #eceef2; }
      .header .mega-menu-wrapper .mega-menu ul {
        float: left;
        display: block;
        width: 170px;
        min-height: 295px;
        padding: 18px 0 14px 30px;
        border-right: 1px solid #eceef2;
        background-color: #fff;
        box-sizing: border-box; }
        .header .mega-menu-wrapper .mega-menu ul:first-child {
          border-left: 1px solid #eceef2; }
        .header .mega-menu-wrapper .mega-menu ul li {
          display: block;
          font-size: 14px;
          font-weight: 300; }
          .header .mega-menu-wrapper .mega-menu ul li.menu-title {
            color: #212329;
            border: none;
            padding: 10px 0;
            line-height: 1.2em;
            font-weight: 400; }
          .header .mega-menu-wrapper .mega-menu ul li a {
            padding: 5px 4px 8px 0;
            font-size: 14px;
            font-weight: 300;
            color: #8e929f !important; }
            .header .mega-menu-wrapper .mega-menu ul li a > em.beta-label {
              background: url(/cdn/ceo-moon/static/desktop/main/gnb_menu_label_beta.svg?ver=02cedfceb884038183d336417cc8e4c4) no-repeat;
              display: inline-block;
              position: relative;
              color: transparent;
              line-height: 0;
              margin-left: 4px;
              vertical-align: super;
              width: 19px;
              height: 10px; }
            .header .mega-menu-wrapper .mega-menu ul li a:hover {
              font-weight: 400;
              text-decoration: underline; }
              .header .mega-menu-wrapper .mega-menu ul li a:hover > em.beta-label {
                background: url(/cdn/ceo-moon/static/desktop/main/gnb_menu_label_beta_hover.svg?ver=4bfb8fcacc54bf1730dfe5a3ddbcffbd) no-repeat; }
    .header .mega-menu-wrapper .dropdown-content-right {
      display: block;
      float: right;
      position: relative;
      right: 0;
      width: 340px;
      height: 100%; }
      .header .mega-menu-wrapper .dropdown-content-right .thumbnail {
        width: 340px;
        height: 140px; }
        .header .mega-menu-wrapper .dropdown-content-right .thumbnail img {
          width: 340px;
          height: 140px;
          vertical-align: top; }
      .header .mega-menu-wrapper .dropdown-content-right .gnb-content-main-text {
        display: block;
        margin-top: 10px;
        font-size: 17px;
        color: #212329;
        font-weight: bold; }
      .header .mega-menu-wrapper .dropdown-content-right .gnb-content-sub-text {
        display: block;
        margin-top: 2px;
        font-size: 12px;
        color: #8e929f; }
    .header .mega-menu-wrapper .dropdown-content-left {
      float: left;
      height: 100%; }
      .header .mega-menu-wrapper .dropdown-content-left .service-logo {
        height: 95px; }
      .header .mega-menu-wrapper .dropdown-content-left .summary {
        margin-bottom: 15px;
        font-size: 12px;
        line-height: 1.83;
        color: #666a75; }
      .header .mega-menu-wrapper .dropdown-content-left .btn-more {
        font-size: 14px;
        font-weight: bold;
        color: #1a7cff; }
  .header .btn-scroll-top {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 0;
    bottom: 49px;
    visibility: hidden; }
    .header .btn-scroll-top:hover {
      cursor: pointer; }
  .header.mini {
    height: 65px; }
    .header.mini .gnb {
      display: none; }
    .header.mini .header-inner {
      padding-top: 24px; }
      .header.mini .header-inner .logo {
        display: inline-block;
        width: 51px; }
        .header.mini .header-inner .logo .ceo-logo-default {
          display: none; }
        .header.mini .header-inner .logo .ceo-logo-white {
          display: none; }
        .header.mini .header-inner .logo .ceo-logo-mini {
          display: block;
          width: 27px;
          height: 24px; }
      .header.mini .header-inner .nav {
        display: inline-block;
        width: calc(100% - 55px); }
        .header.mini .header-inner .nav .mega-menu-wrapper {
          top: 65px; }
        .header.mini .header-inner .nav .nav-left > li > a {
          padding: 0;
          font-size: 14px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.43;
          letter-spacing: -0.4px;
          color: #666a75;
          height: 35px; }
          .header.mini .header-inner .nav .nav-left > li > a:hover {
            color: #212329; }
        .header.mini .header-inner .nav .nav-left .division {
          margin-right: 0; }
        .header.mini .header-inner .nav .nav-left .division:after {
          content: none; }
        .header.mini .header-inner .nav .nav-right li > a {
          padding: 0; }
          .header.mini .header-inner .nav .nav-right li > a.menu-academy {
            height: 45px; }
        .header.mini .header-inner .nav .nav-right .mini-login {
          margin-top: -2px;
          height: 19px;
          font-size: 14px;
          line-height: 1.43;
          letter-spacing: -0.4px;
          color: #8e929f; }
        .header.mini .header-inner .nav .nav-right li.mini_gnb {
          display: block;
          padding-right: 0; }
          .header.mini .header-inner .nav .nav-right li.mini_gnb:hover .user-name {
            border-bottom: none; }
          .header.mini .header-inner .nav .nav-right li.mini_gnb > .user-name {
            display: inline-block;
            padding-right: 16px;
            background: url(/cdn/ceo-moon/static/desktop/main/caret-down.svg?ver=37a254223bbc363651b49a7484df9c8b) no-repeat;
            background-position-x: right;
            background-position-y: 2px;
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.43;
            letter-spacing: -0.4px;
            color: #8e929f; }
            .header.mini .header-inner .nav .nav-right li.mini_gnb > .user-name:hover {
              text-decoration: underline;
              background: url(/cdn/ceo-moon/static/desktop/main/caret.svg?ver=ad11e00b534fd0217abafe4dfc55f977) no-repeat;
              background-position-x: right;
              background-position-y: 2px; }
            .header.mini .header-inner .nav .nav-right li.mini_gnb > .user-name em {
              color: #212329; }
          .header.mini .header-inner .nav .nav-right li.mini_gnb .mega-menu-wrapper {
            width: 152px;
            position: absolute;
            left: auto;
            top: 39px;
            right: 0;
            border: solid 1px #eceef2;
            border-top: none; }
            .header.mini .header-inner .nav .nav-right li.mini_gnb .mega-menu-wrapper ul {
              padding-bottom: 16px; }
              .header.mini .header-inner .nav .nav-right li.mini_gnb .mega-menu-wrapper ul li {
                padding: 16px 24px 0; }
                .header.mini .header-inner .nav .nav-right li.mini_gnb .mega-menu-wrapper ul li a:hover {
                  text-decoration: underline; }
                .header.mini .header-inner .nav .nav-right li.mini_gnb .mega-menu-wrapper ul li span {
                  display: block; }
                  .header.mini .header-inner .nav .nav-right li.mini_gnb .mega-menu-wrapper ul li span.user-bizMoney {
                    line-height: 1.43;
                    letter-spacing: -0.4px;
                    color: #212329; }
                    .header.mini .header-inner .nav .nav-right li.mini_gnb .mega-menu-wrapper ul li span.user-bizMoney:hover {
                      text-decoration: underline; }
                    .header.mini .header-inner .nav .nav-right li.mini_gnb .mega-menu-wrapper ul li span.user-bizMoney em {
                      font-weight: 700;
                      font-style: normal;
                      font-stretch: normal;
                      line-height: 1.43;
                      letter-spacing: -0.4px;
                      color: #212329; }
                .header.mini .header-inner .nav .nav-right li.mini_gnb .mega-menu-wrapper ul li.division {
                  border-bottom: 1px solid #eceef2;
                  padding-bottom: 16px; }
        .header.mini .header-inner .nav .nav-right .mini-link-selfservice {
          display: inline-block; }
  .header .ico-new {
    margin: 0 0 0 5px;
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.82;
    letter-spacing: -0.2px;
    color: #f45452;
    vertical-align: middle; }

.footer {
  position: absolute;
  bottom: 0;
  overflow: hidden;
  padding: 32px 0 35px;
  width: 100%;
  font-size: 12px;
  font-weight: 300;
  background-color: #fff;
  border-top: 1px solid #d7dbe6; }
  .footer .inner-content {
    width: 100%; }
  .footer .footer-inner {
    position: relative;
    width: 1112px;
    margin: 0 auto; }
    .footer .footer-inner .info {
      position: relative;
      color: #8e929f;
      font-size: 12px;
      margin: auto 0; }
      .footer .footer-inner .info .footer-logo {
        background-position: 0 -94px;
        background-size: auto 158px;
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 50px;
        height: 50px; }
      .footer .footer-inner .info .address {
        margin-bottom: 4px;
        font-style: normal;
        line-height: 1.4; }
        .footer .footer-inner .info .address span {
          position: relative;
          padding: 0 12px 0 6px; }
          .footer .footer-inner .info .address span .btn-ftc {
            color: #8e929f;
            font-size: 12px;
            cursor: pointer;
            padding: 0;
            margin: 0; }
          .footer .footer-inner .info .address span:first-child {
            padding-left: 0; }
          .footer .footer-inner .info .address span:not(:last-child)::before {
            content: '';
            position: absolute;
            top: 2px;
            right: 0;
            width: 1px;
            height: 10px;
            background-color: #8e929f;
            opacity: 0.5; }
      .footer .footer-inner .info .copyright {
        margin-top: 8px; }
    .footer .footer-inner .util {
      overflow: hidden;
      margin-bottom: 12px; }
      .footer .footer-inner .util li {
        position: relative;
        display: inline;
        padding: 0 12px 0 14px;
        vertical-align: middle;
        font-weight: 400; }
        .footer .footer-inner .util li:first-child {
          padding-left: 0; }
          .footer .footer-inner .util li:first-child a::before {
            display: none; }
        .footer .footer-inner .util li a {
          color: #212329; }
          .footer .footer-inner .util li a strong {
            font-weight: 700; }
          .footer .footer-inner .util li a::before {
            content: '';
            position: absolute;
            top: 2px;
            left: 0;
            width: 1px;
            height: 10px;
            background-color: #8e929f;
            opacity: 0.5; }
  .footer .footer-noti-wrapper {
    width: 100%;
    position: relative;
    border-top: solid 1px #eceef2;
    border-bottom: solid 1px #eceef2;
    margin-bottom: 38px; }
  .footer .footer-noti {
    padding: 16px 0;
    margin: 0 auto;
    font-size: 13px;
    color: #212329;
    width: 1112px; }
    .footer .footer-noti div {
      display: inline-block; }
    .footer .footer-noti .footer-noti-title {
      width: 90px; }
    .footer .footer-noti .footer-notice-link {
      float: right;
      color: #8e929f; }
      .footer .footer-noti .footer-notice-link::after {
        margin: -3px 0 0 5px; }

.main {
  position: relative;
  width: 100%;
  min-height: 100%; }
  .main .column .stit {
    position: relative;
    margin-bottom: 18px;
    font-size: 18px;
    color: #212329; }
    .main .column .stit h3 {
      font-weight: 400; }
    .main .column .stit .link-arr {
      display: block; }
      .main .column .stit .link-arr::after {
        content: '';
        display: inline-block;
        margin: 4px 0 0 5px;
        width: 16px;
        height: 16px;
        vertical-align: text-top;
        background: url(/cdn/ceo-moon/static/desktop/main/main-arr.png?ver=5c634befc8018f9ab1ffd0b6c8000ad5) no-repeat center left;
        background-size: cover; }
    .main .column .stit .btn-more {
      position: absolute;
      right: 0;
      top: 3px;
      padding-right: 12px;
      font-size: 12px;
      color: #8e929f; }
      .main .column .stit .btn-more::after {
        position: absolute;
        right: 0;
        top: 4px; }
  .main .section-grid {
    overflow: hidden;
    margin: 0 auto;
    padding: 40px 0 39px;
    width: 1112px; }
    .main .section-grid .sec-lft {
      float: left;
      width: 704px; }
      .main .section-grid .sec-lft .column {
        border-bottom: 1px solid #eceef2; }
        .main .section-grid .sec-lft .column:last-child {
          border-bottom: 0; }
    .main .section-grid .sec-rgt {
      float: right;
      width: 330px;
      border-left: 1px solid #eceef2;
      padding-left: 40px; }
      .main .section-grid .sec-rgt .column {
        border-bottom: 1px solid #eceef2; }
        .main .section-grid .sec-rgt .column:last-child {
          border-bottom: 0; }
        .main .section-grid .sec-rgt .column .stit .login-link {
          float: right;
          overflow: hidden;
          margin-top: 4px;
          font-size: 12px;
          color: #8e929f; }
          .main .section-grid .sec-rgt .column .stit .login-link::after {
            content: '';
            clear: both; }
          .main .section-grid .sec-rgt .column .stit .login-link li {
            position: relative;
            float: left;
            padding: 0 10px; }
            .main .section-grid .sec-rgt .column .stit .login-link li:first-child::after {
              position: absolute;
              right: 0;
              top: 0;
              content: '';
              display: block;
              width: 1px;
              height: 12px;
              background-color: #d8d8d8; }
            .main .section-grid .sec-rgt .column .stit .login-link li:last-child {
              padding-right: 0; }
  .main .column-banner {
    padding: 31px 0 32px; }
    .main .column-banner img {
      width: 330px;
      height: 100px; }
    .main .column-banner .banner + .banner {
      margin-top: 10px; }
  .main .column-login {
    padding: 7px 0 14px; }
    .main .column-login .stit {
      margin-bottom: 14px; }
    .main .column-login .badge-grade {
      display: inline-block;
      margin-left: 8px;
      margin-bottom: 2px;
      padding: 0 5px;
      font-size: 12px;
      font-weight: 500;
      line-height: 1.67;
      letter-spacing: -0.2px;
      color: #212329;
      vertical-align: middle;
      border-radius: 2px;
      background-color: #eceef2; }
    .main .column-login .login-link {
      float: right;
      overflow: hidden;
      margin-top: 2px;
      font-size: 12px;
      color: #8e929f; }
      .main .column-login .login-link::after {
        content: '';
        clear: both; }
      .main .column-login .login-link li {
        position: relative;
        float: left;
        padding: 0 10px; }
        .main .column-login .login-link li:first-child::after {
          position: absolute;
          right: 0;
          top: 3px !important;
          content: '';
          display: block;
          width: 1px;
          height: 12px;
          background-color: #d8d8d8; }
        .main .column-login .login-link li:last-child {
          padding-right: 0; }
        .main .column-login .login-link li a:hover {
          text-decoration: underline; }
      .main .column-login .login-link #logout-btn {
        padding-right: 0px; }
    .main .column-login .join-link {
      padding: 4px 0 33px;
      text-align: right;
      font-size: 0;
      color: #8e929f; }
      .main .column-login .join-link li {
        position: relative;
        display: inline-block;
        padding: 0 10px;
        font-size: 12px; }
        .main .column-login .join-link li:first-child::after {
          position: absolute;
          right: 0;
          top: 3px !important;
          content: '';
          display: block;
          width: 1px;
          height: 12px;
          background-color: #d8d8d8; }
        .main .column-login .join-link li:last-child {
          padding-right: 0; }
    .main .column-login .myinfo-area {
      overflow: hidden;
      position: relative;
      padding: 17px 18px 16px;
      background-color: #f8f9fa; }
      .main .column-login .myinfo-area .myinfo-bizmoney-value-area {
        float: left;
        display: inline-block;
        width: 175px; }
        .main .column-login .myinfo-area .myinfo-bizmoney-value-area .myinfo-bizmoney {
          margin-right: 11px;
          font-size: 14px;
          line-height: 1.5;
          letter-spacing: -0.4px;
          color: #000; }
          .main .column-login .myinfo-area .myinfo-bizmoney-value-area .myinfo-bizmoney strong {
            font-size: 16px;
            font-weight: bold; }
      .main .column-login .myinfo-area .myinfo-recharge {
        float: right;
        margin-right: 0px;
        padding-top: 4px;
        color: #1a7cff;
        font-weight: bold; }
    .main .column-login .myinfo-shortcut-menu {
      margin-top: 23px;
      padding-bottom: 10px; }
      .main .column-login .myinfo-shortcut-menu .myinfo-shortcut-menu-list {
        list-style: none;
        overflow: hidden;
        margin: 0;
        padding: 0; }
        .main .column-login .myinfo-shortcut-menu .myinfo-shortcut-menu-list li {
          text-align: center;
          margin: 0 0 0 0;
          padding: 0 16px;
          border: 0;
          float: left; }
          .main .column-login .myinfo-shortcut-menu .myinfo-shortcut-menu-list li:last-child {
            border: 0; }
          .main .column-login .myinfo-shortcut-menu .myinfo-shortcut-menu-list li a {
            display: block; }
            .main .column-login .myinfo-shortcut-menu .myinfo-shortcut-menu-list li a::before {
              content: '';
              display: inline-block;
              width: 32px;
              height: 32px; }
          .main .column-login .myinfo-shortcut-menu .myinfo-shortcut-menu-list li .myinfo-menu-item-title {
            margin-top: 1px; }
        .main .column-login .myinfo-shortcut-menu .myinfo-shortcut-menu-list .link-review::before {
          background: url(/cdn/ceo-moon/static/desktop/main/icon-review@2x.png?ver=b751ea90f2558df1c856ef1c79133592) no-repeat center 0/cover; }
        .main .column-login .myinfo-shortcut-menu .myinfo-shortcut-menu-list .link-menu::before {
          background: url(/cdn/ceo-moon/static/desktop/main/icon-menu@2x.png?ver=fb5c31da5c629fcace3a7fd723ae03ec) no-repeat center 0/cover; }
        .main .column-login .myinfo-shortcut-menu .myinfo-shortcut-menu-list .link-suspend::before {
          background: url(/cdn/ceo-moon/static/desktop/main/icon-pause@2x.png?ver=74e4d5627b89b9ebc13be076f8b828b7) no-repeat center 0/cover; }
        .main .column-login .myinfo-shortcut-menu .myinfo-shortcut-menu-list .link-operation::before {
          background: url(/cdn/ceo-moon/static/desktop/main/icon-oper@2x.png?ver=18e32685f622469180c7e2c19e45b084) no-repeat center 0/cover; }
    .main .column-login .ols-area {
      padding: 2px 0 0; }
      .main .column-login .ols-area .txt-b {
        margin-bottom: 4px;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: -0.45px;
        color: #212329; }
      .main .column-login .ols-area .txt-s {
        font-size: 12px; }
      .main .column-login .ols-area .link-btn {
        display: block;
        margin: 16px 0 13px;
        padding: 12px 0;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: -0.4px;
        text-align: center;
        color: #ffffff;
        border-radius: 4px;
        background-color: #1a7cff; }
      .main .column-login .ols-area .link-text {
        font-size: 12px;
        font-weight: bold;
        line-height: 1.67;
        letter-spacing: -0.34px;
        color: #1a7cff; }
  .main .col-mart-goods-section {
    padding: 31px 0 32px; }
    .main .col-mart-goods-section .mart-goods-sec-header {
      margin-bottom: 38px; }
      .main .col-mart-goods-section .mart-goods-sec-header .mart-goods-title {
        float: left;
        font-size: 18px;
        font-weight: 400;
        color: #212329; }
      .main .col-mart-goods-section .mart-goods-sec-header .mart-goods-btn-section {
        float: right;
        display: inline-block; }
        .main .col-mart-goods-section .mart-goods-sec-header .mart-goods-btn-section .mart-goods-pagination {
          float: left;
          font-size: 11px;
          margin-right: 3px;
          margin-top: 1px;
          font-size: 12px;
          line-height: 18px;
          letter-spacing: -0.1px;
          color: #8e929f;
          font-weight: normal; }
          .main .col-mart-goods-section .mart-goods-sec-header .mart-goods-btn-section .mart-goods-pagination .current {
            color: #212329;
            font-weight: 500; }
        .main .col-mart-goods-section .mart-goods-sec-header .mart-goods-btn-section .btn-mart-goods-arrow img {
          margin-top: 3px; }
        .main .col-mart-goods-section .mart-goods-sec-header .mart-goods-btn-section .btn-prev-mart-goods {
          float: left;
          padding: 2px 0px;
          cursor: pointer;
          font-size: 0;
          line-height: 0; }
          .main .col-mart-goods-section .mart-goods-sec-header .mart-goods-btn-section .btn-prev-mart-goods::after {
            content: '';
            display: block;
            width: 16px;
            height: 16px;
            background: url(/cdn/ceo-moon/static/desktop/main/main-arr.png?ver=5c634befc8018f9ab1ffd0b6c8000ad5) no-repeat center left/cover;
            -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                    transform: rotate(180deg); }
        .main .col-mart-goods-section .mart-goods-sec-header .mart-goods-btn-section .btn-next-mart-goods {
          float: right;
          padding: 2px 1px;
          cursor: pointer;
          font-size: 0;
          line-height: 0; }
          .main .col-mart-goods-section .mart-goods-sec-header .mart-goods-btn-section .btn-next-mart-goods::after {
            content: '';
            display: block;
            width: 16px;
            height: 16px;
            background: url(/cdn/ceo-moon/static/desktop/main/main-arr.png?ver=5c634befc8018f9ab1ffd0b6c8000ad5) no-repeat center left/cover; }
    .main .col-mart-goods-section .list-bmmart-product {
      overflow: hidden;
      width: 100%; }
      .main .col-mart-goods-section .list-bmmart-product .slick-slide + .slick-slide {
        margin-left: 15px; }
      .main .col-mart-goods-section .list-bmmart-product .page-wrap .title {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -0.4px;
        color: transparent;
        font-weight: 500;
        display: block;
        transition: 300ms color ease-in; }
      .main .col-mart-goods-section .list-bmmart-product .slick-current .page-wrap .title {
        color: #212329; }
      .main .col-mart-goods-section .list-bmmart-product .item-wrap {
        overflow: hidden;
        margin-top: 17px; }
      .main .col-mart-goods-section .list-bmmart-product .item {
        float: left;
        display: block;
        width: calc(330px/3 - 16px/2) !important;
        outline: 0;
        overflow: hidden; }
        .main .col-mart-goods-section .list-bmmart-product .item + .item {
          margin-left: 8px; }
        .main .col-mart-goods-section .list-bmmart-product .item .bmmart-item-img-wrapper {
          overflow: hidden;
          -webkit-transform: translateX(0);
              -ms-transform: translateX(0);
                  transform: translateX(0); }
          .main .col-mart-goods-section .list-bmmart-product .item .bmmart-item-img-wrapper .bmmart-item-img {
            box-sizing: border-box;
            transition: 2s;
            -webkit-transform: scale(1);
                -ms-transform: scale(1);
                    transform: scale(1);
            transition-duration: 0.2s; }
            .main .col-mart-goods-section .list-bmmart-product .item .bmmart-item-img-wrapper .bmmart-item-img img {
              width: calc(330px/3 - 16px/2);
              height: calc(330px/3 - 16px/2); }
          .main .col-mart-goods-section .list-bmmart-product .item .bmmart-item-img-wrapper .badge-discount {
            position: absolute;
            top: 0;
            left: 0;
            margin: 0;
            padding: 0 6px;
            background-color: #f45452;
            color: #fff;
            border-radius: 0; }
          .main .col-mart-goods-section .list-bmmart-product .item .bmmart-item-img-wrapper .bmmart-item-img:hover {
            -webkit-transform: scale(1.1);
                -ms-transform: scale(1.1);
                    transform: scale(1.1);
            transition-duration: 0.2s; }
        .main .col-mart-goods-section .list-bmmart-product .item .desc dt {
          font-size: 12px;
          line-height: 18px;
          letter-spacing: -0.1px;
          color: #212329;
          font-weight: 500;
          font-size: 14px;
          margin-top: 12px; }
        .main .col-mart-goods-section .list-bmmart-product .item .desc dd {
          font-size: 12px;
          line-height: 18px;
          letter-spacing: -0.1px;
          color: #8e929f;
          font-weight: normal; }
        .main .col-mart-goods-section .list-bmmart-product .item .price {
          margin-top: 8px; }
          .main .col-mart-goods-section .list-bmmart-product .item .price dt {
            font-size: 12px;
            line-height: 18px;
            letter-spacing: -0.1px;
            color: #8e929f;
            font-weight: bold;
            text-decoration: line-through; }
          .main .col-mart-goods-section .list-bmmart-product .item .price dd {
            font-size: 12px;
            line-height: 18px;
            letter-spacing: -0.1px;
            color: #212329;
            font-weight: bold;
            font-size: 16px; }
      .main .col-mart-goods-section .list-bmmart-product .last-item {
        float: left;
        display: block;
        width: 160px;
        outline: 0; }
        .main .col-mart-goods-section .list-bmmart-product .last-item + .last-item {
          margin-left: 8px; }
        .main .col-mart-goods-section .list-bmmart-product .last-item .bmmart-item-img-wrapper {
          overflow: hidden;
          -webkit-transform: translateX(0);
              -ms-transform: translateX(0);
                  transform: translateX(0); }
          .main .col-mart-goods-section .list-bmmart-product .last-item .bmmart-item-img-wrapper .bmmart-item-img {
            width: 160px;
            height: 160px;
            box-sizing: border-box;
            transition: 2s;
            -webkit-transform: scale(1);
                -ms-transform: scale(1);
                    transform: scale(1);
            transition-duration: 0.2s; }
            .main .col-mart-goods-section .list-bmmart-product .last-item .bmmart-item-img-wrapper .bmmart-item-img img {
              width: 160px;
              height: 160px; }
          .main .col-mart-goods-section .list-bmmart-product .last-item .bmmart-item-img-wrapper .bmmart-item-img:hover {
            -webkit-transform: scale(1.1);
                -ms-transform: scale(1.1);
                    transform: scale(1.1);
            transition-duration: 0.2s; }
        .main .col-mart-goods-section .list-bmmart-product .last-item .desc dt {
          font-size: 12px;
          line-height: 18px;
          letter-spacing: -0.1px;
          color: #212329;
          font-weight: 500;
          margin-top: 12px;
          font-size: 16px; }
        .main .col-mart-goods-section .list-bmmart-product .last-item .desc dd {
          font-size: 12px;
          line-height: 18px;
          letter-spacing: -0.1px;
          color: #8e929f;
          font-weight: normal;
          margin-top: 4px;
          font-size: 14px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
      .main .col-mart-goods-section .list-bmmart-product .event-wrap .item {
        width: 160px; }
        .main .col-mart-goods-section .list-bmmart-product .event-wrap .item img {
          width: 160px;
          height: 100px;
          border: 0; }
  .main .column-knowhow {
    padding: 31px 0 27px; }
    .main .column-knowhow .stit {
      margin-bottom: 9px; }
    .main .column-knowhow .list {
      overflow: hidden;
      box-sizing: border-box; }
      .main .column-knowhow .list li {
        float: left;
        width: 332px;
        height: 120px; }
        .main .column-knowhow .list li:nth-child(even) {
          margin-left: 13px; }
        .main .column-knowhow .list li img {
          width: 345px;
          height: 120px; }
    .main .column-knowhow .tag-area {
      font-weight: 700;
      font-size: 12px; }
      .main .column-knowhow .tag-area .keyword {
        margin-right: 20px;
        padding: 4px 10px 3px;
        color: #fff;
        font-style: normal;
        border-radius: 10px;
        background-color: #4a4a4a; }
      .main .column-knowhow .tag-area .tag {
        position: relative;
        display: inline-block;
        margin-right: 30px;
        padding: 2px 0; }
        .main .column-knowhow .tag-area .tag:hover::after {
          position: absolute;
          left: 0;
          bottom: 0;
          content: '';
          display: block;
          width: 100%;
          height: 2px;
          background-color: #d7dbe6; }
  .main .column-notice {
    padding: 7px 0 8px;
    min-height: 192px; }
    .main .column-notice .stit {
      margin-bottom: 11px; }
    .main .column-notice .list li {
      position: relative;
      padding: 13px 75px 12px 0; }
      .main .column-notice .list li a {
        overflow: hidden;
        display: block;
        color: #212329;
        font-weight: 500;
        line-height: 24px;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .main .column-notice .list li .ico-new {
        margin: 0 0 0 7px;
        font-size: 11px;
        font-weight: 500;
        line-height: 1.82;
        letter-spacing: -0.2px;
        color: #f45452;
        vertical-align: middle; }
      .main .column-notice .list li .date {
        position: absolute;
        right: 0;
        bottom: 17px;
        color: #8e929f;
        font-size: 12px; }
      .main .column-notice .list li:last-child {
        border-bottom: 0; }
  .main .column-service {
    overflow: hidden;
    padding: 31px 0 0;
    min-height: 260px; }
    .main .column-service .service .service-title {
      overflow: hidden; }
      .main .column-service .service .service-title p {
        float: left;
        width: 340px; }
        .main .column-service .service .service-title p img {
          width: 340px; }
        .main .column-service .service .service-title p + p {
          margin-left: 11px; }
    .main .column-service .service .thumb {
      width: 690px;
      height: 50px; }
    .main .column-service .service .list {
      overflow: hidden;
      width: 704px; }
      .main .column-service .service .list li {
        width: 340px;
        height: 200px;
        float: left; }
        .main .column-service .service .list li:last-of-type {
          margin-left: 11px; }
        .main .column-service .service .list li img {
          width: 340px;
          height: 200px; }
  .main .column-shortcut {
    padding: 28px 0 40px 30px; }
    .main .column-shortcut .list {
      overflow: hidden;
      border: 1px solid #d7dbe6; }
      .main .column-shortcut .list li {
        float: left;
        width: 50%;
        height: 60px;
        font-weight: 700;
        box-sizing: border-box; }
        .main .column-shortcut .list li:nth-child(1) {
          border-bottom: 1px solid #d7dbe6;
          border-right: 1px solid #d7dbe6; }
        .main .column-shortcut .list li:nth-child(2) {
          border-bottom: 1px solid #d7dbe6; }
        .main .column-shortcut .list li:nth-child(3) {
          border-right: 1px solid #d7dbe6; }
        .main .column-shortcut .list li a {
          position: relative;
          display: block;
          padding: 20px 0 0 58px; }
          .main .column-shortcut .list li a::before {
            position: absolute;
            left: 25px;
            top: 17px; }
  .main .column-guide {
    padding: 32px 0 0; }
    .main .column-guide .stit {
      margin-bottom: 14px; }
    .main .column-guide .list {
      overflow: hidden; }
      .main .column-guide .list li {
        float: left;
        position: relative;
        font-size: 0;
        line-height: 0;
        width: 162px;
        box-sizing: border-box; }
        .main .column-guide .list li a {
          display: block;
          width: 160px;
          height: 71px;
          font-size: 0;
          line-height: 0; }
        .main .column-guide .list li img {
          width: 100%; }
      .main .column-guide .list li + li {
        margin-left: 1px;
        padding-left: 4px; }
        .main .column-guide .list li + li::before {
          content: '';
          position: absolute;
          top: 10px;
          left: 0;
          width: 1px;
          height: 56px;
          font-size: 0;
          line-height: 0;
          vertical-align: middle;
          background-color: #eceef2; }

.main-slides {
  overflow: hidden;
  width: 100%;
  height: 550px;
  background-color: #ccc; }
  .main-slides > div {
    position: relative;
    height: 550px; }
    .main-slides > div .banner-item {
      position: relative;
      display: block;
      width: 100%;
      max-width: 2560px;
      margin: 0 auto;
      height: 550px;
      background-size: cover;
      background-position: 50% 0;
      background-repeat: no-repeat; }
      .main-slides > div .banner-item img {
        margin: 0 auto; }
      .main-slides > div .banner-item .copy-area {
        width: 1112px;
        position: absolute;
        top: 218px;
        left: 50%;
        margin-left: -556px; }
        .main-slides > div .banner-item .copy-area .desc {
          color: #fff;
          font-size: 18px;
          font-weight: 200; }
        .main-slides > div .banner-item .copy-area .banner-title {
          margin-bottom: 10px;
          color: #fff;
          font-size: 44px;
          font-weight: 400;
          line-height: 1.27;
          letter-spacing: -0.03em; }
        .main-slides > div .banner-item .copy-area .btn-more-detail {
          display: inline-block;
          padding: 15px 17px 13px 25px;
          margin-top: 31px;
          font-size: 14px;
          font-weight: bold;
          line-height: 20px;
          color: #ffffff;
          background-color: rgba(0, 0, 0, 0);
          border: 1px solid rgba(255, 255, 255, 0.5); }
          .main-slides > div .banner-item .copy-area .btn-more-detail img {
            display: inline-block;
            margin-left: 5px;
            width: 7px;
            height: 11px;
            vertical-align: inherit; }
      .main-slides > div .banner-item div {
        position: relative;
        width: 1112px;
        margin: 0 auto; }
    .main-slides > div .banner-item.cover-type {
      max-width: 100%; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-dots {
  display: none !important;
  position: absolute;
  left: 50%;
  bottom: 20px;
  width: 1112px;
  margin-left: -540px;
  text-align: left; }

.slick-dots li {
  position: relative;
  display: inline-block;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  cursor: pointer; }

.slick-dots li.slick-active button {
  width: 24px; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 5px;
  height: 5px;
  content: '';
  opacity: 0.25;
  background-color: #fff;
  border-radius: 10px; }

.slick-dots li.slick-active button:before {
  width: 17px;
  opacity: 1; }

.slick-arrow {
  position: absolute;
  top: 229px;
  z-index: 100;
  outline: none;
  cursor: pointer; }
  .slick-arrow.slick-prev {
    left: 50%;
    margin-left: -650px;
    text-align: left;
    width: 92px;
    height: 172px;
    background: url(/cdn/ceo-moon/static/desktop/main/arrow-pre.svg?ver=b348bc9ae814748af92c10f397bddb8b) no-repeat center right;
    color: transparent; }
  .slick-arrow.slick-next {
    right: 50%;
    margin-right: -650px;
    text-align: right;
    width: 92px;
    height: 172px;
    background: url(/cdn/ceo-moon/static/desktop/main/arrow-next.svg?ver=056e98f24c8a327eaca26a56408e6fc5) no-repeat center left;
    color: transparent; }

@-webkit-keyframes fade-in-thumbnail {
  0% {
    border: 2px solid black; }
  100% {
    border: 2px solid white; } }

@keyframes fade-in-thumbnail {
  0% {
    border: 2px solid black; }
  100% {
    border: 2px solid white; } }

@-webkit-keyframes fade-out-thumbnail {
  0% {
    border: 2px solid white; }
  100% {
    border: 2px solid rgba(0, 0, 0, 0.3); } }

@keyframes fade-out-thumbnail {
  0% {
    border: 2px solid white; }
  100% {
    border: 2px solid rgba(0, 0, 0, 0.3); } }

.page-info {
  position: absolute;
  top: 449px;
  left: 0;
  right: 0;
  margin: auto;
  width: 1112px;
  height: 63px;
  color: #ffffff;
  text-align: right;
  font-size: 12px;
  font-weight: 300; }
  .page-info .item {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 60px;
    height: 60px;
    border-radius: 20px;
    background-size: cover;
    background-position: 66% center;
    cursor: pointer;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); }
    .page-info .item + .item {
      margin-left: 10px; }
    .page-info .item.selected {
      border: 2px solid #ffffff; }
      .page-info .item.selected:after {
        display: none; }
    .page-info .item:after {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 20px;
      content: ''; }

.ultra-wrapper .selectric-wrapper {
  flex: 1; }
  .ultra-wrapper .selectric-wrapper .selectric .button {
    padding: 0; }

.ultra-wrapper .row-field .input-area ~ *,
.ultra-wrapper .row-field select ~ * {
  margin: 0; }

.ultra-wrapper .row-filed .input-area input::-webkit-input-placeholder {
  font-size: 12px; }

.ultra-wrapper .row-filed .input-area input:-ms-input-placeholder {
  font-size: 12px; }

.ultra-wrapper .row-filed .input-area input::-ms-input-placeholder {
  font-size: 12px; }

.ultra-wrapper .row-filed .input-area input::placeholder {
  font-size: 12px; }

.ultra-wrapper .row-filed .input-area input::-webkit-input-placeholder {
  font-size: 12px; }

.ultra-wrapper .row-filed .input-area input:-ms-input-placeholder {
  font-size: 12px !important; }

.hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

.pro-icon-new {
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.82;
  letter-spacing: -0.2px;
  color: #f45452; }

.badge {
  display: inline-block;
  margin-left: 8px;
  margin-top: -3px;
  vertical-align: middle;
  padding: 0 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.67;
  letter-spacing: -0.2px;
  text-align: center;
  color: #212329;
  border-radius: 2px;
  background-color: #eceef2; }

.content-inner {
  margin: 0 auto;
  padding-top: 80px;
  width: 1112px;
  text-align: center; }

.content-bg-g {
  background: #f8f9fa; }

.arrow-down-content {
  position: absolute;
  bottom: 12px;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  background: url(/cdn/ceo-moon/static/desktop/main/about/icon_arrow@2x.png?ver=0d9cd51e799bf98d1a83815dc8fc736a) no-repeat 0 0/cover;
  -webkit-animation: arrowUpDown .4s alternate infinite;
          animation: arrowUpDown .4s alternate infinite;
  outline: none;
  cursor: pointer; }

.motion-up {
  opacity: 0;
  -webkit-transform: translateY(32px);
      -ms-transform: translateY(32px);
          transform: translateY(32px); }

.scroll-active .motion-up {
  -webkit-animation: textFadein 1s cubic-bezier(0, 0.5, 0.2, 0.8) forwards;
          animation: textFadein 1s cubic-bezier(0, 0.5, 0.2, 0.8) forwards; }

.product-wrapper .pd-info.motion-up, .product-wrapper .pd-info .motion-up {
  opacity: 0;
  -webkit-transform: translateY(24px);
      -ms-transform: translateY(24px);
          transform: translateY(24px); }

.product-wrapper .scroll-active .pd-info.motion-up, .product-wrapper .scroll-active .pd-info .motion-up {
  -webkit-animation: textSmallFadein 1s cubic-bezier(0, 0.5, 0.2, 0.8) forwards;
          animation: textSmallFadein 1s cubic-bezier(0, 0.5, 0.2, 0.8) forwards; }

@-webkit-keyframes itemHover {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  to {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px); } }

@keyframes itemHover {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  to {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px); } }

@-webkit-keyframes arrowUpDown {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  to {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px); } }

@keyframes arrowUpDown {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  to {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px); } }

@-webkit-keyframes textFadein {
  0% {
    opacity: 0;
    -webkit-transform: translateY(32px);
            transform: translateY(32px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes textFadein {
  0% {
    opacity: 0;
    -webkit-transform: translateY(32px);
            transform: translateY(32px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes textSmallFadein {
  0% {
    opacity: 0;
    -webkit-transform: translateY(24px);
            transform: translateY(24px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes textSmallFadein {
  0% {
    opacity: 0;
    -webkit-transform: translateY(24px);
            transform: translateY(24px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.about-wrap {
  height: 100%; }
  .about-wrap .btn {
    margin-bottom: 96px;
    width: 288px; }
    .about-wrap .btn.btn-basic {
      background-color: transparent; }
  .about-wrap .small-title {
    margin-bottom: 8px;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: #212329; }
  .about-wrap h2 {
    text-align: center;
    font-size: 32px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -1.2px;
    color: #212329; }
  .about-wrap .title-desc {
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.4px;
    text-align: center;
    color: #8e929f; }
  .about-wrap .content-top {
    position: relative;
    min-height: 656px;
    height: calc(100vh - 116px);
    box-sizing: border-box;
    background: url(/cdn/ceo-moon/static/desktop/main/about/about_top_d@2x.jpg?ver=f8009a148f56266c3e9c7de65f28c0a9) no-repeat 50% 0%/cover; }
    .about-wrap .content-top .about-text-box {
      position: relative;
      text-align: left;
      top: 50%;
      padding: 0;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .about-wrap .content-top .logo {
      margin-bottom: 24px;
      width: 218px;
      height: 32px;
      font-size: 0;
      line-height: 0;
      background: url(/cdn/ceo-moon/static/desktop/main/logo-ceo-white.svg?ver=4ff8403fb1e6f69f73d1aaf48afe6f47) no-repeat 0 0/cover; }
    .about-wrap .content-top .text {
      margin-bottom: 40px;
      font-size: 44px;
      line-height: 1.45;
      letter-spacing: -1.2px;
      color: #fff;
      -webkit-animation-delay: .3s;
              animation-delay: .3s; }
    .about-wrap .content-top .btn {
      margin-bottom: 0;
      -webkit-animation-delay: .6s;
              animation-delay: .6s; }
  .about-wrap .app-use {
    overflow: hidden; }
    .about-wrap .app-use .app-video {
      float: left;
      margin-top: 32px;
      width: 536px;
      height: 520px;
      -webkit-animation-delay: .3s !important;
              animation-delay: .3s !important; }
    .about-wrap .app-use .phone-image {
      float: left;
      margin-top: 32px;
      width: 536px;
      height: 520px;
      background: url(/cdn/ceo-moon/static/desktop/main/about/phone-frame_big_d@2x.png?ver=0cfc774e2837a8ee766c58abfc7e5b0b) no-repeat 0 0/cover;
      -webkit-animation-delay: .3s !important;
              animation-delay: .3s !important; }
      .about-wrap .app-use .phone-image .inner-image {
        display: inline-block;
        width: 100%;
        height: 100%;
        background: url(/cdn/ceo-moon/static/desktop/main/about/about_app-main_d.gif?ver=c70c72bc1e2ce4ac3904d30f697e62cb) no-repeat 0 0/cover; }
  .about-wrap .app-use-info {
    float: left;
    margin-left: 136px;
    margin-top: 128px;
    font-size: 0;
    text-align: left; }
    .about-wrap .app-use-info li {
      margin-bottom: 24px; }
    .about-wrap .app-use-info .item1 {
      -webkit-animation-delay: .6s !important;
              animation-delay: .6s !important; }
    .about-wrap .app-use-info .item2 {
      -webkit-animation-delay: .8s !important;
              animation-delay: .8s !important; }
    .about-wrap .app-use-info .item3 {
      -webkit-animation-delay: 1s !important;
              animation-delay: 1s !important; }
    .about-wrap .app-use-info .item4 {
      -webkit-animation-delay: 1.2s !important;
              animation-delay: 1.2s !important; }
    .about-wrap .app-use-info span {
      display: inline-block;
      vertical-align: middle;
      width: 137px;
      font-size: 18px;
      line-height: 1.33;
      letter-spacing: -0.4px;
      color: #212329; }
    .about-wrap .app-use-info strong {
      display: inline-block;
      vertical-align: middle;
      font-size: 56px;
      font-weight: 300;
      line-height: 1.14;
      letter-spacing: normal;
      color: #212329; }
    .about-wrap .app-use-info em {
      display: inline-block;
      vertical-align: middle;
      margin-left: 8px;
      font-size: 32px;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: -1.2px;
      color: #212329; }
  .about-wrap .use-type-list {
    text-align: center;
    width: 731px;
    margin: 48px auto 24px; }
    .about-wrap .use-type-list::after {
      content: '';
      display: block;
      clear: both; }
    .about-wrap .use-type-list li {
      display: inline-block;
      margin: 0 20px 40px; }
      .about-wrap .use-type-list li:nth-child(2n+1) {
        margin-left: 0; }
      .about-wrap .use-type-list li:nth-child(2n) {
        margin-right: 0; }
      .about-wrap .use-type-list li a {
        display: block;
        padding: 42px 30px 40px;
        width: 344px;
        text-align: left;
        vertical-align: top;
        border-radius: 8px;
        box-shadow: 0 16px 32px 0 rgba(187, 192, 205, 0.16), 0 8px 8px 0 rgba(142, 146, 159, 0.08);
        border: solid 1px #eceef2;
        background-color: #fff;
        box-sizing: border-box;
        transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s; }
        .about-wrap .use-type-list li a::before {
          content: '';
          display: inline-block;
          margin-bottom: 16px;
          width: 64px;
          height: 64px;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: 0 0; }
        .about-wrap .use-type-list li a:hover {
          box-shadow: 0 32px 56px 0 rgba(187, 192, 205, 0.16), 0 16px 32px 0 rgba(142, 146, 159, 0.08);
          -webkit-transform: translate(0px, -8px);
              -ms-transform: translate(0px, -8px);
                  transform: translate(0px, -8px);
          transition-duration: 0.3s;
          -webkit-transition-duration: 0.3s; }
      .about-wrap .use-type-list li.type-openlist {
        -webkit-animation-delay: .3s !important;
                animation-delay: .3s !important; }
        .about-wrap .use-type-list li.type-openlist a::before {
          background-image: url(/cdn/ceo-moon/static/desktop/main/about/icon_openlist@2x.png?ver=ed88bab7542863ad840da18600cda87e); }
      .about-wrap .use-type-list li.type-ultracall {
        -webkit-animation-delay: .5s !important;
                animation-delay: .5s !important; }
        .about-wrap .use-type-list li.type-ultracall a::before {
          background-image: url(/cdn/ceo-moon/static/desktop/main/about/icon_ultracall@2x.png?ver=7c2fc7daa76efb93fb5683b647f578b7); }
      .about-wrap .use-type-list li.type-bmriders {
        -webkit-animation-delay: .7s !important;
                animation-delay: .7s !important; }
        .about-wrap .use-type-list li.type-bmriders a::before {
          background-image: url(/cdn/ceo-moon/static/desktop/main/about/icon_riders@2x.png?ver=d34a00a3f30706af2b1057237b114ab6); }
      .about-wrap .use-type-list li.type-takeout {
        -webkit-animation-delay: .9s !important;
                animation-delay: .9s !important; }
        .about-wrap .use-type-list li.type-takeout a::before {
          background-image: url(/cdn/ceo-moon/static/desktop/main/about/icon_takeout@2x.png?ver=f29d2fb94b6c0b597ee906c4513e8292); }
      .about-wrap .use-type-list li.type-solo {
        -webkit-animation-delay: 1.1s !important;
                animation-delay: 1.1s !important; }
        .about-wrap .use-type-list li.type-solo a::before {
          background-image: url(/cdn/ceo-moon/static/desktop/main/about/icon_for1@2x.png?ver=5afa56a76f2d33c93675a55f253138c6); }
      .about-wrap .use-type-list li.type-bmorder {
        -webkit-animation-delay: 1.1s !important;
                animation-delay: 1.1s !important; }
        .about-wrap .use-type-list li.type-bmorder a::before {
          background-image: url(/cdn/ceo-moon/static/desktop/main/about/icon_bmorder@2x.png?ver=3feb57180bb52953a3fcb3980bbb6f05); }
      .about-wrap .use-type-list li h3 {
        font-size: 22px;
        font-weight: 500;
        line-height: 1.45;
        letter-spacing: -0.4px;
        color: #212329; }
      .about-wrap .use-type-list li p {
        margin: 8px 0 26px;
        font-size: 16px;
        font-weight: 300;
        line-height: 2;
        letter-spacing: -1px;
        color: #212328; }
      .about-wrap .use-type-list li .more {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.33;
        letter-spacing: -0.4px;
        color: #1a7cff; }
  .about-wrap .use-tab-area {
    margin: 40px 0 48px;
    display: inline-block;
    border-bottom: 1px solid #d7dbe6;
    -webkit-animation-delay: .3s !important;
            animation-delay: .3s !important; }
    .about-wrap .use-tab-area button {
      margin-bottom: -1px;
      padding: 18px 16px 14px;
      font-size: 18px;
      line-height: 1.33;
      letter-spacing: -0.4px;
      text-align: center;
      color: #212329;
      outline: none; }
      .about-wrap .use-tab-area button.active {
        font-weight: bold;
        border-bottom: 2px solid #212329; }
  .about-wrap .use-guide-item {
    overflow: hidden;
    display: none; }
    .about-wrap .use-guide-item .img-area {
      float: left;
      width: 728px;
      height: 392px;
      -webkit-animation-delay: .6s !important;
              animation-delay: .6s !important; }
      .about-wrap .use-guide-item .img-area .img-mobile {
        display: block;
        width: 728px;
        height: 392px;
        -webkit-animation-delay: .8s !important;
                animation-delay: .8s !important; }
    .about-wrap .use-guide-item.active {
      display: block; }
    .about-wrap .use-guide-item.guide-review .img-area {
      background: url(/cdn/ceo-moon/static/desktop/main/about/about_guide1_browser_d@2x.png?ver=036ac99db6f86e259a930401ef05d493) no-repeat 0 100%/709px auto; }
    .about-wrap .use-guide-item.guide-review .img-mobile {
      background: url(/cdn/ceo-moon/static/desktop/main/about/about_guide1_mobile_d@2x.png?ver=b56ffdb757051bb32b5b030704dae1be) no-repeat 0 100%/cover; }
    .about-wrap .use-guide-item.guide-menu .img-area {
      background: url(/cdn/ceo-moon/static/desktop/main/about/about_guide2_browser_d@2x.png?ver=4363e597872a7eaced620df2eb7c843a) no-repeat 0 100%/709px auto; }
    .about-wrap .use-guide-item.guide-menu .img-mobile {
      background: url(/cdn/ceo-moon/static/desktop/main/about/about_guide2_mobile_d@2x.png?ver=495ddbde58c6e81e17cda58f076df88e) no-repeat 0 100%/cover; }
    .about-wrap .use-guide-item.guide-calc .img-area {
      background: url(/cdn/ceo-moon/static/desktop/main/about/about_guide3_browser_d@2x.png?ver=a985e9271d4e6329291f9ef6cd6135ed) no-repeat 0 100%/709px auto; }
    .about-wrap .use-guide-item.guide-calc .img-mobile {
      background: url(/cdn/ceo-moon/static/desktop/main/about/about_guide3_mobile_d@2x.png?ver=b03a474d031cfd5bec23cb0954295ebb) no-repeat 0 100%/cover; }
    .about-wrap .use-guide-item.guide-type .img-area {
      background: url(/cdn/ceo-moon/static/desktop/main/about/about_guide4_browser_d@2x.png?ver=1b4866e0f5066e1fa3b876c423a99930) no-repeat 0 100%/709px auto; }
    .about-wrap .use-guide-item.guide-type .img-mobile {
      background: url(/cdn/ceo-moon/static/desktop/main/about/about_guide4_mobile_d@2x.png?ver=a214c1e0ec2980349894c1b2e7722591) no-repeat 0 100%/cover; }
    .about-wrap .use-guide-item .info-area {
      float: left;
      margin: 88px 0 0 40px;
      width: 340px;
      text-align: left; }
      .about-wrap .use-guide-item .info-area h3 {
        font-size: 22px;
        font-weight: 500;
        line-height: 1.45;
        letter-spacing: -0.4px;
        color: #212329;
        -webkit-animation-delay: .6s !important;
                animation-delay: .6s !important; }
      .about-wrap .use-guide-item .info-area p {
        margin: 8px 0 48px;
        font-size: 16px;
        font-weight: 300;
        line-height: 2;
        letter-spacing: -0.4px;
        color: #212329;
        -webkit-animation-delay: .7s !important;
                animation-delay: .7s !important; }
      .about-wrap .use-guide-item .info-area .btn {
        margin-bottom: 0;
        -webkit-animation-delay: .8s !important;
                animation-delay: .8s !important; }
  .about-wrap .knowhow-list {
    margin: 40px -4px 64px;
    text-align: left; }
    .about-wrap .knowhow-list::after {
      content: '';
      display: block;
      clear: both; }
    .about-wrap .knowhow-list li {
      float: left;
      margin: 0 20px;
      width: 344px; }
      .about-wrap .knowhow-list li:first-child {
        margin-left: 0; }
      .about-wrap .knowhow-list li:last-child {
        margin-right: 0; }
      .about-wrap .knowhow-list li a {
        display: block;
        padding: 240px 24px 40px;
        font-size: 22px;
        line-height: 1.45;
        letter-spacing: -0.4px;
        color: #212329;
        border-radius: 8px;
        box-shadow: 0 16px 32px 0 rgba(187, 192, 205, 0.16), 0 8px 8px 0 rgba(142, 146, 159, 0.08);
        border: solid 1px #eceef2;
        background-color: #fff;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0 0;
        transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s; }
        .about-wrap .knowhow-list li a:hover {
          box-shadow: 0 32px 56px 0 rgba(187, 192, 205, 0.16), 0 16px 32px 0 rgba(142, 146, 159, 0.08);
          -webkit-transform: translate(0px, -8px);
              -ms-transform: translate(0px, -8px);
                  transform: translate(0px, -8px);
          transition-duration: 0.3s;
          -webkit-transition-duration: 0.3s; }
      .about-wrap .knowhow-list li.knowhow-item1 {
        -webkit-animation-delay: .3s !important;
                animation-delay: .3s !important; }
        .about-wrap .knowhow-list li.knowhow-item1 a {
          background-image: url(/cdn/ceo-moon/static/desktop/main/about/about_tip1_d@2x.jpg?ver=6c390c6cce453a95a7002f02b752aefb); }
      .about-wrap .knowhow-list li.knowhow-item2 {
        -webkit-animation-delay: .5s !important;
                animation-delay: .5s !important; }
        .about-wrap .knowhow-list li.knowhow-item2 a {
          background-image: url(/cdn/ceo-moon/static/desktop/main/about/about_tip2_d@2x.jpg?ver=55bfb4319d8b81ff2b7814652e3953e8); }
      .about-wrap .knowhow-list li.knowhow-item3 {
        -webkit-animation-delay: .7s !important;
                animation-delay: .7s !important; }
        .about-wrap .knowhow-list li.knowhow-item3 a {
          background-image: url(/cdn/ceo-moon/static/desktop/main/about/about_tip3_d@2x.jpg?ver=d419063c54e9cec3f14a38d30d584e36); }
  .about-wrap .interview-list {
    margin: 48px 0 56px; }
    .about-wrap .interview-list::after {
      content: '';
      display: block;
      clear: both; }
    .about-wrap .interview-list li {
      float: left;
      margin-bottom: 40px;
      width: 536px;
      text-align: left; }
      .about-wrap .interview-list li a {
        display: block;
        padding: 312px 80px 40px 32px;
        border-radius: 8px;
        border: solid 1px #eceef2;
        background-color: #fff;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0 0;
        box-sizing: border-box;
        box-shadow: 0 16px 32px 0 rgba(187, 192, 205, 0.16), 0 8px 8px 0 rgba(142, 146, 159, 0.08);
        transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s; }
        .about-wrap .interview-list li a:hover {
          box-shadow: 0 32px 56px 0 rgba(187, 192, 205, 0.16), 0 16px 32px 0 rgba(142, 146, 159, 0.08);
          -webkit-transform: translate(0px, -8px);
              -ms-transform: translate(0px, -8px);
                  transform: translate(0px, -8px);
          transition-duration: 0.3s;
          -webkit-transition-duration: 0.3s; }
      .about-wrap .interview-list li:nth-child(2n) {
        margin-left: 40px; }
      .about-wrap .interview-list li.interview-item1 {
        -webkit-animation-delay: .3s !important;
                animation-delay: .3s !important; }
        .about-wrap .interview-list li.interview-item1 a {
          background-image: url(/cdn/ceo-moon/static/desktop/main/about/about_interview1_d@2x.jpg?ver=9f49c025128cc89212198d91d4047c47); }
      .about-wrap .interview-list li.interview-item2 {
        -webkit-animation-delay: .5s !important;
                animation-delay: .5s !important; }
        .about-wrap .interview-list li.interview-item2 a {
          background-image: url(/cdn/ceo-moon/static/desktop/main/about/about_interview2_d@2x.jpg?ver=2a964757da5297a30a3adfa0b066d454); }
      .about-wrap .interview-list li.interview-item3 {
        -webkit-animation-delay: .7s !important;
                animation-delay: .7s !important; }
        .about-wrap .interview-list li.interview-item3 a {
          background-image: url(/cdn/ceo-moon/static/desktop/main/about/about_interview3_d@2x.jpg?ver=af5f2e612faebd6e7effdd06e924ffe6); }
      .about-wrap .interview-list li.interview-item4 {
        -webkit-animation-delay: .9s !important;
                animation-delay: .9s !important; }
        .about-wrap .interview-list li.interview-item4 a {
          background-image: url(/cdn/ceo-moon/static/desktop/main/about/about_interview4_d@2x.jpg?ver=f38bca16321715976ae83366ce78a68e); }
      .about-wrap .interview-list li .story {
        min-height: 135px;
        font-size: 22px;
        font-weight: 300;
        line-height: 1.64;
        letter-spacing: -0.4px;
        color: #212329; }
      .about-wrap .interview-list li .detail-info {
        margin-bottom: 15px; }
        .about-wrap .interview-list li .detail-info .name {
          padding-right: 12px;
          font-size: 18px;
          font-weight: 500;
          letter-spacing: -0.4px;
          color: #212329;
          vertical-align: top; }
        .about-wrap .interview-list li .detail-info .store {
          padding-bottom: 3px;
          font-size: 14px;
          letter-spacing: -0.4px;
          color: #8e929f; }
      .about-wrap .interview-list li .more {
        display: block;
        font-family: 'AppleSDGothicNeo';
        font-size: 18px;
        font-weight: bold;
        line-height: 1.33;
        letter-spacing: -0.4px;
        color: #1a7cff; }
  .about-wrap .content-footer {
    height: 456px;
    background: url(/cdn/ceo-moon/static/desktop/main/about/about_bottom_d@2x.jpg?ver=6019064b10be4b21ba686fa936c54f14) no-repeat 50% 0/cover; }
    .about-wrap .content-footer .content-inner {
      padding-top: 128px;
      text-align: left; }
    .about-wrap .content-footer p {
      margin-bottom: 40px;
      font-size: 32px;
      line-height: 1.5;
      letter-spacing: -1.2px;
      color: #212329; }
    .about-wrap .content-footer .btn {
      -webkit-animation-delay: .3s !important;
              animation-delay: .3s !important; }

.product-wrapper .content-inner {
  overflow: hidden;
  padding-top: 32px;
  text-align: left; }

.product-wrapper .content-bg-g .app-area {
  float: right; }

.product-wrapper .content-bg-g .pd-info {
  float: left; }

.product-wrapper .content-bg-w .app-area {
  float: left; }

.product-wrapper .content-bg-w .pd-info {
  float: right; }

.product-wrapper .app-area {
  width: 536px;
  height: 480px;
  padding: 18px 18px 0 17px;
  box-sizing: border-box;
  background: url(/cdn/ceo-moon/static/desktop/main/about/product-phone-frame_d@2x.png?ver=cba9c93508edaadf64772c5ea0173385) no-repeat 0 0/cover; }
  .product-wrapper .app-area::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0; }

.product-wrapper .pd-info {
  padding-top: 80px;
  width: 440px; }
  .product-wrapper .pd-info::before {
    content: '';
    display: inline-block;
    margin-bottom: 16px;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0; }
  .product-wrapper .pd-info h3 {
    margin-bottom: 16px;
    font-size: 32px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -1.2px;
    color: #212329;
    -webkit-animation-delay: .3s !important;
            animation-delay: .3s !important; }
  .product-wrapper .pd-info p {
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
    letter-spacing: -0.4px;
    color: #212329;
    -webkit-animation-delay: .6s !important;
            animation-delay: .6s !important; }
    .product-wrapper .pd-info p strong {
      display: block;
      margin-bottom: 8px;
      font-size: 18px;
      font-weight: normal;
      line-height: 1.33; }
  .product-wrapper .pd-info a {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: -0.4px;
    color: #1a7cff;
    -webkit-animation-delay: .9s !important;
            animation-delay: .9s !important; }

.product-wrapper .content-top {
  position: relative;
  min-height: 656px;
  height: calc(100vh - 116px);
  box-sizing: border-box;
  background: url(/cdn/ceo-moon/static/desktop/main/about/product_top_d@2x.jpg?ver=e55f50fb0d847366a1ef0f2071fefdaf) no-repeat 50% 0%/cover; }
  .product-wrapper .content-top .content-inner {
    padding-top: 80px;
    padding-bottom: 80px; }
  .product-wrapper .content-top .sub-title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: #ffffff; }
  .product-wrapper .content-top .text {
    font-size: 44px;
    line-height: 1.45;
    letter-spacing: -1.2px;
    color: #ffffff;
    -webkit-animation-delay: .3s !important;
            animation-delay: .3s !important; }

.product-wrapper .more-product {
  padding: 80px 0 96px; }
  .product-wrapper .more-product h2 {
    text-align: center;
    font-size: 32px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -1.2px;
    color: #212329; }
  .product-wrapper .more-product ul {
    margin-top: 48px; }
  .product-wrapper .more-product li {
    margin-left: 40px;
    padding: 0 24px;
    width: 296px;
    -webkit-animation-delay: .3s !important;
            animation-delay: .3s !important; }
    .product-wrapper .more-product li::before {
      content: '';
      display: inline-block;
      margin-bottom: 16px;
      width: 64px;
      height: 64px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 0 0; }
    .product-wrapper .more-product li.product-coupon::before {
      background-image: url(/cdn/ceo-moon/static/desktop/main/about/icon_coupon@2x.png?ver=d706f6513cf258694f52871c8fbea33b); }
    .product-wrapper .more-product li:first-child {
      margin-left: 0; }
    .product-wrapper .more-product li h3 {
      font-size: 22px;
      font-weight: 500;
      line-height: 1.45;
      letter-spacing: -0.4px;
      color: #212329; }
    .product-wrapper .more-product li p {
      margin: 8px 0 26px;
      font-size: 16px;
      font-weight: 300;
      line-height: 2;
      letter-spacing: -0.4px;
      color: #212329; }
    .product-wrapper .more-product li a {
      display: inline-block;
      font-size: 18px;
      font-weight: bold;
      line-height: 1.33;
      letter-spacing: -0.4px;
      color: #1a7cff; }

.product-wrapper .pd-openlist .app-area::before {
  background-image: url(/cdn/ceo-moon/static/desktop/main/ad_openlist_d.gif?ver=aaaf99080648dba442d0352219ea3a99); }

.product-wrapper .pd-openlist .pd-info::before {
  background-image: url(/cdn/ceo-moon/static/desktop/main/about/icon_openlist@2x.png?ver=ed88bab7542863ad840da18600cda87e); }

.product-wrapper .pd-ultracall .app-area::before {
  background-image: url(/cdn/ceo-moon/static/desktop/main/about/product_ultracall_d.gif?ver=04db33121faaad51c5ac54448e0bb558); }

.product-wrapper .pd-ultracall .pd-info::before {
  background-image: url(/cdn/ceo-moon/static/desktop/main/about/icon_ultracall@2x.png?ver=7c2fc7daa76efb93fb5683b647f578b7); }

.product-wrapper .pd-riders .app-area::before {
  background-image: url(/cdn/ceo-moon/static/desktop/main/about/product_riders_d.gif?ver=a3d81875226436e370404e79bce23615); }

.product-wrapper .pd-riders .pd-info::before {
  background-image: url(/cdn/ceo-moon/static/desktop/main/about/icon_riders@2x.png?ver=d34a00a3f30706af2b1057237b114ab6); }

.product-wrapper .pd-takeout .app-area::before {
  background-image: url(/cdn/ceo-moon/static/desktop/main/about/product_takeout_d.gif?ver=2cfcea9e327e58e6c310e87c06ee359a); }

.product-wrapper .pd-takeout .pd-info::before {
  background-image: url(/cdn/ceo-moon/static/desktop/main/about/icon_takeout@2x.png?ver=f29d2fb94b6c0b597ee906c4513e8292); }

.product-wrapper .pd-solo .app-area::before {
  background-image: url(/cdn/ceo-moon/static/desktop/main/about/product_for1_d.gif?ver=b3dea700059b8c58a33a359d346d8daf); }

.product-wrapper .pd-solo .pd-info::before {
  background-image: url(/cdn/ceo-moon/static/desktop/main/about/icon_for1@2x.png?ver=5afa56a76f2d33c93675a55f253138c6); }

.product-wrapper .pd-bmorder .app-area::before {
  background-image: url(/cdn/ceo-moon/static/desktop/main/about/product_bmorder_d.gif?ver=df4ab904c6714413945bd2ed646fe093); }

.product-wrapper .pd-bmorder .pd-info::before {
  background-image: url(/cdn/ceo-moon/static/desktop/main/about/icon_bmorder@2x.png?ver=3feb57180bb52953a3fcb3980bbb6f05); }

.product-detail-wrapper .content-inner {
  padding: 80px 0 96px; }

.product-detail-wrapper .btn {
  width: 288px; }

.product-detail-wrapper .content-top {
  background: #f2f7ff; }
  .product-detail-wrapper .content-top .content-inner {
    overflow: hidden;
    text-align: left;
    padding: 0; }
  .product-detail-wrapper .content-top .btn {
    -webkit-animation-delay: 1.2s !important;
            animation-delay: 1.2s !important;
    margin-top: 40px; }
  .product-detail-wrapper .content-top .product-text-box {
    float: left;
    padding-top: 80px;
    width: 440px; }
    .product-detail-wrapper .content-top .product-text-box h1 {
      font-size: 44px;
      font-weight: normal;
      line-height: 1.45;
      letter-spacing: -1.2px;
      color: #212329;
      -webkit-animation-delay: .3s !important;
              animation-delay: .3s !important; }
    .product-detail-wrapper .content-top .product-text-box .txt-strong {
      margin: 16px 0 8px;
      font-size: 22px;
      font-weight: normal;
      line-height: 1.45;
      letter-spacing: -0.4px;
      color: #212329;
      -webkit-animation-delay: .6s !important;
              animation-delay: .6s !important; }
    .product-detail-wrapper .content-top .product-text-box .txt-default {
      font-size: 16px;
      font-weight: 300;
      line-height: 2;
      letter-spacing: -0.4px;
      color: #212329;
      -webkit-animation-delay: .9s !important;
              animation-delay: .9s !important; }
  .product-detail-wrapper .content-top .app-area {
    float: right;
    width: 536px;
    height: 480px;
    padding: 18px 18px 0 17px;
    box-sizing: border-box;
    background: url(/cdn/ceo-moon/static/desktop/main/about/product-phone-frame_d@2x.png?ver=cba9c93508edaadf64772c5ea0173385) no-repeat 0 0/cover; }
    .product-detail-wrapper .content-top .app-area::before {
      content: '';
      display: inline-block;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 0 0; }
  .product-detail-wrapper .content-top .pd-openlist .app-area::before {
    background-image: url(/cdn/ceo-moon/static/desktop/main/ad_openlist_d.gif?ver=aaaf99080648dba442d0352219ea3a99); }
  .product-detail-wrapper .content-top .pd-ultracall .app-area::before {
    background-image: url(/cdn/ceo-moon/static/desktop/main/about/product_ultracall_d.gif?ver=04db33121faaad51c5ac54448e0bb558); }
  .product-detail-wrapper .content-top .pd-riders .app-area::before {
    background-image: url(/cdn/ceo-moon/static/desktop/main/about/product_riders_d.gif?ver=a3d81875226436e370404e79bce23615); }
  .product-detail-wrapper .content-top .pd-takeout .app-area::before {
    background-image: url(/cdn/ceo-moon/static/desktop/main/about/product_takeout_d.gif?ver=2cfcea9e327e58e6c310e87c06ee359a); }
  .product-detail-wrapper .content-top .pd-solo .app-area::before {
    background-image: url(/cdn/ceo-moon/static/desktop/main/about/product_for1_d.gif?ver=b3dea700059b8c58a33a359d346d8daf); }
  .product-detail-wrapper .content-top .pd-bmorder .app-area::before {
    background-image: url(/cdn/ceo-moon/static/desktop/main/about/product_bmorder_d.gif?ver=df4ab904c6714413945bd2ed646fe093); }
  .product-detail-wrapper .content-top.coupon-top {
    background: none; }
    .product-detail-wrapper .content-top.coupon-top .content-inner {
      padding-bottom: 96px;
      text-align: center; }
    .product-detail-wrapper .content-top.coupon-top .product-text-box {
      float: none;
      margin-bottom: 96px;
      width: auto; }
    .product-detail-wrapper .content-top.coupon-top .app-area {
      float: none;
      border-bottom: 1px solid #eceef2; }
      .product-detail-wrapper .content-top.coupon-top .app-area.app-coupon-t1::before {
        background-image: url(/cdn/ceo-moon/static/desktop/main/about/product_coupon1_d.gif?ver=d57b7dc248edf01c1ddb27f315ec8e27); }
      .product-detail-wrapper .content-top.coupon-top .app-area.app-coupon-t2::before {
        background-image: url(/cdn/ceo-moon/static/desktop/main/about/product_coupon2_d.gif?ver=2265678249e6a2a741d85072ceb00b04); }
    .product-detail-wrapper .content-top.coupon-top .product-type-double {
      overflow: hidden; }
      .product-detail-wrapper .content-top.coupon-top .product-type-double li {
        float: left;
        width: 50%; }
      .product-detail-wrapper .content-top.coupon-top .product-type-double h3 {
        margin: 32px 0 8px;
        font-size: 22px;
        font-weight: 500;
        line-height: 1.45;
        letter-spacing: -0.4px;
        color: #212329; }
      .product-detail-wrapper .content-top.coupon-top .product-type-double p {
        font-size: 16px;
        font-weight: 300;
        line-height: 2;
        letter-spacing: -0.4px;
        color: #212329; }

.product-detail-wrapper h2 {
  margin-bottom: 48px;
  font-size: 32px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -1.2px;
  color: #212329; }

.product-detail-wrapper .product-info {
  overflow: hidden; }
  .product-detail-wrapper .product-info li {
    float: left;
    margin-left: 40px;
    padding: 0 24px;
    width: 296px;
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
    letter-spacing: -0.4px;
    color: #212329;
    text-align: left; }
    .product-detail-wrapper .product-info li:first-child {
      margin-left: 0; }
    .product-detail-wrapper .product-info li .num {
      display: block;
      margin-bottom: 16px;
      text-align: center;
      font-size: 44px;
      font-weight: normal;
      line-height: 1.45;
      letter-spacing: -1.2px;
      color: #212329; }
    .product-detail-wrapper .product-info li .desc {
      margin-top: 8px;
      font-size: 12px;
      line-height: 1.67;
      letter-spacing: -0.2px;
      color: #8e929f; }
      .product-detail-wrapper .product-info li .desc::before {
        content: '';
        display: inline-block;
        margin-top: -1px;
        margin-right: 8px;
        width: 2px;
        height: 2px;
        vertical-align: middle;
        background: #8e929f; }
  .product-detail-wrapper .product-info + .btn {
    margin-top: 64px; }

.product-detail-wrapper .price-info {
  margin-bottom: 32px;
  width: 100%;
  text-align: left;
  border-top: 1px solid #212329;
  border-bottom: 1px solid #d7dbe6; }
  .product-detail-wrapper .price-info thead th {
    padding: 10px 0 10px 32px;
    border-top: none; }
  .product-detail-wrapper .price-info tbody tr:first-child th, .product-detail-wrapper .price-info tbody tr:first-child td {
    border-top: none; }
  .product-detail-wrapper .price-info thead + tbody tr:first-child th, .product-detail-wrapper .price-info thead + tbody tr:first-child td {
    border-top: 1px solid #eceef2; }
  .product-detail-wrapper .price-info th, .product-detail-wrapper .price-info td {
    padding: 24px 0;
    border-top: 1px solid #eceef2; }
  .product-detail-wrapper .price-info th {
    padding-left: 32px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: -0.2px;
    color: #666a75; }
  .product-detail-wrapper .price-info td {
    padding-left: 32px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: #212329; }
    .product-detail-wrapper .price-info td strong {
      font-weight: bold; }
  .product-detail-wrapper .price-info .align-right {
    padding-left: 0;
    padding-right: 32px;
    text-align: right; }
  .product-detail-wrapper .price-info .txt-dc {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.4px;
    color: #ff8400; }
  .product-detail-wrapper .price-info .origin-price {
    padding: 0 8px;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.4px;
    color: #8e929f;
    text-decoration: line-through; }

.product-detail-wrapper .price-type-double {
  overflow: hidden; }
  .product-detail-wrapper .price-type-double .price-info {
    float: left;
    width: 536px; }
    .product-detail-wrapper .price-type-double .price-info + .price-info {
      margin-left: 40px; }

.product-detail-wrapper .small-noti {
  text-align: left; }
  .product-detail-wrapper .small-noti li {
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: -0.2px;
    color: #8e929f; }
    .product-detail-wrapper .small-noti li::before {
      content: '';
      display: inline-block;
      margin: -3px 6px 0 0;
      width: 2px;
      height: 2px;
      vertical-align: middle;
      background-color: #8e929f; }
    .product-detail-wrapper .small-noti li + li {
      margin-top: 8px; }

.product-detail-wrapper .qna-list {
  text-align: left;
  border-top: 1px solid #212329;
  border-bottom: 1px solid #d7dbe6; }
  .product-detail-wrapper .qna-list li + li {
    border-top: 1px solid #eceef2; }
  .product-detail-wrapper .qna-list .qna-question {
    position: relative;
    padding: 32px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: -0.4px;
    color: #212329;
    cursor: pointer; }
    .product-detail-wrapper .qna-list .qna-question::after {
      content: '';
      position: absolute;
      top: 35px;
      right: 32px;
      width: 16px;
      height: 16px;
      background: url(/cdn/ceo-moon/static/desktop/main/about/list-arrow@2x.png?ver=d6be72a53dd8e3d7f37a8e280753ad06) no-repeat 0 0/contain; }
    .product-detail-wrapper .qna-list .qna-question .num {
      display: inline-block;
      padding: 0 48px 0 40px;
      font-weight: normal; }
  .product-detail-wrapper .qna-list .qna-answer {
    display: none;
    padding: 32px 272px 48px 112px;
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
    letter-spacing: -0.4px;
    color: #212329;
    background: #f8f9fa; }
    .product-detail-wrapper .qna-list .qna-answer table {
      width: 100%;
      text-align: left;
      border-top: 1px solid #212329;
      border-bottom: 1px solid #d7dbe6; }
      .product-detail-wrapper .qna-list .qna-answer table .align-right {
        padding-left: 0;
        text-align: right; }
      .product-detail-wrapper .qna-list .qna-answer table thead th {
        padding: 10px 32px;
        text-align: left;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.67;
        letter-spacing: -0.2px;
        color: #666a75; }
      .product-detail-wrapper .qna-list .qna-answer table td {
        padding: 24px 32px;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.5;
        letter-spacing: -0.4px;
        color: #212329;
        border-top: 1px solid #eceef2; }
        .product-detail-wrapper .qna-list .qna-answer table td strong {
          font-weight: bold; }
        .product-detail-wrapper .qna-list .qna-answer table td small {
          font-size: 14px;
          line-height: 1.43;
          letter-spacing: -0.4px;
          color: #8e929f; }
  .product-detail-wrapper .qna-list .open .qna-question::after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .product-detail-wrapper .qna-list .open .qna-answer {
    display: block; }
  .product-detail-wrapper .qna-list + .btn {
    margin-top: 64px; }

.product-detail-wrapper .cs-info {
  font-size: 16px;
  font-weight: 300;
  line-height: 2;
  letter-spacing: -0.4px;
  color: #212329; }
  .product-detail-wrapper .cs-info + .btn {
    margin-top: 40px; }

.ultra-wrapper {
  margin: 0 auto;
  padding: 50px 0 80px;
  width: 690px; }
  .ultra-wrapper .msg-info {
    padding-top: 50px;
    text-align: center; }
    .ultra-wrapper .msg-info .stit {
      margin-bottom: 30px;
      font-size: 20px;
      font-weight: 500; }
    .ultra-wrapper .msg-info .dsc {
      color: #898989;
      line-height: 1.5; }
    .ultra-wrapper .msg-info .dsc + .dsc {
      margin-top: 10px; }
    .ultra-wrapper .msg-info .btn-group .btn-primary {
      margin: 0 auto;
      width: 360px; }
  .ultra-wrapper .h-tit + .h-dsc {
    margin: -13px 0 15px 0;
    color: #bbc0cd;
    font-size: 12px;
    line-height: 1.4; }
    .ultra-wrapper .h-tit + .h-dsc em {
      color: #f45452; }
  .ultra-wrapper .photos .btn-add-photo {
    display: block; }
  .ultra-wrapper .photos .btn-del-photo {
    display: block; }
  .ultra-wrapper .apply-form {
    padding: 40px 15px 40px;
    border: solid 1px #d7dbe6;
    box-sizing: border-box; }
    .ultra-wrapper .apply-form .form-field > li {
      padding-left: 155px; }
      .ultra-wrapper .apply-form .form-field > li.tel .input-area, .ultra-wrapper .apply-form .form-field > li.tel .selectric-wrapper {
        float: left;
        width: 96px; }
      .ultra-wrapper .apply-form .form-field > li.tel .dash-line {
        float: left; }
      .ultra-wrapper .apply-form .form-field > li.tel .selectric-wrapper ~ * {
        margin-left: 10px; }
      .ultra-wrapper .apply-form .form-field > li .btn-open-address {
        position: absolute;
        top: 0;
        right: 0; }
      .ultra-wrapper .apply-form .form-field > li .h-stit {
        position: absolute;
        left: 0;
        top: 11px; }
      .ultra-wrapper .apply-form .form-field > li .row-field {
        width: 330px; }
      .ultra-wrapper .apply-form .form-field > li .checkbox {
        padding-top: 6px; }
        .ultra-wrapper .apply-form .form-field > li .checkbox .input-radio {
          float: left;
          width: 33%; }
      .ultra-wrapper .apply-form .form-field > li::after {
        content: '';
        clear: both;
        display: block; }
    .ultra-wrapper .apply-form .form-field.upload {
      margin-top: 30px; }
      .ultra-wrapper .apply-form .form-field.upload .photos {
        display: table; }
      .ultra-wrapper .apply-form .form-field.upload .input-area {
        display: none;
        width: auto;
        height: 36px;
        vertical-align: top; }
      .ultra-wrapper .apply-form .form-field.upload .file {
        position: relative;
        float: left;
        width: 36px;
        height: 36px;
        margin-right: 6px;
        background: url(/cdn/ceo-moon/static/desktop/main/bg-file.png?ver=db8f2c0cf7b23c5f7d90b96087d6b725) no-repeat;
        background-position: -60px 0; }
        .ultra-wrapper .apply-form .form-field.upload .file .sp-photo-delete {
          display: none;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          line-height: 36px;
          color: #fff;
          text-align: center;
          opacity: 0.4;
          background-color: #212329;
          z-index: 10; }
        .ultra-wrapper .apply-form .form-field.upload .file img {
          margin: 0;
          width: inherit;
          height: inherit; }
        .ultra-wrapper .apply-form .form-field.upload .file:hover img + .sp-photo-delete {
          display: block; }
      .ultra-wrapper .apply-form .form-field.upload .input-area ~ * {
        margin-left: 0; }
    .ultra-wrapper .apply-form .terms-list {
      overflow: hidden; }
      .ultra-wrapper .apply-form .terms-list li {
        margin-bottom: 20px; }
        .ultra-wrapper .apply-form .terms-list li:last-child {
          margin: 0; }
        .ultra-wrapper .apply-form .terms-list li .terms-check {
          position: relative;
          margin-bottom: 8px;
          padding-right: 30px;
          height: 24px;
          line-height: 24px; }
          .ultra-wrapper .apply-form .terms-list li .terms-check h4 {
            color: #212329;
            font-size: 14px;
            font-weight: 400; }
            .ultra-wrapper .apply-form .terms-list li .terms-check h4 em {
              color: #f45452; }
          .ultra-wrapper .apply-form .terms-list li .terms-check .checkbox {
            position: absolute;
            right: 0;
            top: 0; }
        .ultra-wrapper .apply-form .terms-list li .terms-box {
          overflow-y: auto;
          padding: 15px;
          height: 50px;
          font-size: 12px;
          color: #42454f;
          background-color: #f8f9fa;
          -webkit-overflow-scrolling: touch; }
          .ultra-wrapper .apply-form .terms-list li .terms-box table {
            width: 100%;
            margin-top: 10px;
            border-collapse: collapse;
            border: 1px solid #ccc; }
            .ultra-wrapper .apply-form .terms-list li .terms-box table th, .ultra-wrapper .apply-form .terms-list li .terms-box table td {
              padding: 5px;
              font-weight: 400;
              border-left: 1px solid #ccc;
              border-bottom: 1px solid #ccc;
              font-size: 12px;
              color: #42454f;
              text-align: center;
              vertical-align: middle; }
              .ultra-wrapper .apply-form .terms-list li .terms-box table th strong, .ultra-wrapper .apply-form .terms-list li .terms-box table td strong {
                font-weight: 400; }
    .ultra-wrapper .apply-form .btn-group {
      text-align: center; }
      .ultra-wrapper .apply-form .btn-group .btn {
        width: 330px; }

.interview-wrap {
  color: #212329; }
  .interview-wrap .interview-top {
    margin: 0 auto 66px;
    padding: 80px 0 0 0;
    width: 1112px; }
    .interview-wrap .interview-top .title {
      margin-bottom: 8px;
      font-size: 16px;
      font-weight: normal;
      line-height: 1.5;
      text-align: center; }
    .interview-wrap .interview-top .subtitle {
      margin-bottom: 60px;
      font-size: 32px;
      font-weight: normal;
      line-height: 1.5;
      text-align: center; }
    .interview-wrap .interview-top .photo img {
      width: 1112px;
      height: 504px; }
  .interview-wrap .interview-content {
    margin: 0 auto 65px;
    width: 728px; }
    .interview-wrap .interview-content h3 {
      margin-bottom: 17px;
      font-size: 18px;
      font-weight: 500;
      line-height: 1.33;
      letter-spacing: -0.4px; }
    .interview-wrap .interview-content .answer {
      font-size: 16px;
      font-weight: 300;
      line-height: 2;
      letter-spacing: -0.4px; }
    .interview-wrap .interview-content .quote {
      margin-bottom: 20px;
      font-family: 'NotoSansCJKkr';
      font-size: 22px;
      font-weight: 300;
      line-height: 1.64;
      letter-spacing: -0.4px; }
  .interview-wrap .interview-photo {
    overflow: hidden;
    margin: 0 auto 60px;
    width: 1112px; }
    .interview-wrap .interview-photo .photo {
      width: 536px; }
      .interview-wrap .interview-photo .photo img {
        width: 536px;
        height: 340px; }
      .interview-wrap .interview-photo .photo:first-child {
        float: left; }
      .interview-wrap .interview-photo .photo:last-child {
        float: right; }
  .interview-wrap .btn-baemin-about {
    margin: 0 auto 96px;
    width: 288px;
    display: block; }
  .interview-wrap .content-footer {
    height: 456px;
    background: url(/cdn/ceo-moon/static/desktop/main/about/about_bottom_d@2x.jpg?ver=6019064b10be4b21ba686fa936c54f14) no-repeat 50% 0/cover; }
    .interview-wrap .content-footer .content-inner {
      padding-top: 128px;
      text-align: left; }
    .interview-wrap .content-footer p {
      margin-bottom: 40px;
      font-size: 32px;
      line-height: 1.5;
      letter-spacing: -1.2px;
      color: #212329; }
    .interview-wrap .content-footer .btn {
      width: 288px; }

.knowhow-wrapper {
  margin: 0 auto;
  padding: 90px 0 80px;
  width: 1112px; }
  .knowhow-wrapper .page-title {
    margin-bottom: 70px; }
    .knowhow-wrapper .page-title h1 {
      font-size: 36px;
      font-weight: 300;
      color: #212329;
      letter-spacing: -0.04em;
      text-align: center; }
    .knowhow-wrapper .page-title .dsc {
      font-size: 17px;
      color: #212329;
      text-align: center; }
      .knowhow-wrapper .page-title .dsc strong {
        margin-bottom: 5px;
        display: block;
        font-weight: 300;
        font-size: 16px;
        color: #bbc0cd; }
      .knowhow-wrapper .page-title .dsc small {
        display: block;
        font-size: 12px;
        color: #bbc0cd;
        line-height: 1.4;
        text-align: center; }
  .knowhow-wrapper .bbs-list .list {
    overflow: hidden;
    padding: 0 66px;
    border-top: 0; }
    .knowhow-wrapper .bbs-list .list li {
      position: relative;
      float: left;
      margin-right: 40px;
      margin-bottom: 30px; }
      .knowhow-wrapper .bbs-list .list li a {
        overflow: hidden;
        display: block;
        width: 300px;
        height: 300px;
        box-sizing: border-box; }
        .knowhow-wrapper .bbs-list .list li a img {
          width: 300px;
          height: 300px; }
        .knowhow-wrapper .bbs-list .list li a::before {
          position: absolute;
          content: '';
          display: block;
          width: 100%;
          height: 100%;
          box-sizing: border-box;
          opacity: 0.3;
          z-index: 1; }
      .knowhow-wrapper .bbs-list .list li:nth-child(-n+3) a::before {
        border-top: 0; }
      .knowhow-wrapper .bbs-list .list li:nth-child(3n) {
        margin-right: 0; }
      .knowhow-wrapper .bbs-list .list li:nth-child(3n) a::before {
        border-right: 0; }
  .knowhow-wrapper .bbs-view {
    margin: 0 auto;
    width: 450px; }
    .knowhow-wrapper .bbs-view .info {
      margin-bottom: 46px; }
      .knowhow-wrapper .bbs-view .info h1 {
        font-size: 30px;
        font-weight: 300;
        line-height: 1.2;
        letter-spacing: -0.03em;
        text-align: center; }
        .knowhow-wrapper .bbs-view .info h1 .category {
          display: block;
          margin-bottom: 5px;
          font-size: 12px;
          font-weight: 400;
          color: #bbc0cd;
          text-align: center; }
      .knowhow-wrapper .bbs-view .info .tag {
        display: none;
        margin-top: 10px;
        font-size: 14px;
        color: #8e929f;
        line-height: 1.5;
        text-align: center; }
        .knowhow-wrapper .bbs-view .info .tag span {
          padding: 0 5px; }
    .knowhow-wrapper .bbs-view .article img {
      width: 450px;
      height: 450px; }
    .knowhow-wrapper .bbs-view .article .thumb + .thumb {
      margin-top: 50px; }
    .knowhow-wrapper .bbs-view .btn-area {
      overflow: hidden;
      margin-top: 50px; }
      .knowhow-wrapper .bbs-view .btn-area .btn-list {
        float: left;
        padding: 8px 0;
        min-width: 92px;
        font-weight: 400; }
      .knowhow-wrapper .bbs-view .btn-area .share-area {
        float: right;
        overflow: hidden; }
        .knowhow-wrapper .bbs-view .btn-area .share-area li {
          float: left;
          margin-left: 10px; }
        .knowhow-wrapper .bbs-view .btn-area .share-area a, .knowhow-wrapper .bbs-view .btn-area .share-area button {
          display: block;
          width: 36px;
          height: 36px;
          text-indent: -9999px;
          background: url(/cdn/ceo-moon/static/desktop/main/sp-sns.png?ver=8ac1d5a99dd44591c0ee4995de51e3b7) no-repeat; }
          .knowhow-wrapper .bbs-view .btn-area .share-area a.sp-share-copy, .knowhow-wrapper .bbs-view .btn-area .share-area button.sp-share-copy {
            width: 92px;
            background-position: 0 0; }
          .knowhow-wrapper .bbs-view .btn-area .share-area a.sp-share-twiter, .knowhow-wrapper .bbs-view .btn-area .share-area button.sp-share-twiter {
            background-position: 0 -50px; }
          .knowhow-wrapper .bbs-view .btn-area .share-area a.sp-share-facebook, .knowhow-wrapper .bbs-view .btn-area .share-area button.sp-share-facebook {
            background-position: 0 -100px; }
          .knowhow-wrapper .bbs-view .btn-area .share-area a.sp-share-kakaostory, .knowhow-wrapper .bbs-view .btn-area .share-area button.sp-share-kakaostory {
            background-position: 0 -150px; }

.cscenter-wrapper {
  margin: 0 auto;
  padding: 60px 0 86px;
  width: 1112px; }
  .cscenter-wrapper .page-title {
    margin-bottom: 15px;
    text-align: left; }
    .cscenter-wrapper .page-title h1 {
      font-weight: 300;
      line-height: 1.2;
      margin-top: 51px; }
  .cscenter-wrapper .search-area {
    position: relative;
    margin-bottom: 24px;
    width: 345px;
    border: solid 2px #1a7cff; }
    .cscenter-wrapper .search-area input {
      padding: 13px 45px 13px 15px;
      width: 100%;
      height: 50px;
      font-size: 14px;
      font-weight: 400;
      box-sizing: border-box;
      border: 0; }
      .cscenter-wrapper .search-area input::-webkit-input-placeholder {
        color: #bbc0cd; }
      .cscenter-wrapper .search-area input:-ms-input-placeholder {
        color: #bbc0cd; }
      .cscenter-wrapper .search-area input::-ms-input-placeholder {
        color: #bbc0cd; }
      .cscenter-wrapper .search-area input::placeholder {
        color: #bbc0cd; }
      .cscenter-wrapper .search-area input::-webkit-input-placeholder {
        color: #bbc0cd; }
      .cscenter-wrapper .search-area input:-ms-input-placeholder {
        color: #bbc0cd; }
    .cscenter-wrapper .search-area .btn-search {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      padding: 0 15px; }
      .cscenter-wrapper .search-area .btn-search::before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        background-position: -40px 0; }
  .cscenter-wrapper .nav-area {
    overflow: hidden;
    margin-bottom: 80px; }
    .cscenter-wrapper .nav-area .search-area {
      margin: 0;
      float: left; }
    .cscenter-wrapper .nav-area .tab-cscenter {
      float: right;
      width: 525px; }
  .cscenter-wrapper .tab-cscenter {
    overflow: hidden; }
    .cscenter-wrapper .tab-cscenter li {
      float: left;
      width: 25%;
      height: 50px;
      border: 1px solid #d7dbe6;
      box-sizing: border-box;
      text-align: center; }
      .cscenter-wrapper .tab-cscenter li a {
        display: block;
        padding: 15px 0;
        box-sizing: border-box;
        font-weight: 300; }
        .cscenter-wrapper .tab-cscenter li a.m1::before {
          background-position: 0 0; }
        .cscenter-wrapper .tab-cscenter li a.m2::before {
          background-position: 0 -20px; }
        .cscenter-wrapper .tab-cscenter li a.m3::before {
          background-position: 0 -40px; }
        .cscenter-wrapper .tab-cscenter li a.m4::before {
          background-position: 0 -60px; }
        .cscenter-wrapper .tab-cscenter li a::before {
          display: inline-block;
          content: "";
          margin: 0 4px 2px;
          width: 15px;
          height: 15px;
          vertical-align: middle; }
    .cscenter-wrapper .tab-cscenter li + li {
      border-left: 0; }
  .cscenter-wrapper .faq-category h2 {
    margin-bottom: 18px;
    font-size: 17px;
    font-weight: 500; }
  .cscenter-wrapper .tab-faq {
    overflow: hidden;
    margin-bottom: 60px;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5; }
    .cscenter-wrapper .tab-faq li {
      float: left;
      margin: 0;
      width: 185px;
      text-align: center;
      box-sizing: border-box;
      border-color: #e5e5e5;
      border-style: solid;
      border-width: 1px;
      border-top: 0;
      border-left: 0; }
      .cscenter-wrapper .tab-faq li a {
        display: block;
        padding: 14px 0; }
      .cscenter-wrapper .tab-faq li.current {
        color: #fff;
        border-color: #1a7cff;
        background-color: #1a7cff; }
  .cscenter-wrapper .notice-list .bbs-info {
    margin-bottom: 15px;
    font-size: 17px; }
    .cscenter-wrapper .notice-list .bbs-info em {
      color: #1a7cff;
      font-weight: 700; }
  .cscenter-wrapper .notice-list .list {
    margin-bottom: 20px;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse; }
    .cscenter-wrapper .notice-list .list tr:last-child td {
      border-bottom: 1px solid #bbc0cd; }
      .cscenter-wrapper .notice-list .list tr:last-child td.nodata {
        border-bottom: 0; }
    .cscenter-wrapper .notice-list .list th {
      padding: 11px 0;
      color: #8e929f;
      font-weight: 400;
      background-color: #f7f7f6; }
    .cscenter-wrapper .notice-list .list td {
      padding: 16px 0;
      border-bottom: 1px solid #e5e5e5;
      text-align: center; }
      .cscenter-wrapper .notice-list .list td.subject a {
        display: block; }
      .cscenter-wrapper .notice-list .list td.nodata {
        text-align: center; }
        .cscenter-wrapper .notice-list .list td.nodata .result {
          padding: 100px 0;
          border-bottom: 1px solid #d7dbe6; }
        .cscenter-wrapper .notice-list .list td.nodata .info {
          padding: 35px 0; }
          .cscenter-wrapper .notice-list .list td.nodata .info dt {
            margin-bottom: 6px;
            font-weight: 700; }
          .cscenter-wrapper .notice-list .list td.nodata .info dd {
            line-height: 1.5;
            color: #8e929f; }
            .cscenter-wrapper .notice-list .list td.nodata .info dd a {
              text-decoration: underline; }
    .cscenter-wrapper .notice-list .list .subject {
      text-align: left; }
    .cscenter-wrapper .notice-list .list .ico-new {
      margin: 0 0 1px 8px;
      display: inline-block;
      width: 17px;
      height: 17px;
      background-position: -40px -20px;
      vertical-align: middle; }
  .cscenter-wrapper .notice-view .info {
    padding: 20px 0;
    border-bottom: 1px solid #bbc0cd; }
    .cscenter-wrapper .notice-view .info .subject {
      margin-bottom: 8px;
      font-size: 17px;
      font-weight: 700;
      color: #212329; }
    .cscenter-wrapper .notice-view .info .date {
      color: #8e929f;
      letter-spacing: 0;
      font-weight: 300; }
  .cscenter-wrapper .notice-view .article {
    margin-bottom: 40px;
    padding: 45px 30px;
    border-bottom: 1px solid #bbc0cd;
    word-break: break-all;
    line-height: 1.8; }
    .cscenter-wrapper .notice-view .article strong {
      font-weight: bold; }
    .cscenter-wrapper .notice-view .article em {
      font-style: italic; }
    .cscenter-wrapper .notice-view .article .tb-prize {
      border-collapse: collapse;
      border: 1px solid #eceef2; }
      .cscenter-wrapper .notice-view .article .tb-prize caption {
        display: none; }
      .cscenter-wrapper .notice-view .article .tb-prize th {
        background: #f8f9fa; }
      .cscenter-wrapper .notice-view .article .tb-prize th,
      .cscenter-wrapper .notice-view .article .tb-prize td {
        padding: 7px 0 8px;
        border: 1px solid #eceef2;
        text-align: center;
        font-size: 13px; }
    .cscenter-wrapper .notice-view .article img {
      max-width: 100%; }
    .cscenter-wrapper .notice-view .article .editor-markdown-table tr td, .cscenter-wrapper .notice-view .article .editor-markdown-table tr th {
      padding: 8px; }
    .cscenter-wrapper .notice-view .article .editor-markdown-table em {
      font-style: italic; }
    .cscenter-wrapper .notice-view .article ul li {
      position: relative;
      padding-left: 8px; }
      .cscenter-wrapper .notice-view .article ul li::before {
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        left: 0;
        width: 2px;
        height: 2px;
        background: #000;
        content: ''; }
  .cscenter-wrapper .notice-view .pagenav {
    margin-bottom: 40px;
    width: 100%;
    border-top: 1px solid #bbc0cd;
    border-bottom: 1px solid #bbc0cd; }
    .cscenter-wrapper .notice-view .pagenav li {
      padding: 17px 0; }
      .cscenter-wrapper .notice-view .pagenav li:first-child {
        border-bottom: 1px solid #d7dbe6; }
      .cscenter-wrapper .notice-view .pagenav li a em {
        padding: 0 45px 0 30px; }
      .cscenter-wrapper .notice-view .pagenav li a .date {
        float: right;
        padding: 0 30px;
        letter-spacing: 0; }
  .cscenter-wrapper .notice-view .btn-area .btn-list {
    display: inline-block;
    height: 49px;
    line-height: 49px; }
    .cscenter-wrapper .notice-view .btn-area .btn-list::before {
      content: "";
      display: inline-block;
      margin-right: 15px;
      vertical-align: top;
      width: 51px;
      height: 49px;
      background-position: -40px -40px; }
  .cscenter-wrapper .notice-view .editor-markdown-table {
    border: 1px solid #bbc0cd;
    text-align: center; }
    .cscenter-wrapper .notice-view .editor-markdown-table thead th {
      min-width: 100px;
      font-size: 16px;
      border-bottom: 1px solid #bbc0cd;
      border-right: 1px solid #bbc0cd;
      padding: 5px; }
      .cscenter-wrapper .notice-view .editor-markdown-table thead th:last-child {
        border-right: 0; }
    .cscenter-wrapper .notice-view .editor-markdown-table tr {
      border-bottom: 1px solid #bbc0cd; }
      .cscenter-wrapper .notice-view .editor-markdown-table tr:last-child {
        border-bottom: 0; }
      .cscenter-wrapper .notice-view .editor-markdown-table tr td {
        min-width: 100px;
        font-size: 14px;
        border-right: 1px solid #bbc0cd;
        padding: 5px; }
        .cscenter-wrapper .notice-view .editor-markdown-table tr td:last-child {
          border-right: 0; }
  .cscenter-wrapper .faq-best-list {
    margin-bottom: 80px; }
    .cscenter-wrapper .faq-best-list h2 {
      margin-bottom: 18px;
      font-size: 17px;
      font-weight: 500; }
  .cscenter-wrapper .faq-list .bbs-info {
    margin-bottom: 15px;
    font-size: 17px; }
    .cscenter-wrapper .faq-list .bbs-info em {
      color: #1a7cff;
      font-weight: 700; }
  .cscenter-wrapper .faq-list .list {
    margin-bottom: 20px;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse; }
    .cscenter-wrapper .faq-list .list th {
      padding: 11px 0;
      color: #8e929f;
      font-weight: 400;
      text-align: left;
      background-color: #f7f7f6; }
      .cscenter-wrapper .faq-list .list th:first-child {
        padding-left: 30px; }
    .cscenter-wrapper .faq-list .list td {
      border-bottom: 1px solid #e5e5e5;
      cursor: pointer; }
      .cscenter-wrapper .faq-list .list td.nodata {
        text-align: center;
        cursor: auto; }
        .cscenter-wrapper .faq-list .list td.nodata .result {
          padding: 100px 0;
          border-bottom: 1px solid #d7dbe6; }
        .cscenter-wrapper .faq-list .list td.nodata .info {
          padding: 35px 0; }
          .cscenter-wrapper .faq-list .list td.nodata .info dt {
            margin-bottom: 6px;
            font-weight: 600; }
          .cscenter-wrapper .faq-list .list td.nodata .info dd {
            line-height: 1.5;
            color: #8e929f;
            font-weight: 300; }
            .cscenter-wrapper .faq-list .list td.nodata .info dd a {
              text-decoration: underline; }
    .cscenter-wrapper .faq-list .list .item .title {
      position: relative;
      padding: 16px 0;
      font-weight: 400; }
      .cscenter-wrapper .faq-list .list .item .title span {
        display: inline-block;
        padding-left: 30px;
        width: 180px;
        box-sizing: border-box; }
      .cscenter-wrapper .faq-list .list .item .title::after {
        position: absolute;
        right: 15px;
        top: 24px;
        display: block;
        content: "";
        width: 11px;
        height: 11px;
        background-position: -20px -80px; }
    .cscenter-wrapper .faq-list .list .item .answer {
      display: none;
      padding: 25px 25px 25px 180px;
      background-color: #f8f9fa; }
    .cscenter-wrapper .faq-list .list .item.active .title::after {
      background-position: -20px -100px; }
    .cscenter-wrapper .faq-list .list .item.active .answer {
      display: block; }
    .cscenter-wrapper .faq-list .list tr:last-child td {
      border-bottom: 1px solid #bbc0cd; }
      .cscenter-wrapper .faq-list .list tr:last-child td.nodata {
        border-bottom: 0; }
  .cscenter-wrapper .faq-list .list-all-wrap {
    margin-top: -30px;
    color: #ffffff; }
  .cscenter-wrapper .paginate {
    text-align: center; }
    .cscenter-wrapper .paginate .prev,
    .cscenter-wrapper .paginate .prev-end,
    .cscenter-wrapper .paginate .next,
    .cscenter-wrapper .paginate .next-end {
      padding: 0;
      width: 30px;
      height: 30px;
      font-size: 0;
      line-height: 0;
      box-sizing: border-box;
      background-color: #fff;
      border: solid 1px #ccc; }
      .cscenter-wrapper .paginate .prev::before,
      .cscenter-wrapper .paginate .prev-end::before,
      .cscenter-wrapper .paginate .next::before,
      .cscenter-wrapper .paginate .next-end::before {
        content: "";
        margin: 8px auto 9px;
        display: block; }
    .cscenter-wrapper .paginate .page-num {
      display: inline-block; }
    .cscenter-wrapper .paginate .prev-end::before {
      width: 12px;
      height: 11px;
      background-position: -20px 0; }
    .cscenter-wrapper .paginate .prev::before {
      width: 8px;
      height: 11px;
      background-position: -20px -20px; }
    .cscenter-wrapper .paginate .next-end::before {
      width: 12px;
      height: 11px;
      background-position: -20px -40px; }
    .cscenter-wrapper .paginate .next::before {
      width: 8px;
      height: 11px;
      background-position: -20px -60px; }
    .cscenter-wrapper .paginate .prev,
    .cscenter-wrapper .paginate .next {
      margin: 0 -1px; }
    .cscenter-wrapper .paginate .prev {
      margin-right: 10px; }
    .cscenter-wrapper .paginate .next {
      margin-left: 10px; }
    .cscenter-wrapper .paginate a,
    .cscenter-wrapper .paginate button {
      display: inline-block;
      padding: 0 6px;
      text-align: center;
      vertical-align: middle;
      color: #8e929f; }
      .cscenter-wrapper .paginate a.current,
      .cscenter-wrapper .paginate button.current {
        color: #212329; }
  .cscenter-wrapper .cs-bbs {
    overflow: hidden; }
    .cscenter-wrapper .cs-bbs .column {
      position: relative;
      float: left;
      width: 541px; }
      .cscenter-wrapper .cs-bbs .column h3 {
        position: relative;
        padding: 0 0 7px;
        font-size: 17px;
        font-weight: 500;
        border-bottom: solid 1px #4f4f4f; }
      .cscenter-wrapper .cs-bbs .column .btn-more {
        position: absolute;
        right: 0;
        top: 3px;
        padding-right: 12px;
        font-size: 12px;
        color: #8e929f; }
        .cscenter-wrapper .cs-bbs .column .btn-more::after {
          position: absolute;
          right: 0;
          top: 3px; }
      .cscenter-wrapper .cs-bbs .column .list {
        border-bottom: solid 1px #bbc0cd; }
        .cscenter-wrapper .cs-bbs .column .list li {
          position: relative;
          border-bottom: solid 1px #d7dbe6; }
          .cscenter-wrapper .cs-bbs .column .list li a {
            overflow: hidden;
            display: block;
            padding: 18px 0;
            color: #212329;
            text-overflow: ellipsis;
            white-space: nowrap; }
            .cscenter-wrapper .cs-bbs .column .list li a .category {
              padding-right: 10px;
              font-weight: 300;
              color: #8e929f; }
          .cscenter-wrapper .cs-bbs .column .list li .date {
            position: absolute;
            right: 0;
            top: 15px;
            letter-spacing: 0; }
          .cscenter-wrapper .cs-bbs .column .list li:last-child {
            border-bottom: 0; }
      .cscenter-wrapper .cs-bbs .column .list.notice li {
        overflow: hidden;
        padding-right: 80px; }
        .cscenter-wrapper .cs-bbs .column .list.notice li .ico-new {
          margin: 0 0 1px 8px;
          display: inline-block;
          width: 17px;
          height: 17px;
          background-position: -40px -20px;
          vertical-align: middle; }
      .cscenter-wrapper .cs-bbs .column:first-child {
        margin-right: 30px; }
  .cscenter-wrapper .tab-inquiry {
    width: 100%;
    display: table;
    table-layout: fixed;
    box-sizing: border-box; }
    .cscenter-wrapper .tab-inquiry li {
      display: table-cell;
      width: auto; }
      .cscenter-wrapper .tab-inquiry li a {
        display: block;
        padding: 17px 0 15px;
        color: #8e929f;
        font-size: 17px;
        text-align: center;
        border: 1px solid #d7dbe6;
        background-color: #eceef2; }
        .cscenter-wrapper .tab-inquiry li a.current {
          color: #212329;
          background-color: #fff;
          border-bottom-color: #fff; }
    .cscenter-wrapper .tab-inquiry li + li a {
      border-left: 0; }
  .cscenter-wrapper .tab-inquiry + .inquiry-box {
    border-top: 0; }
  .cscenter-wrapper .selectric-wrapper {
    vertical-align: top; }
    .cscenter-wrapper .selectric-wrapper .selectric .label {
      padding: 13px 21px 0 15px;
      min-height: 50px;
      color: #8e929f;
      font-size: 14px;
      border: 1px solid #d7dbe6; }
    .cscenter-wrapper .selectric-wrapper .selectric .button {
      padding: 0;
      height: 50px; }
      .cscenter-wrapper .selectric-wrapper .selectric .button::after {
        border: 4px solid transparent;
        border-top-color: #bbc0cd;
        border-bottom: none; }
    .cscenter-wrapper .selectric-wrapper .selectric-scroll li {
      margin-bottom: 0 !important;
      padding: 0 8px !important;
      font-size: 14px; }
  .cscenter-wrapper .inquiry-box {
    padding: 35px 30px 40px;
    border: 1px solid #d7dbe6;
    min-height: 450px; }
    .cscenter-wrapper .inquiry-box .bbs-info {
      margin-bottom: 15px;
      font-size: 17px; }
      .cscenter-wrapper .inquiry-box .bbs-info em {
        color: #1a7cff;
        font-weight: 700; }
    .cscenter-wrapper .inquiry-box .btn-area {
      text-align: center; }
      .cscenter-wrapper .inquiry-box .btn-area .btn.btn-dark {
        font-weight: 500; }
    .cscenter-wrapper .inquiry-box .list {
      margin-bottom: 20px;
      table-layout: fixed;
      width: 100%;
      border-collapse: collapse; }
      .cscenter-wrapper .inquiry-box .list tr:last-child td {
        border-bottom: 1px solid #bbc0cd; }
      .cscenter-wrapper .inquiry-box .list th {
        padding: 11px 0;
        color: #8e929f;
        font-weight: 400;
        background-color: #f7f7f6; }
      .cscenter-wrapper .inquiry-box .list td {
        padding: 16px 0;
        border-bottom: 1px solid #e5e5e5;
        text-align: center; }
        .cscenter-wrapper .inquiry-box .list td.subject a {
          display: block; }
        .cscenter-wrapper .inquiry-box .list td.nodata {
          text-align: center; }
          .cscenter-wrapper .inquiry-box .list td.nodata .result {
            padding: 100px 0;
            border-bottom: 1px solid #d7dbe6; }
          .cscenter-wrapper .inquiry-box .list td.nodata .info {
            padding: 35px 0; }
            .cscenter-wrapper .inquiry-box .list td.nodata .info dt {
              margin-bottom: 6px;
              font-weight: 700; }
            .cscenter-wrapper .inquiry-box .list td.nodata .info dd {
              line-height: 1.5;
              color: #8e929f; }
              .cscenter-wrapper .inquiry-box .list td.nodata .info dd a {
                text-decoration: underline; }
      .cscenter-wrapper .inquiry-box .list .subject {
        text-align: left; }
    .cscenter-wrapper .inquiry-box .view .article {
      padding: 25px 30px 65px;
      word-break: break-all; }
    .cscenter-wrapper .inquiry-box .view .question .info {
      overflow: hidden;
      position: relative;
      padding: 20px 30px;
      border-top: 1px solid #bbc0cd;
      border-bottom: 1px solid #d7dbe6; }
      .cscenter-wrapper .inquiry-box .view .question .info .subject {
        float: left;
        font-size: 14px;
        font-weight: 700;
        color: #212329; }
        .cscenter-wrapper .inquiry-box .view .question .info .subject .tag {
          margin-right: 8px; }
      .cscenter-wrapper .inquiry-box .view .question .info .date {
        float: right;
        padding-top: 3px;
        color: #212329;
        letter-spacing: 0; }
    .cscenter-wrapper .inquiry-box .view .question .attached {
      overflow: hidden;
      position: relative;
      padding: 20px 30px;
      font-size: 12px;
      border-bottom: 1px solid #d7dbe6; }
      .cscenter-wrapper .inquiry-box .view .question .attached .ico-file {
        color: #8e929f; }
        .cscenter-wrapper .inquiry-box .view .question .attached .ico-file::before {
          display: inline-block;
          content: "";
          margin-right: 5px;
          vertical-align: middle;
          width: 8px;
          height: 12px;
          background-position: -40px -90px; }
        .cscenter-wrapper .inquiry-box .view .question .attached .ico-file::after {
          display: inline-block;
          content: "";
          margin: 0 10px 0 10px;
          vertical-align: middle;
          width: 1px;
          height: 14px;
          background-position: -99px -90px; }
      .cscenter-wrapper .inquiry-box .view .question .attached .file {
        margin-right: 10px; }
        .cscenter-wrapper .inquiry-box .view .question .attached .file::after {
          display: inline-block;
          content: "";
          margin: 0 0 0 6px;
          vertical-align: middle;
          width: 13px;
          height: 13px;
          background-position: -40px -110px; }
    .cscenter-wrapper .inquiry-box .view .answer {
      margin-bottom: 40px;
      border-top: solid 1px #d7dbe6;
      border-bottom: 1px solid #bbc0cd; }
      .cscenter-wrapper .inquiry-box .view .answer .info {
        overflow: hidden;
        position: relative;
        padding: 25px 30px 0; }
        .cscenter-wrapper .inquiry-box .view .answer .info .subject {
          float: left;
          font-weight: 700; }
        .cscenter-wrapper .inquiry-box .view .answer .info .date {
          float: right;
          letter-spacing: 0; }
    .cscenter-wrapper .inquiry-box .view .pagenav {
      margin-bottom: 40px;
      width: 100%;
      border-top: 1px solid #bbc0cd;
      border-bottom: 1px solid #bbc0cd; }
      .cscenter-wrapper .inquiry-box .view .pagenav li {
        padding: 17px 0; }
        .cscenter-wrapper .inquiry-box .view .pagenav li:first-child {
          border-bottom: 1px solid #d7dbe6; }
        .cscenter-wrapper .inquiry-box .view .pagenav li a em {
          padding: 0 45px 0 30px; }
        .cscenter-wrapper .inquiry-box .view .pagenav li a .date {
          float: right;
          padding: 0 30px;
          letter-spacing: 0; }
    .cscenter-wrapper .inquiry-box .view .btn-area {
      text-align: left; }
      .cscenter-wrapper .inquiry-box .view .btn-area .btn-list::before {
        content: "";
        display: inline-block;
        margin-right: 15px;
        vertical-align: middle;
        width: 51px;
        height: 49px;
        background-position: -40px -40px; }
    .cscenter-wrapper .inquiry-box .tag {
      margin: 0 auto;
      display: inline-block;
      padding: 4px 8px 5px;
      text-align: center;
      color: #fff;
      font-size: 12px; }
      .cscenter-wrapper .inquiry-box .tag.tag-accept {
        background-color: #d8d8d8; }
      .cscenter-wrapper .inquiry-box .tag.tag-end {
        background-color: #1a7cff; }
    .cscenter-wrapper .inquiry-box .search {
      position: relative;
      margin-bottom: 15px;
      float: right; }
      .cscenter-wrapper .inquiry-box .search::after {
        content: "";
        clear: both; }
      .cscenter-wrapper .inquiry-box .search .selectric-wrapper {
        width: 110px; }
      .cscenter-wrapper .inquiry-box .search input {
        width: 320px;
        height: 50px;
        padding: 0 15px;
        font-size: 14px;
        border: solid 1px #d7dbe6;
        box-sizing: border-box; }
      .cscenter-wrapper .inquiry-box .search .btn-search {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 0 10px; }
        .cscenter-wrapper .inquiry-box .search .btn-search::before {
          content: "";
          display: block;
          width: 20px;
          height: 20px;
          background-position: -40px 0; }
    .cscenter-wrapper .inquiry-box .state-info {
      padding: 165px 0 200px;
      text-align: center; }
      .cscenter-wrapper .inquiry-box .state-info .msg {
        margin-bottom: 10px;
        font-size: 26px;
        color: #212329; }
      .cscenter-wrapper .inquiry-box .state-info .dsc {
        margin-bottom: 25px;
        font-size: 14px;
        color: #8e929f; }
    .cscenter-wrapper .inquiry-box .form-field li {
      position: relative;
      margin-bottom: 10px;
      padding: 0; }
      .cscenter-wrapper .inquiry-box .form-field li .selectric-wrapper {
        padding-right: 10px;
        width: 150px; }
      .cscenter-wrapper .inquiry-box .form-field li .textarea {
        width: 100%;
        height: 200px;
        box-sizing: border-box; }
        .cscenter-wrapper .inquiry-box .form-field li .textarea::-webkit-input-placeholder {
          font-size: 14px; }
      .cscenter-wrapper .inquiry-box .form-field li .input-area {
        display: block; }
      .cscenter-wrapper .inquiry-box .form-field li .input {
        border: 1px solid #d7dbe6;
        padding: 0 15px;
        height: 50px; }
        .cscenter-wrapper .inquiry-box .form-field li .input::-webkit-input-placeholder {
          font-size: 14px; }
      .cscenter-wrapper .inquiry-box .form-field li.file .h-stit {
        position: absolute;
        left: 0;
        top: 15px; }
      .cscenter-wrapper .inquiry-box .form-field li.file .filebox {
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle; }
        .cscenter-wrapper .inquiry-box .form-field li.file .filebox label {
          position: relative;
          display: inline-block;
          width: 50px;
          height: 50px;
          line-height: normal;
          vertical-align: top;
          cursor: pointer;
          border: 1px solid #ebebeb;
          border-bottom-color: #e2e2e2;
          background-image: url(/cdn/ceo-moon/static/desktop/main/bg-file.png?ver=db8f2c0cf7b23c5f7d90b96087d6b725); }
          .cscenter-wrapper .inquiry-box .form-field li.file .filebox label:hover .sp-photo-delete {
            display: block; }
        .cscenter-wrapper .inquiry-box .form-field li.file .filebox .sp-photo-delete {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          line-height: 50px;
          color: #fff;
          text-align: center;
          z-index: 10;
          opacity: 0.4;
          background-color: #212329;
          display: none; }
        .cscenter-wrapper .inquiry-box .form-field li.file .filebox input[type="file"] {
          position: absolute;
          width: 1px;
          height: 1px;
          padding: 0;
          margin: -1px;
          overflow: hidden;
          clip: rect(0, 0, 0, 0);
          border: 0; }
      .cscenter-wrapper .inquiry-box .form-field li.file .notice {
        display: inline-block;
        color: #8e929f;
        font-size: 12px;
        font-weight: 300; }

.join-container {
  position: relative;
  min-width: 1280px;
  height: 100%; }

.join-intro-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(/cdn/ceo-moon/static/desktop/main/bg-join-pc@2x.jpg?ver=a870ab153be275711f24f4e27e49f48e) no-repeat 50% 50%;
  background-size: cover; }

.join-intro {
  margin: 0 auto;
  width: 1112px;
  height: 100%; }
  .join-intro .join-intro-contents {
    position: absolute;
    display: inline-block;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .join-intro .txt-welcome {
    font-size: 40px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: -1.2px;
    color: #ffffff;
    line-height: 44px; }
  .join-intro .logo-join {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin: 0 2px -5px 0;
    width: 297px;
    height: 44px;
    text-indent: -9999px; }
    .join-intro .logo-join::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 297px;
      height: 44px;
      background: url(/cdn/ceo-moon/static/desktop/main/logo-ceo-white.svg?ver=4ff8403fb1e6f69f73d1aaf48afe6f47) no-repeat 0 0;
      background-size: 297px 44px; }
  .join-intro .join-arr {
    display: block;
    margin-top: 37px; }
  .join-intro .linked-isShop {
    position: relative;
    margin-top: 60px;
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #bbc0cd;
    font-weight: normal; }
    .join-intro .linked-isShop::after {
      content: '';
      position: absolute;
      bottom: 3px;
      left: 0;
      right: 0;
      border-bottom: 1px solid #bbc0cd; }

.join-arr {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.4px;
  color: #1a7cff;
  font-weight: 500;
  display: inline-block; }
  .join-arr::after {
    content: '';
    display: inline-block;
    margin-left: 13px;
    width: 16px;
    height: 16px;
    background: url(/cdn/ceo-moon/static/desktop/main/arr-blue@2x.png?ver=fce7381613ebb9468454a15fdba6e1e6) no-repeat 0 0;
    background-size: 16px 16px; }

.join-signup-container .logo {
  display: block;
  margin-bottom: 40px;
  text-align: center; }
  .join-signup-container .logo img {
    width: 220px; }

.join-signup-container .signup-container {
  margin: 0 auto;
  padding: 80px 0 60px;
  width: 328px; }
  .join-signup-container .signup-container .has-button button {
    left: 227px; }
  .join-signup-container .signup-container .msg-error {
    font-size: 12px;
    color: #f45452;
    line-height: 16px; }

.child-signup {
  -webkit-overflow-scrolling: touch; }

.child-signup > * {
  -webkit-transform: translateZ(0px); }

.notice-expired {
  padding: 8px 16px 16px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.4px;
  color: #f52926;
  font-weight: normal; }

.signup-guide {
  margin: 50px 0 20px;
  padding-right: 16px;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: -0.4px;
  color: #212329;
  font-weight: normal; }
  .signup-guide:first-of-type {
    margin-top: 0; }
  .signup-guide:first-child {
    margin-top: 0; }
  .signup-guide .input-checkbox label {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #212329; }
  .signup-guide .normal-term {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.1px;
    color: #898989;
    font-weight: normal;
    position: relative;
    padding-left: 9px;
    text-decoration: underline;
    cursor: pointer; }

.signup-desc {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.4px;
  color: #8e929f;
  font-weight: normal; }

.selected-id {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: -0.4px;
  color: #212329;
  font-weight: bold;
  margin-bottom: 24px;
  padding: 0 32px; }

.forgot-pw {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.4px;
  color: #8e929f;
  font-weight: normal;
  margin-top: 15px;
  text-align: center; }

.signup-terms {
  padding: 50px 0 33px; }
  .signup-terms .input-checkbox label {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #212329;
    font-weight: normal; }
  .signup-terms .input-checkbox.input-checkbox {
    margin-top: 15px; }
  .signup-terms .input-check-all + .input-checkbox {
    margin-top: 25px; }
  .signup-terms .input-check-all label {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.4px;
    color: #212329;
    font-weight: bold; }
  .signup-terms a {
    color: #8e929f;
    text-decoration: underline; }
  .signup-terms .info-list {
    margin-top: 15px; }
    .signup-terms .info-list a.notice-14 {
      cursor: pointer; }
  .signup-terms .terms-linked,
  .signup-terms .terms-desc {
    padding: 2px 0 0 43px;
    color: #8e929f; }
    .signup-terms .terms-linked a,
    .signup-terms .terms-desc a {
      display: inline-block;
      margin-right: 6px;
      line-height: 24px; }

.bottom-guide {
  padding: 25px 16px 22px;
  background: #f8f9fa;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box; }
  .bottom-guide p {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.1px;
    color: #898989;
    font-weight: normal;
    line-height: 22px; }
    .bottom-guide p::before {
      content: "";
      display: inline-block;
      margin-right: 5px;
      width: 3px;
      height: 3px;
      vertical-align: middle;
      border-radius: 5px;
      background: #bbc0cd; }

.accountList {
  margin-top: 30px; }
  .accountList li {
    margin-bottom: 10px; }
    .accountList li button {
      padding: 13px 15px 12px; }
      .accountList li button::after {
        display: block;
        content: "";
        clear: both; }
      .accountList li button .id {
        float: left;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.4px;
        color: #fff;
        font-weight: normal; }
      .accountList li button .date {
        float: right;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: -0.4px;
        color: #fff;
        font-weight: normal;
        opacity: 0.4; }
  .accountList .create-new {
    text-align: left; }

.create-new {
  width: 100%; }

.join-complete-wrap {
  min-width: 1280px;
  min-height: 100vh;
  background: #f8f9fa; }

.join-complete {
  background: #fff; }
  .join-complete .contents {
    margin: 0 auto;
    width: 1280px; }
  .join-complete .join-complete-info {
    padding-bottom: 60px;
    width: 328px; }
  .join-complete .txt-complete {
    padding: 90px 0 0;
    font-size: 40px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: -1.5px;
    color: #000000; }
    .join-complete .txt-complete .logo-complete {
      display: inline-block;
      overflow: hidden;
      width: 297px;
      height: 44px;
      text-indent: -9999px;
      background: url(/cdn/ceo-moon/static/desktop/main/logo-ceo.svg?ver=37ff4fc80c3dfb2e2c76b41825e4c4da) no-repeat 0 0;
      background-size: 297px 44px; }
  .join-complete .join-arr {
    margin: 45px 0 0; }
  .join-complete .modify-info {
    margin: 15px 0 47px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #666a75;
    font-weight: normal; }
  .join-complete .join-info-box {
    position: relative;
    margin-top: 16px; }
    .join-complete .join-info-box::before {
      content: '';
      position: absolute;
      top: -82px;
      right: 15px;
      width: 85px;
      height: 81px;
      background-size: 85px 81px; }

.join-info-box {
  padding: 17px 17px;
  border: 1px solid #d7dbe6; }
  .join-info-box + .address-info-box {
    margin-top: 50px; }
  .join-info-box h2 {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.4px;
    color: #212329;
    font-weight: bold;
    margin-bottom: 10px; }
  .join-info-box .title {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.4px;
    color: #666a75;
    font-weight: normal;
    margin-top: 16px;
    margin-bottom: 8px; }
    .join-info-box .title.first-child {
      margin-top: 0; }
  .join-info-box dl::after {
    display: block;
    content: "";
    clear: both; }
  .join-info-box dl dt {
    clear: both;
    float: left;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #666a75;
    font-weight: normal; }
  .join-info-box dl dd {
    display: flex;
    margin-bottom: 6px;
    min-height: 22px;
    word-break: break-all;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #212329;
    font-weight: normal; }
    .join-info-box dl dd .old-address {
      font-size: 12px;
      line-height: 18px;
      letter-spacing: -0.1px;
      color: #42454f;
      font-weight: normal; }
  .join-info-box dl.length3 dt {
    width: 54px; }
  .join-info-box dl.length4 dt {
    width: 72px; }
  .join-info-box dl.length6 dt {
    width: 95px; }
  .join-info-box + .join-info-box {
    margin-top: 15px; }

.guide-contents {
  margin: 0 auto;
  width: 1280px;
  padding: 50px 0; }
  .guide-contents .card {
    height: 400px; }
    .guide-contents .card.card-small {
      width: 328px;
      height: 220px; }
  .guide-contents .card-with-image {
    background-repeat: no-repeat;
    background-position: bottom right; }
  .guide-contents .card-superlist {
    background-image: url(/cdn/ceo-moon/static/desktop/main/superlist-pc@2x.jpg?ver=f85034ce6a3936605a0714ab8ae27cdb);
    background-size: 234px 302px; }
  .guide-contents .card-baemin {
    background-image: url(/cdn/ceo-moon/static/desktop/main/baemin-intro-pc@2x.png?ver=27f8e77ba5da60494e6b60ee4163cc90);
    background-size: 205px 286px;
    background-position-x: 100%; }
  .guide-contents .card-advertisement {
    background-image: url(/cdn/ceo-moon/static/desktop/main/ad-apply@2x.png?ver=85eb54c3ccd99bfb9abf3706d2c396de);
    background-size: 204px 297px;
    background-position-x: 100%; }
  .guide-contents .card-mart-baemin {
    background-image: url(/cdn/ceo-moon/static/desktop/main/mart@2x.png?ver=d0ac6e2f09533691e8d0229cf63cd0a7);
    background-size: 260px 313px;
    background-position-x: 68px; }
  .guide-contents .card-note {
    background-image: url(/cdn/ceo-moon/static/desktop/main/join-complete-note@2x.png?ver=33907e55462cf5c9510683032c0c492d);
    background-size: 240px 250px;
    background-position-x: 100%; }
  .guide-contents .card-block::after {
    content: '';
    display: block;
    clear: both; }
  .guide-contents .card-block + .card-block {
    margin-top: 22px; }

.guide-title-area {
  margin-bottom: 30px;
  width: 194px; }

.guide-title {
  position: relative;
  display: inline-block;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.4px;
  color: #42454f;
  font-weight: normal; }
  .guide-title::after {
    content: '';
    position: absolute;
    display: block;
    width: 194px;
    height: 17px;
    background: url(/cdn/ceo-moon/static/desktop/main/brush@2x.png?ver=f9a621b0bca3de6d372ddc37856ae35e) no-repeat;
    background-size: contain; }

.guide-large.link-baemin-intro {
  background-image: url(/cdn/ceo-moon/static/desktop/main/complete-baemin-intro.png?ver=96d352a0b8d46b8972fdbc86ac6985c2); }

.guide-large.link-ad-apply {
  background-image: url(/cdn/ceo-moon/static/desktop/main/complete-ad-apply.png?ver=3fbd744e930e2abd58f910199699f6b7); }

.guide-large.link-super-list {
  background-image: url(/cdn/ceo-moon/static/desktop/main/complete-super-list.png?ver=a002ed6e537aa6f3484ab037e529c94a); }

.guide-large + .guide-large {
  margin-top: 8px; }

.guide-mid {
  position: relative;
  display: block;
  padding: 27px 0 23px 16px;
  border-bottom: 1px solid #d7dbe6;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.4px;
  color: #8e929f;
  font-weight: normal; }
  .guide-mid strong {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.4px;
    color: #42454f;
    font-weight: bold; }
  .guide-mid::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 16px;
    width: 14px;
    height: 14px;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    background: url(/cdn/ceo-moon/static/desktop/main/arr-linked-gray.png?ver=68b619ff7b4623c8abd29fc6de0de40f) no-repeat 0 0;
    background-size: 14px 14px; }

.guide-small {
  display: block;
  padding: 21px 0 17px 14px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.4px;
  color: #42454f;
  font-weight: bold; }

.join-wrapper {
  height: 100%; }
  .join-wrapper [class$='-content'] {
    padding: 30px 15px 40px;
    box-sizing: border-box; }
  .join-wrapper .process {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0; }
    .join-wrapper .process ul {
      position: relative;
      display: flex;
      text-align: center;
      background-color: #fff; }
      .join-wrapper .process ul li {
        flex: 1;
        padding: 11px 0 10px; }
        .join-wrapper .process ul li.step1.on::before {
          width: 20%; }
        .join-wrapper .process ul li.step2.on::before {
          width: 45%; }
        .join-wrapper .process ul li.step3.on::before {
          width: 70%; }
        .join-wrapper .process ul li.step4.on::before {
          width: 95%; }
        .join-wrapper .process ul li.on {
          font-weight: 700;
          color: #1a7cff; }
          .join-wrapper .process ul li.on::before {
            position: fixed;
            left: 0;
            top: 45px;
            content: '';
            display: inline-block;
            height: 1px;
            background-color: #1a7cff;
            z-index: 1000; }
    .join-wrapper .process.dsm ul li.step1.on::before {
      width: 45%; }
    .join-wrapper .process.dsm ul li.step2.on::before {
      width: 94%; }

.section-box .h-tit {
  position: relative;
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 17px;
  color: #212329; }

.section-box .h-tit + .h-dsc {
  margin: -13px 0 15px 0;
  color: #bbc0cd;
  font-size: 12px;
  line-height: 1.4; }
  .section-box .h-tit + .h-dsc em {
    color: #f45452; }

.section-box .h-stit {
  margin-bottom: 5px;
  font-size: 12px;
  color: #212329; }
  .section-box .h-stit strong {
    font-weight: 700; }

.section-box .msg {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.4;
  color: #bbc0cd; }

.section-box .msg-error {
  position: relative;
  font-size: 12px;
  color: #f45452;
  line-height: 16px; }
  .section-box .msg-error .error {
    position: absolute;
    top: 0;
    left: 0;
    margin: 2px 0 -18px 0; }

.section-box .address .error {
  position: relative;
  margin: 0; }

.section-box .msg-note {
  font-size: 12px;
  color: #bbc0cd; }
  .section-box .msg-note p {
    position: relative;
    margin-top: 5px;
    padding-left: 10px; }
    .section-box .msg-note p::before {
      position: absolute;
      left: 0;
      top: 7px;
      display: inline-block;
      content: '';
      width: 3px;
      height: 3px;
      border-radius: 50%;
      background-color: #bbc0cd; }

.section-msg {
  padding: 10px 0 0; }
  .section-msg .msg {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 1.3;
    color: #212329; }
  .section-msg .msg-info {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1.4;
    color: #8e929f; }
  .section-msg .msg-notice {
    font-size: 12px;
    line-height: 1.4;
    color: #1a7cff; }
  .section-msg .msg-warning {
    font-size: 12px;
    line-height: 1.4;
    color: #f45452; }

.section-line {
  margin: 40px -15px 30px;
  height: 1px;
  background-color: #eceef2; }

.msg-content {
  display: table;
  width: 100%;
  height: 100%; }
  .msg-content .inner-box {
    display: table-row; }
  .msg-content .dsc {
    font-size: 14px;
    color: #8e929f;
    text-align: center; }
    .msg-content .dsc[class$='-intro'] {
      color: #212329; }
      .msg-content .dsc[class$='-intro']::before {
        display: block;
        width: 290px;
        height: 60px;
        background-position: 0 0; }
      .msg-content .dsc[class$='-intro']::after {
        display: block;
        width: 290px;
        height: 95px;
        background-position: 25% -81px; }
    .msg-content .dsc small {
      color: #8e929f;
      font-size: 12px;
      line-height: 1.2; }
    .msg-content .dsc.dsm-intro {
      display: table-row;
      width: 100%;
      height: 100%; }
      .msg-content .dsc.dsm-intro .nickname {
        display: block;
        margin: 18px 0 6px;
        color: #212329;
        font-size: 17px;
        font-weight: 700; }
      .msg-content .dsc.dsm-intro::before {
        margin: 30px auto 18px; }
      .msg-content .dsc.dsm-intro::after {
        margin: 0 auto 20px; }
    .msg-content .dsc.join-intro {
      display: table-row;
      width: 100%;
      height: 100%; }
      .msg-content .dsc.join-intro::before {
        margin: 50px auto 15px; }
      .msg-content .dsc.join-intro::after {
        margin: 0 auto 20px; }
  .msg-content .state {
    font-size: 20px;
    color: #212329;
    text-align: center; }
    .msg-content .state .stit {
      display: block;
      margin-top: 50px; }
    .msg-content .state small {
      display: block;
      margin-top: 5px;
      font-size: 12px;
      color: #8e929f; }
    .msg-content .state.join-complete {
      display: table-row;
      height: 100%; }
      .msg-content .state.join-complete::after {
        content: '';
        display: block;
        margin: 20px auto 25px;
        background-size: 116px auto;
        background-image: url(/cdn/ceo-moon/static/desktop/main/img-join-complete.png?ver=27911f9b9c95fade5898d06c06e30bf0);
        width: 116px;
        height: 212px;
        background-position: 0 0; }
    .msg-content .state.ultra-complete {
      display: table-row;
      height: 100%; }
      .msg-content .state.ultra-complete::after {
        content: '';
        display: block;
        margin: 20px auto 25px;
        background-size: 127px auto;
        background-image: url(/cdn/ceo-moon/static/desktop/main/img-ultra-complete.png?ver=125bdd764498c5898dd575c33d330098);
        width: 127px;
        height: 184px;
        background-position: 0 0; }
  .msg-content .dsc {
    font-size: 14px;
    color: #8e929f;
    text-align: center; }
    .msg-content .dsc + .dsc {
      margin-top: 15px; }
    .msg-content .dsc + .dsc + .btn-group {
      margin-top: 30px; }

.form-field {
  width: 100%; }
  .form-field > li {
    position: relative;
    padding-bottom: 35px; }
    .form-field > li.tel-agree {
      padding-bottom: 6px; }
    .form-field > li.tel-agree .checkbox, .form-field > li.email-agree .checkbox {
      margin-top: 12px;
      text-align: right; }
    .form-field > li.address .row-field + .row-field {
      margin-top: 8px; }
    .form-field > li.upload {
      margin-top: 30px; }
      .form-field > li.upload .input-area {
        display: none;
        margin-right: 6px;
        width: auto;
        height: 36px;
        vertical-align: top;
        flex: inherit; }
      .form-field > li.upload .file {
        position: relative;
        float: left;
        margin-right: 4px;
        width: 36px;
        height: 36px; }
        .form-field > li.upload .file label {
          display: inline-block;
          width: 36px;
          height: 36px;
          line-height: normal;
          vertical-align: middle;
          border: 1px solid #ebebeb;
          border-bottom-color: #e2e2e2;
          background: url(/cdn/ceo-moon/static/mobile/main/bg-file.png?ver=b3a50184b47e161ec7a1879410df390c);
          background-size: 36px 36px;
          box-sizing: border-box; }
        .form-field > li.upload .file input[type='file'] {
          position: absolute;
          width: 1px;
          height: 1px;
          padding: 0;
          margin: -1px;
          overflow: hidden;
          clip: rect(0, 0, 0, 0);
          border: 0; }
        .form-field > li.upload .file .mask {
          position: absolute;
          left: 0;
          top: 0;
          display: block;
          width: 36px;
          height: 36px;
          border: 1px solid #ebebeb;
          border-bottom-color: #e2e2e2;
          background: url(/cdn/ceo-moon/static/mobile/main/bg-file.png?ver=b3a50184b47e161ec7a1879410df390c);
          background-size: 36px 36px;
          box-sizing: border-box;
          z-index: -1; }
        .form-field > li.upload .file .sp-photo-delete {
          position: absolute;
          left: 0;
          top: 0;
          width: 36px;
          height: 36px;
          line-height: 36px;
          color: #fff;
          text-align: center;
          background-color: #212329;
          opacity: 0.4;
          z-index: 10; }
        .form-field > li.upload .file img {
          margin: 0;
          border: 0;
          width: inherit;
          height: inherit; }
      .form-field > li.upload .btn {
        margin-left: 0; }
    .form-field > li.off .weekly {
      position: relative;
      padding: 15px 0 10px; }
    .form-field > li.readonly .h-stit {
      margin-bottom: 0; }
    .form-field > li.readonly .row-field .input {
      padding: 0;
      color: #bbc0cd;
      font-size: 17px;
      border-bottom: 0; }
    .form-field > li.local .btn-link-group {
      margin-top: 10px; }
      .form-field > li.local .btn-link-group .btn + .btn {
        margin-top: 8px; }
    .form-field > li:last-child {
      padding: 0; }
    .form-field > li .msg-error {
      margin: 2px 0 2px 0; }
    .form-field > li .msg-error + .msg {
      margin-top: 40px; }
  .form-field .dash-line {
    width: 8px;
    height: 1px;
    font-size: 0;
    background-color: #8e929f; }

.terms-content .checkbox {
  position: absolute;
  right: 0;
  top: 0; }

.terms-content .terms-all {
  position: relative;
  margin-bottom: 20px;
  padding: 0 30px 20px 0;
  border-bottom: 1px solid #eceef2;
  color: #212329; }
  .terms-content .terms-all strong {
    font-weight: 700; }
  .terms-content .terms-all .checkbox {
    margin-top: -22px;
    top: 50%;
    width: 25px; }
    .terms-content .terms-all .checkbox .btn-check {
      font-size: 0;
      line-height: 0; }

.terms-content .terms-list {
  overflow: hidden; }
  .terms-content .terms-list li {
    margin-bottom: 20px; }
    .terms-content .terms-list li:last-child {
      margin: 0; }
    .terms-content .terms-list li .terms-check {
      position: relative;
      margin-bottom: 8px;
      padding-right: 30px;
      height: 24px;
      line-height: 24px; }
      .terms-content .terms-list li .terms-check h4 {
        font-size: 14px;
        color: #212329; }
    .terms-content .terms-list li .terms-box {
      overflow-y: auto;
      padding: 15px;
      height: 50px;
      font-size: 12px;
      color: #bbc0cd;
      background-color: #f8f9fa;
      -webkit-overflow-scrolling: touch; }
      .terms-content .terms-list li .terms-box table th,
      .terms-content .terms-list li .terms-box table td {
        padding: 3px;
        border: 1px solid #d7dbe6; }
      .terms-content .terms-list li .terms-box table th {
        font-weight: normal; }
      .terms-content .terms-list li .terms-box .policy-point {
        font-size: 14px; }

.writing-count {
  float: right;
  display: inline-block;
  color: #bbc0cd; }

.dsmowner-content .section-msg + .section-line {
  margin-top: 30px; }

.operate-content .checkbox {
  overflow: hidden; }
  .operate-content .checkbox .input-chk {
    width: 50%; }

.operate-content .group-operate dt {
  position: relative;
  height: 24px;
  font-size: 12px;
  color: #212329;
  line-height: 24px; }
  .operate-content .group-operate dt span {
    font-size: 12px;
    color: #212329; }
  .operate-content .group-operate dt .checkbox {
    position: absolute;
    right: 0;
    display: inline-block; }
  .operate-content .group-operate dt + dd {
    margin-bottom: 30px; }

.operate-content .group-operate dd .row-field {
  position: relative;
  padding-bottom: 22px; }
  .operate-content .group-operate dd .row-field .time-start {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 12px;
    color: #8e929f; }
  .operate-content .group-operate dd .row-field .time-end {
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: 0;
    padding-left: 5px;
    font-size: 12px;
    color: #8e929f; }

.operate-content .group-closed {
  position: relative; }
  .operate-content .group-closed dt {
    font-size: 12px;
    color: #212329; }
  .operate-content .group-closed + dl {
    margin-top: 30px; }
  .operate-content .group-closed dd + dt {
    margin-top: 15px; }
  .operate-content .group-closed input[disabled='disabled'] {
    font-weight: 400;
    color: #bbc0cd; }
  .operate-content .group-closed .sp-input-delete {
    position: absolute;
    right: 0;
    top: 0;
    width: 14px;
    height: 16px; }

.operate-content .checkbox {
  display: flex; }
  .operate-content .checkbox .iradio_minimal-grey + label {
    flex: 1; }

.row-field {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0; }
  .row-field .input-area {
    vertical-align: middle; }
  .row-field .input-area,
  .row-field select {
    position: relative;
    flex: 1; }
  .row-field .input-area ~ *,
  .row-field select ~ * {
    margin-left: 10px; }
  .row-field .sp-input-reset {
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    height: 36px;
    background: #ffffff; }
  .row-field .input:focus + .underline {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .row-field .input + .underline {
    background-color: #212329;
    display: inline-block;
    height: 1px;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    margin-left: 0 !important;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
        transform: scale(0, 1);
    transition: all 0.2s linear;
    width: auto; }
  .row-field .input.error {
    border-bottom: 1px solid #f45452; }
  .row-field .input.error + .underline {
    background-color: #f45452; }
  .row-field.row-newpasswd {
    margin-top: 19px; }
    .row-field.row-newpasswd ul {
      width: 100%; }

.row-certifi {
  margin-top: 35px; }
  .row-certifi .btn.btn-certifi {
    font-weight: 400; }
    .row-certifi .btn.btn-certifi.disabled {
      color: #bbc0cd;
      border-color: #bbc0cd;
      cursor: default;
      background-color: #fff !important; }
    .row-certifi .btn.btn-certifi + .btn {
      margin-top: 10px; }
  .row-certifi .msg {
    margin-top: 8px;
    font-size: 12px; }
    .row-certifi .msg em {
      color: #1a7cff; }

.btn-group .btn.expanded + .btn.expanded {
  margin-top: 10px; }

.child-screen .search-area {
  padding: 25px;
  background-color: #fff; }
  .child-screen .search-area .input.error::-webkit-input-placeholder {
    color: #f45452; }
  .child-screen .search-area .input.error:-ms-input-placeholder {
    color: #f45452; }

.child-screen .search-result .msg {
  margin-bottom: 10px;
  font-size: 14px;
  color: #8e929f; }

.child-screen .search-result .tit {
  padding: 7px 15px 4px;
  border: 1px solid #d7dbe6;
  overflow: hidden;
  font-size: 12px;
  color: #bbc0cd;
  background-color: #fff; }
  .child-screen .search-result .tit .name {
    float: left;
    width: 70%; }
  .child-screen .search-result .tit .num {
    float: right;
    width: 30%;
    text-align: right; }

.child-screen .search-result .list {
  border-left: 1px solid #d7dbe6;
  border-right: 1px solid #d7dbe6;
  background-color: #fff; }
  .child-screen .search-result .list li {
    padding: 17px 15px 15px;
    border-bottom: 1px solid #d7dbe6; }
    .child-screen .search-result .list li a {
      color: #212329; }
    .child-screen .search-result .list li .name {
      overflow: hidden;
      display: inline-block;
      width: 70%;
      font-size: 17px;
      text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
    .child-screen .search-result .list li .num {
      overflow: hidden;
      display: inline-block;
      width: 30%;
      font-size: 14px;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-align: right;
      vertical-align: middle; }

.find-wrapper {
  margin: 0 auto;
  padding: 50px 0 80px;
  width: 790px; }
  .find-wrapper .page-title {
    margin-bottom: 60px; }
  .find-wrapper .find-content {
    overflow: hidden;
    margin: 0 auto; }
    .find-wrapper .find-content form {
      float: left; }
      .find-wrapper .find-content form:last-child::before {
        content: '';
        display: inline-block;
        position: absolute;
        width: 1px;
        height: 440px;
        background-color: #eceef2; }
    .find-wrapper .find-content .section-box {
      margin: 0 30px;
      width: 330px;
      box-sizing: border-box; }

.popup-find {
  width: auto !important; }

.reconfirm-form {
  margin: 0 auto;
  padding: 50px 25px 40px;
  width: 360px;
  border: solid 1px #d7dbe6; }
  .reconfirm-form .btn-link-pwfind {
    display: block;
    margin: 13px 0 30px;
    font-size: 12px;
    color: #8e929f; }
  .reconfirm-form .msg-reconfirm {
    color: #bbc0cd; }

.mypage-wrapper {
  margin: 0 auto;
  padding: 50px 0 80px;
  width: 1112px; }
  .mypage-wrapper .tab-mypage {
    overflow: hidden;
    margin-bottom: 0;
    background: #fff; }
    .mypage-wrapper .tab-mypage li {
      float: left;
      width: 50%;
      text-align: center;
      color: #8e929f;
      box-sizing: border-box; }
      .mypage-wrapper .tab-mypage li span {
        display: block;
        padding: 0;
        line-height: 60px;
        border: 1px solid #d7dbe6;
        border-bottom: 0;
        cursor: pointer; }
        .mypage-wrapper .tab-mypage li span:first-child {
          border-right: 0; }
      .mypage-wrapper .tab-mypage li.current {
        position: relative;
        color: #1a7cff;
        font-weight: 500; }
        .mypage-wrapper .tab-mypage li.current span {
          border: 2px solid #1a7cff;
          border-bottom: 0; }
          .mypage-wrapper .tab-mypage li.current span::before {
            position: absolute;
            left: 2px;
            right: 2px;
            bottom: 0;
            content: '';
            display: block;
            height: 2px;
            background-color: #fff;
            z-index: 10; }
      .mypage-wrapper .tab-mypage li.current + li span:last-child {
        border-left: 0;
        border-right: 1px solid #d7dbe6; }
  .mypage-wrapper .edit-form {
    margin-top: -2px;
    padding: 50px 25px 40px;
    border: solid 2px #1a7cff; }
    .mypage-wrapper .edit-form .section-line {
      margin: 0 -25px 40px; }
    .mypage-wrapper .edit-form .section-msg + .section-line {
      margin-top: 40px; }
    .mypage-wrapper .edit-form .form-field > li {
      padding-left: 155px; }
      .mypage-wrapper .edit-form .form-field > li .h-stit {
        position: absolute;
        left: 0;
        top: 11px; }
      .mypage-wrapper .edit-form .form-field > li .row-field {
        width: 330px; }
      .mypage-wrapper .edit-form .form-field > li.row-passwd {
        padding-bottom: 0; }
        .mypage-wrapper .edit-form .form-field > li.row-passwd .msg {
          position: absolute;
          left: 260px;
          top: 3px;
          margin: 0; }
      .mypage-wrapper .edit-form .form-field > li.row-passwd + .row-newpasswd {
        margin-top: 20px; }
      .mypage-wrapper .edit-form .form-field > li.address {
        padding-bottom: 8px; }
      .mypage-wrapper .edit-form .form-field > li.address.last {
        padding-bottom: 30px; }
    .mypage-wrapper .edit-form .form-field.field-check li {
      padding-left: 0; }
    .mypage-wrapper .edit-form .btn-group {
      text-align: center; }
      .mypage-wrapper .edit-form .btn-group .btn {
        width: 150px; }
  .mypage-wrapper .checkbox {
    overflow: hidden; }
    .mypage-wrapper .checkbox .input-chk {
      float: left;
      padding: 5px 0;
      width: 50%; }
  .mypage-wrapper .select-menu {
    box-sizing: border-box; }
    .mypage-wrapper .select-menu .select-menu-title {
      font-size: 30px;
      font-weight: 500;
      letter-spacing: -1px;
      color: #212329;
      margin-bottom: 25px; }
    .mypage-wrapper .select-menu .menu-list-section {
      margin-bottom: 20px; }
      .mypage-wrapper .select-menu .menu-list-section .menu-item {
        display: inline-table;
        width: 328px;
        height: 220px;
        align-items: center;
        border-radius: 15px;
        background-color: #ffffff;
        box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.12);
        margin-right: 20px;
        cursor: pointer;
        transition: 0.1s ease-in-out; }
        .mypage-wrapper .select-menu .menu-list-section .menu-item .menu-info {
          padding: 25px 30px; }
          .mypage-wrapper .select-menu .menu-list-section .menu-item .menu-info .menu-info-title {
            font-size: 18px;
            font-weight: bold;
            letter-spacing: -0.4px;
            color: #42454f;
            margin: 10px 0px; }
          .mypage-wrapper .select-menu .menu-list-section .menu-item .menu-info .menu-info-desc {
            font-size: 14px;
            font-weight: normal;
            letter-spacing: -0.4px;
            line-height: 1.57;
            color: #8e929f;
            margin-bottom: 15px; }
          .mypage-wrapper .select-menu .menu-list-section .menu-item .menu-info .menu-info-change {
            font-size: 14px;
            font-weight: normal;
            letter-spacing: -0.4px;
            line-height: 1.57;
            color: #8e929f;
            text-decoration: underline; }
            .mypage-wrapper .select-menu .menu-list-section .menu-item .menu-info .menu-info-change img {
              width: 16px;
              height: 16px;
              vertical-align: text-bottom; }
      .mypage-wrapper .select-menu .menu-list-section .menu-item:hover {
        box-shadow: 4px 8px 20px 2px rgba(0, 0, 0, 0.15);
        transition: 0.2s ease-in-out; }
    .mypage-wrapper .select-menu .leave {
      font-size: 14px;
      color: #8e929f;
      letter-spacing: -0.4px;
      text-decoration: underline;
      border-top: 0px !important;
      margin-top: 50px; }

.shop-check-wrapper {
  margin: 0 auto;
  padding: 50px 0 80px;
  width: 1112px; }
  .shop-check-wrapper .shop-check-container .check-store {
    box-sizing: border-box;
    padding-top: 20px; }
    .shop-check-wrapper .shop-check-container .check-store .check-store-title {
      font-size: 30px;
      font-weight: 500;
      letter-spacing: -1px;
      color: #212329; }
    .shop-check-wrapper .shop-check-container .check-store form .store-info-section {
      margin-top: 30px; }
      .shop-check-wrapper .shop-check-container .check-store form .store-info-section .store-info-title {
        font-size: 16px;
        font-weight: normal;
        color: #212329;
        margin-bottom: 25px; }
      .shop-check-wrapper .shop-check-container .check-store form .store-info-section .form-row input {
        width: 325px;
        height: 50px; }
      .shop-check-wrapper .shop-check-container .check-store form .store-info-section .form-row button {
        width: 325px;
        height: 60px; }
      .shop-check-wrapper .shop-check-container .check-store form .store-info-section .has-button input {
        width: 220px;
        height: 50px; }
      .shop-check-wrapper .shop-check-container .check-store form .store-info-section .has-button .sub-btn {
        width: 100px;
        height: 50px;
        left: 225px; }
    .shop-check-wrapper .shop-check-container .check-store form .button-section {
      margin: 30px 0px; }
      .shop-check-wrapper .shop-check-container .check-store form .button-section .button-control .button {
        width: 325px;
        height: 60px; }

.mypage-account-wrapper {
  margin: 0 auto;
  padding: 50px 0 80px;
  width: 1112px; }
  .mypage-account-wrapper .mypage-account-container .account-info-menu {
    box-sizing: border-box;
    padding-top: 20px; }
    .mypage-account-wrapper .mypage-account-container .account-info-menu .account-info-menu-title {
      font-size: 30px;
      font-weight: 500;
      letter-spacing: -1px;
      color: #212329; }
    .mypage-account-wrapper .mypage-account-container .account-info-menu form .account-info-section {
      margin-top: 30px; }
      .mypage-account-wrapper .mypage-account-container .account-info-menu form .account-info-section .form-row {
        margin-top: 20px; }
        .mypage-account-wrapper .mypage-account-container .account-info-menu form .account-info-section .form-row input {
          width: 325px;
          height: 50px; }
        .mypage-account-wrapper .mypage-account-container .account-info-menu form .account-info-section .form-row button {
          width: 325px;
          height: 60px; }
      .mypage-account-wrapper .mypage-account-container .account-info-menu form .account-info-section .form-row:first-child {
        margin-top: 0px; }
      .mypage-account-wrapper .mypage-account-container .account-info-menu form .account-info-section .input-title {
        font-size: 12px;
        font-weight: normal;
        color: #42454f;
        margin-bottom: 5px; }
      .mypage-account-wrapper .mypage-account-container .account-info-menu form .account-info-section .input-contents {
        margin: 5px 0px;
        color: #212329;
        font-size: 16px; }
    .mypage-account-wrapper .mypage-account-container .account-info-menu form .button-group {
      margin-top: 30px; }
      .mypage-account-wrapper .mypage-account-container .account-info-menu form .button-group .button-control {
        width: 15%; }
        .mypage-account-wrapper .mypage-account-container .account-info-menu form .button-group .button-control button {
          width: 160px;
          height: 60px; }

.detail-container {
  position: relative;
  margin: 0 auto;
  padding: 50px 0 80px;
  width: 1112px; }
  .detail-container .detail-container-title {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #212329;
    margin-bottom: 15px; }
  .detail-container .form-label {
    padding: 20px 0 5px; }
  .detail-container .form-row input {
    width: 325px;
    height: 50px; }
  .detail-container .form-row .button-group {
    margin-top: 30px; }
    .detail-container .form-row .button-group .button-control {
      width: 15%; }
      .detail-container .form-row .button-group .button-control button {
        width: 160px;
        height: 60px; }
  .detail-container .form-row .desktop-old-address {
    width: 290px; }
  .detail-container .form-row #last-info-list {
    margin-top: 30px; }
  .detail-container .form-row.form-email {
    overflow: hidden; }
    .detail-container .form-row.form-email input {
      float: left;
      width: 150px; }
    .detail-container .form-row.form-email .input:disabled, .detail-container .form-row.form-email .input:-webkit-autofill:disabled {
      color: #bcc0cf !important;
      -webkit-text-fill-color: #bcc0cf !important; }
    .detail-container .form-row.form-email span {
      float: left;
      display: block;
      padding-top: 15px;
      width: 25px;
      text-align: center;
      font-family: 'NotoSansKR'; }
  .detail-container .form-row.form-email-select {
    width: 325px; }
    .detail-container .form-row.form-email-select select {
      padding: 5px 14px;
      height: 50px;
      border: 1px solid #d7dbe6;
      box-sizing: border-box;
      background: url(/cdn/ceo-moon/static/desktop/down-arrow@2x.png?ver=a00037bb636e8fcc0738572e0b99441e) 95% 50% no-repeat;
      background-size: 16px 16px; }
  .detail-container .has-button input {
    width: 220px;
    height: 50px; }
  .detail-container .has-button .sub-btn {
    width: 100px;
    height: 50px;
    left: 225px; }

.marketing-agreement-wrapper {
  margin: 0 auto;
  padding: 50px 0 80px;
  width: 1112px; }
  .marketing-agreement-wrapper .optional-agreement-item {
    position: relative;
    padding: 24px 75px 24px 0px;
    border-bottom: 1px solid #d8d8d8;
    width: 530px; }
    .marketing-agreement-wrapper .optional-agreement-item .marketing-agreement-title {
      font-size: 30px;
      font-weight: 500;
      letter-spacing: -1px;
      color: #212329; }
    .marketing-agreement-wrapper .optional-agreement-item h3 {
      font-size: 20px;
      line-height: 30px;
      letter-spacing: -0.4px;
      color: #212329;
      font-weight: bold;
      margin-bottom: 3px; }
    .marketing-agreement-wrapper .optional-agreement-item p {
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.4px;
      color: #8e929f;
      font-weight: normal; }
    .marketing-agreement-wrapper .optional-agreement-item .check-wrap {
      position: absolute;
      top: 50%;
      right: 16px;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }

.shop-register-wrapper {
  margin: 0 auto;
  padding: 50px 0 80px;
  width: 1112px; }
  .shop-register-wrapper .shop-register-container .register-shop {
    box-sizing: border-box;
    padding: 20px 16px 0px; }
    .shop-register-wrapper .shop-register-container .register-shop .register-shop-title {
      font-size: 30px;
      font-weight: 500;
      letter-spacing: -1px;
      color: #212329; }
    .shop-register-wrapper .shop-register-container .register-shop form {
      margin-bottom: 30px; }
      .shop-register-wrapper .shop-register-container .register-shop form .register-shop-info-section {
        margin-top: 30px; }
        .shop-register-wrapper .shop-register-container .register-shop form .register-shop-info-section .register-desc {
          font-size: 16px;
          line-height: 1.56;
          color: #212329; }
        .shop-register-wrapper .shop-register-container .register-shop form .register-shop-info-section .shop-info .shop-info-title {
          font-size: 16px;
          font-weight: bold;
          color: #212329; }
        .shop-register-wrapper .shop-register-container .register-shop form .register-shop-info-section .shop-info .form-row {
          margin-top: 20px;
          padding: 0px !important; }
          .shop-register-wrapper .shop-register-container .register-shop form .register-shop-info-section .shop-info .form-row input {
            width: 325px;
            height: 50px; }
          .shop-register-wrapper .shop-register-container .register-shop form .register-shop-info-section .shop-info .form-row button {
            width: 325px;
            height: 60px; }
          .shop-register-wrapper .shop-register-container .register-shop form .register-shop-info-section .shop-info .form-row .has-button input {
            width: 220px;
            height: 50px; }
        .shop-register-wrapper .shop-register-container .register-shop form .register-shop-info-section .shop-info .form-row:first-child {
          margin-top: 0px; }
        .shop-register-wrapper .shop-register-container .register-shop form .register-shop-info-section .shop-info .input-title {
          font-size: 12px;
          font-weight: normal;
          color: #42454f; }
        .shop-register-wrapper .shop-register-container .register-shop form .register-shop-info-section .shop-info .input-contents {
          margin: 5px 0px;
          color: #212329;
          font-size: 16px; }
        .shop-register-wrapper .shop-register-container .register-shop form .register-shop-info-section .register-line {
          width: 325px;
          border: 0.5px solid #d7dbe6;
          margin: 20px 0px;
          text-align: left; }
      .shop-register-wrapper .shop-register-container .register-shop form .register-address-section {
        margin-top: 50px; }
        .shop-register-wrapper .shop-register-container .register-shop form .register-address-section .has-button {
          margin: 5px 0px; }
          .shop-register-wrapper .shop-register-container .register-shop form .register-address-section .has-button input {
            width: 220px !important;
            height: 50px; }
          .shop-register-wrapper .shop-register-container .register-shop form .register-address-section .has-button .sub-btn {
            width: 100px;
            height: 50px;
            right: 723px; }
        .shop-register-wrapper .shop-register-container .register-shop form .register-address-section .form-row {
          padding: 0px !important; }
          .shop-register-wrapper .shop-register-container .register-shop form .register-address-section .form-row select {
            width: 325px; }
          .shop-register-wrapper .shop-register-container .register-shop form .register-address-section .form-row input {
            width: 325px;
            height: 50px; }
          .shop-register-wrapper .shop-register-container .register-shop form .register-address-section .form-row .desktop-old-address {
            width: 290px; }
      .shop-register-wrapper .shop-register-container .register-shop form .register-terms-section .register-terms {
        padding: 40px 0px 33px; }
        .shop-register-wrapper .shop-register-container .register-shop form .register-terms-section .register-terms .input-checkbox input {
          display: none; }
        .shop-register-wrapper .shop-register-container .register-shop form .register-terms-section .register-terms .input-checkbox label {
          font-size: 14px;
          line-height: 22px;
          letter-spacing: -0.4px;
          color: #212329;
          font-weight: normal; }
        .shop-register-wrapper .shop-register-container .register-shop form .register-terms-section .register-terms .input-checkbox.input-checkbox {
          margin-top: 15px; }
        .shop-register-wrapper .shop-register-container .register-shop form .register-terms-section .register-terms .input-check-all + .input-checkbox {
          margin-top: 25px; }
        .shop-register-wrapper .shop-register-container .register-shop form .register-terms-section .register-terms .input-check-all label {
          font-size: 16px;
          line-height: 25px;
          letter-spacing: -0.4px;
          color: #212329;
          font-weight: bold; }
        .shop-register-wrapper .shop-register-container .register-shop form .register-terms-section .register-terms a {
          color: #8e929f;
          text-decoration: underline; }
        .shop-register-wrapper .shop-register-container .register-shop form .register-terms-section .register-terms .info-list {
          margin-top: 15px; }
        .shop-register-wrapper .shop-register-container .register-shop form .register-terms-section .register-terms .terms-linked {
          padding: 2px 0 0 43px; }
          .shop-register-wrapper .shop-register-container .register-shop form .register-terms-section .register-terms .terms-linked a {
            display: inline-block;
            margin-right: 4px;
            color: #8e929f; }
      .shop-register-wrapper .shop-register-container .register-shop form .button {
        width: 325px;
        height: 60px; }

.shop-edit-container {
  margin: 0 auto;
  padding: 50px 0 80px;
  width: 1112px; }
  .shop-edit-container .block-info {
    margin-top: 24px;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.4px;
    color: #f45452; }
  .shop-edit-container .edit-status-in-progress {
    height: 575px; }
    .shop-edit-container .edit-status-in-progress .edit-status-in-progress-title {
      font-size: 30px;
      font-weight: 500;
      letter-spacing: -1px;
      color: #212329; }
    .shop-edit-container .edit-status-in-progress .edit-shop-status-section {
      box-sizing: border-box;
      padding: 30px 0px 0px; }
      .shop-edit-container .edit-status-in-progress .edit-shop-status-section .status-title {
        display: flex;
        flex-direction: row;
        font-size: 18px;
        color: #212329; }
        .shop-edit-container .edit-status-in-progress .edit-shop-status-section .status-title #status-in-progress {
          font-weight: bold;
          color: #1a7cff; }
      .shop-edit-container .edit-status-in-progress .edit-shop-status-section .status-cause {
        color: #212329; }
        .shop-edit-container .edit-status-in-progress .edit-shop-status-section .status-cause #status-cause-title {
          font-size: 18px;
          line-height: 1.5; }
      .shop-edit-container .edit-status-in-progress .edit-shop-status-section .info-list {
        margin-top: 15px; }
    .shop-edit-container .edit-status-in-progress .button-section {
      margin: 30px 0px; }
      .shop-edit-container .edit-status-in-progress .button-section .button-control .button {
        width: 325px;
        height: 60px; }
  .shop-edit-container .edit-status-completed .edit-status-completed-title {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #212329; }
  .shop-edit-container .edit-status-completed .edit-line {
    border: solid 0.5px #d7dbe6;
    margin-top: 30px; }
  .shop-edit-container .edit-status-completed .edit-shop-status-section {
    box-sizing: border-box;
    padding: 30px 0px 0px; }
    .shop-edit-container .edit-status-completed .edit-shop-status-section .status-title {
      display: flex;
      flex-direction: row;
      font-size: 18px;
      color: #212329; }
      .shop-edit-container .edit-status-completed .edit-shop-status-section .status-title #status-success {
        font-weight: bold;
        color: #1a7cff; }
      .shop-edit-container .edit-status-completed .edit-shop-status-section .status-title #status-fail {
        font-weight: bold;
        color: #f52926; }
    .shop-edit-container .edit-status-completed .edit-shop-status-section .status-cause {
      color: #212329;
      margin-top: 10px; }
      .shop-edit-container .edit-status-completed .edit-shop-status-section .status-cause #status-cause-title {
        font-size: 18px; }
      .shop-edit-container .edit-status-completed .edit-shop-status-section .status-cause #status-cause-desc {
        display: flex;
        flex-direction: row;
        font-size: 14px;
        margin-top: 10px; }
        .shop-edit-container .edit-status-completed .edit-shop-status-section .status-cause #status-cause-desc p {
          font-weight: bold; }
    .shop-edit-container .edit-status-completed .edit-shop-status-section .info-list {
      margin-top: 15px; }
  .shop-edit-container .edit-status-completed .edit-shop {
    box-sizing: border-box;
    padding: 30px 0px 0px; }
    .shop-edit-container .edit-status-completed .edit-shop form {
      margin-bottom: 30px; }
      .shop-edit-container .edit-status-completed .edit-shop form .edit-shop-info-section #tax-bill-type-code input {
        height: 35px !important;
        margin: 0px;
        padding: 0px;
        border: 0px; }
      .shop-edit-container .edit-status-completed .edit-shop form .edit-shop-info-section .form-row {
        margin-top: 24px;
        padding: 0px !important; }
        .shop-edit-container .edit-status-completed .edit-shop form .edit-shop-info-section .form-row .input-title {
          position: relative;
          font-size: 12px;
          font-weight: normal;
          color: #42454f; }
        .shop-edit-container .edit-status-completed .edit-shop form .edit-shop-info-section .form-row .input-contents {
          margin: 5px 0px;
          color: #212329;
          font-size: 16px; }
        .shop-edit-container .edit-status-completed .edit-shop form .edit-shop-info-section .form-row .status-block {
          color: #f45452; }
        .shop-edit-container .edit-status-completed .edit-shop form .edit-shop-info-section .form-row .input {
          margin: 5px 0px; }
        .shop-edit-container .edit-status-completed .edit-shop form .edit-shop-info-section .form-row #edit-form-select {
          border: solid 0.5px #d7dbe6;
          height: 50px;
          text-indent: 15px;
          margin: 5px 0px; }
        .shop-edit-container .edit-status-completed .edit-shop form .edit-shop-info-section .form-row select {
          width: 325px; }
        .shop-edit-container .edit-status-completed .edit-shop form .edit-shop-info-section .form-row select::-ms-expand {
          display: none; }
        .shop-edit-container .edit-status-completed .edit-shop form .edit-shop-info-section .form-row input {
          width: 325px;
          height: 50px; }
        .shop-edit-container .edit-status-completed .edit-shop form .edit-shop-info-section .form-row button {
          width: 325px;
          height: 60px; }
        .shop-edit-container .edit-status-completed .edit-shop form .edit-shop-info-section .form-row .has-button input {
          width: 220px;
          height: 50px; }
        .shop-edit-container .edit-status-completed .edit-shop form .edit-shop-info-section .form-row .has-button button {
          width: 100px;
          height: 50px; }
        .shop-edit-container .edit-status-completed .edit-shop form .edit-shop-info-section .form-row .ico-hint {
          font-size: 0; }
          .shop-edit-container .edit-status-completed .edit-shop form .edit-shop-info-section .form-row .ico-hint::after {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
            display: inline-block;
            content: '';
            background-image: url(/cdn/ceo-moon/static/desktop/sp-ceo.png?ver=1390b37fe3f84098217e17a9e77065f9);
            background-size: 285px auto;
            width: 15px;
            height: 15px;
            background-position: 0px -180px; }
      .shop-edit-container .edit-status-completed .edit-shop form .edit-shop-info-section .form-row:first-child {
        margin-top: 0px; }
      .shop-edit-container .edit-status-completed .edit-shop form .edit-address-section {
        margin-top: 30px; }
        .shop-edit-container .edit-status-completed .edit-shop form .edit-address-section .msg-error {
          padding: 8px 0px 16px !important; }
        .shop-edit-container .edit-status-completed .edit-shop form .edit-address-section .input-title {
          font-size: 12px;
          font-weight: normal;
          color: #42454f; }
        .shop-edit-container .edit-status-completed .edit-shop form .edit-address-section .has-button {
          margin: 5px 0px; }
          .shop-edit-container .edit-status-completed .edit-shop form .edit-address-section .has-button input {
            width: 220px !important;
            height: 50px; }
          .shop-edit-container .edit-status-completed .edit-shop form .edit-address-section .has-button button {
            width: 100px;
            height: 50px;
            left: 225px; }
        .shop-edit-container .edit-status-completed .edit-shop form .edit-address-section .form-row {
          padding: 0px !important; }
          .shop-edit-container .edit-status-completed .edit-shop form .edit-address-section .form-row select {
            width: 325px; }
          .shop-edit-container .edit-status-completed .edit-shop form .edit-address-section .form-row input {
            width: 325px;
            height: 50px; }
          .shop-edit-container .edit-status-completed .edit-shop form .edit-address-section .form-row .desktop-old-address {
            width: 290px; }
      .shop-edit-container .edit-status-completed .edit-shop form .biz-warranty-photo-section {
        margin-top: 50px; }
        .shop-edit-container .edit-status-completed .edit-shop form .biz-warranty-photo-section .warranty-photo-title {
          font-size: 16px;
          color: #212329; }
        .shop-edit-container .edit-status-completed .edit-shop form .biz-warranty-photo-section .upload {
          margin-top: 15px; }
        .shop-edit-container .edit-status-completed .edit-shop form .biz-warranty-photo-section .info-list {
          margin-top: 15px; }
      .shop-edit-container .edit-status-completed .edit-shop form .button-group {
        margin-top: 30px; }
        .shop-edit-container .edit-status-completed .edit-shop form .button-group .button-control {
          width: 15%; }
          .shop-edit-container .edit-status-completed .edit-shop form .button-group .button-control button {
            width: 160px;
            height: 60px; }

.adAreePopup {
  text-align: center;
  font-size: 14px;
  color: #212329; }
  .adAreePopup .mypage-adAgree {
    padding: 26px 0; }
  .adAreePopup h2 {
    margin-bottom: 10px;
    font-weight: 500; }
  .adAreePopup .btn-confirm {
    padding: 18px 0 19px;
    width: 100%;
    font-size: 17px;
    font-weight: 500;
    color: #8e929f;
    border-top: 1px solid #d7dbe6;
    background: #f8f9fa; }

.manager-info-title {
  margin-bottom: 24px; }

.manager-info {
  width: 600px; }
  .manager-info .title {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.4px;
    color: #212329;
    font-weight: normal; }
  .manager-info .desc {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.4px;
    color: #212329;
    font-weight: normal; }
  .manager-info .info-list {
    margin-top: 30px; }
  .manager-info .btn-insert {
    color: #1a7cff;
    text-align: left;
    font-size: 16px;
    font-weight: 600; }
    .manager-info .btn-insert:disabled {
      color: #ddd; }
  .manager-info .btn-group button {
    display: inline-block;
    width: 218px;
    padding: 19px 0;
    color: #fff;
    font-size: 18px;
    font-weight: 600; }
  .manager-info .btn-group button + button {
    margin-left: 10px; }
  .manager-info .btn-group .btn-default {
    background-color: #8e929f; }
  .manager-info .btn-group .btn-primary {
    background-color: #1a7cff; }
  .manager-info .managers-list .item {
    margin-bottom: 30px; }
    .manager-info .managers-list .item .item-title {
      margin: 13px 0;
      font-size: 16px;
      color: #030303; }
    .manager-info .managers-list .item .form-row-checkbox {
      margin-top: 10px;
      font-size: 16px;
      color: #000; }
    .manager-info .managers-list .item .msg-error {
      padding: 8px 0 16px; }
    .manager-info .managers-list .item .btn-delete {
      position: relative;
      margin-top: -3px;
      margin-right: 10px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      font-size: 0;
      line-height: 0;
      color: transparent;
      vertical-align: middle;
      background-color: #f45452; }
      .manager-info .managers-list .item .btn-delete::before {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -1px;
        margin-left: -5px;
        display: block;
        width: 10px;
        height: 2px;
        background-color: #fff;
        content: ''; }

.leave-wrapper {
  margin: 0 auto;
  padding: 50px 0 80px;
  width: 1112px; }
  .leave-wrapper .shop-leave-container .btn-link-pwfind {
    display: block;
    margin: 13px 0 30px;
    font-size: 12px;
    color: #8e929f; }
  .leave-wrapper .shop-leave-container .msg-reconfirm {
    color: #bbc0cd; }
  .leave-wrapper .shop-leave-container .edit-form {
    padding: 30px 15px 40px;
    box-sizing: border-box; }
  .leave-wrapper .shop-leave-container .checkbox {
    overflow: hidden; }
    .leave-wrapper .shop-leave-container .checkbox .input-chk {
      float: left;
      width: 50%; }
  .leave-wrapper .shop-leave-container .row-newpasswd {
    padding-bottom: 25px; }
  .leave-wrapper .shop-leave-container .form-field + .h-tit {
    margin-top: 30px; }
  .leave-wrapper .shop-leave-container .leave-shop-intro {
    box-sizing: border-box;
    padding: 0px 15px 40px; }
    .leave-wrapper .shop-leave-container .leave-shop-intro .leave-title {
      font-size: 30px;
      font-weight: 500;
      line-height: 1.33;
      letter-spacing: -1px;
      color: #212329; }
      .leave-wrapper .shop-leave-container .leave-shop-intro .leave-title .leave-sub-title {
        font-size: 30px;
        font-weight: 300;
        line-height: 1.33;
        letter-spacing: -1px;
        color: #212329; }
    .leave-wrapper .shop-leave-container .leave-shop-intro .leave-desc {
      margin-top: 25px;
      font-size: 16px;
      line-height: 1.56;
      letter-spacing: -0.4px;
      color: #212329; }
    .leave-wrapper .shop-leave-container .leave-shop-intro .button-section {
      margin-top: 30px; }
      .leave-wrapper .shop-leave-container .leave-shop-intro .button-section .button-control {
        width: 15%; }
        .leave-wrapper .shop-leave-container .leave-shop-intro .button-section .button-control button {
          width: 328px;
          height: 60px; }
  .leave-wrapper .shop-leave-container .leave-option {
    box-sizing: border-box;
    padding: 0px 0px 40px; }
    .leave-wrapper .shop-leave-container .leave-option .leave-title {
      font-size: 30px;
      font-weight: 500;
      line-height: 1.33;
      letter-spacing: -1px;
      color: #212329; }
      .leave-wrapper .shop-leave-container .leave-option .leave-title .leave-sub-title {
        font-size: 30px;
        font-weight: 300;
        line-height: 1.33;
        letter-spacing: -1px;
        color: #212329; }
    .leave-wrapper .shop-leave-container .leave-option .leave-desc {
      margin-top: 25px;
      font-size: 16px;
      line-height: 1.56;
      letter-spacing: -0.4px;
      color: #212329; }
    .leave-wrapper .shop-leave-container .leave-option .leave-option-desc {
      margin-top: 5px;
      font-size: 14px;
      line-height: 1.56;
      letter-spacing: -0.4px;
      color: #8e929f; }
    .leave-wrapper .shop-leave-container .leave-option .leave-option-chkbox {
      margin-top: 30px; }
      .leave-wrapper .shop-leave-container .leave-option .leave-option-chkbox .input-checkbox input {
        display: none; }
      .leave-wrapper .shop-leave-container .leave-option .leave-option-chkbox .input-checkbox label {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: -0.4px;
        color: #212329;
        font-weight: normal; }
      .leave-wrapper .shop-leave-container .leave-option .leave-option-chkbox .input-checkbox.input-checkbox {
        margin-top: 15px; }
    .leave-wrapper .shop-leave-container .leave-option .button-group {
      margin-top: 30px; }
      .leave-wrapper .shop-leave-container .leave-option .button-group .button-control {
        width: 15%;
        margin-right: 8px; }
        .leave-wrapper .shop-leave-container .leave-option .button-group .button-control button {
          width: 160px;
          height: 60px; }
  .leave-wrapper .shop-leave-container .leave-finish {
    box-sizing: border-box;
    padding: 0px 15px 40px; }
    .leave-wrapper .shop-leave-container .leave-finish .leave-finish-title {
      font-size: 30px;
      font-weight: 300;
      line-height: 1.33;
      letter-spacing: -1px;
      color: #212329;
      margin-bottom: 40px; }
    .leave-wrapper .shop-leave-container .leave-finish .leave-finish-info-section .finish-each-info {
      margin-bottom: 30px; }
      .leave-wrapper .shop-leave-container .leave-finish .leave-finish-info-section .finish-each-info .finish-each-info-title {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: -0.4px;
        color: #212329; }
        .leave-wrapper .shop-leave-container .leave-finish .leave-finish-info-section .finish-each-info .finish-each-info-title #highlight {
          text-decoration: underline;
          color: #1a7cff; }
      .leave-wrapper .shop-leave-container .leave-finish .leave-finish-info-section .finish-each-info .finish-each-info-desc {
        margin-top: 10px;
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: -0.4px;
        color: #8e929f; }
    .leave-wrapper .shop-leave-container .leave-finish .leave-confirm-chkbox-section {
      padding-top: 20px; }
      .leave-wrapper .shop-leave-container .leave-finish .leave-confirm-chkbox-section .input-checkbox input {
        display: none; }
      .leave-wrapper .shop-leave-container .leave-finish .leave-confirm-chkbox-section label {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: -0.4px;
        color: #212329; }
    .leave-wrapper .shop-leave-container .leave-finish .button-group {
      margin-top: 30px; }
      .leave-wrapper .shop-leave-container .leave-finish .button-group .button-control {
        width: 15%;
        margin-right: 8px; }
        .leave-wrapper .shop-leave-container .leave-finish .button-group .button-control button {
          width: 160px;
          height: 60px; }
  .leave-wrapper .shop-leave-container .leave-completed {
    box-sizing: border-box;
    padding: 0px 15px 40px; }
    .leave-wrapper .shop-leave-container .leave-completed .leave-title {
      font-size: 30px;
      font-weight: 500;
      line-height: 1.33;
      letter-spacing: -1px;
      color: #212329;
      margin-bottom: 25px; }
      .leave-wrapper .shop-leave-container .leave-completed .leave-title .leave-sub-title {
        font-size: 30px;
        font-weight: 300;
        line-height: 1.33;
        letter-spacing: -1px;
        color: #212329; }
    .leave-wrapper .shop-leave-container .leave-completed .leave-completed-desc {
      font-size: 16px;
      line-height: 1.56;
      letter-spacing: -0.4px;
      color: #212329;
      margin-bottom: 16px; }
    .leave-wrapper .shop-leave-container .leave-completed .leave-completed-desc-2 {
      font-size: 14px;
      line-height: 1.5;
      letter-spacing: -0.4px;
      color: #212329;
      margin-bottom: 30px; }
    .leave-wrapper .shop-leave-container .leave-completed .button-section {
      margin-top: 30px; }
      .leave-wrapper .shop-leave-container .leave-completed .button-section .button-control {
        width: 15%; }
        .leave-wrapper .shop-leave-container .leave-completed .button-section .button-control button {
          width: 325px;
          height: 60px; }

.update-info-wrapper .update-info-container .update-info-intro .update-info-section img {
  width: 100%;
  height: 100%; }

.update-info-wrapper .update-info-container .update-info-intro .update-info-section .redirect-btn {
  cursor: pointer; }

.no-access-page-wrapper {
  margin: 0 auto;
  padding: 60px 0 80px;
  width: 1112px; }
  .no-access-page-wrapper .no-access-page-container .no-access-page .msg-error {
    padding: 0px 0 40px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    box-sizing: border-box;
    background-color: #fff; }
    .no-access-page-wrapper .no-access-page-container .no-access-page .msg-error .state {
      margin-bottom: 25px; }
      .no-access-page-wrapper .no-access-page-container .no-access-page .msg-error .state .stit {
        margin-top: 50px;
        text-align: left;
        font-weight: 500;
        font-size: 30px;
        letter-spacing: -1px; }
    .no-access-page-wrapper .no-access-page-container .no-access-page .msg-error .desc {
      font-size: 14px;
      line-height: 1.57;
      letter-spacing: -0.4px;
      text-align: left;
      color: #212329;
      margin-bottom: 12px; }
    .no-access-page-wrapper .no-access-page-container .no-access-page .msg-error .sub-desc {
      margin-bottom: 0px; }
      .no-access-page-wrapper .no-access-page-container .no-access-page .msg-error .sub-desc a {
        text-decoration: underline;
        color: #1a7cff; }
    .no-access-page-wrapper .no-access-page-container .no-access-page .msg-error .btn-group-no-access {
      width: 330px; }
      .no-access-page-wrapper .no-access-page-container .no-access-page .msg-error .btn-group-no-access .btn-no-access {
        margin-top: 30px;
        font-weight: bold;
        color: #ffffff;
        border: solid 1px #d7dbe6;
        background-color: #1a7cff; }

.event-wrapper .event-ad-agree {
  margin: 80px auto 40px;
  width: 870px; }
  .event-wrapper .event-ad-agree .title-area {
    margin-bottom: 20px; }
    .event-wrapper .event-ad-agree .title-area h1 {
      color: #212329;
      font-size: 36px;
      font-weight: 500;
      letter-spacing: -1px; }
      .event-wrapper .event-ad-agree .title-area h1 em {
        border-bottom: 3px solid #ff8400; }
    .event-wrapper .event-ad-agree .title-area p {
      font-size: 17px;
      color: #bbc0cd; }
  .event-wrapper .event-ad-agree .spot-img {
    margin-bottom: 20px; }
  .event-wrapper .event-ad-agree .section .info {
    overflow: hidden;
    font-size: 17px; }
    .event-wrapper .event-ad-agree .section .info li + li {
      margin-top: 15px; }
    .event-wrapper .event-ad-agree .section .info strong {
      padding-right: 10px;
      font-weight: 600; }
  .event-wrapper .event-ad-agree .section .h2-tit {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: normal;
    color: #212329; }
  .event-wrapper .event-ad-agree .section .item-goods {
    overflow: visible;
    margin-bottom: 10px;
    min-height: 360px;
    box-sizing: border-box; }
    .event-wrapper .event-ad-agree .section .item-goods > li {
      position: relative;
      float: left;
      width: 33%;
      min-height: 360px;
      text-align: center;
      border: 1px solid #d7dbe6;
      box-shadow: 0 0 0 1px #fff inset;
      box-sizing: border-box; }
      .event-wrapper .event-ad-agree .section .item-goods > li .tit {
        margin-bottom: 15px;
        font-size: 17px;
        font-weight: normal; }
      .event-wrapper .event-ad-agree .section .item-goods > li .thumb {
        margin: 35px 0; }
      .event-wrapper .event-ad-agree .section .item-goods > li .txt-dsc {
        line-height: 1.5; }
        .event-wrapper .event-ad-agree .section .item-goods > li .txt-dsc small {
          margin: 0 auto 3px;
          display: block;
          width: 170px;
          color: #8e929f;
          text-align: left;
          font-size: 12px; }
      .event-wrapper .event-ad-agree .section .item-goods > li .selectric-wrapper {
        width: 170px;
        border: solid 1px #d7dbe6;
        border-bottom: 0; }
        .event-wrapper .event-ad-agree .section .item-goods > li .selectric-wrapper .selectric-items li {
          font-size: 14px;
          text-align: left; }
        .event-wrapper .event-ad-agree .section .item-goods > li .selectric-wrapper .selectric .label {
          font-size: 14px; }
      .event-wrapper .event-ad-agree .section .item-goods > li input[type="radio"] {
        position: absolute; }
    .event-wrapper .event-ad-agree .section .item-goods li + li {
      margin-left: -1px; }
    .event-wrapper .event-ad-agree .section .item-goods .is-selected {
      border: 2px solid #ff8400;
      z-index: 1; }
      .event-wrapper .event-ad-agree .section .item-goods .is-selected .tit {
        font-weight: 700; }
  .event-wrapper .event-ad-agree .section .form-field {
    margin-bottom: 0;
    width: 485px; }
    .event-wrapper .event-ad-agree .section .form-field > li {
      padding: 0 0 30px 155px; }
      .event-wrapper .event-ad-agree .section .form-field > li .h-stit {
        position: absolute;
        left: 0;
        top: 12px;
        font-size: 12px; }
      .event-wrapper .event-ad-agree .section .form-field > li .row-field + .row-field {
        margin-top: 10px; }
      .event-wrapper .event-ad-agree .section .form-field > li .btn.btn-basic {
        color: #ff8400;
        border-color: #ff8400; }
    .event-wrapper .event-ad-agree .section .form-field > li.address {
      padding-bottom: 10px; }
  .event-wrapper .event-ad-agree .section .agree-box {
    margin-bottom: 25px; }
    .event-wrapper .event-ad-agree .section .agree-box .checkbox {
      margin-bottom: 10px; }
      .event-wrapper .event-ad-agree .section .agree-box .checkbox label {
        font-size: 14px;
        color: #212329;
        line-height: 1.8; }
      .event-wrapper .event-ad-agree .section .agree-box .checkbox .icheckbox_minimal-grey.checked {
        background: url(/cdn/ceo-moon/static/desktop/event/180308-martbaemin/bg-input-checked.png?ver=c06c41e9fc5a7c093e66d4dbb9ab43e8) no-repeat;
        background-size: 24px 24px; }
    .event-wrapper .event-ad-agree .section .agree-box .info {
      padding-left: 30px;
      font-size: 12px;
      color: #bbc0cd;
      line-height: 1.8; }
  .event-wrapper .event-ad-agree .section .txt-caution {
    margin-top: 5px;
    color: #bbc0cd;
    font-size: 12px;
    clear: both; }
    .event-wrapper .event-ad-agree .section .txt-caution .link-baeminmart {
      font-weight: 500;
      text-decoration: underline; }
  .event-wrapper .event-ad-agree .section .btn-apply {
    padding: 20px 0 19px;
    width: 330px;
    text-align: center;
    font-size: 17px;
    color: #fff;
    background-color: #ff8400; }
  .event-wrapper .event-ad-agree .section.caution {
    margin-top: 50px;
    border-top: 1px solid #ccc; }
    .event-wrapper .event-ad-agree .section.caution ul {
      margin-top: 25px; }
      .event-wrapper .event-ad-agree .section.caution ul li {
        position: relative;
        margin-bottom: 7px;
        padding-left: 10px;
        font-size: 12px;
        color: #8e929f; }
      .event-wrapper .event-ad-agree .section.caution ul li::before {
        position: absolute;
        left: 0;
        top: 7px;
        display: block;
        width: 3px;
        height: 3px;
        background-color: #bbc0cd;
        content: "";
        border-radius: 50%; }
  .event-wrapper .event-ad-agree .section + .section {
    margin-top: 70px; }

.popup-ad-agree {
  height: auto; }
  .popup-ad-agree .popup-content {
    padding: 40px 30px 30px;
    box-sizing: border-box; }
    .popup-ad-agree .popup-content .title-area {
      margin-bottom: 15px; }
      .popup-ad-agree .popup-content .title-area h1 {
        font-size: 28px;
        font-weight: 500;
        line-height: 1.2; }
      .popup-ad-agree .popup-content .title-area p {
        font-size: 16px;
        color: #8e929f; }
    .popup-ad-agree .popup-content .info {
      margin-bottom: 20px;
      font-size: 14px;
      line-height: 1.5; }
      .popup-ad-agree .popup-content .info .thumb {
        margin-bottom: 15px; }
        .popup-ad-agree .popup-content .info .thumb img {
          width: 100%; }
    .popup-ad-agree .popup-content .terms-agree {
      margin-bottom: 10px;
      padding: 15px;
      background-color: #f8f9fa; }
      .popup-ad-agree .popup-content .terms-agree .input-group {
        margin-bottom: 5px; }
      .popup-ad-agree .popup-content .terms-agree label {
        padding: 0 0 0 3px;
        color: #212329;
        font-size: 14px; }
      .popup-ad-agree .popup-content .terms-agree p {
        padding-left: 30px;
        color: #bbc0cd;
        font-size: 12px; }
    .popup-ad-agree .popup-content .btn-apply {
      display: block;
      padding: 20px 0 19px;
      width: 100%;
      color: #fff;
      text-align: center;
      font-size: 17px;
      font-weight: 700;
      cursor: pointer;
      background-color: #1a7cff; }
      .popup-ad-agree .popup-content .btn-apply[disabled] {
        background-color: #bbc0cd; }
  .popup-ad-agree .popup-footer {
    border-top: 1px solid #d7dbe6;
    background-color: #f8f9fa; }
    .popup-ad-agree .popup-footer .btn {
      float: left;
      display: block;
      padding: 16px 0;
      width: 50%;
      font-size: 13px;
      font-weight: normal;
      color: #8e929f;
      text-align: center;
      box-sizing: border-box;
      background-color: #f8f9fa; }
    .popup-ad-agree .popup-footer .btn + .btn {
      margin: 0;
      border-left: 1px solid #d7dbe6; }

.event-magazine-vol1-wrapper .content-inner {
  padding: 80px 0; }

.event-magazine-vol1-wrapper h2 {
  margin: 0 0 24px;
  font-size: 32px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -1px;
  text-align: center;
  color: #212329; }

.event-magazine-vol1-wrapper .img-magazine {
  margin: 0 0 24px; }
  .event-magazine-vol1-wrapper .img-magazine img {
    width: 757px; }

.event-magazine-vol1-wrapper .desc {
  font-size: 16px;
  font-weight: 300;
  line-height: 2;
  letter-spacing: -0.4px;
  text-align: center;
  color: #2f333d; }

.event-magazine-vol1-wrapper .event-info-box {
  margin: 0 auto 16px;
  padding: 20px 23px 17px;
  width: 364px;
  text-align: left;
  border: solid 1px #d7dbe6; }

.event-magazine-vol1-wrapper .event-info {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.4px;
  color: #212329; }
  .event-magazine-vol1-wrapper .event-info strong {
    display: inline-block;
    width: 72px;
    font-weight: bold; }

.event-magazine-vol1-wrapper .s-event-noti {
  margin-top: 3px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: -0.4px;
  color: #bbc0cd; }

.event-magazine-vol1-wrapper .link-mem-info {
  margin: 16px 0 24px;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.4px;
  color: #1a7cff; }

.event-magazine-vol1-wrapper .btn {
  width: 328px; }

.event-magazine-vol1-wrapper .magazine-item {
  overflow: hidden;
  margin-bottom: -32px;
  padding-bottom: 32px; }
  .event-magazine-vol1-wrapper .magazine-item > li {
    display: inline-block;
    padding: 46px 40px 30px;
    width: 388px;
    text-align: left;
    vertical-align: top;
    border-radius: 8px;
    box-shadow: 0 16px 32px 0 rgba(187, 192, 205, 0.16), 0 8px 8px 0 rgba(142, 146, 159, 0.08);
    border: solid 1px #eceef2;
    background-color: #ffffff; }
    .event-magazine-vol1-wrapper .magazine-item > li + li {
      margin-left: 64px; }
  .event-magazine-vol1-wrapper .magazine-item h3 {
    margin-bottom: 40px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.4px;
    color: #212329; }
  .event-magazine-vol1-wrapper .magazine-item ul li {
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: -0.4px;
    color: #353a45; }
    .event-magazine-vol1-wrapper .magazine-item ul li + li {
      margin-top: 32px; }

.event-magazine-vol1-wrapper .magazine-preview {
  margin: 0 auto;
  padding-bottom: 42px;
  width: 802px; }
  .event-magazine-vol1-wrapper .magazine-preview img {
    width: 800px;
    border: 1px solid #d7dbe6; }
  .event-magazine-vol1-wrapper .magazine-preview .slick-dots {
    display: block !important;
    position: absolute;
    bottom: 0;
    left: auto;
    margin: 0;
    width: 100%;
    text-align: center; }
    .event-magazine-vol1-wrapper .magazine-preview .slick-dots li {
      margin: 0 5px;
      display: inline-block;
      cursor: pointer; }
    .event-magazine-vol1-wrapper .magazine-preview .slick-dots button {
      padding: 0;
      font-size: 0;
      line-height: 0;
      display: block;
      width: 10px;
      height: 10px;
      cursor: pointer;
      border-radius: 10px;
      border: 1px solid #bdbdbd; }
      .event-magazine-vol1-wrapper .magazine-preview .slick-dots button:hover, .event-magazine-vol1-wrapper .magazine-preview .slick-dots button :focus {
        outline: none; }
      .event-magazine-vol1-wrapper .magazine-preview .slick-dots button:before {
        display: none; }
    .event-magazine-vol1-wrapper .magazine-preview .slick-dots .slick-active button {
      background-color: #bdbdbd; }
  .event-magazine-vol1-wrapper .magazine-preview .slick-arrow {
    top: 250px; }
  .event-magazine-vol1-wrapper .magazine-preview .slick-arrow.slick-next {
    right: 50%;
    margin-right: -492px;
    width: 33px;
    height: 62px;
    background: url(/cdn/ceo-moon/static/desktop/event/magazine/vol1/slide-arrow@2x.png?ver=4da02fc0076057fec90f8cc469cc8b36) no-repeat center left/contain;
    color: transparent; }
  .event-magazine-vol1-wrapper .magazine-preview .slick-arrow.slick-prev {
    right: 50%;
    margin-left: -492px;
    width: 33px;
    height: 62px;
    background: url(/cdn/ceo-moon/static/desktop/event/magazine/vol1/slide-arrow@2x.png?ver=4da02fc0076057fec90f8cc469cc8b36) no-repeat center left/contain;
    color: transparent;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }

.event-coupon-firstOrder-wrapper .main-banner {
  background: url(/cdn/ceo-moon/static/desktop/event/coupon/first-order/TOP_BG_WEB.gif?ver=16fac18c3c50e837dce9edd70884f9b6) center center no-repeat;
  height: 710px; }
  .event-coupon-firstOrder-wrapper .main-banner > .content-inner {
    position: relative;
    text-align: left;
    padding: 0 40px; }
    .event-coupon-firstOrder-wrapper .main-banner > .content-inner > img {
      position: absolute;
      left: 5px;
      top: 75px; }
    .event-coupon-firstOrder-wrapper .main-banner > .content-inner > h1 {
      padding-top: 157px;
      font-size: 72px;
      line-height: 1.11;
      letter-spacing: -2.25px;
      color: #ffffff;
      text-align: left; }
    .event-coupon-firstOrder-wrapper .main-banner > .content-inner > p.desc {
      margin-top: 25px;
      font-size: 16px;
      line-height: 1.5;
      letter-spacing: -0.4px;
      color: #ffffff;
      text-align: left; }

.event-coupon-firstOrder-wrapper .content-inner {
  width: 840px;
  padding: 0 0 80px 0; }

.event-coupon-firstOrder-wrapper h2 {
  margin: 0 0 15px;
  font-size: 38px;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: -0.94px;
  text-align: center;
  color: #212329; }

.event-coupon-firstOrder-wrapper .howto-section {
  margin-top: 25px;
  background: #fff;
  box-shadow: 0 16px 32px 0 rgba(187, 192, 205, 0.16), 0 8px 8px 0 rgba(142, 146, 159, 0.08);
  border: solid 1px #eceef2;
  padding: 5px 40px 50px 40px; }
  .event-coupon-firstOrder-wrapper .howto-section .howto-numbering-img {
    padding: 25px 0 10px 0; }
  .event-coupon-firstOrder-wrapper .howto-section .desc {
    margin: 15px 0; }
  .event-coupon-firstOrder-wrapper .howto-section .howto-photo {
    width: 100%; }
  .event-coupon-firstOrder-wrapper .howto-section .howto-coupon-photos {
    display: flex;
    justify-content: space-between; }
    .event-coupon-firstOrder-wrapper .howto-section .howto-coupon-photos .howto-photo {
      width: 370px; }

.event-coupon-firstOrder-wrapper .package-section-container {
  background: url(/cdn/ceo-moon/static/desktop/event/coupon/first-order/bg.png?ver=a5747f1e4b8b7b736e1e2bd6368d054b) center center no-repeat;
  height: 828px; }

.event-coupon-firstOrder-wrapper .package-section {
  padding: 80px 40px 0;
  text-align: left; }
  .event-coupon-firstOrder-wrapper .package-section > h3 {
    margin-bottom: 15px;
    text-align: left; }
  .event-coupon-firstOrder-wrapper .package-section .package-detail-list {
    margin-bottom: 32px; }
    .event-coupon-firstOrder-wrapper .package-section .package-detail-list tr td {
      font-size: 16px;
      line-height: 1.75;
      letter-spacing: -0.4px;
      color: #000000;
      padding-bottom: 8px; }
      .event-coupon-firstOrder-wrapper .package-section .package-detail-list tr td.title {
        color: #1a7cff;
        padding-right: 4px; }

.event-coupon-firstOrder-wrapper .submit-section {
  padding-top: 80px; }
  .event-coupon-firstOrder-wrapper .submit-section h2 {
    margin-bottom: 15px; }
  .event-coupon-firstOrder-wrapper .submit-section p.desc {
    color: #fff; }

.event-coupon-firstOrder-wrapper .desc {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.4px;
  text-align: center;
  color: #2f333d; }
  .event-coupon-firstOrder-wrapper .desc.blue {
    color: #1a7cff; }

.event-coupon-firstOrder-wrapper h2 {
  font-size: 50px;
  line-height: 1.16;
  letter-spacing: -1.56px;
  text-align: center; }

.event-coupon-firstOrder-wrapper h3 {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.94px;
  text-align: center;
  color: #000000; }

.event-coupon-firstOrder-wrapper ul li {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: justify;
  color: #000000; }
  .event-coupon-firstOrder-wrapper ul li + li {
    margin-top: 8px; }

.event-coupon-firstOrder-wrapper .icon-dash {
  display: inline-block;
  width: 20px;
  height: 6px;
  background-color: #000000;
  margin-bottom: 15px; }

.event-coupon-firstOrder-wrapper .content-bg-blue {
  background: #1a7cff; }
  .event-coupon-firstOrder-wrapper .content-bg-blue h2 {
    font-family: BMHANNA11yrsoldOTF;
    color: #fff; }

.event-coupon-firstOrder-wrapper button {
  margin-top: 25px;
  width: 328px;
  height: 64px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: -0.4px;
  text-align: center;
  color: #1a7cff;
  background: #fff;
  cursor: pointer; }
  .event-coupon-firstOrder-wrapper button.btn-apply.closed {
    color: #BBC0cd;
    background: #f8f9fa;
    cursor: initial; }

.event-coupon-firstOrder-wrapper div.caution {
  margin-top: 32px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
  text-align: center;
  color: rgba(0, 0, 0, 0.8); }
  .event-coupon-firstOrder-wrapper div.caution a {
    color: #fff; }

.gate-open-service .os-header {
  padding-top: 86px;
  height: 539px;
  text-align: center;
  background: #4dbbf6 url(/cdn/ceo-moon/static/desktop/event/gate/openService/bg.png?ver=c432d3bae216f2f91359c08c55ae96a7) no-repeat center top/cover;
  box-sizing: border-box; }

.gate-open-service .os-content {
  text-align: center; }
  .gate-open-service .os-content > div {
    padding: 80px 0; }
    .gate-open-service .os-content > div p {
      margin: 16px 0 0;
      font-size: 16px;
      font-weight: 300;
      line-height: 1.63;
      letter-spacing: -0.6px;
      color: #000; }
    .gate-open-service .os-content > div .btn-apply {
      display: inline-block;
      margin-top: 24px;
      padding: 22px 0 18px;
      width: 328px;
      font-size: 18px;
      font-weight: bold;
      line-height: 1.33;
      letter-spacing: -0.4px;
      color: #fff;
      background: #1a7cff; }
    .gate-open-service .os-content > div .desc-icon {
      display: block;
      margin: -74px 0 41px;
      text-align: center; }

.terms-wrapper {
  margin: 6px auto 0;
  padding: 50px 0 80px;
  width: 1112px; }
  .terms-wrapper .selectric-wrapper .selectric .button {
    padding: 0; }
  .terms-wrapper.privacy-link {
    padding: 30px;
    width: auto; }
  .terms-wrapper .tab {
    overflow: hidden;
    margin: 0 auto 56px;
    width: 1112px; }
    .terms-wrapper .tab li {
      float: left;
      width: 222px;
      box-sizing: border-box; }
      .terms-wrapper .tab li a {
        position: relative;
        display: block;
        padding: 18px 0;
        text-align: center;
        font-size: 14px;
        color: #8e929f;
        border: 1px solid #d7dbe6; }
        .terms-wrapper .tab li a.current {
          color: #1a7cff; }
        .terms-wrapper .tab li a.current::before {
          position: absolute;
          left: -1px;
          top: -1px;
          right: -1px;
          bottom: -1px;
          content: '';
          z-index: 10;
          border: 1px solid #1a7cff; }
      .terms-wrapper .tab li:nth-child(1) a, .terms-wrapper .tab li:nth-child(2) a, .terms-wrapper .tab li:nth-child(3) a, .terms-wrapper .tab li:nth-child(4) a, .terms-wrapper .tab li:nth-child(6), .terms-wrapper .tab li:nth-child(7) a, .terms-wrapper .tab li:nth-child(8) a, .terms-wrapper .tab li:nth-child(9) a {
        margin-right: -1px; }
      .terms-wrapper .tab li:nth-child(6) {
        width: 223px; }
      .terms-wrapper .tab li:nth-child(10) {
        width: 223px; }
      .terms-wrapper .tab li:nth-child(n+6) {
        margin-top: -1px; }
  .terms-wrapper .page-title::after {
    content: '';
    display: block;
    clear: both; }
  .terms-wrapper .page-title h1 {
    float: left;
    font-size: 20px;
    font-weight: 700; }
  .terms-wrapper .page-title .selectric-wrapper {
    float: right;
    width: 310px;
    text-align: left; }
  .terms-wrapper .rule-list {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px 30px;
    background-color: #f8f9fa; }
    .terms-wrapper .rule-list li {
      float: left;
      width: 50%;
      line-height: 2; }
  .terms-wrapper .rule-box {
    color: #8e929f;
    line-height: 2; }
  .terms-wrapper table {
    border: 1px solid #d7dbe6; }
    .terms-wrapper table th, .terms-wrapper table td {
      padding: 5px;
      border: 1px solid #d7dbe6; }

.error-wrapper .msg-content {
  position: absolute;
  top: 32%;
  left: 0;
  padding: 0 0 0 160px;
  box-sizing: border-box; }
  .error-wrapper .msg-content::before {
    content: '';
    display: block;
    width: 162px;
    height: 24px;
    background: url(/cdn/ceo-moon/static/desktop/main/logo-ceo.svg?ver=37ff4fc80c3dfb2e2c76b41825e4c4da) no-repeat 0 0/contain; }
  .error-wrapper .msg-content h2 {
    margin: 16px 0 8px;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.45;
    letter-spacing: -0.4px;
    color: #212329; }
  .error-wrapper .msg-content p {
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: #212329; }
  .error-wrapper .msg-content a {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: -0.4px;
    color: #1a7cff; }

#desktop-main.template .text-left {
  text-align: left; }

#desktop-main.template .text-center, #desktop-main.template .ad-support .section-login, .ad-support #desktop-main.template .section-login {
  text-align: center; }

#desktop-main.template .text-right {
  text-align: right; }

#desktop-main.template .dsc-light {
  color: #8e929f; }

#desktop-main.template .dsc,
#desktop-main.template .h-dsc,
#desktop-main.template .dsc-light {
  line-height: 1.6; }

#desktop-main.template.type-a .sec-tit {
  margin-bottom: 50px;
  text-align: center; }
  #desktop-main.template.type-a .sec-tit h1 {
    margin-bottom: 3px;
    font-size: 24px;
    font-weight: 600;
    color: #212329; }
  #desktop-main.template.type-a .sec-tit p {
    font-size: 14px;
    color: #8e929f; }

#desktop-main.template.type-a .sec-cnt {
  padding: 60px 0 40px;
  color: #212329;
  text-align: center;
  border-bottom: 1px solid #f0f0f0; }
  #desktop-main.template.type-a .sec-cnt:last-child {
    padding-bottom: 0;
    border-bottom: 0; }
  #desktop-main.template.type-a .sec-cnt em {
    color: #212329; }
  #desktop-main.template.type-a .sec-cnt small {
    color: #bbc0cd;
    font-size: 12px; }
  #desktop-main.template.type-a .sec-cnt .h3-tit {
    margin-bottom: 40px;
    font-size: 28px;
    font-weight: 300;
    line-height: 1.3; }
    #desktop-main.template.type-a .sec-cnt .h3-tit small {
      display: block; }
  #desktop-main.template.type-a .sec-cnt .baemin-count {
    overflow: hidden;
    margin: 0 auto;
    text-align: center; }
    #desktop-main.template.type-a .sec-cnt .baemin-count li {
      display: inline-block;
      margin-left: 145px;
      font-size: 14px;
      text-align: left; }
      #desktop-main.template.type-a .sec-cnt .baemin-count li span {
        display: block;
        margin-top: -2px;
        font-size: 24px;
        color: #212329; }
      #desktop-main.template.type-a .sec-cnt .baemin-count li .num {
        font-size: 36px;
        font-family: "Roboto";
        font-weight: 400;
        color: #212329; }
      #desktop-main.template.type-a .sec-cnt .baemin-count li:first-child {
        margin-left: 0; }
  #desktop-main.template.type-a .sec-cnt .baemin-app-download {
    text-align: center; }
    #desktop-main.template.type-a .sec-cnt .baemin-app-download a {
      margin: 0 5px;
      display: inline-block; }
  #desktop-main.template.type-a .sec-cnt .baemin-info {
    overflow: hidden; }
    #desktop-main.template.type-a .sec-cnt .baemin-info li {
      display: inline-block;
      width: 355px;
      vertical-align: top; }
      #desktop-main.template.type-a .sec-cnt .baemin-info li .dsc {
        margin: 15px 0 32px;
        color: #8e929f; }
        #desktop-main.template.type-a .sec-cnt .baemin-info li .dsc strong {
          display: block;
          margin-bottom: 5px;
          font-size: 17px;
          font-weight: 700;
          color: #212329; }
        #desktop-main.template.type-a .sec-cnt .baemin-info li .dsc .number {
          display: block;
          padding: 10px 0;
          font-size: 40px;
          font-weight: 700;
          color: #212329;
          letter-spacing: -1px; }
        #desktop-main.template.type-a .sec-cnt .baemin-info li .dsc .btn-group {
          margin-top: 13px; }
          #desktop-main.template.type-a .sec-cnt .baemin-info li .dsc .btn-group .btn + .btn {
            margin-top: 8px; }
      #desktop-main.template.type-a .sec-cnt .baemin-info li:last-child .dsc {
        margin-bottom: 0; }
  #desktop-main.template.type-a .sec-cnt .best-info li {
    padding: 0 195px 50px; }
    #desktop-main.template.type-a .sec-cnt .best-info li .thumb {
      display: inline-block;
      vertical-align: middle; }
    #desktop-main.template.type-a .sec-cnt .best-info li .dsc {
      display: inline-block;
      width: 265px;
      vertical-align: middle;
      text-align: left;
      color: #8e929f; }
      #desktop-main.template.type-a .sec-cnt .best-info li .dsc .number {
        display: block;
        margin-bottom: 5px;
        font-size: 17px;
        font-weight: 700;
        color: #212329; }
        #desktop-main.template.type-a .sec-cnt .best-info li .dsc .number::after {
          content: "";
          display: block;
          margin: 8px 0 15px;
          width: 24px;
          height: 1px;
          background-color: #d7dbe6; }
        #desktop-main.template.type-a .sec-cnt .best-info li .dsc .number em {
          display: block;
          padding: 0 0 2px;
          font-size: 34px;
          font-weight: 300;
          font-family: "Roboto";
          line-height: 1.13;
          color: #212329;
          letter-spacing: -1px; }
      #desktop-main.template.type-a .sec-cnt .best-info li .dsc small {
        display: block;
        padding-top: 5px; }
      #desktop-main.template.type-a .sec-cnt .best-info li .dsc .btn-group {
        margin-top: 13px; }
        #desktop-main.template.type-a .sec-cnt .best-info li .dsc .btn-group .btn + .btn {
          margin-top: 8px; }
    #desktop-main.template.type-a .sec-cnt .best-info li:last-child {
      padding-bottom: 0; }
  #desktop-main.template.type-a .sec-cnt .use-info {
    overflow: hidden;
    text-align: left; }
    #desktop-main.template.type-a .sec-cnt .use-info > .thumb {
      float: left;
      width: 540px; }
    #desktop-main.template.type-a .sec-cnt .use-info .use-detail {
      float: left;
      width: 515px; }
      #desktop-main.template.type-a .sec-cnt .use-info .use-detail > li + li {
        margin-top: 30px; }
      #desktop-main.template.type-a .sec-cnt .use-info .use-detail .expanded-small {
        margin: 15px 0 0; }
      #desktop-main.template.type-a .sec-cnt .use-info .use-detail .app-download {
        margin-top: 14px;
        text-align: left; }
        #desktop-main.template.type-a .sec-cnt .use-info .use-detail .app-download a + a {
          margin-left: 8px; }
    #desktop-main.template.type-a .sec-cnt .use-info .dsc {
      color: #8e929f; }
      #desktop-main.template.type-a .sec-cnt .use-info .dsc strong {
        display: block;
        margin-bottom: 5px;
        font-size: 17px;
        font-weight: 700;
        color: #212329; }
    #desktop-main.template.type-a .sec-cnt .use-info .sms-info {
      overflow: hidden;
      margin-top: 15px;
      padding: 15px 15px 15px 20px;
      background: #f8f9fa; }
      #desktop-main.template.type-a .sec-cnt .use-info .sms-info .thumb {
        float: left;
        padding-top: 25px;
        width: 165px; }
      #desktop-main.template.type-a .sec-cnt .use-info .sms-info .sms-link {
        float: left;
        width: 310px; }
        #desktop-main.template.type-a .sec-cnt .use-info .sms-info .sms-link .input {
          display: inline-block;
          width: 200px;
          border: none;
          border-bottom: 1px solid #d7dbe6;
          background: none; }
        #desktop-main.template.type-a .sec-cnt .use-info .sms-info .sms-link .btn {
          margin-left: 5px; }
        #desktop-main.template.type-a .sec-cnt .use-info .sms-info .sms-link .desc-refer {
          margin-top: 15px; }
          #desktop-main.template.type-a .sec-cnt .use-info .sms-info .sms-link .desc-refer li {
            font-size: 12px;
            color: #8e929f; }
            #desktop-main.template.type-a .sec-cnt .use-info .sms-info .sms-link .desc-refer li::before {
              content: "·"; }
            #desktop-main.template.type-a .sec-cnt .use-info .sms-info .sms-link .desc-refer li + li {
              margin-top: 5px; }
  #desktop-main.template.type-a .sec-cnt.spot {
    padding-top: 0; }
    #desktop-main.template.type-a .sec-cnt.spot .thumb {
      margin-bottom: 30px; }
    #desktop-main.template.type-a .sec-cnt.spot .h3-tit {
      margin-bottom: 10px; }
    #desktop-main.template.type-a .sec-cnt.spot .h2-tit {
      margin-bottom: 10px;
      font-size: 28px;
      line-height: 1.2; }

#desktop-main.template.type-b {
  margin: 0 auto;
  width: 1112px;
  text-align: center; }
  #desktop-main.template.type-b .top-cnt {
    position: relative;
    padding: 32px 0 0 0;
    height: 240px;
    text-align: left;
    border-bottom: 1px solid #eceef2;
    box-sizing: border-box; }
    #desktop-main.template.type-b .top-cnt h1 {
      font-size: 36px;
      font-weight: 300;
      color: #212329; }
    #desktop-main.template.type-b .top-cnt .dsc {
      font-size: 14px;
      color: #8e929f; }
    #desktop-main.template.type-b .top-cnt .thumb {
      position: absolute;
      bottom: 0;
      right: 200px; }
  #desktop-main.template.type-b .tab + .sec-cnt {
    padding-top: 0; }
  #desktop-main.template.type-b .sec-cnt {
    padding: 60px 0 60px;
    color: #212329;
    border-bottom: 1px solid #f0f0f0; }
    #desktop-main.template.type-b .sec-cnt .dsc + .dsc {
      margin-top: 8px; }
    #desktop-main.template.type-b .sec-cnt .box-dsc {
      overflow: hidden;
      margin: 36px auto 60px;
      padding: 25px 0 34px 46px;
      width: 870px;
      color: #4a4a4a;
      line-height: 1.5;
      text-align: left;
      border: 4px solid #eceef2;
      box-sizing: border-box; }
      #desktop-main.template.type-b .sec-cnt .box-dsc .tit-area {
        float: left;
        width: 300px; }
      #desktop-main.template.type-b .sec-cnt .box-dsc .info-area {
        float: left;
        padding: 6px 0 0 30px;
        width: 450px;
        border-left: 1px solid #eceef2; }
      #desktop-main.template.type-b .sec-cnt .box-dsc h3 {
        font-size: 32px;
        color: #212329;
        font-weight: 200;
        letter-spacing: -0.03em; }
      #desktop-main.template.type-b .sec-cnt .box-dsc p {
        font-size: 14px;
        color: #212329; }
        #desktop-main.template.type-b .sec-cnt .box-dsc p.refer {
          margin-top: 16px;
          font-size: 12px;
          color: #8e929f; }
    #desktop-main.template.type-b .sec-cnt:first-child {
      padding-top: 0; }
    #desktop-main.template.type-b .sec-cnt:last-of-type {
      padding-bottom: 0;
      border-bottom: 0; }
    #desktop-main.template.type-b .sec-cnt.spot {
      padding-bottom: 0; }
      #desktop-main.template.type-b .sec-cnt.spot .thumb {
        margin-bottom: 0; }
    #desktop-main.template.type-b .sec-cnt.sec-baro {
      text-align: left; }
      #desktop-main.template.type-b .sec-cnt.sec-baro .h3-tit {
        margin-top: 60px;
        font-size: 28px;
        font-weight: 300; }
      #desktop-main.template.type-b .sec-cnt.sec-baro .h-dsc {
        text-align: left; }
      #desktop-main.template.type-b .sec-cnt.sec-baro .btn-area {
        margin-top: 25px; }
    #desktop-main.template.type-b .sec-cnt em {
      color: #212329; }
    #desktop-main.template.type-b .sec-cnt small {
      color: #bbc0cd;
      font-size: 12px; }
    #desktop-main.template.type-b .sec-cnt.sec-coupon {
      padding-left: 105px;
      padding-right: 105px;
      text-align: left; }
      #desktop-main.template.type-b .sec-cnt.sec-coupon .h-dsc {
        text-align: left; }
      #desktop-main.template.type-b .sec-cnt.sec-coupon .h3-tit {
        margin-bottom: 45px;
        font-size: 28px;
        font-weight: 200; }
        #desktop-main.template.type-b .sec-cnt.sec-coupon .h3-tit.type1 {
          color: #ff8400; }
        #desktop-main.template.type-b .sec-cnt.sec-coupon .h3-tit.type2 {
          color: #1a7cff; }
  #desktop-main.template.type-b .sec-accept {
    overflow: hidden;
    margin: 40px auto 0;
    width: 870px;
    text-align: left; }
    #desktop-main.template.type-b .sec-accept .tit-area {
      position: relative;
      margin: 120px 0 30px;
      overflow: hidden; }
      #desktop-main.template.type-b .sec-accept .tit-area .h3-tit {
        margin-top: 0;
        float: left; }
        #desktop-main.template.type-b .sec-accept .tit-area .h3-tit + .h4-tit {
          clear: both; }
      #desktop-main.template.type-b .sec-accept .tit-area .btn-download {
        float: right; }
      #desktop-main.template.type-b .sec-accept .tit-area .btn-spec {
        position: absolute;
        right: 0;
        top: 68px;
        border-bottom: 1px solid #212329; }
    #desktop-main.template.type-b .sec-accept .h3-tit {
      margin-top: 60px;
      font-size: 28px;
      font-weight: 300; }
    #desktop-main.template.type-b .sec-accept .tab-baro {
      overflow: hidden;
      margin-bottom: 20px; }
      #desktop-main.template.type-b .sec-accept .tab-baro li {
        position: relative;
        float: left;
        width: 255px;
        color: #bbc0cd;
        font-size: 20px;
        text-align: center;
        border-bottom: 1px solid #eceef2; }
        #desktop-main.template.type-b .sec-accept .tab-baro li a {
          display: block;
          padding-bottom: 15px; }
        #desktop-main.template.type-b .sec-accept .tab-baro li .thumb {
          overflow: hidden;
          margin-bottom: 40px;
          height: 242px; }
        #desktop-main.template.type-b .sec-accept .tab-baro li .arr-inter {
          position: absolute;
          top: 102px;
          right: -56px;
          width: 59px;
          height: 40px; }
        #desktop-main.template.type-b .sec-accept .tab-baro li.active {
          font-weight: 700;
          color: #212329; }
          #desktop-main.template.type-b .sec-accept .tab-baro li.active a {
            margin-bottom: -1px;
            border-bottom: 1px solid #212329; }
          #desktop-main.template.type-b .sec-accept .tab-baro li.active .thumb img {
            margin-top: -250px; }
        #desktop-main.template.type-b .sec-accept .tab-baro li + li {
          padding-left: 52px; }
    #desktop-main.template.type-b .sec-accept .cnt {
      position: relative;
      display: none; }
      #desktop-main.template.type-b .sec-accept .cnt small {
        margin-top: 7px;
        display: block; }
      #desktop-main.template.type-b .sec-accept .cnt.active {
        display: block; }
      #desktop-main.template.type-b .sec-accept .cnt .spot-thumb {
        position: absolute;
        right: 0;
        top: -30px; }
      #desktop-main.template.type-b .sec-accept .cnt .box-download {
        position: relative;
        margin-top: 65px;
        padding: 27px 20px 25px;
        min-height: 60px;
        background-color: #f8f9fa; }
        #desktop-main.template.type-b .sec-accept .cnt .box-download h4 {
          margin-bottom: 2px;
          font-weight: 400;
          font-size: 20px; }
        #desktop-main.template.type-b .sec-accept .cnt .box-download .btn-area {
          position: absolute;
          right: 20px;
          top: 27px; }
          #desktop-main.template.type-b .sec-accept .cnt .box-download .btn-area .btn + .btn {
            margin-top: 10px; }
  #desktop-main.template.type-b .item-guide li {
    overflow: hidden;
    margin-bottom: 25px; }
    #desktop-main.template.type-b .item-guide li .thumb {
      margin-right: 30px;
      float: left; }
    #desktop-main.template.type-b .item-guide li .number {
      font-size: 40px;
      font-weight: 700;
      font-family: "Roboto"; }
      #desktop-main.template.type-b .item-guide li .number::after {
        content: "";
        display: block;
        margin: -5px 0 15px;
        width: 24px;
        height: 1px;
        background-color: #d7dbe6; }
    #desktop-main.template.type-b .item-guide li .info {
      float: left; }
    #desktop-main.template.type-b .item-guide li .key {
      margin: 0 3px 0 2px;
      padding: 3px 10px;
      text-align: center;
      border-radius: 3px;
      color: #fff;
      background-color: #4a4a4a; }
    #desktop-main.template.type-b .item-guide li small {
      margin-top: 15px;
      display: block; }
    #desktop-main.template.type-b .item-guide li:last-child {
      margin-bottom: 0; }
  #desktop-main.template.type-b .item-guide.pos {
    margin-top: 15px; }
    #desktop-main.template.type-b .item-guide.pos li {
      margin-bottom: 60px; }
      #desktop-main.template.type-b .item-guide.pos li .info {
        float: left;
        width: 300px; }
        #desktop-main.template.type-b .item-guide.pos li .info .dsc + .number {
          margin-top: 60px; }
      #desktop-main.template.type-b .item-guide.pos li .thumb {
        float: right; }
      #desktop-main.template.type-b .item-guide.pos li:last-child {
        margin-bottom: 0; }
  #desktop-main.template.type-b .item-guide + .h4-tit {
    margin-top: 60px; }
  #desktop-main.template.type-b .item-discount {
    overflow: hidden;
    margin-top: 40px; }
    #desktop-main.template.type-b .item-discount li {
      display: inline-block; }
      #desktop-main.template.type-b .item-discount li .thumb {
        margin-bottom: 13px; }
      #desktop-main.template.type-b .item-discount li + li {
        margin-left: 150px; }
  #desktop-main.template.type-b .item-method {
    overflow: hidden;
    margin-top: 25px; }
    #desktop-main.template.type-b .item-method li {
      display: inline-block; }
      #desktop-main.template.type-b .item-method li .thumb {
        margin-bottom: 20px; }
      #desktop-main.template.type-b .item-method li .stit {
        margin-bottom: 3px;
        font-size: 14px; }
      #desktop-main.template.type-b .item-method li + li {
        margin-left: 68px; }
  #desktop-main.template.type-b .item-info {
    overflow: hidden;
    margin: 15px 0 70px; }
    #desktop-main.template.type-b .item-info li {
      position: relative;
      padding: 15px 15px 15px 270px;
      border: 1px solid #eceef2; }
      #desktop-main.template.type-b .item-info li .stit {
        position: absolute;
        left: 15px;
        top: 15px; }
      #desktop-main.template.type-b .item-info li + li {
        margin-top: 20px; }
  #desktop-main.template.type-b .item-box {
    margin: 60px 0;
    padding: 45px;
    border: 1px solid #d7dbe6; }
    #desktop-main.template.type-b .item-box .box-spot {
      margin-bottom: 43px;
      line-height: 1.5; }
      #desktop-main.template.type-b .item-box .box-spot .thumb {
        display: inline-block;
        margin-right: 20px;
        vertical-align: middle; }
      #desktop-main.template.type-b .item-box .box-spot .stit {
        display: inline-block;
        vertical-align: middle; }
        #desktop-main.template.type-b .item-box .box-spot .stit .txt {
          font-size: 28px;
          font-weight: 300;
          line-height: 1.2;
          text-decoration: underline; }
  #desktop-main.template.type-b .item-number {
    overflow: hidden;
    margin: 15px 0 60px; }
    #desktop-main.template.type-b .item-number li {
      float: left;
      padding-left: 15px;
      width: auto;
      border-left: 1px solid #eceef2;
      box-sizing: border-box; }
      #desktop-main.template.type-b .item-number li .num {
        margin-bottom: 15px;
        font-size: 24px;
        font-family: "Roboto"; }
    #desktop-main.template.type-b .item-number.double li {
      width: 50%; }
    #desktop-main.template.type-b .item-number.triple li {
      width: 33%; }
    #desktop-main.template.type-b .item-number.ty2 {
      margin: -20px 0 60px; }
      #desktop-main.template.type-b .item-number.ty2 li {
        overflow: hidden; }
        #desktop-main.template.type-b .item-number.ty2 li .num {
          float: left;
          font-size: 32px; }
        #desktop-main.template.type-b .item-number.ty2 li .dsc-light {
          float: left;
          padding: 6px 0 0 30px; }
          #desktop-main.template.type-b .item-number.ty2 li .dsc-light strong {
            display: block;
            margin-bottom: 6px;
            font-weight: normal;
            color: #212329; }
    #desktop-main.template.type-b .item-number .h3-tit {
      margin-top: 100px !important; }
  #desktop-main.template.type-b .item-install {
    overflow: hidden;
    margin: 15px 0 -40px -30px; }
    #desktop-main.template.type-b .item-install li {
      float: left;
      width: 270px;
      margin: 0 0 40px 30px; }
      #desktop-main.template.type-b .item-install li .thumb {
        margin-bottom: 10px; }
      #desktop-main.template.type-b .item-install li .number {
        font-size: 40px;
        font-weight: 700;
        font-family: "Roboto"; }
        #desktop-main.template.type-b .item-install li .number::after {
          content: "";
          display: block;
          margin: -5px 0 15px;
          width: 24px;
          height: 1px;
          background-color: #d7dbe6; }
  #desktop-main.template.type-b .item-noti {
    overflow: hidden;
    margin-left: -30px;
    margin-bottom: -54px; }
    #desktop-main.template.type-b .item-noti li {
      display: inline-block;
      margin-left: 30px;
      margin-bottom: 54px;
      padding-left: 14px;
      width: 268px;
      border-left: 1px solid #eceef2;
      vertical-align: top;
      box-sizing: border-box; }
      #desktop-main.template.type-b .item-noti li strong {
        display: block;
        margin-bottom: 8px; }
      #desktop-main.template.type-b .item-noti li + li {
        margin-left: 30px; }
  #desktop-main.template.type-b .charge-table {
    margin: 20px auto 15px;
    width: 330px; }
    #desktop-main.template.type-b .charge-table .tit {
      padding: 7px 15px 4px;
      border: 1px solid #d7dbe6;
      overflow: hidden;
      font-size: 12px;
      color: #bbc0cd;
      background-color: #fff; }
      #desktop-main.template.type-b .charge-table .tit .item {
        float: left;
        width: 60%;
        text-align: left; }
      #desktop-main.template.type-b .charge-table .tit .price {
        float: right;
        width: 40%;
        text-align: right; }
    #desktop-main.template.type-b .charge-table .list {
      border-left: 1px solid #d7dbe6;
      border-right: 1px solid #d7dbe6;
      background-color: #fff; }
      #desktop-main.template.type-b .charge-table .list li {
        margin: 0;
        padding: 17px 15px 15px;
        border-bottom: 1px solid #d7dbe6; }
        #desktop-main.template.type-b .charge-table .list li .item {
          overflow: hidden;
          display: inline-block;
          width: 60%;
          font-size: 14px;
          text-overflow: ellipsis;
          white-space: nowrap;
          vertical-align: middle;
          text-align: left; }
        #desktop-main.template.type-b .charge-table .list li .price {
          overflow: hidden;
          display: inline-block;
          width: 40%;
          font-size: 14px;
          font-weight: 700;
          text-overflow: ellipsis;
          white-space: nowrap;
          text-align: right;
          vertical-align: middle; }
  #desktop-main.template.type-b .charge-table + small {
    display: block; }
  #desktop-main.template.type-b .h2-tit {
    margin-bottom: 14px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1px; }
    #desktop-main.template.type-b .h2-tit small {
      display: block;
      margin-top: 5px;
      font-weight: 400; }
      #desktop-main.template.type-b .h2-tit small::after {
        content: "";
        display: block;
        margin: 10px auto 30px;
        width: 24px;
        height: 1px;
        background-color: #d7dbe6; }
    #desktop-main.template.type-b .h2-tit .dsc-light {
      margin: 5px 0 45px;
      font-size: 14px;
      font-weight: 400; }
    #desktop-main.template.type-b .h2-tit .tag {
      display: block;
      margin: 0 auto 12px;
      padding: 4px 0 5px;
      width: 65px;
      text-align: center;
      font-size: 14px;
      color: #1a7cff;
      border: 1px solid #1a7cff; }
  #desktop-main.template.type-b .h2-tit + .h-dsc {
    margin-top: 5px; }
  #desktop-main.template.type-b .h3-tit {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.3; }
  #desktop-main.template.type-b .h4-tit {
    margin-bottom: 5px;
    font-size: 17px;
    line-height: 1.4; }
    #desktop-main.template.type-b .h4-tit strong {
      font-weight: 700; }
  #desktop-main.template.type-b .h-dsc {
    text-align: center;
    color: #8e929f;
    line-height: 1.5; }
    #desktop-main.template.type-b .h-dsc strong {
      color: #212329; }
    #desktop-main.template.type-b .h-dsc .desc-underline {
      border-bottom: 1px solid #d7dbe6; }
  #desktop-main.template.type-b .s-dsc {
    margin-top: 20px;
    font-size: 12px;
    text-align: center;
    color: #bbc0cd;
    line-height: 1.5; }
    #desktop-main.template.type-b .s-dsc em {
      color: #1a7cff;
      font-weight: 700; }
  #desktop-main.template.type-b .dsc-point-line {
    margin-bottom: 20px;
    font-size: 17px;
    color: #212329; }
  #desktop-main.template.type-b .h2-tit + .thumb {
    margin-top: 30px; }
  #desktop-main.template.type-b .h2-tit + .dsc-point-line {
    margin-top: 30px; }
  #desktop-main.template.type-b .thumb + .dsc-point-line {
    margin-top: 80px; }
  #desktop-main.template.type-b .dsc-point-line + .thumb {
    margin-top: 30px; }
  #desktop-main.template.type-b .h-dsc + .thumb {
    margin-top: 30px; }
  #desktop-main.template.type-b .h-dsc + .h4-tit {
    margin-top: 60px; }
  #desktop-main.template.type-b .when-info + .h4-tit {
    margin-top: 50px; }
  #desktop-main.template.type-b .thumb + .h4-tit {
    margin-top: 15px; }
  #desktop-main.template.type-b .thumb + .h-dsc {
    margin-top: 60px; }
  #desktop-main.template.type-b .thumb + .btn {
    margin-top: 50px; }
  #desktop-main.template.type-b .detail-box {
    margin-top: 60px; }
  #desktop-main.template.type-b .goods-info {
    overflow: hidden;
    margin-top: 30px;
    padding: 0 105px; }
    #desktop-main.template.type-b .goods-info li {
      float: left;
      width: 33.3%;
      min-height: 104px;
      text-align: center;
      border-right: 1px solid #d7dbe6;
      box-sizing: border-box; }
      #desktop-main.template.type-b .goods-info li:last-child {
        border: 0; }
    #desktop-main.template.type-b .goods-info .num {
      margin-bottom: 5px;
      font-size: 24px;
      font-family: "Roboto";
      font-weight: 300; }
    #desktop-main.template.type-b .goods-info .dsc {
      color: #212329; }
  #desktop-main.template.type-b .h4-tit + .use-info {
    margin-top: 30px; }
  #desktop-main.template.type-b .use-info {
    padding: 0 195px;
    text-align: left; }
    #desktop-main.template.type-b .use-info li .thumb {
      display: inline-block;
      vertical-align: middle; }
    #desktop-main.template.type-b .use-info li .dsc {
      display: inline-block;
      margin-left: 30px;
      width: 280px;
      vertical-align: middle;
      color: #8e929f; }
      #desktop-main.template.type-b .use-info li .dsc small {
        display: block;
        margin-top: 10px;
        font-size: 12px;
        color: #bbc0cd; }
    #desktop-main.template.type-b .use-info li + li {
      margin-top: 40px; }
  #desktop-main.template.type-b .step-info {
    padding-top: 30px; }
    #desktop-main.template.type-b .step-info li {
      padding: 0 0 50px; }
      #desktop-main.template.type-b .step-info li .thumb {
        display: inline-block;
        vertical-align: middle; }
      #desktop-main.template.type-b .step-info li .dsc {
        display: inline-block;
        margin-left: 30px;
        width: 340px;
        vertical-align: middle;
        text-align: left;
        color: #212329; }
        #desktop-main.template.type-b .step-info li .dsc .numbering {
          display: block;
          margin-bottom: 19px;
          font-size: 17px;
          font-weight: 700;
          color: #212329; }
          #desktop-main.template.type-b .step-info li .dsc .numbering em {
            display: block;
            padding: 0 0 2px;
            font-size: 34px;
            font-weight: 400;
            font-family: "Roboto";
            line-height: 1.13;
            color: #212329;
            letter-spacing: -1px;
            text-indent: -1px; }
          #desktop-main.template.type-b .step-info li .dsc .numbering .location {
            font-size: 12px;
            font-weight: normal;
            color: #bbc0cd; }
        #desktop-main.template.type-b .step-info li .dsc .btn-more {
          margin-top: 10px; }
        #desktop-main.template.type-b .step-info li .dsc .dsc-ref {
          margin-top: 5px;
          font-size: 12px;
          color: #bbc0cd; }
          #desktop-main.template.type-b .step-info li .dsc .dsc-ref::before {
            content: "·";
            margin: 0 5px 0 -10px; }
          #desktop-main.template.type-b .step-info li .dsc .dsc-ref:first-of-type {
            margin-top: 15px; }
        #desktop-main.template.type-b .step-info li .dsc small {
          display: block;
          padding-top: 5px; }
        #desktop-main.template.type-b .step-info li .dsc .btn-group {
          margin-top: 13px; }
          #desktop-main.template.type-b .step-info li .dsc .btn-group .btn + .btn {
            margin-top: 8px; }
      #desktop-main.template.type-b .step-info li:last-child {
        padding-bottom: 0; }
    #desktop-main.template.type-b .step-info + .btn {
      margin-top: 60px; }
  #desktop-main.template.type-b .when-info {
    padding-top: 15px; }
    #desktop-main.template.type-b .when-info li {
      display: inline-block;
      width: 240px;
      padding-left: 15px;
      color: #8e929f;
      border-left: 1px solid #d7dbe6; }
      #desktop-main.template.type-b .when-info li .num {
        display: block;
        font-family: "Roboto";
        font-size: 24px;
        font-weight: 300; }
    #desktop-main.template.type-b .when-info.type1 .num {
      color: #ff8400; }
    #desktop-main.template.type-b .when-info.type2 .num {
      color: #1a7cff; }
  #desktop-main.template.type-b .ad-detail {
    overflow: hidden; }
    #desktop-main.template.type-b .ad-detail .ad-info {
      display: inline-block;
      margin-right: 115px;
      width: 330px;
      vertical-align: middle;
      text-align: left; }
      #desktop-main.template.type-b .ad-detail .ad-info .h3-tit {
        margin-bottom: 4px;
        font-size: 20px;
        font-weight: 400; }
    #desktop-main.template.type-b .ad-detail .btn {
      margin-top: 30px; }
    #desktop-main.template.type-b .ad-detail .thumb {
      display: inline-block;
      vertical-align: middle; }
  #desktop-main.template.type-b .ad-detail + .ad-detail {
    margin-top: 60px; }

#desktop-main.template .box-ty1 {
  overflow: hidden;
  margin: 30px auto 0;
  width: 870px; }
  #desktop-main.template .box-ty1 li {
    float: left;
    padding: 15px;
    width: 248px;
    min-height: 90px;
    text-align: left;
    color: #8e929f;
    border: solid 1px #eceef2; }
    #desktop-main.template .box-ty1 li strong {
      display: block;
      margin-bottom: 5px;
      color: #212329; }
  #desktop-main.template .box-ty1 li + li {
    margin-left: 15px; }

#desktop-main.template .box-ty2 {
  overflow: hidden;
  margin: 30px auto 0;
  width: 870px;
  box-sizing: border-box; }
  #desktop-main.template .box-ty2 li {
    float: left;
    padding: 15px;
    width: 427px;
    min-height: 90px;
    text-align: left;
    color: #8e929f;
    border: solid 1px #eceef2;
    box-sizing: border-box; }
    #desktop-main.template .box-ty2 li strong {
      display: block;
      margin-bottom: 5px;
      color: #212329; }
    #desktop-main.template .box-ty2 li:nth-child(2n) {
      margin-left: 15px; }
    #desktop-main.template .box-ty2 li:nth-child(-n + 2) {
      margin-bottom: 15px; }

#desktop-main.template .btn-calculate {
  width: 330px; }

#desktop-main.template .links-arrow {
  display: block;
  margin-top: 80px;
  text-align: center;
  color: #2e2e2e; }
  #desktop-main.template .links-arrow img {
    margin-left: 10px;
    vertical-align: middle; }

#desktop-main.template .price-info {
  margin: 30px auto 60px;
  padding: 25px 0;
  width: 870px;
  text-align: center;
  border: 1px solid #d7dbe6; }
  #desktop-main.template .price-info .stit {
    font-size: 20px; }
  #desktop-main.template .price-info small {
    font-size: 12px;
    color: #8e929f; }

#desktop-main.template .product-guide {
  margin: 0 auto;
  padding-top: 35px;
  width: 870px;
  text-align: left; }
  #desktop-main.template .product-guide .guide-info-box {
    margin-bottom: 80px;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    #desktop-main.template .product-guide .guide-info-box .w-left {
      width: 400px; }
    #desktop-main.template .product-guide .guide-info-box .w-right {
      width: 400px; }
    #desktop-main.template .product-guide .guide-info-box h1 {
      margin-bottom: 28px;
      font-size: 40px;
      font-weight: normal;
      color: #212329; }
    #desktop-main.template .product-guide .guide-info-box .sub-tit {
      margin-bottom: 17px;
      font-size: 22px;
      color: #212329; }
    #desktop-main.template .product-guide .guide-info-box .desc {
      font-size: 16px;
      font-weight: 300;
      color: #212329;
      line-height: 1.75; }
    #desktop-main.template .product-guide .guide-info-box .btn {
      margin-top: 40px;
      width: 220px; }
    #desktop-main.template .product-guide .guide-info-box.v-middle {
      align-items: center; }
  #desktop-main.template .product-guide .guide-info-bg {
    overflow: hidden;
    padding: 50px;
    border-radius: 8px;
    background: #f8f9fa; }
    #desktop-main.template .product-guide .guide-info-bg + .guide-info-bg {
      margin-top: 15px; }
    #desktop-main.template .product-guide .guide-info-bg + .guide-info-box {
      margin-top: 105px; }
    #desktop-main.template .product-guide .guide-info-bg h2 {
      float: left;
      width: 200px;
      font-weight: normal;
      font-size: 22px;
      color: #212329; }
    #desktop-main.template .product-guide .guide-info-bg .detail {
      float: right;
      width: 460px; }
      #desktop-main.template .product-guide .guide-info-bg .detail ol li {
        position: relative;
        padding-left: 50px;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.75; }
        #desktop-main.template .product-guide .guide-info-bg .detail ol li + li {
          margin-top: 30px; }
        #desktop-main.template .product-guide .guide-info-bg .detail ol li .num {
          position: absolute;
          top: 0;
          left: 0;
          line-height: 32px;
          font-family: 'Roboto';
          font-weight: 400; }
      #desktop-main.template .product-guide .guide-info-bg .detail ol.li-justify {
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
        #desktop-main.template .product-guide .guide-info-bg .detail ol.li-justify li {
          flex: 1; }
          #desktop-main.template .product-guide .guide-info-bg .detail ol.li-justify li + li {
            margin-top: 0;
            margin-left: 35px; }
      #desktop-main.template .product-guide .guide-info-bg .detail table {
        width: 100%; }
        #desktop-main.template .product-guide .guide-info-bg .detail table th {
          padding: 10px 24px;
          text-align: left;
          font-size: 12px;
          color: #8e929f;
          font-weight: 500;
          border-top: 1px solid #212329;
          border-bottom: 1px solid #eceef2; }
        #desktop-main.template .product-guide .guide-info-bg .detail table td {
          padding: 16px 24px;
          font-size: 16px;
          color: #212329;
          letter-spacing: -1px;
          border-bottom: 1px solid #eceef2; }
        #desktop-main.template .product-guide .guide-info-bg .detail table .f-bold {
          font-weight: bold; }
        #desktop-main.template .product-guide .guide-info-bg .detail table .a-right {
          text-align: right; }
        #desktop-main.template .product-guide .guide-info-bg .detail table .s-dc {
          padding-left: 4px;
          font-size: 12px;
          color: #8e929f; }
      #desktop-main.template .product-guide .guide-info-bg .detail .sub-desc {
        margin-top: 30px; }
        #desktop-main.template .product-guide .guide-info-bg .detail .sub-desc li {
          position: relative;
          padding-left: 8px;
          font-size: 12px;
          color: #8e929f;
          line-height: 1.67; }
          #desktop-main.template .product-guide .guide-info-bg .detail .sub-desc li::before {
            content: '·';
            position: absolute;
            top: 0;
            left: 0; }
          #desktop-main.template .product-guide .guide-info-bg .detail .sub-desc li + li {
            margin-top: 4px; }

#desktop-main.template .helped-box {
  margin: 60px 0 30px;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.75;
  color: #212329; }
  #desktop-main.template .helped-box a {
    font-weight: bold;
    color: #007aff;
    text-decoration: underline; }

/* === main === */
.preview-wrap {
  min-height: 100%;
  background-color: #ccc; }
  .preview-wrap .search-shop-wrap {
    padding-top: 20px; }
  .preview-wrap .search-shop {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    padding: 20px;
    max-width: 480px;
    min-width: 320px;
    text-align: center;
    background-color: #fff;
    box-sizing: border-box; }
    .preview-wrap .search-shop h2 {
      padding: 22px 0 24px;
      color: #212329;
      text-align: center;
      font-size: 20px;
      font-weight: 600;
      letter-spacing: -0.6px; }
    .preview-wrap .search-shop label {
      display: none; }
    .preview-wrap .search-shop input {
      padding: 12px 15px 11px;
      width: 100%;
      font-size: 14px;
      font-weight: 300;
      border: 1px solid #d7dbe6;
      box-sizing: border-box; }
    .preview-wrap .search-shop button {
      margin-top: 10px;
      display: inline-block;
      padding: 14px 0 15px;
      width: 100%;
      font-size: 17px;
      font-weight: 500;
      text-align: center;
      color: #fff;
      background: #1a7cff; }

.preview {
  margin: 0 auto;
  max-width: 480px;
  min-width: 320px;
  min-height: 100%;
  font-size: 12px;
  background-color: #eceef2; }
  .preview a {
    color: #212329;
    text-decoration: none; }
  .preview .logo-area .logo {
    width: 100%; }
  .preview .more-area {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 16px;
    padding: 0 15px 15px; }
  .preview .order-stats {
    display: flex; }
  .preview .order-stats dt {
    opacity: 0.6;
    margin-right: 5px; }
  .preview .order-stats dd {
    margin-right: 10px; }
  .preview .badge {
    display: inline-block;
    font-size: 11px;
    line-height: 11px;
    padding: 5px 5px 4px;
    border: 1px solid #ffffff;
    border-radius: 2em; }
  .preview .badge-fill {
    background: #8e929f;
    color: #ffffff; }
  .preview .info {
    padding: 25px;
    display: flex;
    align-items: flex-start;
    background: white;
    border-bottom: 1px solid #d7dbe6; }
  .preview .info-contents {
    padding: 5px; }
  .preview .menu-list {
    display: flex;
    flex-direction: column; }
  .preview .menu-list-recommendation {
    overflow: hidden;
    padding: 9px 5px 0; }
  .preview .menu-list-recommendation .menu-item {
    float: left;
    padding: 5px;
    width: 50%;
    box-sizing: border-box; }
    .preview .menu-list-recommendation .menu-item a {
      display: block;
      background: #ffffff; }
    .preview .menu-list-recommendation .menu-item .thumb {
      position: relative;
      width: 100%;
      padding-top: 70%;
      background: #eceef2; }
      .preview .menu-list-recommendation .menu-item .thumb img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
    .preview .menu-list-recommendation .menu-item .thumb.type-liquor::before,
    .preview .menu-list-recommendation .menu-item .thumb.type-liquorSet::before {
      content: "";
      width: 19px;
      height: 19px;
      display: block;
      position: absolute;
      top: 12px;
      left: 12px;
      background: url(/cdn/ceo-moon/static/preview/img_19.png?ver=7695010eca6f4ea662bc2feb159deef6);
      background-size: cover;
      z-index: 1000; }
    .preview .menu-list-recommendation .menu-item .menu-info {
      padding: 13px 13px;
      height: 36px;
      text-align: center;
      border-top: 2px solid #eceef2;
      border-bottom: 1px solid #d7dbe6;
      background-color: #fff; }
      .preview .menu-list-recommendation .menu-item .menu-info strong {
        overflow: hidden;
        display: block;
        margin-bottom: 2px;
        color: #212329;
        font-weight: bold;
        font-style: normal;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .preview .menu-list-recommendation .menu-item .menu-info p {
        font-size: 12px;
        color: #1a7cff; }
  .preview .menu-list .menu-item .menu-info {
    display: flex;
    justify-content: space-between;
    padding: 12px;
    background: white;
    border-top: 1px solid #eceef2; }
  .preview .menu-list .menu-info strong {
    font-weight: bold; }
  .preview .menu-list .menu-info p {
    font-size: 12px;
    color: #1a7cff;
    text-align: right; }
  .preview .menu-list .price {
    float: right;
    width: 30%; }
  .preview .menu-group {
    background: white; }
  .preview .menu-group h2 {
    padding: 12px;
    background: #212329;
    color: white; }
  .preview .menu-notice {
    padding: 7px 12px;
    opacity: 0.5;
    font-size: 12px; }
  .preview .btn-order {
    display: block;
    flex: 1;
    width: 100%;
    padding: 18px 0;
    background: #1a7cff;
    color: #ffffff;
    text-align: center;
    font-weight: bold; }
  .preview .food-origin {
    padding: 16px 13px 14px 16px; }
    .preview .food-origin .title {
      color: #212329;
      font-size: 13px;
      line-height: 16px;
      font-weight: bold; }
    .preview .food-origin .desc {
      color: #8e929f;
      font-size: 12px;
      margin-top: 10px; }

.addl-info {
  padding: 20px 15px;
  border-bottom: 1px solid #d7dbe6;
  background-color: #fff; }

.addl-info dt {
  float: left;
  margin-right: 10px;
  padding: 0 8px;
  background-color: #bbc0cd;
  border-radius: 9px;
  line-height: normal; }

.addl-info dt em {
  display: block;
  padding: 3px 0;
  height: 12px;
  color: #fff;
  font-style: normal;
  text-align: center;
  vertical-align: top;
  line-height: 13px; }

.addl-info dd {
  overflow: hidden;
  margin-bottom: 2px;
  color: #bbc0cd;
  line-height: 1.636em; }

.addl-info dd:after {
  content: "";
  display: block;
  clear: both; }

.addl-info dd strong {
  display: block;
  color: #212329;
  font-weight: normal; }

.addl-info:after {
  content: "";
  display: table; }

.menu-list {
  overflow: hidden;
  padding: 9px 5px;
  box-sizing: border-box; }

.menu-list li {
  padding: 5px;
  width: 50%;
  text-align: center;
  box-sizing: border-box; }

.menu-list li.left {
  float: left;
  clear: left; }

.menu-list li.right {
  float: right;
  clear: right; }

.menu-list li a {
  text-decoration: none; }

.menu-list li .menuImg {
  min-height: 111px; }

.menu-list li img {
  display: block;
  width: 100%;
  border: 0; }

.menu-list li .menu-info {
  padding: 18px 13px;
  height: 36px;
  border-bottom: 1px solid #d7dbe6;
  background-color: #fff; }

.menu-list li .menu-info em {
  overflow: hidden;
  display: block;
  margin-bottom: 4px;
  color: #212329;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap; }

.menu-list li .menu-info span {
  overflow: hidden;
  display: block;
  color: #1a7cff;
  font-size: 0.75em;
  text-overflow: ellipsis;
  white-space: nowrap; }

.menu-box {
  margin-top: 10px; }

.menu-box .menu-header {
  padding: 15px;
  background-color: #5e574d;
  color: #fff;
  font-size: 14px;
  line-height: normal;
  vertical-align: middle;
  word-break: break-all; }

.menu-box .menu-header:after {
  content: "";
  display: block; }

.menu-box .menu-cat-desc {
  position: relative;
  padding: 15px 15px 15px 32px;
  background-color: #fff;
  color: #8e929f;
  font-size: 12px;
  border-bottom: 1px solid #eceef2;
  line-height: 1.333em;
  word-break: break-all; }

.menu-box .menu-cat-desc:before {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  left: 15px;
  width: 12px;
  height: 12px;
  background: url(/cdn/ceo-moon/static/preview/ico_cate_desc.png?ver=32eae87194cf233b50948fdce0dc93f9) no-repeat;
  background-size: 12px 12px; }

.menu-box .menu-detail-list {
  display: block;
  border-bottom: 1px solid #eceef2; }

.menu-box .menu-detail-list.on {
  display: block; }

.menu-box .menu-detail-list li {
  border-top: 1px solid #d7dbe6;
  background-color: #fff; }

.menu-box .menu-detail-list li:first-child {
  border-top: 0; }

.menu-box .menu-detail-list li a {
  overflow: hidden;
  display: block;
  padding: 25px 15px 21px;
  text-decoration: none; }

.menu-box .menu-detail-list li .menu-info {
  float: left;
  padding-right: 14px;
  max-width: 70%;
  box-sizing: border-box; }

.menu-box .menu-detail-list li .menu-info em {
  display: block;
  color: #212329;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  word-break: break-all; }

.menu-box .menu-detail-list li .type-liquor em::before,
.menu-box .menu-detail-list li .type-liquorSet em:before {
  display: block;
  width: 19px;
  height: 19px;
  margin-right: 4px;
  float: left;
  background: url(/cdn/ceo-moon/static/preview/img_19.png?ver=7695010eca6f4ea662bc2feb159deef6);
  background-size: cover;
  content: ""; }

.menu-box .menu-detail-list li .price {
  overflow: hidden;
  color: #1a7cff;
  font-size: 12px; }

.menu-box .menu-detail-list li .price span {
  display: block;
  line-height: 1.417em;
  text-align: right;
  word-break: break-all; }

.menu-box .menu-detail-list li .menu-detail {
  margin-top: 5px;
  color: #bbc0cd;
  font-size: 12px;
  line-height: 1.364em;
  word-break: break-all; }

.menu-detail-wrap {
  background-color: #fff; }

.menu-thumb {
  padding-top: 25px; }

.menu-thumb img {
  display: block;
  margin: 0 auto;
  width: 165px;
  height: 117px; }

.menu-thumb em {
  display: block;
  margin-top: 12px;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  word-break: break-all;
  color: #212329; }

.menu-thumb span {
  display: block;
  margin: 8px auto 10px;
  width: 75%;
  font-size: 13px;
  line-height: 1.308em;
  text-align: center;
  word-break: break-all; }

.menu-thumb .btn-nutrition {
  display: block;
  width: 100%;
  color: #bbc0cd;
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
  border-top: 1px solid #eceef2;
  margin-top: 10px;
  cursor: pointer; }

.menu-select-fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

.menu-select-fieldset legend {
  font: 0px/0 arial;
  color: transparent;
  text-shadow: none; }

.menu-select-area {
  position: relative;
  padding: 21px 15px;
  border-top: 1px solid #eceef2; }

.menu-select-area > em {
  display: block;
  max-width: 60%;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  color: #212329;
  word-break: break-all; }

.menu-select-area > strong {
  position: absolute;
  display: block;
  top: 24px;
  right: 15px;
  font-size: 11px;
  color: red; }

.menu-select-area li {
  overflow: hidden;
  margin-top: 16px;
  width: 100%; }

.menu-select-area li input[type="radio"],
.menu-select-area li input[type="checkbox"] {
  display: none; }

.menu-select-area li > label {
  overflow: hidden;
  position: relative;
  display: block;
  padding: 10px 54px 10px 0;
  color: #8e929f;
  font-size: 13px;
  cursor: pointer;
  word-break: break-all; }

.menu-select-area li > label:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 33px;
  height: 33px;
  background: url(/cdn/ceo-moon/static/preview/img_radio_off.jpg?ver=7241ee1ea34bd15a55fbae53a8f920b6) no-repeat; }

.menu-select-area li > label.on:after {
  background: url(/cdn/ceo-moon/static/preview/img_radio_on.jpg?ver=87f499c20e6baa913716af03bacdf59a) no-repeat; }

.menu-select-area li > label.on.type-check:after {
  background: url(/cdn/ceo-moon/static/preview/img_checkbox_on.jpg?ver=cf7bad12c9b31619ff0ef5ec8fce9444) no-repeat; }

.menu-select-area li > label > span {
  float: left;
  display: block;
  max-width: 60%; }

.menu-select-area .input-area {
  overflow: hidden;
  float: right;
  display: block;
  text-align: right; }

.menu-select-area.options li > label:after {
  width: 32px;
  height: 32px;
  background: url(/cdn/ceo-moon/static/preview/img_checkbox_off.jpg?ver=c025a63d840774481eebe3ec17d9e5f6) no-repeat; }

.menu-select-area.options li > label.on:after {
  width: 32px;
  height: 32px;
  background: url(/cdn/ceo-moon/static/preview/img_checkbox_on.jpg?ver=cf7bad12c9b31619ff0ef5ec8fce9444) no-repeat; }

.menu-select-area.count {
  overflow: hidden; }

.menu-select-area.count em {
  float: left;
  margin-top: 8px; }

.menu-select-area.count .input-area {
  float: right; }

.menu-select-area.count input[type="text"] {
  position: relative;
  float: left;
  display: block;
  margin: 0;
  padding: 0 10px;
  width: 60px;
  height: 30px;
  border: 1px solid #d7dbe6;
  background: transparent;
  color: #1a7cff;
  font-size: 12px;
  line-height: 28px;
  vertical-align: middle;
  text-align: center;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none; }

.menu-select-area.count button {
  float: left;
  display: block;
  padding: 0;
  width: 31px;
  height: 32px;
  border: 0;
  text-indent: -9999px;
  outline: 0; }

.menu-select-area.count button.minus {
  background: url(/cdn/ceo-moon/static/preview/img_minus.jpg?ver=3585229d75ec9f6052f71cc20424ad0d) no-repeat;
  border-top: 1px solid #d7dbe6;
  border-bottom: 1px solid #d7dbe6;
  border-left: 1px solid #d7dbe6; }

.menu-select-area.count button.minus:active,
.menu-select-area.count button.minus.on {
  background: url(/cdn/ceo-moon/static/preview/img_minus_on.jpg?ver=2e417b3bb20bc336855a4834ed47aa83) no-repeat; }

.menu-select-area.count button.plus {
  background: url(/cdn/ceo-moon/static/preview/img_plus.jpg?ver=9446f7477772393ffb8e1a5cb02616f4) no-repeat;
  border-top: 1px solid #d7dbe6;
  border-bottom: 1px solid #d7dbe6;
  border-right: 1px solid #d7dbe6; }

.menu-select-area.count button.plus:active,
.menu-select-area.count button.plus.on {
  background: url(/cdn/ceo-moon/static/preview/img_plus_on.jpg?ver=2bafd2a98de386f2f7d5f61281cabacc) no-repeat; }

.btns.detail .back {
  display: block;
  margin-top: 20px;
  padding: 15px 0 13px;
  width: 100%;
  background-color: #3f3b32;
  color: #fff;
  text-align: center;
  font-size: 16px; }

.btns.detail .back:hover {
  background-color: #212329; }

.nutrition-wrap .nutrition {
  box-sizing: border-box;
  position: relative;
  max-width: 480px;
  min-width: 320px;
  min-height: 100%;
  margin: 0 auto;
  background: #eceef2;
  font-size: 12px; }
  .nutrition-wrap .nutrition .content-box {
    padding: 27px 13px;
    background: #ffffff; }
  .nutrition-wrap .nutrition h4 {
    padding-bottom: 3px;
    border-bottom: 1px solid #8e929f; }
  .nutrition-wrap .nutrition table {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    text-align: center; }
    .nutrition-wrap .nutrition table th {
      font-weight: normal; }
    .nutrition-wrap .nutrition table td,
    .nutrition-wrap .nutrition table th {
      padding: 12px 2px 13px; }
  .nutrition-wrap .nutrition p {
    margin-top: 11px;
    font-size: 10px;
    color: #666a75; }
  .nutrition-wrap .nutrition .info {
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    background: #fbfbfb;
    padding: 12px 13px;
    border-bottom: solid 1px #eceef2; }
    .nutrition-wrap .nutrition .info::before {
      display: block;
      float: left;
      height: 14px;
      width: 14px;
      background: url("/preview/icon-info-gray.png");
      background-size: cover;
      content: "";
      margin-right: 5px; }
  .nutrition-wrap .nutrition .btn-close {
    background: #3f3b32;
    padding: 15px 0 13px;
    width: 100%;
    color: #ffffff;
    text-align: center; }

.user-wrapper {
  margin: 0 auto;
  padding: 50px 0 80px;
  width: 1112px; }
  .user-wrapper .user-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -1px;
    color: #212329;
    margin-bottom: 25px; }
  .user-wrapper .form-container .form-row {
    width: 325px;
    box-sizing: border-box; }
    .user-wrapper .form-container .form-row input[type=text], .user-wrapper .form-container .form-row input[type=tel], .user-wrapper .form-container .form-row input[type=password] {
      width: 325px;
      height: 50px; }
  .user-wrapper .form-container .has-button {
    margin: 5px 0px; }
    .user-wrapper .form-container .has-button input {
      width: 220px !important;
      height: 50px; }
    .user-wrapper .form-container .has-button .sub-btn {
      width: 100px;
      height: 50px;
      right: 0; }
    .user-wrapper .form-container .has-button .sub-timer {
      right: 15px; }
  .user-wrapper .form-container .info-list {
    margin-top: 12px; }
  .user-wrapper .find-result .result-id-wrapper .result-txt {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #212329;
    font-weight: normal;
    margin: 50px 0 15px; }
  .user-wrapper .find-result .result-id-wrapper .account-list-section {
    height: 100%; }
    .user-wrapper .find-result .result-id-wrapper .account-list-section .accountList {
      width: 325px;
      margin-top: 0; }
  .user-wrapper .find-result .result-id-wrapper .button-group {
    width: 325px;
    margin-top: 20px; }
  .user-wrapper .find-result .result-password-wrapper .result-txt {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #212329;
    font-weight: normal;
    margin: 50px 0 15px; }
  .user-wrapper .find-result .result-password-wrapper .form-row .button {
    width: 325px;
    height: 60px; }

.password-reset-wrapper {
  margin: 0 auto;
  padding: 50px 0 80px;
  width: 1112px; }
  .password-reset-wrapper .password-reset-title {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #212329; }
  .password-reset-wrapper .password-reset-section {
    margin-top: 25px; }
  .password-reset-wrapper .result-txt {
    margin: 25px 0 15px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.56;
    letter-spacing: -0.4px;
    color: #212329; }
  .password-reset-wrapper .form-row input {
    width: 325px;
    height: 50px; }
  .password-reset-wrapper .form-row button {
    width: 325px;
    height: 60px; }
  .password-reset-wrapper #reset-block-form-row {
    margin-top: 30px; }

.user-update-container .notice-header {
  position: relative;
  padding: 40px 50px 34px;
  background-size: 157px 170px;
  background-color: #f8f9fa; }
  .user-update-container .notice-header .title {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1px;
    color: #212329;
    font-weight: 300; }
    .user-update-container .notice-header .title em {
      font-style: normal;
      font-weight: bold; }
  .user-update-container .notice-header p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #8e929f;
    font-weight: normal;
    margin-top: 12px; }

.user-update-container .notice-contents {
  padding: 34px 50px 40px; }
  .user-update-container .notice-contents .button-area {
    text-align: center; }
  .user-update-container .notice-contents .button {
    width: 328px; }

.user-update-container .notice-list {
  margin-bottom: 30px; }
  .user-update-container .notice-list > li + li {
    margin-top: 30px; }
  .user-update-container .notice-list .summary {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.4px;
    color: #212329;
    font-weight: normal; }
    .user-update-container .notice-list .summary em {
      font-style: normal;
      font-weight: bold; }
    .user-update-container .notice-list .summary + .info-list {
      margin-top: 8px; }

.update-info-container .logo img {
  width: 211px;
  height: 66px; }

.update-info-container .title {
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -1px;
  color: #212329;
  font-weight: 300;
  margin-top: 4px; }

.update-info-container .desc-update {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: -0.4px;
  color: #212329;
  font-weight: normal;
  margin: 16px 0 37px; }

.update-info-container .update-contents {
  width: 530px; }

.update-info-container .input-contents {
  margin: 5px 0px;
  color: #212329;
  font-size: 16px; }

.update-info-container .input-check-agree {
  margin: 32px 0 30px; }

.update-info-container .form-row {
  width: 328px;
  box-sizing: border-box; }

.update-info-container .info-list {
  margin-top: 10px; }

.update-info-container .old-address {
  margin-top: 10px; }

.guide-user-type-title {
  margin-top: 0; }

.guide-user-type {
  overflow: hidden;
  margin-top: 40px; }
  .guide-user-type .type-item {
    float: left;
    width: 360px; }
    .guide-user-type .type-item .title {
      font-size: 18px;
      line-height: 28px;
      letter-spacing: -0.4px;
      color: #fff;
      font-weight: normal;
      display: inline-block;
      padding: 5px 14px 3px;
      background-color: #1a7cff;
      border-radius: 18px; }
    .guide-user-type .type-item .desc-type {
      margin-top: 23px; }
      .guide-user-type .type-item .desc-type li {
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.4px;
        color: #212329;
        font-weight: bold;
        position: relative;
        padding-left: 20px; }
        .guide-user-type .type-item .desc-type li + li {
          margin-top: 14px; }
        .guide-user-type .type-item .desc-type li::before {
          content: '';
          position: absolute;
          display: block;
          width: 12px;
          height: 8px;
          top: 7px;
          left: 0;
          background: url(/cdn/ceo-moon/static/desktop/main/combined-shape@2x.png?ver=f66cc37c15e0822fc160bfc60602a8a5) no-repeat;
          background-size: cover; }
    .guide-user-type .type-item .service {
      margin-top: 34px; }
      .guide-user-type .type-item .service dt {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: -0.1px;
        color: #8e929f;
        font-weight: bold; }
      .guide-user-type .type-item .service dd {
        font-size: 16px;
        line-height: 25px;
        letter-spacing: -0.4px;
        color: #42454f;
        font-weight: normal;
        position: relative;
        margin-top: 12px;
        padding-left: 13px; }
        .guide-user-type .type-item .service dd::before {
          content: '';
          position: absolute;
          display: block;
          top: 9px;
          left: 0;
          width: 4px;
          height: 4px;
          background-color: #42454f;
          border-radius: 50%; }

.ad-support .d-flex, .ad-support .d-flex-column {
  display: flex; }

.ad-support .d-flex-column {
  flex-direction: column; }

.ad-support .flex-1 {
  flex: 1; }

.ad-support .center {
  align-items: center;
  justify-content: center; }

.ad-support .text-center, .ad-support .section-login {
  text-align: center; }

.ad-support .text-brand {
  color: #ae8a67; }

.ad-support .text-primary {
  color: #475a52; }

.ad-support .text-secondary {
  color: #222222; }

.ad-support .text-white {
  color: white; }

.ad-support .text-disabled {
  color: #8e929f; }

.ad-support .text-title {
  font-size: 42px;
  line-height: 54px; }

.ad-support .text-description {
  font-size: 22px;
  line-height: 36px;
  margin-bottom: 8px;
  font-weight: 300; }

.ad-support .text-small {
  font-size: 12px;
  line-height: 1.5em; }

.ad-support .section {
  padding: 100px 0; }
  .ad-support .section .section-inner {
    margin: 0 auto;
    width: 1000px; }
  .ad-support .section .section-title {
    font-weight: 500;
    font-size: 32px;
    margin-bottom: 16px; }

.ad-support .section-header {
  background: url(/cdn/ceo-moon/static/desktop/main/ad-support/pc-bg@2x.jpg?ver=209df2177b1d5788fc39485a21b765e9) no-repeat center center/cover;
  height: 650px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-self: center; }
  .ad-support .section-header .title-image {
    background: url(/cdn/ceo-moon/static/desktop/main/ad-support/invalid-name@2x.png?ver=7f0d95f3a4182e384fe7ad64d7ddf748) no-repeat 0 0/contain;
    width: 411px;
    height: 262px;
    margin-top: 120px; }
  .ad-support .section-header .description {
    text-align: center;
    font-size: 16px;
    line-height: 26px; }

.ad-support .section-main .section-item {
  margin-top: 60px;
  margin-bottom: 40px;
  text-align: center; }
  .ad-support .section-main .section-item .period {
    margin: 30px 10px;
    width: 480px;
    font-size: 20px; }
    .ad-support .section-main .section-item .period .month {
      position: relative;
      font-size: 24px;
      line-height: 80px; }
      .ad-support .section-main .section-item .period .month::after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        margin-top: 4px;
        margin-left: -60px;
        width: 120px;
        height: 71px; }
      .ad-support .section-main .section-item .period .month.month-g::after {
        background: url(/cdn/ceo-moon/static/desktop/main/ad-support/rectangle-g@2x.png?ver=4f0300e8939ae9c9e4e3506ef7c64df2) no-repeat 0 0/contain; }
      .ad-support .section-main .section-item .period .month.month-b::after {
        background: url(/cdn/ceo-moon/static/desktop/main/ad-support/rectangle-b@2x.png?ver=9dfa9261e09b8e41b6cb04b5af7f8399) no-repeat 0 0/contain; }
    .ad-support .section-main .section-item .period .calendar {
      width: 480px;
      height: 466px;
      margin-top: 31px; }
    .ad-support .section-main .section-item .period .calendar-april {
      background: url(/cdn/ceo-moon/static/desktop/main/ad-support/calendar-april.png?ver=1e236898a627aa4673820af725088b77) no-repeat 0 0/contain; }
    .ad-support .section-main .section-item .period .calendar-may1 {
      background: url(/cdn/ceo-moon/static/desktop/main/ad-support/calendar-may1.png?ver=0e9a1e661734ed5d86d45b009f8cfc0e) no-repeat 0 0/contain; }
    .ad-support .section-main .section-item .period .calendar-may2 {
      background: url(/cdn/ceo-moon/static/desktop/main/ad-support/calendar-may2.png?ver=2f846fa6466d1e529bbc0ddb1d538b5a) no-repeat 0 0/contain; }

.ad-support .section-account {
  background-color: #475a52; }
  .ad-support .section-account .text-highlight {
    background-color: white;
    font-size: 16px;
    line-height: 48px;
    padding: 0 16px;
    margin-bottom: 16px; }
  .ad-support .section-account .span {
    width: 16px; }
  .ad-support .section-account .tip {
    background-color: white;
    font-size: 14px;
    font-weight: 300;
    line-height: 44px;
    padding: 0 16px;
    margin-bottom: 16px;
    border-radius: 4px; }
    .ad-support .section-account .tip a {
      color: #1a7cff;
      font-weight: bold; }

.ad-support .section-retrive .span {
  width: 32px; }

.ad-support .section-retrive .btn {
  border-radius: 4px;
  font-size: 16px; }

.ad-support .section-retrive .input {
  border: solid 1px #d7dbe6;
  height: 48px;
  margin-left: 8px;
  padding: 0 12px;
  font-size: 16px; }

.ad-support .section-retrive .tip {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 30px;
  margin-top: 8px; }

.ad-support .section-retrive .divider {
  border-top: solid 1px rgba(0, 0, 0, 0.3);
  margin: 56px 0; }

.ad-support .section-footer {
  background-color: #222222;
  color: white;
  font-weight: 300; }
  .ad-support .section-footer .section-inner {
    margin-bottom: 8px; }
  .ad-support .section-footer .section-title {
    font-size: 18px;
    margin-bottom: 8px; }
  .ad-support .section-footer li {
    margin-bottom: 8px; }
    .ad-support .section-footer li:before {
      content: "※"; }
  .ad-support .section-footer li.list-l2:before {
    content: "-"; }
  .ad-support .section-footer h4 {
    margin-bottom: 8px; }
  .ad-support .section-footer table {
    border-top: solid 1px white;
    margin-bottom: 8px;
    width: 490px; }
    .ad-support .section-footer table tr {
      border-bottom: solid 1px white;
      line-height: 2.5; }
      .ad-support .section-footer table tr th, .ad-support .section-footer table tr td {
        padding: 0 8px;
        text-align: left;
        font-weight: 300;
        vertical-align: middle; }
        .ad-support .section-footer table tr th:first-child, .ad-support .section-footer table tr td:first-child {
          text-align: center; }
      .ad-support .section-footer table tr th:nth-child(1), .ad-support .section-footer table tr td:nth-child(1) {
        border-right: solid 1px white;
        padding-left: 0; }

.ad-support .section-login {
  background-color: #d7dbe6; }
  .ad-support .section-login p {
    font-size: 32px;
    line-height: 1.5; }
  .ad-support .section-login .btn-wrapper {
    width: 328px;
    margin: 16px auto; }

.ad-support .support-details {
  padding-top: 34px; }
  .ad-support .support-details .support-detail {
    margin-bottom: 24px;
    text-align: left; }
    .ad-support .support-details .support-detail:nth-child(odd) {
      margin-right: 8px; }
    .ad-support .support-details .support-detail:nth-child(2n) {
      margin-left: 8px; }
    .ad-support .support-details .support-detail h3.title {
      height: 39px;
      font-size: 24px;
      font-weight: bold;
      line-height: 1.63;
      letter-spacing: -0.9px;
      color: #000000; }
    .ad-support .support-details .support-detail .desc {
      margin-bottom: 8px;
      border-radius: 8px;
      padding: 16px;
      font-size: 18px;
      line-height: 24px;
      background-color: #f8f9fa;
      font-weight: normal; }
    .ad-support .support-details .support-detail ul.desc-sub {
      font-weight: 300;
      font-size: 16px;
      line-height: 24px;
      color: rgba(0, 0, 0, 0.5); }