@charset "UTF-8";
/**
Mobile, portrait
320px	iPhone SE
375px	iPhone 6 to X
414px	iPhone 8 Plus
Tablet, portrait
768px	iPad Air, iPad Mini, iPad Pro 9″
834px	iPad Pro 10″
Laptop displays
1366px	HD laptops (768p)
1366px	iPad Pro 12″ (landscape)
1440px	13″ MacBook Pro (2x scaling)
Desktop displays
1680px	13″ MacBook Pro (1.5x scaling)
1920px	1080p displays


Mobile, landscape
568px	iPhone SE
667px	iPhone 6 to 8
736px	iPhone 8 Plus
812px	iPhone X
Tablet, landscape
1024px	iPad Air, iPad Mini, iPad Pro 9″
1024px	iPad Pro 12″ (portrait)
1112px	iPad Pro 10″
 */
/**
Mobile, portrait
320px	iPhone SE
375px	iPhone 6 to X
414px	iPhone 8 Plus
Tablet, portrait
768px	iPad Air, iPad Mini, iPad Pro 9″
834px	iPad Pro 10″
Laptop displays
1366px	HD laptops (768p)
1366px	iPad Pro 12″ (landscape)
1440px	13″ MacBook Pro (2x scaling)
Desktop displays
1680px	13″ MacBook Pro (1.5x scaling)
1920px	1080p displays


Mobile, landscape
568px	iPhone SE
667px	iPhone 6 to 8
736px	iPhone 8 Plus
812px	iPhone X
Tablet, landscape
1024px	iPad Air, iPad Mini, iPad Pro 9″
1024px	iPad Pro 12″ (portrait)
1112px	iPad Pro 10″
 */
/* line 3, assets/css/_fonts.scss */
main section .inner-wrap .platform-wrap .tab .tab-header label {
  font-size: 13px;
}

@media (max-width: 991.98px) {
  /* line 3, assets/css/_fonts.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label {
    font-size: 12px;
  }
}

@media (max-width: 767.98px) {
  /* line 3, assets/css/_fonts.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label {
    font-size: 10px;
  }
}

/* line 15, assets/css/_fonts.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap {
  font-size: 13px;
}

@media (max-width: 991.98px) {
  /* line 15, assets/css/_fonts.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap {
    font-size: 12px;
  }
}

@media (max-width: 767.98px) {
  /* line 15, assets/css/_fonts.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap {
    font-size: 11px;
  }
}

/* line 27, assets/css/_fonts.scss */
main section .inner-wrap #order_min .row > * small,
main section .inner-wrap #order_delay .row > * small, main section .inner-wrap #order_quantity .min-max, main section .inner-wrap #order_link label .link-guide,
main section .inner-wrap #order_username label .link-guide {
  font-size: 14px;
}

@media (max-width: 991.98px) {
  /* line 27, assets/css/_fonts.scss */
  main section .inner-wrap #order_min .row > * small,
main section .inner-wrap #order_delay .row > * small, main section .inner-wrap #order_quantity .min-max, main section .inner-wrap #order_link label .link-guide,
main section .inner-wrap #order_username label .link-guide {
    font-size: 12px;
  }
}

@media (max-width: 767.98px) {
  /* line 27, assets/css/_fonts.scss */
  main section .inner-wrap #order_min .row > * small,
main section .inner-wrap #order_delay .row > * small, main section .inner-wrap #order_quantity .min-max, main section .inner-wrap #order_link label .link-guide,
main section .inner-wrap #order_username label .link-guide {
    font-size: 10px;
  }
}

/* line 39, assets/css/_fonts.scss */
main section .inner-wrap.notice .notice-wrap ul li, main section .inner-wrap.server-status, main section .inner-wrap #service_description .panel-body, main section .inner-wrap input[type=text],
main section .inner-wrap input[type=number], main section .inner-wrap select {
  font-size: 14px;
}

@media (max-width: 991.98px) {
  /* line 39, assets/css/_fonts.scss */
  main section .inner-wrap.notice .notice-wrap ul li, main section .inner-wrap.server-status, main section .inner-wrap #service_description .panel-body, main section .inner-wrap input[type=text],
main section .inner-wrap input[type=number], main section .inner-wrap select {
    font-size: 13px;
  }
}

@media (max-width: 767.98px) {
  /* line 39, assets/css/_fonts.scss */
  main section .inner-wrap.notice .notice-wrap ul li, main section .inner-wrap.server-status, main section .inner-wrap #service_description .panel-body, main section .inner-wrap input[type=text],
main section .inner-wrap input[type=number], main section .inner-wrap select {
    font-size: 12px;
  }
}

/* line 63, assets/css/_fonts.scss */
main section .inner-wrap.setting .reset-btn, main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap span {
  font-size: 15px;
}

@media (max-width: 991.98px) {
  /* line 63, assets/css/_fonts.scss */
  main section .inner-wrap.setting .reset-btn, main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap span {
    font-size: 13px;
  }
}

@media (max-width: 767.98px) {
  /* line 63, assets/css/_fonts.scss */
  main section .inner-wrap.setting .reset-btn, main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap span {
    font-size: 11px;
  }
}

/* line 111, assets/css/_fonts.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn, main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn {
  font-size: 16px;
}

@media (max-width: 991.98px) {
  /* line 111, assets/css/_fonts.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn, main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn {
    font-size: 14px;
  }
}

@media (max-width: 767.98px) {
  /* line 111, assets/css/_fonts.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn, main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn {
    font-size: 12px;
  }
}

/* line 123, assets/css/_fonts.scss */
main section .inner-wrap.guide .guide-wrap ul li a,
main section .inner-wrap.guide .guide-wrap ul li button, main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] p {
  font-size: 16px;
}

@media (max-width: 991.98px) {
  /* line 123, assets/css/_fonts.scss */
  main section .inner-wrap.guide .guide-wrap ul li a,
main section .inner-wrap.guide .guide-wrap ul li button, main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] p {
    font-size: 15px;
  }
}

@media (max-width: 767.98px) {
  /* line 123, assets/css/_fonts.scss */
  main section .inner-wrap.guide .guide-wrap ul li a,
main section .inner-wrap.guide .guide-wrap ul li button, main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] p {
    font-size: 14px;
  }
}

/* line 147, assets/css/_fonts.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li label {
  font-size: 18px;
}

@media (max-width: 991.98px) {
  /* line 147, assets/css/_fonts.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li label {
    font-size: 15px;
  }
}

@media (max-width: 767.98px) {
  /* line 147, assets/css/_fonts.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li label {
    font-size: 12px;
  }
}

/* line 159, assets/css/_fonts.scss */
main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio] + label {
  font-size: 18px;
}

@media (max-width: 991.98px) {
  /* line 159, assets/css/_fonts.scss */
  main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio] + label {
    font-size: 16px;
  }
}

@media (max-width: 767.98px) {
  /* line 159, assets/css/_fonts.scss */
  main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio] + label {
    font-size: 13px;
  }
}

/* line 171, assets/css/_fonts.scss */
main section .inner-wrap.setting .button-wrap button, main section .inner-wrap button[type=submit],
main section .inner-wrap .validate-btn, main section .inner-wrap #dripfeed #order_check .form-group__label-title, main section .inner-wrap .control-label,
main section .inner-wrap [for="field-orderform-fields-expiry"] {
  font-size: 18px;
}

@media (max-width: 991.98px) {
  /* line 171, assets/css/_fonts.scss */
  main section .inner-wrap.setting .button-wrap button, main section .inner-wrap button[type=submit],
main section .inner-wrap .validate-btn, main section .inner-wrap #dripfeed #order_check .form-group__label-title, main section .inner-wrap .control-label,
main section .inner-wrap [for="field-orderform-fields-expiry"] {
    font-size: 16px;
  }
}

@media (max-width: 767.98px) {
  /* line 171, assets/css/_fonts.scss */
  main section .inner-wrap.setting .button-wrap button, main section .inner-wrap button[type=submit],
main section .inner-wrap .validate-btn, main section .inner-wrap #dripfeed #order_check .form-group__label-title, main section .inner-wrap .control-label,
main section .inner-wrap [for="field-orderform-fields-expiry"] {
    font-size: 14px;
  }
}

/* line 183, assets/css/_fonts.scss */
main section .inner-wrap #charge {
  font-size: 18px;
}

@media (max-width: 991.98px) {
  /* line 183, assets/css/_fonts.scss */
  main section .inner-wrap #charge {
    font-size: 17px;
  }
}

@media (max-width: 767.98px) {
  /* line 183, assets/css/_fonts.scss */
  main section .inner-wrap #charge {
    font-size: 16px;
  }
}

/* line 243, assets/css/_fonts.scss */
main section .inner-wrap.setting .button-wrap button.reset-btn {
  font-size: 20px;
}

@media (max-width: 991.98px) {
  /* line 243, assets/css/_fonts.scss */
  main section .inner-wrap.setting .button-wrap button.reset-btn {
    font-size: 18px;
  }
}

@media (max-width: 767.98px) {
  /* line 243, assets/css/_fonts.scss */
  main section .inner-wrap.setting .button-wrap button.reset-btn {
    font-size: 15px;
  }
}

/* line 327, assets/css/_fonts.scss */
main section .inner-wrap.setting h3 {
  font-size: 24px;
}

@media (max-width: 991.98px) {
  /* line 327, assets/css/_fonts.scss */
  main section .inner-wrap.setting h3 {
    font-size: 21px;
  }
}

@media (max-width: 767.98px) {
  /* line 327, assets/css/_fonts.scss */
  main section .inner-wrap.setting h3 {
    font-size: 18px;
  }
}

/* line 399, assets/css/_fonts.scss */
.popup-wrap.guide .inner > h3,
.popup-wrap.alert .inner > h3 {
  font-size: 26px;
}

@media (max-width: 991.98px) {
  /* line 399, assets/css/_fonts.scss */
  .popup-wrap.guide .inner > h3,
.popup-wrap.alert .inner > h3 {
    font-size: 23px;
  }
}

@media (max-width: 767.98px) {
  /* line 399, assets/css/_fonts.scss */
  .popup-wrap.guide .inner > h3,
.popup-wrap.alert .inner > h3 {
    font-size: 20px;
  }
}

/* line 591, assets/css/_fonts.scss */
main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio] + label, main section .inner-wrap.setting .reset-btn, main section .inner-wrap.guide .guide-wrap ul li a,
main section .inner-wrap.guide .guide-wrap ul li button, main section .inner-wrap.notice .notice-wrap ul li, main section .inner-wrap.server-status, main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn, main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] p, main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap, main section .inner-wrap .platform-wrap .tab .tab-header label, main section .inner-wrap #order_min .row > * small,
main section .inner-wrap #order_delay .row > * small, main section .inner-wrap #order_quantity .min-max, main section .inner-wrap #order_link label .link-guide,
main section .inner-wrap #order_username label .link-guide, main section .inner-wrap #service_description .panel-body, main section .inner-wrap input[type=text],
main section .inner-wrap input[type=number], main section .inner-wrap select, main section .inner-wrap h3 .tutorial-btn {
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
}

/* line 595, assets/css/_fonts.scss */
.popup-wrap.alert.success .inner .button-wrap a, .popup-wrap.guide .inner .button-wrap button,
.popup-wrap.alert .inner .button-wrap button, .popup-wrap.guide .inner > h3,
.popup-wrap.alert .inner > h3, main section .inner-wrap.setting .button-wrap button, main section .inner-wrap.setting h3, main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn, main section .inner-wrap .platform-wrap .tab .tab-body li label, main section .inner-wrap button[type=submit],
main section .inner-wrap .validate-btn, main section .inner-wrap #charge, main section .inner-wrap #dripfeed #order_check .form-group__label-title, main section .inner-wrap .control-label,
main section .inner-wrap [for="field-orderform-fields-expiry"] {
  font-family: "Pretendard Variable", "Pretendard JP Variable", sans-serif;
}

/*
Thin  100
Extra Light (Ultra Light) 200
Light 300
Normal 400
Medium 500
Semi Bold (Demi Bold) 600
Bold  700
Extra Bold (Ultra Bold) 800
Black (Heavy) 900
 */
@use "sass:list";
@media (max-width: 1399.98px) {
  /* line 5, assets/css/new-order.scss */
  main {
    padding-top: 58px !important;
  }
}

@media (max-width: 767.98px) {
  /* line 5, assets/css/new-order.scss */
  main {
    position: relative;
  }
}

@media (max-width: 767.98px) {
  /* line 16, assets/css/new-order.scss */
  main section.hidden {
    display: none;
  }
}

/* line 24, assets/css/new-order.scss */
main section .inner-wrap h3 {
  position: relative;
}

@media (max-width: 767.98px) {
  /* line 24, assets/css/new-order.scss */
  main section .inner-wrap h3 {
    padding-top: 5px;
  }
}

/* line 31, assets/css/new-order.scss */
main section .inner-wrap h3 .tutorial-btn {
  font-size: 14px;
  position: absolute;
  right: 0;
  bottom: -10px;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  margin-left: auto;
  padding: 6px 16px 8px 28px;
}

@media (max-width: 767.98px) {
  /* line 31, assets/css/new-order.scss */
  main section .inner-wrap h3 .tutorial-btn {
    font-size: 12px;
    padding: 2px 6px 4px 22px;
    background-color: #061328;
    color: #FFFFFF;
    bottom: 0;
  }
}

/* line 50, assets/css/new-order.scss */
main section .inner-wrap h3 .tutorial-btn::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(0, -50%);
  width: 14px;
  height: 14px;
  background: url("../assets/img/new-order/tutorial-ico-pc.svg") no-repeat center;
  background-size: 100% auto;
}

@media (max-width: 767.98px) {
  /* line 50, assets/css/new-order.scss */
  main section .inner-wrap h3 .tutorial-btn::before {
    width: 12px;
    height: 12px;
    left: 6px;
    background-image: url("../assets/img/new-order/tutorial-ico-mb.svg");
  }
}

/* line 71, assets/css/new-order.scss */
main section .inner-wrap .control-label,
main section .inner-wrap [for="field-orderform-fields-expiry"] {
  font-weight: 700;
  display: flex;
  align-items: center;
  margin: 20px 0 12px;
  transition: font-size 0.3s;
}

/* line 82, assets/css/new-order.scss */
main section .inner-wrap .form-group.hidden,
main section .inner-wrap button[type=submit].hidden {
  display: none;
}

/* line 87, assets/css/new-order.scss */
main section .inner-wrap #order_old_posts {
  display: none !important;
}

/* line 96, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #order-form > #tpone > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #order-form > #tpone > #tptwo > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #fields > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #dripfeed-options > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before {
  content: attr(data-number);
  display: inline-block;
  vertical-align: middle;
  line-height: 25px;
  text-align: center;
  color: #FFA401;
  font-size: 0.8em;
  width: 25px;
  height: 25px;
  background: url("../assets/img/new-order/number-bg.svg") no-repeat center;
  background-size: 100% auto;
  margin-right: 5px;
}

@media (max-width: 991.98px) {
  /* line 96, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #order-form > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #fields > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #dripfeed-options > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before {
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
}

@media (max-width: 767.98px) {
  /* line 96, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #order-form > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #fields > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #dripfeed-options > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before {
    width: 15px;
    height: 15px;
    line-height: 15px;
  }
}

/* line 123, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap.tutorial > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #order-form > .form-group.tutorial > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #fields > .form-group.tutorial > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #dripfeed-options > .form-group.tutorial > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before {
  opacity: 0.5;
}

/* line 128, assets/css/new-order.scss */
main section .inner-wrap #order_delay .input-group {
  position: relative;
}

/* line 131, assets/css/new-order.scss */
main section .inner-wrap #order_delay .input-group .input-group-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}

/* line 138, assets/css/new-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 160, assets/css/new-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

/* line 165, assets/css/new-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

/* line 172, assets/css/new-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

/* line 181, assets/css/new-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu > li > a:hover, main section .inner-wrap #order_delay .input-group .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #2fa4e7;
}

/* line 190, assets/css/new-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu > .active > a,
main section .inner-wrap #order_delay .input-group .dropdown-menu > .active > a:hover,
main section .inner-wrap #order_delay .input-group .dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #2fa4e7;
}

/* line 200, assets/css/new-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu > .disabled > a {
  color: #999999;
}

/* line 203, assets/css/new-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu > .disabled > a:hover, main section .inner-wrap #order_delay .input-group .dropdown-menu > .disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

/* line 216, assets/css/new-order.scss */
main section .inner-wrap #order_delay .input-group .open > .dropdown-menu {
  display: block;
}

/* line 220, assets/css/new-order.scss */
main section .inner-wrap #order_delay .input-group .open > a {
  outline: 0;
}

/* line 225, assets/css/new-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu-right {
  left: auto;
  right: 0;
}

/* line 230, assets/css/new-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu-left {
  left: 0;
  right: auto;
}

/* line 235, assets/css/new-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #999999;
  white-space: nowrap;
}

/* line 244, assets/css/new-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

/* line 253, assets/css/new-order.scss */
main section .inner-wrap #order_delay .input-group .pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

/* line 258, assets/css/new-order.scss */
main section .inner-wrap #order_delay .input-group .dropup .caret,
main section .inner-wrap #order_delay .input-group .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}

/* line 267, assets/css/new-order.scss */
main section .inner-wrap #order_delay .input-group .dropup .dropdown-menu,
main section .inner-wrap #order_delay .input-group .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  /* line 275, assets/css/new-order.scss */
  main section .inner-wrap #order_delay .input-group .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  /* line 279, assets/css/new-order.scss */
  main section .inner-wrap #order_delay .input-group .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

/* line 286, assets/css/new-order.scss */
main section .inner-wrap select {
  background-color: #FAFAFA;
  box-shadow: inset 0 3px 6px #BCBCBC29;
  border: 0;
  border-radius: 18px;
  padding: 15px;
  width: 100%;
  transition: padding 0.3s, font 0.3s;
}

@media (max-width: 991.98px) {
  /* line 286, assets/css/new-order.scss */
  main section .inner-wrap select {
    padding: 13px;
  }
}

@media (max-width: 767.98px) {
  /* line 286, assets/css/new-order.scss */
  main section .inner-wrap select {
    padding: 10px 35px 10px 10px;
    border-radius: 12px;
  }
}

/* line 307, assets/css/new-order.scss */
main section .inner-wrap input[type=text],
main section .inner-wrap input[type=number] {
  background-color: #FAFAFA;
  box-shadow: inset 0 3px 6px #BCBCBC29;
  border: 0;
  border-radius: 18px;
  width: 100%;
  padding: 12px 15px 15px;
  transition: padding 0.3s, font 0.3s;
}

@media (max-width: 991.98px) {
  /* line 307, assets/css/new-order.scss */
  main section .inner-wrap input[type=text],
main section .inner-wrap input[type=number] {
    padding: 10px 13px 13px;
  }
}

@media (max-width: 767.98px) {
  /* line 307, assets/css/new-order.scss */
  main section .inner-wrap input[type=text],
main section .inner-wrap input[type=number] {
    padding: 8px 10px 10px;
    border-radius: 12px;
  }
}

/* line 328, assets/css/new-order.scss */
main section .inner-wrap input[type=text]:read-only,
main section .inner-wrap input[type=number]:read-only {
  background-color: #D2D2D8;
}

/* line 333, assets/css/new-order.scss */
main section .inner-wrap #orderform-category {
  display: none;
}

/* line 339, assets/css/new-order.scss */
main section .inner-wrap #service_description .panel-body {
  background-color: #EEEEEE;
  border-radius: 5px;
  padding: 20px;
  transition: font 0.3s, padding 0.3s;
}

@media (max-width: 991.98px) {
  /* line 339, assets/css/new-order.scss */
  main section .inner-wrap #service_description .panel-body {
    padding: 15px;
  }
}

@media (max-width: 767.98px) {
  /* line 339, assets/css/new-order.scss */
  main section .inner-wrap #service_description .panel-body {
    padding: 10px;
  }
}

/* line 363, assets/css/new-order.scss */
main section .inner-wrap #order_link label .link-guide,
main section .inner-wrap #order_username label .link-guide {
  font-weight: 400;
  padding: 3px 8px 4px;
  margin-left: 10px;
  border-radius: 5px;
  background-color: #061328;
  color: #FFFFFF;
  transition: padding 0.3s;
}

@media (max-width: 991.98px) {
  /* line 363, assets/css/new-order.scss */
  main section .inner-wrap #order_link label .link-guide,
main section .inner-wrap #order_username label .link-guide {
    padding: 2px 7px 3px;
  }
}

@media (max-width: 767.98px) {
  /* line 363, assets/css/new-order.scss */
  main section .inner-wrap #order_link label .link-guide,
main section .inner-wrap #order_username label .link-guide {
    padding: 1px 5px 2px;
  }
}

@media (max-width: 365px) {
  /* line 363, assets/css/new-order.scss */
  main section .inner-wrap #order_link label .link-guide,
main section .inner-wrap #order_username label .link-guide {
    margin: 0 0 0 5px;
  }
}

/* line 386, assets/css/new-order.scss */
main section .inner-wrap #order_link label .link-guide.hidden,
main section .inner-wrap #order_username label .link-guide.hidden {
  display: none;
}

/* line 392, assets/css/new-order.scss */
main section .inner-wrap #order_link.tutorial label .link-guide,
main section .inner-wrap #order_username.tutorial label .link-guide {
  opacity: 0.5;
}

/* line 397, assets/css/new-order.scss */
main section .inner-wrap #order_quantity .min-max {
  color: #999999;
  transition: font 0.3s;
}

/* line 404, assets/css/new-order.scss */
main section .inner-wrap #order_comment [name="OrderForm[comment]"] {
  width: 100%;
  resize: none;
}

/* line 409, assets/css/new-order.scss */
main section .inner-wrap #dripfeed {
  margin-top: 25px;
  transition: margin 0.3s;
}

/* line 413, assets/css/new-order.scss */
main section .inner-wrap #dripfeed #order_check .hidden {
  display: none;
}

/* line 418, assets/css/new-order.scss */
main section .inner-wrap #dripfeed #order_check .form-group__checkbox-label {
  vertical-align: middle;
}

/* line 472, assets/css/new-order.scss */
main section .inner-wrap #dripfeed #order_check .form-group__label-title {
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 767.98px) {
  /* line 472, assets/css/new-order.scss */
  main section .inner-wrap #dripfeed #order_check .form-group__label-title {
    font-family: "Noto Sans", sans-serif;
    font-weight: 500;
  }
}

/* line 486, assets/css/new-order.scss */
main section .inner-wrap #dripfeed .control-label {
  margin: 15px 0 10px;
}

@media (max-width: 991.98px) {
  /* line 486, assets/css/new-order.scss */
  main section .inner-wrap #dripfeed .control-label {
    margin: 10px 0 8px;
  }
}

@media (max-width: 767.98px) {
  /* line 486, assets/css/new-order.scss */
  main section .inner-wrap #dripfeed .control-label {
    margin: 5px 0;
  }
}

/* line 498, assets/css/new-order.scss */
main section .inner-wrap #dripfeed .form-control {
  margin-bottom: 5px;
}

@media (max-width: 991.98px) {
  /* line 498, assets/css/new-order.scss */
  main section .inner-wrap #dripfeed .form-control {
    margin-bottom: 8px;
  }
}

@media (max-width: 767.98px) {
  /* line 498, assets/css/new-order.scss */
  main section .inner-wrap #dripfeed .form-control {
    margin-bottom: 10px;
  }
}

/* line 511, assets/css/new-order.scss */
main section .inner-wrap #charge {
  font-weight: 600;
  transition: font 0.3s;
}

/* line 520, assets/css/new-order.scss */
main section .inner-wrap #order_min .row,
main section .inner-wrap #order_delay .row {
  font-size: 0;
}

/* line 523, assets/css/new-order.scss */
main section .inner-wrap #order_min .row > *,
main section .inner-wrap #order_delay .row > * {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 10px);
  transition: width 0.3s, margin 0.3s;
}

@media (max-width: 767.98px) {
  /* line 523, assets/css/new-order.scss */
  main section .inner-wrap #order_min .row > *,
main section .inner-wrap #order_delay .row > * {
    width: calc(50% - 5px);
  }
}

/* line 533, assets/css/new-order.scss */
main section .inner-wrap #order_min .row > * + *,
main section .inner-wrap #order_delay .row > * + * {
  margin-left: 20px;
}

@media (max-width: 767.98px) {
  /* line 533, assets/css/new-order.scss */
  main section .inner-wrap #order_min .row > * + *,
main section .inner-wrap #order_delay .row > * + * {
    margin-left: 10px;
  }
}

/* line 541, assets/css/new-order.scss */
main section .inner-wrap #order_min .row > * small,
main section .inner-wrap #order_delay .row > * small {
  color: #999999;
  white-space: nowrap;
  transition: font 0.3s;
}

/* line 552, assets/css/new-order.scss */
main section .inner-wrap #terms {
  margin-top: 10px;
}

/* line 555, assets/css/new-order.scss */
main section .inner-wrap #terms a {
  color: #0068FF;
}

/* line 560, assets/css/new-order.scss */
main section .inner-wrap button[type=submit],
main section .inner-wrap .validate-btn {
  font-weight: 500;
  width: 100%;
  padding: 15px;
  text-align: center;
  background-color: #061328;
  color: #FFFFFF;
  border-radius: 18px;
  margin-top: 30px;
  transition: background 0.3s;
}

/* line 574, assets/css/new-order.scss */
main section .inner-wrap button[type=submit]:disabled,
main section .inner-wrap .validate-btn:disabled {
  background-color: #D2D2D8;
}

@media (max-width: 767.98px) {
  /* line 560, assets/css/new-order.scss */
  main section .inner-wrap button[type=submit],
main section .inner-wrap .validate-btn {
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    border-radius: 10px;
  }
}

/* line 585, assets/css/new-order.scss */
main section .inner-wrap .validate-btn {
  margin-top: 10px;
  background-color: #FF38AE;
}

/* line 593, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner {
  position: relative;
}

/* line 596, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  overflow: hidden;
  height: 300px;
  text-align: center;
  transition: opacity 0.3s, height 0.3s, background 0.3s;
}

@media (max-width: 991.98px) {
  /* line 596, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .banner > div {
    height: 240px;
  }
}

@media (max-width: 767.98px) {
  /* line 596, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .banner > div {
    height: 180px;
  }
}

/* line 619, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner > div img {
  transition: height 0.3s;
  height: 100%;
  position: absolute;
}

/* line 625, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner > div.event {
  position: relative;
  background-color: #F9F6ED;
  background: linear-gradient(0, #5a1ed2, #1e0e3f);
}

@media (max-width: 767.98px) {
  /* line 640, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .banner > div.event img {
    height: 90%;
    transform: translate(0, 9px);
  }
}

/* line 649, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner > div.event::before, main section .inner-wrap .platform-wrap .banner > div.event::after {
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  width: 130px;
  height: 100px;
  transition: width 0.3s, height 0.3s, right 0.3s, background 0.3s;
  z-index: 1;
}

@media (max-width: 991.98px) {
  /* line 649, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .banner > div.event::before, main section .inner-wrap .platform-wrap .banner > div.event::after {
    width: 115px;
  }
}

@media (max-width: 767.98px) {
  /* line 649, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .banner > div.event::before, main section .inner-wrap .platform-wrap .banner > div.event::after {
    width: 100px;
  }
}

/* line 672, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner > div.event::before {
  background-image: url("../assets/img/new-order/banner/event-flag-l.png");
  top: 0;
  left: 0;
}

/* line 682, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner > div.event::after {
  background-image: url("../assets/img/new-order/banner/event-flag-r.png");
  top: 0;
  right: 0;
}

/* line 694, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner > div.ig {
  background-color: #FFEBE6;
}

/* line 701, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner > div.yt {
  background-color: #FDF2CF;
  background-color: #ffd44d;
}

/* line 705, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner > div.yt img {
  transform: translate(4px, 0);
}

/* line 710, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner > div.fb {
  background-color: #FFFCF0;
  background-color: #0239b6;
}

/* line 714, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner > div.fb img {
  transform: translate(21px, 10px);
}

@media (max-width: 767.98px) {
  /* line 714, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .banner > div.fb img {
    transform: translate(14px, 4px);
  }
}

/* line 722, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner > div.mm {
  background-color: #FFFCF0;
  background-color: #DDEDEF;
}

/* line 730, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner > div.etc {
  background-color: #EDF1DF;
}

/* line 733, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner > div.etc img {
  transform: translate(21px, 10px);
}

@media (max-width: 767.98px) {
  /* line 733, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .banner > div.etc img {
    transform: translate(14px, 4px);
  }
}

/* line 741, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner > div.favorites {
  background-color: #2a1c96;
  background: linear-gradient(0, #2e1fa2, #1a1350);
}

/* line 749, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner .edit-btn {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 15px;
  height: 15px;
  background: url("../assets/img/new-order/edit-ico.svg") no-repeat center;
  background-size: 100% auto;
  padding: 0;
}

/* line 759, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner .edit-btn .tutorial-wrap {
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
}

/* line 765, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner .edit-btn .tutorial-wrap .num {
  left: 100%;
  transform: translate(0, 0);
  background-color: #FFFFFF;
  color: #FF0000;
}

@media (max-width: 767.98px) {
  /* line 765, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .banner .edit-btn .tutorial-wrap .num {
    left: calc(100% + 1px);
    transform: translate(-100%, -100%);
  }
}

/* line 777, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .banner .edit-btn .tutorial-wrap .content {
  left: -8px;
  transform: translate(-100%, 0);
  text-align: right;
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  /* line 777, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .banner .edit-btn .tutorial-wrap .content {
    left: 100%;
  }
}

/* line 794, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header {
  display: flex;
  margin-bottom: 14px;
}

@media (max-width: 991.98px) {
  /* line 794, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header {
    margin-bottom: 11px;
  }
}

@media (max-width: 767.98px) {
  /* line 794, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header {
    margin-bottom: 8px;
  }
}

/* line 806, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio] {
  display: none;
}

/* line 810, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="event"] + label::before {
  width: 18px;
  background-image: url("../assets/img/new-order/event.svg");
}

@media (max-width: 991.98px) {
  /* line 810, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="event"] + label::before {
    width: 17px;
  }
}

@media (max-width: 767.98px) {
  /* line 810, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="event"] + label::before {
    width: 16px;
  }
}

/* line 810, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="ig"] + label::before {
  width: 22px;
  background-image: url("../assets/img/new-order/ig.svg");
}

@media (max-width: 991.98px) {
  /* line 810, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="ig"] + label::before {
    width: 19px;
  }
}

@media (max-width: 767.98px) {
  /* line 810, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="ig"] + label::before {
    width: 16px;
  }
}

/* line 810, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="yt"] + label::before {
  width: 24px;
  background-image: url("../assets/img/new-order/yt.svg");
}

@media (max-width: 991.98px) {
  /* line 810, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="yt"] + label::before {
    width: 20px;
  }
}

@media (max-width: 767.98px) {
  /* line 810, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="yt"] + label::before {
    width: 16px;
  }
}

/* line 810, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="fb"] + label::before {
  width: 10px;
  background-image: url("../assets/img/new-order/na.png");
}

@media (max-width: 991.98px) {
  /* line 810, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="fb"] + label::before {
    width: 9px;
  }
}

@media (max-width: 767.98px) {
  /* line 810, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="fb"] + label::before {
    width: 7px;
  }
}

/* line 810, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="mm"] + label::before {
  width: 22px;
  background-image: url("../assets/img/new-order/mm.svg");
}

@media (max-width: 991.98px) {
  /* line 810, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="mm"] + label::before {
    width: 18px;
  }
}

@media (max-width: 767.98px) {
  /* line 810, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="mm"] + label::before {
    width: 14px;
  }
}

/* line 810, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="etc"] + label::before {
  width: 22px;
  background-image: url("../assets/img/new-order/etc.png");
}

@media (max-width: 991.98px) {
  /* line 810, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="etc"] + label::before {
    width: 19px;
  }
}

@media (max-width: 767.98px) {
  /* line 810, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="etc"] + label::before {
    width: 15px;
  }
}

/* line 810, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="favorites"] + label::before {
  width: 22px;
  background-image: url("../assets/img/new-order/favorites.svg");
}

@media (max-width: 991.98px) {
  /* line 810, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="favorites"] + label::before {
    width: 19px;
  }
}

@media (max-width: 767.98px) {
  /* line 810, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="favorites"] + label::before {
    width: 15px;
  }
}

/* line 825, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header label {
  font-weight: 500;
  flex: 0 0 66px;
  background-color: #FAFAFA;
  border-radius: 20px;
  color: #CCCCCC;
  padding: 40px 0 5px;
  text-align: center;
  cursor: pointer;
  position: relative;
  transition: flex 0.3s, font 0.3s, padding 0.3s, background 0.3s, color 0.3s;
}

@media (max-width: 1600px) {
  /* line 825, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label {
    flex: 0 0 64px;
  }
}

@media (max-width: 991.98px) {
  /* line 825, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label {
    flex: 0 0 54px;
    padding: 33px 0 4px;
    border-radius: 16px;
  }
}

@media (max-width: 767.98px) {
  /* line 825, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label {
    font-weight: 400;
    flex: 0 0 42px;
    padding: 25px 0 3px;
    border-radius: 12px;
  }
}

@media (max-width: 360px) {
  /* line 825, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label {
    flex: 0 0 40px;
  }
}

/* line 862, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header label::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 10px;
  transform: translate(-50%, 0);
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  transition: top 0.3s, width 0.3s, height 0.3s, background-color 0.3s;
}

@media (max-width: 991.98px) {
  /* line 862, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label::before {
    top: 8px;
    height: 25px;
  }
}

@media (max-width: 767.98px) {
  /* line 862, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label::before {
    top: 5px;
    height: 20px;
  }
}

/* line 885, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header label::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -3px;
  transform: translate(-50%, 100%);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 14px solid transparent;
  transition: border 0.3s;
}

@media (max-width: 991.98px) {
  /* line 885, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label::after {
    bottom: -2px;
    border-left-width: 11px;
    border-right-width: 11px;
    border-bottom-width: 12px;
  }
}

@media (max-width: 767.98px) {
  /* line 885, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label::after {
    bottom: -1px;
    border-left-width: 10px;
    border-right-width: 10px;
    border-bottom-width: 10px;
  }
}

/* line 911, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header label ~ label {
  margin-left: 3px;
}

/* line 915, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header label .new-ico {
  content: '';
  position: absolute;
  top: 5px;
  right: 7px;
  width: 15px;
  height: 15px;
  background: url("../assets/img/new-order/new-ico.svg") no-repeat center;
  background-size: 100% auto;
}

@media (max-width: 991.98px) {
  /* line 915, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label .new-ico {
    top: 3px;
    right: 6px;
    width: 13px;
    height: 13px;
  }
}

@media (max-width: 767.98px) {
  /* line 915, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label .new-ico {
    top: 2px;
    right: 5px;
    width: 11px;
    height: 11px;
  }
}

/* line 941, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header label.tutorial .tutorial-wrap .num {
  left: 100%;
  transform: translate(0, 0);
  background-color: #FFFFFF;
  color: #FF0000;
}

@media (max-width: 767.98px) {
  /* line 941, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label.tutorial .tutorial-wrap .num {
    left: calc(100% + 1px);
    transform: translate(-100%, -100%);
  }
}

/* line 953, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header label.tutorial .tutorial-wrap .content {
  left: -8px;
  transform: translate(-100%, 0);
  text-align: right;
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  /* line 953, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label.tutorial .tutorial-wrap .content {
    left: 100%;
    width: 250px;
    white-space: normal;
  }
}

/* line 969, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body {
  display: flex;
  flex-wrap: wrap;
  background-color: #FAFAFA;
  padding: 15px 14px;
  border-radius: 20px;
  transition: background 0.3s, padding 0.3s;
}

@media (max-width: 991.98px) {
  /* line 969, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body {
    border-radius: 16px;
  }
}

@media (max-width: 767.98px) {
  /* line 969, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body {
    border-radius: 12px;
  }
}

@media (max-width: 360px) {
  /* line 969, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body {
    padding: 5px;
  }
}

/* line 990, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li {
  display: none;
}

/* line 993, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li input[type=radio] {
  display: none;
}

/* line 996, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li input[type=radio]:checked + label {
  color: #FFFFFF;
}

/* line 1000, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li input[type=radio]:disabled + label {
  display: none;
}

/* line 1005, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li label {
  font-weight: 500;
  display: block;
  background-color: #FFFFFF;
  border-radius: 60px;
  padding: 10px 20px;
  margin: 5px;
  color: #000000;
  cursor: pointer;
  transition: font 0.3s, padding 0.3s, background 0.3s, color 0.3s;
}

@media (max-width: 991.98px) {
  /* line 1005, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li label {
    padding: 8px 15px;
  }
}

@media (max-width: 767.98px) {
  /* line 1005, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li label {
    font-weight: 400;
    padding: 5px 10px;
    margin: 3px;
  }
}

/* line 1029, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap {
  display: block;
  width: 100%;
  padding: 5px;
  transition: font 0.3s;
}

/* line 1037, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn {
  font-weight: 500;
  background-color: #FFFFFF;
  border-radius: 7px;
  padding: 6px 8px 6px 26px;
  transition: font 0.3s, padding 0.3s;
  position: relative;
}

@media (max-width: 991.98px) {
  /* line 1037, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn {
    padding: 6px 9px 6px 29px;
  }
}

@media (max-width: 767.98px) {
  /* line 1037, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn {
    font-weight: 400;
    padding: 5px 10px 5px 25px;
  }
}

/* line 1056, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn::before {
  content: '';
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translate(0, -50%);
  width: 17px;
  height: 17px;
  background: url("../assets/img/new-order/setting-ico.svg") no-repeat center;
  background-size: 100% auto;
  transition: left 0.3s, width 0.3s, height 0.3s;
}

@media (max-width: 991.98px) {
  /* line 1056, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn::before {
    left: 10px;
    width: 15px;
    height: 15px;
  }
}

@media (max-width: 767.98px) {
  /* line 1056, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn::before {
    left: 10px;
    width: 13px;
    height: 13px;
  }
}

/* line 1082, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap span {
  font-size: 15px;
  font-weight: 500;
  transition: font 0.3s;
}

@media (max-width: 767.98px) {
  /* line 1082, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap span {
    font-size: 10px;
  }
}

/* line 1094, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] {
  width: 100%;
  text-align: center;
}

/* line 1098, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] p {
  font-weight: 500;
  margin: 10px 0 20px;
  transition: font 0.3s, margin 0.3s;
}

@media (max-width: 991.98px) {
  /* line 1098, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] p {
    margin: 9px 0 19px;
  }
}

@media (max-width: 767.98px) {
  /* line 1098, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] p {
    margin: 8px 0 17px;
  }
}

/* line 1114, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn {
  font-weight: 500;
  background-color: #1B1455;
  color: #FFFFFF;
  padding: 12px 20px 14px 50px;
  border-radius: 13px;
  position: relative;
  margin-bottom: 17px;
  transition: font 0.3s, border 0.3s, margin 0.3s, padding 0.3s;
}

@media (max-width: 991.98px) {
  /* line 1114, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn {
    border-radius: 12px;
    padding: 10px 14px 12px 40px;
    margin-bottom: 11px;
  }
}

@media (max-width: 767.98px) {
  /* line 1114, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn {
    border-radius: 10px;
    padding: 8px 8px 9px 30px;
    margin-bottom: 5px;
  }
}

/* line 1138, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url("../assets/img/new-order/setting-ico.svg") no-repeat center/100% auto;
  transition: left 0.3s, width 0.3s, height 0.3s;
}

@media (max-width: 991.98px) {
  /* line 1138, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn::before {
    left: 14px;
    width: 22px;
    height: 22px;
  }
}

@media (max-width: 767.98px) {
  /* line 1138, assets/css/new-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn::before {
    left: 8px;
    width: 20px;
    height: 20px;
  }
}

/* line 1171, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="event"] .banner .event {
  opacity: 1;
}

/* line 1177, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="event"] .tab .tab-header input[value="event"]:checked + label {
  background-color: #FFE7A1;
  color: #FF38AE;
}

/* line 1181, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="event"] .tab .tab-header input[value="event"]:checked + label::before {
  background-image: url("../assets/img/new-order/event-color.svg");
}

/* line 1185, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="event"] .tab .tab-header input[value="event"]:checked + label::after {
  border-bottom-color: #FFE7A1;
}

/* line 1191, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="event"] .tab .tab-body {
  background-color: #FFE7A1;
}

/* line 1194, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="event"] .tab .tab-body li[data-category="event"]:not(.hidden) {
  display: block;
}

/* line 1198, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="event"] .tab .tab-body li input[type=radio]:checked + label {
  background-color: #FF38AE;
}

/* line 1205, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="event"]:not(:checked) + label:hover {
  color: rgba(255, 56, 174, 0.5);
}

/* line 1208, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="event"]:not(:checked) + label:hover::before {
  background-image: url("../assets/img/new-order/event-color.svg");
  opacity: 0.5;
}

/* line 1171, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="ig"] .banner .ig {
  opacity: 1;
}

/* line 1177, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="ig"] .tab .tab-header input[value="ig"]:checked + label {
  background-color: #FFEBE6;
  color: #FF38AE;
}

/* line 1181, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="ig"] .tab .tab-header input[value="ig"]:checked + label::before {
  background-image: url("../assets/img/new-order/ig-color.svg");
}

/* line 1185, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="ig"] .tab .tab-header input[value="ig"]:checked + label::after {
  border-bottom-color: #FFEBE6;
}

/* line 1191, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="ig"] .tab .tab-body {
  background-color: #FFEBE6;
}

/* line 1194, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="ig"] .tab .tab-body li[data-category="ig"]:not(.hidden) {
  display: block;
}

/* line 1198, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="ig"] .tab .tab-body li input[type=radio]:checked + label {
  background-color: #FF38AE;
}

/* line 1205, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="ig"]:not(:checked) + label:hover {
  color: rgba(255, 56, 174, 0.5);
}

/* line 1208, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="ig"]:not(:checked) + label:hover::before {
  background-image: url("../assets/img/new-order/ig-color.svg");
  opacity: 0.5;
}

/* line 1171, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="yt"] .banner .yt {
  opacity: 1;
}

/* line 1177, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="yt"] .tab .tab-header input[value="yt"]:checked + label {
  background-color: #FDF2CF;
  color: #FF4848;
}

/* line 1181, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="yt"] .tab .tab-header input[value="yt"]:checked + label::before {
  background-image: url("../assets/img/new-order/yt-color.svg");
}

/* line 1185, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="yt"] .tab .tab-header input[value="yt"]:checked + label::after {
  border-bottom-color: #FDF2CF;
}

/* line 1191, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="yt"] .tab .tab-body {
  background-color: #FDF2CF;
}

/* line 1194, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="yt"] .tab .tab-body li[data-category="yt"]:not(.hidden) {
  display: block;
}

/* line 1198, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="yt"] .tab .tab-body li input[type=radio]:checked + label {
  background-color: #FF4848;
}

/* line 1205, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="yt"]:not(:checked) + label:hover {
  color: rgba(255, 72, 72, 0.5);
}

/* line 1208, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="yt"]:not(:checked) + label:hover::before {
  background-image: url("../assets/img/new-order/yt-color.svg");
  opacity: 0.5;
}

/* line 1171, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="fb"] .banner .fb {
  opacity: 1;
}

/* line 1177, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="fb"] .tab .tab-header input[value="fb"]:checked + label {
  background-color: #D8E3FF;
  color: #4473E7;
}

/* line 1181, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="fb"] .tab .tab-header input[value="fb"]:checked + label::before {
  background-image: url("../assets/img/new-order/na-color.png");
}

/* line 1185, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="fb"] .tab .tab-header input[value="fb"]:checked + label::after {
  border-bottom-color: #D8E3FF;
}

/* line 1191, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="fb"] .tab .tab-body {
  background-color: #D8E3FF;
}

/* line 1194, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="fb"] .tab .tab-body li[data-category="fb"]:not(.hidden) {
  display: block;
}

/* line 1198, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="fb"] .tab .tab-body li input[type=radio]:checked + label {
  background-color: #4473E7;
}

/* line 1205, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="fb"]:not(:checked) + label:hover {
  color: rgba(68, 115, 231, 0.5);
}

/* line 1208, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="fb"]:not(:checked) + label:hover::before {
  background-image: url("../assets/img/new-order/na-color.png");
  opacity: 0.5;
}

/* line 1171, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="mm"] .banner .mm {
  opacity: 1;
}

/* line 1177, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="mm"] .tab .tab-header input[value="mm"]:checked + label {
  background-color: #DDEDEF;
  color: #009DAF;
}

/* line 1181, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="mm"] .tab .tab-header input[value="mm"]:checked + label::before {
  background-image: url("../assets/img/new-order/mm-color.svg");
}

/* line 1185, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="mm"] .tab .tab-header input[value="mm"]:checked + label::after {
  border-bottom-color: #DDEDEF;
}

/* line 1191, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="mm"] .tab .tab-body {
  background-color: #DDEDEF;
}

/* line 1194, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="mm"] .tab .tab-body li[data-category="mm"]:not(.hidden) {
  display: block;
}

/* line 1198, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="mm"] .tab .tab-body li input[type=radio]:checked + label {
  background-color: #009DAF;
}

/* line 1205, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="mm"]:not(:checked) + label:hover {
  color: rgba(0, 157, 175, 0.5);
}

/* line 1208, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="mm"]:not(:checked) + label:hover::before {
  background-image: url("../assets/img/new-order/mm-color.svg");
  opacity: 0.5;
}

/* line 1171, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="etc"] .banner .etc {
  opacity: 1;
}

/* line 1177, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="etc"] .tab .tab-header input[value="etc"]:checked + label {
  background-color: #EDF1DF;
  color: #004060;
}

/* line 1181, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="etc"] .tab .tab-header input[value="etc"]:checked + label::before {
  background-image: url("../assets/img/new-order/etc-color.png");
}

/* line 1185, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="etc"] .tab .tab-header input[value="etc"]:checked + label::after {
  border-bottom-color: #EDF1DF;
}

/* line 1191, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="etc"] .tab .tab-body {
  background-color: #EDF1DF;
}

/* line 1194, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="etc"] .tab .tab-body li[data-category="etc"]:not(.hidden) {
  display: block;
}

/* line 1198, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="etc"] .tab .tab-body li input[type=radio]:checked + label {
  background-color: #004060;
}

/* line 1205, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="etc"]:not(:checked) + label:hover {
  color: rgba(0, 64, 96, 0.5);
}

/* line 1208, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="etc"]:not(:checked) + label:hover::before {
  background-image: url("../assets/img/new-order/etc-color.png");
  opacity: 0.5;
}

/* line 1171, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="favorites"] .banner .favorites {
  opacity: 1;
}

/* line 1177, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="favorites"] .tab .tab-header input[value="favorites"]:checked + label {
  background-color: #EEEDF8;
  color: #1B1455;
}

/* line 1181, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="favorites"] .tab .tab-header input[value="favorites"]:checked + label::before {
  background-image: url("../assets/img/new-order/favorites-color.svg");
}

/* line 1185, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="favorites"] .tab .tab-header input[value="favorites"]:checked + label::after {
  border-bottom-color: #EEEDF8;
}

/* line 1191, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="favorites"] .tab .tab-body {
  background-color: #EEEDF8;
}

/* line 1194, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="favorites"] .tab .tab-body li[data-category="favorites"]:not(.hidden) {
  display: block;
}

/* line 1198, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="favorites"] .tab .tab-body li input[type=radio]:checked + label {
  background-color: #1B1455;
}

/* line 1205, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="favorites"]:not(:checked) + label:hover {
  color: rgba(27, 20, 85, 0.5);
}

/* line 1208, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="favorites"]:not(:checked) + label:hover::before {
  background-image: url("../assets/img/new-order/favorites-color.svg");
  opacity: 0.5;
}

/* line 1216, assets/css/new-order.scss */
main section .inner-wrap .platform-wrap[data-selected="event"] .tab .tab-body li input[type=radio]:checked + label {
  background-color: #00ADD1;
}

/* line 1222, assets/css/new-order.scss */
main section .inner-wrap.server-status {
  font-weight: 300;
  display: inline-block;
  background: transparent linear-gradient(266deg, #E497FF 0%, #7D95FF 100%) 0% 0% no-repeat padding-box;
  color: #FFFFFF;
  padding: 8px 35px 10px;
  border: 0;
  transition: background 0.3s, font 0.3s;
}

@media (max-width: 1399.98px) {
  /* line 1222, assets/css/new-order.scss */
  main section .inner-wrap.server-status {
    position: absolute;
    top: 10px;
    left: 260px;
    right: 30px;
    text-align: center;
  }
}

@media (max-width: 767.98px) {
  /* line 1222, assets/css/new-order.scss */
  main section .inner-wrap.server-status {
    background: #9DA9B8;
    padding: 5px 0 7px;
    top: 0;
    left: 0;
    right: 0;
  }
}

/* line 1250, assets/css/new-order.scss */
main section .inner-wrap.server-status .last-updated {
  color: #FFFFFF;
}

/* line 1255, assets/css/new-order.scss */
main section .inner-wrap.notice {
  margin-top: 24px;
}

/* line 1258, assets/css/new-order.scss */
main section .inner-wrap.notice .notice-wrap {
  padding: 15px 15px 15px 20px;
  border: 1px solid #EEEEEE;
  border-radius: 15px;
  height: 160px;
  transition: padding 0.3s;
}

@media (max-width: 767.98px) {
  /* line 1258, assets/css/new-order.scss */
  main section .inner-wrap.notice .notice-wrap {
    padding: 10px 10px 10px 15px;
  }
}

/* line 1269, assets/css/new-order.scss */
main section .inner-wrap.notice .notice-wrap ul {
  overflow: auto;
  height: 100%;
  padding: 0 5px 0 0;
}

/* line 1274, assets/css/new-order.scss */
main section .inner-wrap.notice .notice-wrap ul li {
  transition: font 0.3s, padding 0.3s;
  color: #333333;
  margin-top: 5px;
}

/* line 1281, assets/css/new-order.scss */
main section .inner-wrap.notice .notice-wrap ul li[data-date] {
  position: relative;
  padding-left: 70px;
}

@media (max-width: 991.98px) {
  /* line 1281, assets/css/new-order.scss */
  main section .inner-wrap.notice .notice-wrap ul li[data-date] {
    padding-left: 65px;
  }
}

@media (max-width: 767.98px) {
  /* line 1281, assets/css/new-order.scss */
  main section .inner-wrap.notice .notice-wrap ul li[data-date] {
    padding-left: 60px;
  }
}

/* line 1293, assets/css/new-order.scss */
main section .inner-wrap.notice .notice-wrap ul li[data-date]::before {
  content: attr(data-date);
  font-weight: 500;
  position: absolute;
  left: 0;
}

/* line 1311, assets/css/new-order.scss */
main section .inner-wrap.guide .guide-wrap ul li + li {
  margin-top: 10px;
}

/* line 1315, assets/css/new-order.scss */
main section .inner-wrap.guide .guide-wrap ul li a,
main section .inner-wrap.guide .guide-wrap ul li button {
  display: block;
  width: 100%;
  border-radius: 13px;
  padding: 13px 20px 15px;
  text-align: left;
  transition: font 0.3s, padding 0.3s;
  position: relative;
}

@media (max-width: 991.98px) {
  /* line 1315, assets/css/new-order.scss */
  main section .inner-wrap.guide .guide-wrap ul li a,
main section .inner-wrap.guide .guide-wrap ul li button {
    padding: 11px 18px 13px;
  }
}

@media (max-width: 767.98px) {
  /* line 1315, assets/css/new-order.scss */
  main section .inner-wrap.guide .guide-wrap ul li a,
main section .inner-wrap.guide .guide-wrap ul li button {
    padding: 8px 15px 10px;
  }
}

/* line 1339, assets/css/new-order.scss */
main section .inner-wrap.guide .guide-wrap ul li a .arrow,
main section .inner-wrap.guide .guide-wrap ul li button .arrow {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%);
  height: 20px;
  width: 20px;
  transition: height 0.3s, width 0.3s;
}

/* line 1348, assets/css/new-order.scss */
main section .inner-wrap.guide .guide-wrap ul li a .arrow::before, main section .inner-wrap.guide .guide-wrap ul li a .arrow::after,
main section .inner-wrap.guide .guide-wrap ul li button .arrow::before,
main section .inner-wrap.guide .guide-wrap ul li button .arrow::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: right;
  transform: translate(-50%, -50%);
  width: 40%;
  height: 2px;
  background-color: #000000;
  transition: background-color 0.3s;
}

/* line 1362, assets/css/new-order.scss */
main section .inner-wrap.guide .guide-wrap ul li a .arrow::before,
main section .inner-wrap.guide .guide-wrap ul li button .arrow::before {
  transform: translate(-50%, -50%) rotate(45deg) translate(0, 1px);
}

/* line 1366, assets/css/new-order.scss */
main section .inner-wrap.guide .guide-wrap ul li a .arrow::after,
main section .inner-wrap.guide .guide-wrap ul li button .arrow::after {
  transform: translate(-50%, -50%) rotate(-45deg) translate(0, -1px);
}

/* line 1372, assets/css/new-order.scss */
main section .inner-wrap.guide .guide-wrap ul li a {
  border: 1px solid #DDDDDD;
}

/* line 1376, assets/css/new-order.scss */
main section .inner-wrap.guide .guide-wrap ul li button {
  background-color: #F9F6ED;
  border: 1px solid #F9F6ED;
}

/* line 1380, assets/css/new-order.scss */
main section .inner-wrap.guide .guide-wrap ul li button.ig-top {
  background-color: #ffe8a3;
  border-color: #ffe8a3;
}

/* line 1386, assets/css/new-order.scss */
main section .inner-wrap.guide .guide-wrap ul li p {
  display: none;
}

/* line 1395, assets/css/new-order.scss */
main section .inner-wrap.new-order:not(.visible) {
  display: none;
}

/* line 1399, assets/css/new-order.scss */
main section .inner-wrap.setting {
  position: relative;
  margin-top: 0;
}

/* line 1403, assets/css/new-order.scss */
main section .inner-wrap.setting:not(.visible) {
  display: none;
}

/* line 1407, assets/css/new-order.scss */
main section .inner-wrap.setting h3 {
  font-weight: 700;
  transition: font 0.3s;
}

/* line 1414, assets/css/new-order.scss */
main section .inner-wrap.setting .reset-btn {
  font-weight: 400;
  color: #333333;
  position: absolute;
  top: 40px;
  right: 25px;
  padding: 0 0 0 25px;
  transition: font 0.3s, top 0.3s, right 0.3s;
}

@media (max-width: 767.98px) {
  /* line 1414, assets/css/new-order.scss */
  main section .inner-wrap.setting .reset-btn {
    display: none;
    top: 0;
    right: 20px;
    background-color: #EEEEEE;
    border-radius: 3px;
    padding: 3px 5px 3px 20px;
  }
}

/* line 1434, assets/css/new-order.scss */
main section .inner-wrap.setting .reset-btn::before {
  content: '메뉴 ';
}

@media (max-width: 767.98px) {
  /* line 1434, assets/css/new-order.scss */
  main section .inner-wrap.setting .reset-btn::before {
    content: none;
  }
}

/* line 1442, assets/css/new-order.scss */
main section .inner-wrap.setting .reset-btn::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 20px;
  height: 20px;
  background: url("../assets/img/new-order/reset.svg") no-repeat center;
  background-size: auto 100%;
}

@media (max-width: 767.98px) {
  /* line 1442, assets/css/new-order.scss */
  main section .inner-wrap.setting .reset-btn::after {
    left: 5px;
    width: 12px;
    height: 12px;
  }
}

/* line 1461, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap {
  margin-bottom: 35px;
}

/* line 1466, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-header {
  margin: 0 -5px 5px;
}

/* line 1470, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio] {
  display: none;
}

/* line 1473, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio] + label {
  font-weight: 700;
  color: #CCCCCC;
  white-space: nowrap;
  transition: font 0.3s, margin 0.3s, color 0.3s;
  margin-left: 20px;
  margin: 0 10px;
}

/* line 1481, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio] + label .count {
  color: #CCCCCC;
  transition: font 0.3s, color 0.3s;
}

@media (max-width: 991.98px) {
  /* line 1473, assets/css/new-order.scss */
  main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio] + label {
    margin-left: 18px;
    margin: 0 9px;
  }
}

@media (max-width: 767.98px) {
  /* line 1473, assets/css/new-order.scss */
  main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio] + label {
    margin-left: 15px;
    margin: 0 7px;
  }
}

/* line 1500, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio]:checked + label {
  color: #000000;
}

/* line 1503, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio]:checked + label .count {
  color: #000000;
}

/* line 1513, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body {
  background-color: #FAFAFA;
  border: 1px solid #EAEAEA;
  border-radius: 15px;
  padding: 7px 20px;
}

/* line 1519, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap {
  display: none;
  padding: 15px 0;
}

/* line 1524, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap[data-platform="event"] + [data-platform="event"] {
  border-top: 1px solid #D2D2D8;
}

/* line 1524, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap[data-platform="ig"] + [data-platform="ig"] {
  border-top: 1px solid #D2D2D8;
}

/* line 1524, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap[data-platform="yt"] + [data-platform="yt"] {
  border-top: 1px solid #D2D2D8;
}

/* line 1524, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap[data-platform="fb"] + [data-platform="fb"] {
  border-top: 1px solid #D2D2D8;
}

/* line 1524, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap[data-platform="mm"] + [data-platform="mm"] {
  border-top: 1px solid #D2D2D8;
}

/* line 1524, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap[data-platform="etc"] + [data-platform="etc"] {
  border-top: 1px solid #D2D2D8;
}

/* line 1529, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap .service-wrap {
  padding: 5px 0 5px 20px;
}

/* line 1532, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap .service-wrap li {
  padding: 4px 0;
}

/* line 1536, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap .service-wrap li input[type=checkbox] + label {
  display: block;
  margin: 0;
}

@media (max-width: 767.98px) {
  /* line 1540, assets/css/new-order.scss */
  main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap .service-wrap li input[type=checkbox] + label::before {
    top: 10px;
  }
}

/* line 1547, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap .service-wrap li input[type=checkbox]:checked + label::after {
  top: 9px;
}

/* line 1557, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap[data-selected="event"] .tab-body .category-wrap[data-platform="event"] {
  display: block;
}

/* line 1557, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap[data-selected="ig"] .tab-body .category-wrap[data-platform="ig"] {
  display: block;
}

/* line 1557, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap[data-selected="yt"] .tab-body .category-wrap[data-platform="yt"] {
  display: block;
}

/* line 1557, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap[data-selected="fb"] .tab-body .category-wrap[data-platform="fb"] {
  display: block;
}

/* line 1557, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap[data-selected="mm"] .tab-body .category-wrap[data-platform="mm"] {
  display: block;
}

/* line 1557, assets/css/new-order.scss */
main section .inner-wrap.setting .tab-wrap[data-selected="etc"] .tab-body .category-wrap[data-platform="etc"] {
  display: block;
}

/* line 1690, assets/css/new-order.scss */
main section .inner-wrap.setting .button-wrap {
  display: flex;
  background-color: #FFFFFF;
}

@media (max-width: 767.98px) {
  /* line 1690, assets/css/new-order.scss */
  main section .inner-wrap.setting .button-wrap {
    position: fixed;
    left: 0;
    bottom: 55px;
    width: 100%;
    box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.11);
    padding: 10px 15px;
  }
}

/* line 1703, assets/css/new-order.scss */
main section .inner-wrap.setting .button-wrap button {
  font-weight: 500;
  flex: 1;
  padding: 15px 0;
  background-color: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 15px;
  transition: font 0.3s;
}

@media (max-width: 767.98px) {
  /* line 1703, assets/css/new-order.scss */
  main section .inner-wrap.setting .button-wrap button {
    border: 0;
  }
}

/* line 1718, assets/css/new-order.scss */
main section .inner-wrap.setting .button-wrap button.reset-btn {
  display: none;
  flex: none;
  position: relative;
  top: auto;
  right: auto;
  padding: 15px 15px 15px 30px;
  margin-right: 5px;
}

@media (max-width: 767.98px) {
  /* line 1718, assets/css/new-order.scss */
  main section .inner-wrap.setting .button-wrap button.reset-btn {
    display: block;
  }
}

/* line 1732, assets/css/new-order.scss */
main section .inner-wrap.setting .button-wrap button.reset-btn::after {
  width: 20px;
  height: 20px;
}

/* line 1738, assets/css/new-order.scss */
main section .inner-wrap.setting .button-wrap button.cancel-btn {
  border: 1px solid #EEEEEE;
}

/* line 1742, assets/css/new-order.scss */
main section .inner-wrap.setting .button-wrap button.apply-btn {
  background-color: #061328;
  color: #FFFFFF;
  margin-left: 5px;
}

/* line 1756, assets/css/new-order.scss */
.popup-wrap.guide .inner,
.popup-wrap.alert .inner {
  flex: 0 0 calc(100% - 30px);
  max-width: 730px;
  background-color: #FFFFFF;
  border-radius: 20px;
  box-shadow: 0px 5px 9px #00000029;
  padding: 50px 30px;
}

@media (max-width: 767.98px) {
  /* line 1756, assets/css/new-order.scss */
  .popup-wrap.guide .inner,
.popup-wrap.alert .inner {
    max-width: calc(100vw - 20px);
  }
}

/* line 1769, assets/css/new-order.scss */
.popup-wrap.guide .inner > h3,
.popup-wrap.alert .inner > h3 {
  margin: 0 0 10px;
}

/* line 1775, assets/css/new-order.scss */
.popup-wrap.guide .inner .content,
.popup-wrap.alert .inner .content {
  border: 1px solid #E4E4E4;
  border-radius: 5px;
  background-color: #F9F9F9;
  min-height: 50px;
  overflow-y: auto;
  max-height: 50vh;
}

/* line 1783, assets/css/new-order.scss */
.popup-wrap.guide .inner .content .video,
.popup-wrap.alert .inner .content .video {
  width: 100%;
  height: 400px;
  display: block;
  margin: 0 auto;
  transition: height 0.3s;
}

@media (max-width: 991.98px) {
  /* line 1783, assets/css/new-order.scss */
  .popup-wrap.guide .inner .content .video,
.popup-wrap.alert .inner .content .video {
    height: 300px;
  }
}

@media (max-width: 767.98px) {
  /* line 1783, assets/css/new-order.scss */
  .popup-wrap.guide .inner .content .video,
.popup-wrap.alert .inner .content .video {
    height: 250px;
  }
}

/* line 1799, assets/css/new-order.scss */
.popup-wrap.guide .inner .content .img-wrap,
.popup-wrap.alert .inner .content .img-wrap {
  display: flex;
  flex-direction: column;
  padding: 10px;
}

/* line 1804, assets/css/new-order.scss */
.popup-wrap.guide .inner .content .img-wrap img,
.popup-wrap.alert .inner .content .img-wrap img {
  width: 100%;
}

/* line 1810, assets/css/new-order.scss */
.popup-wrap.guide .inner .button-wrap,
.popup-wrap.alert .inner .button-wrap {
  text-align: center;
  margin-top: 30px;
}

/* line 1814, assets/css/new-order.scss */
.popup-wrap.guide .inner .button-wrap button,
.popup-wrap.alert .inner .button-wrap button {
  font-size: 18px;
  font-weight: 500;
  padding: 10px 50px;
  background-color: #061328;
  border-radius: 15px;
  color: #FFFFFF;
}

/* line 1831, assets/css/new-order.scss */
.popup-wrap.alert .inner .content {
  padding: 10px;
}

/* line 1838, assets/css/new-order.scss */
.popup-wrap.alert.success .inner {
  max-width: 320px;
  padding: 40px 30px 20px;
}

/* line 1842, assets/css/new-order.scss */
.popup-wrap.alert.success .inner > h3 {
  text-align: center;
}

/* line 1846, assets/css/new-order.scss */
.popup-wrap.alert.success .inner .button-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 1851, assets/css/new-order.scss */
.popup-wrap.alert.success .inner .button-wrap .close-btn {
  padding: 10px 25px;
}

/* line 1855, assets/css/new-order.scss */
.popup-wrap.alert.success .inner .button-wrap a {
  font-size: 13px;
  font-weight: 500;
  color: #666666;
  margin-top: 35px;
  position: relative;
}

/* line 1863, assets/css/new-order.scss */
.popup-wrap.alert.success .inner .button-wrap a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #666666;
}