@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 15, assets/css2/_fonts.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.summary-wrap {
  font-size: 13px;
}

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

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

/* line 27, assets/css2/_fonts.scss */
aside ~ main section .inner-wrap #order_min .row > * small,
aside ~ main section .inner-wrap #order_delay .row > * small {
  font-size: 14px;
}

@media (max-width: 991.98px) {
  /* line 27, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap #order_min .row > * small,
aside ~ main section .inner-wrap #order_delay .row > * small {
    font-size: 12px;
  }
}

@media (max-width: 767.98px) {
  /* line 27, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap #order_min .row > * small,
aside ~ main section .inner-wrap #order_delay .row > * small {
    font-size: 10px;
  }
}

/* line 39, assets/css2/_fonts.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label, aside ~ main section .inner-wrap #order_quantity .min-max, aside ~ main section .inner-wrap .control-label[for="charge"] span,
aside ~ main section .inner-wrap [for="field-orderform-fields-expiry"][for="charge"] span {
  font-size: 14px;
}

@media (max-width: 991.98px) {
  /* line 39, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label, aside ~ main section .inner-wrap #order_quantity .min-max, aside ~ main section .inner-wrap .control-label[for="charge"] span,
aside ~ main section .inner-wrap [for="field-orderform-fields-expiry"][for="charge"] span {
    font-size: 13px;
  }
}

@media (max-width: 767.98px) {
  /* line 39, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label, aside ~ main section .inner-wrap #order_quantity .min-max, aside ~ main section .inner-wrap .control-label[for="charge"] span,
aside ~ main section .inner-wrap [for="field-orderform-fields-expiry"][for="charge"] span {
    font-size: 12px;
  }
}

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

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

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

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

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

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

/* line 123, assets/css2/_fonts.scss */
aside ~ main section .inner-wrap.notice .notice-wrap ul li, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li[data-category="favorites"] p, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li input[type="radio"] + label, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.favorites input[type="radio"] + label .edit-btn, aside ~ main section .inner-wrap #service_description .panel-body, aside ~ main section .inner-wrap input[type="text"],
aside ~ main section .inner-wrap input[type="number"], aside ~ main section .inner-wrap select {
  font-size: 16px;
}

@media (max-width: 991.98px) {
  /* line 123, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap.notice .notice-wrap ul li, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li[data-category="favorites"] p, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li input[type="radio"] + label, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.favorites input[type="radio"] + label .edit-btn, aside ~ main section .inner-wrap #service_description .panel-body, aside ~ main section .inner-wrap input[type="text"],
aside ~ main section .inner-wrap input[type="number"], aside ~ main section .inner-wrap select {
    font-size: 15px;
  }
}

@media (max-width: 767.98px) {
  /* line 123, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap.notice .notice-wrap ul li, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li[data-category="favorites"] p, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li input[type="radio"] + label, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.favorites input[type="radio"] + label .edit-btn, aside ~ main section .inner-wrap #service_description .panel-body, aside ~ main section .inner-wrap input[type="text"],
aside ~ main section .inner-wrap input[type="number"], aside ~ main section .inner-wrap select {
    font-size: 14px;
  }
}

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

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

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

/* line 171, assets/css2/_fonts.scss */
aside ~ main section .inner-wrap.setting .button-wrap button {
  font-size: 18px;
}

@media (max-width: 991.98px) {
  /* line 171, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap.setting .button-wrap button {
    font-size: 16px;
  }
}

@media (max-width: 767.98px) {
  /* line 171, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap.setting .button-wrap button {
    font-size: 14px;
  }
}

/* line 183, assets/css2/_fonts.scss */
aside ~ main section .inner-wrap button[type="submit"],
aside ~ main section .inner-wrap .validate-btn, aside ~ main section .inner-wrap #charge {
  font-size: 18px;
}

@media (max-width: 991.98px) {
  /* line 183, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap button[type="submit"],
aside ~ main section .inner-wrap .validate-btn, aside ~ main section .inner-wrap #charge {
    font-size: 17px;
  }
}

@media (max-width: 767.98px) {
  /* line 183, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap button[type="submit"],
aside ~ main section .inner-wrap .validate-btn, aside ~ main section .inner-wrap #charge {
    font-size: 16px;
  }
}

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

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

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

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

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

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

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

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

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

/* line 591, assets/css2/_fonts.scss */
.user-form .check-wrap, .user-form .remember-wrap .forgot-password, .user-form input[type=text],
.user-form input[type=password],
.user-form input[type=email], .user-form label, aside ~ main section .inner-wrap.setting .tab-wrap .tab-header input[type="radio"] + label, aside ~ main section .inner-wrap.setting .reset-btn, aside ~ main section .inner-wrap.server-status, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li[data-category="favorites"] .edit-btn, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li[data-category="favorites"] p, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.summary-wrap, aside ~ main section .inner-wrap .category-wrap .tab .tab-header input[type="radio"] + label, aside ~ main section .inner-wrap #order_min .row > * small,
aside ~ main section .inner-wrap #order_delay .row > * small, aside ~ main section .inner-wrap .control-label,
aside ~ main section .inner-wrap [for="field-orderform-fields-expiry"] {
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
}

/* line 595, assets/css2/_fonts.scss */
.user-form button[type=submit], .user-form p, .user-form h2, .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, aside ~ main section .inner-wrap.setting .button-wrap button, aside ~ main section .inner-wrap.setting h3, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .title-row .title-text, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul_copy .li-text, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul_copy .blue-border, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul16 .li-text, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul16 .blue-border, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul .li-text, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .post-guide .guide-text, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .example-wrapper .example-text, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .example-wrapper .blue-badge, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul40 .post-guide .guide-text, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-title, aside ~ main section .inner-wrap.guide .guide-wrap ul li a,
aside ~ main section .inner-wrap.guide .guide-wrap ul li button, aside ~ main section .inner-wrap.notice .notice-wrap ul li, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.summary-wrap .edit-btn, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li input[type="radio"] + label[data-tag]::before, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li input[type="radio"] + label, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.favorites input[type="radio"] + label .edit-btn, aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label, aside ~ main section .inner-wrap button[type="submit"],
aside ~ main section .inner-wrap .validate-btn, aside ~ main section .inner-wrap #charge, aside ~ main section .inner-wrap #dripfeed #order_check .form-group__label-title, aside ~ main section .inner-wrap #order_quantity .min-max, aside ~ main section .inner-wrap #order_link label .link-guide,
aside ~ main section .inner-wrap #order_username label .link-guide, aside ~ main section .inner-wrap #service_description .panel-body, aside ~ main section .inner-wrap input[type="text"],
aside ~ main section .inner-wrap input[type="number"], aside ~ main section .inner-wrap select, aside ~ main section .inner-wrap .category-wrap > .control-label:not(
[for="field-orderform-fields-total-quantity"],
[for="charge"],
.terms
)::before,
aside ~ main section .inner-wrap #order-form > .form-group > .control-label:not(
[for="field-orderform-fields-total-quantity"],
[for="charge"],
.terms
)::before,
aside ~ main section .inner-wrap #fields > .form-group > .control-label:not(
[for="field-orderform-fields-total-quantity"],
[for="charge"],
.terms
)::before,
aside ~ main section .inner-wrap #dripfeed-options > .form-group > .control-label:not(
[for="field-orderform-fields-total-quantity"],
[for="charge"],
.terms
)::before, aside ~ main section .inner-wrap .control-label[for="charge"],
aside ~ main section .inner-wrap [for="field-orderform-fields-expiry"][for="charge"], aside ~ main section .inner-wrap h3 .tutorial-btn {
  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";
/**
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 15, assets/css2/_fonts.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.summary-wrap {
  font-size: 13px;
}

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

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

/* line 27, assets/css2/_fonts.scss */
aside ~ main section .inner-wrap #order_min .row > * small,
aside ~ main section .inner-wrap #order_delay .row > * small {
  font-size: 14px;
}

@media (max-width: 991.98px) {
  /* line 27, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap #order_min .row > * small,
aside ~ main section .inner-wrap #order_delay .row > * small {
    font-size: 12px;
  }
}

@media (max-width: 767.98px) {
  /* line 27, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap #order_min .row > * small,
aside ~ main section .inner-wrap #order_delay .row > * small {
    font-size: 10px;
  }
}

/* line 39, assets/css2/_fonts.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label, aside ~ main section .inner-wrap #order_quantity .min-max, aside ~ main section .inner-wrap .control-label[for="charge"] span,
aside ~ main section .inner-wrap [for="field-orderform-fields-expiry"][for="charge"] span {
  font-size: 14px;
}

@media (max-width: 991.98px) {
  /* line 39, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label, aside ~ main section .inner-wrap #order_quantity .min-max, aside ~ main section .inner-wrap .control-label[for="charge"] span,
aside ~ main section .inner-wrap [for="field-orderform-fields-expiry"][for="charge"] span {
    font-size: 13px;
  }
}

@media (max-width: 767.98px) {
  /* line 39, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label, aside ~ main section .inner-wrap #order_quantity .min-max, aside ~ main section .inner-wrap .control-label[for="charge"] span,
aside ~ main section .inner-wrap [for="field-orderform-fields-expiry"][for="charge"] span {
    font-size: 12px;
  }
}

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

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

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

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

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

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

/* line 123, assets/css2/_fonts.scss */
aside ~ main section .inner-wrap.notice .notice-wrap ul li, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li[data-category="favorites"] p, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li input[type="radio"] + label, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.favorites input[type="radio"] + label .edit-btn, aside ~ main section .inner-wrap #service_description .panel-body, aside ~ main section .inner-wrap input[type="text"],
aside ~ main section .inner-wrap input[type="number"], aside ~ main section .inner-wrap select {
  font-size: 16px;
}

@media (max-width: 991.98px) {
  /* line 123, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap.notice .notice-wrap ul li, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li[data-category="favorites"] p, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li input[type="radio"] + label, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.favorites input[type="radio"] + label .edit-btn, aside ~ main section .inner-wrap #service_description .panel-body, aside ~ main section .inner-wrap input[type="text"],
aside ~ main section .inner-wrap input[type="number"], aside ~ main section .inner-wrap select {
    font-size: 15px;
  }
}

@media (max-width: 767.98px) {
  /* line 123, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap.notice .notice-wrap ul li, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li[data-category="favorites"] p, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li input[type="radio"] + label, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.favorites input[type="radio"] + label .edit-btn, aside ~ main section .inner-wrap #service_description .panel-body, aside ~ main section .inner-wrap input[type="text"],
aside ~ main section .inner-wrap input[type="number"], aside ~ main section .inner-wrap select {
    font-size: 14px;
  }
}

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

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

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

/* line 171, assets/css2/_fonts.scss */
aside ~ main section .inner-wrap.setting .button-wrap button {
  font-size: 18px;
}

@media (max-width: 991.98px) {
  /* line 171, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap.setting .button-wrap button {
    font-size: 16px;
  }
}

@media (max-width: 767.98px) {
  /* line 171, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap.setting .button-wrap button {
    font-size: 14px;
  }
}

/* line 183, assets/css2/_fonts.scss */
aside ~ main section .inner-wrap button[type="submit"],
aside ~ main section .inner-wrap .validate-btn, aside ~ main section .inner-wrap #charge {
  font-size: 18px;
}

@media (max-width: 991.98px) {
  /* line 183, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap button[type="submit"],
aside ~ main section .inner-wrap .validate-btn, aside ~ main section .inner-wrap #charge {
    font-size: 17px;
  }
}

@media (max-width: 767.98px) {
  /* line 183, assets/css2/_fonts.scss */
  aside ~ main section .inner-wrap button[type="submit"],
aside ~ main section .inner-wrap .validate-btn, aside ~ main section .inner-wrap #charge {
    font-size: 16px;
  }
}

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

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

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

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

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

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

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

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

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

/* line 591, assets/css2/_fonts.scss */
.user-form .check-wrap, .user-form .remember-wrap .forgot-password, .user-form input[type=text],
.user-form input[type=password],
.user-form input[type=email], .user-form label, aside ~ main section .inner-wrap.setting .tab-wrap .tab-header input[type="radio"] + label, aside ~ main section .inner-wrap.setting .reset-btn, aside ~ main section .inner-wrap.server-status, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li[data-category="favorites"] .edit-btn, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li[data-category="favorites"] p, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.summary-wrap, aside ~ main section .inner-wrap .category-wrap .tab .tab-header input[type="radio"] + label, aside ~ main section .inner-wrap #order_min .row > * small,
aside ~ main section .inner-wrap #order_delay .row > * small, aside ~ main section .inner-wrap .control-label,
aside ~ main section .inner-wrap [for="field-orderform-fields-expiry"] {
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
}

/* line 595, assets/css2/_fonts.scss */
.user-form button[type=submit], .user-form p, .user-form h2, .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, aside ~ main section .inner-wrap.setting .button-wrap button, aside ~ main section .inner-wrap.setting h3, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .title-row .title-text, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul_copy .li-text, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul_copy .blue-border, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul16 .li-text, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul16 .blue-border, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul .li-text, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .post-guide .guide-text, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .example-wrapper .example-text, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .example-wrapper .blue-badge, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul40 .post-guide .guide-text, aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-title, aside ~ main section .inner-wrap.guide .guide-wrap ul li a,
aside ~ main section .inner-wrap.guide .guide-wrap ul li button, aside ~ main section .inner-wrap.notice .notice-wrap ul li, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.summary-wrap .edit-btn, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li input[type="radio"] + label[data-tag]::before, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li input[type="radio"] + label, aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.favorites input[type="radio"] + label .edit-btn, aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label, aside ~ main section .inner-wrap button[type="submit"],
aside ~ main section .inner-wrap .validate-btn, aside ~ main section .inner-wrap #charge, aside ~ main section .inner-wrap #dripfeed #order_check .form-group__label-title, aside ~ main section .inner-wrap #order_quantity .min-max, aside ~ main section .inner-wrap #order_link label .link-guide,
aside ~ main section .inner-wrap #order_username label .link-guide, aside ~ main section .inner-wrap #service_description .panel-body, aside ~ main section .inner-wrap input[type="text"],
aside ~ main section .inner-wrap input[type="number"], aside ~ main section .inner-wrap select, aside ~ main section .inner-wrap .category-wrap > .control-label:not(
[for="field-orderform-fields-total-quantity"],
[for="charge"],
.terms
)::before,
aside ~ main section .inner-wrap #order-form > .form-group > .control-label:not(
[for="field-orderform-fields-total-quantity"],
[for="charge"],
.terms
)::before,
aside ~ main section .inner-wrap #fields > .form-group > .control-label:not(
[for="field-orderform-fields-total-quantity"],
[for="charge"],
.terms
)::before,
aside ~ main section .inner-wrap #dripfeed-options > .form-group > .control-label:not(
[for="field-orderform-fields-total-quantity"],
[for="charge"],
.terms
)::before, aside ~ main section .inner-wrap .control-label[for="charge"],
aside ~ main section .inner-wrap [for="field-orderform-fields-expiry"][for="charge"], aside ~ main section .inner-wrap h3 .tutorial-btn {
  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
 */
/* line 1, assets/css2/_datepicker.scss */
:root {
  --td-light: #fff;
  --td-widget-background: #fff;
  --td-font-color: #000;
  --td-timepicker-font-size: 1.2em;
  --td-active-bg: #0d6efd;
  --td-range-bg: #01419e;
  --td-active-color: #fff;
  --td-active-border-color: #fff;
  --td-border-radius: 999px;
  --td-btn-hover-bg: #e9ecef;
  --td-disabled-color: #6c757d;
  --td-alternate-color: rgba(0, 0, 0, 0.38);
  --td-secondary-border-color: #ccc;
  --td-secondary-border-color-rgba: rgba(0, 0, 0, 0.2);
  --td-primary-border-color: #fff;
  --td-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  --td-dow-color: rgba(0, 0, 0, 0.5);
  --td-dark: #1b1b1b;
  --td-dark-widget-background: #1b1b1b;
  --td-dark-font-color: #e3e3e3;
  --td-dark-active-bg: #4db2ff;
  --td-dark-range-bg: #0071c7;
  --td-dark-active-color: #fff;
  --td-dark-active-border-color: #1b1b1b;
  --td-dark-btn-hover-bg: #232627;
  --td-dark-disabled-color: #6c757d;
  --td-dark-alternate-color: hsla(36, 10%, 90%, 0.38);
  --td-dark-secondary-border-color: #ccc;
  --td-dark-secondary-border-color-rgba: hsla(36, 10%, 90%, 0.2);
  --td-dark-primary-border-color: #1b1b1b;
  --td-dark-text-shadow: 0 -1px 0 hsla(36, 10%, 90%, 0.25);
  --td-dark-dow-color: hsla(36, 10%, 90%, 0.5);
  --td-widget-z-index: 9999
;
}

/* line 37, assets/css2/_datepicker.scss */
.tempus-dominus-widget [data-action]:after, .visually-hidden {
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

/* line 49, assets/css2/_datepicker.scss */
.tempus-dominus-widget {
  border-radius: 4px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  display: none;
  list-style: none;
  padding: 4px;
  width: 280px;
  z-index: var(--td-widget-z-index);
}

/* line 59, assets/css2/_datepicker.scss */
.tempus-dominus-widget.calendarWeeks {
  width: 21rem;
}

/* line 63, assets/css2/_datepicker.scss */
.tempus-dominus-widget.calendarWeeks .date-container-days {
  grid-auto-columns: 12.5%;
  grid-template-areas: "a a a a a a a a";
}

/* line 68, assets/css2/_datepicker.scss */
.tempus-dominus-widget [data-action] {
  cursor: pointer;
}

/* line 72, assets/css2/_datepicker.scss */
.tempus-dominus-widget [data-action]:after {
  content: attr(title);
}

/* line 76, assets/css2/_datepicker.scss */
.tempus-dominus-widget .date-container-days div:not(.no-highlight).disabled, .tempus-dominus-widget .date-container-days div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .date-container-decades div:not(.no-highlight).disabled, .tempus-dominus-widget .date-container-decades div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .date-container-months div:not(.no-highlight).disabled, .tempus-dominus-widget .date-container-months div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .date-container-years div:not(.no-highlight).disabled, .tempus-dominus-widget .date-container-years div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .time-container-clock div:not(.no-highlight).disabled, .tempus-dominus-widget .time-container-clock div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .time-container-hour div:not(.no-highlight).disabled, .tempus-dominus-widget .time-container-hour div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .time-container-minute div:not(.no-highlight).disabled, .tempus-dominus-widget .time-container-minute div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .time-container-second div:not(.no-highlight).disabled, .tempus-dominus-widget .time-container-second div:not(.no-highlight).disabled:hover, .tempus-dominus-widget [data-action].disabled, .tempus-dominus-widget [data-action].disabled:hover {
  background: 0 0;
  cursor: not-allowed;
}

/* line 81, assets/css2/_datepicker.scss */
.tempus-dominus-widget .arrow, .tempus-dominus-widget .td-collapse:not(.show) {
  display: none;
}

/* line 85, assets/css2/_datepicker.scss */
.tempus-dominus-widget.show {
  display: block;
}

/* line 89, assets/css2/_datepicker.scss */
.tempus-dominus-widget.show.date-container {
  min-height: 315px;
}

/* line 93, assets/css2/_datepicker.scss */
.tempus-dominus-widget.show.time-container {
  min-height: 217px;
}

/* line 97, assets/css2/_datepicker.scss */
.tempus-dominus-widget .td-collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s;
}

@media (min-width: 576px) {
  /* line 104, assets/css2/_datepicker.scss */
  .tempus-dominus-widget.timepicker-sbs {
    width: 38em;
  }
}

@media (min-width: 768px) {
  /* line 110, assets/css2/_datepicker.scss */
  .tempus-dominus-widget.timepicker-sbs {
    width: 38em;
  }
}

@media (min-width: 992px) {
  /* line 116, assets/css2/_datepicker.scss */
  .tempus-dominus-widget.timepicker-sbs {
    width: 38em;
  }
}

/* line 121, assets/css2/_datepicker.scss */
.tempus-dominus-widget.timepicker-sbs .td-row {
  display: flex;
}

/* line 125, assets/css2/_datepicker.scss */
.tempus-dominus-widget.timepicker-sbs .td-row .td-half {
  flex: 0 0 auto;
  width: 50%;
}

/* line 130, assets/css2/_datepicker.scss */
.tempus-dominus-widget div[data-action]:active {
  box-shadow: none;
}

/* line 134, assets/css2/_datepicker.scss */
.tempus-dominus-widget .timepicker-hour, .tempus-dominus-widget .timepicker-minute, .tempus-dominus-widget .timepicker-second {
  font-size: 1.2em;
  font-weight: 700;
  margin: 0;
  width: 54px;
}

/* line 141, assets/css2/_datepicker.scss */
.tempus-dominus-widget button[data-action] {
  padding: 6px;
}

/* line 145, assets/css2/_datepicker.scss */
.tempus-dominus-widget .toggleMeridiem {
  height: 38px;
  text-align: center;
}

/* line 150, assets/css2/_datepicker.scss */
.tempus-dominus-widget .calendar-header {
  display: grid;
  font-weight: 700;
  grid-template-areas: "a a a";
  margin-bottom: 10px;
}

/* line 157, assets/css2/_datepicker.scss */
.tempus-dominus-widget .calendar-header .next {
  padding-right: 10px;
  text-align: right;
}

/* line 162, assets/css2/_datepicker.scss */
.tempus-dominus-widget .calendar-header .previous {
  padding-left: 10px;
  text-align: left;
}

/* line 167, assets/css2/_datepicker.scss */
.tempus-dominus-widget .calendar-header .picker-switch {
  text-align: center;
}

/* line 171, assets/css2/_datepicker.scss */
.tempus-dominus-widget .toolbar {
  display: grid;
  grid-auto-flow: column;
  grid-auto-rows: 40px;
}

/* line 177, assets/css2/_datepicker.scss */
.tempus-dominus-widget .toolbar div {
  align-items: center;
  border-radius: var(--td-border-radius);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

/* line 185, assets/css2/_datepicker.scss */
.tempus-dominus-widget .date-container-days {
  display: grid;
  grid-auto-columns: 14.2857142857%;
  grid-auto-rows: 40px;
  grid-template-areas: "a a a a a a a";
}

/* line 192, assets/css2/_datepicker.scss */
.tempus-dominus-widget .date-container-days .range-in {
  background-color: var(--td-range-bg) !important;
  border: none;
  border-radius: 0 !important;
  box-shadow: -5px 0 0 var(--td-range-bg), 5px 0 0 var(--td-range-bg);
}

/* line 199, assets/css2/_datepicker.scss */
.tempus-dominus-widget .date-container-days .range-end {
  border-radius: 0 50px 50px 0 !important;
}

/* line 203, assets/css2/_datepicker.scss */
.tempus-dominus-widget .date-container-days .range-start {
  border-radius: 50px 0 0 50px !important;
}

/* line 207, assets/css2/_datepicker.scss */
.tempus-dominus-widget .date-container-days .dow {
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* line 213, assets/css2/_datepicker.scss */
.tempus-dominus-widget .date-container-days .cw {
  align-items: center;
  cursor: default;
  display: flex;
  font-size: .8em;
  height: 90%;
  justify-content: center;
  line-height: 20px;
  width: 90%;
}

/* line 224, assets/css2/_datepicker.scss */
.tempus-dominus-widget .date-container-decades, .tempus-dominus-widget .date-container-months, .tempus-dominus-widget .date-container-years {
  display: grid;
  grid-auto-rows: calc(2.71429rem - 1.14286px);
  grid-template-areas: "a a a";
}

/* line 230, assets/css2/_datepicker.scss */
.tempus-dominus-widget .time-container-hour, .tempus-dominus-widget .time-container-minute, .tempus-dominus-widget .time-container-second {
  display: grid;
  grid-auto-rows: calc(2.71429rem - 1.14286px);
  grid-template-areas: "a a a a";
}

/* line 236, assets/css2/_datepicker.scss */
.tempus-dominus-widget .time-container-clock {
  display: grid;
  grid-auto-rows: calc(2.71429rem - 1.14286px);
}

/* line 241, assets/css2/_datepicker.scss */
.tempus-dominus-widget .time-container-clock .no-highlight {
  align-items: center;
  display: flex;
  height: 90%;
  justify-content: center;
  width: 90%;
}

/* line 249, assets/css2/_datepicker.scss */
.tempus-dominus-widget .date-container-days div:not(.no-highlight), .tempus-dominus-widget .date-container-decades div:not(.no-highlight), .tempus-dominus-widget .date-container-months div:not(.no-highlight), .tempus-dominus-widget .date-container-years div:not(.no-highlight), .tempus-dominus-widget .time-container-clock div:not(.no-highlight), .tempus-dominus-widget .time-container-hour div:not(.no-highlight), .tempus-dominus-widget .time-container-minute div:not(.no-highlight), .tempus-dominus-widget .time-container-second div:not(.no-highlight) {
  align-items: center;
  border-radius: var(--td-border-radius);
  box-sizing: border-box;
  display: flex;
  height: 90%;
  justify-content: center;
  width: 90%;
}

/* line 259, assets/css2/_datepicker.scss */
.tempus-dominus-widget .date-container-days div:not(.no-highlight).today, .tempus-dominus-widget .date-container-decades div:not(.no-highlight).today, .tempus-dominus-widget .date-container-months div:not(.no-highlight).today, .tempus-dominus-widget .date-container-years div:not(.no-highlight).today, .tempus-dominus-widget .time-container-clock div:not(.no-highlight).today, .tempus-dominus-widget .time-container-hour div:not(.no-highlight).today, .tempus-dominus-widget .time-container-minute div:not(.no-highlight).today, .tempus-dominus-widget .time-container-second div:not(.no-highlight).today {
  position: relative;
}

/* line 263, assets/css2/_datepicker.scss */
.tempus-dominus-widget .date-container-days div:not(.no-highlight).today:before, .tempus-dominus-widget .date-container-decades div:not(.no-highlight).today:before, .tempus-dominus-widget .date-container-months div:not(.no-highlight).today:before, .tempus-dominus-widget .date-container-years div:not(.no-highlight).today:before, .tempus-dominus-widget .time-container-clock div:not(.no-highlight).today:before, .tempus-dominus-widget .time-container-hour div:not(.no-highlight).today:before, .tempus-dominus-widget .time-container-minute div:not(.no-highlight).today:before, .tempus-dominus-widget .time-container-second div:not(.no-highlight).today:before {
  border: solid transparent;
  border-width: 0 0 7px 7px;
  bottom: 6px;
  content: "";
  display: inline-block;
  position: absolute;
  right: 6px;
}

/* line 273, assets/css2/_datepicker.scss */
.tempus-dominus-widget .time-container {
  margin-bottom: .5rem;
}

/* line 277, assets/css2/_datepicker.scss */
.tempus-dominus-widget button {
  border-radius: .25rem;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: .375rem .75rem;
  text-align: center;
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
}

/* line 294, assets/css2/_datepicker.scss */
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=decrementHours], .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=decrementMinutes], .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=decrementSeconds], .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=incrementHours], .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=incrementMinutes], .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=incrementSeconds], .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=showHours], .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=showMinutes], .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=showSeconds], .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=togglePeriod], .tempus-dominus-widget.tempus-dominus-widget-readonly table td.day, .tempus-dominus-widget.tempus-dominus-widget-readonly table td.hour, .tempus-dominus-widget.tempus-dominus-widget-readonly table td.minute, .tempus-dominus-widget.tempus-dominus-widget-readonly table td.second {
  cursor: default;
  pointer-events: none;
}

/* line 299, assets/css2/_datepicker.scss */
.tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=decrementHours]:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=decrementMinutes]:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=decrementSeconds]:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=incrementHours]:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=incrementMinutes]:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=incrementSeconds]:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=showHours]:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=showMinutes]:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=showSeconds]:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=togglePeriod]:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td.day:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td.hour:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td.minute:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td.second:hover {
  background: 0 0;
}

/* line 303, assets/css2/_datepicker.scss */
.tempus-dominus-widget.light {
  background-color: var(--td-widget-background);
  color: var(--td-font-color);
}

/* line 308, assets/css2/_datepicker.scss */
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light [data-action].disabled, .tempus-dominus-widget.light [data-action].disabled:hover {
  color: var(--td-disabled-color);
}

/* line 312, assets/css2/_datepicker.scss */
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight):hover, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight):hover, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight):hover, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight):hover, .tempus-dominus-widget.light .toolbar div:hover {
  background: var(--td-btn-hover-bg);
}

/* line 316, assets/css2/_datepicker.scss */
.tempus-dominus-widget.light .date-container-days .dow {
  color: var(--td-dow-color);
}

/* line 320, assets/css2/_datepicker.scss */
.tempus-dominus-widget.light .date-container-days .cw, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).old {
  color: var(--td-alternate-color);
}

/* line 324, assets/css2/_datepicker.scss */
.tempus-dominus-widget.light .date-container-days .date-container-decades div.range-end:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .date-container-decades div.range-end:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .date-container-decades div.range-in:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .date-container-decades div.range-in:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .date-container-decades div.range-start:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .date-container-decades div.range-start:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .date-container-months div.range-end:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .date-container-months div.range-end:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .date-container-months div.range-in:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .date-container-months div.range-in:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .date-container-months div.range-start:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .date-container-months div.range-start:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .date-container-years div.range-end:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .date-container-years div.range-end:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .date-container-years div.range-in:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .date-container-years div.range-in:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .date-container-years div.range-start:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .date-container-years div.range-start:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .time-container-clock div.range-end:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .time-container-clock div.range-end:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .time-container-clock div.range-in:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .time-container-clock div.range-in:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .time-container-clock div.range-start:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .time-container-clock div.range-start:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .time-container-hour div.range-end:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .time-container-hour div.range-end:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .time-container-hour div.range-in:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .time-container-hour div.range-in:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .time-container-hour div.range-start:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .time-container-hour div.range-start:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .time-container-minute div.range-end:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .time-container-minute div.range-end:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .time-container-minute div.range-in:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .time-container-minute div.range-in:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .time-container-minute div.range-start:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .time-container-minute div.range-start:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .time-container-second div.range-end:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .time-container-second div.range-end:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .time-container-second div.range-in:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .time-container-second div.range-in:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days .time-container-second div.range-start:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days .time-container-second div.range-start:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days div.range-end:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days div.range-end:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days div.range-in:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days div.range-in:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days div.range-start:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days div.range-start:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active.new, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active.old, .tempus-dominus-widget.light .date-container-decades .date-container-days div.range-end:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-decades .date-container-days div.range-end:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-decades .date-container-days div.range-in:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-decades .date-container-days div.range-in:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-decades .date-container-days div.range-start:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-decades .date-container-days div.range-start:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active.new, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active.old, .tempus-dominus-widget.light .date-container-months .date-container-days div.range-end:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-months .date-container-days div.range-end:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-months .date-container-days div.range-in:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-months .date-container-days div.range-in:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-months .date-container-days div.range-start:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-months .date-container-days div.range-start:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active.new, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active.old, .tempus-dominus-widget.light .date-container-years .date-container-days div.range-end:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-years .date-container-days div.range-end:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-years .date-container-days div.range-in:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-years .date-container-days div.range-in:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-years .date-container-days div.range-start:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-years .date-container-days div.range-start:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active.new, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active.old, .tempus-dominus-widget.light .time-container-clock .date-container-days div.range-end:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-clock .date-container-days div.range-end:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-clock .date-container-days div.range-in:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-clock .date-container-days div.range-in:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-clock .date-container-days div.range-start:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-clock .date-container-days div.range-start:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active.new, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active.old, .tempus-dominus-widget.light .time-container-hour .date-container-days div.range-end:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-hour .date-container-days div.range-end:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-hour .date-container-days div.range-in:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-hour .date-container-days div.range-in:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-hour .date-container-days div.range-start:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-hour .date-container-days div.range-start:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active.new, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active.old, .tempus-dominus-widget.light .time-container-minute .date-container-days div.range-end:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-minute .date-container-days div.range-end:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-minute .date-container-days div.range-in:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-minute .date-container-days div.range-in:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-minute .date-container-days div.range-start:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-minute .date-container-days div.range-start:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active.new, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active.old, .tempus-dominus-widget.light .time-container-second .date-container-days div.range-end:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-second .date-container-days div.range-end:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-second .date-container-days div.range-in:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-second .date-container-days div.range-in:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-second .date-container-days div.range-start:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-second .date-container-days div.range-start:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active.new, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active.old {
  color: var(--td-active-color);
}

/* line 328, assets/css2/_datepicker.scss */
.tempus-dominus-widget.light button {
  background-color: var(--td-active-bg);
  border-color: var(--td-active-bg);
  color: var(--td-active-color);
}

/* line 334, assets/css2/_datepicker.scss */
.tempus-dominus-widget.dark {
  background-color: var(--td-dark-widget-background);
  color: var(--td-dark-font-color);
}

/* line 339, assets/css2/_datepicker.scss */
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).disabled, .tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).disabled, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).disabled, .tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).disabled, .tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).disabled, .tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).disabled, .tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).disabled, .tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).disabled, .tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.dark [data-action].disabled, .tempus-dominus-widget.dark [data-action].disabled:hover {
  color: var(--td-dark-disabled-color);
}

/* line 343, assets/css2/_datepicker.scss */
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight):hover, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight):hover, .tempus-dominus-widget.dark .date-container-months div:not(.no-highlight):hover, .tempus-dominus-widget.dark .date-container-years div:not(.no-highlight):hover, .tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight):hover, .tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight):hover, .tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight):hover, .tempus-dominus-widget.dark .time-container-second div:not(.no-highlight):hover, .tempus-dominus-widget.dark .toolbar div:hover {
  background: var(--td-dark-btn-hover-bg);
}

/* line 347, assets/css2/_datepicker.scss */
.tempus-dominus-widget.dark .date-container-days .dow {
  color: var(--td-dark-dow-color);
}

/* line 351, assets/css2/_datepicker.scss */
.tempus-dominus-widget.dark .date-container-days .range-in {
  background-color: var(--td-dark-range-bg) !important;
  box-shadow: -5px 0 0 var(--td-dark-range-bg), 5px 0 0 var(--td-dark-range-bg);
}

/* line 356, assets/css2/_datepicker.scss */
.tempus-dominus-widget.dark .date-container-days .cw, .tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).old {
  color: var(--td-dark-alternate-color);
}

/* line 360, assets/css2/_datepicker.scss */
.tempus-dominus-widget.dark .date-container-days div.range-end:not(.no-highlight), .tempus-dominus-widget.dark .date-container-days div.range-in:not(.no-highlight), .tempus-dominus-widget.dark .date-container-days div.range-start:not(.no-highlight), .tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).active, .tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).active, .tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).active, .tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).active, .tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).active, .tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).active, .tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).active {
  background-color: var(--td-dark-active-bg);
  color: var(--td-dark-active-color);
  text-shadow: var(--td-dark-text-shadow);
}

/* line 366, assets/css2/_datepicker.scss */
.tempus-dominus-widget.dark .date-container-days .date-container-decades div.range-end:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .date-container-decades div.range-end:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .date-container-decades div.range-in:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .date-container-decades div.range-in:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .date-container-decades div.range-start:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .date-container-decades div.range-start:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .date-container-months div.range-end:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .date-container-months div.range-end:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .date-container-months div.range-in:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .date-container-months div.range-in:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .date-container-months div.range-start:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .date-container-months div.range-start:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .date-container-years div.range-end:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .date-container-years div.range-end:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .date-container-years div.range-in:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .date-container-years div.range-in:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .date-container-years div.range-start:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .date-container-years div.range-start:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .time-container-clock div.range-end:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .time-container-clock div.range-end:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .time-container-clock div.range-in:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .time-container-clock div.range-in:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .time-container-clock div.range-start:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .time-container-clock div.range-start:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .time-container-hour div.range-end:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .time-container-hour div.range-end:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .time-container-hour div.range-in:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .time-container-hour div.range-in:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .time-container-hour div.range-start:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .time-container-hour div.range-start:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .time-container-minute div.range-end:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .time-container-minute div.range-end:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .time-container-minute div.range-in:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .time-container-minute div.range-in:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .time-container-minute div.range-start:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .time-container-minute div.range-start:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .time-container-second div.range-end:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .time-container-second div.range-end:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .time-container-second div.range-in:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .time-container-second div.range-in:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days .time-container-second div.range-start:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days .time-container-second div.range-start:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days div.range-end:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days div.range-end:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days div.range-in:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days div.range-in:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days div.range-start:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days div.range-start:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active.new, .tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active.old, .tempus-dominus-widget.dark .date-container-decades .date-container-days div.range-end:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-decades .date-container-days div.range-end:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-decades .date-container-days div.range-in:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-decades .date-container-days div.range-in:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-decades .date-container-days div.range-start:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-decades .date-container-days div.range-start:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).active.new, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).active.old, .tempus-dominus-widget.dark .date-container-months .date-container-days div.range-end:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-months .date-container-days div.range-end:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-months .date-container-days div.range-in:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-months .date-container-days div.range-in:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-months .date-container-days div.range-start:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-months .date-container-days div.range-start:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).active.new, .tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).active.old, .tempus-dominus-widget.dark .date-container-years .date-container-days div.range-end:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-years .date-container-days div.range-end:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-years .date-container-days div.range-in:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-years .date-container-days div.range-in:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-years .date-container-days div.range-start:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-years .date-container-days div.range-start:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).active.new, .tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).active.old, .tempus-dominus-widget.dark .time-container-clock .date-container-days div.range-end:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-clock .date-container-days div.range-end:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-clock .date-container-days div.range-in:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-clock .date-container-days div.range-in:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-clock .date-container-days div.range-start:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-clock .date-container-days div.range-start:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).active.new, .tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).active.old, .tempus-dominus-widget.dark .time-container-hour .date-container-days div.range-end:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-hour .date-container-days div.range-end:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-hour .date-container-days div.range-in:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-hour .date-container-days div.range-in:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-hour .date-container-days div.range-start:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-hour .date-container-days div.range-start:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).active.new, .tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).active.old, .tempus-dominus-widget.dark .time-container-minute .date-container-days div.range-end:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-minute .date-container-days div.range-end:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-minute .date-container-days div.range-in:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-minute .date-container-days div.range-in:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-minute .date-container-days div.range-start:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-minute .date-container-days div.range-start:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).active.new, .tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).active.old, .tempus-dominus-widget.dark .time-container-second .date-container-days div.range-end:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-second .date-container-days div.range-end:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-second .date-container-days div.range-in:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-second .date-container-days div.range-in:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-second .date-container-days div.range-start:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-second .date-container-days div.range-start:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).active.new, .tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).active.old {
  color: var(--td-dark-active-color);
}

/* line 370, assets/css2/_datepicker.scss */
.tempus-dominus-widget.dark button {
  background-color: var(--td-dark-active-bg);
  border-color: var(--td-dark-active-bg);
  color: var(--td-dark-active-color);
}

@use "sass:list";
@media (max-width: 1399.98px) {
  /* line 6, assets/css2/new-order.scss */
  aside ~ main {
    padding-top: 70px;
  }
}

@media (max-width: 767.98px) {
  /* line 6, assets/css2/new-order.scss */
  aside ~ main {
    position: relative;
    padding-top: 40px;
  }
}

/* line 16, assets/css2/new-order.scss */
aside ~ main > * {
  flex: 0 0 calc((100% - 30px) * 0.49);
}

/* line 19, assets/css2/new-order.scss */
aside ~ main > *:first-child {
  flex: 0 0 calc((100% - 30px) * 0.51);
}

@media (max-width: 767.98px) {
  /* line 19, assets/css2/new-order.scss */
  aside ~ main > *:first-child {
    padding-top: 10px;
  }
}

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

/* line 35, assets/css2/new-order.scss */
aside ~ main section:first-child .inner-wrap h3 {
  padding-bottom: 16px;
  border-bottom: 1px solid #ededed;
}

/* line 41, assets/css2/new-order.scss */
aside ~ main section .inner-wrap h3 {
  position: relative;
}

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

/* line 48, assets/css2/new-order.scss */
aside ~ main section .inner-wrap h3 .tutorial-btn {
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%) translate(0, -8px);
  background-color: rgba(64, 144, 255, 0.08);
  border: 1px solid rgba(64, 144, 255, 0.3);
  border-radius: 4px;
  margin-left: auto;
  padding: 6px 12px 7px 44px;
  color: #4090ff;
}

@media (max-width: 767.98px) {
  /* line 48, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap h3 .tutorial-btn {
    font-size: 14px;
    font-weight: 500;
    padding: 4px 8px 6px 36px;
  }
}

/* line 69, assets/css2/new-order.scss */
aside ~ main section .inner-wrap h3 .tutorial-btn::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url("/assets/img2/new-order/tutorial-ico.svg") no-repeat center;
  background-size: 100% auto;
}

/* line 84, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .control-label,
aside ~ main section .inner-wrap [for="field-orderform-fields-expiry"] {
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  display: flex;
  align-items: center;
  margin: 36px 0 10px;
  transition: font 0.3s, margin 0.3s;
}

@media (max-width: 991.98px) {
  /* line 84, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap .control-label,
aside ~ main section .inner-wrap [for="field-orderform-fields-expiry"] {
    margin: 36px 0 13px;
  }
}

@media (max-width: 767.98px) {
  /* line 84, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap .control-label,
aside ~ main section .inner-wrap [for="field-orderform-fields-expiry"] {
    margin: 36px 0 16px;
  }
}

/* line 103, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .control-label[data-number="01"],
aside ~ main section .inner-wrap [for="field-orderform-fields-expiry"][data-number="01"] {
  margin: 32px 0 20px;
}

@media (max-width: 991.98px) {
  /* line 103, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap .control-label[data-number="01"],
aside ~ main section .inner-wrap [for="field-orderform-fields-expiry"][data-number="01"] {
    margin: 24px 0 18px;
  }
}

@media (max-width: 767.98px) {
  /* line 103, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap .control-label[data-number="01"],
aside ~ main section .inner-wrap [for="field-orderform-fields-expiry"][data-number="01"] {
    margin: 16px 0 16px;
  }
}

/* line 115, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .control-label[for="charge"],
aside ~ main section .inner-wrap [for="field-orderform-fields-expiry"][for="charge"] {
  font-size: 18px;
  font-weight: 700;
}

/* line 120, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .control-label[for="charge"] span,
aside ~ main section .inner-wrap [for="field-orderform-fields-expiry"][for="charge"] span {
  font-weight: 400;
  color: #505050;
}

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

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

/* line 141, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap.tutorial,
aside ~ main section .inner-wrap #order-form > .form-group.tutorial,
aside ~ main section .inner-wrap #fields > .form-group.tutorial,
aside ~ main section .inner-wrap #dripfeed-options > .form-group.tutorial {
  background-color: #ffffff;
}

/* line 145, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap > .control-label:not(
[for="field-orderform-fields-total-quantity"],
[for="charge"],
.terms
)::before,
aside ~ main section .inner-wrap #order-form > .form-group > .control-label:not(
[for="field-orderform-fields-total-quantity"],
[for="charge"],
.terms
)::before,
aside ~ main section .inner-wrap #fields > .form-group > .control-label:not(
[for="field-orderform-fields-total-quantity"],
[for="charge"],
.terms
)::before,
aside ~ 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);
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #082300;
  background-color: #26952314;
  border: 1px solid #082300;
  border-radius: 15px;
  padding: 1px 10px;
  margin-right: 8px;
  margin-top: 2px;
}

/* line 166, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap.tutorial > .control-label:not(
[for="field-orderform-fields-total-quantity"],
[for="charge"],
.terms
)::before,
aside ~ main section .inner-wrap #order-form > .form-group.tutorial > .control-label:not(
[for="field-orderform-fields-total-quantity"],
[for="charge"],
.terms
)::before,
aside ~ main section .inner-wrap #fields > .form-group.tutorial > .control-label:not(
[for="field-orderform-fields-total-quantity"],
[for="charge"],
.terms
)::before,
aside ~ 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 176, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #order_delay .input-group {
  position: relative;
}

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

/* line 186, assets/css2/new-order.scss */
aside ~ 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 208, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #order_delay .input-group .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

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

/* line 220, assets/css2/new-order.scss */
aside ~ 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 229, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #order_delay .input-group .dropdown-menu > li > a:hover, aside ~ main section .inner-wrap #order_delay .input-group .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #2fa4e7;
}

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

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

/* line 251, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #order_delay .input-group .dropdown-menu > .disabled > a:hover, aside ~ 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 264, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #order_delay .input-group .open > .dropdown-menu {
  display: block;
}

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

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

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

/* line 283, assets/css2/new-order.scss */
aside ~ 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 292, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #order_delay .input-group .dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

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

/* line 306, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #order_delay .input-group .dropup .caret,
aside ~ 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 314, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #order_delay .input-group .dropup .dropdown-menu,
aside ~ 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 322, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap #order_delay .input-group .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  /* line 326, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap #order_delay .input-group .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

/* line 333, assets/css2/new-order.scss */
aside ~ main section .inner-wrap select {
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
  color: #505050;
  border-radius: 8px;
  width: 100%;
  transition: font 0.3s;
}

/* line 345, assets/css2/new-order.scss */
aside ~ main section .inner-wrap input[type="text"],
aside ~ main section .inner-wrap input[type="number"] {
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
  color: #505050;
  border-radius: 8px;
  padding: 16px;
  width: 100%;
  transition: font 0.3s;
}

/* line 357, assets/css2/new-order.scss */
aside ~ main section .inner-wrap input[type="text"]:read-only,
aside ~ main section .inner-wrap input[type="number"]:read-only {
  font-size: 18px;
  color: #999999;
}

/* line 363, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #orderform-category {
  display: none;
}

/* line 368, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #service_description .panel-body {
  background-color: #f8f8f8;
  color: #505050;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  padding: 24px;
  transition: font 0.3s;
}

/* line 385, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #order_link.tutorial,
aside ~ main section .inner-wrap #order_username.tutorial {
  background-color: #ffffff;
}

@media (max-width: 767.98px) {
  aside ~ main section .inner-wrap #order_link {
    position: relative;
    padding-bottom: 0px;
  }

  /* line 383, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #order_username {
    position: relative;
    padding-bottom: 44px;
  }
}

/* line 394, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #order_link label,
aside ~ main section .inner-wrap #order_username label {
  position: relative;
}

@media (max-width: 767.98px) {
  /* line 394, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap #order_link label,
aside ~ main section .inner-wrap #order_username label {
    position: static;
  }
}

/* line 401, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #order_link label .link-guide,
aside ~ main section .inner-wrap #order_username label .link-guide {
  font-size: 14px;
  font-weight: 400;
  color: #4090ff;
  padding: 11px 16px 11px 40px;
  border-radius: 8px;
  background-color: rgba(64, 144, 255, 0.08);
  position: absolute;
  right: 0;
  top: 30%;
  transform: translate(0, -50%);
  transition: padding 0.3s;
}

/* line 417, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #order_link label .link-guide::before,
aside ~ main section .inner-wrap #order_username label .link-guide::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url("/assets/img2/link-guide/question.svg") no-repeat center;
  background-size: 100% auto;
}

@media (max-width: 767.98px) {
  /* line 401, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap #order_link label .link-guide,
aside ~ main section .inner-wrap #order_username label .link-guide {
    padding: 11px 16px;
    display: flex;
    justify-content: center;
    margin: 10px 0;
    align-items: center;
    gap: 4px;
    top: 100%;
    width: 100%;
    transform: translate(0, -100%);
    font-size: 14px;
  }
  /* line 443, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap #order_link label .link-guide::before,
aside ~ main section .inner-wrap #order_username label .link-guide::before {
    position: unset;
    transform: unset;
  }
}

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

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

/* line 461, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #order_quantity.tutorial {
  background-color: #ffffff;
}

/* line 465, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #order_quantity .min-max {
  color: #505050;
  transition: font 0.3s;
  margin: 8px 16px;
  display: block;
}

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

/* line 480, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #dripfeed {
  margin-top: 24px;
  transition: margin 0.3s;
}

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

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

/* line 493, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #dripfeed #order_check .form-group__label-title {
  font-size: 14px;
  font-weight: 400;
  color: #191919;
  display: inline-block;
  vertical-align: middle;
}

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

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

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

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

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

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

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

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

/* line 540, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #order_min .row > *,
aside ~ 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 540, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap #order_min .row > *,
aside ~ main section .inner-wrap #order_delay .row > * {
    width: calc(50% - 5px);
  }
}

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

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

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

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

/* line 572, assets/css2/new-order.scss */
aside ~ main section .inner-wrap #terms a {
  color: #0068ff;
}

/* line 577, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .submit_btn,
aside ~ main section .inner-wrap .validate-btn {
  font-weight: 500;
  width: 100%;
  padding: 16px;
  text-align: center;
  background-color: var(--main-color);
  color: #333;
  border-radius: 8px;
  margin-top: 20px;
  transition: background 0.3s;
}

/* line 591, assets/css2/new-order.scss */
aside ~ main section .inner-wrap button[type="submit"]:disabled,
aside ~ main section .inner-wrap .validate-btn:disabled {
  background-color: #d2d2d8;
}

/* line 596, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .validate-btn {
  background-color: #8293ad;
}

/* line 601, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .new-ico {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 16px;
  height: 16px;
  background: url("/assets/img2/new-order/new-ico.svg") no-repeat center;
  background-size: 100% auto;
}

/* line 612, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, 72px);
  grid-gap: 24px;
  background-color: #ffffff;
  transition: margin 0.3s;
  justify-content: center;
}

@media (max-width: 991.98px) {
  /* line 612, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap .category-wrap .platform-wrap {
    grid-gap: 18px;
    grid-template-columns: repeat(auto-fit, 64px);
  }
}

@media (max-width: 767.98px) {
  /* line 612, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap .category-wrap .platform-wrap {
    grid-gap: 12px;
    grid-template-columns: repeat(auto-fit, 56px);
  }
}

/* line 635, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li {
  text-align: center;
  transition-duration: margin 0.3s;
}

/* line 639, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li input {
  display: none;
}

/* line 642, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label {
  font-weight: 400;
  white-space: nowrap;
  color: #505050;
  cursor: pointer;
  display: block;
  position: relative;
  transition: color 0.3s, font 0.3s, border 0.3s;
  background-color: #fff;
}

/* line 655, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label:hover i:not(.new-ico) {
  background-color: #26952314;
}

/* line 659, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label i:not(.new-ico) {
  display: block;
  border: 1px solid #ededed;
  border-radius: 24px;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  margin-bottom: 4px;
  background-size: 40px 40px;
  background-repeat: no-repeat;
  background-position: center;
  transition: border-radius 0.3s, border-color 0.3s, background 0.3s, width 0.3s, height 0.3s;
}

/* line 676, assets/css2/new-order.scss */
.category-wrap .platform-wrap li .instagram {
  background-image: url("https://cdn.mypanel.link/rh06o1/hyppm6py0otpi6pc.png");
}

/* line 676, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label i:not(.new-ico).youtube {
  background-image: url("https://cdn.mypanel.link/rh06o1/fj5z6fbj0qwh2uqi.png");
}

/* line 676, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label i:not(.new-ico).facebook {
  background-image: url("https://cdn.mypanel.link/rh06o1/9p4of216ezto5fjj.png");
}

/* line 676, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label i:not(.new-ico).tiktok {
  background-image: url("https://cdn.mypanel.link/rh06o1/u6027j3weqyr3oez.png");
}

/* line 676, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label i:not(.new-ico).kakao {
  background-image: url("https://cdn.mypanel.link/rh06o1/eaa5786ky5a3j1nn.png");
}

/* line 676, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label i:not(.new-ico).threads {
  background-image: url("https://cdn.mypanel.link/rh06o1/o1tqak5fakounx5d.png");
}

/* line 676, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label i:not(.new-ico).X {
  background-image: url("https://cdn.mypanel.link/rh06o1/dklhik21u8y6d8xw.png");
}

/* line 676, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label i:not(.new-ico).naver {
  background-image: url("https://cdn.mypanel.link/rh06o1/tng4l3n11tga76jo.png");
}
/* line 676, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label i:not(.new-ico).google {
  background-image: url("https://cdn.mypanel.link/rh06o1/d7zb8su1ttb861zh.png");
}
/* line 676, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label i:not(.new-ico).etc {
  background-image: url("https://cdn.mypanel.link/rh06o1/2pdx49783k3r0nsx.png");
}

/* line 676, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label i:not(.new-ico).topview {
  background-image: url("https://cdn.luckypanel.kr/maru0003/1cn75ffdsrefreif.png");
}
/* line 676, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label i:not(.new-ico).threads {
  background-image: url("https://cdn.luckypanel.kr/maru0003/4dz3ec3n9h06q8m0.png");
}

@media (max-width: 991.98px) {
  /* line 659, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label i:not(.new-ico) {
    border-radius: 20px;
    background-size: 36px 36px;
  }
}

@media (max-width: 767.98px) {
  /* line 659, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap .category-wrap .platform-wrap li input + label i:not(.new-ico) {
    border-radius: 16px;
    background-size: 32px 32px;
  }
}

/* line 693, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li input:checked + label {
  color: #191919;
  font-weight: 500;
}

/* line 697, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .platform-wrap li input:checked + label i:not(.new-ico) {
  border-width: 1.5px;
  border-color: #082300;
  background-color: #26952314;
}

/* line 710, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-header {
  display: none;
  grid-template-columns: repeat(2, 1fr);
}

/* line 714, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-header input[type="radio"] {
  display: none;
}

/* line 717, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-header input[type="radio"] + label {
  font-size: 16px;
  font-weight: 400;
  background-color: #f8f8f8;
  border: 1px solid #dbdbdb;
  border-radius: 8px 8px 0 0;
  color: #505050;
  padding: 9px 16px;
  text-align: center;
  cursor: pointer;
  position: relative;
  transition: border 0.3s, background 0.3s, font 0.3s, color 0.3s;
}

/* line 733, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-header input[type="radio"] + label i {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-bottom: 2px;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 744, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-header input[type="radio"] + label i.korea {
  background-image: url("/assets/img2/new-order/country/korea.svg");
}

/* line 744, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-header input[type="radio"] + label i.etc {
  background-image: url("/assets/img2/new-order/country/etc.svg");
}

/* line 751, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-header input[type="radio"]:checked + label {
  border-color: #061328;
  background-color: #061328;
  font-weight: 500;
  color: #ffffff;
}

/* line 760, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-header.visible {
  display: grid;
}

/* line 763, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-header.visible + .tab-body {
  border-color: #061328;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 770, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 8px;
  border: 1px solid #f6f7ff;
  background-color: rgb(250, 250, 250);
  padding: 20px;
  border-radius: 8px;
  transition: border 0.3s, background 0.3s, padding 0.3s;
}

@media (max-width: 991.98px) {
  /* line 770, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap .category-wrap .tab .tab-body {
    padding: 23px;
  }
}

@media (max-width: 767.98px) {
  /* line 770, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap .category-wrap .tab .tab-body {
    padding: 10px;
  }
}

/* line 789, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-body li {
  display: none;
}

/* line 792, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.visible {
  display: block;
}

/* line 796, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.favorites {
  grid-column: 1/-1;
}

/* line 799, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.favorites input[type="radio"] + label {
  flex-direction: column;
  height: auto;
  text-align: center;
}

/* line 804, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.favorites input[type="radio"] + label .edit-btn {
  font-weight: 500;
  background-color: #4090ff;
  border-radius: 8px;
  color: #ffffff;
  padding: 16px;
  margin-bottom: 16px;
}

/* line 817, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-body li input[type="radio"] {
  display: none;
}

/* line 857, assets/css2/new-order.scss */
.no_active {
  font-weight: 500;
  color: #191919;
  border-color: #082300 !important;
  background-color: #26952314 !important;
}
/* line 820, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-body li input[type="radio"] + label {
  font-weight: 400;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  padding: 12px 16px;
  height: 60px;
  color: #505050;
  cursor: pointer;
  word-break: keep-all;
  position: relative;
  transition: font 0.3s, border 0.3s, color 0.3s, background 0.3s;
}

/* line 839, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-body li input[type="radio"] + label:hover {
  background-color: #26952314;
}

/* line 844, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-body li input[type="radio"] + label[data-tag]::before {
  content: attr(data-tag);
  margin-right: 4px;
  font-size: 11px;
  border-radius: 4px;
  padding: 1px 4px;
  background-color: #2ed2ce;
  color: #ffffff;
}

/* line 857, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-wrap .tab .tab-body li input[type="radio"]:checked + label {
  font-weight: 500;
  color: #191919;
  border-color: #082300;
  background-color: #26952314;
}

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

/* line 873, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-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 873, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.summary-wrap .edit-btn {
    padding: 6px 9px 6px 29px;
  }
}

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

/* line 893, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-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/img2/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 893, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap .category-wrap .tab .tab-body li.summary-wrap .edit-btn::before {
    left: 10px;
    width: 15px;
    height: 15px;
  }
}

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

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

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

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

/* line 937, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-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 937, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap .category-wrap .tab .tab-body li[data-category="favorites"] p {
    margin: 9px 0 19px;
  }
}

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

/* line 954, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-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 954, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap .category-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 954, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap .category-wrap .tab .tab-body li[data-category="favorites"] .edit-btn {
    border-radius: 10px;
    padding: 8px 8px 9px 30px;
    margin-bottom: 5px;
  }
}

/* line 980, assets/css2/new-order.scss */
aside ~ main section .inner-wrap .category-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/img2/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 980, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap .category-wrap .tab .tab-body li[data-category="favorites"] .edit-btn::before {
    left: 14px;
    width: 22px;
    height: 22px;
  }
}

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

/* line 1012, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.server-status {
  font-size: 14px;
  font-weight: 300;
  background: var(--main-color);
  color: #333;
  padding: 14px 16px 15px;
  border: 0;
  border-radius: 8px;
  transition: background 0.3s, font 0.3s;
}

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

@media (max-width: 767.98px) {
  /* line 1012, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.server-status {
    border-radius: 0;
    padding: 10px 14px 11px;
    top: 0;
    left: 0;
    right: 0;
  }
}

/* line 1039, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.server-status .last-updated {
  color: #333;
}

@media (max-width: 767.98px) {
  /* line 1044, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.notice {
    margin-top: 120px;
  }
}

/* line 1049, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.notice .notice-wrap {
  padding: 24px;
  border: 1px solid #eeeeee;
  border-radius: 8px;
  height: 160px;
  transition: padding 0.3s;
}

@media (max-width: 991.98px) {
  /* line 1049, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.notice .notice-wrap {
    padding: 20px;
  }
}

@media (max-width: 767.98px) {
  /* line 1049, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.notice .notice-wrap {
    padding: 16px;
  }
}

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

/* line 1069, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.notice .notice-wrap ul li {
  color: #505050;
  transition: font 0.3s, padding 0.3s;
}

/* line 1076, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.notice .notice-wrap ul li[data-date] {
  position: relative;
  padding-left: 80px;
}

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

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

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

/* line 1096, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.notice .notice-wrap ul li + li {
  margin-top: 12px;
}

/* line 1108, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li + li {
  margin-top: 12px;
}

/* line 1112, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li a,
aside ~ main section .inner-wrap.guide .guide-wrap ul li button {
  font-size: 16px;
  color: #505050;
  display: block;
  width: 100%;
  background-color: #f8f8f8;
  border-radius: 8px;
  padding: 16px 20px;
  text-align: left;
  position: relative;
  transition: font 0.3s, padding 0.3s;
}

/* line 1130, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li a .arrow,
aside ~ 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;
  background-image: url("/assets/img2/new-order/guide-arrow-ico.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}

.sec_3_row {background-color: #f8f8f8; border-radius: 8px;}
.sec_3_info {    padding: 10px 20px;}
.sec_3_info img {width:100%;}

/* line 1149, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li a .arrow {
  background-image: url("/assets/img2/new-order/guide-arrow-white-ico.svg");
}

/* line 1154, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: opacity 0.3s;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100;
}

/* line 1169, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-box {
  position: relative;
  display: none;
  width: 328px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 5px 9px #00000029;
  padding: 60px 0 40px;
}

@media (min-width: 1200px) {
  /* line 1169, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-box {
    width: 580px;
  }
}

/* line 1182, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-box .exit-button {
  position: absolute;
  right: 16px;
  top: 16px;
}

/* line 1189, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .divider {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #dbdbdb;
}

/* line 1196, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-column {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 24px;
}

/* line 1203, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-tab {
  display: flex;
  width: 100%;
  gap: 24px;
}

/* line 1207, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-tab .tab-button {
  cursor: pointer;
  display: flex;
  padding: 16px 0;
  align-items: center;
  color: #999999;
}

/* line 1215, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-tab .is_on {
  display: flex;
  padding: 16px 0;
  align-items: center;
  color: #999999;
  color: #000;
  border-bottom: 2px solid #000;
}

/* line 1225, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 34px;
}

/* line 1232, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-title .mobile-br {
  display: block;
}

@media (min-width: 1200px) {
  /* line 1232, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-title .mobile-br {
    display: none;
  }
}

/* line 1241, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper {
  max-height: 400px;
  overflow-y: auto;
  padding: 40px 24px 0;
}

@media (min-width: 1200px) {
  /* line 1241, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper {
    max-height: 600px;
  }
}

/* line 1250, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .modal-content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* line 1256, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* line 1261, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .c-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 1200px) {
  /* line 1261, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .c-wrapper {
    padding-left: 34px;
    gap: 24px;
  }
}

/* line 1272, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .d-wrapper {
  margin: 0 auto;
}

@media (min-width: 1200px) {
  /* line 1272, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .d-wrapper {
    margin: 0 auto;
  }
}

/* line 1279, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .label-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 1200px) {
  /* line 1279, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .label-wrapper {
    padding-left: 34px;
    gap: 6px;
  }
}

/* line 1289, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul40 {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* line 1294, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul40 .post-guide {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* line 1299, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul40 .post-guide .text-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3px;
  padding-left: 5px;
}

/* line 1307, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul40 .post-guide .clip {
  vertical-align: middle;
  padding: 0 2px 0;
}

/* line 1312, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul40 .post-guide .guide-text {
  vertical-align: middle;
  color: #767676;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.3px;
}

@media (min-width: 1200px) {
  /* line 1312, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul40 .post-guide .guide-text {
    font-size: 16px;
    letter-spacing: -0.4px;
  }
}

/* line 1325, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul40 .post-guide .guide-text b {
  color: #505050;
}

/* line 1332, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .example-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
}

/* line 1338, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .example-wrapper .blue-badge {
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  height: 38px;
  border-radius: 30px;
  background-color: #4090ff;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.35px;
}

/* line 1355, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .example-wrapper .example-text {
  color: #767676;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: -0.35px;
  text-align: center;
}

@media (min-width: 1200px) {
  /* line 1355, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .example-wrapper .example-text {
    font-size: 16px;
    letter-spacing: -0.4px;
  }
}

/* line 1369, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .example-wrapper .example-text b {
  color: #505050;
}

/* line 1375, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .post-guide {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* line 1380, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .post-guide .post-box {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-left: 5px;
}

/* line 1387, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .post-guide .text-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3px;
  padding-left: 5px;
}

/* line 1395, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .post-guide .clip {
  vertical-align: middle;
  padding: 0 2px 0;
}

/* line 1400, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .post-guide .guide-text {
  vertical-align: middle;
  color: #767676;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.3px;
}

@media (min-width: 1200px) {
  /* line 1400, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .post-guide .guide-text {
    font-size: 16px;
    letter-spacing: -0.4px;
  }
}

/* line 1413, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .post-guide .guide-text b {
  color: #505050;
}

/* line 1418, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .section-divider16 {
  display: block;
  width: 100%;
  height: 1px;
  margin: 16px 0;
  background-color: #dbdbdb;
}

/* line 1426, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width: 1200px) {
  /* line 1426, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul {
    margin-left: 34px;
  }
}

/* line 1435, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul .row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 6px;
}

/* line 1442, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul .circle {
  flex: 1;
  max-width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: #767676;
}

/* line 1450, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul .li-text {
  flex: 7;
  vertical-align: middle;
  word-break: break-all;
  line-height: 22px;
  color: #767676;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.35px;
}

/* line 1462, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul .li-text img {
  vertical-align: middle;
}

@media (min-width: 1200px) {
  /* line 1450, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul .li-text {
    font-size: 16px;
  }
}

/* line 1471, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul .section-divider {
  display: block;
  width: 100%;
  height: 1px;
  margin: 40px 0;
  background-color: #dbdbdb;
}

/* line 1479, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul b {
  color: #505050;
}

/* line 1484, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul16 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* line 1488, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul16 .row4 {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 1494, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul16 .blue-border {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 20px;
  color: #4090ff;
  font-size: 11px;
  font-weight: 700;
  border-radius: 12px;
  border: 1px solid #4090ff;
  background: rgba(64, 144, 255, 0.08);
}

/* line 1509, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul16 .row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 10px;
}

/* line 1516, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul16 .circle {
  flex: 1;
  max-width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: #767676;
}

/* line 1524, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul16 .li-text {
  flex: 7;
  vertical-align: middle;
  word-break: break-all;
  color: #767676;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.35px;
}

@media (min-width: 1200px) {
  /* line 1524, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul16 .li-text {
    font-size: 16px;
  }
}

/* line 1539, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul16 .li-text img {
  vertical-align: middle;
}

/* line 1544, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul16 .section-divider {
  display: block;
  width: 100%;
  height: 1px;
  margin: 40px 0;
  background-color: #dbdbdb;
}

/* line 1552, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul16 b {
  color: #505050;
}

/* line 1557, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul_copy {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width: 1200px) {
  /* line 1557, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul_copy {
    gap: 16px;
  }
}

/* line 1566, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul_copy .row4 {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 1572, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul_copy .blue-border {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 20px;
  color: #4090ff;
  font-size: 11px;
  font-weight: 700;
  border-radius: 12px;
  border: 1px solid #4090ff;
  background: rgba(64, 144, 255, 0.08);
}

/* line 1587, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul_copy .row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 10px;
}

/* line 1594, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul_copy .circle {
  flex: 1;
  max-width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: #767676;
}

/* line 1602, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul_copy .li-text {
  flex: 7;
  word-break: break-all;
  color: #767676;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.35px;
}

@media (min-width: 1200px) {
  /* line 1602, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul_copy .li-text {
    font-size: 16px;
  }
}

/* line 1617, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul_copy .section-divider {
  display: block;
  width: 100%;
  height: 1px;
  margin: 40px 0;
  background-color: #dbdbdb;
}

/* line 1625, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .content-box .ul_copy b {
  color: #505050;
}

/* line 1631, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 1636, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .title-row .title-text {
  color: #111111;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
}

@media (min-width: 1200px) {
  /* line 1636, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .modal-content-wrapper .title-row .title-text {
    font-size: 18px;
    letter-spacing: -0.45px;
  }
}

@media (min-width: 1200px) {
  /* line 1651, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .expose-a {
    width: 420px;
    height: auto;
    margin: 0 auto;
  }
}

/* line 1659, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .tag-a {
  width: 230px;
  height: auto;
  margin: 0 auto;
}

@media (min-width: 1200px) {
  /* line 1659, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .tag-a {
    width: 296px;
    height: auto;
    margin: 0 auto;
  }
}

/* line 1670, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .follower-a {
  width: 280px;
  height: auto;
  margin: 0 auto;
}

@media (min-width: 1200px) {
  /* line 1670, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .follower-a {
    width: 420px;
  }
}

/* line 1678, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .follower-b {
  width: 280px;
  height: auto;
  margin: 0 auto;
}

@media (min-width: 1200px) {
  /* line 1678, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .follower-b {
    width: 500px;
  }
}

/* line 1687, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .auto-a {
  width: 280px;
  height: auto;
  margin: 0 auto;
}

@media (min-width: 1200px) {
  /* line 1687, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .auto-a {
    width: 360px;
  }
}

/* line 1696, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .expose-aPc {
  width: 280px;
  margin: 0 auto;
}

@media (min-width: 1200px) {
  /* line 1696, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .expose-aPc {
    width: 420px;
  }
}

/* line 1704, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.guide .guide-wrap ul li .expose-c {
  width: 280px;
  margin: 0 auto;
}

@media (min-width: 1200px) {
  /* line 1704, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .expose-c {
    width: 420px;
    height: auto;
    margin: 0 auto;
  }
}

@media (min-width: 1200px) {
  /* line 1714, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.guide .guide-wrap ul li .like-a {
    width: 420px;
    height: auto;
    margin: 0 auto;
  }
}

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

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

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

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

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

/* line 1750, assets/css2/new-order.scss */
aside ~ 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 1750, assets/css2/new-order.scss */
  aside ~ 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 1771, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.setting .reset-btn::before {
  content: "메뉴 ";
}

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

/* line 1779, assets/css2/new-order.scss */
aside ~ 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/img2/new-order/reset.svg") no-repeat center;
  background-size: auto 100%;
}

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

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

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

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

/* line 1810, assets/css2/new-order.scss */
aside ~ 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 1819, assets/css2/new-order.scss */
aside ~ 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 1810, assets/css2/new-order.scss */
  aside ~ 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 1810, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.setting .tab-wrap .tab-header input[type="radio"] + label {
    margin-left: 15px;
    margin: 0 7px;
  }
}

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

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

/* line 1852, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.setting .tab-wrap .tab-body {
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 15px;
  padding: 7px 20px;
}

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

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

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

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

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

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

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

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

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

/* line 1875, assets/css2/new-order.scss */
aside ~ 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 1879, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap .service-wrap li input[type="checkbox"] + label::before {
    top: 10px;
  }
}

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

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

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

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

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

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

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

/* line 2029, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.setting .button-wrap {
  display: flex;
  background-color: #ffffff;
}

@media (max-width: 767.98px) {
  /* line 2029, assets/css2/new-order.scss */
  aside ~ 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 2042, assets/css2/new-order.scss */
aside ~ 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 2042, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.setting .button-wrap button {
    border: 0;
  }
}

/* line 2057, assets/css2/new-order.scss */
aside ~ 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 2057, assets/css2/new-order.scss */
  aside ~ main section .inner-wrap.setting .button-wrap button.reset-btn {
    display: block;
  }
}

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

/* line 2077, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.setting .button-wrap button.cancel-btn {
  border: 1px solid #eeeeee;
}

/* line 2081, assets/css2/new-order.scss */
aside ~ main section .inner-wrap.setting .button-wrap button.apply-btn {
  background-color: #061328;
  color: #ffffff;
  margin-left: 5px;
}

/* line 2094, assets/css2/new-order.scss */
.popup-wrap.guide .inner,
.popup-wrap.alert .inner {
  max-width: 730px;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0px 5px 9px #00000029;
  padding: 60px 24px 40px;
}

@media (max-width: 767.98px) {
  /* line 2094, assets/css2/new-order.scss */
  .popup-wrap.guide .inner,
.popup-wrap.alert .inner {
    width: 328px;
    max-width: 328px;
  }
}

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

/* line 2113, assets/css2/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 2121, assets/css2/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 2121, assets/css2/new-order.scss */
  .popup-wrap.guide .inner .content .video,
.popup-wrap.alert .inner .content .video {
    height: 300px;
  }
}

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

/* line 2137, assets/css2/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 2142, assets/css2/new-order.scss */
.popup-wrap.guide .inner .content .img-wrap img,
.popup-wrap.alert .inner .content .img-wrap img {
  width: 100%;
}

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

/* line 2152, assets/css2/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 2167, assets/css2/new-order.scss */
.popup-wrap.alert .inner .content {
  padding: 10px;
}

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

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

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

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

/* line 2191, assets/css2/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 2199, assets/css2/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;
}

/* line 9, assets/css2/index-order.scss */
.popup-wrap.alert .inner .content {
  padding: 10px;
}

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

/* line 20, assets/css2/index-order.scss */
.popup-wrap.alert.success .inner > h3 {
  text-align: center;
}

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

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

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

/* line 41, assets/css2/index-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;
}

@media (max-width: 991.98px) {
  /* line 56, assets/css2/index-order.scss */
  .popup-wrap.signin,
.popup-wrap.signup,
.popup-wrap.resetpassword,
.popup-wrap.terms {
    padding-top: 40px;
  }
}

/* line 64, assets/css2/index-order.scss */
.popup-wrap.signin .inner .content iframe,
.popup-wrap.signup .inner .content iframe,
.popup-wrap.resetpassword .inner .content iframe,
.popup-wrap.terms .inner .content iframe {
  border: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
}

/* line 72, assets/css2/index-order.scss */
.popup-wrap.signin .inner .content iframe.init,
.popup-wrap.signup .inner .content iframe.init,
.popup-wrap.resetpassword .inner .content iframe.init,
.popup-wrap.terms .inner .content iframe.init {
  opacity: 1;
}

/* line 78, assets/css2/index-order.scss */
* + .user-form {
  display: none;
}

/* line 82, assets/css2/index-order.scss */
.user-form {
  position: relative;
  transition: padding 0.3s;
  justify-content: center;
  padding: 70px 120px 0;
}

@media (max-device-width: 1380px) {
  /* line 82, assets/css2/index-order.scss */
  .user-form {
    padding: 70px 100px 0;
  }
}

@media (max-width: 991.98px) {
  /* line 82, assets/css2/index-order.scss */
  .user-form {
    padding: 30px 45px 0;
  }
}

@media (max-width: 767.98px) {
  /* line 82, assets/css2/index-order.scss */
  .user-form {
    padding: 35px 20px 100px;
  }
}

/* line 105, assets/css2/index-order.scss */
.user-form .message {
  display: none;
}

/* line 109, assets/css2/index-order.scss */
.user-form h2 {
  font-size: 20px;
  font-weight: 500;
  color: #999999;
  margin: 0;
  transition: font-size 0.3s;
}

@media (max-device-width: 758px) {
  /* line 109, assets/css2/index-order.scss */
  .user-form h2 {
    font-size: 18px;
  }
}

@media (max-width: 767.98px) {
  /* line 109, assets/css2/index-order.scss */
  .user-form h2 {
    font-size: 16px;
    font-family: "Noto Sans", sans-serif;
  }
}

/* line 127, assets/css2/index-order.scss */
.user-form p {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid #000000;
  padding: 13px 0 25px;
  margin: 0 0 5px;
  transition: font-size 0.3s, padding 0.3s;
}

@media (max-device-width: 758px) {
  /* line 127, assets/css2/index-order.scss */
  .user-form p {
    font-size: 22px;
    padding: 11px 0 18px;
  }
}

@media (max-width: 767.98px) {
  /* line 127, assets/css2/index-order.scss */
  .user-form p {
    font-size: 20px;
    padding: 9px 0 10px;
  }
}

/* line 147, assets/css2/index-order.scss */
.user-form label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 5px;
  transition: font-size 0.3s, margin 0.3s;
}

@media (max-device-width: 758px) {
  /* line 147, assets/css2/index-order.scss */
  .user-form label {
    font-size: 13px;
    margin-top: 18px;
  }
}

@media (max-width: 767.98px) {
  /* line 147, assets/css2/index-order.scss */
  .user-form label {
    font-size: 12px;
    margin-top: 15px;
  }
}

/* line 166, assets/css2/index-order.scss */
.user-form label .small {
  font-size: 12px;
}

/* line 171, assets/css2/index-order.scss */
.user-form input[type=text],
.user-form input[type=password],
.user-form input[type=email] {
  font-size: 13px;
  padding: 10px;
  display: block;
  width: 100%;
  background-color: #F4F6F8;
  border: 0;
  border-radius: 15px;
  box-shadow: inset 0 3px 6px #BCBCBC29;
  transition: font-size 0.3s;
}

@media (max-device-width: 758px) {
  /* line 171, assets/css2/index-order.scss */
  .user-form input[type=text],
.user-form input[type=password],
.user-form input[type=email] {
    font-size: 14px;
  }
}

@media (max-width: 767.98px) {
  /* line 171, assets/css2/index-order.scss */
  .user-form input[type=text],
.user-form input[type=password],
.user-form input[type=email] {
    font-size: 13px;
  }
}

/* line 196, assets/css2/index-order.scss */
.user-form button[type=submit] {
  font-size: 18px;
  display: block;
  width: 100%;
  margin-top: 25px;
  background-color: var(--main-color);
  padding: 20px 0;
  border-radius: 15px;
  color: #333;
  transition: font-size 0.3s, padding 0.3s;
}
.user-form button[type=button] {
  font-size: 18px;
  display: block;
  width: 100%;
  margin-top: 25px;
  background-color: var(--main-color);
  padding: 20px 0;
  border-radius: 15px;
  color: #333;
  transition: font-size 0.3s, padding 0.3s;
}


@media (max-device-width: 758px) {
  /* line 196, assets/css2/index-order.scss */
  .user-form button[type=submit] {
    font-size: 16px;
    padding: 18px 0;
  }
}

@media (max-width: 767.98px) {
  /* line 196, assets/css2/index-order.scss */
  .user-form button[type=submit] {
    font-size: 14px;
    font-family: "Noto Sans", sans-serif;
    padding: 15px 0;
  }
}

/* line 220, assets/css2/index-order.scss */
.user-form .remember-wrap {
  margin: 10px 10px 0 10px;
  position: relative;
}

@media (max-width: 767.98px) {
  /* line 220, assets/css2/index-order.scss */
  .user-form .remember-wrap {
    position: static;
  }
}

/* line 228, assets/css2/index-order.scss */
.user-form .remember-wrap .forgot-password {
  font-size: 12px;
  color: #3A74DE;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  transition: right 0.3s, transform 0.3s;
}

@media (max-width: 767.98px) {
  /* line 228, assets/css2/index-order.scss */
  .user-form .remember-wrap .forgot-password {
    top: auto;
    bottom: 65px;
    right: 50%;
    transform: translate(50%, 0);
  }
}

/* line 247, assets/css2/index-order.scss */
.user-form .check-wrap {
  font-size: 12px;
  position: absolute;
  top: 30px;
  right: 35px;
  transition: top 0.3s, right 0.3s, margin 0.3s;
}

@media (max-device-width: 758px) {
  /* line 247, assets/css2/index-order.scss */
  .user-form .check-wrap {
    top: 15px;
    right: 20px;
  }
}

@media (max-width: 767.98px) {
  /* line 247, assets/css2/index-order.scss */
  .user-form .check-wrap {
    position: static;
    margin-top: 35px;
    display: block;
    text-align: center;
  }
}

/* line 268, assets/css2/index-order.scss */
.user-form .check-wrap a {
  color: #3A74DE;
}

/* line 273, assets/css2/index-order.scss */
.user-form .row {
  font-size: 0;
}

/* line 276, assets/css2/index-order.scss */
.user-form .row .col {
  display: inline-block;
  vertical-align: middle;
  width: calc(50% - 10px);
}

/* line 281, assets/css2/index-order.scss */
.user-form .row .col + .col {
  margin-left: 20px;
}

/* line 287, assets/css2/index-order.scss */
.user-form .captcha-wrap {
  position: absolute;
}

/* line 290, assets/css2/index-order.scss */
.user-form .captcha-wrap:not(.visible) {
  display: none;
}

/* line 294, assets/css2/index-order.scss */
.user-form .captcha-wrap .g-recaptcha {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 302, assets/css2/index-order.scss */
.user-form.captcha {
  padding-bottom: 300px;
}

/* line 305, assets/css2/index-order.scss */
.user-form.captcha .row {
  opacity: 0;
}

/* line 309, assets/css2/index-order.scss */
.user-form.captcha .captcha-wrap {
  display: block;
}