@charset "UTF-8";
.sass-UTF-8 {
  content: "¡//based on SCSS, Front-end Dev Group by qoo10";
}

/* #Popup Layout 
//------------------------------------------------------------------------------ */
.qx-frame {
  background-color: #fff;
  box-sizing: border-box;
  min-width: 200px;
  height: 100vh;
}
.qx-layer .qx-frame {
  height: fit-content;
}
.qx-frame > .qx-cont, .qfs-frame > .qx-cont {
  height: 100%;
  box-sizing: border-box;
}

.qx-frame--alert {
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}
.qx-frame--alert .qx-frame__hd {
  border-radius: 4px 4px 0 0;
}
.qx-frame--alert .btn__lrg .qx-btn {
  height: 56px;
  min-width: 92px;
}
.qx-frame--event {
  margin-top: 15px;
  padding: 20px;
  box-sizing: border-box;
  border: 0 none;
  background-color: #eee;
}
.qx-frame--event + .qx-layer__cls {
  top: 0;
  right: 0;
  margin: -28px 8px 0 0;
  height: 30px;
}
.qx-frame--event .qx-frame__ct {
  padding: 24px 16px;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #fff;
}
.qx-frame--event .qx-frame__hd {
  background-color: transparent;
  padding: 0 0 16px;
  border-bottom: 1px solid #eee;
}
.qx-frame--flx {
  display: flex;
  flex-wrap: wrap;
}
.qx-frame--flx :where(.qx-frame__ct, .qx-frame__inr):not(.qx-frame__aside) {
  flex: 1;
}
.qx-frame--flx .qx-frame__ct[data-frame=scroll]::-webkit-scrollbar {
  width: 12px;
}
.qx-frame--flx .qx-frame__ct[data-frame=scroll]::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #8b8b8b;
  background-clip: padding-box;
  border: 4px solid transparent;
}
.qx-frame--flx .qx-frame__ct[data-frame=scroll]::-webkit-scrollbar-track {
  background-color: transparent;
}
.qx-frame__inr {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 111px);
}
.qx-frame__inr > .qx-frame__ct {
  flex: 1;
  max-height: unset;
}

.qx-frame + .qx-layer__cls, .qx-wrap .qx-layer__cls {
  top: 14px;
  right: 25px;
  height: 20px;
}

.qx-frame__hd {
  background-color: #121361;
  padding: 11px 18px 10px;
  box-sizing: border-box;
  width: 100%;
  color: #fff;
}
.qx-frame__hd :is(h1, h2) {
  font-size: 16px;
  line-height: 1.5;
}
.qx-frame__hd :is(h1, h2) + p {
  margin-top: 4px;
}
.qx-frame__aside {
  background: #f4f4f4;
  width: 160px;
}
.qx-frame__aside .qx-frame__ct {
  padding: 16px;
}
.qx-frame__aside .qx-cont__tt {
  margin-bottom: 16px;
  font-weight: 500;
}
.qx-frame__aside .tt:not(li.tt) {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
}
.qx-frame__aside li {
  font-size: 14px;
  color: #353535;
}
.qx-frame__aside li:not(li.tt) + li {
  padding-top: 10px;
}
.qx-frame__aside li.tt {
  margin-bottom: 12px;
}
.qx-frame__aside li.tt :is(h2, h3, h4) {
  font-size: 14px;
  font-weight: 500;
}
.qx-frame__aside ul {
  margin-top: -4px;
}
.qx-frame__aside ul li a {
  display: block;
  position: relative;
  padding-left: 12px;
}
.qx-frame__aside ul .on {
  position: relative;
  color: #121361;
  font-weight: bold;
}
.qx-frame__aside ul .on:before {
  position: absolute;
  left: 0;
  top: 50%;
  border-width: 3px 5px;
  border-style: solid;
  border-color: transparent transparent transparent #121361;
  transform: translateY(-50%);
  content: "";
}
.qx-frame__aside ol li {
  margin-left: 18px;
  list-style: decimal;
}
.qx-frame__aside ol .on {
  color: #121361;
  font-weight: bold;
}
.qx-frame__aside .dtl {
  margin: 16px -16px 0;
  padding: 10px 16px 0;
  border-top: 1px solid #dedede;
}
.qx-frame__aside .dtl li:not(.tt) {
  position: relative;
  padding-left: 10px;
}
.qx-frame__aside .dtl li:not(.tt):after {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #cdcdcd;
  content: "";
}
.qx-frame__aside .dtl a:not(.on):before {
  position: absolute;
  left: 0;
  top: 50%;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background: #aeaeae;
  transform: translateY(-50%);
  content: "";
}
.qx-frame__aside :where(ul, ol) + :where(ul, ol) {
  margin-top: 24px;
}
.qx-frame__aside :where(ul, ol) + .qx-cont__btn {
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 24px;
  box-sizing: border-box;
  width: 100%;
}
.qx-frame__aside :where(ul, ol) + .qx-cont__btn.qx-frame__bg {
  z-index: 1;
  box-shadow: 0 0.5mm 2mm rgba(0, 0, 0, 0.25);
}
.qx-frame__ft {
  padding: 24px 20px;
  box-sizing: border-box;
  width: 100%;
}
.qx-frame__ft *:first-child {
  margin-top: 0;
}
.qx-frame__ct {
  position: relative;
  padding: 16px 20px 24px;
  box-sizing: border-box;
  font-size: 15px;
}
.qx-frame__ct[data-frame=scroll] {
  overflow: hidden auto;
  max-height: calc(100vh - 111px);
}
.qx-frame__ct[data-frame=scroll]::-webkit-scrollbar {
  width: 12px;
}
.qx-frame__ct[data-frame=scroll]::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #8b8b8b;
  background-clip: padding-box;
  border: 4px solid transparent;
}
.qx-frame__ct[data-frame=scroll]::-webkit-scrollbar-track {
  background-color: transparent;
}
.qx-cont__btn + .qx-frame__ct[data-frame=scroll] {
  height: calc(100vh - 139px);
}
.qx-frame__ct[data-frame=scroll] + .qx-frame__ft {
  position: relative;
  box-shadow: 0px -10px 15px -10px rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(222, 222, 222, 0.5607843137);
}
.qx-frame__bg, .qx-frame__bg + .qx-frame__ct {
  background-color: #f8f8f8;
}
.qx-frame__bg.qx-frame__ct {
  height: calc(100vh - 51px);
}
.qx-frame__bg :is(div.qx-radio__box, .qx-cont__box, .qx-cont__tb, .qx-cont__item) {
  background-color: #fff;
}
.qx-frame__nt {
  font-size: 14px;
  word-break: break-all;
}
.qx-frame__nt + .qx-cont__sc {
  margin-top: 8px;
}
.qx-frame__tt {
  font-weight: 500;
  font-size: 16px !important;
  color: #292929;
}
.qx-frame__tt--warning, .qx-frame__tt--success {
  padding-left: 36px;
  box-sizing: border-box;
  background-position: left 50%;
  background-repeat: no-repeat;
  line-height: 28px;
}
.qx-frame__tt--warning {
  background-image: url("../img/common/ic_warning_y.png");
}
.qx-frame__tt--success {
  background-image: url("../img/common/ic_alarm_success.png");
  background-size: 28px;
}
.qx-frame__txt {
  font-size: 15px;
  color: #353535;
  line-height: 1.67;
}
:where(.qx-frame__txt, .qx-frame__hd) + .qx-frame__txt {
  margin-top: 16px;
}
.qx-frame__sum {
  display: inline-block;
  margin-top: 12px;
}
.qx-frame__sum + .qx-cont__nt {
  margin-top: 0;
}
.qx-frame__sum i {
  display: inline-block;
  margin-left: 12px;
  background-color: transparent;
  font-size: 13px;
  color: #121361;
  font-style: initial;
  cursor: pointer;
}

.qx-frame--slider + .qx-layer__cls {
  margin: -43px -26px 0 0;
}
.qx-frame--slider .qx-frame__ct {
  padding: 10px;
}
.qx-frame--slider .qx-slider {
  padding: 0;
  width: 640px;
  height: 465px;
}
.qx-frame--slider .qx-slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.qx-frame--slider :is(.slick-prev, .slick-next):before {
  border-color: #fff;
  border-width: 0 2px 2px 0;
  opacity: 1;
}
.qx-frame--slider .slick-slide a {
  height: 465px;
}
.qx-frame--slider .slick-prev {
  left: -35px;
}
.qx-frame--slider .slick-next {
  right: -35px;
}

/* #Container 
//------------------------------------------------------------------------------ */
.qx-inr [data-lnb=true] {
  display: block;
  width: 100%;
}
.qfs-cont_wide + .qx-inr [data-lnb=true] {
  margin-top: -80px;
}
.qx-inr .qfs-lnb {
  margin-top: 20px;
}
.qx-inr .qfs-lnb + section {
  margin-top: 25px;
}
.qx-inr :is(header.qfs-cont_wide, header.qfs-cont__sc, header.qfs-cont__bg) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 40px;
  padding: 13px 0;
  background-color: unset;
}
.qx-inr :is(header.qfs-cont_wide, header.qfs-cont__sc, header.qfs-cont__bg):after {
  content: none;
}
.qx-inr :is(header.qfs-cont_wide, header.qfs-cont__sc, header.qfs-cont__bg) :is(.qfs-cont_ht, .qfs-cont__ht) {
  margin: 0;
}
.qx-inr :is(header.qfs-cont_wide, header.qfs-cont__sc, header.qfs-cont__bg) :is(.qfs-cont_ds, .qfs-cont__ds) {
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
}
.qx-inr:not(.qx-wrap--new .qx-inr) :is(header.qfs-cont_wide, header.qfs-cont__sc, header.qfs-cont__bg) {
  background: #e8ecf5;
}
.qx-inr:not(.qx-wrap--new .qx-inr) :is(header.qfs-cont_wide, header.qfs-cont__sc, header.qfs-cont__bg):before {
  background: #e8ecf5;
  width: 100vw;
  min-width: calc(10% + 100px);
}
.qx-inr .qfs-btn:not(.btn_sbm, .btn__sbm) {
  border-color: #121361;
  color: #121361;
}
.qx-inr :is(.qfs-btn.btn_sbm, .qfs-btn.btn__sbm):not(.btn__grey, [disabled]) {
  background: #121361;
}

.qfs-layer_cls, .qfs-layer__cls {
  top: 12px;
  right: 20px;
  padding-top: 22px;
  width: 22px;
}

.qx-inr .qfs-cont_inr {
  margin: 0;
  padding: 0;
  width: 100%;
}
.qx-inr .qfs-cont_tab {
  margin: 0;
  border-bottom: 1px solid #999;
}
.qx-inr .qfs-cont_tab:after {
  content: "";
  display: block;
  clear: both;
}
.qx-inr .qfs-cont_sc ~ .qfs-cont_wide {
  margin-top: 30px;
}
.qx-inr .qfs-cont_wide {
  padding: 30px 0;
  z-index: 1;
}
.qx-inr .qfs-cont_wide:before {
  left: 0;
  margin-left: -40px;
  min-width: calc(100% + 80px);
}
.qx-inr section .qfs-cont_wide:last-of-type {
  margin-bottom: -110px;
}

.qx-inr .qfs-cont_ds {
  margin-top: -12px;
  font-size: 14px;
  color: #444;
  line-height: 1.33;
}
.qx-inr .qfs-cont_step {
  background: none;
}
.qx-inr .qfs-cont_form .text_span {
  height: 36px;
  line-height: 35px;
  font-size: 13px;
}
.qx-inr .qfs-cont_form .col > label {
  flex-basis: 130px;
}
.qx-inr .qfs-cont_flx[data-column] {
  margin: 20px 0 0;
}
.qx-inr .qfs-cont_stt ~ .qfs-cont_stt {
  margin-top: 50px;
}
.qx-inr .qfs-cont_flt {
  margin-top: 8px;
}
.qx-inr .qfs-cg .qfs-cont_step {
  margin: 0 auto;
  padding: 0;
}
.qx-inr .qfs-cg .qfs-cont_step a {
  align-items: flex-start;
  justify-content: flex-end;
  flex-basis: 130px;
  margin: 0 8px;
  padding: 16px;
  border-radius: 4px;
  box-shadow: 2px 3px 8px 0 rgba(0, 0, 0, 0.15);
  width: 130px;
  height: 110px;
  text-align: left;
  font-size: 14px;
  color: #121361;
}
.qx-inr .qfs-cg .qfs-cont_step a:after {
  border-color: #cdcdcd;
  width: 16px;
}
.qx-inr .qfs-cg .qfs-cont_step a strong {
  display: block;
  margin-bottom: 8px;
  font-size: 27px;
  font-weight: 500;
}
.qx-inr .qfs-cg .qfs-cont_step a.all {
  background: #121361;
  color: #fff;
}
.qx-inr .qfs-cg .qfs-cont_step a.dlv {
  border-color: #cdcdcd;
  background: #f8f8f8;
  color: #8b8b8b;
}
.qx-inr .qfs-cg .qfs-cont_step a.rej {
  border-color: #db8888;
  background: #fff;
  color: #d80000;
}
.qx-inr .qfs-cg .qx-tab--rd li {
  width: unset;
  min-width: 160px;
}
.qfs-cg__box {
  margin-top: 8px;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  background: #fff;
  width: 100%;
  text-align: center;
}
.qfs-cg__box h4 {
  margin-bottom: 24px;
  font-size: 24px;
}
.qfs-cg__box input {
  min-width: 216px;
}
.qfs-cg__box p {
  display: inline-block;
  text-align: left;
  font-size: 16px;
}
.qfs-cg__box p + .qfs-cont_sc {
  margin-top: 24px;
}

.qx-inr .qfs-cg__box .qfs-btn {
  height: 36px;
}
.qx-inr .qfs-cg .qfs-cont_wide {
  margin-bottom: -110px;
  padding-bottom: 110px;
}

.qx-inr .qfs-inner {
  margin: 0;
  width: 100%;
  max-width: 100%;
}
.qx-cont header.qfs-cont__sc {
  z-index: 1;
}
.qx-cont header.qfs-cont__sc:before {
  left: 0;
  margin-left: -40px;
  min-width: calc(100% + 80px);
}

.qx-inr .qfs-cont__bg {
  padding-bottom: 20px;
  z-index: 1;
}
.qx-inr .qfs-cont__bg:before {
  left: 0;
  margin-left: -267px;
}
section .qfs-cont__bg:last-of-type {
  margin: 0;
}

.qx-inr .qfs-cont__form .text__span--bar {
  height: 36px;
}
.qx-inr .qfs-cont__cal {
  height: 36px;
  box-sizing: border-box;
  font-size: 14px;
}
.qx-inr .qfs-cont__cal input {
  width: 68px;
  height: 33px;
  font-size: 13px;
}
.qx-inr .qfs-tab--rd a:not(.on) {
  background-color: #fff;
}
.qx-inr .qfs-tab--rd a:not(.on):hover {
  background-color: #f9f6fe;
}
.qx-inr section :is(.qfs-cont__hg, .qfs-cont_hg):first-of-type {
  margin-top: 24px;
}
.qx-inr .qfs-main {
  background: transparent;
  padding-bottom: 0;
  width: 100%;
  max-width: 1280px;
}
.qx-inr .qfs-main__bn {
  margin-bottom: 20px;
}
.qx-inr .qfs-btnpop__btn, .qx-inr .qfs-btnpop__btn .count {
  right: 200px;
}

.qfs-frame__hd, .qfs-frame_hd {
  padding: 12px 20px;
}
.qfs-frame__hd h1, .qfs-frame_hd h1 {
  font-size: 16px;
}
.qfs-frame__ct, .qfs-frame_ct {
  padding: 20px 20px 24px;
}
.qfs-frame .qfs-slct__bar,
.qfs-frame .qfs-input__bar {
  font-size: 13px;
}
.qfs-frame .qfs-cont__dtt {
  font-size: 13px;
}

.qfs-print {
  margin-top: 8px;
  padding: 20px;
}
.qfs-print__total {
  font-size: 15px;
}
.qfs-print__hg h2 {
  font-size: 14px;
}
.qfs-print__hg p {
  font-size: 13px;
}
.qfs-print__count h3, .qfs-print__count em {
  font-size: 13px;
}

.qx-inr .qfs-radio label {
  margin: 0 20px 0 5px;
}
.qx-inr :where(.qfs-cont_form, .qfs-cont__form) label {
  font-size: 14px;
}
.qx-inr :is(.qfs-cont_ht, .qfs-cont__ht) {
  font-size: 20px;
}
.qx-inr :is(.qfs-cont_hg, .qfs-cont__hg) {
  margin-bottom: 8px;
}
.qx-inr :is(.qfs-cont_tt, .qfs-cont__tt) {
  font-size: 16px;
  color: #1a1a1a;
}
.qx-inr :is(.qfs-cont_stt, .qfs-cont__stt) {
  margin-bottom: 8px;
  font-size: 14px;
  color: #1a1a1a;
}
.qx-inr :is(.qfs-cont_stt, .qfs-cont__stt) ~ :where(.qfs-cont_stt, .qfs-cont__stt) {
  margin-top: 24px;
}
.qx-inr :is(.qfs-cont_dtt, .qfs-cont__dtt) {
  font-size: 13px;
}
.qx-inr :is(.qfs-cont_nt, .qfs-cont__nt) {
  font-size: 13px;
}

.qx-inr .qfs-tab > a {
  margin-top: 12px;
  padding: 0;
  border: none;
  box-sizing: border-box;
  height: 36px;
  min-width: unset;
  font-size: 16px;
  line-height: 36px;
  color: #444;
}
.qx-inr .qfs-tab > a + a {
  margin-left: 36px;
}
.qx-inr .qfs-tab > a.on {
  border-bottom: 4px solid #121361;
  background: none;
  font-weight: bold;
}
.qx-inr .qfs-tab--rd a {
  padding: 16px;
  font-size: 16px;
}
.qx-inr .qfs-tab__sub a {
  padding: 22px 20px 20px;
  line-height: 1.45;
}
.qx-inr .qfs-cont__btn {
  margin: 24px 0 40px;
}
.qx-inr .qfs-btn {
  padding: 0 10px;
  border-radius: 4px;
  height: 35px;
  background-color: #fff;
  border-color: #121361;
  font-size: 13px;
  line-height: 26px;
}
.qx-inr :is([class*=_form], [class*=_flt]) .qfs-btn {
  height: 32px;
  line-height: 32px;
}

.qx-inr :is(.qfs-btn.btn_add, .qfs-btn.btn_up, .qfs-btn.btn_down, .qfs-btn.btn_sync, .qfs-btn.btn_srch):before {
  width: 17px;
  height: 17px;
  background-size: 17px;
}
.qx-inr :is(.qfs-btn.btn_cart, .qfs-btn.btn_link, .qfs-btn.btn_link--not):before {
  width: 24px;
  height: 24px;
  background-size: 24px;
}
.qx-inr :is(.qfs-btn.btn__up, .qfs-btn.btn__down):after, .qx-inr :is(.qfs-btn.btn__re, .qfs-btn.btn__link, .qfs-btn.btn__link--not):before {
  width: 22px;
  height: 22px;
  background-size: 22px;
}

.qx-inr .qfs-order__bbox {
  height: 32px;
  min-width: 140px;
}
.qx-inr .qfs-order__bbox em {
  font-size: 13px;
  line-height: 30px;
}
.qx-inr .qfs-order__bbox .bbox__btn:before {
  top: 13px;
  right: 12px;
}
.qx-inr .qfs-order__bbox .bbox__btn:after {
  width: 35px;
  height: 32px;
}
.qx-inr .qfs-order__bbox .bbox__list {
  top: 35px;
}
.qx-inr .qfs-order__bbox .bbox__list a {
  padding: 6px;
  font-size: 13px;
}
.qx-inr .btn--mdm .qfs-btn {
  padding: 6px 16px 5px;
  height: 40px;
  font-size: 14px;
}
.qx-inr :where(.btn_lrg, .btn__lrg, .btn--lrg) .qfs-btn {
  padding: 9px 16px;
  height: 45px;
  font-size: 15px;
}
.qx-inr :where(.btn_lrg, .btn__lrg, .btn--lrg) .qfs-btn:before {
  margin-top: -6px;
  background-size: unset;
  width: 33px;
  height: 33px;
}
.qx-inr :is([class^=qfs-input_], [class^=qfs-slct_]) {
  font-size: 13px;
}
.qx-inr :where([class*=_flt], [class*=_form]) [class*=_bar] {
  border-radius: 4px;
  border: 1px solid #aeaeae;
  box-sizing: border-box;
  height: 32px;
  background-color: #fff;
}

/* #Container 
//------------------------------------------------------------------------------ */
:root {
  --main-color:#121361;
}

body, textarea, pre, input, button {
  font: 400 0.79em/1.4 "Roboto", "Noto Sans KR", sans-serif;
  color: #353535;
}

em {
  margin: 0;
  font-weight: 500;
  color: #353535;
}

.qx-wrap {
  position: relative;
  min-width: 1200px;
  overflow: hidden;
}
.qx-wrap--nonav {
  background: #f8f8f8;
}
.qx-wrap--nonav :is(.qx-nav, .qx-menu) {
  display: none;
}
.qx-wrap--nonav .qx-inr {
  padding-left: 0;
}
.qx-wrap--nonav .qx-foot:after {
  margin: 0;
  width: 100%;
  min-width: 100vw;
}
.qx-wrap--in .qx-head__logo {
  padding: 0;
  text-align: center;
}
.qx-wrap--in .qx-head__logo a {
  display: inline-block;
  vertical-align: middle;
}
.qx-wrap--in .qx-menu__logo a {
  background: url("../img/common/logo_smartship_in.png") left 50% no-repeat;
  background-size: 165px;
}
.qx-inr {
  padding-left: 216px;
  box-sizing: border-box;
  width: 100%;
  transition: all 0.3s;
}
.qx-inr--wide {
  padding-left: 60px;
}

.alert_top + .qx-head {
  top: 50px;
}
.alert_top ~ .qx-inr {
  padding-top: 50px;
}
.alert_top ~ .qx-inr .qx-cont {
  min-height: calc(100vh - 320px);
}
.alert_top ~ .qx-inr .qx-foot {
  margin-top: -50px;
}
.alert_top ~ .qx-inr .qx-nav {
  top: 114px;
  height: calc(100% - 154px);
}
.alert_top ~ .qx-nav {
  padding-top: 50px;
}
.alert_top ~ .qx-menu {
  top: 50px;
  height: calc(100vh - 50px);
}
.alert_top + .alert_top {
  top: 50px;
}
.alert_top + .alert_top + .qx-head {
  top: 100px;
}
.alert_top + .alert_top ~ .qx-nav {
  padding-top: 100px;
}
.alert_top + .alert_top ~ .qx-menu {
  top: 100px;
  height: calc(100vh - 100px);
}
.alert_top + .alert_top ~ .qx-inr {
  padding-top: 100px;
}
.alert_top + .alert_top ~ .qx-inr .qx-cont {
  min-height: calc(100vh - 386px);
}
.alert_top + .alert_top ~ .qx-inr .qx-foot {
  margin-top: -100px;
}
.alert_top + .alert_top ~ .qx-inr .qx-nav {
  top: 114px;
  height: calc(100% - 204px);
}

.qx-cont {
  padding: 58px 36px 100px;
  min-height: calc(100vh - 270px);
}
.qx-cont__inr {
  padding: 20px 30px 20px 45px;
  box-sizing: border-box;
  font-size: 13px;
}
:where(.qx-txt, .qx-cont__box) + .qx-cont__sc, .qx-cont__sc + .qx-cont__box {
  margin-top: 24px;
}
.qx-cont__sc + .qx-cont__sc {
  margin-top: 12px;
}
.qx-cont__sc .ui-widget {
  border: 1px solid #dedede;
}
.qx-cont__sc .qx-grid__footer {
  padding: 8px 0 0;
  height: auto;
}
.qx-cont__ct {
  margin: 0 auto;
}
.qx-cont__lt {
  margin-right: auto;
}
.qx-cont__rt {
  margin-left: auto;
  padding-left: 10px;
  box-sizing: border-box;
  text-align: right;
}
.qx-cont__flx {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.qx-cont__flx .inner {
  flex: 1;
}
.qx-cont__flx + .qx-cont__box {
  margin-top: 12px;
}
.qx-cont__flx[data-column] > div {
  flex: 1;
}
.qx-cont__flx[data-column] .qx-cont__dt + .qx-cont__dt {
  margin-left: 20px;
}
.qx-cont__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 24px;
  width: 100%;
}
.qx-cont__box > .qx-cont__btn:nth-last-child(1):not(.qx-twofa__box + .qx-cont__btn) {
  margin: 30px 0 8px;
  padding-top: 24px;
  border-top: 1px solid #eeeeee;
}
.qx-cont__btn + .qx-cont__box {
  margin-top: 32px;
}
:where(.qx-cont__hg, .qx-cont__tt, .qx-cont__stt) + .qx-cont__btn {
  margin-top: 8px;
}
.qx-cont__btn .txt {
  display: block;
  width: 100%;
  text-align: center;
}
.qx-cont__btn .txt + :where(.qx-btn, div) {
  margin-top: 12px;
}
.qx-cont__btn[data-position=bottom] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -24px);
}
.qx-cont__btn.btn__tab {
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0;
}
.qx-cont__btn.btn__tab .qx-cont__rt {
  display: flex;
  min-width: 0;
}
.qx-cont__btn.btn__tab .qx-cont__rt .slct__list {
  left: unset;
}
.qx-cont__btn.btn__tab div.qx-slct__box {
  min-width: 0;
}
.qx-cont__btn.btn__tab div.qx-slct__box .slct__list {
  min-width: fit-content;
}
.qx-cont__btn.btn__tab :is(.qx-btn, div.qx-slct__box, .qx-btn__wrap):not(div.qx-slct__box .qx-slct__box, .slct__item) {
  border: none;
  border-radius: unset;
  height: 28px;
  line-height: 28px;
}
.qx-cont__btn.btn__tab :is(.qx-btn, div.qx-slct__box, .qx-btn__wrap):not(div.qx-slct__box .qx-slct__box, .slct__item):hover {
  background: #edeffd;
}
.qx-cont__btn.btn__tab :is(.qx-btn, div.qx-slct__box, .qx-btn__wrap):not(div.qx-slct__box .qx-slct__box, .slct__item).on {
  background: #e2e6f0;
}
.qx-cont__btn.btn__tab :is(.qx-btn, .qx-btn__wrap, .qx-slct__box) {
  margin-left: 0;
}
.qx-cont__flx .qx-cont__dtl {
  flex: 1;
}
.qx-cont__flx .qx-cont__dtl + .qx-cont__dtl {
  margin-left: 32px;
}
.qx-cont__box > .qx-cont__dtl, .qx-cont__sc > .qx-cont__dtl {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #eee;
  width: 100%;
}
.qx-cont__bar {
  margin-top: 27px;
  padding-top: 22px;
  border-top: 1px solid #eee;
}
.qx-cont__wrap {
  display: block;
  margin-left: -9px;
  margin-bottom: -9px;
}
.qx-cont__wrap :is(.qx-btn:not(.qx-btn__wrap .qx-btn), .qx-btn__wrap) {
  margin: 0 0 9px 8px;
}

.qx-cont__box {
  display: block;
  margin-top: 6px;
  padding: 18px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  width: 100%;
}
.qx-cont__box > .qx-cont__box {
  margin-top: 0;
  border-width: 1px 0 0 0;
  border-radius: 0;
}
.qx-cont__flt + .qx-cont__box {
  margin-top: 14px;
}
.qx-cont__box + :where(.qx-cont__box, .qx-txt, .qx-cont__tb), .qx-cont__hg + .qx-cont__box {
  margin-top: 11px;
}
.qx-frame__ct > .qx-cont__box:first-child, .col > .qx-cont__box {
  margin-top: 0;
}
.qx-cont__box :where(.qx-cont__form, .qx-grid__footer, .ui-widget) + .qx-cont__sc {
  margin-top: 27px;
  padding-top: 22px;
  border-top: 1px solid #eee;
}
.qx-cont__box[data-box-scroll="600"] {
  overflow-y: auto;
  height: 540px;
}
.qx-cont__box[data-box-scroll="600"]::-webkit-scrollbar {
  width: 11px;
}
.qx-cont__box[data-box-scroll="600"]::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #8b8b8b;
  background-clip: padding-box;
  border: 4px solid transparent;
}
.qx-cont__box[data-box-scroll="600"]::-webkit-scrollbar-track {
  background-color: transparent;
}
.qx-cont__box[data-frame=scroll] {
  overflow-y: auto;
  height: 600px;
}
.qx-cont__box[data-frame=scroll]::-webkit-scrollbar {
  width: 11px;
}
.qx-cont__box[data-frame=scroll]::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #cdcdcd;
  background-clip: padding-box;
  border: 4px solid transparent;
}
.qx-cont__box[data-frame=scroll]::-webkit-scrollbar-track {
  background-color: transparent;
}
ul.qx-cont__box li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
}
ul.qx-cont__box li + li {
  margin-top: 13px;
}

.qx-cont__box[data-padding="0"] {
  padding: 0 !important;
}
.qx-cont__box[data-padding="0"] .qx-cont__btn.btn__lrg {
  margin: 27px 18px 18px;
}
.qx-cont__box[data-padding="0"] + :where(.qx-cont__sc, .qx-cont__flx) {
  margin-top: 6px;
}
.qx-cont__box[data-padding="0"] > .qx-cont__dtl {
  margin-top: 0;
  padding: 18px;
  border-top: 1px solid #dedede;
  box-sizing: border-box;
}
.qx-cont__box .null__txt {
  display: none;
}
.qx-cont__box--null {
  background: #fff3f3;
  color: #e95a5c;
}
.qx-cont__box--null > *:not(.null__txt) {
  display: none;
}
.qx-cont__box--null .null__txt {
  display: block;
}

.qx-cont__item {
  margin: 12px 0;
  border-radius: 4px;
  border: 1px solid #dedede;
  box-sizing: border-box;
}
.qx-cont__item .qx-btn {
  padding: 7px 12px;
  height: 32px;
}
.qx-cont__item table {
  table-layout: fixed;
  width: 100%;
}
.qx-cont__item tr:first-of-type :is(th, td) {
  padding-top: 16px;
}
.qx-cont__item tr:last-of-type :is(th, td) {
  padding-bottom: 16px;
}
.qx-cont__item th {
  padding: 0 20px;
  border: 1px solid #dedede;
  border-width: 0px 1px;
  box-sizing: border-box;
  background-color: #eee;
  font-weight: normal;
  text-align: left;
}
.qx-cont__item th + td {
  padding: 0 20px;
}
.qx-cont__item td {
  padding: 16px 0 0 16px;
  box-sizing: border-box;
}
.qx-cont__item td:last-child {
  padding-right: 16px;
}

.qx-cont__flt {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.qx-cont__form {
  font-size: 13px;
}
.qx-cont__form form {
  width: 100%;
}
.qx-cont__form + .qx-cont__tb, .qx-cont__form + [class^=qx-cont__thmb] {
  margin-top: 12px;
}
.qx-pop__nt + .qx-cont__form {
  margin-top: 12px;
}
table.qx-cont__form {
  table-layout: fixed;
  margin: 0 -16px -24px;
  width: calc(100% + 27px);
  text-align: left;
}
table.qx-cont__form > tbody > tr > td {
  vertical-align: top;
  padding: 0 16px;
}
table.qx-cont__form ~ table.qx-cont__form, :where(.qx-cont__sc, .qx-cont__nt) + table.qx-cont__form {
  margin-top: 22px;
}
.qx-frame__nt + table.qx-cont__form {
  margin-top: 10px;
}
table.qx-cont__form .inp {
  margin-bottom: 22px;
}
table.qx-cont__form .inp[data-width="25%"] {
  width: calc(24.5% - 24px);
}
table.qx-cont__form .inp[data-width="33%"] {
  width: calc(33% - 16px);
}
table.qx-cont__form .inp[data-width="50%"] {
  width: calc(50% - 16px);
}
table.qx-cont__form .inp.inp--thmb {
  align-items: flex-start;
  height: 212px;
}
table.qx-cont__form .inp.inp--thmb .qx-cont__thmb {
  width: 185px;
  height: 185px;
}
table.qx-cont__form .inp.inp--thmb .qx-cont__thmb--add {
  height: 185px;
}

div.qx-cont__form {
  display: flex;
  flex-wrap: wrap;
  margin: -22px -27px 0 0;
  width: calc(100% + 27px);
}
div.qx-cont__form ~ div.qx-cont__form, .qx-cont__sc + div.qx-cont__form {
  margin-top: 0;
}
.qx-frame__nt + div.qx-cont__form {
  margin-top: -16px;
}
.qx-cont__box + div.qx-cont__form {
  margin-top: -12px;
}
div.qx-cont__form[data-column-num="1"] .col {
  width: 100%;
}
div.qx-cont__form[data-column-num="2"] .col {
  width: 50%;
}
div.qx-cont__form[data-column-num="3"] .col {
  width: 33.3333333333%;
}
div.qx-cont__form[data-column-num="4"] .col {
  width: 25%;
}
div.qx-cont__form[data-column-num="5"] .col {
  width: 20%;
}
div.qx-cont__form .col {
  margin-top: 22px;
  padding-right: 27px;
  box-sizing: border-box;
  width: 25%;
}
div.qx-cont__form .col[data-width="25%"] {
  width: 25%;
}
div.qx-cont__form .col[data-width="33%"] {
  width: 33%;
}
div.qx-cont__form .col[data-width="50%"] {
  width: 50%;
  min-width: 50%;
}
div.qx-cont__form .col[data-width="66%"] {
  width: 66%;
  min-width: 66%;
}
div.qx-cont__form .col[data-width="75%"] {
  width: 75%;
  min-width: 75%;
}
div.qx-cont__form .col[data-width="100%"] {
  width: 100%;
  min-width: 100%;
}
div.qx-cont__form .col__inr + .col__inr {
  margin-top: 22px;
}
div.qx-cont__form .inp:not(.ui-widget .inp) {
  min-height: 32px;
}
div.qx-cont__form[data-column-num="1"] .inp {
  min-height: unset;
}
div.qx-cont__form .text__fail {
  left: 0;
}

.qx-cont__form + :where(.qx-cont__tb, [class^=qx-cont__thmb]) {
  margin-top: 12px;
}
.qx-pop__nt + .qx-cont__form {
  margin-top: 10px;
}
.qx-cont__form .form__hd {
  display: flex;
  position: relative;
  padding: 22px 0 14px;
  width: 100%;
}
.qx-cont__form .form__hd:after {
  position: absolute;
  bottom: 0;
  left: -20px;
  right: 10px;
  border-bottom: 1px solid #dedede;
  content: "";
}
.qx-cont__form .form__hd span + span {
  margin-left: 22px;
}
.qx-cont__form .form__hd label {
  font-size: 15px;
}
.qx-cont__form .form__hd .form__required--ok label:after {
  width: 9px;
  height: 8px;
}
.qx-cont__form .col-wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 24px 0;
  width: 100%;
}
.qx-cont__form .col-wrap .qx-cont__stt {
  margin-bottom: -8px;
  width: 100%;
}
.qx-cont__form .col-wrap + .col-wrap:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 30px;
  border-top: 1px solid #dedede;
  content: "";
}
.qx-cont__form label {
  margin-right: 12px;
  line-height: 1.46;
}
.qx-cont__form .inp {
  display: flex;
  align-items: center;
  margin-top: 6px;
}
.qx-cont__form .inp .qx-inp__box {
  flex: 1;
  min-width: 0;
}
.qx-cont__form .inp--wrap {
  margin: -6px -6px 0 0;
  padding-top: 6px;
  flex-wrap: wrap;
  width: calc(100% + 6px);
}
.qx-cont__form .inp--wrap .qx-check__box {
  margin: 8px 16px 0 0;
}
.qx-cont__form .inp--wrap .qx-btn {
  margin: 8px 10px 0 0;
}
.qx-cont__form .inp--wrap .qx-btn.btn__sum {
  margin-right: 13px;
}
.qx-cont__form .inp--wrap .qx-btn.btn__sum:not(:last-of-type) {
  padding-right: 13px;
  border-right: 1px solid #cdcdcd;
}
.qx-cont__form .inp--block {
  display: block;
}
.qx-cont__form .inp--block :where(.inp__wide, .slct__wide, textarea) {
  margin: 8px 0 0;
}
.qx-cont__form .inp--block :where(.inp__wide, .slct__wide, textarea):first-child {
  margin-top: 0;
}
.qx-cont__form .inp--block :frist-child {
  margin-top: 0;
}
.qx-cont__form .inp--block > div:not(.qx-grid, .qx-cont__tb) {
  display: inline-flex;
}
.qx-cont__form .inp--block > .qx-grid {
  border: 1px solid #dedede;
}
.qx-cont__form .inp--block > .qx-grid .ui-widget {
  border: none;
}
.qx-cont__form .inp--block .inp {
  margin-bottom: 0;
}
.qx-cont__form .inp__wide {
  width: 100%;
}
.qx-cont__form .inp--group > div {
  position: relative;
  flex: 1;
  display: flex;
}
.inp--group .qx-slct__box + div,
.inp--group > div + div {
  margin-left: 8px;
}

.qx-cont__form .inp--group :is(input, select) {
  width: 100%;
}
.qx-cont__form .inp--group .text__fail {
  top: 43px;
  left: 0;
}
.qx-cont__validation .form__fail div {
  position: relative;
}
.qx-cont__validation .form__fail .qx-slct__box + div,
.qx-cont__validation .form__fail > div + div,
.qx-cont__validation .form__fail > div + span,
.qx-cont__validation .form__fail span + div {
  margin-left: 8px;
}

.qx-cont__form .inp__pw {
  position: relative;
  flex: 1;
}
.qx-cont__form .inp__pw input {
  padding-right: 40px;
  width: 100%;
}
.qx-cont__form .inp__pw button {
  position: absolute;
  top: 1px;
  right: 0;
  margin: 0 6px;
  padding: 0;
  width: 30px;
  height: calc(100% - 2px);
  overflow: hidden;
  color: transparent;
  background: url("../img/common/img_sprites.png") -27px -114px no-repeat;
  background-size: 480px;
  filter: grayscale(1) brightness(7);
}
.qx-cont__form .inp__pw button.hide {
  background-position: -1px -115px;
}
.form__fail .inp__pw button {
  right: 25px;
}

.qx-cont__form .inp--captcha {
  align-items: flex-end;
}
.qx-cont__form .inp--captcha .btn {
  margin: 0 4px;
  border: 1px solid #444;
  border-radius: 4px;
  box-sizing: border-box;
  background: url("../img/common/bt_re.png") 50% no-repeat;
  background-size: 12px;
  background-color: #fff;
  width: 18px;
  height: 18px;
  overflow: hidden;
  opacity: 0.65;
  color: transparent;
}
.qx-cont__form span.text__span {
  margin: 0 6px;
  line-height: 32px;
}
.qx-cont__form .text__fail {
  display: none;
  position: absolute;
  top: 70px;
  left: 16px;
  z-index: 1;
  padding: 4px 10px;
  border: 1px solid #f9e270;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fffcdc;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
  font-size: 12px;
  line-height: 1.33;
  white-space: nowrap;
}
.qx-cont__form .text__fail:before {
  position: absolute;
  top: 0;
  left: 11px;
  z-index: 5;
  margin-top: -8px;
  border: 2px solid transparent;
  border-bottom: 6px solid #fffcdc;
  content: "";
}
.qx-cont__form .text__fail:after {
  position: absolute;
  top: 0;
  left: 10px;
  margin-top: -10px;
  border: 3px solid transparent;
  border-bottom: 7px solid #f9e270;
  content: "";
}
.qx-cont__form :where(.form__fail, .form__required) label:not(.qx-radio label, .qx-check__box label, input + label):after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 6px;
  border-radius: 50%;
  background-color: #df2121;
  width: 6px;
  height: 6px;
}
.qx-cont__form .form__required--ok label:not(input + label):after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -3px 0 0 6px;
  background: url(../img/common/ic_label.png) 50% no-repeat;
  background-size: 100%;
  width: 11px;
  height: 11px;
}
.qx-cont__form .form__fail {
  position: relative;
}
.qx-cont__form .form__fail .qx-inp__box:not(div.qx-slct__box .qx-inp__box, .qx-cont__clkno .qx-inp__box, .pass input) {
  padding-right: 25px;
  border-color: #df2121;
  background: url("../img/common/ic_warning.png") calc(100% - 5px) 50% no-repeat;
}
.qx-cont__form .form__fail .qx-inp__box:not(div.qx-slct__box .qx-inp__box, .qx-cont__clkno .qx-inp__box, .pass input):focus {
  border-color: #121361;
  outline: none;
}
.qx-cont__form .form__fail .text__fail:not(.qx-cont__clkno .text__fail, .pass .text__fail) {
  display: block;
}
.qx-cont__form .form__fail .qx-slct__box:not(.pass .qx-slct__box) {
  border-color: #df2121;
}

[class^=qx-cont__thmb].thmb--wide {
  width: 100%;
  height: 316px;
}
[class^=qx-cont__thmb].thmb--wide .img {
  background-position-y: 45%;
}
[class^=qx-cont__thmb].thmb--wide .img:after {
  top: 50%;
}
[class^=qx-cont__thmb].thmb--wide .img:before {
  content: none;
}
[class^=qx-cont__thmb] .img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 1;
  text-align: center;
}
[class^=qx-cont__thmb] .img:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
[class^=qx-cont__thmb] .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
}
[class^=qx-cont__thmb] .img > ifame {
  background-color: #fff;
}

.qx-cont__thmb:not(.qx-cont__thmb--tb, .qx-cont__thmb--wrap) {
  position: relative;
  flex-shrink: 0;
  border: 1px solid #aeaeae;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  width: 216px;
  height: 216px;
  overflow: hidden;
}
.qx-cont__thmb .img__file {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.qx-cont__thmb .img__file:before {
  position: absolute;
  top: 35%;
  left: 50%;
  margin: -15px 0 0 -20px;
  width: 40px;
  height: 40px;
  background: url("../img/common/img_sprites.png") -464px -42px no-repeat;
  background-size: 513px;
  content: "";
}
.qx-cont__thmb .img__file object {
  display: none;
}
.qx-cont__thmb .img__file input[type=file] {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  font-size: 0;
  color: transparent;
  cursor: pointer;
}
.qx-cont__thmb .img__file label {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: 8px 0 0;
  color: #aaa;
  text-align: center;
  font-size: 12px;
  line-height: 1.92;
  cursor: pointer;
}
.qx-cont__thmb .img__file label:after {
  content: none;
}
.img__file.img__drop, .img__file.img__loading {
  background-color: #121361;
  background-image: url("../img/common/ic_img_drop.png");
}
.img__file.img__drop label, .img__file.img__loading label {
  color: transparent;
}
.img__file.img__drop label:after, .img__file.img__loading label:after {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -33px;
  width: 66px;
  color: #fff;
  word-break: break-all;
  content: "Drop image to upload";
}
.img__file.img__loading {
  background-image: none;
}
.img__file.img__loading object {
  display: block;
  position: absolute;
  top: 32%;
  left: 50%;
  margin-left: -16px;
  width: 32px;
  height: 32px;
}
.img__file.img__loading label:after {
  left: 0;
  margin-left: 0;
  width: 100%;
  text-align: center;
  content: "Uploading...";
}

.qx-cont__thmb--simple {
  border: 1px solid #8b8b8b;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  width: 80px;
  height: 80px;
}
.qx-cont__thmb--simple .img {
  position: relative;
  background: url("../img/common/ic_img_simple.png") 50% 35% no-repeat;
}
.qx-cont__thmb--simple .img:after {
  position: absolute;
  top: 55%;
  left: 0;
  right: 0;
  z-index: -1;
  content: "No Image";
  font-size: 12px;
  color: #dedede;
  line-height: 1.92;
  text-align: center;
}
.qx-cont__thmb.thmb__zoom .img {
  position: relative;
  background: url("../img/common/ic_img.png") 50% 43% no-repeat;
}
.qx-cont__thmb.thmb__zoom .img:after {
  position: absolute;
  top: 55%;
  left: 0;
  right: 0;
  z-index: -1;
  content: "No Image";
  font-size: 13px;
  color: #dedede;
  line-height: 1.92;
  text-align: center;
}
.qx-cont__thmb.thmb__zoom .img img {
  cursor: zoom-in;
}
.qx-cont__thmb--add {
  display: flex;
  flex-wrap: wrap;
  align-self: flex-start;
  margin: 0 -25px 0 16px;
  width: 270px;
  height: 216px;
}
.qx-cont__thmb--add .add__inr {
  position: relative;
  margin: 0 8px 8px 0;
  border: 1px solid #aeaeae;
  box-sizing: border-box;
  background-color: #fff;
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.qx-cont__thmb--add .add__inr .img:not(.thmb__sim .img) {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.qx-cont__thmb--add .add__inr .img:not(.thmb__sim .img):after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  margin: -7px 0 0 -7px;
  width: 14px;
  height: 14px;
  background: url("../img/common/img_sprites.png") -226px -32px no-repeat;
  background-size: 399px;
  filter: grayscale(1) brightness(7);
  content: "";
}
.qx-cont__thmb--add .add__inr .img:not(.thmb__sim .img):hover:after {
  filter: unset;
}
.qx-cont__thmb--add .add__inr .img:not(.thmb__sim .img) input[type=file] {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  font-size: 0;
  color: transparent;
  cursor: pointer;
}
.qx-cont__thmb--add .add__inr:hover:not(.thmb__sim .add__inr), .qx-cont__thmb--add .add__inr.select {
  border-color: #121361;
}
.qx-cont__thmb--add .add__inr:hover:not(.thmb__sim .add__inr) .img__file, .qx-cont__thmb--add .add__inr.select .img__file {
  filter: unset;
}
.qx-cont__thmb--add.thmb__sim .img:hover {
  cursor: pointer;
}
.qx-cont__thmb--add .add__btn {
  align-self: flex-end;
  width: 100%;
}
.qx-cont__thmb--tb {
  margin: -12px;
}
.qx-cont__thmb .thmb__tb table {
  table-layout: fixed;
  border-collapse: collapse;
}
.qx-cont__thmb .thmb__tb td {
  border: 12px solid transparent;
}
.qx-cont__thmb .thmb__tb .img {
  position: relative;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  width: 90px;
  height: 90px;
}
.qx-cont__thmb--wrap {
  display: flex;
  flex-wrap: wrap;
  margin: -6px;
}
.qx-cont__thmb--wrap .wrap__inr {
  max-width: 205px;
}
.qx-cont__thmb--wrap .wrap__inr + .wrap__inr {
  margin-left: 6px;
}
.qx-cont__thmb--wrap .wrap__inr--big .img {
  width: 190px;
  height: 190px;
}
.qx-cont__thmb--wrap .img {
  position: relative;
  margin: 6px;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
}

.qx-cont__info {
  padding: 14px;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #e2efff;
  width: 100%;
  font-size: 14px;
}
.qx-cont__btn.btn__lrg + .qx-cont__info {
  margin-top: 32px;
}
.qx-cont__info strong {
  margin-top: 2px;
  color: #0023a9;
  font-weight: 500;
}
.qx-cont__info strong:before {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 4px 0 0;
  width: 20px;
  height: 20px;
  background: url("../img/common/img_sprites.png") -26px -29px no-repeat;
  background-size: 399px;
  content: "";
}
.qx-cont__info strong + .qx-txt--list {
  margin-top: 6px;
}
.qx-cont__info strong + .qx-btn {
  margin-left: 18px;
}
.qx-cont__info .qx-txt {
  line-height: 1.43 !important;
}
.qx-cont__info .qx-txt--list > li {
  padding-left: 22px;
}
.qx-cont__info .qx-txt strong:before {
  content: none;
}
[class^=qx-tab] + .qx-cont__info {
  margin-top: 11px;
}
.qx-cont__info + :where([class^=qx-cont__], .qx-home__hg) {
  margin-top: 18px;
}
.qx-cont__info > a {
  margin: -14px;
  padding: 14px;
  border-radius: 4px;
}
.qx-cont__info > a:hover {
  background-color: rgba(0, 0, 0, 0.0196078431);
}
.qx-cont__info.info__error {
  background-color: #fff9df;
}
.qx-cont__info.info__error strong {
  color: #f8955a;
}
.qx-cont__info.info__error strong:before {
  background-position-x: -48px;
}
.qx-cont__info.info__fail {
  background-color: #fbe3e3;
}
.qx-cont__info.info__fail strong {
  color: #e95a5c;
}
.qx-cont__info.info__fail strong:before {
  background-position-x: -4px;
}
.qx-cont__info.info__border {
  border: 1px solid #121361;
  background: #fff;
}
.qx-cont__info.info__waybill {
  margin: 14px 0;
  padding-left: 88px;
  background: url("../img/waybill/ic_ai.png") 20px 50% no-repeat;
  background-color: #fff9df;
}
.qx-cont__info.info__waybill > a {
  margin-left: -88px;
  padding-left: 88px;
}
.qx-cont__info.info__waybill .tt {
  display: block;
  margin-bottom: 6px;
  color: #353535;
  font-size: 16px;
  font-weight: bold;
}

.qx-cont__noti .type {
  display: inline-block;
  margin-right: 4px;
  width: 65px;
  color: #34c975;
  font-weight: 500;
  font-size: 13px;
  text-align: center;
}
.qx-cont__noti .type--sys {
  color: #613fee;
}
.qx-cont__noti .type--imp {
  color: #e95a5c;
}
.qx-home__nt .qx-cont__noti .type {
  margin-right: 12px;
  height: 29px;
  line-height: 29px;
}
.qx-home__nt .qx-cont__noti .type:not(.type--sys, .type--imp) {
  background: #dcf6e8;
}
.qx-home__nt .qx-cont__noti .type--sys {
  background: #f7f6ff;
}
.qx-home__nt .qx-cont__noti .type--imp {
  background: #fff3f3;
}
.qx-board__atc .qx-cont__noti .type {
  margin-right: 16px;
  width: auto;
}

.qx-cont__sku {
  position: relative;
}
.qx-cont__sku > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.qx-cont__sku .sku__btn {
  margin-left: 10px;
  padding: 0;
  width: 24px;
  min-width: 24px;
  height: 24px;
  overflow: hidden;
  background: url("../img/common/img_sprites.png") -80px -124px no-repeat;
  background-size: 340px;
  color: transparent;
  font-size: 1px;
}
:is(.qx-cont__sku .sku__btn[disabled], .qx-cont__clkno .qx-cont__sku .sku__btn) {
  filter: grayscale(1) opacity(0.2);
  cursor: default;
}

/* Smartship 2.0 
//------------------------------------------------------------------------------ */
.qx-wrap--new .qx-cont__bn {
  margin-top: -14px;
}
.qx-wrap--new .qfs-cont_wide {
  background: none;
}
.qx-wrap--new .qfs-cont_wide:before {
  content: none;
}
.qx-wrap--new .qfs-cont__bg {
  background: none;
}
.qx-wrap--new .qfs-cont__bg:before {
  content: none;
}
.qx-wrap--new .qfs-cont__ht:after {
  content: none !important;
}
.qx-wrap--new :is(.qfs-cont__ht, .qfs-cont_ht) {
  color: #1a1a1a;
}
.qx-wrap--new .qx-inr :is(header.qfs-cont_wide, header.qfs-cont__sc, header.qfs-cont__bg) {
  margin: 24px 0 30px;
  padding: 0;
}
.qx-wrap--new :is(.qx-home, .qx-home:before) {
  background: none;
}

/* #Channel Shipment Layout 
//------------------------------------------------------------------------------ */
.qx-cns {
  width: 1400px;
}
.qx-cns .qx-btn {
  padding: 5px 12px 4px;
}
.qx-cns .btn__lrg .qx-btn {
  min-width: 152px;
}
.qx-cns .qx-txt {
  font-weight: normal;
  color: #353535;
}
.qx-cns .qx-check__box label {
  font-weight: normal;
}
.qx-cns .qfs-layer__inr {
  background-color: transparent;
}
.qx-cns :is(.qfs-layer_cls, .qfs-layer__cls):before, .qx-cns :is(.qfs-layer_cls, .qfs-layer__cls):after {
  border-color: #8b8b8b;
}

.qx-cns .qx-layer__inr {
  height: 100%;
  max-height: 800px;
}
.qx-cns .qx-layer__cls:before, .qx-cns .qx-layer__cls:after {
  background: #8b8b8b;
}
.qx-cns .qx-layer .qx-frame {
  height: 100%;
}
.qx-cns .qx-layer .qx-frame__ct {
  height: calc(100% - 48px);
  overflow-y: auto;
}
.qx-cns :is(.qfs-frame, .qx-frame) {
  border-radius: 8px;
}
.qx-cns :is(.qfs-frame_hd, .qfs-frame__hd, .qx-frame__hd) {
  border-radius: 8px 8px 0 0;
  background-color: #dbd6f5;
}
.qx-cns :is(.qfs-frame_hd, .qfs-frame__hd, .qx-frame__hd) :is(h1, h2) {
  color: #353535;
}
.qx-cns :is(.qfs-frame_ct, .qfs-frame__ct, .qx-frame__ct) {
  border-radius: 0 0 8px 8px;
  background: #fff;
}

.qx-cns .qx-cont {
  padding: 0 60px 40px;
  box-sizing: border-box;
  width: 100%;
}
.qx-cns header.qx-cont__hg {
  margin-bottom: 12px;
  padding: 7px 0 6px;
}
.qx-cns header.qx-cont__hg:after {
  margin-left: -60px;
  padding: 0 60px;
  background: #dbd6f5;
  width: 100%;
  min-width: unset;
}
.qx-cns header.qx-cont__hg .ht__btn:after {
  border-color: #1a1a1a !important;
}

.qx-cns .qx-cont__ht {
  color: #1a1a1a !important;
  font-size: 18px !important;
}
.qx-cns .qx-cont__tb th {
  background-color: #eeeaf6;
}

.qx-cns__head {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 52px;
}
.qx-cns__head .head__inr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
.qx-cns__head .head__rt {
  display: flex;
  height: 100%;
}
.head__rt {
  font-size: 12px;
}
.head__rt :is(em, i) {
  color: #7a73dc;
  font-style: normal;
  line-height: 1.5;
}
.head__rt > div {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 6px 20px 5px;
  background: rgba(219, 214, 245, 0.2);
  box-sizing: border-box;
  height: 100%;
  line-height: 1;
}
.head__rt > div + div {
  padding-left: 20px;
}
.head__rt > div + div:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -16px;
  background-color: #ccc;
  width: 1px;
  height: 32px;
  content: "";
}

.qx-cns__head .gnb {
  display: flex;
  padding: 10px 27px;
  box-sizing: border-box;
}
.qx-cns__head .logo img {
  display: block;
  filter: grayscale(1);
  opacity: 0.7;
}
.qx-cns__head .menu {
  display: flex;
  align-items: flex-end;
  margin-left: 47px;
}
.qx-cns__head .menu__item + li {
  margin-left: 40px;
}
.qx-cns__head .menu__item a {
  color: #7a73dc;
  font-weight: bold;
  opacity: 0.5;
}
.qx-cns__head .menu__item a:hover {
  opacity: 1;
}
.qx-cns__head .menu__item.on {
  position: relative;
}
.qx-cns__head .menu__item.on a {
  opacity: 1;
}
.qx-cns__head .menu__item.on:before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin: -11px 0 0 -4px;
  border-radius: 50%;
  background-color: #7a73dc;
  width: 8px;
  height: 8px;
  content: "";
}
.qx-cns__head .service {
  padding-left: 56px;
  background-position: 20px 50%;
  background-repeat: no-repeat;
  background-size: 28px;
}
.qx-cns__head .service--smart {
  background-image: url("../img/channelshipment/ic_svc_smart.png");
}
.qx-cns__head .service--prime {
  background-image: url("../img/channelshipment/ic_svc_prime.png");
}
.qx-cns__head .money h2 {
  font-size: 12px;
  color: #8b8b8b;
  font-weight: normal;
}
.qx-cns__head .money i {
  margin-right: 8px;
  font-weight: bold;
}
.qx-cns__head .money__inr {
  display: flex;
  align-items: flex-end;
}
.qx-cns__head .money__inr > div + :where(div, button) {
  margin-left: 24px;
}
.money.money__org :is(i, em) {
  color: #ffa040;
}
.money.money__red :is(i, em) {
  color: #d90000;
}

.qx-cns__head .money__blc {
  display: flex;
  justify-content: space-between;
  min-width: 95px;
  font-size: 16px;
}
.qx-cns__head .qx-tooltip {
  bottom: unset;
  top: 35px;
  left: unset;
  right: 0;
  padding: 14px 16px;
  box-sizing: border-box;
  color: #353535;
  line-height: 1.5;
}
.qx-cns__head .qx-tooltip i {
  bottom: unset;
  top: -10px;
  right: 0;
  transform: rotate(180deg);
}
.qx-cns__head .qx-tooltip__cls {
  position: absolute;
  top: 12px;
  right: 12px;
}
.qx-cns__head .qx-tooltip__cls:before, .qx-cns__head .qx-tooltip__cls:after {
  background: #8b8b8b;
}
.qx-cns__head .qx-tooltip em {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}
.qx-cns__btn--list {
  display: inline-block;
  position: relative;
}
.qx-cns__btn--list + :where(.qx-cns__btn--list, .qx-btn), .qx-btn + .qx-cns__btn--list {
  margin-left: 20px;
}
.qx-cns__btn--list.on .btn__list {
  display: block;
}
.qx-cns__btn--list .qx-btn {
  padding-right: 32px !important;
}
.qx-cns__btn--list .qx-btn:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin: -1px 15px 0 0;
  border: solid #fff;
  border-width: 2px 2px 0 0;
  width: 5px;
  height: 5px;
  transform: rotate(-45deg);
  content: "";
}
.qx-cns__btn--list .qx-btn.btn__main:after {
  border-color: #121361;
}
.qx-cns__btn--list .qx-btn.btn__gray:after {
  border-color: #353535;
}
.qx-cns__btn--list .qx-btn.btn__del:after {
  border-color: #d90000;
}
.qx-cns__btn--list em {
  display: block;
  margin: 0 10px;
  padding: 8px 0;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  font-weight: normal;
  color: #8b8b8b;
}
.qx-cns__btn--list .btn__list {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin-bottom: 34px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #fff;
  min-width: 164px;
}
.qx-cns__btn--list .btn__list :where(a, button) {
  display: block;
  padding: 8px 10px;
  box-sizing: border-box;
  background-color: transparent;
  width: 100%;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
}
.qx-cns__btn--list .btn__list :where(a, button):hover {
  background-color: #dbd6f5;
}
.qx-cns__btn--list .btn__cls {
  position: absolute;
  top: 14px;
  right: 12px;
  padding: 0;
  width: 10px;
  height: 10px;
  overflow: hidden;
  color: transparent;
}
.qx-cns__btn--list .btn__cls:hover {
  background: none;
}
.qx-cns__btn--list .btn__cls:before, .qx-cns__btn--list .btn__cls:after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  background-color: #8b8b8b;
  width: 1px;
  transform: rotate(45deg);
  content: "";
}
.qx-cns__btn--list .btn__cls:after {
  transform: rotate(-45deg);
}
.qx-cns__btn--list.list__rt .qx-btn:after {
  transform: rotate(45deg);
  margin-top: -2px;
}
.qx-cns__btn--list.list__rt .btn__list {
  top: 50%;
  bottom: unset;
  margin: 0 0 0 calc(100% + 8px);
  transform: translateY(-50%);
}
.qx-cns__btn--list.list__btm .qx-btn:after {
  transform: rotate(135deg);
  margin-top: -3px;
}
.qx-cns__btn--list.list__btm .btn__list {
  top: 0;
  bottom: unset;
  margin: 34px 0 0;
}
.qx-cns__btn--list.qx-main .qx-btn:after {
  border-color: #121361;
}
.btn__lrg .qx-cns__btn--list .btn__list {
  margin-bottom: 48px;
}
.btn__lrg .qx-cns__btn--list.list__rt .btn__list {
  margin-bottom: 0;
}
.btn__lrg .qx-cns__btn--list.list__btm .btn__list {
  margin: 48px 0 0;
}

.qx-layer--cns .qx-layer__inr {
  width: auto;
  height: auto !important;
}
.qx-layer--cns .qx-layer__cls {
  z-index: 2;
}
.qx-layer--cns .qx-layer__cls:before, .qx-layer--cns .qx-layer__cls:after {
  background-color: #fff;
}

.qx-cns__pop {
  box-sizing: border-box;
  border-radius: 10px;
  width: 1080px;
  overflow: hidden;
}
.qx-cns__pop .head {
  position: relative;
  padding: 29px 0 110px;
  background-color: #121361;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.qx-cns__pop .head:before {
  position: absolute;
  top: 14px;
  left: 24px;
  background: url("../img/channelshipment/img__delivery_01.png") 50% no-repeat;
  width: 192px;
  height: 155px;
  content: "";
}
.qx-cns__pop .head:after {
  position: absolute;
  top: 14px;
  right: 24px;
  background: url("../img/channelshipment/img__delivery_02.png") 50% no-repeat;
  width: 232px;
  height: 157px;
  content: "";
}
.qx-cns__pop .head-inr {
  margin: 0 auto;
  width: 576px;
}
.qx-cns__pop .head__tt {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}
.qx-cns__pop .head__tt + .head__nt {
  margin-top: 12px;
}
.qx-cns__pop .head em {
  font-size: 22px;
  color: #fff;
  font-weight: 500;
}
.qx-cns__pop .head h1 {
  color: #fae34c;
  font-size: 34px;
}
.qx-cns__pop .head__nt {
  line-height: 1.51;
  letter-spacing: -0.28px;
  font-size: 14px;
}
.qx-cns__pop .cont {
  padding: 24px;
  box-sizing: border-box;
  background: #fff;
}
.qx-cns__pop .cont-box {
  position: relative;
  z-index: 2;
  margin: -110px 24px 0;
  padding: 24px 40px;
  box-sizing: border-box;
  border-radius: 10px;
  background: #fff;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.3);
}
.cont-box ul {
  margin: 8px 0;
  font-size: 15px;
  letter-spacing: -0.36px;
  color: #353535;
}
.cont-box ul em {
  width: 135px;
  color: #121361;
  font-weight: bold;
}
.cont-box ul em + span {
  margin-left: 32px;
}
.cont-box ul + .cont-form {
  margin-top: 20px;
}
.cont-box li {
  display: flex;
}
.cont-box li + li {
  margin-top: 10px;
}

.qx-cns__pop .cont-form {
  font-size: 15px;
  color: #353535;
}
.cont-form .lbl {
  color: #121361;
  font-size: 1.2em;
  font-weight: bold;
}
.cont-form .qx-cont__form {
  margin: 0 -30px 16px 0;
}
.cont-form .qx-cont__form .col {
  width: unset;
  flex: 1;
}
.cont-form .qx-txt__inf {
  line-height: 1.5;
}

.qx-cns__banner {
  margin-top: 22px;
  width: 100%;
}
.qx-cns__banner img {
  display: block;
  width: 100%;
  height: auto;
}
.qx-cns__tooltip {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  padding-bottom: 16px;
  min-width: 540px;
  transform: translate(-50%, -100%);
  text-align: center;
  color: #353535;
  font-size: 13px;
  transition: 0.4s ease-in-out;
  opacity: 0;
}
.qx-cns__tooltip:before, .qx-cns__tooltip:after {
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin: 0 0 10px 75px;
  border: solid transparent;
  border-width: 8px 6px 0;
  border-top-color: #fff;
  content: "";
}
.qx-cns__tooltip:before {
  border-top-color: rgba(0, 0, 0, 0.2);
  margin: 0 0 7px 78px;
  filter: blur(2px);
}
.qx-cns__tooltip .cont {
  padding: 14px 14px 17px;
  border-radius: 5px;
  box-sizing: border-box;
  border: 6px solid #fff;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.3);
  background-color: #ebefff;
}
.qx-inf__bt:hover + .qx-cns__tooltip, .qx-cns__tooltip:hover {
  opacity: 1;
  z-index: 100;
}
.qx-cns__tooltip em {
  font-size: 20px;
  color: #121361;
}
.qx-cns__tooltip p {
  margin: 8px 0 16px;
}

.qx-cns__order {
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.qx-cont__flx .qx-cns__order {
  flex: 1;
}
.qx-cont__flx .qx-cns__order + .qx-cns__order {
  margin-left: 40px;
}
.qx-cns__order .order__hg {
  background-color: #dbd6f5;
  width: 100%;
}
.qx-cns__order .order__tt {
  color: #353535;
  font-size: 14px;
  text-align: center;
  line-height: 28px;
}
.qx-cns__order .order__list {
  display: flex;
}
.qx-cns__order .order__item {
  display: block;
  flex: 1;
  padding: 9px;
  box-sizing: border-box;
}
.qx-cns__order .order__item + li {
  border-left: 1px solid #eee;
}
.qx-cns__order .order__item em {
  display: block;
  padding-bottom: 4px;
  border-bottom: 1px solid #eee;
  text-align: center;
  font-weight: normal;
}
.qx-cns__order .order__item a {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  width: 100%;
  font-size: 12px;
  line-height: 1.5;
}

.qx-cns .qx-qxmn__more th {
  background: none;
}

.qx-cns.qx-cns--none {
  width: 1200px;
  max-width: calc(100vw - (100vw - 100%) - 2px);
}
.qx-cns.qx-cns--none .qx-cont {
  padding: 0 0 40px;
}
.qx-cns.qx-cns--none header.qx-cont__hg {
  padding-left: 20px;
}
.qx-cns.qx-cns--none header.qx-cont__hg:after {
  margin: 0;
  padding: 0;
}
.qx-cns.qx-cns--none .qx-cont__nt.qx-cont__nt--warning, .qx-cns.qx-cns--none .qx-cont__nt.qx-cont__nt--bg {
  padding-left: 20px;
}
.qx-cns.qx-cns--none .qx-layer__inr {
  height: 720px;
  max-height: calc(100vh - 80px);
}

/* #Common: Button 
//------------------------------------------------------------------------------ */
.qx-btn {
  display: inline-block;
  padding: 0 10px;
  border: 1px solid #121361;
  border-radius: 4px;
  box-sizing: border-box;
  height: 26px;
  vertical-align: middle;
  background-color: #fff;
  font-size: 13px;
  white-space: nowrap;
  text-align: center;
  color: #121361;
  line-height: 26px;
}
.slick-pane .qx-btn {
  margin: 0 10px;
}
.qx-btn__wrap {
  display: inline-block;
  position: relative;
  height: 26px;
}
.qx-cont__btn.btn__lrg .qx-btn__wrap {
  height: 36px;
  line-height: 36px;
}
.qx-cont__btn.btn__lrg .qx-btn__wrap .btn__list {
  top: 42px;
}
.qx-btn__wrap .btn__list:not(.qx-btn) {
  position: absolute;
  top: 32px;
  right: 0;
  border: 1px solid #121361;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
  z-index: 10;
  height: 0;
  overflow: hidden;
  transition: all 0.1s;
  opacity: 0;
}
.qx-btn__wrap .btn__list:not(.qx-btn):before, .qx-btn__wrap .btn__list:not(.qx-btn):after {
  position: absolute;
  top: -11px;
  right: 10px;
  border: 3px solid transparent;
  border-bottom: 8px solid #121361;
  content: "";
}
.qx-btn__wrap .btn__list:not(.qx-btn):after {
  top: -8px;
  border-bottom-color: #fff;
  z-index: 1;
}
.qx-btn__wrap .btn__list:not(.qx-btn).btn__list--lt {
  left: 0;
  right: unset;
}
.qx-btn__wrap .btn__list:not(.qx-btn).btn__list--lt:after, .qx-btn__wrap .btn__list:not(.qx-btn).btn__list--lt:before {
  left: 10px;
  right: unset;
}
.qx-btn__wrap .btn__list:not(.qx-btn) :where(button, a) {
  display: block;
  padding: 0 12px;
  background-color: transparent;
  box-sizing: border-box;
  width: 100%;
  min-width: max-content;
  height: 27px;
  white-space: nowrap;
  line-height: 27px;
  font-size: 13px;
  text-align: left;
}
.qx-btn__wrap .btn__list:not(.qx-btn) :where(button, a):hover {
  background-color: #e2e6f0;
  color: #121361;
  font-weight: 500;
}
.qx-btn__wrap.on .qx-btn:after {
  margin-top: 2px;
  transform: rotateX(180deg);
}
.qx-btn__wrap.on .btn__list {
  padding: 4px 0;
  background-color: #fff;
  height: auto;
  overflow: unset;
  opacity: 1;
}
.qx-btn__wrap.on.btn__scroll .btn__arrow {
  display: block;
}
.qx-btn__wrap.btn__scroll .btn__list {
  overflow-y: auto;
}
.qx-btn__wrap.btn__scroll .btn__list::-webkit-scrollbar {
  width: 12px;
}
.qx-btn__wrap.btn__scroll .btn__list::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #8b8b8b;
  background-clip: padding-box;
  border: 4px solid transparent;
}
.qx-btn__wrap.btn__scroll .btn__list::-webkit-scrollbar-track {
  background-color: transparent;
}
.qx-btn__wrap.btn__scroll .btn__list--lt + .btn__arrow {
  left: 10px;
  right: unset;
}
.qx-btn__wrap.btn__scroll .btn__arrow {
  display: none;
  position: absolute;
  top: 23px;
  right: 10px;
  z-index: 11;
  border: 3px solid transparent;
  border-bottom: 7px solid #121361;
}
.qx-btn__wrap.btn__scroll .btn__arrow:after {
  position: absolute;
  top: 0;
  left: -3px;
  border: 3px solid transparent;
  border-bottom: 6px solid #fff;
  content: "";
}
:is(.qx-btn__wrap .btn__list, .qx-grid__btn.btn__wrap .list) .qx-btn {
  margin: 0;
  border: none;
  line-height: 30px;
  text-align: left;
}

:is(.qx-cont__form .inp, .qx-file--box) .qx-btn:not(.qx-grid__footer .qx-btn) {
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
}
.qx-cont__form .lbl .qx-btn {
  vertical-align: baseline;
}
:is(.qx-grid, .ui-widget) .qx-btn:not(.qx-grid__footer .qx-btn, .qx-grid__opt .qx-btn, .qx-btn__wrap .btn__list .qx-btn, .qx-grid__btn.btn__wrap .list .qx-btn) {
  padding: 0 12px;
  height: 100%;
  font-size: 13px;
  line-height: 100%;
}
.btn__lrg .qx-btn {
  padding: 0 14px;
  height: 36px;
  font-size: 15px;
  line-height: 36px;
}
.btn__lrg [class^=qx-btn] + [class^=qx-btn] {
  margin-left: 18px;
}

.qx-btn.on:not(.opt__btn, .btn__sum, .btn__del, .btn__red, .btn__logo, .btn__rd) {
  background-color: #121361;
  border-color: #121361;
}
.qx-btn.on:not(.opt__btn, .btn__sum, .btn__tab .qx-btn.on) {
  color: #fff;
}
.qx-btn.on:not(.opt__btn, .btn__sum, .btn__tab .qx-btn.on).btn__del {
  background: #df2121;
}
.qx-btn.on:not(.opt__btn, .btn__sum, .btn__tab .qx-btn.on) span {
  border-color: #fff !important;
}
:is(.qx-btn[disabled], .qx-cont__clkno .qx-btn) {
  filter: grayscale(0.4) opacity(0.4);
  cursor: default;
}
[class^=qx-btn] + :where([class^=qx-btn], [class^=qx-inp], [class^=qx-slct], .qx-cont__cal), :where(.qx-cont__stt, .qx-cont__tt, .lbl label, span.qx-toggle) + [class^=qx-btn] {
  margin-left: 8px;
}

.qx-btn.btn__simple {
  border: none;
  background-color: transparent;
  padding: 2px 0;
  height: 20px;
  line-height: 16px;
  color: #353535;
}
.qx-btn.btn__rd {
  border-radius: 45px;
  border: 1px solid #dedede;
}
.qx-waybill .qx-cont__tb .qx-btn.btn__rd {
  padding: 2px 18px 0;
  height: 29px;
}
.qx-btn.btn__rd.on {
  background-color: #7370ad;
  border-color: #7370ad;
}
.qx-btn.btn__rd span {
  margin-left: 36px;
  font-weight: bold;
}
.qx-btn.btn__gray {
  border: 1px solid #313a51;
  color: #313a51;
}
.qx-btn.btn__red {
  border-color: #df2121;
  background: #df2121;
  color: #fff;
}
.qx-btn.btn__green {
  border-color: #34c975;
  background-color: #34c975;
  color: #fff;
}
.qx-btn.btn__sbm, .qx-btn.btn__money {
  border-color: #121361;
  background-color: #121361;
  color: #fff;
}
.qx-btn.btn__del {
  border-color: #df2121;
  color: #df2121;
}
.qx-btn.btn__count {
  padding: 0 10px;
  min-width: 120px;
  text-align: left;
}
.qx-btn.btn__count span {
  display: inline-block;
  float: right;
  margin: 4px 0 0 9px;
  padding: 2px 0 0 9px;
  border-left: 1px solid #121361;
  text-align: right;
  line-height: 1;
}
.qx-btn.btn__count.btn__sbm span {
  border-color: #fff;
}
.qx-btn.btn__count.btn__del span {
  border-color: #df2121;
}
.qx-btn.btn__count.btn__gray span {
  border-color: #353535;
}
.qx-btn.btn__sum {
  border: none;
  padding: 0;
  background: none !important;
  border-radius: unset;
  height: auto;
  color: #1a1a1a;
  line-height: 1;
}
.qx-btn.btn__sum + .qx-btn.btn__sum:not(.td__wrap .btn__sum) {
  margin-left: 14px;
  padding-left: 13px;
  border-left: 1px solid #cdcdcd;
}
.qx-btn.btn__sum.on {
  color: #121361;
  font-weight: 500;
}
.qx-btn.btn__sum span {
  margin-left: 4px;
}
.qx-btn.btn__asrch {
  position: relative;
  padding: 0 0 0 26px;
  border: none;
  background: transparent !important;
  color: #121361 !important;
  font-weight: 500;
}
.qx-btn.btn__asrch:before, .qx-btn.btn__asrch:after {
  position: absolute;
  top: 50%;
  content: "";
}
.qx-btn.btn__asrch:before {
  left: 0;
  margin-top: -9px;
  border-radius: 50%;
  background: #121361;
  width: 18px;
  height: 18px;
}
.qx-btn.btn__asrch:after {
  left: 5px;
  margin-top: -6px;
  border: 2px solid;
  border-color: transparent #fff #fff transparent;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}
.qx-btn.btn__asrch.on:after {
  transform: rotate(225deg);
  margin-top: -2px;
}
.qx-btn.btn__tag {
  position: relative;
  background-color: #fbf9ff;
}
.qx-btn.btn__tag:after {
  position: absolute;
  top: 50%;
  right: 10px;
  border-radius: 50%;
  background-color: #121361;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
  content: "";
}
.qx-btn.btn__tag button {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin: -4px -3px 0 6px;
  background-color: transparent;
  width: 20px;
  height: 20px;
  overflow: hidden;
  z-index: 2;
  color: transparent;
}
.qx-btn.btn__tag button:before, .qx-btn.btn__tag button:after {
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #fff;
  width: 1px;
  height: 8px;
  transform: translate(-50%, -50%) rotate(45deg);
  content: "";
}
.qx-btn.btn__tag button:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
:where(.qx-btn.btn__down, .qx-btn.btn__cloud, .qx-btn.btn__del--ic, .qx-btn.btn__add, .qx-btn.btn__money, .qx-btn.btn__setting, .qx-btn.btn__re, .qx-btn.btn__cloud, .qx-btn.btn__del--ic, .qx-btn.btn__add, .qx-btn.btn__money, .qx-btn.btn__setting, .qx-btn.btn__excel, .qx-btn.btn__arrow, .qx-btn.btn__pop):before {
  content: "";
  display: inline-block;
  margin: -3px 4px 0 0;
  background: url("../img/common/img_sprites.png") 50% no-repeat;
  background-size: 399px;
  width: 20px;
  height: 20px;
  vertical-align: text-top;
}
:where(:where(.qx-btn.btn__down, .qx-btn.btn__cloud, .qx-btn.btn__del--ic, .qx-btn.btn__add, .qx-btn.btn__money, .qx-btn.btn__setting, .qx-btn.btn__re, .qx-btn.btn__cloud, .qx-btn.btn__del--ic, .qx-btn.btn__add, .qx-btn.btn__money, .qx-btn.btn__setting, .qx-btn.btn__excel, .qx-btn.btn__arrow, .qx-btn.btn__pop).btn__sbm, :where(.qx-btn.btn__down, .qx-btn.btn__cloud, .qx-btn.btn__del--ic, .qx-btn.btn__add, .qx-btn.btn__money, .qx-btn.btn__setting, .qx-btn.btn__re, .qx-btn.btn__cloud, .qx-btn.btn__del--ic, .qx-btn.btn__add, .qx-btn.btn__money, .qx-btn.btn__setting, .qx-btn.btn__excel, .qx-btn.btn__arrow, .qx-btn.btn__pop).btn__red):before {
  filter: invert(100%) brightness(200%);
}
:where(.qx-btn.btn__down, .qx-btn.btn__cloud, .qx-btn.btn__del--ic, .qx-btn.btn__add, .qx-btn.btn__money, .qx-btn.btn__setting, .qx-btn.btn__re, .qx-btn.btn__cloud, .qx-btn.btn__del--ic, .qx-btn.btn__add, .qx-btn.btn__money, .qx-btn.btn__setting, .qx-btn.btn__excel, .qx-btn.btn__arrow, .qx-btn.btn__pop).btn__del:before {
  filter: sepia(89%) saturate(7239%) brightness(100%);
}
:where(.qx-btn.btn__down, .qx-btn.btn__cloud, .qx-btn.btn__del--ic, .qx-btn.btn__add, .qx-btn.btn__money, .qx-btn.btn__setting, .qx-btn.btn__re, .qx-btn.btn__cloud, .qx-btn.btn__del--ic, .qx-btn.btn__add, .qx-btn.btn__money, .qx-btn.btn__setting, .qx-btn.btn__excel, .qx-btn.btn__arrow, .qx-btn.btn__pop).btn__gray:before {
  filter: grayscale(1) brightness(400%);
}
.qx-btn__wrap > .qx-btn:after {
  content: "";
  display: inline-block;
  margin: 4px 0 0 6px;
  background: url("../img/common/img_sprites.png") 50% no-repeat;
  background-size: 399px;
  width: 10px;
  height: 7px;
  vertical-align: text-top;
  background-position: -2px -59px;
  background-size: 295px;
  transition: all 0.3s;
  content: "";
}
.qx-btn__wrap > .qx-btn.btn__sbm:after {
  filter: invert(100%) brightness(200%);
}
.qx-btn__wrap > .qx-btn.btn__gray + .btn__list .qx-btn {
  color: #313a51;
}
.qx-btn__wrap > .qx-btn.btn__gray:before, .qx-btn__wrap > .qx-btn.btn__gray + .btn__list .qx-btn:before {
  filter: grayscale(1) brightness(400%);
}
.qx-btn.btn__money:before {
  background-image: url("../img/common/bt_money.png");
  background-size: cover;
}
.qx-btn.btn__setting:before {
  background-position: -285px -74px;
}
.qx-btn.btn__del--ic:before {
  background-image: url("../img/common/bt_remove.png");
  background-size: cover;
}
.qx-btn.btn__down:before {
  background-position: -169px -51px;
}
.qx-btn.btn__cloud:before {
  background-position: -193px -52px;
}
.qx-btn.btn__add:not(.btn__sbm, .btn__red):before {
  background-position: -305px -51px;
}
:where(.qx-btn.btn__add.btn__sbm, .qx-btn.btn__add.btn__red):before {
  background-position: -216px -51px;
}
.qx-btn.btn__add.btn__simple {
  font-size: 13px;
  color: #121361;
}
.qx-btn.btn__add.btn__simple:before {
  margin-top: -1px;
}
.qx-btn.btn__excel:before {
  background-position: -249px -122px;
}
.qx-btn.btn__arrow:before {
  background-position: -238px -178px;
  background-size: 469px;
}
.qx-btn.btn__arrow--up:before {
  transform: rotate(180deg);
  background-position-x: -236px;
}
.qx-btn.btn__pop:before {
  background-position: -307px -56px;
  background-size: 432px;
}
:where(.qx-btn.btn__srch, .qx-btn.btn__bulk, .qx-btn.btn__combine, .qx-btn.btn__hold, .qx-btn.btn__clone, .qx-btn.btn__delete, .qx-btn.btn__gift, .qx-btn.btn__split, .qx-btn.btn__replace, .qx-btn.btn__more, .qx-btn.btn__cstm, .qx-btn.btn__confirm, .qx-btn.btn__truck, .qx-btn.btn__item, .qx-btn.btn__ban, .qx-btn.btn__stop, .qx-btn.btn__in, .qx-btn.btn__printer, .qx-btn.btn__itemcheck):before {
  content: "";
  display: inline-block;
  margin: -1px 4px 0 0;
  background: url("../img/common/img_sprites.png") 50% no-repeat;
  background-size: 399px;
  width: 16px;
  height: 16px;
  vertical-align: text-top;
}
:where(:where(.qx-btn.btn__srch, .qx-btn.btn__bulk, .qx-btn.btn__combine, .qx-btn.btn__hold, .qx-btn.btn__clone, .qx-btn.btn__delete, .qx-btn.btn__gift, .qx-btn.btn__split, .qx-btn.btn__replace, .qx-btn.btn__more, .qx-btn.btn__cstm, .qx-btn.btn__confirm, .qx-btn.btn__truck, .qx-btn.btn__item, .qx-btn.btn__ban, .qx-btn.btn__stop, .qx-btn.btn__in, .qx-btn.btn__printer, .qx-btn.btn__itemcheck).btn__sbm, :where(.qx-btn.btn__srch, .qx-btn.btn__bulk, .qx-btn.btn__combine, .qx-btn.btn__hold, .qx-btn.btn__clone, .qx-btn.btn__delete, .qx-btn.btn__gift, .qx-btn.btn__split, .qx-btn.btn__replace, .qx-btn.btn__more, .qx-btn.btn__cstm, .qx-btn.btn__confirm, .qx-btn.btn__truck, .qx-btn.btn__item, .qx-btn.btn__ban, .qx-btn.btn__stop, .qx-btn.btn__in, .qx-btn.btn__printer, .qx-btn.btn__itemcheck).btn__red):before {
  filter: invert(100%) brightness(200%);
}
:where(.qx-btn.btn__srch, .qx-btn.btn__bulk, .qx-btn.btn__combine, .qx-btn.btn__hold, .qx-btn.btn__clone, .qx-btn.btn__gift, .qx-btn.btn__split, .qx-btn.btn__replace, .qx-btn.btn__more, .qx-btn.btn__cstm, .qx-btn.btn__confirm, .qx-btn.btn__truck, .qx-btn.btn__item, .qx-btn.btn__printer, .qx-btn.btn__itemcheck).btn__del:before {
  filter: sepia(89%) saturate(7239%) brightness(90%);
}
:where(.qx-btn.btn__srch, .qx-btn.btn__bulk, .qx-btn.btn__combine, .qx-btn.btn__hold, .qx-btn.btn__clone, .qx-btn.btn__gift, .qx-btn.btn__split, .qx-btn.btn__replace, .qx-btn.btn__more, .qx-btn.btn__cstm, .qx-btn.btn__confirm, .qx-btn.btn__truck, .qx-btn.btn__item, .qx-btn.btn__printer, .qx-btn.btn__itemcheck).btn__gray:before {
  filter: grayscale(1) brightness(400%);
}
.qx-btn.btn__srch:before {
  background-position: -262px -53px;
}
.qx-btn.btn__cstm:before {
  background-position: -71px -179px;
}
.qx-btn.btn__bulk:before {
  background-position: -94px -179px;
}
.qx-btn.btn__confirm:before {
  background-position: -140px -179px;
}
.qx-btn.btn__gift:before {
  background-position: -209px -179px;
}
.qx-btn.btn__hold:before {
  background-position: -118px -179px;
}
.qx-btn.btn__clone:before {
  background-position: -164px -179px;
}
.qx-btn.btn__replace:before {
  background-position: -48px -179px;
}
.qx-btn.btn__item:before {
  background-position: -26px -200px;
}
.qx-btn.btn__itemcheck:before {
  background-position: -49px -200px;
}
.qx-btn.btn__split:before {
  background-position: -72px -201px;
}
.qx-btn.btn__in:before {
  background-position: -94px -201px;
}
.qx-btn.btn__combine:before {
  background-position: -116px -201px;
}
.qx-btn.btn__more:before {
  background-position: -140px -201px;
}
.qx-btn.btn__truck:before {
  background-position: -162px -201px;
}
.qx-btn.btn__ban:before {
  background-position: -185px -201px;
}
.qx-btn.btn__stop:before {
  background-position: -208px -201px;
}
.qx-btn.btn__delete:before {
  background-position: -231px -201px;
}
.qx-btn:is(.qx-btn.btn__delete, .qx-btn.btn__ban, .qx-btn.btn__stop) {
  color: #df2121;
}
.qx-btn.btn__re:not(.btn__simple):before {
  width: 13px;
  background-position: -293px -30px;
}
.qx-btn.btn__re.btn__simple:before {
  background-position: -267px -29px;
}
.qx-btn.btn__printer:not(.qx-cns .qx-btn) {
  border: none;
  background-color: transparent;
  color: #121361;
}
.qx-btn.btn__printer:before {
  background-position: -105px -76px;
}
.qx-btn.btn__list {
  padding: 0 0 0 22px;
  border: none;
  background: url("../img/control/bt_list.png") 0 50% no-repeat;
  color: #1a1a1a;
}
:is(.btn__remove, .btn__print, .btn__folder, .btn__edit, .btn__copy, .btn__show, .btn__hide, .btn__move).qx-btn {
  position: relative;
  z-index: 1;
  padding: 0;
  border: none;
  background-color: transparent;
  width: 28px;
  min-width: 28px;
  overflow: hidden;
  color: transparent;
}
.qx-cont__tb :is(.btn__remove, .btn__print, .btn__folder, .btn__edit, .btn__copy, .btn__show, .btn__hide, .btn__move).qx-btn {
  width: 20px;
  min-width: 20px;
  height: 20px;
}
:is(.btn__remove, .btn__print, .btn__folder, .btn__edit, .btn__copy, .btn__show, .btn__hide, .btn__move).qx-btn.btn__box {
  border: 1px solid #121361;
}
.qx-cont__form :is(.btn__remove, .btn__print, .btn__folder, .btn__edit, .btn__copy, .btn__show, .btn__hide, .btn__move).qx-btn.btn__box {
  min-width: 36px;
}
:is(.btn__remove, .btn__print, .btn__folder, .btn__edit, .btn__copy, .btn__show, .btn__hide, .btn__move).qx-btn:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 28px;
  height: 28px;
  background: url("../img/common/img_sprites.png") no-repeat;
  background-size: 399px;
  transform: translate(-50%, -50%);
  content: "";
}

.qx-btn.btn__remove:after {
  width: 20px;
  height: 20px;
  background-position: -46px -106px;
  background-size: 288px;
}
.qx-btn.btn__print:after {
  background-position: -99px -70px;
}
.qx-btn.btn__folder:after {
  background: url("../img/common/bt_folder.png") 50% no-repeat;
  background-size: 20px;
}
.qx-btn.btn__edit:after {
  background-position: -146px -70px;
}
.qx-btn.btn__copy:after {
  background-position: -219px -94px;
}
.qx-btn.btn__show:after {
  background-position: -21px -94px;
}
.qx-btn.btn__hide:after {
  background-position: -1px -94px;
}
.qx-btn.btn__list {
  padding: 0 0 0 22px;
  border: none;
  background: url("../img/control/bt_list.png") 0 50% no-repeat;
  color: #1a1a1a;
}
.qx-btn.btn__move {
  padding: 22px 0 0;
  border: 1px solid #dedede;
  width: 24px !important;
  height: 24px;
}
.qx-btn.btn__move:after {
  background-position: -122px -70px;
}
.qx-cont__tb .qx-btn.btn__move {
  margin-left: auto;
}
.qx-btn.btn__logo {
  position: relative;
}
.qx-btn.btn__logo.on:not(.btn__del) {
  background: #edebff;
  color: #121361 !important;
  font-weight: 500;
}
.qx-btn.btn__logo .logo {
  display: inline-block;
  vertical-align: middle;
  margin: -1px 8px 0 0;
}
.qx-btn.btn__logo span.logo {
  font-weight: normal;
}
.qx-btn.btn__logo span.logo:before {
  display: inline-block;
  vertical-align: middle;
  margin: -3px 8px 0 -3px;
  width: 29px;
  height: 24px;
  background: url("../img/waybill/logo_sprite.png") no-repeat;
  background-size: 252px;
  background-position: -191px 0;
  overflow: hidden;
  content: "";
}
.qx-btn.btn__logo span.logo--yamato:before {
  width: 26px;
  background-position: -1px 0;
}
.qx-btn.btn__logo span.logo--cj:before {
  width: 25px;
  background-position: -34px 0;
}
.qx-btn.btn__logo span.logo--lt:before {
  width: 21px;
  background-position: -68px 0;
}
.qx-btn.btn__logo span.logo--tx:before {
  width: 25px;
  background-position: -161px 0;
}
.qx-btn.btn__logo span.logo--sagawa:before {
  width: 25px;
  background-position: -98px 0;
}
.qx-btn.btn__logo span.logo--ecohai:before {
  width: 28px;
  background-position: -128px 0;
}
.qx-btn.btn__logo span.logo--hanjin:before {
  width: 22px;
  background-position: -227px 0;
}
.qx-btn.btn__ing {
  position: relative;
  overflow: hidden;
  color: transparent;
}
.qx-btn.btn__ing:before, .qx-btn.btn__ing:after {
  content: none;
}
.qx-btn.btn__ing .qx-ing {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* #Common: Icon (아이콘만 있는 경우)
//------------------------------------------------------------------------------ */
.qx-ic {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  min-width: 20px;
  height: 20px;
  overflow: hidden;
  font-size: 0;
  color: transparent !important;
}
.qx-ic + .qx-ic {
  margin-left: 4px;
}
.qx-ic.ic__join {
  position: relative;
}
.qx-ic.ic__join:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(../img/common/img_sprites.png) no-repeat -194px -74px;
  background-size: 399px;
  content: "";
}
tr .qx-ic.ic__join:only-child {
  padding-left: 20px;
  box-sizing: border-box;
  font-size: 12px;
  color: #121361 !important;
  font-weight: 500;
  line-height: 22px;
}

:is(.qx-ic.ic__error, .qx-ic.ic__gift) {
  background: url(../img/common/img_sprites.png) no-repeat;
  background-size: 399px;
}
.qx-ic.ic__error {
  background-position: -144px -51px;
}
.qx-ic.ic__gift {
  background-position: -51px -51px;
}
.qx-ic.ic__gray {
  filter: grayscale(1);
  opacity: 0.3;
}

/* #Common: Form Control 
//------------------------------------------------------------------------------ */
[class^=qx-] label {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: #353535;
}

form {
  margin: 0;
  padding: 0;
}

select {
  padding: 0 29px 0 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m1 1 4 4 4-4' style='stroke-width:1.4px;stroke-linecap:round;stroke:%23121361;fill:none'/%3E%3C/svg%3E") calc(100% - 10px) 50% no-repeat;
  height: 32px;
  text-align-last: left;
  color: #353535;
  text-overflow: ellipsis;
  font-size: 13px;
  appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
}
select:hover {
  cursor: pointer;
}

[class^=qx-slct] + :where([class^=qx-slct], .qx-btn, [class^=qx-inp], span[class^=qx-txt]), span[class^=qx-txt] + [class^=qx-slct] {
  margin-left: 8px;
}

.qx-slct__box {
  display: inline-block;
  position: relative;
  border: 1px solid #aeaeae;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  min-width: 165px;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.qx-inp__box > .qx-slct__box {
  border: none;
  height: 100%;
  max-height: 100%;
  min-width: 0;
}
.qx-inp__box > .qx-slct__box + * {
  margin-left: 10px;
}
.qx-slct__box[disabled] {
  background-color: #f9f9f9;
  cursor: default;
  color: #1a1a1a;
  opacity: 1;
}
div.qx-slct__box {
  font-size: 13px;
  color: #353535;
  text-align: left;
}
div.qx-slct__box .qx-inp__box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 4px;
  padding: 1px 8px 0;
  min-width: unset;
  height: 27px;
}
div.qx-slct__box .qx-inp__box button {
  margin-right: 0;
}
div.qx-slct__box .slct__btn {
  display: block;
  position: relative;
  padding: 0 26px 0 10px;
  border-radius: 4px;
  width: 100%;
  overflow: hidden;
  background-color: transparent;
  font-size: 1em;
  line-height: 28px;
  color: #353535;
  text-overflow: ellipsis;
  text-align: left;
  cursor: pointer;
}
div.qx-slct__box .slct__btn:after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -5px;
  width: 6px;
  height: 10px;
  background: url("../img/common/img_sprites.png") -214px -103px no-repeat;
  background-size: 399px;
  transform: rotate(90deg);
  content: "";
}
div.qx-slct__box .slct__btn[disabled] {
  background-color: #f9f9f9;
  cursor: default;
  color: #1a1a1a;
  opacity: 1;
}
div.qx-slct__box .slct__hd {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  box-sizing: border-box;
  background: #f3f3f3;
}
div.qx-slct__box .slct__hd .qx-slct__box {
  flex: 1;
  min-width: 0;
  height: 28px;
}
div.qx-slct__box .slct__hd .qx-slct__box .slct__list {
  min-width: 100%;
}
div.qx-slct__box .slct__hd + .slct__list {
  margin-top: 44px;
}
div.qx-slct__box .slct__list {
  display: none;
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  z-index: 5;
  border: 1px solid #aeaeae;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  height: 0;
  transition: all 0.3s;
  opacity: 0;
}
div.qx-slct__box :where(ul.slct__list, .slct__list > ul) {
  max-height: 300px;
  overflow-y: auto;
}
div.qx-slct__box :where(ul.slct__list, .slct__list > ul)::-webkit-scrollbar {
  width: 12px;
}
div.qx-slct__box :where(ul.slct__list, .slct__list > ul)::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #8b8b8b;
  background-clip: padding-box;
  border: 4px solid transparent;
}
div.qx-slct__box :where(ul.slct__list, .slct__list > ul)::-webkit-scrollbar-track {
  background-color: transparent;
}

div.qx-slct__box .slct__list--on {
  display: block;
  opacity: 1;
  height: auto;
}
div.qx-slct__box .slct__list > ul {
  overflow-x: hidden;
}
div.qx-slct__box .slct__list > ul::-webkit-scrollbar {
  width: 12px;
}
div.qx-slct__box .slct__list > ul::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #8b8b8b;
  background-clip: padding-box;
  border: 4px solid transparent;
}
div.qx-slct__box .slct__list > ul::-webkit-scrollbar-track {
  background-color: transparent;
}
div.qx-slct__box .slct__list .slct__inp + ul {
  margin-top: 32px;
}
div.qx-slct__box .slct__item {
  display: block;
  padding: 0 8px 0 12px;
  box-sizing: border-box;
  width: 100%;
  min-height: 32px;
  overflow: hidden;
  text-align: left;
  line-height: 32px;
  text-overflow: ellipsis;
}
div.qx-slct__box .slct__item:not(.slct__item--null):hover, div.qx-slct__box .slct__item:not(.slct__item--null).on {
  background-color: #e7eaf2;
  cursor: pointer;
}
div.qx-slct__box .slct__item--null {
  color: #757575;
}
div.qx-slct__box .slct__item .qx-check__box {
  display: block;
  margin: 0 -8px 0 -12px;
  width: calc(100% + 20px);
  height: 36px;
}
div.qx-slct__box .slct__item .qx-check__box label {
  display: block;
  padding: 0 8px 0 16px;
  box-sizing: border-box;
  width: 100%;
  height: 36px;
  line-height: 36px;
}
div.qx-slct__box .slct__item .qx-check__box input:checked + label {
  background: #eef3fb;
}
div.qx-slct__box .slct__item .qx-check__box input:checked + label:after {
  margin: 11px 0 0 14px;
}
div.qx-slct__box .slct__item.qx-btn {
  padding-left: 8px;
  border: none;
}
div.qx-slct__box .slct__bar {
  margin: 4px 8px 0;
  padding: 5px 0;
  border-top: 1px solid #c9c9c9;
  box-sizing: border-box;
  color: transparent;
  font-size: 1px;
  line-height: 1px;
}
div.qx-slct__box .slct__bar span {
  color: #949494;
  font-size: 13px;
  line-height: 1.24;
}
div.qx-slct__box.slct__null {
  background-color: #f9f9f9;
}
div.qx-slct__box.slct__null .slct__list {
  display: none;
}
:is(.qx-cont__flt, .qx-cont__tb) div.qx-slct__box :is(.slct__btn, .slct__item) {
  padding-left: 12px;
  min-height: 26px;
  line-height: 26px;
}
:is(.qx-cont__flt, .qx-cont__tb) div.qx-slct__box .slct__list {
  top: 31px;
}

.qx-cont__btn .qx-slct__box {
  min-width: unset;
}
:is(.qx-cont__flt, .qx-cont__tb--flt) .qx-slct__box {
  max-width: 216px;
  height: 26px;
}
:is(.qx-cont__form, .qx-cont__tb--flt) .qx-slct__box {
  flex: 1;
  width: auto;
  min-width: unset;
}
.qx-slct__box.slct__min {
  flex: 0 !important;
  width: fit-content;
  min-width: fit-content;
}
.qx-slct__box.slct__wide {
  flex: 1;
  width: 100%;
  max-width: unset;
}

input[type=tel], input[type=file], input[type=email], input[type=date], input[type=number], input[type=search], input[type=password], input[type=text] {
  height: 32px;
  font-size: 13px;
}
:where(.qx-cont__tb--flt, .qx-cont__flt) :is(input, div.qx-inp__box) {
  height: 26px;
  line-height: 27px;
}

.qx-cont__btn input {
  min-width: unset;
  height: 25px;
}
input:focus {
  border-color: #121361;
  outline: none;
}
input[readonly]:hover {
  cursor: default;
}
input[readonly]:focus {
  border: 1px solid #aeaeae;
  outline: unset;
}
input[disabled] {
  background: #f8f8f8;
  color: #aeaeae;
  opacity: 1;
}
input[type=number] {
  -moz-appearance: textfield;
  background: none;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.qx-inp__box {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
  border: 1px solid #aeaeae;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  min-width: 195px;
  text-overflow: ellipsis;
}
div.qx-inp__box {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 2px;
}
.qx-cont__form div.qx-inp__box:not(.slct__inp) {
  height: 32px;
}
.qx-cont__form .form__fail div.qx-inp__box {
  padding-right: 23px;
}
div.qx-inp__box > input {
  display: inline-block;
  flex: 1;
  padding: 0 7px;
  box-sizing: border-box;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.slct__list div.qx-inp__box > input {
  padding: 0 4px 0 0;
  min-width: 0;
}
div.qx-inp__box > span {
  margin-top: 2px;
  color: #757575;
  font-size: 12px;
}
div.qx-inp__box > span:first-child {
  margin-left: 6px;
}
div.qx-inp__box > span:last-child {
  margin-right: 6px;
}
div.qx-inp__box .btn__del {
  display: none;
  position: relative;
  margin: 0 7px 0 auto;
  border-radius: 50%;
  background: #ccc;
  width: 15px;
  height: 15px;
  overflow: hidden;
  color: #ccc;
}
div.qx-inp__box .btn__del:after, div.qx-inp__box .btn__del:before {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  width: 10px;
  height: 1px;
  transform: translate(-50%, -50%) rotate(45deg);
  content: "";
}
div.qx-inp__box .btn__del:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.qx-inp--cal {
  padding-right: 45px;
  background: url("../img/common/ic_cal.png") calc(100% - 10px) 50% no-repeat;
  background-size: 22px;
}
.qx-cont__tb--flt .qx-inp--cal {
  background-size: 20px;
}

[class^=qx-inp] + :where([class^=qx-inp], .qx-btn, [class^=qx-slct], span[class^=qx-txt]), span[class^=qx-txt] + [class^=qx-inp] {
  margin-left: 8px;
}
[class^=qx-inp].inp__wide {
  width: 100%;
  flex: 1;
}
[class^=qx-inp].inp__min {
  min-width: 0;
}

textarea {
  font-size: 13px;
}
textarea::placeholder {
  color: #cdcdcd;
}
textarea.qx-txtarea__box {
  display: inline-block;
  padding: 10px 16px;
  border: 1px solid #aeaeae;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  flex: 1;
  height: 36px;
}
.inp--block textarea.qx-txtarea__box {
  width: 100%;
}

.qx-check__box {
  white-space: nowrap;
  font-size: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}
.qx-check__box + :is([class^=qx-slct], .qx-btn, [class^=qx-inp], [class^=qx-check], .qx-cont__cal, .qx-cont__sch), .qx-btn + .qx-check__box {
  margin-left: 14px;
}
.qx-cont__box + div.qx-check__box, div.qx-check__box + .qx-txt {
  margin-top: 6px;
}

.qx-check__box label {
  padding-left: 8px;
  font-weight: normal;
  word-break: break-all;
  line-height: 15px;
}
.qx-check__box label:before {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 5px 0 -7px;
  border-radius: 2px;
  border: 1px solid #aeaeae;
  box-sizing: border-box;
  background-color: #fff;
  width: 15px;
  height: 15px;
  content: "";
}
.qx-check__box label:hover {
  cursor: pointer;
}
.qx-check__box input {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0);
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.qx-check__box input:checked + label:before {
  position: relative;
  border: 0;
  background-color: #121361;
}
.qx-check__box input:checked + label:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  margin: 2px 5px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  box-sizing: border-box;
  width: 6px;
  height: 8px;
  transform: rotate(45deg);
  content: "";
}
.qx-check__box :is([disabled], [readonly]) + label {
  color: #aeaeae;
}
.qx-check__box :is([disabled], [readonly]) + label:before {
  border: 1px solid #cdcdcd;
  background-color: #dedede;
}
.qx-check__box :is(:checked[disabled], :checked[readonly]) + label {
  color: #353535;
}
.qx-check__box :is(:checked[disabled], :checked[readonly]) + label:before {
  background-color: #dedede;
}
.qx-check__box.check__some input + label:before {
  background-color: #eeeaf6;
  color: #121361;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  content: "ㅡ\a";
}
.qx-check__box .txt {
  display: block;
  margin: 8px 0 0 24px;
  font-size: 0.93em;
  color: #353535;
}
.qx-check__box .txt__item {
  display: block;
}
.qx-check__box .txt__item + .txt__item {
  margin-top: 4px;
}
.qx-check__box .tt {
  display: block;
  margin-bottom: 4px;
  min-width: 100%;
  font-size: 15px;
  font-weight: 500;
}
.qx-check__box .logo {
  display: flex;
  position: relative;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 64px;
  box-sizing: border-box;
  min-height: 48px;
}
.qx-check__box .logo:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -24px;
  width: 48px;
  height: 48px;
  background: url("../img/waybill/logo_sprite.png") no-repeat;
  background-position: -336px 3px;
  background-size: 440px;
  content: "";
}
.qx-check__box .logo--yamato:before {
  background-position: -1px 3px;
}
.qx-check__box .logo--cj:before {
  background-position: -58px 3px;
}
.qx-check__box .logo--lt:before {
  background-position: -113px 3px;
}
.qx-check__box .logo--tx:before {
  background-position: -279px 3px;
}
.qx-check__box .logo--sagawa:before {
  background-position: -169px 3px;
}
.qx-check__box .logo--ecohai:before {
  background-position: -223px 3px;
}
.qx-check__box .logo.logo--hanjin:before {
  background-position: -391px 3px;
}
.qx-check__box .logo.logo--ai:before {
  background: url("../img/waybill/ic_ai.png") 50% no-repeat;
}
.qx-check__list {
  display: flex;
  width: 100%;
}
.qx-check__list + .qx-check__list {
  margin-top: 12px;
}
.qx-check__list .qx-check__box {
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qx-check__list .qx-check__box + .qx-check__box {
  margin-left: 20px;
}
.qx-check__list label {
  font-weight: normal;
}

.qx-check__box.qx-check__box--bd label {
  display: inline-block;
  padding: 7px 11px;
  border-radius: 4px;
  border: 1px solid #aeaeae;
}
.qx-check__box.qx-check__box--bd label:before {
  margin-left: 1px;
}
.qx-check__box.qx-check__box--bd input:not([readonly], [disabled]):checked + label {
  border-color: #121361;
}
.qx-check__box.qx-check__box--bd input:checked + label:after {
  margin: 10px 0 0 17px;
}
.qx-cont__hg + .qx-check__wrap {
  margin-top: 16px;
}
.qx-check__wrap + .qx-cont__form {
  margin-top: 0;
}
.qx-check__wrap div.qx-check__box {
  display: block;
  width: 100%;
}
.qx-check__wrap div.qx-check__box + div.qx-check__box {
  margin: 24px 0 0;
}
.qx-check__wrap div.qx-check__box label {
  display: block;
  position: relative;
  padding-left: 24px;
  box-sizing: border-box;
}
.qx-check__wrap div.qx-check__box label:before {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}
.qx-check__wrap div.qx-check__box label:after {
  margin-left: 5px;
}
.qx-check__wrap.wrap__box {
  border: 1px solid #dedede;
  border-radius: 4px;
  box-sizing: border-box;
}
.qx-check__wrap.wrap__box div.qx-check__box {
  padding: 8px 20px;
  box-sizing: border-box;
}
.qx-check__wrap.wrap__box div.qx-check__box + div.qx-check__box {
  margin: 0;
  border-top: 1px solid #dedede;
}
.qx-check__wrap.wrap__box div.qx-check__box label {
  display: block;
  position: relative;
  padding-left: 24px;
  box-sizing: border-box;
}
.qx-check__wrap.wrap__box div.qx-check__box label:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -9px 0 0 0;
}
.qx-check__wrap.wrap__box div.qx-check__box label:after {
  top: 50%;
  margin: -7px 0 0 5px;
}

.qx-radio > label {
  white-space: nowrap;
  font-size: 13px;
}
div.qx-radio {
  font-size: 0;
}
div.qx-check__box + div.qx-radio, div.qx-radio + .qx-cont__box {
  margin-top: 12px;
}
:where(div.qx-radio, .qx-frame__nt) + div.qx-radio {
  margin-top: 16px;
}
:is(div.qx-radio, div.qx-radio__box) label {
  display: block;
  position: relative;
  box-sizing: border-box;
}
div.qx-radio label {
  padding-left: 21px;
}
div.qx-radio label:before {
  position: absolute;
  left: 0;
  top: 0;
}

.qx-radio.qx-radio--flx {
  display: flex;
}
.qx-radio.qx-radio--flx [class^=qx-radio] {
  flex: 1;
}
.qx-radio.qx-radio--flx div.qx-radio__box + .qx-radio__box {
  margin-left: 24px;
}
.qx-radio__tt {
  display: block;
  margin-bottom: 2px;
  font-weight: 500;
  font-size: 1.077em;
}
.qx-radio label {
  margin-right: 22px;
  line-height: 16px;
  font-weight: normal;
}
.qx-radio label:before {
  display: inline-block;
  content: "";
  margin: 0 5px -3px -2px;
  border: 1px solid #aeaeae;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: #fff;
  width: 16px;
  height: 16px;
}
.qx-radio label:before:hover {
  cursor: pointer;
}
.qx-radio label:hover {
  cursor: pointer;
}
.qx-radio input {
  width: 0;
  height: 0;
  z-index: -1;
  appearance: none;
  outline: none;
  border: 0;
  cursor: pointer;
}
.qx-radio input:checked:not([onclick="return false"], [disabled]) + label {
  color: #121361;
}
.qx-radio input:checked + label:before {
  border: 5px solid #121361;
}
.qx-radio :is([onclick="return false"], [disabled]) + label {
  cursor: default;
  color: #aeaeae;
}
.qx-radio :is([onclick="return false"], [disabled]):not(:checked) + label:before {
  border: 1px solid #cdcdcd;
  background-color: #dedede;
}
.qx-radio :is([onclick="return false"], [disabled]):checked + label {
  color: #353535;
}
.qx-radio :is([onclick="return false"], [disabled]):checked + label:before {
  border-color: #dedede;
}
.qx-radio.qx-radio--btn {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  overflow: hidden;
  color: transparent;
}
.qx-radio.qx-radio--btn label:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -9px 0 0 -9px;
}
.qx-radio.qx-radio--btn label:after {
  content: none !important;
}
.qx-radio--warning label:after {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 8px;
  width: 20px;
  height: 20px;
  background: url("../img/common/img_sprites.png") -125px -108px no-repeat;
  background-size: 360px;
  content: "";
}
.qx-radio--warning input[disabled] + label:after {
  filter: grayscale(1) brightness(1.3);
  opacity: 0.3;
}
.qx-radio__box {
  display: block !important;
  width: 100%;
}
ul.qx-radio__box {
  padding-left: 40px;
}
ul.qx-radio__box .qx-radio {
  display: block;
}
ul.qx-radio__box .qx-radio + .qx-radio {
  margin-top: 8px;
}

div.qx-radio__box {
  position: relative;
}
div.qx-radio__box:not(.qx-radio--flx div.qx-radio__box) + div.qx-radio__box {
  margin-top: 12px;
}
div.qx-radio__box input {
  position: absolute;
}
div.qx-radio__box input:checked + label {
  border-color: #121361;
  background-color: #e8ecf5;
}
div.qx-radio__box input:checked + label em {
  color: #121361;
}
div.qx-radio__box input:checked + label span {
  color: #353535;
}
div.qx-radio__box label {
  padding: 12px 14px 12px 40px;
  border-radius: 5px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
  width: 100%;
  height: 100%;
}
div.qx-radio__box label:before {
  position: absolute;
  left: 14px;
  top: 11px;
}
div.qx-radio__box label.inr:before {
  top: 50%;
  margin: -8px 0 0;
}
div.qx-radio__box label > em {
  font-size: 14px;
  line-height: 16px;
}
div.qx-radio__box label > em + span {
  margin-top: 6px;
}
div.qx-radio__box span:not(.qx-cont__flx, .flx, .grid, .flx__dtl, .row, .cell, .tb, .col) {
  display: block;
}
div.qx-radio__box span:not(.qx-cont__flx, .flx, .grid, .flx__dtl, .row, .cell, .tb, .col) + span {
  margin-top: 9px;
}
div.qx-radio__box .flx {
  display: flex;
  margin: -12px;
}
div.qx-radio__box .flx:only-child {
  min-height: calc(100% + 24px);
}
div.qx-radio__box .flx__dtl {
  flex: 1;
  padding: 10px 14px;
  box-sizing: border-box;
}
div.qx-radio__box .flx__dtl + .flx__dtl {
  border-left: 1px solid #dedede;
}
div.qx-radio__box input:checked + label .flx__dtl {
  border-left-color: #121361;
}

div.qx-radio__box .flx__dtl:not(.grid) span {
  display: block;
}
div.qx-radio__box .flx__dtl:not(.grid) span + span {
  margin-top: 8px;
}
div.qx-radio__box .grid {
  display: grid;
  grid-gap: 14px;
}
div.qx-radio__box .grid[data-column-num="1"] {
  grid-template-columns: repeat(1, 1fr);
}
div.qx-radio__box .grid[data-column-num="1"] .col[data-width="100%"] {
  grid-column: auto/span 1;
}
div.qx-radio__box .grid[data-column-num="2"] {
  grid-template-columns: repeat(2, 1fr);
}
div.qx-radio__box .grid[data-column-num="2"] .col[data-width="100%"] {
  grid-column: auto/span 2;
}
div.qx-radio__box .grid[data-column-num="3"] {
  grid-template-columns: repeat(3, 1fr);
}
div.qx-radio__box .grid[data-column-num="3"] .col[data-width="100%"] {
  grid-column: auto/span 3;
}
div.qx-radio__box .grid[data-column-num="4"] {
  grid-template-columns: repeat(4, 1fr);
}
div.qx-radio__box .grid[data-column-num="4"] .col[data-width="100%"] {
  grid-column: auto/span 4;
}
div.qx-radio__box .grid[data-column-num="5"] {
  grid-template-columns: repeat(5, 1fr);
}
div.qx-radio__box .grid[data-column-num="5"] .col[data-width="100%"] {
  grid-column: auto/span 5;
}
div.qx-radio__box .grid .col {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qx-radio__box + [class^=qx-txt] {
  margin-top: 24px;
}
.qx-radio__box .qx-radio {
  padding-left: 28px;
  box-sizing: border-box;
}
.qx-radio__box .qx-radio + .qx-radio {
  margin-top: 12px;
}
.qx-radio__box .qx-radio label {
  margin-left: -28px;
}
.qx-radio__box .qx-radio label + * {
  margin-top: 12px;
}
.qx-radio__box .qx-radio .qx-slct__box {
  display: block;
  height: 27px;
}
.qx-radio__box .qx-radio .slct__btn {
  line-height: 24px;
  border-radius: 5px;
}

.qx-number {
  position: relative;
  width: fit-content;
  flex: 1;
}
.qx-number.on :is(input, .btn) {
  border-color: #121361;
}
.qx-number.on .btn:before {
  border-color: #121361;
}
.qx-number .btn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  border: 1px solid #aeaeae;
  border-radius: 0 4px 4px 0;
  background-color: #f4f4f4;
  width: 20px;
}
.qx-number .btn a {
  display: block;
  position: relative;
  height: 50%;
  color: transparent;
  overflow: hidden;
  font-size: 1px;
}
.qx-number .btn a:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -4px;
  border: solid #aeaeae;
  border-width: 1px 1px 0 0;
  width: 6px;
  height: 6px;
  transform: rotate(-45deg);
  content: "";
}
.qx-number .btn a.on {
  background-color: #121361;
}
.qx-number .btn a.on:after {
  border-color: #fff;
}
.qx-number .btn a.btn__decrease:after {
  margin-top: -5px;
  transform: rotate(135deg);
}
.qx-number .btn:before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -1px;
  border-top: 1px solid #aeaeae;
  content: "";
}
.qx-number input {
  padding-right: 30px;
  width: 100%;
}
.qx-number input:focus + .btn {
  border-color: #121361;
}
.qx-number input:focus + .btn:before {
  border-color: #121361;
}
.qx-number--sim {
  width: 100%;
}
div.qx-number--sim {
  display: block !important;
}

.qx-number--sim input {
  padding: 0;
  width: 100%;
  text-align: center;
}
.qx-number--sim input[type=number]::-webkit-outer-spin-button, .qx-number--sim input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.qx-number--sim .inp {
  display: inline-block;
  vertical-align: middle;
  margin: 0 !important;
  padding: 0 5px;
  box-sizing: border-box;
  width: 40px;
}
.qx-number--sim .bt {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #444;
  border-radius: 3px;
  background-color: #fff;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  overflow: hidden;
  color: transparent;
}
.qx-number--sim .bt:before, .qx-number--sim .bt--plus:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #444;
  width: 6px;
  height: 1px;
  transform: translate(-50%, -50%);
  content: "";
}
.qx-number--sim .bt--plus:after {
  width: 1px;
  height: 6px;
}

.qx-file {
  position: relative;
}
.qx-cont__form .qx-file {
  height: 36px;
}
.qx-cont__form .qx-file input[type=file]::file-selector-button {
  padding: 6px 12px;
  height: 32px;
}
.qx-file:not(.qx-file--box) label {
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  color: transparent;
}
.qx-file:not(.qx-file--box) input[type=file]::file-selector-button {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 12px 4px;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: #353535;
  border: none;
  height: 27px;
  font-size: 13px;
  color: #fff;
  white-space: nowrap;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
.qx-file:not(.qx-file--box) input[type=file]:before {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: "";
}
.qx-file--box {
  display: flex;
  align-items: center;
  width: 100%;
}
.qx-file--box + :where(.qx-btn, input) {
  margin-left: 8px;
}
.qx-cont__flt .qx-file--box {
  flex: 1;
}
.qx-cont__flt .qx-file--box input[type=text] {
  flex: 1;
}
.qx-cont__flt .qx-file--box label {
  line-height: 1;
}
.qx-file--box label {
  margin: 0 0 0 8px;
  color: #121361;
  line-height: 24px;
  font-weight: normal;
}
.qx-file--box input[type=file] {
  position: absolute;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: transparent;
  cursor: pointer;
}
.qx-file--box input[type=file]::file-selector-button {
  display: none;
}

.qx-toggle {
  height: fit-content;
}
div.qx-toggle {
  display: block;
  width: 100%;
}
div.qx-toggle + div.qx-toggle {
  margin-top: 6px;
}

:where([class^=qx-slct], [class^=qx-inp], .qx-btn) + span.qx-toggle {
  margin-left: 8px;
}

.qx-toggle__btn {
  position: absolute;
  left: 19px;
  top: 50%;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  background-color: #cdcdcd;
  transform: translateY(-50%);
  transition: ease-out 0.25s;
  cursor: pointer;
}
.qx-toggle input {
  position: absolute;
  width: 0;
  height: 0;
  z-index: -1;
  appearance: none;
  outline: none;
  border: 0;
  cursor: pointer;
}
.qx-toggle input:checked + label:before {
  border-color: #121361;
  background-color: #121361;
}
.qx-toggle input:checked + label .qx-toggle__btn {
  left: 4px;
  background: #fff;
}
.qx-toggle input[disabled] + label:before {
  background-color: #cdcdcd;
  border-color: #cdcdcd;
}
.qx-toggle input[disabled] + label .qx-toggle__btn {
  background: #eaeaea;
}
.qx-toggle label {
  position: relative;
  display: inline-block;
  padding: 2px 5px 0 43px;
  box-sizing: border-box;
  height: 20px;
  font-weight: normal;
}
.qx-toggle label:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #eaeaea;
  border-radius: 14px;
  background-color: #fff;
  box-sizing: border-box;
  width: 36px;
  height: 100%;
  content: "";
}
.qx-toggle label:hover {
  cursor: pointer;
}
.qx-toggle--rt .qx-toggle__btn {
  left: unset;
  right: 22px;
}
.qx-toggle--rt label {
  padding: 3px 48px 0 0;
}
.qx-toggle--rt label:before {
  left: unset;
  right: 0;
}
.qx-toggle--rt input:checked + label .qx-toggle__btn {
  left: unset;
  right: 4px;
}
.qx-cont__hg .qx-cont__tt + .qx-toggle {
  margin: -1px 0 1px 24px;
}

.qx-cont__cal {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.qx-cont__cal + .qx-btn {
  margin-left: 8px;
}
.qx-cont__flt .inp .qx-cont__cal input {
  line-height: 1;
}
.qx-cont__cal i {
  margin: 0 6px;
  font-size: 12px;
}
.qx-cont__cal input {
  padding-left: 27px;
  box-sizing: border-box;
  width: 95px;
  background: url("../img/common/ic_cal.png") left calc(50% - 1px) no-repeat;
  background-size: 22px;
}
.qx-cont__cal input:focus {
  outline: 1px solid #121361 !important;
  border-radius: 4px;
}

.qx-cont__clkno :is([class^=qx-inp], [class^=qx-slct], input, select):not(.qx-file--box input) {
  background-color: #f8f8f8 !important;
  pointer-events: none;
}
:is(.qx-cont__clkno.qx-file--box, .qx-cont__clkno .qx-file--box) input {
  pointer-events: none;
}
:is(.qx-cont__clkno.qx-file--box, .qx-cont__clkno .qx-file--box) input.qx-inp__box {
  background-color: #f8f8f8 !important;
}
.qx-cont__clkno :is(button, a):not(.btn__copy) {
  pointer-events: none;
}

/* #Common: Banner 
//------------------------------------------------------------------------------ */
.qx-bn {
  margin-bottom: 20px;
  width: 100%;
  height: auto;
}
header.qx-cont__hg + .qx-bn {
  margin-top: -24px;
}
.qx-bn img {
  display: block;
  width: 100%;
}

.qx-cont__bn {
  position: relative;
  z-index: 1;
  margin: -40px -40px 0;
  padding: 16px 40px;
  background: #e8e6fc;
  width: 100%;
}
.qx-cont__bn h3 {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  color: #533382;
  font-weight: 500;
}
.qx-cont__bn .qx-cont__flx {
  align-items: flex-end;
}
.qx-cont__bn .qx-cont__flx div + div {
  margin-left: 32px;
}

/* #Common: Layer 
//------------------------------------------------------------------------------ */
.qx-alert {
  position: relative;
  margin: 0 auto 10px;
  padding: 0 30px;
  box-sizing: border-box;
  width: 100%;
  word-break: break-all;
}
.qx-alert:not(.qx-guide .qx-alert, .qx-toast__wrap .qx-alert):after {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: -1;
  margin: -50vh 0 0 -50vw;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.4666666667);
  content: "";
}
.smtship-wrap .qx-alert {
  min-width: 0;
}
.qx-alert__wrap {
  position: fixed;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1001;
  margin: auto;
  width: 100%;
  min-width: 560px;
  max-width: 760px;
  transform: translateY(-50%);
}
.qx-alert__inr {
  position: relative;
  padding: 32px;
  box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 16px;
}
.qx-alert :is(em, a, label, button) {
  font-size: 16px;
}
.qx-alert em {
  font-weight: 500;
}
.qx-alert__btn {
  margin-top: 16px;
  text-align: right;
}
.qx-alert__btn .btn {
  display: inline-block;
  vertical-align: middle;
  padding: 12px 24px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #757575;
  min-width: 90px;
  width: auto;
  height: 48px;
  background-color: #fff;
  color: #757575;
  text-align: center;
}
.qx-alert__btn .btn + * {
  margin-left: 10px;
}
.qx-alert__btn .btn__sbm {
  border: 0;
  color: #fff;
}
.qx-alert strong {
  display: inline-block;
  position: relative;
  margin-bottom: 24px;
  padding-left: 64px;
  box-sizing: border-box;
  width: 100%;
  vertical-align: middle;
  font-size: 22px;
  font-weight: bold;
}
.qx-alert strong:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background: url("../../qx/img/common/img_sprites.png") -234px -150px no-repeat;
  background-size: 399px;
}
.qx-alert .qx-txt {
  font-size: 15px;
  margin-top: 12px;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid;
  max-height: 300px;
  overflow-y: auto;
  background: #fff;
}
.qx-alert .qx-txt::-webkit-scrollbar {
  width: 14px;
}
.qx-alert .qx-txt::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #8b8b8b;
  background-clip: padding-box;
  border: 4px solid transparent;
}
.qx-alert .qx-txt::-webkit-scrollbar-track {
  background-color: transparent;
}
.qx-alert .qx-txt li {
  margin-left: 16px;
}
.qx-alert .qx-txt li:before {
  display: inline-block;
  vertical-align: middle;
  margin: -3px 6px 0 -14px;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background-color: #757575;
  content: "";
}
.qx-alert .qx-txt li + li {
  margin-top: 10px;
}
.qx-alert .qx-txt strong {
  margin: 0;
  padding: 0;
  font-size: 1em;
  width: auto;
  font-weight: 500;
}
.qx-alert .qx-txt strong:after {
  content: none;
}
.qx-alert img {
  vertical-align: middle;
}
.qx-alert .qx-check__box {
  white-space: initial;
  margin-top: 24px;
}
.qx-alert--mod .qx-alert__inr {
  background-color: #fff9e3;
}
.qx-alert--mod .qx-txt {
  border-color: #ffb013;
}
.qx-alert--mod .qx-txt strong {
  color: #ffb013;
}
.qx-alert--mod .btn__main {
  border-color: #ffb013;
  color: #ffb013;
}
.qx-alert--mod .btn__sbm {
  background: #ffb013;
}
.qx-alert--mod .qx-check__box input:checked + label:before {
  background: #ffb013;
}
.qx-toast__wrap .qx-alert--mod .qx-alert__inr:after {
  background-color: #ffb013;
}
.qx-alert--fail .qx-alert__inr {
  background-color: #fff3f3;
}
.qx-alert--fail .qx-txt {
  border-color: #e95a5c;
}
.qx-alert--fail .qx-txt strong {
  color: #e95a5c;
}
.qx-alert--fail .btn__main {
  border-color: #e95a5c;
  color: #e95a5c;
}
.qx-alert--fail .btn__sbm {
  background: #e95a5c;
}
.qx-alert--fail .qx-check__box input:checked + label:before {
  background: #e95a5c;
}
.qx-toast__wrap .qx-alert--fail .qx-alert__inr:after {
  background-color: #e95a5c;
}
.qx-alert--sucs .qx-alert__inr {
  background-color: #effff2;
}
.qx-alert--sucs .qx-txt {
  border-color: #34c975;
}
.qx-alert--sucs .qx-txt strong {
  color: #34c975;
}
.qx-alert--sucs .btn__main {
  border-color: #34c975;
  color: #34c975;
}
.qx-alert--sucs .btn__sbm {
  background: #34c975;
}
.qx-alert--sucs .qx-check__box input:checked + label:before {
  background: #34c975;
}
.qx-toast__wrap .qx-alert--sucs .qx-alert__inr:after {
  background-color: #34c975;
}
.qx-alert--em .qx-alert__inr {
  background-color: #e95a5c;
}
.qx-alert--em .qx-txt {
  border-color: #fff;
}
.qx-alert--em .qx-txt strong {
  color: #fff;
}
.qx-alert--em .btn__main {
  border-color: #fff;
  color: #fff;
}
.qx-alert--em .btn__sbm {
  background: #fff;
}
.qx-alert--em .qx-check__box input:checked + label:before {
  background: #fff;
}
.qx-toast__wrap .qx-alert--em .qx-alert__inr:after {
  background-color: #fff;
}
.qx-alert--fail strong:after {
  background-position-x: -290px;
}
.qx-alert--sucs strong:after {
  background-position-x: -346px;
}
.qx-alert--em {
  color: #fff;
}
.qx-alert--em strong:after {
  background-position-x: -290px;
  filter: invert(97%) sepia(100%) saturate(3900%) hue-rotate(-39deg) contrast(85%) brightness(359%);
}
.qx-alert .btn:not(.btn__sbm)[disabled] {
  border-color: #cdcdcd;
  color: #cdcdcd;
}
.qx-alert .btn__sbm[disabled] {
  background: #cdcdcd;
}

.qx-toast__wrap {
  position: fixed;
  left: 50%;
  bottom: 50px;
  z-index: 1001;
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  margin: auto 0 auto auto;
  box-sizing: border-box;
  width: 100%;
  min-width: 260px;
  max-width: 650px;
  transform: translateX(-50%);
}
.qx-toast__wrap.alert__rt {
  left: unset;
  right: 0;
  transform: unset;
}
.qx-toast__wrap .qx-alert {
  margin-bottom: 16px;
}
.qx-toast__wrap .qx-alert__inr {
  padding: 20px 24px;
  box-shadow: 4px 3px 10px 0 rgba(0, 0, 0, 0.2666666667);
  font-size: 15px;
}
.qx-toast__wrap .qx-alert__inr:not(.qx-alert--em .qx-alert__inr):after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-radius: 10px 0 0 10px;
  width: 10px;
}
.qx-toast__wrap .qx-alert strong {
  margin: 0;
  padding-left: 30px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.qx-toast__wrap .qx-alert strong:after {
  transform: scale(0.46) translate(-60%, -54px);
}
.qx-toast__wrap .qx-alert strong + p, .qx-toast__wrap .qx-alert strong + div {
  margin-top: 6px;
}
.qx-toast__wrap .qx-alert__cls {
  position: absolute;
  z-index: 10;
  top: 21px;
  right: 20px;
  height: 20px;
  width: 20px;
  overflow: hidden;
  background-color: transparent;
  color: transparent;
}
.qx-toast__wrap .qx-alert__cls:before, .qx-toast__wrap .qx-alert__cls:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 16px;
  width: 2px;
  background-color: #757575;
  transform: translate(-50%, -50%) rotate(45deg);
  content: "";
}
.qx-toast__wrap .qx-alert__cls:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.qx-toast__wrap .qx-alert__cls:hover {
  cursor: pointer;
}
.qx-toast__wrap .qx-alert--em .qx-alert__cls:before, .qx-toast__wrap .qx-alert--em .qx-alert__cls:after {
  background: #fff;
}

.toast-slideup {
  animation: toast-slideup 0.4s ease-out;
}
@keyframes toast-slideup {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.shake {
  animation: shake 0.6s;
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-5px);
  }
  40% {
    transform: translateX(5px);
  }
  60% {
    transform: translateX(-5px);
  }
  80% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}

@media screen and (max-width: 550px) {
  :is(.smtship-wrap, .mqx-wrap) .qx-alert, :is(.smtship-wrap, .mqx-wrap) .qx-alert__wrap {
    max-width: unset;
    min-width: unset;
  }
  :is(.smtship-wrap, .mqx-wrap) .qx-alert__inr {
    font-size: 15px;
  }
  :is(.smtship-wrap, .mqx-wrap) .qx-alert strong {
    padding-left: 54px;
    font-size: 20px;
  }
  :is(.smtship-wrap, .mqx-wrap) .qx-alert strong:after {
    margin: -22px 0 0 -2px;
    transform: scale(0.875);
  }
  :is(.smtship-wrap, .mqx-wrap) .qx-alert em {
    font-size: 15px;
  }
  :is(.smtship-wrap, .mqx-wrap) .qx-alert .qx-txt {
    font-size: 14px;
  }
  .smtship-wrap .qx-alert__btn .btn {
    padding: 10px 16px 9px;
    height: unset;
    min-width: 65px;
    font-size: 15px;
  }
}
@media screen and (max-width: 480px) {
  :is(.smtship-wrap, .mqx-wrap) .qx-alert {
    padding: 0 20px;
  }
  :is(.smtship-wrap, .mqx-wrap) .qx-alert__inr {
    padding: 24px;
    font-size: 14px;
  }
  :is(.smtship-wrap, .mqx-wrap) .qx-alert strong {
    padding-left: 46px;
    font-size: 18px;
  }
  :is(.smtship-wrap, .mqx-wrap) .qx-alert strong:after {
    margin-left: -6px;
    transform: scale(0.7);
  }
  .smtship-wrap .qx-alert__btn .btn {
    padding: 9px 14px 7px;
    min-width: unset;
    font-size: 14px;
  }
}
.qx-layer {
  position: fixed;
  z-index: 1000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 30px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.2666666667);
  min-width: fit-content;
  overflow: auto;
  text-align: center;
  font-size: 0;
}
.qx-layer:before {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: "";
}
.qx-layer__inr {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 800px;
  text-align: left;
}
.qx-layer__cls {
  position: absolute;
  top: 13px;
  right: 32px;
  height: 22px;
  background-color: transparent;
  color: transparent;
}
.qx-layer__cls:before, .qx-layer__cls:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -11px;
  background-color: #fff;
  height: 100%;
  width: 2px;
  transform: rotate(45deg);
}
.qx-layer__cls:after {
  transform: rotate(-45deg);
}
.qx-layer__cls:hover {
  cursor: pointer;
}
.fixed__html {
  overflow: hidden;
}

.qx-layer--grid {
  background: rgba(0, 0, 0, 0.4666666667);
}
.qx-layer--grid > .qx-layer__inr {
  margin-top: 15px;
  padding: 20px;
  border-radius: 4px;
  box-sizing: border-box;
  width: calc(100vw - 60px);
  min-width: 1200px;
  height: calc(100vh - 75px);
  background-color: #fff;
  overflow-y: auto;
}
.qx-layer--grid > .qx-layer__inr::-webkit-scrollbar {
  width: 12px;
}
.qx-layer--grid > .qx-layer__inr::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #8b8b8b;
  background-clip: padding-box;
  border: 4px solid transparent;
}
.qx-layer--grid > .qx-layer__inr::-webkit-scrollbar-track {
  background-color: transparent;
}
.qx-layer--grid > .qx-layer__inr > .qx-layer__cls {
  position: fixed;
  top: 18px;
  right: 50px;
}
.qx-layer--grid > .qx-layer__inr .qx-cont__box:first-child, .qx-layer--grid > .qx-layer__inr .qx-layer__cls + .qx-cont__box {
  margin: 0;
}
.qx-layer .qx-frame {
  border-radius: 5px;
}
.qx-layer .qx-frame__hd {
  border-radius: 5px 5px 0 0;
}
.qx-layer .qx-frame__ct {
  border-radius: 0 0 5px 5px;
}

.qx-event {
  padding: 20px;
  box-sizing: border-box;
  width: 665px;
}

.qx-tooltip {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: 4px;
  padding: 8px 10px;
  border-radius: 4px;
  border: 1px solid #f9e270;
  box-sizing: border-box;
  background-color: #fffcdc;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
  min-width: 200px;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
}
.qx-tooltip__wrap {
  position: relative;
  display: inline-block;
}
.qx-tooltip--flx {
  display: flex;
  align-items: center;
}
.qx-tooltip i {
  position: absolute;
  bottom: -10px;
  z-index: 1;
  border: 4px solid transparent;
  border-top: 6px solid #f9e270;
}
.qx-tooltip i:after {
  position: absolute;
  left: -3px;
  top: -8px;
  content: "";
  border: 3px solid transparent;
  border-top: 6px solid #fffcdc;
}
.qx-tooltip__cls {
  position: relative;
  margin-left: 10px;
  background-color: transparent;
  width: 12px;
  height: 12px;
  overflow: hidden;
  color: transparent;
  font-size: 10px;
}
.qx-tooltip__cls:before, .qx-tooltip__cls:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -1px;
  background-color: #f9e270;
  height: 100%;
  width: 2px;
  transform: rotate(45deg);
}
.qx-tooltip__cls:after {
  transform: rotate(-45deg);
}

.qx-inf {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
:where(.qx-inp__box, .qx-btn, .qx-slct__box) + .qx-inf {
  margin-left: 8px;
}
.qx-inf + .qx-btn {
  margin-left: 20px;
}
.qx-cont__hg .qx-inf {
  align-self: center;
  margin-left: 4px;
}
.qx-cont__rt > .qx-inf .qx-inf__ly:not(.qx-inf__ly--lt) {
  text-align: left;
  left: unset;
  right: 0;
}
.qx-cont__rt > .qx-inf > button + .qx-inf__ly:not(.qx-inf__ly--lt) {
  margin: 9px -11px 0 0;
}
.qx-cont__rt > .qx-inf > button + .qx-inf__ly:not(.qx-inf__ly--lt):before, .qx-cont__rt > .qx-inf > button + .qx-inf__ly:not(.qx-inf__ly--lt):after {
  left: unset;
  right: 16px;
}
.qx-inf__bt {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin: -3px 0 0 4px;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background: none;
  color: transparent;
}
.qx-inf__bt:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: url("../img/common/img_sprites.png") -62px -27px no-repeat;
  background-size: 354px;
  content: "";
}
.qx-inf__bt.bt__hp:after {
  background-position-x: -82px;
}
.qx-inf__bt.qx-btn {
  width: unset;
}
span.qx-inf__bt:hover {
  cursor: help;
}

.qx-btn.btn__sbm .qx-inf__bt:after {
  filter: invert(1) grayscale(1);
}
.qx-btn.btn__gray .qx-inf__bt:after {
  filter: grayscale(1) brightness(450%);
}
.qx-btn.btn__del .qx-inf__bt:after {
  filter: sepia(100%) saturate(5000%) brightness(96%);
}
.qx-inf__ly {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  margin-top: 3px;
  padding: 12px;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.3);
  width: 300px;
  background-color: #fff;
  text-align: left;
  white-space: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 1.69;
  color: #333;
}
span.qx-inf__bt:hover + .qx-inf__ly {
  z-index: 100;
  opacity: 1;
  cursor: pointer;
  transition: all 0.1s;
}
span.qx-inf__bt:not(:hover) + .qx-inf__ly {
  z-index: -1;
  opacity: 0;
  transition: cubic-bezier(0.4, 0, 1, 1) 0.3s 0.4s;
}
:where(button.qx-inf__bt, .qx-btn) + .qx-inf__ly {
  display: none;
  margin: 9px 0 0 -11px;
}
:where(button.qx-inf__bt, .qx-btn) + .qx-inf__ly:before, :where(button.qx-inf__bt, .qx-btn) + .qx-inf__ly:after {
  display: block;
  position: absolute;
  top: -8px;
  left: 19px;
  border-style: solid;
  border-width: 0 4px 8px;
  border-color: transparent transparent #fff;
  content: "";
}
:where(button.qx-inf__bt, .qx-btn) + .qx-inf__ly:after {
  border-bottom-color: #000;
  border-bottom-width: 4px;
  z-index: -1;
  filter: blur(3px) opacity(0.4);
}
.qx-inf__ly--rt {
  left: unset;
  right: 0;
}
button.qx-inf__bt + .qx-inf__ly--rt {
  margin: 9px -11px 0 0;
}
button.qx-inf__bt + .qx-inf__ly--rt:before, button.qx-inf__bt + .qx-inf__ly--rt:after {
  left: unset;
  right: 16px;
}
.qx-inf__tt {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #757575;
  font-weight: 500;
}
.qx-inf__tt:after {
  display: block;
  margin: 4px 0 8px;
  border: 1px solid #dedede;
  width: 100%;
  content: "";
}
.qx-inf__cls {
  position: absolute;
  top: 14px;
  right: 13px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-color: transparent;
  color: transparent;
}
.qx-inf__cls:before, .qx-inf__cls:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -11px;
  background-color: #353535;
  height: 100%;
  width: 2px;
  transform: rotate(45deg);
}
.qx-inf__cls:after {
  transform: rotate(-45deg);
}
.qx-inf.qx-inf--thmb .qx-inf__ly {
  top: 0;
  padding: 0;
  width: auto;
  transform: translateY(-100%);
}
.qx-inf.qx-inf--bt {
  color: #121361;
  font-size: 13px;
  font-weight: 500;
}
.qx-inf.qx-inf--bt:hover {
  cursor: help;
}
.qx-inf.qx-inf--bt:hover > .qx-inf__ly {
  display: block;
}
.qx-btn.btn__sum + .qx-inf.qx-inf--bt {
  margin-left: 24px;
}

.qx-paging {
  display: flex;
  align-items: center;
  font-size: 0;
}
:is(.qx-cont__tb, .qx-txt) + .qx-paging {
  margin-top: 32px;
}
.qx-board .qx-paging {
  justify-content: center;
}
.qx-paging a {
  border: 1px solid #dedede;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #fff;
  width: 32px;
  height: 32px;
  font-size: 13px;
  text-align: center;
  line-height: 30px;
}
.qx-paging a + a {
  margin-left: 4px;
}
.qx-paging a.qx-paging__ctrl + a, .qx-paging a + .qx-paging__ctrl {
  margin-left: 10px;
}
.qx-paging a[aria-current=true] {
  border-color: #121361;
  background-color: #121361;
  color: #fff;
}
.qx-paging__ctrl {
  position: relative;
  overflow: hidden;
}
.qx-paging__ctrl.disabled, .qx-paging__ctrl.disabled:hover {
  background-color: #eee;
  border-color: #dedede;
  cursor: default;
}
.qx-paging__ctrl.disabled :where(.prev, .next, .first, last):before, .qx-paging__ctrl.disabled :after, .qx-paging__ctrl.disabled:hover :where(.prev, .next, .first, last):before, .qx-paging__ctrl.disabled:hover :after {
  border-color: #8b8b8b;
}
.qx-paging__ctrl :where(.prev, .next) {
  color: transparent;
  font-size: 1px;
}
.qx-paging__ctrl :where(.prev, .next):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3px 0 0 -2px;
  border: solid #444;
  border-width: 0 0 1px 1px;
  height: 6px;
  width: 6px;
  transform: rotate(45deg);
}
.qx-paging__ctrl :where(.first, .last) {
  color: transparent;
  font-size: 1px;
}
.qx-paging__ctrl :where(.first, .last):before, .qx-paging__ctrl :where(.first, .last):after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -3px;
  border: solid #444;
  border-width: 0 0 1px 1px;
  height: 6px;
  width: 6px;
  transform: rotate(45deg);
}
.qx-paging__ctrl :where(.first, .last):after {
  margin-left: -5px;
}
.qx-paging__ctrl .next:before {
  transform: rotate(-135deg);
  margin-left: -5px;
}
.qx-paging__ctrl .last:before {
  transform: rotate(-135deg);
  margin-left: -7px;
}
.qx-paging__ctrl .last:after {
  transform: rotate(-135deg);
  margin-left: -2px;
}

.qx-slider {
  position: relative;
  padding: 0 20px;
  width: 592px;
}
.qx-slider__arrow {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  margin-top: 166px;
}
.qx-slider__arrow :where(.prev, .next) {
  border: solid #cdcdcd;
  border-width: 2px 2px 0 0;
  box-sizing: border-box;
  background-color: transparent;
  width: 18px;
  height: 18px;
  overflow: hidden;
  transform: rotate(45deg);
  color: transparent;
  font-size: 1px;
}
.qx-slider__arrow .prev {
  border-width: 0 0 2px 2px;
}
.qx-slider__item {
  margin-top: 16px;
  width: 100%;
  overflow: hidden;
}
.qx-slider__item .item {
  position: relative;
  top: 0;
  left: 0;
  width: max-content;
}
.qx-slider__item .item:after {
  display: block;
  clear: both;
  content: "";
}
.qx-slider__item .item > li {
  float: left;
  width: 592px;
}
.qx-slider__item .item__img {
  display: block;
  margin-bottom: 16px;
  width: 100%;
  height: 334px;
}
.qx-slider__item .item__img img {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
}
.qx-slider__dot {
  margin-top: 24px;
  width: 100%;
  text-align: center;
}
.qx-slider__dot li {
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #cdcdcd;
  width: 8px;
  height: 8px;
  overflow: hidden;
  color: transparent;
  font-size: 1px;
}
.qx-slider__dot li + li {
  margin-left: 8px;
}
.qx-slider__dot li.on {
  background: #121361;
}
.qx-slider__thmb li {
  display: inline-block;
  width: 100px;
  height: 100px;
}
.qx-slider__thmb li + li {
  margin-left: 14px;
}
.qx-slider__thmb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* #Common: Tab 
//------------------------------------------------------------------------------ */
.qx-tab {
  position: relative;
}
.qx-tab:after {
  content: "";
  display: block;
  margin-left: -36px;
  border-bottom: 1px solid #ccc;
  width: 100vw;
  min-width: calc(100% + 100px);
}
header.qx-cont__hg + .qx-tab {
  margin: -28px 0 32px;
}
.qx-tab > a {
  display: inline-block;
  margin-top: 12px;
  height: 36px;
  line-height: 36px;
  color: #444;
  font-size: 16px;
}
.qx-tab > a.on {
  border-bottom: 4px solid #121361;
  box-sizing: border-box;
  color: #1a1a1a;
  font-weight: bold;
}
.qx-tab > a + a {
  margin-left: 36px;
}
.qx-tab.tab__block {
  display: flex;
}
.qx-tab.tab__block a {
  flex: 1 1 auto;
}
.qx-tab--rd {
  display: flex;
  justify-content: center;
  margin: 22px 0;
  height: max-content;
  min-height: 40px;
  text-align: center;
  font-size: 0;
  color: #757575;
}
.qx-tab--rd li {
  border: 1px solid #cdcdcd;
  border-right: 0;
  box-sizing: border-box;
  background-color: #fff;
  min-width: 108px;
}
.qx-tab--rd :is(li:first-of-type, li.first) {
  border-left: 1px solid #cdcdcd;
  border-radius: 90px 0 0 90px;
}
.qx-tab--rd :is(li:last-of-type, li.last) {
  border-right: 1px solid #cdcdcd;
  border-radius: 0 90px 90px 0;
}

.qx-tab--rd li.on {
  border-color: #121361;
  background-color: #121361;
}
.qx-tab--rd li.on a {
  color: #fff;
}
.qx-tab--rd li:after {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: "";
}
.qx-tab--rd li.tab__single {
  padding: 5px 36px;
  border-radius: 90px;
  min-width: 144px;
  width: fit-content;
  height: 40px;
  font-size: 15px;
}
.qx-tab--rd li.tab__single a {
  padding: 5px 0;
}
.qx-tab--rd a {
  display: inline-block;
  vertical-align: middle;
  padding: 6px 15px 4px;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #757575;
  word-break: break-all;
}
.qx-tab--rd a:hover {
  color: #121361;
}

/* #Common: Table 
//------------------------------------------------------------------------------ */
.qx-cont__tb {
  background-color: #fff;
}
table.qx-cont__tb, .qx-cont__tb table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  text-align: left;
  font-size: 13px;
}

.qx-cont__box > div.qx-cont__tb {
  background: none;
}

span.qx-cont__tb {
  display: block;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: #ccc;
  font-size: 0;
}
span.qx-cont__tb[data-table=scroll] {
  border: solid #ccc;
  border-width: 0 1px 1px;
}
span.qx-cont__tb[data-table=scroll] .row:last-of-type .cell {
  border-bottom: 0;
}
span.qx-cont__tb[data-table=scroll] .row .cell:first-child {
  border-left: 0;
}
span.qx-cont__tb[data-table=scroll] .row .cell:last-child {
  border-right: 0;
}
span.qx-cont__tb .tb {
  display: table !important;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}
span.qx-cont__tb .row {
  display: table-row;
  height: 34px;
}
span.qx-cont__tb .row--hd .cell {
  background: #eee;
  font-weight: 500;
}
span.qx-cont__tb .cell {
  display: table-cell;
  vertical-align: middle;
  padding: 4px 12px;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 13px;
}
span.qx-cont__tb .cell .qx-cont__flx {
  align-items: center;
}

.qx-cont__tb--flt + .qx-cont__tb {
  margin-top: 0;
}
.qx-cont__tb + .qx-tab--rd {
  margin-top: 20px;
}
.qx-cont__tb:not(.qx-cont__box > .qx-cont__tb) + .qx-cont__tb {
  margin-top: 12px;
  border-top: 0;
}
.qx-cont__tb:not(.qx-cont__box > .qx-cont__tb) + .qx-cont__sc {
  margin-top: 8px;
}
.qx-cont__box[data-padding="0"] > .qx-cont__tb + :is(.qx-cont__tb, .qx-grid) {
  border-top: 1px solid #dedede;
}
.qx-cont__tb tr {
  height: 33px;
}
.qx-cont__tb tr + tr {
  border-top: 1px solid #dedede;
}
.qx-cont__tb tr.on :is(th, td):not([rowspan]) {
  background: #e7eaf2;
}
.qx-cont__tb :where(th, td) {
  box-sizing: border-box;
  letter-spacing: -0.3px;
}
.qx-cont__tb th {
  padding: 4px 10px;
  background-color: #eee;
  font-size: 13px;
  font-weight: 500;
  word-break: break-all;
  line-height: 1.2;
}
.qx-cont__tb td {
  padding: 4px 10px;
}
.qx-cont__tb td > div {
  display: flex;
  align-items: center;
  height: 100%;
}
.qx-cont__tb td > div + :is(div, .td__wrap) {
  margin-top: 6px;
}
.qx-cont__tb td > div.tb__cen {
  justify-content: center;
}
.qx-cont__tb td > div.tb__rt {
  justify-content: flex-end;
}
.qx-cont__tb td label {
  font-weight: normal;
}
.qx-cont__tb td label + :where(.qx-inp__box, .qx-slct__box) {
  margin-left: 8px;
}
.qx-cont__tb td label ~ label {
  margin-left: 12px;
}
.qx-cont__tb .td__block {
  display: block;
  margin: 8px 0;
}
.qx-cont__tb .td__block > div + div {
  margin-top: 12px;
}
.td__block .inp__wide {
  margin: 8px 0 0;
  max-width: 600px;
}

.qx-cont__tb .td__wrap {
  flex-wrap: wrap;
  margin: -7px -14px 0 0;
  width: calc(100% + 14px);
}
.qx-cont__tb .td__wrap .qx-check__box {
  margin: 8px 16px 0 0;
}
.qx-cont__tb .td__wrap .qx-btn {
  margin: 7px 8px 0 0;
}
.qx-cont__tb .td__wrap .qx-btn.btn__sum {
  margin-right: 13px;
}
.qx-cont__tb .td__wrap .qx-btn.btn__sum:not(:last-of-type) {
  padding-right: 13px;
  border-right: 1px solid #cdcdcd;
}
.qx-cont__tb .qx-inp__box {
  min-width: 0;
}
.qx-cont__tb .txt {
  margin: 0 4px;
  font-size: 13px;
  color: #1a1a1a;
}
.tb__cen, .tb__cen :where(th, td) {
  text-align: center;
}

.qx-cont__tb .tb__lt {
  text-align: left;
}
.qx-cont__tb .tb__rt {
  text-align: right;
}
.qx-cont__tb .tb__top {
  vertical-align: top;
}
:where(.tb__border > table, table.tb__border):not(.tb__bround table) {
  border: 1px solid #dedede;
}
.qx-cont__box[data-padding="0"] > .tb__border > table, .qx-cont__box[data-padding="0"] > table.tb__border {
  margin: 0 -1px;
  border: none;
  width: calc(100% + 2px);
}

:where(.tb__border) :is(thead + tbody, tbody + tfoot) {
  border-top: 1px solid #dedede;
}
.tb__border :where(th, td) {
  border: solid #dedede;
  border-width: 0 1px;
}
.tb__bround .tb__border :where(th, td):first-child {
  border-left: 0;
}
.tb__bround .tb__border :where(th, td):last-child {
  border-right: 0;
}

.qx-cont__tb.tb__bround {
  border: 1px solid #dedede;
  box-sizing: border-box;
  border-radius: 4px;
}
.qx-cont__sc > .qx-cont__tb {
  border: 1px solid #dedede;
}
.qx-cont__box > .qx-cont__tb tbody tr:last-of-type :where(td, th) {
  border-bottom: 0;
}
.qx-cont__tb .tb__bg {
  background: #e7edf8;
}
.qx-cont__tb :is(.tb__bg th, th.tb__bg) {
  background: #eff3fb;
  font-size: 13px;
}
.qx-cont__tb .tb__hdgroup tr:nth-child(1) th {
  background: #ebefff;
}
.qx-cont__tb .tb__hdgroup tr:nth-child(2) th {
  background: #f6f6ff;
}
.qx-cont__tb.tb__click tr:hover td {
  background: #edebff;
  cursor: pointer;
}
:where(.qx-cont__tb .txt__hd, .qx-cont__tb .txt__hd > div, .qx-cont__tb .txt__hd > span) {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.qx-cont__tb .txt__hd > span + span, .qx-cont__tb .txt__hd > div + div {
  margin-top: 4px;
}
.qx-cont__tb .txt__hd[data-line-num="1"] {
  white-space: unset;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.qx-cont__tb .txt__hd[data-line-num="2"] {
  white-space: unset;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.qx-cont__tb .txt__hd[data-line-num="3"] {
  white-space: unset;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.qx-cont__tb .txt__hd[data-line-num="4"] {
  white-space: unset;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.qx-cont__tb .txt__hd[data-line-num="5"] {
  white-space: unset;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.qx-cont__tb .txt__hd a {
  text-decoration: underline;
  color: #289ffb;
}
.qx-cont__tb .null {
  position: relative;
  height: 635px;
}
.qx-cont__tb .null:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -55px 0 0 -30px;
  width: 60px;
  height: 60px;
  background: url("../img/common/img_sprites.png") -323px -77px no-repeat;
  background-size: 399px;
  content: "";
}
.qx-cont__tb .null span {
  display: inline-block;
  vertical-align: middle;
  margin-top: 65px;
  width: 100%;
  font-size: 14px;
  color: #8b8b8b;
  text-align: center;
}
.qx-cont__tb .no__rslt {
  display: block;
  margin: -6px -18px;
  padding: 40px 0;
  background: #f8f8f8;
  text-align: center;
  font-size: 13px;
  color: #8b8b8b;
}
.qx-cont__tb .no__rslt:hover {
  cursor: default;
}
.qx-cont__tb .no__rslt > p + button {
  margin-top: 12px;
}
.qx-cont__tb .tb__error {
  background: #fbe3e3;
  color: #e95a5c;
}
.qx-cont__tb .tb__error :is(span, em, strong, div) {
  color: #e95a5c;
}
.qx-cont__tb .tb__errinfo {
  background-color: #fff5e5;
  text-align: left;
  color: #e95a5c;
}
.qx-cont__tb .tb__errinfo :is(th, td) {
  text-align: left;
  font-weight: 500;
}
.qx-cont__tb .span__rt {
  float: right;
  padding-right: 12px;
}
.qx-cont__tb .span__rt > a {
  margin: 0 4px;
}
.qx-cont__tb .span__rt > a:hover {
  text-decoration: underline;
}
th .span__rt > a {
  font-size: 14px;
}

.qx-cont__tb .ic {
  position: relative;
  display: block;
  padding-left: 22px;
  box-sizing: border-box;
}
.qx-cont__tb .ic + .ic {
  margin-top: 4px;
}
.qx-cont__tb .ic:before {
  position: absolute;
  top: 50%;
  left: -2px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: url("../img/common/img_sprites.png") no-repeat;
  background-size: 399px;
  content: "";
}
.qx-cont__tb .ic--item:before {
  background-position: -3px -52px;
}
.qx-cont__tb .ic--option:before {
  background-position: -27px -52px;
}
.qx-cont__tb .ic--cart:before {
  background-position: -95px -52px;
}
.qx-cont__tb .ic--order:before {
  background-position: -120px -52px;
}
.qx-cont__tb :is(th.tb__btnbox, td.tb__btnbox, .tb__btnbox th, .tb__btnbox td) {
  padding: 0;
  height: 0;
  height: -moz-available;
}
.qx-cont__tb :is(th.tb__btnbox, td.tb__btnbox, .tb__btnbox th, .tb__btnbox td).on {
  position: relative;
}
.qx-cont__tb :is(th.tb__btnbox, td.tb__btnbox, .tb__btnbox th, .tb__btnbox td).on:before {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid #121361 !important;
  box-sizing: border-box;
  content: "";
}
.qx-cont__tb :is(th.tb__btnbox, td.tb__btnbox, .tb__btnbox th, .tb__btnbox td).on :where(a, em) {
  font-weight: 500;
  color: #121361;
}
.qx-cont__tb :is(th.tb__btnbox, td.tb__btnbox, .tb__btnbox th, .tb__btnbox td) .qx-cont__count {
  margin: 0;
  padding: 4px 10px 4px 50px;
}
.tb__btnbox a {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.tb__btnbox a:not(.qx-cont__count):after {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: "";
}
.tb__btnbox a > em {
  font-weight: 500;
}
.tb__btnbox a > .span__rt {
  float: unset;
  margin-left: auto;
  padding: 0 0 0 10px;
  font-size: 15px;
  white-space: nowrap;
}
.tb__btnbox a.disable {
  pointer-events: none;
}
.tb__btnbox :where(a:hover, a:hover .span__rt) {
  text-decoration: underline;
}
.qx-cont__tb :is(th.tb__btnbox, .tb__btnbox th) a:not(.qx-cont__count) {
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.qx-cont__tb :is(td.tb__btnbox, .tb__btnbox td) a:not(.qx-cont__count) {
  display: block;
  padding: 0 16px;
}

.qx-cont__tb--flt {
  font-size: 0;
}
.qx-cont__tb.qx-cont__tb--flt .qx-inp__box {
  flex-basis: 216px;
}

.qx-cont__tb--flt .inp__wide {
  max-width: 400px;
}
.qx-cont__tb--flt th {
  padding: 0 10px;
}
.qx-cont__tb--flt td {
  padding: 8px 14px 8px 8px;
}
.qx-cont__tb--flt td > div .qx-slct__box:only-child {
  flex: 1 !important;
  min-width: 0;
}
.qx-cont__tb--flt.tb__cen th, .qx-cont__tb--flt :is(.tb__cen th, th.tb__cen) {
  padding-left: 8px;
}
.qx-cont__tb--flt.tb__cen td, .qx-cont__tb--flt :is(.tb__cen td, td.tb__cen) {
  padding-right: 8px;
}
.qx-cont__tb[data-table=scroll] {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  overflow: auto;
  max-height: 264px;
}
.qx-cont__tb[data-table=scroll] table {
  border-width: 0 1px !important;
}
.qx-cont__box[data-padding="0"] > .qx-cont__tb[data-table=scroll] {
  border-bottom: 0;
}
.qx-cont__tb[data-table=scroll] :where(thead th, .row--hd .cell) {
  position: sticky;
  top: 0;
  z-index: 10;
  border-top: 0;
}
.qx-cont__tb[data-table=scroll] tr {
  border-bottom: 1px solid #dedede;
}
.qx-cont__tb[data-table=scroll].tb__border thead th:after {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background: #dedede;
  content: "";
}
.qx-cont__tb[data-table=scroll] thead tr:nth-child(2) th {
  top: 40px;
  border-top: 1px solid #dedede;
}
.qx-cont__tb[data-table=scroll] tbody tr:not(.tb__more tr):last-of-type td {
  border-bottom: none;
}
.qx-cont__tb .tb__more {
  border-top: 0;
}
.qx-cont__tb .tb__more .cont {
  display: block;
  margin-bottom: 15px;
}
.qx-cont__tb .tb__more .btn {
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 6px;
  overflow: hidden;
  background: url("../img/common/bt_more_open.png") 50% no-repeat;
  color: transparent;
}
.qx-cont__tb .tb__more .btn--on {
  background-image: url("../img/common/bt_more_cls.png");
}
.qx-cont__tb .tb__more table {
  border-collapse: collapse;
  width: 100%;
}
.qx-cont__tb .tb__more table :is(input, .qx-slct__box) {
  flex: 1;
  height: 26px;
}
.qx-cont__tb .tb__more table .qx-btn {
  height: 26px;
  padding-top: 0;
  line-height: 26px;
}
.qx-cont__tb .tb__more table :is(.slct__btn, .slct__item) {
  line-height: 26px;
}
.qx-cont__tb .tb__more table .slct__list {
  top: 30px;
}
.qx-cont__tb .tb__more table.qx-cont__form {
  margin: 0;
}
.qx-cont__tb .tb__more table.qx-cont__form label {
  font-size: 13px;
  text-align: center;
  font-weight: 500;
  letter-spacing: -0.29px;
}
.qx-cont__tb .tb__more table :is(tr, th, td) {
  border: 1px solid #dedede;
  height: 36px;
}
.qx-cont__tb .tb__more table td {
  text-align: left;
}
.qx-cont__tb .tb__more table td.inp {
  margin: 0;
  border: 0;
}
.qx-cont__tb .tb__more table th {
  background-color: #f8f8f8;
  text-align: center;
  font-weight: 500;
  letter-spacing: -0.29px;
}
.qx-cont__tb .set:not(.tb__error) {
  background: #f1f2f5;
}

.qx-cont__tb .tb__row--tab .qx-cont__count.on:after {
  content: none;
}
.qx-cont__tb .tb__row--dtl {
  background: #edeffd;
}
.qx-cont__tb .tb__row--dtl:not(.show) {
  border: 0;
  height: 0;
}
.qx-cont__tb .tb__row--dtl:not(.show) div {
  display: none;
}
.qx-cont__tb .tb__row--dtl.show div {
  padding: 8px;
}
.qx-cont__tb .th__bar {
  position: relative;
  background: #fff;
}
.qx-cont__tb .th__bar:before {
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 8px;
  border-radius: 8px;
  width: 6px;
  opacity: 0.65;
  content: "";
}
.qx-cont__tb .th__bar--g:before {
  background: #34c975;
}
.qx-cont__tb .th__bar--r:before {
  background: #eb6a6c;
}
.qx-cont__tb .th__bar--o:before {
  background: #f8955a;
}
.qx-cont__tb .th__bar--b:before {
  background: #3fd9ed;
}

/* #Common: Text
//------------------------------------------------------------------------------ */
.qx-txt {
  font-size: 14px;
  line-height: 1.69;
}
.qx-cont__tb + .qx-txt {
  margin-top: 8px;
}
.qx-cont__sc + .qx-txt {
  margin-top: 4px;
}
.qx-cont__form + .qx-txt {
  margin-top: 40px;
}
.qx-cont__btn + .qx-txt {
  margin-top: 16px;
}
.qx-cont__tb--flt .qx-txt, :is(.qx-btn, [class^=qx-inp], [class^=qx-slct]) + .qx-txt, .qx-txt + :is(.qx-btn, [class^=qx-inp], [class^=qx-slct]), .qx-cont__form .col .qx-txt {
  font-size: 13px;
}
span.qx-txt {
  display: inline-block;
  vertical-align: middle;
}
.qx-btn + span.qx-txt, span.qx-txt + .qx-btn {
  margin-left: 8px;
}

.qx-txt li + li {
  margin-top: 4px;
}
p.qx-txt + p.qx-txt {
  margin-top: 20px;
}

.qx-txt__main:not(.tb__error .qx-txt__main) {
  color: #0023a9;
  font-weight: 500;
}
.qx-txt__red {
  color: #df2121;
}
.qx-txt__grey {
  color: #757575;
}
.qx-txt__blue {
  color: #0019ff;
}
.qx-txt__green {
  color: #34c975;
}
.qx-txt--inf {
  font-size: 13px;
  font-weight: normal;
}
.qx-txt__em {
  position: relative;
  z-index: 1;
}
.qx-txt__em:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  height: 10px;
  opacity: 0.4;
  background-color: #5ba5ff;
  content: "";
}
.qx-txt__bar {
  text-decoration: underline;
  font-weight: 500;
}
.qx-txt__link {
  color: #289ffb;
  font-weight: 500;
}
.qx-txt__link + .qx-txt__link {
  margin-left: 10px;
}
.qx-txt__link--blue {
  color: #0019ff;
  font-weight: 500;
  text-decoration: underline;
}
.qx-txt--list {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.qx-txt--list li {
  white-space: initial;
  word-break: keep-all;
}
.qx-txt--list ul {
  margin-top: 4px;
}
.qx-txt--list > li ul {
  padding-left: 14px;
}
ul.qx-txt--list > li {
  padding-left: 14px;
  box-sizing: border-box;
}
ul.qx-txt--list > li:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  margin: -3px 6px 0 -14px;
  border-radius: 50%;
  background-color: #757575;
  width: 4px;
  height: 4px;
}

ol.qx-txt--list {
  padding-left: 16px;
}
ol.qx-txt--list > li {
  list-style: decimal;
}

.qx-txt__inf {
  color: #757575;
  font-size: 0.938em;
}
* + .qx-txt__inf {
  margin-top: 8px;
}
.qx-alert .qx-txt__inf {
  color: #cdcdcd;
}
.qx-cont__form .qx-txt:not(.qx-cont__info .qx-txt) {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qx-cont__form .qx-txt:not(.qx-cont__info .qx-txt) > [class^=qx-txt] {
  white-space: normal;
}
.qx-cont__form :where(.qx-btn, input) + .qx-txt, .qx-cont__form .qx-txt + :where(.qx-btn, input) {
  margin-left: 8px;
}

.qx-align__rt {
  text-align: right;
}
.qx-align__ct {
  text-align: center;
}
.inp + .qx-align__ct {
  margin-top: 12px;
}
.qx-align__ct.qx-paging {
  justify-content: center;
}

/* #Common: Title 
//------------------------------------------------------------------------------ */
.qx-cont__hg {
  display: flex;
  align-items: flex-end;
  margin: 24px 0 8px;
}
.qx-cont__hg .qx-cont__nt {
  flex-grow: 1;
  width: 100%;
}
.qx-cont__box > .qx-cont__hg:first-child {
  margin-top: 0;
}
:is(.qx-frame__ct, .qx-cont__info) .qx-cont__hg:first-child {
  margin-top: 0;
}
.qx-cont__hg :is(.qx-cont__ht, .qx-cont__tt, .qx-cont__dtt) {
  margin: 0;
}
header.qx-cont__hg {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
header.qx-cont__hg:not(.qx-wrap--new header.qx-cont__hg) {
  margin: 0 -40px 28px;
  padding: 13px 40px;
  background: #e8ecf5;
}
header.qx-cont__hg:not(.qx-wrap--new header.qx-cont__hg) .qx-cont__ht {
  color: #533382;
  letter-spacing: -0.053em;
}
.qx-wrap--new header.qx-cont__hg {
  margin-bottom: 30px;
}
:is(header.qx-cont__hg, header.qfs-cont_wide, header.qfs-cont__bg, header.qfs-cont__sc) .favorite {
  margin: -1px 4px 0 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg style='fill:%23fff0;stroke-miterlimit:10'%3E%3Cpath d='M17.186 21.785a1.607 1.607 0 0 1-.75-.187L12 19.253 7.566 21.6a1.589 1.589 0 0 1-1.7-.124 1.612 1.612 0 0 1-.641-1.584l.847-4.966-3.584-3.518a1.622 1.622 0 0 1 .893-2.762l4.958-.725L10.556 3.4a1.607 1.607 0 0 1 2.889 0l2.217 4.518 4.959.725a1.622 1.622 0 0 1 .892 2.761l-3.588 3.517.847 4.966a1.615 1.615 0 0 1-.641 1.584 1.6 1.6 0 0 1-.945.314zm3.1-10.846z' style='stroke:none' transform='translate(0 -.2)'/%3E%3Cpath d='M7.33 19.46 12 16.99l4.67 2.47-.893-5.231 3.79-3.716-5.237-.766L12 5 9.67 9.747l-5.238.766 3.791 3.716-.892 5.23m-.516 2.327c-.332 0-.662-.105-.945-.313a1.612 1.612 0 0 1-.642-1.583l.848-4.966-3.588-3.516a1.613 1.613 0 0 1-.408-1.66c.19-.59.69-1.013 1.3-1.102l4.958-.725 2.218-4.518A1.6 1.6 0 0 1 12 2.5c.618 0 1.171.346 1.444.903l2.217 4.518 4.96.725c.61.089 1.108.511 1.299 1.102a1.62 1.62 0 0 1-.407 1.66l-3.588 3.516.847 4.966a1.615 1.615 0 0 1-.641 1.583c-.5.366-1.15.412-1.695.125L12 19.253l-4.434 2.345a1.601 1.601 0 0 1-.75.188zM20.29 10.939h.012-.012z' style='fill:%23121361;stroke:none' transform='translate(0 -.2)'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
  background-size: 24px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  color: transparent;
}
:is(header.qx-cont__hg, header.qfs-cont_wide, header.qfs-cont__bg, header.qfs-cont__sc) .favorite.on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg style='fill:%23121361;stroke-miterlimit:10'%3E%3Cpath d='M17.186 21.785a1.607 1.607 0 0 1-.75-.187L12 19.253 7.566 21.6a1.589 1.589 0 0 1-1.7-.124 1.612 1.612 0 0 1-.641-1.584l.847-4.966-3.584-3.518a1.622 1.622 0 0 1 .893-2.762l4.958-.725L10.556 3.4a1.607 1.607 0 0 1 2.889 0l2.217 4.518 4.959.725a1.622 1.622 0 0 1 .892 2.761l-3.588 3.517.847 4.966a1.615 1.615 0 0 1-.641 1.584 1.6 1.6 0 0 1-.945.314zm3.1-10.846z' style='stroke:none' transform='translate(0 -.2)'/%3E%3Cpath d='M7.33 19.46 12 16.99l4.67 2.47-.893-5.231 3.79-3.716-5.237-.766L12 5 9.67 9.747l-5.238.766 3.791 3.716-.892 5.23m-.516 2.327c-.332 0-.662-.105-.945-.313a1.612 1.612 0 0 1-.642-1.583l.848-4.966-3.588-3.516a1.613 1.613 0 0 1-.408-1.66c.19-.59.69-1.013 1.3-1.102l4.958-.725 2.218-4.518A1.6 1.6 0 0 1 12 2.5c.618 0 1.171.346 1.444.903l2.217 4.518 4.96.725c.61.089 1.108.511 1.299 1.102a1.62 1.62 0 0 1-.407 1.66l-3.588 3.516.847 4.966a1.615 1.615 0 0 1-.641 1.583c-.5.366-1.15.412-1.695.125L12 19.253l-4.434 2.345a1.601 1.601 0 0 1-.75.188zM20.29 10.939h.012-.012z' style='fill:%23121361;stroke:none' transform='translate(0 -.2)'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
}

header.qx-cont__hg .qx-cont__ht {
  font-size: 20px;
}
header.qx-cont__hg .qx-cont__ht + .qx-btn {
  margin-left: 32px;
}
header.qx-cont__hg .qx-cont__ht.ht__btn.on:after {
  margin-top: 10px;
  transform: rotate(225deg);
  transition: all 0.3s;
}
header.qx-cont__hg .qx-cont__ds {
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
}

.qx-cont__hg--bar {
  padding-bottom: 4px;
  border-bottom: 1px solid #cdcdcd;
}
.qx-cont__ht {
  margin: 24px 0 8px;
  font-size: 18px;
  line-height: 1.5;
  color: #1a1a1a;
}
.qx-cont__tt {
  margin-bottom: 6px;
  font-size: 16px;
  line-height: 25px;
}
:where(.qx-cont__box, .qx-cont__sc, .qx-cont__form, .qx-frame__nt, .qx-cont__hg, .qx-cont__flt) + .qx-cont__tt, :where(.qx-cont__tt, .qx-cont__ht) ~ .qx-cont__tt {
  margin-top: 24px;
}
.qx-cont__flt .qx-cont__tt {
  margin-bottom: 0;
  margin-right: 20px;
}
.qx-cont__hg .qx-cont__tt + .qx-check__box {
  margin: 0 0 1px 12px;
}
.qx-cont__stt {
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 500;
  color: #1a1a1a;
}
.qx-cont__hg .qx-cont__stt {
  margin-bottom: 0;
}
.qx-cont__stt ~ .qx-cont__stt, :is(.qx-cont__box, .qx-cont__sc, div.qx-cont__form) + .qx-cont__stt {
  margin-top: 24px;
}
.qx-cont__dtt {
  margin: 14px 6px;
  font-size: 15px;
  line-height: 20px;
}
.qx-cont__dtt:before {
  content: "└";
  display: inline-block;
  margin-right: 4px;
}
.qx-cont__ds {
  margin-top: 6px;
  font-size: 14px;
  color: #353535;
  line-height: 1.33;
}
.qx-cont__tt + .qx-cont__ds {
  font-size: 13px;
  margin-top: -7px;
}
.qx-cont__hg .qx-cont__ds {
  margin: 8px 8px 1px;
  color: #8b8b8b;
}
.qx-frame__hd .qx-cont__ds {
  font-size: 14px;
  color: #cdcdcd;
}
.qx-cont__ds + :where(.qx-cont__tb, .qx-cont__sc) {
  margin-top: 6px;
}
.qx-cont__nt {
  margin-top: 22px;
  box-sizing: border-box;
  font-size: 13px;
  word-break: break-all;
}
.qx-frame__sum + .qx-cont__nt {
  margin-top: 0;
  padding-left: 12px;
}
.qx-cont__form .col .qx-cont__nt, .qx-cont__stt + .qx-cont__nt {
  margin-top: 6px;
}
:is(.qx-cont__nt--bg, .qx-cont__nt--warning) {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 -36px;
}
.qx-cont__nt.qx-cont__nt--bg {
  padding: 10px 36px;
  background: #e2efff;
}
.qx-cont__nt.qx-cont__nt--bg > p {
  font-style: normal;
}
.qx-cont__nt.qx-cont__nt--bg > p:before {
  content: none;
}
.qx-cont__nt.qx-cont__nt--warning {
  padding: 6px 36px;
  background: #fff5e5;
  min-height: 44px;
}
.qx-cont__nt.qx-cont__nt--warning:before {
  margin: -2px 10px 0 0;
  width: 26px;
  height: 26px;
  background: url("../img/common/img_sprites.png") -152px -132px no-repeat;
  background-size: 440px;
  filter: hue-rotate(54deg) brightness(152%) contrast(150%);
  content: "";
}
.qx-cont__nt.qx-cont__nt--warning [class^=qx-txt] {
  margin: 0;
}
.qx-cont__nt.qx-cont__nt--warning .qx-cont__tt {
  font-size: 14px;
  color: #444;
  margin-bottom: 0;
}
.qx-cont__nt.qx-cont__nt--warning .qx-cont__tt + .qx-txt {
  margin-top: 4px;
}
.qx-cont__nt > p {
  font-style: initial;
}
.qx-cont__nt > p + p {
  margin-top: 6px;
}
.qx-pop .qx-cont__nt > p + p {
  margin-top: 4px;
}
.qx-cont__nt > p.nt__sub {
  margin-left: 14px;
}
.qx-cont__nt > p:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  background-color: #000;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}
.qx-pop .qx-cont__nt > p:before {
  width: 6px;
  height: 6px;
}

/* #Common: Loading 
//------------------------------------------------------------------------------ */
.qx-loading {
  display: inline-block;
  vertical-align: middle;
  min-width: 300px;
  max-width: 400px;
  background: #fff;
  text-align: center;
  font-size: 14px;
}
.qx-loading:not(.qx-loading--nobox) {
  padding: 20px 32px;
  border-radius: 10px;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
}
.qx-loading em {
  display: block;
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  color: #353535;
  line-height: 1;
}
.qx-loading em object {
  display: inline-block;
  vertical-align: text-top;
  margin-right: 12px;
  filter: hue-rotate(327deg) saturate(0.9);
}
.qx-loading em + p {
  margin-top: 18px;
}
.qx-loading p {
  line-height: 1.43;
  letter-spacing: -0.34px;
}
.qx-loading__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.qx-loading--nobox {
  margin-top: 28px;
  min-width: 100%;
}

.qx-ing {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 24px;
  height: 9px;
  overflow: hidden;
  font-size: 1px;
  color: transparent;
}
.qx-ing:after {
  display: block;
  position: absolute;
  top: 5px;
  left: -4px;
  align-self: center;
  border-radius: 50%;
  background: none;
  width: 4px;
  height: 4px;
  animation: dot-ing 1.5s infinite linear;
  content: "";
}
@keyframes dot-ing {
  0% {
    box-shadow: 4px 0 0 0 #B6AAE0, 13px 0 0 0 #B6AAE0, 22px 0 0 0 #B6AAE0;
  }
  16.667% {
    box-shadow: 4px -5px 0 0 #121361, 13px 0 0 0 #B6AAE0, 22px 0 0 0 #B6AAE0;
  }
  33.333% {
    box-shadow: 4px 0 0 0 #B6AAE0, 13px 0 0 0 #B6AAE0, 22px 0 0 0 #B6AAE0;
  }
  50% {
    box-shadow: 4px 0 0 0 #B6AAE0, 13px -5px 0 0 #121361, 22px 0 0 0 #B6AAE0;
  }
  66.667% {
    box-shadow: 4px 0 0 0 #B6AAE0, 13px 0 0 0 #B6AAE0, 22px 0 0 0 #B6AAE0;
  }
  83.333% {
    box-shadow: 4px 0 0 0 #B6AAE0, 13px 0 0 0 #B6AAE0, 22px -5px 0 0 #121361;
  }
  100% {
    box-shadow: 4px 0 0 0 #B6AAE0, 13px 0 0 0 #B6AAE0, 22px 0 0 0 #B6AAE0;
  }
}
:is(.qx-grid, .ui-widget) .qx-ing {
  width: 33px;
}
:is(.qx-grid, .ui-widget) .qx-ing:after {
  top: 50%;
  left: -3px;
  width: 5px;
  height: 5px;
  transform: translateY(-50%);
  animation: dot-ing-grid 1.8s infinite linear;
}
@keyframes dot-ing-grid {
  0% {
    box-shadow: 5px 0 0 0 #B6AAE0, 17px 0 0 0 #B6AAE0, 29px 0 0 0 #B6AAE0;
  }
  16.667% {
    box-shadow: 5px 0 0 0 #121361, 17px 0 0 0 #B6AAE0, 29px 0 0 0 #B6AAE0;
  }
  33.333% {
    box-shadow: 5px 0 0 0 #B6AAE0, 17px 0 0 0 #B6AAE0, 29px 0 0 0 #B6AAE0;
  }
  50% {
    box-shadow: 5px 0 0 0 #B6AAE0, 17px 0 0 0 #121361, 29px 0 0 0 #B6AAE0;
  }
  66.667% {
    box-shadow: 5px 0 0 0 #B6AAE0, 17px 0 0 0 #B6AAE0, 29px 0 0 0 #B6AAE0;
  }
  83.333% {
    box-shadow: 5px 0 0 0 #B6AAE0, 17px 0 0 0 #B6AAE0, 29px 0 0 0 #121361;
  }
  100% {
    box-shadow: 5px 0 0 0 #B6AAE0, 17px 0 0 0 #B6AAE0, 29px 0 0 0 #B6AAE0;
  }
}
.qx-btn .qx-ing {
  display: none;
}

.qx-cont__logo .logo {
  display: inline-block;
  position: relative;
  width: 130px;
  height: 48px;
  overflow: hidden;
  vertical-align: middle;
  color: transparent;
}
.qx-cont__logo .logo:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 48px;
  width: 130px;
  background-image: url("../img/common/logo_channel.png");
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
  content: "";
}
.qx-cont__logo .logo--q10:after {
  background-position: 0px 0px;
}
.qx-cont__logo .logo--tmon:after {
  background-position: -130px 0;
}
.qx-cont__logo .logo--wmp:after {
  background-position: -260px 0;
}
.qx-cont__logo .logo--interpark:after {
  background-position: -390px 0;
}
.qx-cont__logo .logo--q10jp:after {
  background-position: -520px 0;
}
.qx-cont__logo .logo--shopify:after {
  background-position: -650px 0;
}
.qx-cont__logo .logo--shopee:after {
  background-position: -780px 0;
}
.qx-cont__logo .logo--lazada:after {
  background-position: -910px 0;
}
.qx-cont__logo .logo--rakuten:after {
  background-position: -1040px 0;
}
.qx-cont__logo .logo--tiktok:after {
  background-position: -1170px 0;
}
.qx-cont__logo .logo--naver:after {
  background-position: -1300px 0;
}
.qx-cont__logo .logo--coupang:after {
  background-position: 0px -48px;
}
.qx-cont__logo .logo--gmkouc:after {
  background-position: -130px -48px;
}
.qx-cont__logo .logo--sabangnet:after {
  background-position: -260px -48px;
}
.qx-cont__logo .logo--ebut:after {
  background-position: -390px -48px;
}
.qx-cont__logo .logo--11st:after {
  background-position: -520px -48px;
}
.qx-cont__logo .logo--amazon:after {
  background-position: -650px -48px;
}
.qx-cont__logo .logo--cross:after {
  background-position: -780px -48px;
}
.qx-cont__logo .logo--make:after {
  background-position: -910px -48px;
}
.qx-cont__logo .logo--shopline:after {
  background-position: -1040px -48px;
}
.qx-cont__logo .logo--ecwid:after {
  background-position: -1170px -48px;
}
.qx-cont__logo .logo--opencart:after {
  background-position: -1300px -48px;
}
.qx-cont__logo .logo--woo:after {
  background-position: 0px -96px;
}
.qx-cont__logo .logo--wish:after {
  background-position: -130px -96px;
}
.qx-cont__logo .logo--shopby:after {
  background-position: -260px -96px;
}
.qx-cont__logo .logo--flipkart:after {
  background-position: -390px -96px;
}
.qx-cont__logo .logo--lotteon:after {
  background-position: -520px -96px;
}
.qx-cont__logo .logo--wareiq:after {
  background-position: -650px -96px;
}
.qx-cont__logo .logo--nextengine:after {
  background-position: -780px -96px;
}
.qx-cont__logo .logo--yahoojp:after {
  background-position: -910px -96px;
}
.qx-cont__logo .logo--cafe24:after {
  background-position: -1040px -96px;
}
.qx-cont__logo .logo--magento:after {
  background-position: -1170px -96px;
}
.qx-cont__logo .logo--mabang:after {
  background-position: -1300px -96px;
}
.qx-cont__logo .logo--grip:after {
  background-position: 0px -144px;
}
.qx-cont__logo .logo--tmonworld:after {
  background-position: -130px -144px;
}
.qx-cont__logo .logo--inparkshopping:after {
  background-position: -260px -144px;
}
.qx-cont__logo .logo--wmpplus:after {
  background-position: -390px -144px;
}
.qx-cont__logo .logo--redmart:after {
  background-position: -520px -144px;
}
.qx-cont__logo .logo--kakao:after {
  background-position: -650px -144px;
}
.qx-cont__logo .logo--line:after {
  background-position: -780px -144px;
}
.qx-cont__logo.ui-widget .logo, :where(.ui-widget, .qx-grid) .qx-cont__logo .logo {
  width: 100px;
  height: 28px;
}
.qx-cont__logo.ui-widget .logo:after, :where(.ui-widget, .qx-grid) .qx-cont__logo .logo:after {
  transform: translate(-50%, -50%) scale(0.65);
}
.qx-home__ch .ch__logo li {
  width: 76px;
  height: 28px;
}
.qx-home__ch .ch__logo li.logo:after {
  transform: translate(-50%, -50%) scale(0.59);
}
.qx-home__ch .ch__list .logo {
  width: 54px;
  height: 20px;
  overflow: hidden;
}
.qx-home__ch .ch__list .logo:after {
  transform: translate(-50%, -50%) scale(0.5);
}

.qx-claim table.qx-cont__logo .logo {
  width: 100%;
  height: 36px;
}
.qx-claim table.qx-cont__logo .logo:after {
  transform: translate(-50%, -50%) scale(0.9);
}

.ui-datepicker {
  padding: 0 10px 10px;
  border: 1px solid #767b89;
  width: 210px;
  background: #fff;
  font-size: 12px;
  /* Select */
  /* Prev, Next Button */
  /* Table */
}
.ui-datepicker-header {
  position: relative;
  margin: 0 -10px;
  padding: 8px 0;
  background: #f4f4f4;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 auto;
  width: 66.667%;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker-title select {
  margin: 1px 0;
  padding: 0 10px;
  border: 1px solid #dedede;
  border-radius: 0;
  width: 48%;
  height: 25px;
  background: #fff;
  font-size: 1em;
  -webkit-appearance: auto;
  appearance: auto;
}
.ui-datepicker select.ui-datepicker-year {
  margin-left: 2%;
}
.ui-datepicker-prev, .ui-datepicker-next {
  overflow: hidden;
  position: absolute;
  top: 9px;
  left: 9px;
  width: 25px;
  height: 25px;
  text-align: center;
}
:is(.ui-datepicker-prev, .ui-datepicker-next) span {
  display: inline-block;
  margin: 10px 0 0;
  border-style: solid;
  border-width: 3px 6px 3px 0;
  border-color: transparent #505050 transparent transparent;
  width: 0;
  height: 0;
  vertical-align: top;
  font-size: 0;
}
.ui-datepicker-prev-hover, .ui-datepicker-next-hover {
  color: #EDF0F2;
}
.ui-datepicker-next {
  left: auto;
  right: 9px;
}
.ui-datepicker-next span {
  border-width: 3px 0 3px 6px;
  border-color: transparent transparent transparent #505050;
}
.ui-datepicker table {
  width: 100%;
  font-size: 12px;
  border-collapse: collapse;
}
.ui-datepicker th {
  width: 14.28%;
  padding: 5px 0;
  text-align: center;
  font-weight: normal;
  font-size: 10px;
  color: #9b9b9b;
  border: 0;
  text-transform: uppercase;
}
.ui-datepicker-week-end {
  color: #FF6A6A;
}
.ui-datepicker td :is(span, a) {
  display: block;
  margin: 0 -1px -1px 0;
  border: 1px solid #e3e3e3;
  padding: 7px 0;
  text-align: center;
}

.ui-datepicker {
  /* Table > Dsiabled */
  /* Table > Default */
  /* Table > highlight */
}
.ui-datepicker .ui-state-disabled,
.ui-datepicker .ui-widget-content .ui-state-disabled {
  opacity: 0.35;
  background-image: none;
}
.ui-datepicker .ui-state-disabled {
  cursor: default !important;
}
.ui-datepicker .ui-state-default, .ui-datepicker.ui-widget-content .ui-state-default {
  color: #2d2d2d;
  outline: none;
}
.ui-datepicker .ui-state-default:hover, .ui-datepicker.ui-widget-content .ui-state-active {
  background: #dadef2;
  font-weight: bold;
}
.ui-datepicker.ui-widget-content .ui-state-active {
  position: relative;
  border-color: #121361;
  box-shadow: inset 0 0 0 1px #121361;
}
.ui-datepicker .ui-state-highlight, .ui-datepicker.ui-widget-content .ui-state-highlight {
  background: #dadef2;
}

/* button */
.ui-datepicker .ui-datepicker-buttonpane {
  margin-right: -7px;
  text-align: right;
}
.ui-datepicker :is(.ui-priority-secondary, .ui-datepicker-close) {
  padding-right: 7px;
  font-weight: normal;
  color: #787878;
  text-decoration: underline;
  line-height: 17px;
  border: none;
  background: #fff;
  font-size: 12px;
}
.ui-datepicker :is(.ui-priority-secondary, .ui-datepicker-close):hover {
  background: #fff;
}

.ui-helper-clearfix {
  display: block;
}
.ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui-helper-hidden-accessible {
  position: absolute;
  left: -99999999px;
}

.slick-pane {
  border-top: 1px solid #d5d5d5;
  font-size: 13px;
}
.slick-pane .slick-header-columns {
  border-bottom: 0 none;
}
.slick-pane .slick-header-column.ui-state-default,
.slick-pane .slick-group-header-column.ui-state-default {
  height: 25px;
  line-height: 25px;
  border-color: #d5d5d5;
}
.slick-pane .slick-header-column:hover,
.slick-pane .slick-header-column-active {
  background: #fff;
}

.slick-pane-header {
  background: #e5e5e5;
}

.qx-cont .ui-widget {
  border: 1px solid #ccc;
  box-sizing: border-box;
  background-color: #fff;
}
:is(.qx-cont__box, .qx-grid--new) .ui-widget {
  border-top: 0;
}
.qx-cont__box[data-padding="0"] .ui-widget {
  border: none;
}
.qx-cont__sc .ui-widget {
  border: 1px solid #ccc;
}
.ui-widget .qx-number--sim {
  text-align: center;
}
.ui-widget :is(.qx-number--sim, .qx-number--sim .inp, .qx-number--sim input) {
  height: 100%;
}

.ui-widget input[type=checkbox] {
  appearance: none;
  border: 1px solid #aeaeae;
  border-radius: 2px;
  box-sizing: border-box;
  background: #fff;
}
.ui-widget input[type=checkbox]:checked {
  position: relative;
  background: #121361;
  border-color: #121361;
}
.ui-widget input[type=checkbox]:checked:before {
  position: absolute;
  top: 2px;
  left: 1px;
  border: solid #fff;
  border-width: 0 0 2px 2px;
  box-sizing: border-box;
  width: 12px;
  height: 7px;
  transform: rotate(-45deg);
  content: "";
}

.qx-cont .slick-pane {
  border: 0;
}
.qx-cont .slick-group {
  background: #eceff6;
}
.qx-cont .slick-group + .odd:not(.slick-group), .qx-cont .slick-group + .odd ~ .odd:not(.slick-group) {
  background: #fff;
}
.qx-cont .slick-group.active .slick-cell {
  background: #bcc7eb;
  border-bottom-color: #bcc7eb;
}
.qx-cont .slick-group ~ .active .slick-cell, .qx-cont .slick-group ~ .slick-row .selected {
  background: #dadef2;
  border-bottom-color: #ccc;
}
.qx-cont .slick-group .slick-cell-checkboxsel {
  text-align: left;
}
.qx-cont .slick-group-select-checkbox {
  position: relative;
  vertical-align: middle;
  margin: 0 13px 0 2px;
  box-sizing: border-box;
  border-radius: 2px;
  width: 17px;
  height: 17px;
}
.qx-cont .slick-group-select-checkbox.checked {
  background-color: #121361;
  border-color: #121361;
}
.qx-cont .slick-group-select-checkbox.checked:before {
  position: absolute;
  top: 3px;
  left: 2px;
  border: solid #fff;
  border-width: 0 0 2px 2px;
  box-sizing: border-box;
  width: 12px;
  height: 7px;
  transform: rotate(-45deg);
  content: "";
}
.qx-cont .slick-group-select-checkbox.unchecked {
  background: #fff;
  border: 1px solid #aeaeae;
}
.qx-cont .slick-group .qx-btn {
  margin-left: 16px;
}
.qx-cont .slick-group-toggle {
  margin-top: 1px;
  width: 16px;
  height: 16px;
}

:where(.qx-cont__sc, .qx-cont__box) + .qx-grid, .qx-grid + :where(.qx-cont__sc, .qx-cont__box) {
  margin-top: 10px;
}
.qx-grid--new:not(.qx-cont__box div:first-of-type) {
  border-top: 1px solid #ccc;
}
.qx-grid--new .slick-pane {
  border-top: none;
}
.qx-grid--new .slick-pane-header {
  position: relative;
  z-index: 1;
  background: #eee;
}
.qx-grid--new .slick-cell:after {
  display: inline-block;
  vertical-align: middle;
  margin-top: 1px;
  width: 0;
  height: 100%;
  content: "";
}
.qx-grid--new.grid__notodd .odd {
  background: #fff;
}
.qx-grid__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 20px;
  border-radius: 0 0 4px 4px;
  border: solid #ccc;
  border-width: 1px 0 0;
  box-sizing: border-box;
  background-color: #fff;
  width: 100%;
  height: 43px;
  font-size: 0;
  line-height: 1;
}
.qx-grid__footer:not(.qx-cont__box .qx-grid__footer) {
  border-radius: 0 0 4px 4px;
  border: solid #ccc;
  border-width: 0 1px 1px;
}
.qx-cont__sc .qx-grid__footer {
  padding: 8px 0 0;
  border-radius: 0;
  height: auto;
}
.qx-grid__footer p {
  font-size: 12px;
}
.qx-cont__sc .qx-grid__footer {
  padding: 8px 0 0;
  border-width: 0 1px 1px;
  height: auto;
}
.qx-grid__paging {
  font-size: 12px;
  color: #1a1a1a;
}
.qx-grid__paging em {
  font-weight: bold;
}
.qx-grid__paging :where(.prev, .next) {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  width: 10px;
  height: 100%;
  overflow: hidden;
  color: transparent;
}
.qx-grid__paging :where(.prev, .next):after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "＜";
  transform-origin: 0 0;
  transform: scaleX(0.5) translate(-50%, -50%);
  color: #707070;
  font-weight: 500;
}
.qx-grid__paging :where(.prev, .next).disabled:after {
  color: #ccc;
}
.qx-grid__paging .page {
  margin: 0 4px;
}
.qx-grid__paging .page__this {
  color: #121361;
  font-weight: bold;
}
.qx-grid__paging .next:after {
  content: "＞";
}
.qx-grid__paging .count {
  display: inline-block;
  vertical-align: middle;
}
.qx-grid__paging .count:before {
  display: inline-block;
  vertical-align: middle;
  margin: -3px 10px 0 8px;
  content: "|";
}

.qx-grid__row {
  background-color: #eaeaea;
}
.qx-grid__row .slick-cell {
  border-color: transparent transparent #ccc;
}
.qx-grid .row__red:not(:hover) .slick-cell {
  background: #fde3e3;
}
.qx-grid .cell__null {
  background: #df2121;
  color: #fff;
}
.slick-row:hover .cell__null {
  color: #df2121;
}

.qx-grid .cell__wning {
  background: #fff5e5;
  color: #df2121;
}
.qx-grid .cell__setsku:before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
  width: 18px;
  height: 18px;
  background: url("../img/control/ic_setsku.png") 0 50% no-repeat;
  background-size: cover;
  content: "";
}
.qx-grid input[type=tel], .qx-grid input[type=file], .qx-grid input[type=email], .qx-grid input[type=date], .qx-grid input[type=number], .qx-grid input[type=search], .qx-grid input[type=password], .qx-grid input[type=text] {
  height: 100%;
}
:where(.qx-grid__inp.inp__txt, .qx-grid__img):before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  background: url("../img/common/img_sprites.png") no-repeat;
  transform: translate(-50%, -50%);
  background-size: 399px;
  content: "";
}
.qx-grid__inp {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 4px;
  height: 100%;
}
.qx-grid__inp.inp__txt {
  position: relative;
  margin: -1px -4px -2px;
  width: calc(100% + 8px);
  height: calc(100% + 3px);
}
.qx-grid__inp.inp__txt:before {
  left: 8px;
  background-position: -150px -74px;
  transform: translateY(-50%);
}
.qx-grid__inp.inp__txt .qx-inp__box {
  padding: 3px 18px 3px 36px;
  border-color: transparent;
  box-sizing: border-box;
  border-radius: 0;
}
.qx-grid__inp.inp__txt .qx-inp__box[type=number] {
  text-align: right;
}
.qx-grid__inp.inp__txt .qx-inp__box:focus {
  border: 1px solid #121361;
}
.qx-grid__inp.inp__txt .qx-inp__box[disabled], .qx-grid__inp.inp__txt .qx-inp__box[readonly] {
  padding-left: 8px;
}
.qx-grid__inp.inp__fail :is(input, select) {
  border-color: #d90000 !important;
}
.qx-grid__inp :is(.qx-inp__box, .qx-slct__box) {
  flex: 1;
  padding: 0 8px;
  width: 100%;
  min-width: 0 !important;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qx-grid__inp select.qx-slct {
  padding: 0 20px 0 12px;
  width: 100%;
  height: 20px;
}
.qx-grid__inp select[disabled] {
  background-color: #e5e5e5;
  border-color: #8b8b8b;
  color: #444;
  opacity: 0.6;
}
.qx-grid__inp :is(input, .qx-inp__box)[disabled] {
  background: none;
  border: none;
  padding-left: 0;
}
.qx-grid__inp input::placeholder {
  font-weight: 300;
}
.qx-grid__img {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  z-index: 1;
  margin-top: 1px;
  border-radius: 2px;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  background-color: #fff;
  text-align: center;
}
.qx-grid__img:before {
  z-index: -1;
  background-position: -201px -19px;
  background-size: 245px;
}
.qx-grid__img img {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.qx-grid__btn {
  position: relative;
  vertical-align: middle;
  border-radius: 4px;
  box-sizing: border-box;
  width: 32px;
  overflow: hidden;
}
.qx-grid__btn:not(.btn__remove, .btn__add, .btn__srch, .btn__move, .qx-grid__btn.btn__list, .qx-grid__btn.btn__wrap) {
  border: 1px solid #121361;
  background-color: #fff;
  height: 27px;
  color: #fff;
}
:is(.qx-grid__btn.btn__srch, .qx-grid__btn.btn__move) {
  margin-top: -2px;
  height: 20px;
  background: transparent;
  color: transparent;
}
:where(.qx-grid__btn.btn__srch, .qx-grid__btn.btn__list, .qx-grid__move, .qx-grid__btn.btn__more, .qx-grid__btn.btn__less) {
  position: relative;
}
:where(.qx-grid__btn.btn__srch, .qx-grid__btn.btn__list, .qx-grid__move, .qx-grid__btn.btn__more, .qx-grid__btn.btn__less):before {
  display: block;
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  background: url("../img/common/img_sprites.png") no-repeat;
  background-size: 399px;
  transform: translateY(-50%);
  content: "";
}
* + .qx-grid__btn, .qx-grid__btn + * {
  margin-left: 8px;
}
:where(.qx-grid__btn.btn__less, .qx-grid__btn.btn__more):before {
  left: 50%;
  margin-left: -10px;
  background-position: -113px -97px;
}
.qx-grid__btn.btn__less:before {
  background-position-x: -135px;
}
.qx-grid__btn.btn__list {
  display: inline-block;
  padding: 0 0 0 22px;
  width: auto;
  overflow: unset;
  background: none;
  font-size: 12px;
}
.qx-grid__btn.btn__list:before {
  left: 0;
  background-position: -238px -75px;
}
:is(.qx-grid__btn.btn__remove, .qx-grid__btn.btn__add) {
  width: 20px;
  height: 20px;
  background: url("../img/common/img_sprites.png") no-repeat;
  background-size: 399px;
  color: transparent;
}
.qx-grid__btn.btn__remove {
  width: 20px;
  background-position: -216px -74px;
}
.qx-grid__btn.btn__add {
  background-position: -48px -99px;
  transform: rotate(45deg);
}
.qx-grid__btn.btn__srch {
  border: 1px solid #121361;
  box-sizing: border-box;
  width: 20px;
}
.qx-grid__btn.btn__srch:before {
  left: 50%;
  margin-left: -9px;
  width: 18px;
  height: 18px;
  background-position: -228px -45px;
  background-size: 350px;
}
.qx-grid__btn.btn__srch[disabled] {
  opacity: 1;
}
.qx-grid__btn.btn__srch[disabled]:before {
  filter: grayscale(1);
}
.qx-grid__move {
  text-align: center;
}
.qx-grid__move:before {
  left: 50%;
  margin-left: -10px;
  border-radius: 4px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  z-index: 10;
  background-position: -127px -75px;
  background-color: #fff;
}
.qx-grid__conn {
  color: #34c975;
}
.qx-grid__conn:before {
  display: inline-block;
  margin-right: 8px;
  border-radius: 50%;
  background: #34c975;
  width: 8px;
  height: 8px;
  content: "";
}
.qx-cont__form .col .qx-grid__conn:not(:first-child) {
  margin-left: 8px;
}
span.qx-grid__conn + .qx-grid__conn {
  margin-left: 16px;
}

.qx-cont__hg .qx-grid__conn {
  align-self: center;
  margin-left: 16px;
}
.qx-grid__conn.conn__red {
  color: #e95a5c;
}
.qx-grid__conn.conn__red:before {
  background: #e95a5c;
}
.qx-grid__conn.conn__yellow {
  color: #f8955a;
}
.qx-grid__conn.conn__yellow:before {
  background: #ffc757;
}
.qx-grid__conn.conn__gray {
  color: #cdcdcd;
}
.qx-grid__conn.conn__gray:before {
  background: #cdcdcd;
}
.qx-grid__click {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  color: transparent;
}
.qx-grid__norslt {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 30px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1;
}
.qx-grid__norslt:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin-top: 33px;
  background-color: #ccc;
}
.qx-grid__norslt:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.qx-grid__norslt span {
  position: relative;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 500;
}
.qx-grid__norslt span:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 60px;
  height: 60px;
  background: url("../img/common/img_sprites.png") -323px -77px no-repeat;
  background-size: 399px;
  transform: translate(-50%, -50%);
  content: "";
}

.qx-grid__btn.btn__wrap .btn:not(li .qx-btn):after {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  width: 10px;
  height: 8px;
  background: url("../img/common/img_sprites.png") -3px -70px no-repeat;
  background-size: 346px;
  transition: all 0.3s;
  content: "";
}
.qx-grid__btn.btn__wrap .btn:not(li .qx-btn).on:after {
  margin-top: -5px;
  transform: rotateX(180deg);
  transition: all 0.2s;
}

.qx-grid__btn.btn__wrap {
  display: inline-block;
  width: auto;
  height: 18px;
  overflow: unset;
}
.qx-grid__btn.btn__wrap .btn {
  position: relative;
  border-radius: 3px;
  background: none;
  color: #121361;
  font-size: 1em;
}
.qx-grid__btn.btn__wrap .btn.on + .list {
  display: block;
}
.qx-grid__btn.btn__wrap .list {
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
  padding: 3px 0;
  border: 1px solid #cdcdcd;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
}
.qx-grid__btn.btn__wrap .list a {
  display: block;
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  font-size: 1em;
}
.qx-grid__btn.btn__wrap .list a:hover {
  background: #edeffd;
}
.qx-grid__btn.btn__wrap .list--opentop {
  top: unset;
  bottom: 24px;
}

.qx-grid__opt label {
  font-size: 13px;
}
.qx-grid__opt + .ui-widget {
  border-top: 0;
}
.qx-grid__opt .qx-check__box {
  margin: 3px 16px 3px 0;
}
.qx-grid__opt .qx-check__box + [class^=qx-check] {
  margin-left: 0;
}
.qx-grid__opt .qx-check__box label {
  display: block;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qx-grid__opt .qx-check__box label:before {
  margin-top: 0px;
}
.qx-grid__opt td .qx-check__box {
  width: 130px;
}
.qx-grid__opt .opt__inr {
  display: flex;
  align-items: center;
  padding: 8px;
  box-sizing: border-box;
}
.qx-grid__opt .opt__tbl {
  display: none;
  table-layout: fixed;
  width: 100%;
}
.qx-grid__opt .opt__tbl tr {
  border: solid #ccc;
  border-width: 1px 0;
  height: 34px;
}
.qx-grid__opt .opt__tbl thead tr {
  height: 44px;
  border-top: none;
}
.qx-grid__opt .opt__tbl :where(th, td) + :where(th, td) {
  border-left: 1px solid #ccc;
}
.qx-grid__opt .opt__tbl :is(th, td) {
  padding: 4px 8px;
  box-sizing: border-box;
  font-size: 12px;
}
.qx-grid__opt .opt__tbl th {
  background: #eee;
  font-weight: normal;
}

/* [F] Inventory 
//------------------------------------------------------------------------------ */
[class^=qx-layer__ivt] {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.2666666667);
  width: 100%;
  min-width: fit-content;
  color: #fff;
}
[class^=qx-layer__ivt] .ivt__inr {
  position: fixed;
  right: 105px;
  bottom: 140px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.0196078431);
  width: fit-content;
  height: fit-content;
  text-align: center;
}
[class^=qx-layer__ivt] .ivt__ct {
  padding: 16px;
  border: 4px solid #fff;
  border-radius: 12px;
  box-sizing: border-box;
  background-color: #121361;
  width: 280px;
  height: fit-contnet;
  overflow: hidden;
}
[class^=qx-layer__ivt] span.badge {
  position: absolute;
  top: -12px;
  left: -12px;
  padding: 0 6px;
  box-sizing: border-box;
  background-color: #ff4948;
  border-radius: 12px;
  max-width: 32px;
  min-width: 24px;
  height: 24px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 24px;
}
[class^=qx-layer__ivt] .txt {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
}
[class^=qx-layer__ivt] img {
  display: block;
  margin: 0 auto 8px;
  filter: invert(1) brightness(110%);
}
[class^=qx-layer__ivt] .qx-btn {
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
}
.qx-layer__ivt--min {
  background-color: transparent;
  height: fit-content;
}
.qx-layer__ivt--min .ivt__ct {
  width: 88px;
  height: 88px;
}
.qx-layer__ivt--min .ivt__ct:hover {
  width: 280px;
  height: fit-content;
}
.qx-layer__ivt--min .ivt__ct:hover :is(.txt, .qx-btn) {
  width: unset;
  height: unset;
  overflow: unset;
}
.qx-layer__ivt--min .ivt__ct:hover .qx-btn {
  height: 32px;
}
.qx-layer__ivt--min :is(.txt, .qx-btn) {
  width: 0;
  height: 0;
  overflow: hidden;
}
.qx-layer__ivt--min .qx-tooltip {
  display: none;
}

[class^=qx-layer__ivt] .qx-tooltip {
  top: -83px;
  right: 0;
  left: unset;
  bottom: unset;
  min-width: 340px;
  height: 65px;
}
[class^=qx-layer__ivt] .qx-tooltip i {
  left: 50%;
  margin-left: 25px;
}

/* [F] Settle 
//------------------------------------------------------------------------------ */
.qx-qxmn__tt {
  margin: 16px 0 10px;
  font-size: 15px;
}
.qx-qxmn__tt ~ .qx-qxmn__tt {
  margin-top: 24px;
}
.qx-qxmn__list dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.qx-qxmn__list dl + dl {
  margin-top: 16px;
}
.qx-qxmn__list dl.dl__block {
  display: block;
}
.qx-qxmn__list dl.dl__block dd {
  margin-top: 4px;
}
.qx-qxmn__list dt {
  font-weight: 500;
  color: #353535;
}
.qx-qxmn__list dd {
  color: #5a5a5a;
}
.qx-qxmn__ft {
  margin-top: 16px;
  padding: 8px;
  border-radius: 5px;
  box-sizing: border-box;
  background: #f4f4f4;
  font-size: 13px;
}
.qx-qxmn__ft table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
.qx-qxmn__ft tr {
  height: 32px;
}
.qx-qxmn__ft :where(td, th) {
  padding: 8px;
  vertical-align: top;
}
.qx-qxmn__ft th {
  text-align: left;
  color: #5a5a5a;
  font-weight: 500;
}
.qx-qxmn__ft td {
  color: #757575;
}

/* [P] TopupQxmoney */
.qx-qxmn .qx-cont__tt ~ .qx-cont__tt {
  margin-top: 32px;
}
.qx-qxmn__service + .qx-cont__stt {
  margin-top: 24px;
}
.qx-qxmn__service + .qx-cont__form {
  margin-top: 0;
}
.qx-qxmn__service ~ [class^=qx-txt] {
  margin-top: 12px;
}
.qx-qxmn__service .title {
  font-size: 24px;
  color: #292929;
}
.qx-qxmn__service .title em {
  font-weight: bold;
}
.qx-qxmn__service ul {
  margin-top: 24px;
  font-size: 16px;
}
.qx-qxmn__service ul li:before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  width: 20px;
  height: 18px;
  background: url(../img/settle/ic_list.png?20240711) 50% no-repeat;
  background-size: cover;
  filter: hue-rotate(340deg) saturate(0.7);
  content: "";
}
.qx-qxmn__service ul li + li {
  margin-top: 20px;
}
.qx-qxmn__money {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  width: fit-content;
  max-width: 100%;
  min-width: 352px;
  height: 64px;
  background-color: #f8f8f8;
}
.qx-qxmn__money + .qx-txt {
  margin-top: 8px;
}
span.qx-qxmn__money {
  display: block;
  flex: 1;
  padding: 0;
  min-width: 256px;
  max-width: 352px;
  height: 36px;
  line-height: 36px;
  text-indent: 16px;
  font-weight: 500;
  font-size: 15px;
}

.qx-qxmn__money span {
  min-width: 320px;
  font-size: 24px;
  font-weight: 500;
  white-space: nowrap;
}
.qx-qxmn__money .btn {
  margin-left: 24px;
}
.qx-qxmn__money .qx-btn {
  height: 40px;
  font-size: 15px;
  line-height: 30px;
}
.qx-qxmn__txt {
  font-size: 15px;
  color: #353535;
}
.qx-qxmn__txt i {
  margin-left: 8px;
  font-size: 14px;
  color: #8b8b8b;
  font-style: initial;
}
.qx-qxmn__acnt {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -22px 2px 0;
  width: calc(100% + 22px);
  font-size: 15px;
  font-weight: 500;
}
.qx-qxmn__acnt .acnt {
  display: flex;
  flex-wrap: wrap;
  margin: 0 22px 22px 0;
  padding: 24px 20px;
  border-radius: 4px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  width: calc(33.333% - 22px);
  min-height: 100%;
  background-color: #f4f4f4;
}
.qx-qxmn__acnt .acnt > div {
  width: 100%;
}
.qx-qxmn__acnt .acnt .qx-cont__btn {
  align-self: flex-end;
  margin-top: 16px;
}
.qx-qxmn__acnt .acnt .qx-btn {
  height: 40px;
  font-size: 15px;
}
.qx-qxmn__acnt .acnt.on {
  border-color: #121361;
  background: #e7eaf2;
}
.qx-qxmn__acnt .acnt__hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  font-size: 16px;
}
.qx-qxmn__acnt .acnt__hd strong {
  display: inline-block;
  padding: 0 10px;
  border: 1px solid #e95a9c;
  border-radius: 31px;
  box-sizing: border-box;
  height: 24px;
  background: #fbe3e3;
  font-size: 12px;
  color: #e95a5c;
  line-height: 22px;
  font-weight: 500;
}
.qx-qxmn__acnt .acnt__box {
  padding: 13px 16px 10px;
  border-radius: 4px;
  box-sizing: border-box;
  height: 48px;
  background: #fff;
  font-size: 18px;
}
.acnt__box.acnt__box--main {
  background: #121361;
  color: #fff;
}
.acnt__box + .acnt__box {
  margin-top: 8px;
}

.qx-qxmn__acnt .acnt__box dl {
  display: flex;
  justify-content: space-between;
}
.qx-qxmn__acnt .acnt__box dl + dl {
  margin-top: 16px;
}

/* [P] QxMoneyHistory */
.qx-qxmn__out .qx-cont__dt + .qx-cont__dt {
  padding-left: 16px;
  border-left: 1px solid #cdcdcd;
  box-sizing: border-box;
}
.qx-qxmn__out .qx-cont__tt span {
  margin-left: 6px;
  font-size: 13px;
  font-weight: 500;
}
.qx-qxmn__out .qx-cont__tt i {
  font-style: initial;
}
.qx-qxmn__out .money {
  display: inline-block;
  margin-top: 4px;
  font-size: 20px;
  font-weight: bold;
}
.qx-qxmn__out .money button {
  padding: 0;
  background-color: transparent;
  font-weight: bold;
  font-size: 20px;
  text-decoration: underline;
}
tr.qx-qxmn__more {
  display: none;
  border-top: 0;
}

.qx-qxmn__more .btn {
  position: relative;
  padding: 0;
  width: 9px;
  height: 10px;
  overflow: hidden;
  background-color: transparent;
  color: transparent;
  font-size: 1px;
}
.qx-qxmn__more .btn:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin: -3px 1px 0 0;
  border: 1px solid #777;
  border-color: transparent #777 #777 transparent;
  box-sizing: border-box;
  width: 7px;
  height: 6px;
  background-color: #fff;
  transform: rotate(45deg);
}
.qx-qxmn__more .btn.on:after {
  margin: 1px 0 0;
  transform: rotate(-135deg);
}
.qx-qxmn__more .cont {
  margin: 0 auto 16px;
  padding: 0 16px;
  border: 1px solid #eee;
  box-sizing: border-box;
  width: calc(100% - 108px);
  background-color: #f8f8f8;
}
.qx-qxmn__more table {
  table-layout: fixed;
  width: 100%;
}
.qx-qxmn__more :is(tr, th) {
  font-size: 12px;
  line-height: 1.92;
  font-weight: 500;
  text-align: left;
  background-color: transparent;
}
.qx-qxmn__more tr {
  padding-bottom: 10px;
  border: 0;
}
.qx-qxmn__more tr.memo :is(th, td) {
  padding-top: 12px;
}
.qx-qxmn__tbl {
  margin-top: 18px;
  border: 1px solid #8b8b8b;
  max-height: 270px;
  overflow: auto;
}
.qx-qxmn__tbl thead th {
  position: sticky;
  top: 0;
}
.qx-qxmn__tbl::-webkit-scrollbar-track {
  border-left: 1px solid #8b8b8b;
  background-color: #f00;
}
.qx-qxmn__tbl th {
  border: 1px solid;
  border-color: transparent #8b8b8b #8b8b8b transparent;
}
.qx-qxmn__tbl td {
  border: 1px solid #8b8b8b;
  border-width: 1px 1px 0 0;
}
.qx-qxmn__tbl :is(th:last-of-type, td:last-of-type) {
  border-right: 0;
}

/* [P] COD */
.qx-cod__tb {
  margin-bottom: 20px;
}
.qx-cod__tb table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
.qx-cod__tb :is(th, td) {
  border: 1px solid #c0b9ec;
}
.qx-cod__tb th {
  padding-left: 20px;
  box-sizing: border-box;
  background-color: #121361;
  color: #fff;
  font-size: 14px;
  text-align: left;
  font-weight: normal;
}
.qx-cod__tb td {
  vertical-align: top;
}
.qx-cod__tb .txt__grey {
  color: #8b8b8b;
}
.qx-cod__tb .codlist {
  display: block;
  padding: 12px;
  box-sizing: border-box;
  width: 100%;
}
.qx-cod__tb .codlist li {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #1a1a1a;
  line-height: 1.2;
}
.qx-cod__tb .codlist li + li {
  margin-top: 10px;
}
.qx-cod__tb .codlist li + .codlist__hd {
  padding-top: 6px;
}
.qx-cod__tb .codlist__hd {
  font-weight: bold;
}
.qx-cod__tb .codlist__item {
  font-weight: 500;
}
.qx-cod__tb .codlist__item em {
  margin-left: 24px;
  font-weight: 500;
}
.qx-cod__grid table {
  table-layout: fixed;
  margin-bottom: 16px;
  border-collapse: collapse;
}
.qx-cod__grid table td {
  padding: 8px;
  border: 1px solid #ccc;
  vertical-align: top;
  font-size: 12px;
}
.qx-cod__grid .slick-pane {
  font-size: 12px;
  color: #1a1a1a;
}
.qx-cod__grid .slick-header-column.ui-state-default {
  padding: 7px;
  font-weight: 500;
}
.qx-cod__grid .slick-row {
  padding: 0;
  line-height: 26px;
}
.qx-cod__grid .slick-group .slick-cell {
  display: flex;
  align-items: center;
  background-color: #efedf6;
  border-left: none !important;
  width: 100%;
  color: #444;
  text-align: left;
}
.qx-cod__grid .slick-group .slick-cell:hover {
  cursor: pointer;
}
.qx-cod__grid .slick-group.active .slick-cell {
  background-color: #e2ddf2;
  color: #8158bf;
}
.qx-cod__grid .slick-group-toggle {
  vertical-align: middle;
  margin: -2px 10px 0 6px;
  border: 1px solid;
  width: 5px;
  height: 5px;
  transition: all 0.3s;
}
.qx-cod__grid .slick-group-toggle.collapsed {
  border-color: transparent #8b8b8b #8b8b8b transparent;
  background: none;
  transform: rotate(-45deg);
}
.qx-cod__grid .slick-group-toggle.expanded {
  border-color: transparent #121361 #121361 transparent;
  background: none;
  transform: rotate(45deg);
}
.qx-cod__grid .slick-cell {
  padding: 0;
  text-align: center;
  font-weight: 500;
}
.qx-cod__grid .slick-cell > span {
  vertical-align: middle;
}
.qx-cod__grid .slick-cell:first-of-type {
  border-left: none;
}
.qx-cod__grid .slick-cell:first-of-type .cell__inr {
  border-left: 8px solid #e2ddf2;
}
.qx-cod__grid .cell__inr {
  display: flex;
  justify-content: center;
  padding: 8px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.qx-cod__grid .cell__inr--rt {
  justify-content: flex-end;
}
.qx-cod__grid div.cell__inr {
  align-items: center;
  flex-wrap: wrap;
}
.qx-cod__grid ul.cell__inr {
  flex-direction: column;
}
.qx-cod__grid ul.cell__inr li {
  display: flex;
  justify-content: space-between;
  line-height: 1.5;
}
.qx-cod__grid ul.cell__inr li + li {
  margin-top: 8px;
}
.qx-cod__grid span.span__type {
  display: block;
  border-radius: 5px;
  width: 180px;
  height: 26px;
  text-align: center;
  font-weight: normal;
}
.qx-cod__grid span.span__type.type--red {
  background: #ffcece;
  color: #d90000;
}
.qx-cod__grid span.span__type.type--blue {
  background: #b5e5fb;
}
.qx-cod__grid span.span__type.type--yellow {
  background: #ffe47a;
}
.qx-cod__grid span.span__type.type--gray {
  background: #eee;
  color: #444;
}

/* [F] board 
//------------------------------------------------------------------------------ */
.qx-frame__ct .qx-board {
  width: calc(100vw - 40px);
}
.qx-board__prenext {
  margin-top: 12px;
}
.qx-board__prenext li {
  display: flex;
}
.qx-board__prenext li + li {
  margin-top: 9px;
}
.qx-board__prenext span {
  display: block;
  margin-right: 15px;
  min-width: fit-content;
  font-size: 12px;
  color: #3e3e3e;
  line-height: 19px;
}
.qx-board__prenext a {
  font-size: 13px;
  line-height: 19px;
}
.qx-board__prenext a:hover {
  color: #121361;
}

/* [P] Article  */
.qx-board__atc {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  height: calc(100vh - 215px);
  min-height: 250px;
}
.qx-board__atc .head {
  padding: 11px 20px 9px;
  box-sizing: border-box;
  border-bottom: 1px solid #dedede;
}
.qx-board__atc .head h2 {
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  line-height: 22px;
}
.qx-board__atc .head__date {
  float: right;
  margin-left: 15px;
  font-size: 12px;
  color: #8b8b8b;
  line-height: 22px;
}
.qx-board__atc .notice {
  margin: 17px 0 12px;
  padding: 0 20px;
  box-sizing: border-box;
  width: 100%;
  overflow: auto;
}
.qx-board__atc .notice a {
  color: #289ffb;
  text-decoration: underline;
}
.qx-board__atc .notice::-webkit-scrollbar {
  width: 16px;
}
.qx-board__atc .notice::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #8b8b8b;
  background-clip: padding-box;
  border: 4px solid transparent;
}
.qx-board__atc .notice::-webkit-scrollbar-track {
  background-color: transparent;
}

/* [P] NoticeList */
.qx-board__tbl {
  margin-bottom: 13px;
}
.qx-board__tbl table {
  table-layout: fixed;
  border-collapse: collapse;
  border: 1px solid #8b8b8b;
  box-sizing: border-box;
  background-color: #fff;
  width: 100%;
  font-size: 13px;
  text-align: center;
}
.qx-board__tbl tbody tr:hover {
  background: #f7f6ff;
}
.qx-board__tbl tr.top {
  background-color: #fff3f3;
}
.qx-board__tbl th {
  border: 1px solid #8b8b8b;
  background-color: #dedede;
  height: 37px;
  font-weight: normal;
}
.qx-board__tbl td {
  border: 1px solid #8b8b8b;
  height: 37px;
}
.qx-board__tbl td a {
  display: block;
  padding: 0 4px;
  box-sizing: border-box;
  width: 100%;
  height: 37px;
  line-height: 37px;
  color: #1a1a1a;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* [P] ExportDeclarationApplication
/* [P] FulfillmentDeclarationApplication
//------------------------------------------------------------------------------ */
.qx-declare__inf {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  padding: 8px 16px;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #fff5e5;
  font-weight: bold;
  font-size: 14px;
}
.qx-declare__inf:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  background: url("../img/declare/ic_bulb.png") 50% no-repeat;
  background-size: cover;
}
.qx-frame__ct .qx-declare__inf {
  margin-bottom: 14px;
  padding: 6px 16px;
  font-weight: normal;
}

/* [F] Customer
/* [P] ServiceInfo
//------------------------------------------------------------------------------ */
.qx-svcinf__tt {
  font-size: 18px;
  margin-bottom: 16px;
}
.qx-svcinf__tt:before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  background: url("../img/customer/ic_circle.png") 50% no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  filter: invert(11%) saturate(3085%) hue-rotate(221deg) brightness(67%) contrast(100%);
  content: "";
}
.qx-cont__hg .qx-svcinf__tt {
  margin-bottom: 0;
}
.qx-cont__hg--bar .qx-svcinf__tt {
  margin-bottom: 12px;
}
.qx-svcinf__tt .mark {
  display: inline-block;
  vertical-align: text-top;
  margin-left: 4px;
  padding: 0 12px;
  background-color: #faddb3;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #d68307;
}
.qx-svcinf__step {
  margin: 8px 0 20px;
  padding-top: 20px;
  border-top: 2px solid #444;
  width: 100%;
  text-align: center;
}
.qx-svcinf__step ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: -33px auto 0;
}
.qx-svcinf__step li {
  display: block;
  position: relative;
  margin-top: 33px;
  padding: 12px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 138px;
  height: 120px;
  text-align: center;
  font-size: 11px;
  font-weight: 500;
}
.qx-svcinf__step li .arrow {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  margin: -7px -17px 0 0;
  background-image: url(../img/customer/ic_arrow.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 14px;
}
.qx-svcinf__step li .arrow--left {
  left: 0;
  margin-left: -17px;
  background-image: url(../img/customer/ic_arrow_l.png);
}
.qx-svcinf__step li .arrow--down {
  top: unset;
  right: 50%;
  bottom: 0;
  margin: 0 -6px -25px 0;
  background-image: url(../img/customer/ic_arrow_d.png);
  width: 12px;
  height: 32px;
}
.qx-svcinf__step ul.delivery li.step01 {
  background-image: url("../img/customer/ic_delivery_01.png");
  background-repeat: no-repeat;
  background-position: 50% calc(100% - 14px);
}
.qx-svcinf__step ul.delivery li.step02 {
  background-image: url("../img/customer/ic_delivery_02.png");
  background-repeat: no-repeat;
  background-position: 50% calc(100% - 14px);
}
.qx-svcinf__step ul.delivery li.step03 {
  background-image: url("../img/customer/ic_delivery_03.png");
  background-repeat: no-repeat;
  background-position: 50% calc(100% - 14px);
}
.qx-svcinf__step ul.delivery li.step04 {
  background-image: url("../img/customer/ic_delivery_04.png");
  background-repeat: no-repeat;
  background-position: 50% calc(100% - 14px);
}
.qx-svcinf__step ul.delivery li.step05 {
  background-image: url("../img/customer/ic_delivery_05.png");
  background-repeat: no-repeat;
  background-position: 50% calc(100% - 14px);
}
.qx-svcinf__step ul.delivery li.step06 {
  background-image: url("../img/customer/ic_delivery_06.png");
  background-repeat: no-repeat;
  background-position: 50% calc(100% - 14px);
}
.qx-svcinf__step ul.delivery li.step07 {
  background-image: url("../img/customer/ic_delivery_07.png");
  background-repeat: no-repeat;
  background-position: 50% calc(100% - 14px);
}
.qx-svcinf__step ul.delivery li.step08 {
  background-image: url("../img/customer/ic_delivery_08.png");
  background-repeat: no-repeat;
  background-position: 50% calc(100% - 14px);
}
.qx-svcinf__step ul.cargo li.step01 {
  background-image: url("../img/customer/ic_cargo_01.png");
  background-repeat: no-repeat;
  background-position: 50% calc(100% - 14px);
}
.qx-svcinf__step ul.cargo li.step02 {
  background-image: url("../img/customer/ic_cargo_02.png");
  background-repeat: no-repeat;
  background-position: 50% calc(100% - 14px);
}
.qx-svcinf__step ul.cargo li.step03 {
  background-image: url("../img/customer/ic_cargo_03.png");
  background-repeat: no-repeat;
  background-position: 50% calc(100% - 14px);
}
.qx-svcinf__step ul.cargo li.step04 {
  background-image: url("../img/customer/ic_cargo_04.png");
  background-repeat: no-repeat;
  background-position: 50% calc(100% - 14px);
}
.qx-svcinf__step ul.cargo li.step05 {
  background-image: url("../img/customer/ic_cargo_05.png");
  background-repeat: no-repeat;
  background-position: 50% calc(100% - 14px);
}
.qx-svcinf__step ul.cargo li.step06 {
  background-image: url("../img/customer/ic_cargo_06.png");
  background-repeat: no-repeat;
  background-position: 50% calc(100% - 14px);
}
.qx-svcinf__step ul.cargo li.step07 {
  background-image: url("../img/customer/ic_cargo_07.png");
  background-repeat: no-repeat;
  background-position: 50% calc(100% - 14px);
}
.qx-svcinf__step ul.cargo li.step08 {
  background-image: url("../img/customer/ic_cargo_08.png");
  background-repeat: no-repeat;
  background-position: 50% calc(100% - 14px);
}

/* [P] QXHanjinApplication */
.qx-hanj td .qx-cont__thmb {
  margin-right: 8px;
  border-radius: 0;
  width: 32px;
  height: 32px;
}
.qx-hanj__inf {
  margin-top: 30px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #121361;
}

/* [P] ApplyQxprime */
.qx-prime {
  position: relative;
  width: 100%;
}
.qx-prime :where(h1, .qx-prime__tt) {
  position: absolute;
  margin: -1px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.qx-prime__inr {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1920px;
  background: #f7f0ff;
  transform: translateX(-50%);
}
@media screen and (max-width: 1100px) {
  .qx-prime__inr {
    left: 0;
    margin-left: -415px;
    transform: unset;
  }
}
.qx-prime__inr img {
  display: block;
}
.qx-prime__info .img {
  position: relative;
}
.qx-prime__info .img__btn {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 507px;
}
.qx-prime__info .img__btn .btn {
  display: block;
  position: relative;
  margin-bottom: 56px;
  border-radius: 120px;
  width: 775px;
  height: 120px;
  overflow: hidden;
  text-align: center;
}
.qx-prime__info .img__btn .btn:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/customer/bt_prime_info.png") 50% no-repeat;
  content: "";
}
.qx-prime__info .img__btn .mail {
  color: #fff;
  font-size: 24px;
}
.qx-prime__info .img__btn .mail a {
  color: #ffea2a;
}
.qx-prime__apply {
  text-align: center;
}
.qx-prime__apply .head {
  position: relative;
  margin: 56px 0 48px;
  height: 117px;
  color: #f7f0ff;
}
.qx-prime__apply .head:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/customer/img_prime_tt.png") 50% no-repeat;
  content: "";
}
.qx-prime__form {
  position: relative;
  z-index: 2;
  margin: 0 auto -234px;
  width: 805px;
  text-align: left;
  font-size: 24px;
}
.qx-prime__form .txt {
  margin-bottom: 40px;
  padding-left: 144px;
  width: 100%;
  color: #757575;
  font-weight: 500;
}
.qx-prime__form .txt a {
  margin-left: 20px;
  color: #0800ff;
  font-weight: bold;
}
.qx-prime__form table {
  width: 100%;
  table-layout: fixed;
}
.qx-prime__form table + .txt {
  margin-top: 16px;
}
.qx-prime__form tr {
  border-bottom: 24px solid #f7f0ff;
}
.qx-prime__form :is(th, label) {
  font-size: 24px;
  color: #353535;
  font-weight: bold;
}
.qx-prime__form .inp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.qx-prime__form :is(input, select) {
  padding: 16px 12px;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  background: #fff;
  flex: 1;
  min-width: 0;
  height: 67px;
  font-size: 24px;
}
.qx-prime__form :where(input, select) + :where(select, input) {
  margin-left: 20px;
}
.qx-prime__form select {
  text-align-last: left;
  padding-right: 36px;
  background: url("../img/customer/ic_prime_slct.png") calc(100% - 10px) 50% no-repeat;
  background-color: #fff;
}
.qx-prime__form .inp__txt + :is(select, input), .qx-prime__form :is(select, input) + .inp__txt {
  margin-left: 16px;
}
.qx-prime__form .qx-check__box input:checked + label:before {
  background-image: url("../img/customer/ic_prime_check.png");
  background-size: 17px;
  background-color: #8531f5;
}
.qx-prime__form .qx-check__box label {
  color: #353535;
}
.qx-prime__form .qx-check__box label:before {
  vertical-align: middle;
  width: 35px;
  height: 35px;
  margin: -4px 16px 0 0;
}
.qx-prime__form .btn {
  display: block;
  position: relative;
  margin: 0 auto;
  border-radius: 98px;
  width: 420px;
  height: 98px;
  text-align: center;
}
.qx-prime__form .btn:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/customer/bt_prime_apply.png") 50% no-repeat;
  content: "";
}
.qx-prime__ly {
  padding: 0 16px 24px;
  background: #fff;
}
.qx-prime__ly > h2 {
  display: block;
  padding: 17px 0 14px;
  border-bottom: 1px solid #cdcdcd;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
}
.qx-prime__ly .cont {
  text-align: center;
}
.qx-prime__ly .cont ul {
  display: inline-block;
  margin: 8px;
  font-size: 16px;
  text-align: left;
}
.qx-prime__ly .cont li {
  margin-top: 16px;
}
.qx-prime__ly .cont li:before {
  display: inline-block;
  vertical-align: middle;
  margin: -1px 12px 0 0;
  border-radius: 50%;
  background: #121361;
  width: 6px;
  height: 6px;
  content: "";
}
.qx-prime__ly .cont em {
  display: inline-block;
  width: 140px;
}

/* [P] popuptraceparcels (트래킹 조회 페이지) */
.qx-tracking__ct {
  margin: 0 auto;
  width: 100%;
  max-width: 490px;
}

/* [P] Close Account (회원 탈퇴) */
.qx-clsa__dshb {
  display: flex;
  margin-bottom: 16px;
  padding: 2px 18px 2px 2px;
  border-radius: 5px;
  box-sizing: border-box;
  background: #f4f4f4;
  text-align: center;
}
.qx-clsa__dshb .item {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  margin: 16px 0 16px 16px;
  padding: 8px 12px;
  border-radius: 5px;
  box-sizing: border-box;
  background: #fff;
  flex: 1;
  height: 140px;
}
.qx-clsa__dshb .item span {
  color: #121361;
  font-size: 20px;
}
.qx-clsa__dshb :where(span, em, a) {
  font-weight: 500;
}
.qx-clsa__dshb em {
  font-size: 16px;
  color: #353535;
}
.qx-clsa__dshb a {
  font-size: 14px;
  color: #289ffb;
  text-decoration: underline;
}

/* [P] Twofactorauth (보안 관리 (2차 인증)) */
.qx-twofa__box {
  margin-top: 16px;
  padding: 18px;
  border-radius: 5px;
  background: #f4f4f4;
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  grid-template-columns: repeat(3, 128px);
  column-gap: 48px;
}
.qx-twofa__box .step {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 95px 6px 8px;
  border-radius: 10px;
  box-sizing: border-box;
  min-height: 146px;
  background: #fff;
  font-size: 14px;
  color: #1a1a1a;
  text-align: center;
  font-weight: 500;
}
.qx-twofa__box .step + .step:before {
  position: absolute;
  top: 50%;
  left: -29px;
  margin-top: -6px;
  border-width: 8px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #aeaeae;
  content: "";
}
.qx-twofa__box .step__img {
  display: block;
  position: absolute;
  top: 10px;
  left: 12px;
  right: 12px;
  border-radius: 8px;
  height: 77px;
  background-color: #f3f4ff;
  color: #f3f4ff;
}
.qx-twofa__box .step__img:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 62px;
  background: url("../img/customer/img_twofa.png") 50% no-repeat;
  transform: translate(-50%, -50%);
  filter: hue-rotate(346deg);
  content: "";
}
.qx-twofa__box .step__img--01:after {
  background-position: 0px 0px;
}
.qx-twofa__box .step__img--02:after {
  background-position: -87px 0px;
}
.qx-twofa__box .step__img--03:after {
  width: 46px;
  height: 48px;
  background-position: -169px -8px;
}

/* [P] RequestEOTService */
.qx-eot__hd {
  display: flex;
  justify-content: space-between;
  margin-bottom: 34px;
}
.qx-eot__hd .img {
  display: inline-block;
  position: relative;
  padding: 24px 30px 24px 127px;
  border-radius: 140px;
  box-sizing: border-box;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.15);
  border: solid 2px #dedede;
  height: 79px;
  background-color: #fff;
  transform: translateY(-40%);
  font-size: 20px;
  color: #2c373d;
  font-weight: bold;
  -webkit-text-stroke: 0.5px #2c373d;
}
.qx-eot__hd .img:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 120px;
  height: 145px;
  background: url("../img/customer/img_eot_hd.png") 50% no-repeat;
  transform: translateY(-45%);
  content: "";
}

/* [F] SmartShipping
/* [P] GiftPolicy */
.qx-cont__tb--flt .qx-policy__tbl {
  margin: -8px -24px -8px -8px;
}
.qx-policy__tbl table {
  table-layout: fixed;
  width: 100%;
}
.qx-policy__tbl th {
  padding-left: 8px;
  background: none;
}
.qx-policy__tbl td {
  position: relative;
}
.qx-policy__tbl td:before {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  background-color: #ccc;
  height: calc(100% - 20px);
  width: 1px;
  transform: translateY(-50%);
  content: "";
}
.qx-policy__tbl td .qx-check__box {
  display: inline-block;
  margin: 5px 10px 5px 0;
}

/* [P] PackingDeliveryOrderBarcodePrintSelect */
.qx-bcode {
  display: inline-block;
  width: 98.8mm;
  height: 91.5mm;
  overflow: hidden;
  font-size: 10px;
}
.qx-bcode:nth-child(even) {
  float: right;
}
.qx-bcode__wrap {
  padding: 9mm 5mm;
}
.qx-bcode__txthd {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qx-bcode--lrg {
  margin: 11mm -1mm;
  width: 100mm;
  height: 152.4mm;
}
.qx-bcode--lrg .qx-bcode__to {
  margin-top: 9px;
}
.qx-bcode--lrg .qx-bcode__to .cart {
  display: block;
  margin-top: 4px;
}
.qx-bcode--lrg .qx-bcode__to .cart:before {
  content: none;
}
.qx-bcode--type08 {
  width: 99mm;
  height: 67mm;
  font-size: 9px;
  line-height: 1.1;
}
.qx-bcode__wrap .qx-bcode--type08:nth-child(-n+2) {
  margin-top: 4mm;
}
.qx-bcode--type08 .qx-bcode__hd {
  padding-bottom: 2px;
}
.qx-bcode--type08 .qx-bcode__to {
  margin-top: 6px;
}
.qx-bcode--type08 .qx-bcode__tbl {
  margin-bottom: 2px;
}
.qx-bcode__inr {
  padding: 6px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.qx-bcode__hd {
  padding: 5px 6px;
  box-sizing: border-box;
  border: 1px solid #cdcdcd;
  width: 100%;
  line-height: 1.2;
}
.qx-bcode__hd .qx-bcode__flx > div:first-of-type {
  max-width: 75px;
}
.qx-bcode__flx {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-weight: bold;
  line-height: 1.1;
}
.qx-bcode__hd .qx-bcode__flx {
  font-weight: normal;
}
.qx-bcode__flx .type {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 10px;
  padding: 5px 16px;
  background-color: #353535;
  font-weight: bold;
  line-height: 1;
  color: #fff;
}
.qx-bcode__code span {
  display: inline-block;
  vertical-align: top;
}
.qx-bcode__code .bcode {
  position: relative;
  background-color: #cdcdcd;
  width: 230px;
  height: 34px;
}
.qx-bcode__code .bcode em {
  position: absolute;
  left: 50px;
  bottom: 0;
  background-color: #fff;
  width: 110px;
  height: 13px;
  transform: translateY(50%);
  line-height: 13px;
  text-align: center;
  z-index: 2;
}
.qx-bcode__code .qcode {
  margin: -6px -6px 0 2px;
  background-color: #cdcdcd;
  width: 41px;
  height: 41px;
}
.qx-bcode__to {
  margin-top: 9px;
  min-height: 26px;
  font-size: 1em;
}
.qx-bcode__to span + span:before {
  display: inline-block;
  margin: 0 4px;
  color: #cdcdcd;
  font-size: 12px;
  content: "|";
}
.qx-bcode__tbl {
  margin-bottom: 6px;
}
.qx-bcode__tbl table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
.qx-bcode__tbl tr {
  height: 16px;
}
.qx-bcode__tbl th {
  border: 1px solid #cdcdcd;
  border-top: none;
  height: 16px;
}
.qx-bcode__tbl td {
  border: 1px solid #cdcdcd;
  text-align: center;
  font-weight: bold;
}
.qx-bcode__tbl td.tb__lt {
  text-align: left;
}
.qx-bcode__tbl td .td__txt {
  display: block;
  margin: 3px 5px 4px;
  height: 40px;
  text-align: left;
  font-weight: normal;
}
.qx-bcode--lrg .qx-bcode__tbl td .td__txt {
  height: 30px;
}
.qx-bcode--type08 .qx-bcode__tbl td .td__txt {
  height: 20px;
}
.qx-bcode__tbl td .td__txt p {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qx-bcode__tbl td .td__txt p:first-of-type {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: unset;
}
:where(.qx-bcode--lrg, .qx-bcode--type08) .qx-bcode__tbl td .td__txt p:first-of-type {
  display: inline-block;
  white-space: nowrap;
}

.qx-label {
  background: #fff;
  color: #353535;
  font-size: 9px;
  font-weight: bold;
  line-height: 1.5;
  width: 99mm;
  height: 152mm;
}
.qx-label__wrap {
  margin: 0 auto;
  width: fit-content;
  height: auto;
}
.qx-label__wrap.sheet {
  margin: 0 auto;
}
body.A4 .qx-label__wrap {
  padding: 20mm 4.6mm;
}
body.A4 .qx-label__wrap.label__06 {
  padding: 8mm 4.6mm;
}
body.A4 .qx-label__wrap.label__08 {
  padding: 12mm 4.6mm;
}
body.A4 .qx-label__wrap .qx-label {
  display: inline-block;
}
body.A4 .qx-label__wrap .qx-label:nth-child(2n) {
  float: right;
}
body.A4 .qx-label__wrap .qx-label:nth-child(n+3) {
  margin-top: 1mm;
}
.qx-label__wrap.label__06 .qx-label {
  height: 92.7mm;
}
.qx-label__wrap.label__08 .qx-label {
  height: 67.5mm;
}
.qx-label__inr {
  display: flex;
  flex-direction: column;
  padding: 10px 8px;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  height: 100%;
}
:where(.qx-label__code, .qx-label__flx, .code, .qx-label__ft) {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.qx-label__hd {
  margin-bottom: 5px;
  padding-left: 2px;
  box-sizing: border-box;
}
.qx-label__hd .qx-label__flx {
  font-size: 10px;
}
.qx-label__code {
  margin: -4px 0 5px;
  line-height: 1.11;
  font-weight: normal;
  letter-spacing: -0.2px;
}
.qx-label__code:not(.qx-label--first .qx-label__code) {
  display: none;
  height: 0;
  overflow: hidden;
}
.qx-label__code em {
  display: block;
  font-weight: bold;
}
.qx-label__code span {
  display: inline-block;
  vertical-align: top;
}
.qx-label__rt {
  display: inline-block;
  margin: 2px 0;
  border: 1px dashed #cdcdcd;
  box-sizing: border-box;
  max-width: 77px;
  height: 15px;
  overflow: hidden;
  color: #cdcdcd;
  line-height: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.qx-label__code .code {
  align-items: flex-end;
}
.qx-label__code .code__bar {
  position: relative;
  width: 230px;
  height: 34px;
}
.qx-label__code .code__bar .txt, .qx-label__code .code__bar > em {
  position: absolute;
  bottom: 0;
  z-index: 2;
  background-color: #fff;
  transform: translateY(50%);
  line-height: 13px;
}
.qx-label__code .code__bar > em {
  left: 50px;
  width: 110px;
  height: 13px;
  text-align: center;
}
.qx-label__code .code__bar .txt {
  left: 20px;
  right: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;
  font-weight: bold;
}
.qx-label__code .code__qr {
  margin-left: 1mm;
  width: 41px;
  height: 41px;
}
.qx-label__tbl {
  flex: 1;
}
.qx-label__tbl .row {
  display: table;
  table-layout: fixed;
  border-top: 1px solid #cdcdcd;
  width: 100%;
}
.qx-label__tbl .row--hd {
  border-top-color: #757575;
}
.qx-label__tbl .col {
  display: table-cell;
  padding: 3px;
  text-align: center;
  word-break: break-all;
}
.qx-label__tbl .col:nth-child(2) {
  width: 290px;
}
.qx-label__tbl .col--item {
  text-align: left;
  font-size: 10px;
}
.qx-label__tbl .col--item div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.qx-label__tbl .item {
  font-weight: normal;
}
.qx-label__tbl .txtall {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  white-space: unset !important;
}
.qx-label__ft {
  align-items: flex-end;
  padding-top: 1mm;
  border-top: 1px solid #757575;
  font-size: 9px;
}
.qx-label__ft span {
  display: inline-block;
  vertical-align: bottom;
}
.qx-label__ft .type {
  margin-right: 10px;
  padding: 0 5px;
  background: #353535;
  box-sizing: border-box;
  min-width: 50px;
  height: 22px;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 22px;
}

@media screen {
  .qx-label {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
  }
  .qx-label__inr {
    background: #fff;
  }
  .qx-label__wrap.sheet {
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    box-shadow: none;
    background: #fff;
  }
  .qx-label__wrap + .qx-label__wrap {
    margin-top: 5mm;
  }
}
@media print {
  :is(.qx-frame__hd, .qx-cont__btn) {
    display: none;
    margin: 0;
    padding: 0;
    height: 0;
    overflow: hidden;
  }
  .qx-frame__ct[data-frame=scroll] {
    overflow: unset;
    max-height: unset;
    padding: 0;
  }
}
/* [F] Member
// Login > Info, Smartship 공통 스타일 */
.login-btn {
  display: block;
  border-radius: 10px;
  border: 1px solid #121361;
  box-sizing: border-box;
  width: 100%;
  height: 56px;
  color: #121361;
  text-align: center;
  font-size: 20px;
  line-height: 56px;
  font-weight: bold;
}
.login-btn--submit {
  margin-bottom: 13px;
  background-color: #121361;
  color: #fff;
}
.login-layer .qx-layer__cls:before, .login-layer .qx-layer__cls:after {
  background: #444;
}
.login-layer__inner {
  margin: 0 30px;
  padding: 40px;
  box-sizing: border-box;
  max-width: 600px;
  background-color: #f5f5f5;
}
.login-layer__head {
  text-align: center;
}
.login-layer__head h3 {
  margin: 0;
  font-size: 34px;
  color: #121361;
}
.login-layer__head--left {
  text-align: left;
}
.login-layer__head--left h3 {
  color: #333;
  font-weight: bold;
  text-align: left;
}
.login-layer__head p {
  margin: 30px 0 40px;
  font-size: 20px;
  color: #555;
}
.login-layer__row {
  display: flex;
  align-items: center;
  margin-bottom: 1px;
  background-color: #fff;
}
.login-layer .login-form__input {
  margin: 11px 20px 11px 3px;
  font-size: 15px;
}
.login-layer .login-form__label {
  width: 120px;
  max-width: 120px;
  margin-left: 24px;
  padding: 0 5px 0 0;
  border-right: 1px solid #a7a7a7;
  font-size: 15px;
  color: #bbb;
  line-height: 16px;
}
.login-layer .login-form__label:after {
  display: none;
}
.login-layer .login-btn {
  margin-top: 50px;
}
.login-layer .login-btn__in {
  background-color: #ff7154;
  border: 0px;
}
.login-form__label {
  flex-basis: 130px;
  padding-left: 15px;
  box-sizing: border-box;
  color: #a7a7a7;
  font-size: 1em;
}
.login-form__label:after {
  display: inline-block;
  position: absolute;
  left: 125px;
  content: "|";
  color: #a7a7a7;
}
.login-form__input {
  flex: auto;
  margin: 3px 15px 3px 3px;
  padding-left: 10px;
  box-sizing: border-box;
  height: 40px;
  font-size: 1em;
}
.login-form__input::placeholder {
  color: #fff;
  font-size: 1em;
}
.login-form__row {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10px;
  border: 1px solid #a7a7a7;
  box-sizing: border-box;
}
.login-form__row--code {
  padding-top: 15px;
}
.login-form__row--code .login-form__input {
  margin-left: 130px;
}
.login-form__row--code .login-form__input::placeholder {
  color: #a7a7a7;
}
.login-form__captcha {
  display: flex;
  align-items: flex-end;
  height: 52px;
}
.login-form__captcha .btn {
  display: inline-block;
  margin-left: 2px;
  background: url(../img/login/ic_ref.png) 50% no-repeat;
  width: 18px;
  height: 18px;
}
.login-form__captcha .btn span {
  position: absolute;
  z-index: -1;
}
.login-form__etc {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 16px 0;
  color: #666;
  font-size: 14px;
}
.login-form__etc div {
  margin: 5px 0;
}
.login-form__etc input[type=checkbox] {
  appearance: none;
  outline: none;
  box-shadow: none;
}
.login-form__etc input[type=checkbox]:checked + label:before {
  border: none;
  background: url(../img/login/ic_check_on.png) 50% no-repeat;
  background-size: cover;
}
.login-form__etc input[type=checkbox] + label:before {
  display: inline-block;
  content: "";
  margin: 0 10px -2px -2px;
  border: 1px solid #a7a7a7;
  box-sizing: border-box;
  width: 13px;
  height: 13px;
}
.login-form__etc input[type=checkbox] + label:hover {
  cursor: pointer;
}

/* [P] EmailAuthentication
//------------------------------------------------------------------------------ */
.qx-email .qx-layer {
  padding: 50px 30px;
}
.qx-email .qx-frame--event {
  width: 100%;
  max-width: 665px;
}
.qx-email .qx-cont__btn {
  margin-top: 14px;
}
.qx-email .btn__lrg .qx-btn {
  margin: 10px 10px 0 !important;
}

.qx-member {
  font-size: 14px;
  min-height: calc(100vh - 112px);
}
.qx-member__inr {
  padding: 0 40px;
  box-sizing: border-box;
  width: 100%;
}
.qx-member__hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 40px;
  box-sizing: border-box;
  width: 100%;
  min-height: 56px;
  background: #444;
  color: #fff;
}
.qx-member__hd.qx-member__hd--w {
  background: #f4f4f4;
  color: #1a1a1a;
}
.qx-member__hd.qx-member__hd--w :is(h1 img, .gnb select) {
  filter: none;
}
.qx-member__hd h1 img {
  display: inline-block;
  vertical-align: middle;
  filter: grayscale(1) invert(100%) brightness(200%) contrast(100%);
}
.qx-member__hd h1 span {
  margin-left: 32px;
  font-size: 14px;
  font-weight: 500;
}
.qx-member__hd .gnb select {
  padding: 0 34px 0 16px;
  background: url("../img/common/ic_select.png") calc(100% - 16px) 50% no-repeat;
  background-size: 10px;
  filter: grayscale(1) invert(100%) brightness(170%) contrast(100%);
  font-weight: 500;
}
.qx-member__hd .gnb select:hover {
  cursor: pointer;
}
.qx-member__hd .gnb select + .qx-btn {
  margin-left: 24px;
}
.qx-member + footer.qx-inr {
  padding: 0;
  min-width: 1045px;
}
.qx-member + footer.qx-inr .qx-foot {
  margin: 0;
}
.qx-member + footer.qx-inr .qx-foot:after {
  margin: 0;
  width: 100%;
  min-width: unset;
}
.qx-member__ct {
  margin: 0 auto;
  padding: 80px 0 120px;
}
.qx-member__ct h2 {
  margin-bottom: 8px;
  font-size: 24px;
  text-align: center;
}
.qx-member__ct h2 + .qx-cont__box {
  margin-top: 32px;
}
.qx-member__inf {
  margin-bottom: 24px;
  font-weight: 500;
  text-align: center;
}
.qx-member .qx-cont__box {
  padding: 24px 40px;
}
.qx-member .qx-cont__box > * + .qx-cont__btn {
  margin-bottom: 16px;
  padding-top: 0;
  border-top: none;
}
.qx-member .qx-txt__inf {
  color: #343434;
}

/* [P] OAuth
//------------------------------------------------------------------------------ */
.qx-member__with {
  text-align: center;
}
.qx-member__with + .qx-cont__box {
  margin-top: 40px;
}
.qx-member__with :where(img, .btn) {
  display: inline-block;
  vertical-align: middle;
}
.qx-member__with [class^=qx-txt] + .btn-wrap {
  margin-top: 16px;
}
.qx-member__with .btn {
  border: 1px solid #cdcdcd;
  border-radius: 50%;
  box-sizing: border-box;
  width: 84px;
  height: 84px;
  text-align: center;
}
.qx-member__with .btn:before {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: "";
}
.qx-member__with .btn + .btn {
  margin-left: 32px;
}
.qx-member__with .btn-wrap {
  text-align: center;
}

/* [F] Waybill
/* [P] Waybill
//------------------------------------------------------------------------------ */
.qx-waybill__prt {
  margin-top: 16px;
}
.qx-waybill__prt ul {
  display: flex;
}
.qx-waybill__prt ul + ul {
  margin-top: 16px;
}
.qx-waybill__prt li {
  width: calc(25% - 16px);
}
.qx-waybill__prt li + li {
  margin-left: 16px;
}
.qx-waybill__prt .btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px 13px;
  border: 1px solid #121361;
  border-radius: 4px;
  box-sizing: border-box;
  width: 100%;
  font-size: 15px;
  color: #444;
  line-height: 21px;
}
.qx-waybill__prt .btn span {
  font-weight: 500;
}
.qx-waybill__prt .btn.on {
  background-color: #f4efff;
}

/* [F] Pickup
/* [P] managerList
//------------------------------------------------------------------------------ */
.qx-pick__print {
  padding: 40px;
  border: 1px solid #8b8b8b;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
  box-sizing: border-box;
  width: 100%;
}
.qx-pick__print h2 {
  margin-bottom: 40px;
  font-size: 24px;
  text-align: center;
}
.qx-pick__print .logo {
  margin-top: 60px;
  text-align: center;
}
.qx-pick__print .logo img {
  display: inline-block;
}
.qx-pick__print .qx-cont__tb td {
  word-break: break-all;
}

/* [P] SelectAddress
//------------------------------------------------------------------------------ */
.qx-adrs__ly {
  padding: 24px 20px;
  border-radius: 4px;
  box-shadow: 1px 1px 16px 0 rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  width: 100%;
  height: auto;
  background-color: #fff;
}
.qx-adrs__hg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.qx-adrs__hg h2 {
  font-size: 14px;
  font-weight: 500;
}
.qx-adrs__hg h2 + a {
  font-size: 13px;
  color: #121361;
}
.qx-adrs__list {
  margin-top: 24px;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  width: 600px;
  max-height: 495px;
  overflow-y: auto;
}
.qx-adrs__list p + p {
  margin-top: 4px;
}
.qx-adrs__list > li {
  display: flex;
  padding: 8px 0;
  box-sizing: border-box;
  width: 100%;
  min-height: 75px;
  font-size: 12px;
}
.qx-adrs__list > li + li {
  border-top: 1px solid #eee;
}
.qx-adrs__list > li.on {
  background-color: #f3eeff;
}
.qx-adrs__list > li.on .adrs__tt {
  color: #121361;
}
.qx-adrs__list > li.on .adrs__tt strong {
  font-weight: bold;
}
.qx-adrs__list > li > div {
  margin: 0 10px;
}
.qx-adrs__list .icon {
  width: 50px;
  background: url("../img/selectaddress/ic_representative.png") 50% 20px no-repeat;
  background-size: 40px;
  text-align: center;
  line-height: 2;
}
.qx-adrs__list .icon.icon--shipping {
  background-image: url("../img/selectaddress/ic_shipping.png");
}
.qx-adrs__list .icon.icon--pickup {
  background-image: url("../img/selectaddress/ic_pickup.png");
}
.qx-adrs__list .icon.icon--return {
  background-image: url("../img/selectaddress/ic_return.png");
}
.qx-adrs__list .icon.icon--tax {
  background-image: url("../img/selectaddress/ic_tax.png");
}
.qx-adrs__list .adrs {
  flex: 1;
  margin-right: 20px;
}
.qx-adrs__list .adrs__tt {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
}
.qx-adrs__list .adrs__tt strong {
  font-size: 13px;
  font-weight: 500;
}
.qx-adrs__list .adrs__tt + p {
  margin-top: 4px;
}
.qx-adrs__list .etc {
  width: 160px;
  word-break: break-all;
}
.qx-adrs__list .info {
  margin-left: auto;
  width: 20px;
}
.qx-adrs__list .info button {
  display: block;
  margin-top: 10px;
  background: url("../img/selectaddress/ic_info.png") 50% no-repeat;
  height: 20px;
  overflow: hidden;
  color: transparent;
}
.qx-adrs__list .info:after {
  position: absolute;
  top: 10px;
  left: 0;
  background: url("../img/selectaddress/ic_info.png") 50% no-repeat;
  width: 20px;
  height: 20px;
}

/* [F] Invoice
/* [P] ParcelReceipt
//------------------------------------------------------------------------------ */
.qx-parcel .qx-toggle label {
  display: inline-block;
}
.qx-parcel .qx-cont__tb {
  background: #f8f8f8 !important;
}
.qx-parcel .qx-cont__tb table {
  width: auto;
}
.qx-parcel .qx-cont__tb tbody tr {
  background-color: #fff;
  border-top: 1px solid #f8f8f8 !important;
}
.qx-parcel .qx-cont__tb :where(th, td) {
  border: 1px solid #f8f8f8;
}
.qx-parcel__print {
  display: flex;
  margin: 24px 0 -30px;
  border: solid #eee;
  border-width: 1px 0 0;
  width: 100%;
  height: 480px;
}
.qx-parcel__print .box {
  padding: 20px;
  box-sizing: border-box;
}
.qx-parcel__thumb {
  height: 100%;
  overflow-y: auto;
}
.qx-parcel__thumb::-webkit-scrollbar {
  width: 18px;
}
.qx-parcel__thumb::-webkit-scrollbar-thumb {
  border-radius: 24px;
  background-color: #ccc;
  background-clip: padding-box;
  border: 6px solid transparent;
}
.qx-parcel__thumb::-webkit-scrollbar-track {
  background-color: transparent;
}
.qx-parcel__print .qx-parcel__thumb {
  border-right: 1px solid #eee;
  width: 58%;
}
.qx-parcel__thumb .thumb {
  margin: 20px auto;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #8b8b8b;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
  width: 480px;
  height: 680px;
}
.qx-parcel__thumb .thumb iframe {
  width: 182%;
  height: 182%;
  transform: scale(0.55);
  transform-origin: top left;
}

/* [F] Order
//------------------------------------------------------------------------------ */
.qx-cont__count {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px 10px 74px;
  box-sizing: border-box;
  min-height: 45px;
}
.qx-cont__count:not(.qx-cont__tb .qx-cont__count) {
  border: 1px solid #ccc;
}
.qx-cont__count:not(.qx-cont__tb .qx-cont__count) + .qx-cont__count {
  border-left: 0;
}
.qx-cont__tb .qx-cont__count + .qx-cont__count {
  border-left: 1px solid #ccc;
}
.qx-cont__flx .qx-cont__count {
  flex: 1;
}
.qx-cont__box > .qx-cont__flx .qx-cont__count:first-child {
  border-left: 0;
}
.qx-cont__box > .qx-cont__flx .qx-cont__count:last-child {
  border-right: 0;
}
.qx-cont__box > .qx-cont__flx:last-child .qx-cont__count {
  border-bottom: 0;
}

.qx-cont__count:before {
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top: -12px;
  width: 25px;
  height: 25px;
  background: url("../img/order/ic_order.svg") 50% no-repeat;
  background-size: 25px;
  content: "";
}
.qx-cont__count > span {
  display: block;
}
.qx-cont__count .title {
  font-size: 14px;
}
.qx-cont__count .count {
  font-weight: 500;
  font-size: 15px;
}
.qx-cont__tb td > .qx-cont__count {
  margin: -6px -18px;
}
.qx-cont__count.on, a.qx-cont__count:hover {
  background-color: #edeffd;
  color: #121361;
  text-decoration: none !important;
}

.qx-cont__count.on:after {
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  right: -1px;
  border: 2px solid #121361;
  content: "";
}
.tb__btnbox td.on .qx-cont__count.on:after {
  content: none;
}
.qx-cont__count.count__cart:before {
  background-image: url("../img/order/ic_cart.svg");
}
.qx-cont__count.count__print:before {
  background-image: url("../img/order/ic_print.svg");
}
.qx-cont__count.count__waiting:before {
  background-image: url("../img/order/ic_waiting.svg");
}
.qx-cont__count.count__pickup:before {
  background-image: url("../img/order/ic_pickup.svg");
}
.qx-cont__count.count__packing:before {
  background-image: url("../img/order/ic_packing.svg");
}
.qx-cont__count.count__hold:before {
  background-image: url("../img/order/ic_hold.svg");
}
.qx-cont__count.count__cal:before {
  background-image: url("../img/order/ic_cal.svg");
}
.qx-cont__count.count__error:before {
  background-image: url("../img/order/ic_error.svg");
}
.qx-cont__count.count__map {
  padding-left: 34px;
  background-color: #f7f6ff;
}
.qx-cont__count.count__map:before {
  left: 6px;
  background-image: url("../img/order/ic_map.png");
}
.qx-cont__count.count__map:not(.tb__btnbox a.count__map) {
  width: 215px;
}
td > .qx-cont__count.count__map:not(td:last-child .count__map) {
  border-right: 1px solid #ccc;
}
.qx-cont__count.count__return:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cg fill='none' stroke='%238A5620' stroke-width='.6'%3E%3Cpath d='M15.476 24.813a.257.257 0 0 1-.248-.2.264.264 0 0 1 .185-.32l11.424-2.95a.255.255 0 0 1 .31.19.264.264 0 0 1-.185.32l-11.424 2.95a.258.258 0 0 1-.063.008M9.856 22.366a.257.257 0 0 1-.248-.2L5.546 5.607.451 2.487a.267.267 0 0 1-.089-.36.252.252 0 0 1 .351-.091l4.94 3.026.245.15a.265.265 0 0 1 .117.161l4.087 16.664a.258.258 0 0 1-.248.327'/%3E%3Cpath d='M12.185 28a3.459 3.459 0 0 1-3.331-2.664 3.594 3.594 0 0 1 .379-2.674 3.421 3.421 0 0 1 2.107-1.615 3.336 3.336 0 0 1 2.6.389 3.5 3.5 0 0 1 1.572 2.167 3.594 3.594 0 0 1-.379 2.674 3.422 3.422 0 0 1-2.107 1.616 3.356 3.356 0 0 1-.843.108m0-6.538a2.878 2.878 0 0 0-.723.093 2.912 2.912 0 0 0-1.794 1.375 3.059 3.059 0 0 0-.322 2.276 2.9 2.9 0 0 0 5.345.8 3.059 3.059 0 0 0 .322-2.276 2.979 2.979 0 0 0-1.338-1.844 2.841 2.841 0 0 0-1.491-.425'/%3E%3Cpath d='M12.18 26.478a1.968 1.968 0 0 1-1.894-1.515.264.264 0 0 1 .185-.32.257.257 0 0 1 .311.191 1.441 1.441 0 0 0 1.752 1.073 1.488 1.488 0 0 0 1.044-1.8 1.442 1.442 0 0 0-1.753-1.073.256.256 0 0 1-.31-.19.263.263 0 0 1 .185-.319 1.955 1.955 0 0 1 2.374 1.454 2.045 2.045 0 0 1-.216 1.521 1.948 1.948 0 0 1-1.2.919 1.916 1.916 0 0 1-.48.062M3.699 8.789a.256.256 0 0 1-.248-.2.262.262 0 0 1 .185-.319l2.62-.683a.255.255 0 0 1 .311.19.264.264 0 0 1-.185.32l-2.62.682a.261.261 0 0 1-.063.008M17.557 21.336a.261.261 0 0 1-.252-.2.268.268 0 0 1 .188-.325l10.919-2.843-2.614-10.607-15.2 3.956 1.767 7.169a.267.267 0 0 1-.188.324.261.261 0 0 1-.316-.193l-1.83-7.427a.275.275 0 0 1 .029-.2.263.263 0 0 1 .16-.122l15.7-4.087a.261.261 0 0 1 .316.193l2.741 11.125a.267.267 0 0 1-.188.324l-11.171 2.909a.263.263 0 0 1-.064.008'/%3E%3Cpath d='M23.148 17.208a.261.261 0 0 1-.252-.2.268.268 0 0 1 .188-.325l2.691-.7a.26.26 0 0 1 .315.193.267.267 0 0 1-.188.324l-2.691.7a.262.262 0 0 1-.064.008M18.898 11.843a.261.261 0 0 1-.252-.2l-.618-2.354a.267.267 0 0 1 .188-.324.261.261 0 0 1 .316.193l.618 2.354a.262.262 0 0 1-.252.332'/%3E%3C/g%3E%3C/svg%3E");
  transform: scaleX(-1);
}
.qx-cont__count.count__retcompl:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cg fill='%238A5620' stroke='%238A5620' stroke-width='.5'%3E%3Cpath d='M15 12.88a.21.21 0 0 1-.08-.02L4.12 8.14a.22.22 0 0 1 0-.4l5.2-2.28a.21.21 0 0 1 .29.11.22.22 0 0 1-.11.29L4.75 7.93 15 12.43l10.25-4.5L15 3.45l-3.48 1.52a.21.21 0 0 1-.28-.11.22.22 0 0 1 .11-.29l3.56-1.55a.21.21 0 0 1 .17 0l10.8 4.72a.22.22 0 0 1 0 .4l-10.8 4.72a.21.21 0 0 1-.08.02m-1.46 11.87a.22.22 0 0 1-.08-.02L9.3 22.95a.21.21 0 0 1-.13-.2v-4.7a.21.21 0 0 1 .1-.18.22.22 0 0 1 .2-.01l.67.28a.21.21 0 0 1 .12.28.22.22 0 0 1-.3.12l-.36-.16v4.23l3.73 1.59v-4.22l-1.46-.63a.21.21 0 0 1-.11-.28.22.22 0 0 1 .28-.11l1.6.68a.22.22 0 0 1 .12.2v4.7a.21.21 0 0 1-.1.18.22.22 0 0 1-.12.03'/%3E%3Cpath d='M15 27a.21.21 0 0 1-.08-.02l-10.8-4.67a.21.21 0 0 1-.12-.2V7.94a.21.21 0 1 1 .43 0v14.04L15 26.56l10.57-4.58V7.94a.21.21 0 0 1 .43 0v14.18a.21.21 0 0 1-.13.2L15.1 26.98a.21.21 0 0 1-.09.01'/%3E%3Cpath d='M15 27a.22.22 0 0 1-.22-.22V12.44a.22.22 0 0 1 .44 0v14.34A.22.22 0 0 1 15 27m3.9-10.82a.22.22 0 0 1-.21-.22v-5.1a.22.22 0 0 1 .44 0v5.1a.22.22 0 0 1-.22.22'/%3E%3Cpath d='M18.85 16.19a.22.22 0 0 1-.2-.13.21.21 0 0 1 .11-.29l2.62-1.11V9.7a.22.22 0 0 1 .44 0v5.1a.22.22 0 0 1-.14.2l-2.74 1.17a.22.22 0 0 1-.09.02'/%3E%3Cpath d='M17.39 10.47a.22.22 0 0 1-.1-.01l-2.8-1.21a.21.21 0 0 1 0-.4l2.74-1.18a.22.22 0 0 1 .17 0l4.32 1.86a.21.21 0 0 1 .11.28.22.22 0 0 1-.29.11l-4.22-1.81-2.2.93 2.35 1.01a.21.21 0 0 1 .11.29.22.22 0 0 1-.2.13'/%3E%3C/g%3E%3C/svg%3E");
}
:is(.qx-cont__count.count__all, .qx-cont__count.count__prime, .qx-cont__count.count__basic) {
  padding-left: 55px;
  min-height: 50px;
}
:is(.qx-cont__count.count__all, .qx-cont__count.count__prime, .qx-cont__count.count__basic):before {
  margin: -20px 0 0 -6px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: #fff;
  font-size: 12px;
  line-height: 40px;
  text-align: center;
  font-weight: 500;
}
.qx-cont__count.count__all:before {
  background: #3fd9ed;
  content: "All";
}
.qx-cont__count.count__prime:before {
  background: #613fee;
  content: "Prime";
}
.qx-cont__count.count__basic:before {
  background: #e95a5c;
  content: "Basic";
}

.qx-cont__count.count__txt {
  padding-left: 10px !important;
}
.qx-cont__count.count__txt:before {
  content: none;
}
.qx-cont__count.count__txt .title {
  margin-right: 10px;
}
.qx-cont__count.count__txt:not(.tb__btnbox a.count__txt) {
  width: 215px;
}
td > .qx-cont__count.count__txt:not(td:last-child .count__txt) {
  border-right: 1px solid #ccc;
}

/* [P] DeliveryStatus */
.qx-order__tb table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
.qx-order__tb :is(th, td) {
  padding: 10px 20px;
  border: 1px solid #eee;
  font-size: 13px;
}
.qx-order__tb :is(th, tfoot td) {
  background: #f8f5ff;
  font-weight: normal;
}
.qx-order__tb thead th {
  padding: 15px 20px;
  background: #cac1d8;
  font-weight: 500;
}
.qx-order__tb tbody tr td:not(.null):first-of-type:before {
  display: inline-block;
  vertical-align: top;
  margin: 2px 4px 0 6px;
  border: 1px solid;
  border-color: transparent transparent #444 #444;
  width: 6px;
  height: 6px;
  content: "";
}
.qx-order__tb .null {
  padding: 0;
}
.qx-order__tb .null__inr {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
  width: 100%;
  height: 100px;
}
.qx-order__tb .null__inr span {
  display: inline-block;
  color: #8b8b8b;
}
.qx-order__tb .null__inr span:before {
  display: block;
  margin-bottom: 16px;
  width: 100%;
  height: 55px;
  background: url("../../qx/img/common/ic_search.png") 50% no-repeat;
  background-size: 55px;
  content: "";
}
.qx-order__lyr {
  position: absolute;
  right: 0;
  bottom: 0;
  top: unset;
  left: unset;
  right: 0;
  z-index: 2;
  padding: 0;
  background: none;
  box-shadow: -2px 0 4px rgba(34, 34, 34, 0.1098039216);
  height: 100%;
  overflow: hidden;
  text-align: right;
}
.qx-order__lyr .qx-layer__inr {
  border-left: 1px solid #cecece;
  box-sizing: border-box;
  height: 100%;
}
.qx-order__lyr .qx-frame {
  height: 100%;
  min-height: unset;
  overflow: hidden;
}
.qx-order__lyr .qx-frame__ct {
  box-sizing: border-box;
  height: calc(100% - 51px);
  overflow: hidden auto;
}
.qx-order__lyr .qx-frame__ct::-webkit-scrollbar {
  width: 12px;
}
.qx-order__lyr .qx-frame__ct::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #8b8b8b;
  background-clip: padding-box;
  border: 4px solid transparent;
}
.qx-order__lyr .qx-frame__ct::-webkit-scrollbar-track {
  background-color: transparent;
}

/* [P] ManipulatePacking */
.qx-pack {
  display: flex;
}
.qx-frame__ct .qx-pack {
  margin: -20px -20px -24px;
  width: calc(100% + 40px);
  height: calc(100% + 44px);
}
.qx-pack__list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  box-sizing: border-box;
  background: #f4f4f4;
  min-width: 200px;
}
.qx-pack__list li + li {
  margin-top: 8px;
}
.qx-pack__list label {
  font-size: 14px;
}
.qx-pack__list .list__btn {
  font-size: 14px;
}
.qx-pack__list .list__btn.on {
  color: #121361;
  font-weight: 500;
}
.qx-pack__ct {
  margin: 20px 20px 24px;
  width: 100%;
}

/* [P] Order */
.qx-order__replace {
  font-size: 14px;
}
.qx-order__replace .hg {
  display: flex;
  margin-bottom: 6px;
}
.qx-order__replace .hg__tt {
  width: 270px;
  font-size: 14px;
  font-weight: 500;
  color: #222;
}
.qx-order__replace .hg__tt + .hg__tt {
  margin-left: 90px;
}
.qx-order__replace .item {
  display: grid;
  grid-template-columns: 270px minmax(270px, 366px) auto;
  align-items: center;
}
.qx-order__replace .item + .item {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #dedede;
}
:where(.qx-order__replace .item__box, .qx-order__replace .item > div) + div {
  margin-left: 10px;
}
.qx-order__replace .item__box {
  padding: 8px 10px;
  box-sizing: border-box;
  border: 1px solid #dedede;
  border-radius: 3px;
  height: 100%;
}
.qx-order__replace .item__box > li {
  display: flex;
  justify-content: space-between;
}
.qx-order__replace .item__box > li + li {
  margin-top: 8px;
}
.qx-order__replace .item__box + .item__box {
  position: relative;
  margin-left: 96px;
}
.qx-order__replace .item__box + .item__box:before, .qx-order__replace .item__box + .item__box:after {
  position: absolute;
  top: 50%;
  right: 100%;
  content: "";
}
.qx-order__replace .item__box + .item__box:before {
  margin-right: 10px;
  width: 76px;
  height: 15px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='15'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='M0 7.2h73M68.83 1l6.167 6.167-6.167 6.166' data-name='arrow_right' style='stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round;stroke:%23121361;fill:none'/%3E%3C/svg%3E") 50% no-repeat;
}
.qx-order__replace .item__box + .item__box:after {
  margin: -13px 35px 0 0;
  border-radius: 50%;
  border: 1px solid #121361;
  box-sizing: border-box;
  width: 26px;
  height: 26px;
  background: url("../img/common/img_sprites.png") -265px -27px no-repeat;
  background-size: 399px;
  background-color: #fff;
  transform: scaleX(-1);
}

/* [F] Deliveryorder
/* [P] Weightdispute
//------------------------------------------------------------------------------ */
.qx-wtd__grid table {
  table-layout: fixed;
  margin-bottom: 16px;
  border-collapse: collapse;
}
.qx-wtd__grid table td {
  padding: 8px;
  border: 1px solid #ccc;
  vertical-align: top;
  font-size: 12px;
}
.qx-wtd__grid .slick-pane {
  font-size: 12px;
  color: #1a1a1a;
}
.qx-wtd__grid .slick-header-column.ui-state-default {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 8px;
  height: 40px;
  font-weight: 500;
  line-height: 1.33;
}
.qx-wtd__grid .slick-cell {
  padding: 8px;
  min-height: 134px;
  font-weight: 500;
  line-height: 1.5;
}
.qx-wtd__grid .slick-cell-checkboxsel {
  border-style: dotted;
}
.qx-wtd__grid .wtdcell {
  color: #8b8b8b;
}
.qx-wtd__grid .wtdcell.wtdcell__flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 134px;
}
.qx-wtd__grid .wtdcell__item {
  letter-spacing: -0.29px;
}
.qx-wtd__grid .wtdcell__item + .wtdcell__item {
  margin-top: 8px;
}
.qx-wtd__grid .wtdcell__item > em {
  display: block;
}
.qx-wtd__grid .wtdcell__item > p {
  margin-top: 3px;
  padding-left: 6px;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qx-wtd__grid .wtdcell__item > p em {
  margin-left: 6px;
}
.qx-wtd__grid .wtdcell__item > p.txt__red {
  color: #ff5e5e;
}
.qx-wtd__grid .wtdcell__img {
  padding: 58px 0 20px;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  color: #8b8b8b;
}
.qx-wtd__grid .wtdcell__img:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  background: url(../img/common/img_sprites.png) no-repeat -201px -19px;
  background-size: 245px;
  transform: translate(-50%, -100%);
  content: "";
}
.qx-wtd__grid .wtdcell__type {
  padding: 4px;
  border-radius: 5px;
  box-sizing: border-box;
  width: 144px;
  height: 26px;
  text-align: center;
  font-weight: normal;
}
.qx-wtd__grid .wtdcell__type.type--red {
  background: #ffcece;
  color: #df2121;
}
.qx-wtd__grid .wtdcell__type.type--green {
  background: #bceeb6;
  color: #0b7e22;
}
.qx-wtd__grid .wtdcell__type.type--yellow {
  background: #ffe47a;
  color: #a16100;
}
.qx-wtd__grid .wtdcell__type.type--gray {
  background: #eee;
  color: #444;
}
.qx-wtd__grid .wtdcell__btn {
  padding: 6px 20px 7px;
  border: 1px solid #121361;
  border-radius: 5px;
  box-sizing: border-box;
  background: #fff;
  width: 160px;
  height: 32px;
  color: #121361;
  font-size: 13px;
  line-height: 1;
}
.qx-wtd__grid .wtdcell__btn + :where(.wtdcell__btn, em, p) {
  margin-top: 8px;
}
.qx-wtd__grid .wtdcell__btn.btn__simple {
  padding: 20px 0;
  border: none;
  height: auto;
  background: none;
}
.qx-wtd__imgup {
  display: flex;
}
.qx-wtd__imgup .title {
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 500;
}
.qx-wtd__imgup .qx-cont__form {
  margin-right: -20px;
}
.qx-wtd__imgup .qx-cont__form .col {
  padding-right: 20px;
}
.qx-wtd__imgup .qx-cont__thmb {
  width: 200px;
  height: 200px;
}
.qx-wtd__imgup .imgup__inf {
  margin-left: 40px;
  width: 480px;
  min-width: 490px;
}
.qx-wtd__imgup .img__loading {
  background: none;
}
.qx-wtd__imgup .img__loading label::after {
  background: none;
}
.qx-wtd__box {
  padding: 16px;
  box-sizing: border-box;
  border: 1px solid #8b8b8b;
  width: 100%;
  height: calc(100% - 27px);
}
.qx-wtd__box > li {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  line-height: 1.46;
  font-weight: 500;
}
.qx-wtd__box > li + li {
  margin-top: 47px;
}
.qx-wtd__box em {
  display: block;
  margin-bottom: 12px;
}
.qx-wtd__box .img {
  display: block;
  position: relative;
  border-radius: 4px;
  min-width: 200px;
  width: 200px;
  overflow: hidden;
}
.qx-wtd__box .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-51%, -50%);
}
.qx-wtd__box .formula {
  position: relative;
  margin-top: 13px;
  height: 100%;
}
.qx-wtd__box .formula ul {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.qx-wtd__box .formula ul:before {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: "";
}
.qx-wtd__box .formula li + li:before {
  display: block;
  margin: 4px 0;
  background-color: #1a1a1a;
  width: 100%;
  height: 1px;
  content: "";
}

/* [F] Catalog
/* [P] ImportExternalitems
//------------------------------------------------------------------------------ */
.qx-catalog__loading {
  display: block;
  margin: 24px auto 0;
  width: 195px;
  height: 195px;
}

/* [P] Home
//------------------------------------------------------------------------------ */
.qx-home {
  margin: 0 -36px -100px;
  padding: 36px 36px 100px;
  background-color: #f6f6f6;
  box-sizing: border-box;
}
.qx-home:before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  background-color: #f6f6f6;
  width: 100vw;
  min-width: 100%;
  height: 100%;
  content: "";
}
.qx-home__sc {
  display: flex;
  margin-left: -14px;
}
.qx-home__sc > div {
  flex: 1;
  margin-left: 14px;
}
.qx-home__box {
  padding: 14px 22px;
  border-radius: 4px;
  background-color: #fff;
  box-sizing: border-box;
}
.qx-home__dtl {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0 22px;
  box-sizing: border-box;
}
.qx-home__dtl > div {
  margin: 0 -22px;
}
.qx-home__dtl .qx-home__box {
  flex: 1;
}
.qx-home__dtl .qx-home__box + .qx-home__box {
  margin-top: 14px;
}
.qx-home__hg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
}
.qx-home__hg .btn {
  color: #757575;
  font-weight: 500;
}
.qx-home__hg .btn:hover {
  text-decoration: underline;
}
.qx-home__hg button.refresh {
  margin-right: -2px;
  border-radius: 4px;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: url("../img/common/img_sprites.png") -263px -27px no-repeat;
  background-size: 399px;
  color: transparent;
  font-size: 0;
}
.qx-home__hg button.refresh:hover {
  background-color: #eaeaea;
}
.qx-home__tt {
  font-size: 1em;
  color: #757575;
  font-weight: 500;
}
.qx-home em {
  font-size: 1.1428em;
}
.qx-home__bn {
  margin: 22px 0;
}
.qx-home__bn img {
  width: 100%;
}

.qx-home__link {
  display: flex;
}
.qx-home__link.link__error :is(em, span):not(.normal em, .normal span) {
  color: #d90000;
}
.qx-home__link ul {
  flex: 1;
}
.qx-home__link ul + ul {
  margin-left: 13%;
}
.qx-home__link li + li {
  margin-top: 14px;
}
.qx-home__link li > a {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 1em;
  font-weight: 500;
}
.qx-home__link li > a span {
  color: #121361;
  font-size: 1.1428em;
}
.qx-home__link li > a.null :is(em, span) {
  color: #aaa;
}
.qx-home__link li > a:hover:after {
  position: absolute;
  left: -8px;
  right: -8px;
  top: -5px;
  bottom: -5px;
  background: #edeffd;
  border-radius: 5px;
  z-index: -1;
  content: "";
}
.qx-home__link a span.ing {
  position: relative;
  left: -9999px;
  align-self: center;
  border-radius: 5px;
  background-color: #B6AAE0;
  width: 4px;
  height: 4px;
  animation: dot-typing 1.5s infinite linear;
}
@keyframes dot-typing {
  0% {
    box-shadow: 9980px 0 0 0 #B6AAE0, 9989px 0 0 0 #B6AAE0, 9998px 0 0 0 #B6AAE0;
  }
  16.667% {
    box-shadow: 9980px -5px 0 0 #8158bf, 9989px 0 0 0 #B6AAE0, 9998px 0 0 0 #B6AAE0;
  }
  33.333% {
    box-shadow: 9980px 0 0 0 #B6AAE0, 9989px 0 0 0 #B6AAE0, 9998px 0 0 0 #B6AAE0;
  }
  50% {
    box-shadow: 9980px 0 0 0 #B6AAE0, 9989px -5px 0 0 #8158bf, 9998px 0 0 0 #B6AAE0;
  }
  66.667% {
    box-shadow: 9980px 0 0 0 #B6AAE0, 9989px 0 0 0 #B6AAE0, 9998px 0 0 0 #B6AAE0;
  }
  83.333% {
    box-shadow: 9980px 0 0 0 #B6AAE0, 9989px 0 0 0 #B6AAE0, 9998px -5px 0 0 #8158bf;
  }
  100% {
    box-shadow: 9980px 0 0 0 #B6AAE0, 9989px 0 0 0 #B6AAE0, 9998px 0 0 0 #B6AAE0;
  }
}

.qx-home__money {
  display: flex;
  justify-content: space-between;
  margin: 20px -16px 0;
}
.qx-home__money strong {
  display: block;
  margin-top: 26px;
  width: 100%;
  font-size: 1.4285em;
  font-weight: 500;
  color: #353535;
  text-align: center;
}
.qx-home__money > a {
  margin: 0 8px;
  padding: 8px;
  box-sizing: border-box;
  text-align: center;
}
.qx-home__money > a em {
  display: block;
  width: 100%;
}
.qx-home__money > a em:before {
  display: inline-block;
  vertical-align: middle;
  margin: -4px 12px 0 0;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  background: url("../img/home/ic_sprites.png") -76px -4px no-repeat;
  background-color: #e8e6fc;
  content: "";
}
.qx-home__money > a:hover strong {
  color: #613fee;
}
.qx-home__money .deduct em:before {
  background-position-x: -40px;
  background-color: #d6f7fb;
}
.qx-home__money .deduct:hover strong {
  color: #3fd9ed;
}
.qx-home__money .cod em:before {
  background-position-x: -4px;
  background-color: #fbe3e3;
}
.qx-home__money .cod:hover strong {
  color: #e95a5c;
}

.qx-home__quick {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.qx-home__quick > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 14px;
  padding: 6px;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
  width: calc(50% - 6px);
  height: 58px;
}
.qx-home__quick > a:hover {
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.15);
}
.qx-home__quick > a.btn:before {
  display: inline-block;
  margin-right: 6px;
  border-radius: 4px;
  width: 43px;
  height: 43px;
  background: url("../img/home/ic_sprites.png") -152px -1px no-repeat;
  background-color: #e8e6fc;
  content: "";
}
.qx-home__quick > a.btn:hover {
  background-color: #f7f6ff;
}
.qx-home__quick > a.btn em {
  flex: 1;
  text-align: center;
}
.qx-home__quick > a.btn.cargo:before {
  background-position-x: -239px;
  background-color: #d6f7fb;
}
.qx-home__quick > a.btn.cargo:hover {
  background-color: #f8feff;
}
.qx-home__quick > a.btn.order:before {
  background-position-x: -328px;
  background-color: #dcf6e8;
}
.qx-home__quick > a.btn.order:hover {
  background-color: #f3fff9;
}
.qx-home__quick > a.btn.guide:before {
  background-position-x: -284px;
  background-color: #fbe3e3;
}
.qx-home__quick > a.btn.guide:hover {
  background-color: #fff3f3;
}
.qx-home__quick > a.btn.calculator:before {
  background-position-x: -196px;
  background-color: #fceee6;
}
.qx-home__quick > a.btn.calculator:hover {
  background-color: #fffbf9;
}
.qx-home__quick > a.btn.smtguide:before {
  background-position-x: -108px;
  background-color: #feface;
}
.qx-home__quick > a.btn.smtguide:hover {
  background-color: #fffef5;
}

.qx-home__hg + .qx-home__nt {
  margin-top: -6px;
}
.qx-home__nt table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
.qx-home__nt td {
  height: 44px;
  font-size: 1em;
  color: #757575;
  text-align: center;
}
.qx-home__nt td a {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #353535;
  text-align: left;
  white-space: nowrap;
}
.qx-home__nt td a:hover {
  text-decoration: underline;
}
.qx-home__nt td:last-child {
  text-align: right;
}

.qx-home__ch .qx-cont__tb :where(th, td) {
  padding: 0 10px;
}
.qx-home__ch .btn__ch {
  position: relative;
  display: inline-block;
  margin-left: 14px;
  padding-left: 28px;
  color: #8158bf;
}
.qx-home__ch .btn__ch:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  width: 22px;
  height: 22px;
  background: url("../img/common/img_sprites.png") -114px -135px no-repeat;
  background-size: 365px;
  content: "";
}
.qx-home__ch .ch__list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  padding-top: 4px;
  max-height: 90px;
}
.qx-home__ch .ch__list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 10px;
  padding: 9px;
  border: 1px solid #dedede;
  border-radius: 4px;
  box-sizing: border-box;
  width: calc(25% - 10px);
  height: 36px;
  font-weight: 500;
}
.qx-home__ch .ch__list li:nth-child(n+5) {
  margin-top: 8px;
}
.qx-home__ch .ch__logo {
  margin-top: 6px;
}
.qx-home__ch .ch__logo li {
  margin-top: 4px;
}

/* [F] ExternalSiteOrder
/* [P] SiteAuth
//------------------------------------------------------------------------------ */
.qx-site__list {
  margin-top: 24px;
}
.qx-site__list > ul {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  width: 776px;
  height: 355px;
  overflow-y: auto;
}
.qx-site__list > ul::-webkit-scrollbar {
  width: 12px;
}
.qx-site__list > ul::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #8b8b8b;
  background-clip: padding-box;
  border: 4px solid transparent;
}
.qx-site__list > ul::-webkit-scrollbar-track {
  background-color: transparent;
}
.qx-site__list li {
  display: block;
  margin: 0 16px 16px 0;
  width: calc(25% - 16px);
  max-width: 178px;
  font-size: 13px;
  text-align: center;
}
.qx-site__list a.logo {
  display: block;
  padding-top: 86px;
  box-sizing: border-box;
  width: 100%;
  height: 104px;
}
.qx-site__list a.logo:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  width: 100%;
  height: 80px;
  content: "";
}
.qx-site__list a.logo:after {
  margin-top: -12px;
  background-color: transparent;
}
.qx-site__list a.logo:hover:before {
  background: #edeffd;
  box-shadow: 3px 2px 8px 0 rgba(0, 0, 0, 0.15);
}

/* [F] Tracxlogis 
//------------------------------------------------------------------------------ */
.qx-txl {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-width: 800px;
  min-height: 100%;
  background: url(../img/tracxlogis/bg_tracxlogis.png) 50% no-repeat;
  background-size: cover;
  text-align: center;
  color: #fff;
  font-size: 18px;
}
.qx-txl__inr {
  padding: 40px;
  box-sizing: border-box;
  width: 99%;
}
.qx-txl__inr > h1 {
  display: block;
  margin-bottom: 72px;
  font-size: 40px;
}
.qx-txl__inr .qx-check__box label {
  color: #fff;
}
.qx-txl__hg {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 90px;
}
.qx-txl__hg h1 {
  position: absolute;
  margin: -1px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.qx-txl__hg .date {
  position: relative;
  align-self: flex-start;
  margin: 0 37px;
  padding-top: 8px;
  width: 167px;
  font-size: 20px;
  font-weight: 100;
}
.qx-txl__hg .date:before, .qx-txl__hg .date:after {
  content: "";
  position: absolute;
  top: 52px;
  border: 1px solid #fff;
  box-sizing: border-box;
}
.qx-txl__hg .date:before {
  left: 0;
  margin-top: 7px;
  width: 100%;
}
.qx-txl__hg .date:after {
  right: -3px;
  width: 20px;
  transform: rotate(45deg);
}
.qx-txl__hg.hg__box {
  margin-bottom: 72px;
  padding: 32px;
  border-radius: 10px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.5019607843);
}
.qx-txl__hg.hg__box .date {
  padding: 0;
  height: 72px;
  max-width: 110px;
}
.qx-txl__hg.hg__box .date:before, .qx-txl__hg.hg__box .date:after {
  top: 45%;
}
.qx-txl__hg.hg__box .logo {
  height: auto;
}
.qx-txl__hg.hg__box .logo--qx {
  width: 233px;
}
.qx-txl__hg.hg__box .logo--tx {
  width: 364px;
}
.qx-txl__txt {
  line-height: 1.67;
  font-size: 24px;
}
.qx-txl__btn {
  display: flex;
  justify-content: center;
  margin-top: 72px;
}
.qx-txl__btn .btn {
  position: relative;
  padding: 18px 96px 17px 40px;
  border: 1px solid #fff;
  box-sizing: border-box;
  height: 64px;
  background: none;
  color: #fff;
}
.qx-txl__btn .btn:before, .qx-txl__btn .btn:after {
  content: "";
  position: absolute;
  bottom: 50%;
  right: 40px;
  border: 1px solid #fff;
  box-sizing: border-box;
}
.qx-txl__btn .btn:before {
  margin-bottom: -5px;
  width: 36px;
}
.qx-txl__btn .btn:after {
  margin-bottom: -1px;
  width: 10px;
  transform: rotate(45deg);
}
.qx-txl__btn .btn:hover {
  background: rgba(0, 0, 0, 0.2);
}

.qx-layer .qx-txl {
  width: 100%;
  font-size: 16px;
}
.qx-layer .qx-txl__inr {
  padding: 58px 36px 36px;
}
.qx-layer .qx-txl__inr > h2 {
  display: block;
  margin-bottom: 36px;
  font-size: 28px;
}
.qx-layer .qx-txl__hg.hg__box {
  margin-bottom: 48px;
  padding: 16px 48px;
}
.qx-layer .qx-txl__hg.hg__box .logo--qx {
  width: 30%;
}
.qx-layer .qx-txl__hg.hg__box .logo--tx {
  width: 42%;
}

@media screen and (max-width: 1000px) {
  .qx-txl__hg:not(.hg__box) .logo {
    height: 70px;
  }
  .qx-txl__hg.hg__box .date {
    margin: 0 24px;
  }
  .qx-txl__hg.hg__box .logo--qx {
    width: 30%;
  }
  .qx-txl__hg.hg__box .logo--tx {
    width: 42%;
  }
}
@media screen and (max-width: 1500px) {
  .qx-inr {
    padding-left: 50px;
  }
  .qx-head__logo {
    width: 50px;
    min-width: 50px;
    height: 36px;
    overflow: hidden;
    background: url("../img/common/logo_tx_min.png") 50% no-repeat;
    background-size: 36px;
  }
  .qx-head__logo img {
    position: relative;
    top: -60px;
  }
  .qx-menu:not(.qx-menu:hover) {
    width: 50px;
  }
  .qx-menu:not(.qx-menu:hover) :is(a, em) {
    color: transparent;
    font-size: 0px;
  }
  .qx-menu:not(.qx-menu:hover) .menu:after, .qx-menu:not(.qx-menu:hover) .menu__inr .menu:before {
    content: none !important;
  }
  .qx-menu:not(.qx-menu:hover) .qx-menu__logo {
    padding: 0 8px;
  }
  .qx-menu:not(.qx-menu:hover) .qx-menu__logo a {
    background: url("../img/common/logo_tx_min.png") 50% no-repeat;
    background-size: 37px;
  }
  .qx-menu:not(.qx-menu:hover) .qx-menu__inr {
    width: 100%;
    white-space: nowrap;
  }
  .qx-menu:not(.qx-menu:hover) .qx-menu__menu {
    height: 36px;
    overflow: hidden;
  }
  .qx-menu:not(.qx-menu:hover) .qx-menu__menu > .menu {
    padding: 0;
    width: 36px;
    height: 36px;
    overflow: hidden;
  }
  .qx-menu:not(.qx-menu:hover) .qx-menu__menu > .menu:before {
    margin: 0 auto !important;
  }
  .qx-wrap--in .qx-menu:not(.qx-menu:hover) .qx-menu__logo a {
    background: url("../img/common/logo_smartship_in_s.png") 50% no-repeat;
    background-size: 30px;
  }
}
@media screen and (min-width: 1280px) {
  .qx-rwd .qx-alert:after {
    top: 0;
    left: 0;
    width: 100vh;
    height: 100vh;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1279px) {
  .qx-rwd .qx-member + footer.qx-inr {
    min-width: unset;
  }
  .qx-rwd .qx-foot {
    height: auto;
  }
  .qx-rwd .qx-foot, .qx-rwd .qx-foot__info, .qx-rwd .qx-foot__flex, .qx-rwd .qx-foot__list {
    flex-wrap: wrap;
  }
  .qx-rwd .qx-foot__list li:before {
    content: none;
  }
  .qx-rwd .qx-foot__list li:not(:last-of-type):after {
    display: inline-block;
    vertical-align: text-top;
    margin: 0 10px;
    border-right: 1px solid #cdcdcd;
    height: 16px;
    content: "";
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .qx-rwd .qx-member {
    min-height: unset;
  }
  .qx-rwd .qx-member + footer.qx-inr .qx-foot__info {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 480px) {
  .qx-rwd .qx-cont {
    padding: 36px 24px 58px;
  }
  .qx-rwd header.qx-cont__hg:not(.qx-wrap--new header.qx-cont__hg) {
    margin: 0 -24px 28px;
    padding: 13px 24px;
  }
  .qx-rwd header.qx-cont__hg .qx-cont__ht {
    font-size: 18px;
  }
  .qx-rwd .qx-member__hd {
    flex-wrap: wrap;
    padding: 10px 24px;
  }
  .qx-rwd .qx-member__hd h1 img {
    width: 100px;
    height: auto;
  }
  .qx-rwd .qx-member__hd .gnb {
    margin-left: auto;
  }
  .qx-rwd .qx-member__hd .gnb select + .qx-btn {
    margin-left: 0;
  }
  .qx-rwd .qx-member__ct {
    padding: 52px 24px 80px;
  }
  .qx-rwd .qx-member__ct h2 {
    font-size: 20px;
  }
  .qx-rwd .qx-member__ct h2 + .qx-cont__box {
    margin-top: 16px;
  }
  .qx-rwd .qx-member .qx-cont__box {
    padding: 24px 24px;
  }
  .qx-rwd .qx-member + footer.qx-inr .qx-foot {
    padding: 24px;
  }
  .qx-rwd .qx-member + footer.qx-inr .qx-foot__logo img {
    width: 100px;
    height: auto;
  }
  .qx-rwd .qx-member + footer.qx-inr .qx-foot img:not(.qx-foot__logo img) {
    max-width: 276px;
    width: 95%;
    height: auto;
  }
  .qx-rwd .qx-cont__form {
    margin-right: -24px;
    width: calc(100% + 24px);
  }
  .qx-rwd .qx-cont__form .col {
    padding-right: 24px;
    width: 100% !important;
  }
}