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

/* #Popup/Frame Layout 
//------------------------------------------------------------------------------ */
.qfs-frame {
  min-height: 100vh;
  overflow: hidden;
}
.qfs-frame_hd {
  background: #8158bf;
  padding: 25px 30px 25px;
  color: #fff;
}
.qfs-frame_hd h1 {
  font-size: 1.5rem;
}
.qfs-frame_hd h1 + p {
  margin-top: 4px;
}
.qfs-frame_hd.ps_fix {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.qfs-frame_ct {
  padding: 30px 30px 50px;
  min-height: 400px;
}
.qfs-frame_hd.ps_fix + .qfs-frame_ct {
  margin-top: 105px;
  overflow: hidden;
}
.qfs-frame_hd.ps_fix + .qfs-frame_ct .qfs-tab_sub {
  position: fixed;
  top: 105px;
  left: 0;
  right: 0;
  background: #e1e1e1;
  margin: 0;
  padding: 0 30px;
  font-size: 0;
}
.qfs-frame_ct .qfs-cont_hg:first-child {
  margin-top: 40px;
}
.qfs-frame_ct .qfs-cont_dtt:first-child {
  margin-top: 10px;
}
.qfs-frame_ct .qfs-tab__step {
  margin: -30px -30px 0;
}
.qfs-frame_ct .qfs-cont_reason > a {
  font-size: 1.0714em;
}
.qfs-frame .qfs-cont_btn {
  margin: 30px 0 40px;
}
.qfs-frame .qfs-cont_wide {
  padding: 30px 0;
}
.qfs-frame .qfs-cont_wide, .qfs-frame .qfs-cont_wide:before {
  background: #f5f5f5;
}
.qfs-frame .qfs-cont_wide:before {
  width: 100vw;
}
.qfs-frame .qfs-cont_wide:last-child {
  margin-bottom: -50px;
}
.qfs-frame .qfs-cont_wide:first-child {
  margin-top: -30px;
}
.qfs-foot_info {
  display: flex;
  align-items: center;
  padding: 35px 60px;
  background: #f5f5f5;
}
.qfs-foot_info img {
  margin-right: 40px;
}
.qfs-foot_info a {
  color: #999;
}
.qfs-foot_info dl {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  overflow: hidden;
  color: #999;
  line-height: 17px;
}
.qfs-foot_info dl > * {
  margin: 7px 0;
  box-sizing: border-box;
}
.qfs-foot_info dt {
  flex-basis: 15%;
  padding-right: 10px;
  font-weight: bold;
}
.qfs-foot_info dd {
  flex-basis: 35%;
  flex-grow: 1;
  padding-left: 20px;
  text-indent: -20px;
}
.qfs-foot_info dd:before {
  display: inline-block;
  margin-right: 19px;
  height: 17px;
  width: 1px;
  background: #ddd;
  vertical-align: middle;
  content: "";
}
.qfs-foot_info .lnk {
  margin-right: 40px;
  font-weight: 700;
}
@media print {
  .qfs-foot_info {
    margin: 40px 30px 0;
    border: 2px solid #eee;
    border-width: 2px 0;
    padding: 30px 0;
    background: none;
  }
  .qfs-foot_info img {
    width: 130px;
    height: auto;
  }
  .qfs-foot_info dt {
    flex-basis: 30%;
  }
  .qfs-foot_info dd {
    flex-basis: 70%;
  }
}

/* #Popup/Frame Layout 
//------------------------------------------------------------------------------ */
.qfs-frame[data-bg=frame] {
  background-color: #faf9fb;
}
.qfs-frame__hd {
  padding: 25px 32px;
  background: #8158bf;
  color: #fff;
}
.qfs-frame__hd h1 {
  font-size: 1.5rem;
}
.qfs-frame__hd h1 + p {
  margin-top: 4px;
}
.qfs-frame__hd.ps__fix {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.qfs-frame__ct {
  padding: 24px 32px 32px;
}
.qfs-frame__ct > .qfs-cont__btn {
  margin: 32px 0 0;
}
.qfs-frame__hd.ps__fix + .qfs-frame__ct {
  margin-top: 105px;
  overflow: hidden;
}
.qfs-frame__hd.ps__fix + .qfs-frame__ct .qfs-tab__sub {
  position: fixed;
  top: 105px;
  left: 0;
  right: 0;
  background: #e1e1e1;
  margin: 0;
  padding: 0 30px;
  font-size: 0;
}
.qfs-frame__ct .qfs-slct__bar,
.qfs-frame__ct .qfs-input__bar {
  font-size: 1.2em;
}
.qfs-frame__ct .qfs-cont__hg:first-of-type {
  margin-top: 10px;
}
.qfs-frame__ct .qfs-cont__tt {
  margin-bottom: 16px;
  font-size: 20px;
}
.qfs-frame__ct .qfs-cont__tt ~ .qfs-cont__tt {
  margin-top: 32px;
}
.qfs-frame__ct .qfs-cont__stt {
  margin-bottom: 16px;
  font-size: 16px;
  color: #353535;
}
.qfs-frame__ct .qfs-cont__stt ~ .qfs-cont__stt,
.qfs-frame__ct .qfs-cont__hg > .qfs-cont__stt,
.qfs-frame__ct .qfs-cont__hg ~ .qfs-cont__stt {
  margin-top: 28px;
}
.qfs-frame__ct .qfs-txt__box + .qfs-cont__stt {
  margin-top: 28px;
}

.qfs-frame__ct .qfs-tab__step {
  margin: -30px -30px 0;
}
.qfs-frame__ct .qfs-cont__reason > a {
  font-size: 1.0714em;
}
.qfs-frame__ct .qfs-table th {
  background-color: #faf9fb;
  font-size: 15px;
}
.qfs-frame__tt {
  color: #8158bf;
  font-size: 18px;
  margin: 28px 0 12px;
}
.qfs-frame__txt {
  font-size: 15px;
  color: #353535;
  font-weight: 500;
}
.qfs-frame__txt ~ .qfs-frame__txt {
  margin-top: 12px;
}
.qfs-frame__txt.txt__inf {
  font-size: 16px;
  line-height: 1.69;
}
.qfs-frame__txt.txt__red {
  color: #d90000;
  font-size: 13px;
}
.qfs-frame .qfs-cont__btn {
  margin: 24px 0;
}
.qfs-frame__tbl {
  width: 100%;
}
.qfs-frame__tbl table {
  border: 1px solid #dedede;
  box-sizing: border-box;
  width: 100%;
}
.qfs-frame__tbl table.tbl__cen td, .qfs-frame__tbl table.tbl__cen th {
  text-align: center;
}
.qfs-frame__tbl th, .qfs-frame__tbl td {
  border: 1px solid #dedede;
  box-sizing: border-box;
  line-height: 19px;
}
.qfs-frame__tbl th {
  padding: 24px;
  background-color: transparent;
  font-size: 14px;
  color: #000;
  text-align: left;
}
.qfs-frame__tbl td {
  padding: 24px 12px;
  background-color: #fff;
  font-size: 13px;
  color: #353535;
}
.qfs-foot__info {
  display: flex;
  align-items: center;
  padding: 35px 60px;
  background-color: #f5f5f5;
}
.qfs-foot__info img {
  margin-right: 40px;
}
.qfs-foot__info a {
  color: #999;
}
.qfs-foot__info dl {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  overflow: hidden;
  color: #999;
  line-height: 17px;
}
.qfs-foot__info dl > * {
  margin: 7px 0;
  box-sizing: border-box;
}
.qfs-foot__info dt {
  flex-basis: 15%;
  padding-right: 10px;
  font-weight: bold;
}
.qfs-foot__info dd {
  flex-basis: 35%;
  flex-grow: 1;
  padding-left: 20px;
  text-indent: -20px;
}
.qfs-foot__info dd:before {
  display: inline-block;
  margin-right: 19px;
  height: 17px;
  width: 1px;
  background: #ddd;
  vertical-align: middle;
  content: "";
}
.qfs-foot__info .lnk {
  margin-right: 40px;
  font-weight: 700;
}
@media print {
  .qfs-foot__info {
    margin: 40px 30px 0;
    border: 2px solid #eee;
    border-width: 2px 0;
    padding: 30px 0;
    background: none;
  }
  .qfs-foot__info img {
    width: 130px;
    height: auto;
  }
  .qfs-foot__info dt {
    flex-basis: 30%;
  }
  .qfs-foot__info dd {
    flex-basis: 70%;
  }
}

/* #Container 
//------------------------------------------------------------------------------ */
:root {
  --layer-bg-color:rgba(255,255,255,.5);
}

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

em {
  margin: 0 2px;
  color: #353535;
  font-weight: bold;
}

.qfs-hide {
  position: absolute;
  left: 0;
  top: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
}

.qfs-wrap {
  min-width: 1280px;
  min-height: 100vh;
}
.qfs-wrap[data-bg=home] {
  background: #f2f2f2;
}
.qfs-inr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  width: 1280px;
}
.qfs-inner {
  margin: auto;
  box-sizing: border-box;
  width: 100%;
  max-width: 1600px;
}
header .qfs-inner {
  padding: 24px 30px 0;
}
.qfs-cont .qfs-inner {
  padding: 0 30px 80px;
}

@media screen and (min-width: 1920px) {
  .qfs-cont .qfs-inner {
    padding: 0 0 80px;
  }
  .qfs-inner {
    width: 80%;
    max-width: 3000px;
  }
  header .qfs-inner {
    padding: 24px 0 0;
  }
}
/* LNB + CONTENT */
[data-lnb=true] {
  display: flex;
}
.qfs-cont_wide + [data-lnb=true] {
  margin-top: -80px;
}

.qfs-lnb {
  margin: 70px 50px 0 0;
  flex-basis: 180px;
  flex-shrink: 0;
}
.qfs-lnb li > a {
  display: block;
  position: relative;
  padding: 15px 15px 15px 0;
  color: #bbb;
}
.qfs-lnb li > a.is_on {
  color: #666;
  pointer-events: none;
}
.qfs-lnb li > a.is_on:after {
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -4px;
  border: solid #666;
  border-width: 1px 1px 0 0;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  content: "";
}
.qfs-lnb li > a + ul {
  margin-left: 15px;
}
.qfs-lnb li > a + ul a {
  padding: 8px 15px 8px 0;
}
.qfs-lnb + section {
  flex-grow: 1;
  margin-top: 80px;
  width: 100%;
}
.qfs-lnb + section > *:first-child {
  margin-top: 0;
}

/* Views2
//------------------------------------------------------------------------------ */
/* 공통 영역 - Inner, Wide, Dimmed */
.qfs-cont {
  min-height: calc(100vh - 300px);
}
.qfs-cont_inr {
  margin: auto;
  width: 1280px;
  min-height: 640px;
  padding-bottom: 80px;
  box-sizing: border-box;
  font-size: 14px;
}
.qfs-cont_inr section + section {
  margin-top: 130px;
}
.qfs-cont_wide {
  position: relative;
  padding: 80px 0;
  background: #f9f9f9;
}
.qfs-cont_wide:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  margin-left: -50vw;
  top: 0;
  bottom: 0;
  background: #f9f9f9;
  width: calc(100vw - 10px);
}
section .qfs-cont_wide:last-of-type {
  margin-bottom: -80px;
  padding-bottom: 100px;
}

header.qfs-cont_wide {
  margin-bottom: 80px;
  padding: 31px 0 32px;
}
header.qfs-cont_wide, header.qfs-cont_wide:before {
  background: #f4f4f4;
}

.qfs-cont_sc ~ .qfs-cont_wide {
  margin-top: 70px;
}
.qfs-cont_form + .qfs-cont_wide {
  margin-top: 40px;
}
.qfs-cont_wide :where(.qfs-cont_form, .qfs-payment),
.qfs-cont_wide > .qfs-cont_sc,
.qfs-cont_wide > .qfs-cont_flx,
.qfs-cont_wide > .qfs-cont_flt,
.qfs-cont_wide > [class^=qfs-tab],
.qfs-cont_wide > [class^=qfs-tab] + div {
  margin-left: 15px;
}
.qfs-cont_wide .qfs-cont_form {
  padding: 0;
}
.qfs-cont_wide .qfs-cont_flt {
  background: #f4f4f4;
}
.qfs-cont_wide .qfs-cont_step {
  margin: 0;
  padding: 0;
}
.qfs-dim {
  position: relative;
  background: none;
  padding: 1px 0;
}
.qfs-dim:before {
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: -50%;
  right: -50%;
  margin: 0;
  width: auto;
  background: rgba(249, 249, 249, 0.7);
  content: "";
}
.qfs-dim_dsc {
  position: absolute;
  z-index: 11;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  font-size: 24px;
  text-align: center;
  line-height: 1.6;
}
.qfs-dim_dsc h4 + p {
  margin-top: 15px;
}
.qfs-dim_dsc p {
  font-size: 14px;
}
.qfs-dim.dim_bl:before {
  background: rgba(0, 0, 0, 0.7);
}
.qfs-dim.dim_bl .qfs-dim_dsc {
  color: #fff;
}
.qfs-dim.dim_bl .qfs-dim_dsc em {
  color: #e3a7ff;
  font-weight: normal;
}
.qfs-dim .qfs-cont_wide:last-of-type {
  margin-bottom: 0;
}

/* 공통 영역 : Section, Align, Detail */
.qfs-cont_sc {
  margin: 15px 0;
}
.qfs-cont_sc + .qfs-cont_wide {
  margin-top: 80px;
}
.qfs-cont_lt {
  margin-right: auto;
}
.qfs-cont_rt {
  margin-left: auto;
  text-align: right;
}
.qfs-cont_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 50px;
  text-align: center;
}
.qfs-cont_btn .qfs-btn {
  min-width: 100px;
}
.qfs-cont_btn.btn_rt {
  margin-top: 20px;
  text-align: right;
}
.qfs-cont_btn p {
  margin-top: 10px;
  width: 100%;
}
.qfs-cont_btn em {
  font-weight: normal;
}
.qfs-cont_btn .qfs-cont_cen {
  flex-grow: 1;
}
.qfs-cont_dt {
  margin-top: 15px;
  margin-left: 20px;
}
.qfs-cont_dt + .qfs-cont_dt {
  margin-top: 70px;
}
.qfs-cont_dt:first-child {
  margin-top: 0;
}

/* 폼 컨트롤 영역 */
.qfs-cont_flt {
  display: flex;
  align-items: center;
  align-content: space-between;
  flex-wrap: wrap;
  margin: 15px 0;
  border-top: 1px solid #dadada;
  padding: 15px 15px 15px 18px;
  background: #f9f9f9;
}
.qfs-cont_flt .qfs-cont_sch {
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
}
.qfs-cont_flt .qfs-input_bar {
  flex: 1 1 200px;
}
.qfs-cont_flt .qfs-slct_bar {
  min-width: 130px;
  max-width: 180px;
  font-size: 1.1em;
  color: #555;
}
.qfs-cont_flt .qfs-slct_bar.slct_nrw {
  min-width: 0;
  max-width: 130px;
}
.qfs-cont_flt .qfs-check_bar {
  line-height: 35px;
}
.qfs-cont_flt .qfs-tab_sub {
  margin-bottom: -10px;
}
.qfs-cont_flt [class*=_bar] {
  border-bottom: 0 none;
  background-color: #fff;
  height: 35px;
}
.qfs-cont_flt + .qfs-cont_sc,
.qfs-cont_flt + .qfs-tbl {
  margin-top: -15px;
}
.qfs-tab_sub + .qfs-cont_flt, .qfs-tab_sub + div .qfs-cont_flt {
  margin-top: 0;
}
.qfs-cont_step + .qfs-cont_flt {
  margin-top: 80px;
}
.qfs-cont_flt .col {
  display: flex;
  align-items: center;
  width: 40%;
  padding: 10px 20px 10px 0;
  box-sizing: border-box;
}
.qfs-cont_flt .col label {
  margin-right: 10px;
  width: 20%;
  white-space: nowrap;
}
.qfs-cont_flt .col[data-width="60%"] {
  width: 60%;
}
.qfs-cont_flt.flt_block {
  display: block;
}
.qfs-cont_flt.flt_block > div + div {
  margin: 15px 0 0;
}

.qfs-cont_sch {
  display: flex;
  align-items: center;
  margin: 15px 0;
  padding-left: 35px;
  background: url("../img/common/ic_search_grey.png") 0 50% no-repeat;
}
.qfs-cont_sch .qfs-input_bar {
  flex: 1;
}
.qfs-cont_sch > * {
  flex-shrink: 0;
}
.qfs-cont_sch.type_algn {
  background-image: url("../img/common/ic_filter_grey.png");
}
.qfs-cont_sch .pos_rt {
  margin-left: auto;
}

.qfs-cont_cal {
  padding-left: 35px;
  background: url("../img/common/ic_cal.png") 0 50% no-repeat;
}
.qfs-cont_cal .qfs-input_bar {
  text-align: center;
}
.qfs-cont_cal + :where(.qfs-cont_sch, .qfs-btn, select) {
  margin-left: 15px;
}
.qfs-cont_cal[data-name=datepicker] input {
  cursor: pointer;
}
.qfs-cont_cal[data-name=datepicker] input[readonly] {
  color: #444 !important;
}
.qfs-cont_cal .br {
  display: inline-block;
  margin: 0 3px;
  vertical-align: middle;
  color: #666;
  font-size: 1.2em;
  font-weight: bold;
}
.qfs-cont_cal input[readonly] {
  background-color: #fff !important;
}

.qfs-cont_form {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 10px -35px 10px 0;
  padding: 15px 0;
}
.qfs-cont_form [class^=qfs-slct_] {
  font-size: 1.35714em;
  color: #222;
}
.qfs-cont_form [class^=qfs-input_] {
  flex: 1;
  width: 100%;
  font-size: 1.35714em;
  color: #222;
}
.qfs-cont_form .qfs-autocomp {
  flex: 1;
  width: 100%;
}
.qfs-cont_form + .qfs-cont_flt {
  border-top: 0 none;
}
.qfs-cont_form[data-column-num="1"] .col {
  width: 100%;
}
.qfs-cont_form[data-column-num="2"] .col {
  width: 50%;
}
.qfs-cont_form[data-column-num="3"] .col {
  width: 33.3333333333%;
}
.qfs-cont_form[data-column-num="4"] .col {
  width: 25%;
}
.qfs-cont_form[data-column-num="4"] .lbl {
  flex-basis: 110px;
}
.qfs-cont_form[data-column-num="5"] .col {
  width: 20%;
}
.qfs-cont_form[data-column-num="5"] .lbl {
  flex-basis: 110px;
}
.qfs-cont_form .col {
  display: flex;
  align-items: center;
  position: relative;
  width: 50%;
  margin: 17px 0 18px;
  padding-right: 35px;
  box-sizing: border-box;
}
.qfs-cont_form .col_bx {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
}
.qfs-cont_form .col[data-width="50%"] {
  width: 50%;
}
.qfs-cont_form .col[data-width="66%"] {
  width: 66.666%;
}
.qfs-cont_form .col[data-width="100%"] {
  width: 100%;
}
.qfs-cont_form .col .qfs-dsc {
  width: 100%;
}
.qfs-cont_form .lbl {
  flex-basis: 140px;
  flex-shrink: 0;
  margin: 0 10px 0 0;
  line-height: 1.2;
}
.qfs-cont_form .lbl_vt {
  margin-top: 10px;
  align-self: flex-start;
}
.qfs-cont_form .lbl .qfs-slct_bar {
  width: 100%;
}
.qfs-cont_form .inp {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
}
.qfs-cont_form .inp_err p {
  color: #d10303;
}
.qfs-cont_form .inp_err :is(.qfs-slct_bar, .qfs-input_bar) {
  border-color: #d10303;
}
.qfs-cont_form .inp_crt p {
  color: #5bbe73;
}
.qfs-cont_form .inp_crt :is(.qfs-slct_bar, .qfs-input_bar) {
  border-color: #5bbe73;
}
.qfs-cont_form .inp_addr .qfs-input_bar {
  flex-basis: 100%;
}
.qfs-cont_form .inp_addr .qfs-input_bar ~ .qfs-input_bar {
  margin-left: 0;
  margin-top: 15px;
}
.qfs-cont_form .qfs-info {
  top: 90%;
  left: 0;
  width: 450px;
}
.qfs-cont_form p {
  flex: 1;
  flex-basis: 100%;
  margin: 10px 5px 0;
  color: #999;
}
.qfs-cont_form .qfs-dsc {
  margin: 10px 5px 0;
  color: #a7a7a7;
  font-style: italic;
}
.qfs-cont_form .qfs-dsc p {
  margin-top: 5px;
}
.qfs-cont_form .qfs-cont_cal {
  flex: 1;
  position: relative;
  background: none;
  padding: 0;
}
.qfs-cont_form .qfs-cont_cal:before {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -10px;
  width: 21px;
  height: 21px;
  background: url("../img/common/ic_cal.png") 0 0 no-repeat;
  content: "";
}
.qfs-cont_form .qfs-cont_cal [class^=qfs-input_] {
  text-align: left;
}
.qfs-cont_form .qfs-cont_cal--block {
  flex: 1;
}
.qfs-frame .qfs-cont_form:first-of-type {
  margin-top: 0;
  padding-top: 0;
}
.qfs-frame .qfs-cont_form .col {
  margin: 10px 0;
}
.qfs-cont_form .text_span {
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  height: 48px;
  padding: 0 10px;
  line-height: 47px;
  font-size: 1.35714em;
  color: #999;
}

.qfs-cont_thmb {
  position: relative;
  flex-shrink: 0;
  margin: 30px 20px 20px 0;
  border: 1px solid #ddd;
  width: 380px;
  height: 380px;
  background-color: #fff;
}
.qfs-cont_thmb .img_file {
  margin: 0 auto;
  width: 180px;
  height: 100%;
  background: url("../img/common/ic_noimg.png") center 40% no-repeat;
}
.qfs-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;
}
.qfs-cont_thmb .img_file label {
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  margin: 40px auto 0;
  color: #aaa;
  text-align: center;
  font-size: 1.0714em;
  cursor: pointer;
}
.qfs-cont_thmb .img_file small {
  display: block;
  margin-top: 7px;
  font-weight: 300;
  font-size: 0.92em;
}
.qfs-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;
}
.qfs-cont_thmb .img:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.qfs-cont_thmb .img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.qfs-cont_thmb--simple {
  margin: 10px auto;
  border: 0 none;
  width: 200px;
  height: 200px;
}

/* Flex 정렬을 위한 영역 */
.qfs-cont_flx {
  display: flex;
}
.qfs-cont_flx[data-column] {
  margin: 35px 0 0;
}
.qfs-cont_flx[data-column] :is(.qfs-cont_dt, .qfs-cont_dtt) {
  margin-top: 0;
}
.qfs-cont_flx[data-column] > div {
  flex: 1;
}
.qfs-cont_form + .qfs-cont_flx {
  margin-top: 80px;
}
.qfs-cont_flx .qfs-cont_sch {
  flex-grow: 1;
}
.qfs-cont_flx > .col {
  box-sizing: border-box;
}
.qfs-cont_flx > .col[data-width="33%"] {
  flex-basis: 33%;
}
.qfs-cont_flx > .col[data-width="50%"] {
  flex-basis: 50%;
}
.qfs-cont_flx > .col[data-width="66%"] {
  flex-basis: 66%;
}
.qfs-cont_flx > .col + .col {
  padding-left: 35px;
}

/* Views3
//------------------------------------------------------------------------------ */
/* 공통 영역 : Section, backgroun color, Align, Button, Detail */
header.qfs-cont__sc {
  position: relative;
  margin-bottom: 40px;
  padding: 24px 0;
  box-sizing: border-box;
  background-color: #fbf9ff;
}
header.qfs-cont__sc:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 0;
  bottom: 0;
  background: #fbf9ff;
  margin-left: -50vw;
  width: calc(100vw - 10px);
}
@media screen and (max-width: 1280px) {
  header.qfs-cont__sc:before {
    left: 0;
    margin-left: -30px;
    width: calc(100% + 60px);
  }
}

:where(.qfs-cont__sc, .qfs-cont__grid, .qfs-cont__hg, .qfs-cont__flx, .qfs-cont__form) + .qfs-cont__sc {
  margin-top: 24px;
}
.qfs-cont__sc--null {
  padding: 50px 0;
  text-align: center;
  color: #aaa;
  font-size: 15px;
}
.qfs-cont__lt {
  margin-right: auto;
}
.qfs-cont__rt {
  margin-left: auto;
  text-align: right;
}
.qfs-cont__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 40px 0;
  width: 100%;
  text-align: center;
}
.qfs-cont__btninr {
  width: 100%;
}
.qfs-cont__btninr + div {
  margin-top: 24px;
}
.qfs-cont__btn.btn--sbm {
  margin: 48px 0;
}
.qfs-cont__box .qfs-cont__btn:last-of-type {
  margin-bottom: 24px;
}
.qfs-cont__btn .qfs-btn {
  min-width: 100px;
}
.qfs-cont__btn.btn__rt {
  margin-top: 20px;
  text-align: right;
}
.qfs-cont__btn p {
  margin-top: 10px;
  width: 100%;
}
.qfs-cont__btn em {
  font-weight: normal;
}
.qfs-cont__btn .qfs-cont__cen {
  flex-grow: 1;
}
.qfs-cont__bg {
  position: relative;
  padding: 24px 0 48px;
  background-color: #f9f9f9;
}
.qfs-cont__bg:before {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 0;
  bottom: 0;
  margin-left: -50vw;
  background: #f9f9f9;
  width: calc(100vw - 10px);
  content: "";
}
@media screen and (max-width: 1280px) {
  .qfs-cont__bg:before {
    left: 0;
    margin-left: -30px;
    width: calc(100% + 60px);
  }
}
section .qfs-cont__bg:last-of-type {
  margin-bottom: -80px;
  padding-bottom: 120px;
}

[class^=qfs-cont__] + .qfs-cont__bg {
  margin-top: 24px;
}
header.qfs-cont__bg, header.qfs-cont__bg:before {
  background: #fbf9ff;
}
header.qfs-cont__bg {
  margin-bottom: 40px;
  padding: 16px 0;
}
header.qfs-cont__bg .qfs-cont__ht {
  margin-top: 8px;
}
header.qfs-cont__bg .qfs-cont__ht + .qfs-cont__nt {
  margin: -6px 0 8px;
}

.qfs-cont__dt {
  margin-top: 15px;
}
.qfs-cont__dt + .qfs-cont__dt {
  margin: 70px 0 0 32px;
}
.qfs-cont__dt:first-child {
  margin-top: 0;
}

.qfs-cont__box {
  padding: 24px 32px;
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.qfs-cont__box + .qfs-cont__box {
  margin-top: 48px;
}
.qfs-cont__box--border {
  padding: 12px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  font-size: 13px;
  color: #353535;
}
.qfs-cont__box--round {
  margin-top: 16px;
  padding: 28px 24px;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #fff;
}
.qfs-cont__box--round:first-of-type {
  margin-top: 0;
}
.qfs-cont__box--round p + p {
  margin-top: 10px;
}

/* 폼 컨트롤 영역 */
.qfs-cont__flt {
  display: flex;
  align-items: center;
  align-content: space-between;
  margin: 24px 0;
  border-top: 1px solid #dadada;
  padding: 12px 16px;
  background-color: #fafafa;
}
.qfs-cont__box > .qfs-cont__flt:first-of-type {
  margin-top: 0;
}
.qfs-cont__flt .qfs-slct__box- {
  min-width: 130px;
  max-width: 180px;
  font-size: 1.1em;
  color: #555;
}
.qfs-cont__flt .qfs-slct__box-.slct__nrw {
  min-width: 0;
  max-width: 130px;
}
.qfs-cont__flt .qfs-tab__sub {
  margin-bottom: -10px;
}
.qfs-cont__flt + :where(.qfs-cont__sc, .qfs-tbl, .qfs-cont__grid) {
  margin-top: -24px;
}
.qfs-tab__sub + .qfs-cont__flt, .qfs-tab__sub + div .qfs-cont__flt {
  margin-top: 0;
}
.qfs-cont__step + .qfs-cont__flt {
  margin-top: 80px;
}
.qfs-cont__flt .col {
  display: flex;
  align-items: center;
  width: 40%;
  padding: 10px 20px 10px 0;
  box-sizing: border-box;
}
.qfs-cont__flt .col label {
  margin-right: 10px;
  width: 20%;
  white-space: nowrap;
}
.qfs-cont__flt .col[data-width="60%"] {
  width: 60%;
}
.qfs-cont__flt.flt__block {
  display: block;
}
.qfs-cont__flt.flt__block > div + div {
  margin: 10px 0 0;
}
.qfs-cont__flt.flt__block > div {
  display: flex;
  align-items: center;
}

.qfs-cont__cal {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  padding: 1px 48px 0 10px;
  border-radius: 5px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  background: url("../img/common/ic_cal_2.png") calc(100% - 16px) 50% no-repeat;
  background-color: #fff;
  min-width: 177px;
  height: 40px;
  font-size: 14px;
}
.qfs-cargo .qfs-cont__cal {
  height: 36px;
}
.qfs-cont__cal.cal--bar {
  border: 0;
  border-radius: unset;
  border-bottom: 1px solid #dedede;
}
.qfs-cont__cal.cal__wide {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
}
.qfs-cont__cal + :where(select, .qfs-btn, [class^=qfs-input], [class^=qfs-check], .qfs-cont__sch) {
  margin-left: 10px;
}
.qfs-cont__cal input {
  padding: 0 5px;
  border: none;
  width: 80px;
  min-width: 0;
  height: 100% !important;
  color: #757575;
}
.qfs-cont__cal input[readonly] {
  background-color: #fff !important;
}
.qfs-cont__cal label {
  font-size: 16px;
  color: #757575;
  font-weight: 500;
}
.qfs-cont__cal i {
  color: #757575;
  font-size: 14px;
  font-style: initial;
  vertical-align: middle;
}
.qfs-cont__cal i.cal__txt {
  margin: 6px;
}

.qfs-cont__form {
  display: flex;
  flex-wrap: wrap;
  margin: -10px -40px -24px 0;
  font-size: 14px;
}
:where(.qfs-cont__form, .qfs-cont__flx, .qfs-table, .qfs-cont__sc) + .qfs-cont__form {
  margin-top: 24px;
}
.qfs-cont__form .qfs-autocomp {
  flex: 1;
  width: 100%;
}
.qfs-cont__form + .qfs-cont__flt {
  border-top: 0 none;
}
table.qfs-cont__form {
  display: table;
  width: 100%;
  table-layout: fixed;
}
table.qfs-cont__form th {
  padding-right: 40px;
  text-align: left;
}
table.qfs-cont__form td {
  align-items: flex-end;
  vertical-align: top;
}
table.qfs-cont__form td > .col {
  width: 100%;
}
table.qfs-cont__form td:last-of-type .col {
  padding-right: 0;
}
table.qfs-cont__form .qfs-cont__thmb {
  margin: 0;
  position: relative;
}

.qfs-cont__form.form--end {
  align-items: flex-end;
}
.qfs-cont__form .qfs-frame :is(.qfs-slct__bar, .qfs-input__bar) {
  font-size: 1.2em;
}
.qfs-frame__ct > .qfs-cont__form .col {
  margin: 10px 0;
}
.qfs-cont__form[data-column-num="1"] .col {
  width: 100%;
}
.qfs-cont__form[data-column-num="2"] .col {
  width: 50%;
}
.qfs-cont__form[data-column-num="3"] .col {
  width: 33.3333333333%;
}
.qfs-cont__form[data-column-num="4"] .col {
  width: 25%;
}
.qfs-cont__form[data-column-num="5"] .col {
  width: 20%;
}
.qfs-cont__form .col {
  position: relative;
  margin-bottom: 24px;
  padding-right: 40px;
  box-sizing: border-box;
  width: 50%;
}
.qfs-cont__form .col[data-width="25%"] {
  width: 25%;
}
.qfs-cont__form .col[data-width="50%"] {
  width: 50%;
}
.qfs-cont__form .col[data-width="66%"] {
  width: 66.666%;
}
.qfs-cont__form .col[data-width="75%"] {
  width: 75%;
}
.qfs-cont__form .col[data-width="100%"] {
  width: 100%;
}
.qfs-cont__form .col .qfs-dsc {
  width: 100%;
}
.qfs-cont__form .col__bg {
  margin: 0;
  padding: 13px 16px;
  background-color: #f4f4f4;
  border-radius: 5px;
  font-size: 14px;
  color: #757575;
}
.qfs-cont__form .col--err label:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d90000;
}
.qfs-cont__form .col--err .inp [class^=qfs-input__], .qfs-cont__form .col--err [class^=qfs-slct__] {
  border-color: #d90000;
}
.qfs-cont__form .col--err p.text {
  width: 100%;
  color: #d90000;
}
.qfs-cont__form .col--ok label:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 8px;
  width: 8px;
  height: 8px;
  background: url(../img/common/ic_success.png) 50% no-repeat;
}
.qfs-cont__form .col__txt {
  font-size: 14px;
  color: #757575;
}
.qfs-cont__form .col.col__start {
  align-self: flex-start;
}
.qfs-cont__form .col > p {
  display: none;
}
.qfs-cont__form .col.col--err p {
  display: block;
  color: #d90000;
}
.qfs-cont__form .lbl {
  margin: 0;
  width: 100%;
  line-height: 1.2;
  color: #353535;
  font-weight: 500;
  font-size: 1.0714em;
}
.qfs-cont__form .lbl.lbl--required:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d90000;
}
.qfs-cont__form .lbl em {
  color: #d32f2f;
}
.qfs-cont__form .lbl .qfs-slct__bar {
  width: 100%;
}
.qfs-cont__form :is(.lbl, label, .qfs-inf) + .inp {
  margin-top: 6px;
}
.qfs-cont__form .inp {
  display: flex;
  align-items: center;
}
.qfs-cont__form .inp--block {
  display: block;
}
.qfs-cont__form .inp--block input {
  margin-left: 0 !important;
}
.qfs-cont__form .inp--block input + input {
  margin-top: 10px;
}
.qfs-cont__form .inp--wrap {
  flex-wrap: wrap;
}
.qfs-cont__form .inp--err {
  position: relative;
}
.qfs-cont__form .inp--err p {
  color: #d10303;
}
.qfs-cont__form .inp--err :is(.qfs-slct__bar, .qfs-input__bar) {
  border-color: #d10303;
}
.qfs-cont__form .inp--err .err__inf {
  position: absolute;
  bottom: 40px;
  left: 45px;
  z-index: 100;
  padding: 16px;
  border-radius: 10px;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  background: #fff;
  min-width: 200px;
  color: #d90000;
  line-height: 1.6;
  text-align: left;
  opacity: 1;
  visibility: visible;
}
.qfs-cont__form .inp--err .err__inf:after {
  position: absolute;
  bottom: -14px;
  left: 30px;
  border-style: solid;
  border-width: 8px;
  border-color: #fff transparent transparent;
  content: "";
}
.qfs-cont__form .inp--crt p {
  color: #5bbe73;
}
.qfs-cont__form .inp--crt :is(.qfs-slct__bar, .qfs-input__bar) {
  border-color: #5bbe73;
}
.qfs-cont__form .inp--addr .qfs-input__bar {
  flex-basis: 100%;
}
.qfs-cont__form .inp--addr .qfs-input__bar ~ .qfs-input_bar {
  margin-left: 0;
  margin-top: 15px;
}
.qfs-cont__form .inp--cal {
  position: relative;
}
.qfs-cont__form .inp--cal:before {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background: url("../img/common/ic_cal_2.png") 0 0 no-repeat;
  content: "";
}
.qfs-cont__form .inp__inr {
  display: flex;
  flex: 1;
}
.qfs-cont__form .inp__inr + .inp__inr {
  margin-left: 40px;
}
.qfs-cont__form input::placeholder {
  color: #cdcdcd;
}
.qfs-cont__form [class^=qfs-input_] {
  flex: 1;
  min-width: 0;
}
.qfs-cont__form .qfs-info {
  top: 90%;
  left: 0;
  width: 450px;
}
.qfs-cont__form p {
  flex: 1;
  flex-basis: 100%;
  margin: 10px 5px 0;
  color: #999;
}
.qfs-cont__form .qfs-dsc {
  margin: 10px 5px 0;
  color: #a7a7a7;
  font-style: italic;
}
.qfs-cont__form .qfs-dsc p {
  margin-top: 5px;
}
.qfs-cont__form .text__span {
  padding-right: 5px;
  white-space: nowrap;
  color: #757575;
  font-size: 1em;
}
.qfs-cont__form .text__span--bar {
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  height: 40px;
  padding: 0 10px;
  line-height: 40px;
  font-size: 1.071em;
  color: #757575;
}

.qfs-cont__thmb {
  position: relative;
  flex-shrink: 0;
  margin: 24px 20px 20px 0;
  border-radius: 5px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
  width: 300px;
  height: 300px;
}
.qfs-cont__thmb .img__file {
  margin: 0 auto;
  width: 180px;
  height: 100%;
  background: url("../img/common/ic_img.png") center 40% no-repeat;
}
.qfs-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;
}
.qfs-cont__thmb .img__file label {
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  margin: 40px auto 0;
  color: #aaa;
  text-align: center;
  font-size: 1.0714em;
  cursor: pointer;
}
.qfs-cont__thmb .img__file small {
  display: block;
  margin-top: 7px;
  font-weight: 300;
  font-size: 0.92em;
}
.qfs-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;
}
.qfs-cont__thmb .img:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.qfs-cont__thmb .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
}
.qfs-cont__thmb--simple {
  margin: 10px auto;
  border: 0 none;
  width: 200px;
  height: 200px;
}
.qfs-cont__thmb.thmb__min {
  width: 130px;
  height: 130px;
  margin: 0;
}
.qfs-cont__thmb.thmb__min .img__file {
  width: 100%;
  background-position: 50% 25%;
}
.qfs-cont__thmb.thmb__min label {
  top: 25%;
}
.qfs-cont__thmb.thmb__min small {
  margin: 0;
  font-size: 0.8em;
}
.col .qfs-cont__thmb {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 24px;
}

/* Flex 정렬을 위한 영역 */
.qfs-cont__flx {
  display: flex;
}
:where(.qfs-cont__flx, .qfs-cont__form, .qfs-cont__sc) + .qfs-cont__flx {
  margin-top: 24px;
}
header .qfs-cont__flx .qfs-cont__nt {
  flex: 1;
  align-self: center;
  margin: 0 20px 0 0;
  letter-spacing: -0.034em;
}
header .qfs-cont__flx .qfs-btn {
  white-space: nowrap;
  align-self: center;
}

.qfs-cont__flx[data-column] :is(.qfs-cont__dt, .qfs-cont__dtt, .qfs-txt__box) {
  margin-top: 0;
}
.qfs-cont__flx[data-column] > div {
  flex: 1;
}
.qfs-cont__flx .qfs-cont__sch {
  flex-grow: 1;
}
.qfs-cont__flx > .col {
  box-sizing: border-box;
}
.qfs-cont__flx > .col[data-width="33%"] {
  flex-basis: 33%;
}
.qfs-cont__flx > .col[data-width="50%"] {
  flex-basis: 50%;
}
.qfs-cont__flx > .col[data-width="66%"] {
  flex-basis: 66%;
}
.qfs-cont__flx > .col + .col {
  padding-left: 35px;
}

/* 테이블 그리드 영역 */
.qfs-cont__grid {
  position: relative;
  margin-top: 15px;
}
:where(.qfs-cont__grid, .qgs-cont__form, .qfs-cont__hg, .qfs-cont__flx, .qfs-cont__sc) + .qfs-cont__grid {
  margin-top: 24px;
}

/* #Common: Button 
//------------------------------------------------------------------------------ */
.qfs-btn {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #8158bf;
  box-sizing: border-box;
  color: #8158bf;
  text-align: center;
  background: #fff;
}

:where(.qfs-wrap .qfs-cont_inr, .qfs-frame_ct) .qfs-btn {
  padding: 0 17px;
  border-radius: 20px;
  height: 35px;
  min-width: 72px;
  font-size: 1rem;
  line-height: 33px;
  font-weight: 500;
}
.btn_lrg .qfs-btn {
  padding: 0 40px;
  min-width: 120px;
  height: 48px;
  border-radius: 24px;
  font-size: 1.125rem;
  line-height: 46px;
}

/* Views3
//------------------------------------------------------------------------------ */
:where(.qfs-inner, [class^=qfs-frame__], .qfs-cargo) .qfs-btn {
  padding: 9px 16px 10px;
  border-radius: 5px;
  min-width: 90px;
  height: 40px;
  line-height: 21px;
  font-weight: normal;
  font-size: 15px;
}
:where(.qfs-inner, [class^=qfs-frame__], .qfs-cargo) .qfs-btn[disabled] {
  cursor: default;
  opacity: 1;
}
:where(.qfs-inner, [class^=qfs-frame__], .qfs-cargo) .qfs-btn:not(.btn__grey, .btn_grey):hover {
  background-color: #8158bf;
  color: #fff;
}
.btn--lrg .qfs-btn {
  padding: 0 40px;
  min-width: 100px;
  height: 56px;
  font-size: 18px;
  line-height: 54px;
}

.btn--mdm .qfs-btn {
  padding: 10px 16px 9px;
  height: 40px;
  font-size: 15px;
}

:where(.qfs-btn.btn_grey, .qfs-btn.btn__grey):not(.btn__sbm) {
  border-color: #757575;
  color: #757575;
}
.qfs-btn.btn_grey.btn_sbm {
  background: #777;
  color: #fff;
}
.qfs-btn.btn_wht, .qfs-btn.btn__wht {
  border-color: #fff;
  background: transparent;
  color: #fff;
}
:where(.qfs-btn.btn_sbm, .qfs-btn.btn__sbm):not(.btn__grey, [disabled]) {
  background: #8158bf;
  color: #fff;
}
.qfs-btn.btn__sbm:hover {
  background-color: #533382;
}
.qfs-btn.btn__sbm.btn__grey, .qfs-btn.btn__sbm[disabled] {
  background-color: #dedede;
  border: 0;
  color: #fff;
}
.btn--lrg :where(.qfs-btn.btn__sbm.btn__grey, .qfs-btn.btn__sbm[disabled]):hover {
  background-color: #dedede;
}

.qfs-btn.btn_del, .qfs-btn.btn__del {
  border-color: #d90000;
  background-color: #fff;
  color: #d90000;
}
.qfs-btn.btn__del:hover {
  background-color: #d90000;
  color: #fff;
}

.qfs-btn.btn_rect {
  border-radius: 0;
}
.qfs-btn.btn_prev:before, .qfs-btn.btn_next:after {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  border: solid #8158bf;
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  content: "";
}
.qfs-btn.btn_prev:before {
  margin-right: 8px;
  border-width: 0 0 1px 1px;
}
.qfs-btn.btn_next:after {
  margin-left: 8px;
  border-width: 1px 1px 0 0;
}
.qfs-btn.btn_sbm.btn_prev:before, .qfs-btn.btn_sbm.btn_next:after {
  border-color: #fff;
}
:where(.qfs-btn.btn_add, .qfs-btn.btn_up, .qfs-btn.btn_down, .qfs-btn.btn_sync, .qfs-btn.btn_srch, .qfs-btn.btn_cart, .qfs-btn.btn_link, .qfs-btn.btn_link--not):before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -2px 4px 0 -5px;
  width: 33px;
  height: 33px;
  background: 50% 50% no-repeat;
}

:where(.qfs-btn.btn_add, .qfs-btn.btn_up, .qfs-btn.btn_down, .qfs-btn.btn_sync, .qfs-btn.btn_srch, .qfs-btn.btn_cart, .qfs-btn.btn_link, .qfs-btn.btn_link--not).btn_grey {
  background-color: #fff;
}
:where(.qfs-btn.btn_add, .qfs-btn.btn_up, .qfs-btn.btn_down, .qfs-btn.btn_sync, .qfs-btn.btn_srch, .qfs-btn.btn_cart, .qfs-btn.btn_link, .qfs-btn.btn_link--not).btn_grey:before {
  filter: grayscale(1);
  opacity: 0.75;
}
.qfs-btn.btn_add:before {
  background-image: url("../img/common/bt_add.png");
}
.qfs-btn.btn_up:before {
  background-image: url("../img/common/bt_upload.png");
}
.qfs-btn.btn_down:before {
  background-image: url("../img/common/bt_download.png");
}
.qfs-btn.btn_sync:before {
  background-image: url("../img/common/bt_sync.png");
}
.qfs-btn.btn_srch:before {
  background-image: url("../img/common/bt_search.png");
}
.qfs-btn.btn_cart:before {
  background-image: url("../img/common/bt_cart.png");
}
.qfs-btn.btn_link:before {
  background-image: url("../img/common/bt_link.png");
}
.qfs-btn.btn_link--not:before {
  background-image: url("../img/common/bt_link_not.png");
}

:where(.qfs-btn.btn__down, .qfs-btn.btn__up):after, :where(.qfs-btn.btn__link, .qfs-btn.btn__link--not, .qfs-btn.btn__re, .qfs-btn.btn__download, .qfs-btn.btn__cloud):before {
  content: "";
  display: inline-block;
  background: 50% no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

:where(.qfs-btn.btn__link, .qfs-btn.btn__link--not, .qfs-btn.btn__re, .qfs-btn.btn__download, .qfs-btn.btn__cloud):before {
  margin: -5px 4px -4px -8px;
}
:where(.qfs-btn.btn__link, .qfs-btn.btn__link--not, .qfs-btn.btn__re, .qfs-btn.btn__download, .qfs-btn.btn__cloud).btn__grey:before {
  filter: grayscale(1);
  opacity: 0.75;
}
:where(.qfs-btn.btn__down, .qfs-btn.btn__up):after {
  margin: -2px -5px 0 4px;
}
:where(.qfs-btn.btn__down, .qfs-btn.btn__up).btn__grey:before {
  filter: grayscale(1);
  opacity: 0.75;
}
.qfs-btn.btn__down:after {
  background-image: url("../img/common/bt_down.png");
}
.qfs-btn.btn__download:before {
  background-image: url("../img/common/bt_down_m.png");
}
.qfs-btn.btn__download:hover:before {
  background-image: url("../img/common/bt_down.png");
}
.qfs-btn.btn__up:after {
  background-image: url("../img/common/bt_up.png");
}
.qfs-btn.btn__up:hover:after {
  background-image: url("../img/common/bt_up_w.png");
}
.qfs-btn.btn__cloud:before {
  background-image: url("../img/common/bt_cloud.png");
}
.qfs-btn.btn__cloud:hover:before {
  background-image: url("../img/common/bt_cloud_w.png");
}
.qfs-btn.btn__re:before {
  background-image: url("../img/common/bt_refresh.png");
}
.qfs-btn.btn__re:hover:before {
  background-image: url("../img/common/bt_refresh_w.png");
}
.qfs-btn.btn__link:hover {
  background-color: #fff;
  color: #8158bf;
}
.qfs-btn.btn__link:before {
  width: 33px;
  height: 33px;
  background-image: url("../img/common/bt_link.png");
  -webkit-animation: btn-link-on ease-out 2.3s;
  animation: btn-link-on ease-out 2.3s;
  animation-iteration-count: infinite;
}
@-webkit-keyframes btn-link-on {
  0% {
    clip-path: polygon(0 100%, 0 100%, 0 100%, 0% 100%);
    opacity: 0;
  }
  40% {
    clip-path: polygon(0 21%, 100% 100%, 100% 100%, 0 100%);
    opacity: 1;
  }
  60% {
    clip-path: polygon(37% 0, 100% 0, 100% 100%, 0 100%);
  }
  100% {
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0 100%);
  }
}
@keyframes btn-link-on {
  0% {
    clip-path: polygon(0 100%, 0 100%, 0 100%, 0% 100%);
    opacity: 0;
  }
  40% {
    clip-path: polygon(0 21%, 100% 100%, 100% 100%, 0 100%);
    opacity: 1;
  }
  60% {
    clip-path: polygon(37% 0, 100% 0, 100% 100%, 0 100%);
  }
  100% {
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0 100%);
  }
}
.qfs-btn.btn__link--not:before {
  background-image: url("../img/common/bt_link_not.png");
  width: 33px;
  height: 33px;
}

/* #Common: Form Control / Views2 & Views3
//------------------------------------------------------------------------------ */
.qfs-wrap label {
  margin: 0 20px;
  font-size: 1.0714em;
  color: #5e5e5e;
  font-weight: normal;
}
input + .qfs-wrap label {
  margin-left: 5px;
}

:is(.qfs-cont_inr, .qfs-inner) :is(input, textarea, select)[disabled] {
  color: #aaa;
  border-color: #ddd;
  background: #eee;
  cursor: default;
}
:is(.qfs-cont_inr, .qfs-inner) :is(input, textarea, select)[readonly] {
  background: #eee;
  cursor: default;
}

.qfs-wrap select {
  padding: 0 30px 0 10px;
  box-sizing: border-box;
  background: url(../img/common/ic_select_2.png) calc(100% - 8px) 54% no-repeat;
  height: 40px;
  text-align-last: left;
  vertical-align: middle;
  cursor: pointer;
  appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
}

:is([class^=qfs-slct], [class^=qfs-input], [class^=qfs-check], .qfs-cont__cal, .qfs-cont_cal, [calss^=radio], .qfs-num, .qfs-cont__sch, .qfs-btn) + :is([class^=qfs-slct], [class^=qfs-input], [class^=qfs-check], .qfs-cont__cal, .qfs-cont_cal, [calss^=radio], .qfs-num, .qfs-cont__sch, .qfs-btn) {
  margin-left: 10px;
}

[class^=qfs-slct].slct_wide, [class^=qfs-slct].slct__wide {
  flex: 1;
  width: 100%;
}
[class^=qfs-slct].slct_nrw, [class^=qfs-slct].slct__nrw {
  min-width: 0;
}
.qfs-slct_bar, .qfs-slct__bar {
  border-bottom: 1px solid #dcdcdc;
  min-width: 160px;
  font-size: 15px;
  color: #555;
}
.qfs-slct_box, .qfs-slct__box {
  border: 1px solid #dedede;
  border-radius: 5px;
  min-width: 110px;
  font-size: 14px;
  color: #757575;
}

.qfs-wrap input {
  box-sizing: border-box;
  vertical-align: middle;
  height: 40px;
  font-size: 14px;
  color: #757575;
}

[class^=qfs-input][type=search] {
  flex: 1;
  max-width: 400px;
}
[class^=qfs-input].input__wide {
  flex: 1;
  width: 100%;
}
[class^=qfs-input].input__nrw {
  min-width: 0;
}
[class^=qfs-input]:focus {
  border-color: #8158bf;
  outline: none;
}
[class^=qfs-input].input_em {
  font-weight: 700;
}
.qfs-input_bar, .qfs-input__bar {
  border-bottom: 1px solid #dcdcdc;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: transparent;
}
.qfs-input_bar.input_hd, .qfs-input__bar.input__hd {
  overflow: hidden;
  text-overflow: ellipsis;
}

.qfs-input_box, .qfs-input__box {
  padding: 0 10px;
  border: 1px solid #dedede;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: #fff;
}
textarea.qfs-input_box, textarea.qfs-input__box {
  padding: 10px;
  resize: none;
  line-height: 19px;
}

.qfs-input__box.input__rt {
  text-align: right;
}

.qfs-input_box::placeholder, .qfs-input__box::placeholder {
  color: #cdcdcd;
}
.qfs-input_file {
  display: inline-block;
  position: relative;
}
.qfs-input_file input + .qfs-input_file input {
  margin-left: 10px;
}
.qfs-input_file input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: transparent;
  opacity: 0;
}
.qfs-input_file label {
  display: inline-block;
  margin: 0;
  padding-left: 45px;
  box-sizing: border-box;
  background: transparent url("../img/common/ic_fileup.png") 10px 50% no-repeat;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 33px;
  cursor: pointer;
}
.qfs-input_file label.qfs-btn {
  background-image: none;
  padding: 0 17px;
}
.qfs-input_file .ly {
  display: none;
  position: absolute;
  z-index: 1;
  top: 100%;
  margin-top: 10px;
  padding: 15px;
  min-width: 150px;
  border-radius: 5px;
  color: #8158bf;
  box-shadow: -1px 1px 7px 0 rgba(124, 124, 124, 0.18);
  background: #fff;
}
.qfs-input_file:hover .ly {
  display: block;
}

[class^=qfs-check] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}
[class^=qfs-check]:not(.qfs-check__box, .qfs-check__bar) input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(255, 255, 255, 0);
  cursor: pointer;
}
[class^=qfs-check]:not(.qfs-check__box, .qfs-check__bar) input:checked + label:before {
  background: #555;
}
[class^=qfs-check]:not(.qfs-check__box, .qfs-check__bar) input[disabled] {
  opacity: 0;
}
[class^=qfs-check]:not(.qfs-check__box, .qfs-check__bar) input[disabled] + label {
  color: #aaa;
  opacity: 0.5;
}
[class^=qfs-check]:not(.qfs-check__box, .qfs-check__bar) label {
  display: inline-block;
  margin: 0;
  padding-left: 17px;
}
[class^=qfs-check]:not(.qfs-check__box, .qfs-check__bar) label:before {
  display: inline-block;
  margin: 0 7px 0 -17px;
  border: 1px solid #555;
  width: 10px;
  height: 10px;
  content: "";
}
.qfs-check_bar, .qfs-check__bar {
  border-bottom: 1px solid #dcdcdc;
  padding: 0 10px;
  height: 36px;
  line-height: 34px;
}
.qfs-check__box, .qfs-check__bar {
  white-space: nowrap;
}
.qfs-check__box.inp, .qfs-check__bar.inp {
  padding-top: 8px;
}
:where(.qfs-check__box, .qfs-check__bar) label {
  margin: 0 !important;
  padding-left: 8px;
}
:where(.qfs-check__box, .qfs-check__bar) label:hover {
  cursor: pointer;
}
:where(.qfs-check__box, .qfs-check__bar) label:before {
  display: inline-block;
  content: "";
  margin: 0 8px -3px -7px;
  border: 2px solid #cdcdcd;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
}
:where(.qfs-check__box, .qfs-check__bar) input {
  position: absolute;
  width: 0;
  height: 0;
  z-index: -1;
  appearance: none;
  outline: none;
  border: 0;
  cursor: pointer;
}
:where(.qfs-check__box, .qfs-check__bar) input[disabled] + label:hover {
  cursor: default;
}
:where(.qfs-check__box, .qfs-check__bar) input[disabled] + label:before {
  filter: grayscale(1);
  opacity: 0.3;
}
:where(.qfs-check__box, .qfs-check__bar) :where(input:checked, input[disabled]) + label:before {
  background: url(../img/common/ic_check.png) 50% no-repeat;
  border-color: #fff;
  background-size: cover;
  border: 0;
}
div.qfs-check__box {
  display: block;
  width: 100%;
}
div.qfs-check__box + .qfs-check__box {
  margin: 8px 0 0;
}

.qfs-radio {
  white-space: nowrap;
}
.qfs-radio input {
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #888;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px #fff;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  appearance: none;
  cursor: pointer;
}
.qfs-radio input:checked {
  background: #8158bf;
  border-color: #8158bf;
}
.qfs-radio label {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 0 5px;
  cursor: pointer;
}
.qfs-radio__box {
  display: block;
}
.qfs-radio__box + .qfs-radio__box {
  margin-top: 24px;
}

.qfs-num {
  display: inline-block;
  vertical-align: middle;
  padding-left: 1px;
  box-sizing: border-box;
  height: 24px;
  font-size: 0;
}
.qfs-num a {
  display: inline-block;
  position: relative;
  border: 1px solid #888;
  box-sizing: border-box;
  width: 24px;
  height: 100%;
  text-indent: -9999px;
  vertical-align: middle;
}
.qfs-num a:before {
  width: 50%;
  height: 1px;
  transform: translateX(-50%);
}
.qfs-num a:before, .qfs-num .plus:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  background: #222;
  content: "";
}
.qfs-num .plus:after {
  width: 1px;
  height: 50%;
  transform: translateY(-50%);
}
.qfs-num input {
  margin: 0 -1px;
  padding: 0 4px;
  border: 1px solid #888;
  box-sizing: border-box;
  width: 39px;
  height: 100%;
  vertical-align: middle;
  font-size: 12px;
  color: #222;
  text-align: center;
}
.qfs-num input:disabled {
  background: #ebebe4;
}
.qfs-num.is_off {
  pointer-events: none;
}
.qfs-num.is_off a {
  border-color: #aaa;
}
.qfs-num.is_off a:before, .qfs-num.is_off a:after {
  background: #ddd;
}
.qfs-num.is_off input {
  border-color: #aaa;
  background: #f9f9fa;
  color: #c0c0c0;
}

.qfs-autocomp {
  position: relative;
}
.qfs-autocomp + .qfs-btn {
  margin-left: 15px;
}
.qfs-autocomp input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qfs-autocomp_option {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  margin-top: -1px;
  border: 1px solid #d7d7d7;
  width: 250px;
  background: #fff;
  font-size: 1.1428em;
}
.qfs-autocomp_option a {
  display: block;
  margin-top: -1px;
  padding: 5px 10px;
  border-top: 1px solid #d7d7d7;
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qfs-autocomp_option a.add {
  color: #8158bf;
  background: rgba(53, 53, 53, 0.2);
}

.qfs-cont__txtarea {
  flex: 1;
  padding: 12px 16px;
  border: 1px solid #dedede;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: #fff;
  width: 100%;
  resize: none;
  font-size: 1em;
  color: #757575;
  line-height: 19px;
}

.qfs-tag {
  border: 1px solid #dcdcdc;
  padding: 45px 20px;
  text-align: center;
}
.qfs-tag__wrap {
  margin: 5px 0 0 -10px;
  max-width: 100%;
}
.qfs-tag__btn {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  padding: 6px 12px;
  border-radius: 25px;
  box-sizing: border-box;
  background: #f9f9f9;
  color: #757575;
}
.qfs-tag__btn .ic__del {
  float: right;
  margin-left: 5px;
  filter: grayscale(1);
  opacity: 0.3;
}

.qfs-input__toggle {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.qfs-input__toggle.toggle__btn {
  width: 40px;
  height: 22px;
  overflow: hidden;
}
.qfs-input__toggle.toggle__btn label {
  margin: 0;
  padding: 0;
  color: transparent;
}
.qfs-input__toggle input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  appearance: none;
  outline: none;
  border: 0;
  cursor: pointer;
}
.qfs-input__toggle input:checked + label:before {
  background-color: #8158bf;
}
.qfs-input__toggle input:checked + label:after {
  left: 4px;
}
.qfs-input__toggle label {
  position: relative;
  display: block;
  padding: 3px 0 0 48px;
  box-sizing: border-box;
  font-weight: 500;
}
.qfs-input__toggle label:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  border-radius: 14px;
  background-color: #dedede;
  width: 40px;
  height: 22px;
  content: "";
}
.qfs-input__toggle label:after {
  position: absolute;
  left: 22px;
  top: 4px;
  border-radius: 50%;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  width: 14px;
  height: 14px;
  cursor: pointer;
  content: "";
}
.qfs-input__toggle label:hover {
  cursor: pointer;
}

/* #Common: Icon 
//------------------------------------------------------------------------------ */
.qfs-ic {
  display: inline-block;
  overflow: hidden;
  height: 0;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: middle;
}
.qfs-ic.ic_del {
  width: 17px;
  padding-top: 17px;
  background-image: url("../img/common/ic_del.png");
  background-size: cover;
}
.qfs-ic.ic__del {
  width: 20px;
  padding-top: 20px;
  background-image: url("../img/common/ic_del.png");
}
.qfs-ic.ic__add {
  width: 20px;
  padding-top: 20px;
  background-image: url("../img/common/ic_add.png");
}

[class^=mng_bg_] {
  text-align: center;
}
.qfs-cont_ht ~ [class^=mng_bg_] {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
[class^=mng_bg_] span {
  display: inline-block;
  position: relative;
  padding-left: 50px;
  color: #999;
  text-align: center;
  vertical-align: top;
}
[class^=mng_bg_] span:before {
  content: "";
  display: block;
  margin: 0 auto 5px;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  filter: grayscale(1);
  opacity: 0.8;
}
[class^=mng_bg_] span:first-child {
  padding-left: 0;
}
[class^=mng_bg_] span + span:after {
  content: "";
  position: absolute;
  left: 7px;
  right: 67px;
  top: 30px;
  border-top: 1px dashed #999;
}
[class^=mng_bg_] span.is_on {
  color: #353535;
}
[class^=mng_bg_] span.is_on:before {
  filter: unset;
  opacity: 1;
}
.mng_bg_svc span:before {
  background-image: url("../img/common/bg_mng_svc.png");
}
.mng_bg_svc .pth_01:before {
  background-position: 0px 0;
}
.mng_bg_svc .pth_02:before {
  background-position: -60px 0;
}
.mng_bg_svc .pth_03:before {
  background-position: -120px 0;
}

.mng_bg_trc span:before {
  background-image: url("../img/common/bg_mng_trc.png");
  background-size: auto 60px;
}
.mng_bg_trc .pth_01:before {
  background-position: 0px 0;
}
.mng_bg_trc .pth_02:before {
  background-position: -60px 0;
}
.mng_bg_trc .pth_03:before {
  background-position: -120px 0;
}
.mng_bg_trc .pth_04:before {
  background-position: -180px 0;
}

@media screen and (min-width: 414px) and (max-width: 480px) {
  [class^=mng_bg_] span {
    padding-left: 40px;
  }
}
@media screen and (max-width: 414px) {
  [class^=mng_bg_] span {
    padding-left: 10px;
    font-size: 0.925em;
  }
  [class^=mng_bg_] span + span:after {
    left: 0;
    right: 60px;
  }
}

/* #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;
  }
}
.qfs-layer {
  position: fixed;
  z-index: 1000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 50px 30px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.6);
  min-width: fit-content;
  overflow-y: auto;
  text-align: center;
  font-size: 0;
}
.qfs-layer:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.qfs-layer_inr, .qfs-layer__inr {
  display: inline-block;
  position: relative;
  background: #fff;
  vertical-align: middle;
  text-align: left;
  font-size: 0.875rem;
}
.qfs-layer__inr {
  width: 100%;
  max-width: 1000px;
}
.qfs-layer__inr--round {
  border-radius: 16px;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #faf9fb;
  overflow: hidden;
  width: auto;
}
.qfs-layer__inr.inr--box {
  padding: 30px;
  border-radius: 5px;
  box-sizing: border-box;
  min-width: 550px;
  min-height: 224px;
  text-align: center;
}
.qfs-layer__inr.inr--box .qfs-layer__cls {
  top: 24px;
  right: 24px;
  padding-top: 24px;
  width: 24px;
  height: 24px;
}
.qfs-layer__inr.inr--box .qfs-layer__cls:before, .qfs-layer__inr.inr--box .qfs-layer__cls:after {
  border-color: #cdcdcd;
}
.qfs-layer__sc {
  margin: 48px 0;
  font-size: 16px;
  color: #757575;
}
.qfs-layer_cls, .qfs-layer__cls {
  position: absolute;
  top: -45px;
  right: 0;
  width: 35px;
  height: 0;
  padding-top: 35px;
  overflow: hidden;
  background: none;
}
.qfs-layer_cls:before, .qfs-layer_cls:after, .qfs-layer__cls:before, .qfs-layer__cls:after {
  position: absolute;
  left: 50%;
  top: 0;
  border-left: 2px solid #fff;
  height: 100%;
  transform: rotate(45deg);
  content: "";
}
.qfs-layer_cls:after, .qfs-layer__cls:after {
  transform: rotate(-45deg);
}
.qfs-layer__cls {
  top: 25px;
  right: 25px;
}
header .qfs-layer__cls {
  top: 27px;
  right: 37px;
  padding-top: 30px;
  width: 30px;
}
.qfs-layer--dimmed-trans .qfs-layer_inr, .qfs-layer--dimmed-white .qfs-layer_inr {
  border-radius: 10px;
  box-shadow: 0 12px 20px 1px rgba(0, 0, 0, 0.35);
}
.qfs-layer--dimmed-trans .qfs-layer_cls, .qfs-layer--dimmed-white .qfs-layer_cls {
  top: 20px;
  right: 20px;
  width: 20px;
  padding-top: 20px;
}
.qfs-layer--dimmed-trans .qfs-layer_cls:before, .qfs-layer--dimmed-trans .qfs-layer_cls:after, .qfs-layer--dimmed-white .qfs-layer_cls:before, .qfs-layer--dimmed-white .qfs-layer_cls:after {
  border-color: #ccc;
}
.qfs-layer--dimmed-trans {
  background: rgba(255, 255, 255, 0);
}
.qfs-layer--dimmed-white {
  background: rgba(255, 255, 255, 0.6);
}
.qfs-layer_nv, .qfs-layer__nv {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 13px;
}
.qfs-layer_nv label, .qfs-layer__nv label {
  margin: 0 0 0 5px;
  color: #fff;
}
.fixed_html, .fixed__html {
  overflow: hidden;
}

.qfs-layer .qfs-layerpop {
  position: relative;
}
.qfs-layer--fade-in {
  transition: 0.5s ease-in-out;
  opacity: 1;
}
.qfs-layer--fade-in .qfs-layerpop {
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
}
.qfs-layer--fade-out {
  transition: 0.5s ease-in-out;
  opacity: 0;
  z-index: -1000;
}
.qfs-layer--fade-out .qfs-layerpop {
  transition: 0.5s ease-in-out;
  opacity: 0;
}

.qfs-layerpop {
  display: inline-block;
  position: fixed;
  z-index: 1000;
  background: #f6f5ff;
  border-radius: 30px;
  width: 395px;
  padding: 40px;
  vertical-align: middle;
  text-align: left;
  font-size: 1rem;
  line-height: 1.8;
  box-shadow: 0 9px 24px rgba(0, 0, 0, 0.36);
}
.qfs-layerpop__tt {
  margin-bottom: 30px;
  font-size: 1.25em;
}
.qfs-layerpop__inr {
  margin: 30px 0;
}
.qfs-layerpop__inr em {
  font-weight: normal;
}
.qfs-layerpop__btn {
  margin-top: 30px;
  text-align: right;
}
.qfs-layerpop__btn button {
  background: transparent;
  font-size: inherit;
  color: #8158bf;
}
.qfs-layerpop__btn .qfs-btn {
  margin: 0;
  border: 0 none;
  border-radius: 15px;
  height: 50px;
  padding: 0 30px;
}

.qfs-inf {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  text-align: left;
  font-size: 0.875rem;
  font-weight: normal;
}
.qfs-inf + .qfs-btn, input + .qfs-inf {
  margin-left: 8px;
}
.qfs-btn .qfs-inf {
  position: relative;
  top: -1px;
  left: 0px;
  margin: 0 4px;
}
.qfs-inf .qfs-btn + :where(.qfs-inf_bt, .qfs-inf__bt) {
  position: relative;
  top: -7px;
  left: -4px;
}
.qfs-cont__cal .qfs-inf {
  margin: 0;
}
.qfs-inf_bt, .qfs-inf__bt {
  display: inline-block;
  vertical-align: middle;
  color: transparent;
  font-size: 1px;
  overflow: hidden;
  cursor: help;
  white-space: nowrap;
}
.qfs-inf_bt {
  margin: 0 4px;
  background: url("../img/common/ic_inf.png") 0 0 no-repeat;
  width: 14px;
  height: 18px;
}
.qfs-inf__bt {
  position: relative;
  padding-top: 1px;
  width: 15px;
  height: 17px;
}
.qfs-inf__bt:before {
  position: absolute;
  content: "!";
  top: 0;
  left: 0;
  border: 1px solid #8158bf;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  color: #8158bf;
  font-size: 13px;
  line-height: 14px;
  font-weight: 500;
  text-align: center;
}
.qfs-inf__bt.bt__hp:before {
  content: "?";
}
.qfs-inf_clse, .qfs-inf__clse {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 15px;
  height: 15px;
  background-color: transparent;
  font-size: 0;
  color: transparent;
  text-indent: 100%;
}
.qfs-inf_clse:before, .qfs-inf_clse:after, .qfs-inf__clse:before, .qfs-inf__clse:after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  background: #cdcdcd;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  content: "";
}
.qfs-inf_clse:after, .qfs-inf__clse:after {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.qfs-inf_ly, .qfs-inf__ly {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  margin-top: 5px;
  padding: 15px 20px;
  background: #fff;
  box-shadow: 2px 4px 9px rgba(0, 0, 0, 0.15);
  width: 450px;
  color: #666;
  line-height: 1.8;
}
.qfs-inf__ly {
  border-radius: 5px;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.3);
  color: #757575;
  text-align: left;
  font-weight: normal;
}
.qfs-inf__ly.ly__rt {
  left: unset;
  right: 0;
}
.qfs-inf_bt:hover + .qfs-inf_ly, .qfs-inf__bt:hover + .qfs-inf__ly, .qfs-inf--noneic:hover .qfs-inf {
  display: block;
}
.qfs-inf_ly.ly_nrw, .qfs-inf__ly.ly__nrw {
  width: auto;
}
.qfs-inf_ly.bt_lnk, .qfs-inf .bt_lnk {
  display: block;
  margin: -15px -20px 0;
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
  color: #aaa;
  white-space: nowrap;
}
.bt_lnk + .bt_lnk {
  margin-top: 0;
}

.qfs-inf_ly.bt_lnk:last-child, .qfs-inf .bt_lnk:last-child {
  margin-bottom: -15px;
  border-bottom: none;
}
.qfs-inf_ly.bt_lnk:hover, .qfs-inf .bt_lnk:hover {
  color: #fff;
  background: #aaa;
}
.qfs-inf_ly :where(.qfs-cont_sch, .qfs-cont_cal), .qfs-inf__ly :where(.qfs-cont__sch, .qfs-cont__cal) {
  margin-top: 0;
  margin-bottom: 0;
}
.qfs-inf_ly :where(.qfs-input_bar, .qfs-slct_bar), .qfs-inf__ly :where(.qfs-input__bar, .qfs-slct__bar) {
  height: 35px;
  font-size: 1em;
}
.qfs-inf--noneic {
  position: relative;
}
.qfs-inf--bt .qfs-inf__bt {
  margin-bottom: -10px;
  padding: 0 0 10px 23px;
  box-sizing: border-box;
  background-color: transparent;
  width: auto;
  height: auto;
  font-size: 15px;
  color: #fff;
  font-weight: normal;
  cursor: pointer;
}
.qfs-inf--bt .qfs-inf__bt:before {
  top: 50%;
  margin-top: -13px;
  background-color: #8158bf;
  border-color: #fff;
  color: #fff;
}
.qfs-inf--bt .qfs-inf__bt:hover + .qfs-inf__ly {
  display: none;
}
.qfs-inf--bt .qfs-inf__bt.on:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-left: 2px;
  border-style: solid;
  border-color: transparent transparent #faf8fe transparent;
  border-width: 0 5px 10px 5px;
  content: "";
}
.qfs-inf--bt .qfs-inf__bt.on + .qfs-inf__ly {
  display: block;
}
.qfs-inf--bt .qfs-inf__ly {
  margin-top: 10px;
  background-color: #faf8fe;
  font-size: 13px;
  color: #757575;
}
.qfs-inf--bt .qfs-inf__ly ol {
  margin-top: 13px;
  padding-left: 14px;
  box-sizing: border-box;
}
.qfs-inf--bt .qfs-inf__ly ol li {
  list-style: decimal;
}
.qfs-inf--bt .qfs-inf__ly ol li + li {
  margin-top: 12px;
}
.qfs-inf--bt .qfs-check__box {
  margin-top: 16px;
}
.qfs-inf--bt .qfs-check__box label {
  font-size: 13px;
  color: #353535;
  font-weight: 500;
}
.qfs-inf--bt .qfs-check__box label:before {
  vertical-align: middle;
  margin-bottom: 0;
  border: 1px solid #444;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}
.qfs-inf-exposed {
  display: inline-block;
  position: relative;
  text-align: left;
  font-size: 0.875rem;
  font-weight: normal;
}
* + .qfs-inf-exposed {
  margin-left: 8px;
}
.qfs-inf-exposed_ly {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 100;
  margin-top: 15px;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 15px 20px;
  background: #fff;
  width: 320px;
  color: #282828;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.35);
  line-height: 1.6;
}
.qfs-inf-exposed_ly:after {
  position: absolute;
  top: -16px;
  right: 30px;
  border-style: solid;
  border-width: 8px;
  border-color: transparent transparent #fff;
  content: "";
}
.qfs-inf-exposed .qfs-inf_bt {
  display: block;
  margin: 0;
}

.qfs-tooltip {
  position: absolute;
  bottom: 100%;
  left: 50%;
  z-index: -1;
  margin-bottom: 15px;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 15px 20px;
  background: #fff;
  min-width: 200px;
  color: #666;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.18);
  line-height: 1.6;
  text-align: left;
  opacity: 0;
  visibility: hidden;
}
.qfs-tooltip:after {
  position: absolute;
  bottom: -16px;
  left: 30px;
  border-style: solid;
  border-width: 8px;
  border-color: #fff transparent transparent;
  content: "";
}
.qfs-tooltip-wrap {
  position: relative;
  display: inline-block;
}
.qfs-tooltip-wrap:hover .qfs-tooltip {
  z-index: 100;
  opacity: 1;
  visibility: visible;
}

.qfs-layerbg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: var(--layer-bg-color);
}

.qfs-alert {
  position: fixed;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 101;
  margin: auto;
  box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  background: 20px 50% no-repeat;
  background-color: #fff;
  width: 535px;
  transform: translateY(-50%);
  overflow: hidden;
}
.qfs-alert .qfs-check__box {
  margin-top: 16px;
}
.qfs-alert .qfs-check__box label {
  color: #757575;
}
.qfs-alert__inner {
  margin: 0;
  padding: 32px;
  color: #353535;
  text-align: left;
  font-size: 15px;
}
.qfs-alert__inner .dsc {
  display: block;
  line-height: 22px;
}
.qfs-alert__inner p {
  font-size: 20px;
  line-height: 40px;
  font-weight: 500;
}
.qfs-alert__inner p + .dsc {
  margin-top: 8px;
}
.qfs-alert__inner img {
  vertical-align: middle;
}
.qfs-alert__close {
  margin: 0 32px 32px;
}
.qfs-alert__button {
  padding: 32px;
  box-sizing: border-box;
  text-align: right;
}
.qfs-alert__button a, .qfs-alert__close {
  display: inline-block;
  padding: 17px 32px;
  box-sizing: border-box;
  border-radius: 5px;
  min-width: 92px;
  width: auto;
  height: 56px;
  background-color: #f4f4f4;
  font-size: 15px;
  color: #000;
  text-align: center;
  line-height: 21px;
  font-weight: 500;
}
.qfs-alert__button a + *, .qfs-alert__close + * {
  margin-left: 10px;
}
.qfs-alert__button a:hover, .qfs-alert__close:hover {
  background-color: rgb(233.8, 233.8, 233.8);
}
.qfs-alert--warning {
  text-align: right;
}
.qfs-alert--warning:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #fc0;
  width: 16px;
}
.qfs-alert--warning .qfs-alert__inner {
  margin-left: 16px;
}
.qfs-alert--warning p {
  padding-left: 56px;
  background: url("../img/common/ic_alarm_warning.png") 0 50% no-repeat;
}
.qfs-alert--error {
  text-align: right;
}
.qfs-alert--error:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #d90000;
  width: 16px;
}
.qfs-alert--error .qfs-alert__inner {
  margin-left: 16px;
}
.qfs-alert--error p {
  padding-left: 56px;
  background: url("../img/common/ic_alarm_error.png") 0 50% no-repeat;
}
.qfs-alert--success {
  text-align: right;
}
.qfs-alert--success:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #4cc03c;
  width: 16px;
}
.qfs-alert--success .qfs-alert__inner {
  margin-left: 16px;
}
.qfs-alert--success p {
  padding-left: 56px;
  background: url("../img/common/ic_alarm_success.png") 0 50% no-repeat;
}
.qfs-alert-wrap {
  position: fixed;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1000;
  margin: auto;
  width: 535px;
  transform: translateY(-50%);
}
.qfs-alert-wrap .qfs-alert {
  position: relative;
  max-width: 100%;
  margin-bottom: 10px;
  transform: none;
}
.qfs-alert--bg {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.4);
}

/* #Common: Loading 
//------------------------------------------------------------------------------ */
.qfs-load {
  position: fixed;
  z-index: 1000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  text-indent: 100%;
  display: inline-block;
  width: 119px;
  height: 81px;
  background: url("../img/common/ic_load.svg") no-repeat;
}

/* #Common: Tab 
//------------------------------------------------------------------------------ */
.qfs-tab {
  margin: 50px 0 30px;
  border-bottom: 1px solid #999;
}
.qfs-tab:after {
  content: "";
  display: block;
  clear: both;
}
.qfs-tab > a {
  float: left;
  margin-bottom: -1px;
  border: 1px solid #e2e2e2;
  border-bottom: 0;
  padding: 15px 20px;
  min-width: 200px;
  text-align: center;
  font-size: 1.35em;
  color: #bbb;
}
.qfs-tab > a.on {
  position: relative;
  color: #333;
  border-color: #999;
  background: #fff;
}
.qfs-tab > a + a {
  margin-left: -1px;
}
.qfs-tab.tab_block {
  display: flex;
}
.qfs-tab.tab_block a {
  flex: 1 1 auto;
}
.qfs-tab.tab_color_m {
  border-color: #8158bf;
}
.qfs-tab.tab_color_m a.on {
  border-color: #8158bf;
  color: #8158bf;
}
.qfs-tab_sub {
  margin-top: 30px;
}
.qfs-tab_sub a {
  display: inline-block;
  margin-right: 5px;
  padding: 15px 20px;
  background: #f5f5f5;
  min-width: 100px;
  text-align: center;
  color: #b4b4b4;
  cursor: pointer;
}
.qfs-tab_sub a.on {
  background-color: #e5e5e5;
  color: #666;
}
.qfs-tab_sub--block {
  display: flex;
  font-size: 1.0714em;
}
.qfs-tab_sub--block a {
  flex: 1;
}
.qfs-tab_sub--block a:last-child {
  margin-right: 0;
}
.qfs-tab_step {
  display: flex;
  background-color: #fff;
  padding: 0 60px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.13);
}
.qfs-tab_step > a {
  position: relative;
  flex: 1;
  padding: 20px 0;
  text-align: center;
  font-size: 1.1428em;
  color: #9e9e9e;
}
.qfs-tab_step > a span {
  display: inline-block;
  margin: -2px 10px 0 0;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  background-color: #cfcfcf;
  color: #fff;
  text-align: center;
  line-height: 28px;
  vertical-align: middle;
}
.qfs-tab_step > a + a:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  transform: rotate(-45deg);
  background: linear-gradient(-45deg, #8068a7, #fff 60%);
  content: "";
}
.qfs-tab_step > a.--on {
  box-shadow: inset 0 -2px 0 #8068a7;
  color: #8068a7;
}
.qfs-tab_step > a.--on span {
  background-color: #8068a7;
}
.qfs-tab_step > a.--checked span {
  position: relative;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.qfs-tab_step > a.--checked span:before {
  position: absolute;
  left: 35%;
  top: 20%;
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: 20%;
  height: 40%;
  transform: rotate(45deg);
  content: "";
}

/* #Common: Tab > Views3
//------------------------------------------------------------------------------ */
.qfs-inner .qfs-tab, .qfs-tab.qfs-tab--new {
  margin: 0;
  border: 0;
  margin-top: 40px;
}
.qfs-inner .qfs-tab > a, .qfs-tab.qfs-tab--new > a {
  border: 0;
  margin-bottom: -2px;
  box-sizing: border-box;
  border-radius: 5px 5px 0 0;
  background-color: #fbf9ff;
  font-size: 16px;
  color: #757575;
}
.qfs-inner .qfs-tab > a + a, .qfs-tab.qfs-tab--new > a + a {
  margin-left: 8px;
}
.qfs-inner .qfs-tab > a.on, .qfs-tab.qfs-tab--new > a.on {
  border: 1px solid #8158bf;
  box-shadow: 3px 0px 6px 0 rgba(0, 0, 0, 0.2);
  color: #8158bf;
}

.qfs-tab.tab__block {
  display: flex;
}
.qfs-tab.tab__block a {
  flex: 1 1 auto;
}
.qfs-tab--rd {
  margin: 72px 0 24px;
  text-align: center;
  font-size: 0;
}
.qfs-tab--rd a {
  display: inline-block;
  padding: 18px 0 16px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  box-sizing: border-box;
  width: 200px;
  text-align: center;
  color: #353535;
  font-size: 18px;
  letter-spacing: -0.43px;
  line-height: 1.5;
  font-weight: 500;
}
.qfs-tab--rd a:first-of-type {
  border-left: 1px solid #dedede;
  border-radius: 100px 0 0 100px;
}
.qfs-tab--rd a:last-of-type {
  border-right: 1px solid #dedede;
  border-radius: 0 100px 100px 0;
}
.qfs-tab--rd a:hover {
  background-color: #f9f6fe;
  color: #8158bf;
}
.qfs-tab--rd a.on {
  border-color: #8158bf;
  background-color: #8158bf;
  color: #fff;
}
.qfs-tab__sub {
  margin-top: 24px;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.qfs-tab__sub a {
  display: inline-block;
  padding: 23px 20px;
  border-right: 1px solid #dedede;
  background-color: #fafafa;
  min-width: 100px;
  text-align: center;
  font-size: 16px;
  color: #959595;
  cursor: pointer;
}
.qfs-tab__sub a:last-of-type {
  border-right: 0;
}
.qfs-tab__sub a.on {
  border-top: 4px solid #8158bf;
  background-color: #fff;
  color: #8158bf;
  font-weight: 500;
}
.qfs-tab__sub--block {
  display: flex;
  font-size: 1.0714em;
}
.qfs-tab__sub--block a {
  flex: 1;
}
.qfs-tab__sub--block a:last-child {
  margin-right: 0;
}
.qfs-tab__step {
  display: flex;
  padding: 0 60px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.13);
  background-color: #fff;
}
.qfs-tab__step > a {
  position: relative;
  flex: 1;
  padding: 20px 0;
  text-align: center;
  font-size: 1.1428em;
  color: #9e9e9e;
}
.qfs-tab__step > a span {
  display: inline-block;
  margin: -2px 10px 0 0;
  border-radius: 50%;
  background-color: #cfcfcf;
  width: 28px;
  height: 28px;
  color: #fff;
  text-align: center;
  line-height: 28px;
  vertical-align: middle;
}
.qfs-tab__step > a + a:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  background: linear-gradient(-45deg, #8158bf, #fff 60%);
  width: 14px;
  height: 14px;
  transform: rotate(-45deg);
  content: "";
}
.qfs-tab__step > a.--on {
  box-shadow: inset 0 -2px 0 #8158bf;
  color: #8158bf;
}
.qfs-tab__step > a.--on span {
  background-color: #8158bf;
}
.qfs-tab__step > a.--checked span {
  position: relative;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.qfs-tab__step > a.--checked span:before {
  content: "";
  position: absolute;
  left: 35%;
  top: 20%;
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: 20%;
  height: 40%;
  transform: rotate(45deg);
}

/* #Common: Table 
//------------------------------------------------------------------------------ */
.qfs-tbl {
  margin: 10px 0;
  font-size: 0.875rem;
}
.qfs-tbl.tb_cen, .qfs-tbl.tb_cen th,
.qfs-tbl .tb_cen {
  text-align: center;
}
.qfs-tbl .tb_lft {
  text-align: left;
}
.qfs-tbl .td_bg {
  background: white;
}
.qfs-tbl .tb_exp {
  width: 40%;
}
.qfs-tbl.tb_border tbody :where(th, td) {
  border: 1px solid #efefef;
}
.qfs-tbl.tb_border tbody :where(th, td):last-child {
  border-right: 0 none;
}
.qfs-tbl.tb_border tbody :where(th, td):first-child {
  border-left: 0 none;
}
.qfs-tbl.tb_stripe table {
  border-width: 1px 0;
}
.qfs-tbl.tb_stripe tr:nth-child(even) td {
  background: #f9f9f9;
}
.qfs-tbl.tb_stripe tbody td {
  border-color: #dcdcdc;
}
.qfs-tbl .disabled, .qfs-tbl .disabled * {
  color: #aaa;
}
.qfs-tbl--selected {
  background: #fafafa;
}
.qfs-tbl table {
  border: 1px solid #efefef;
  width: 100%;
  background: #fff;
  table-layout: fixed;
}
.qfs-tbl thead.tb_hd th {
  border-right: 1px solid #fff;
}
.qfs-tbl tbody th {
  text-align: left;
  color: #333;
}
.qfs-tbl tbody td {
  padding: 10px;
  line-height: 1.3;
  border-bottom: 1px solid #efefef;
  height: 18px;
  word-break: break-all;
  overflow-wrap: break-word;
}
.qfs-tbl tbody td > strong, .qfs-tbl tbody td span {
  display: inline-block;
  margin: 0 3px;
  vertical-align: baseline;
}
.qfs-tbl th {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #fff;
  padding: 15px 10px;
  font-weight: normal;
  color: #555;
  font-size: 1.07em;
  background: #e5e5e5;
}
.qfs-tbl .txt_hd {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qfs-tbl .txt_name {
  width: 200px;
  white-space: normal;
  line-height: 1.25;
}
.qfs-tbl .no_rslt {
  padding: 50px 0;
  text-align: center;
  color: #aaa;
  font-size: 1.2em;
}
.qfs-tbl label {
  margin: 0;
}
.qfs-tbl .qfs-input {
  width: 100%;
  height: 32px;
  font-size: 1.05em;
}
.qfs-tbl .qfs-btn {
  padding: 0 13px;
  height: 32px;
  line-height: 28px;
  font-size: 1.05em;
}
.qfs-tbl .qfs-slct {
  min-width: 50%;
  text-align-last: left;
  font-size: 1.0714em;
}
.qfs-tbl .qfs-slct_box {
  height: 32px;
  font-size: 1.05em;
}
.qfs-tbl[data-table=scroll] {
  overflow: auto;
  height: 300px;
}
.qfs-tbl.tbl_edit {
  background: #fdfdfd;
  border: 1px solid #ddd;
}
.qfs-tbl.tbl_edit table {
  border: 0 none;
  border-bottom: 1px solid #ddd;
  width: auto;
  min-width: 100%;
}
.qfs-tbl.tbl_edit thead th {
  padding: 10px;
  border-top: 0 none;
  border-bottom: 1px solid #dcdcdc;
  min-width: 10%;
  font-weight: 500;
  font-size: 1em;
  white-space: nowrap;
}
.qfs-tbl.tbl_edit td {
  padding: 5px 10px;
  border-right: 1px solid #efefef;
  font-size: 0.92em;
  white-space: nowrap;
}
.qfs-tbl.tbl_edit select, .qfs-tbl.tbl_edit :is(input[type=text],
input[type=number],
input[type=search],
input[type=password]) {
  height: 25px;
  color: #444;
}
.qfs-tbl.tbl_edit select:active, .qfs-tbl.tbl_edit :active:is(input[type=text],
input[type=number],
input[type=search],
input[type=password]), .qfs-tbl.tbl_edit select:focus, .qfs-tbl.tbl_edit :focus:is(input[type=text],
input[type=number],
input[type=search],
input[type=password]) {
  background-color: rgba(255, 255, 255, 0.7);
}

.qfs-tbl.tbl_edit :is(input[type=text],
input[type=number],
input[type=search],
input[type=password]) {
  padding: 0 5px;
}
.qfs-tbl.tbl_edit input[type=number] {
  width: 80px;
}
.qfs-tbl.tbl_flx {
  display: flex;
}
.qfs-tbl.tbl_flx > dl {
  flex-grow: 1;
  margin-top: -1px;
  border-bottom: 1px solid #efefef;
  box-sizing: border-box;
}
.qfs-tbl.tbl_flx dt {
  position: relative;
  right: -1px;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #fff;
  padding: 15px 10px;
  font-weight: normal;
  color: #555;
  font-size: 1.07em;
  border-right: 1px solid #fff;
  background: #e5e5e5;
  white-space: nowrap;
}
.qfs-tbl.tbl_flx dd {
  padding: 10px;
  line-height: 1.3;
}
.qfs-tbl.tbl_flx.tb_border {
  box-shadow: inset 1px 0 0 #efefef;
}
.qfs-tbl.tbl_flx.tb_border dl {
  box-shadow: inset -1px 0 0 #efefef;
}
@media screen and (max-width: 480px) {
  .qfs-tbl.tbl_flx {
    flex-wrap: wrap;
  }
  .qfs-tbl.tbl_flx > dl {
    flex-basis: 50%;
  }
  .qfs-tbl .tb_hide {
    display: none;
  }
  .qfs-tbl .tb_exp {
    width: 60%;
  }
}

/* #Common: Table > Views3
//------------------------------------------------------------------------------ */
.qfs-table {
  font-size: 14px;
}
.qfs-table.tb__cen, .qfs-table.tb__cen th, .qfs-table .tb__cen {
  text-align: center;
}
.qfs-table .tb--lft td, .qfs-table .tb__lft, .qfs-table .tb__lft td, .qfs-table .tb__lft th {
  text-align: left;
}
.qfs-table .tb__red, .qfs-table .tb__red th, .qfs-table .tb__red td {
  color: #d90000;
}
.qfs-table .tb__gray {
  color: #aeaeae;
}
.qfs-table .tb__bg--purple, .qfs-table .tb__bg--purple th, .qfs-table .tb__bg--purple td {
  background-color: #e8dbfb;
  border-color: #fff;
  border-right: 0;
}
.qfs-table .tb__bg--none, .qfs-table .tb__bg--none th, .qfs-table .tb__bg--none td {
  background-color: #fff;
}
.qfs-table.tb__fit td {
  padding: 8px;
}
.qfs-table.tb__round {
  border-radius: 5px;
  overflow: hidden;
}
.qfs-table.tb__bdnone :is(th, td) {
  border-right: 0;
  border-left: 0;
}
.qfs-table.tb__stripe table {
  border-width: 1px 0;
}
.qfs-table.tb__stripe tr:nth-child(even) td {
  background: #f9f9f9;
}
.qfs-table.tb__stripe tbody td {
  border-color: #dcdcdc;
}
.qfs-table.tb__stripe strong + .qfs-btn {
  margin-left: 8px;
}
[class^=qfs-cont] + .qfs-table {
  margin-top: 16px;
}
.qfs-table .qfs-btn + .qfs-btn {
  margin-left: 10px;
}
.qfs-table table {
  border: 1px solid #dedede;
  width: 100%;
  table-layout: fixed;
}
.qfs-cargo .qfs-table table {
  table-layout: auto;
}

.qfs-table table + table {
  margin-top: 16px;
}
.qfs-table thead {
  background-color: #efefef;
}
.qfs-table tr {
  border-bottom: 1px solid #dedede;
}
.qfs-table tr.slct td {
  background-color: #f9f6ff;
}
.qfs-table tr.tr__final :is(td, th) {
  background-color: #fafafa;
}
.qfs-table tr.tr__final--last :is(td, th) {
  background-color: #faf9ff;
}
.qfs-table :is(th, td) {
  border: 1px solid #dedede;
  box-sizing: border-box;
}
.qfs-table th {
  padding: 1px 16px 0;
  background-color: #efefef;
  height: 52px;
  color: #757575;
  line-height: 1.28;
  font-weight: 500;
}
.qfs-table td {
  padding: 2px 24px 0;
  background-color: #fff;
  height: 56px;
  color: #353535;
  text-align: center;
}
.qfs-table td .td-btn .btn__down {
  color: #0022ff;
  font-weight: 500;
}
.qfs-table td .td-btn .btn__down:hover {
  text-decoration: underline;
}
.qfs-table td a.td__btn {
  color: #8158bf;
  text-decoration: underline;
  font-weight: 500;
}
.qfs-table td > .qfs-input__box {
  width: 100%;
  min-width: 0;
}
.qfs-table .td__flex {
  display: flex;
  align-items: center;
}
.qfs-table .td__flex input {
  flex: 1;
}
.qfs-table .td__flex input + a {
  margin-left: 12px;
}
.qfs-table .txt__hd {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2;
}
.qfs-table .txt__hd a {
  margin-top: 10px;
  color: #3182d4;
  text-decoration: underline;
}
.qfs-table .no__rslt {
  padding: 50px 0;
  text-align: center;
  color: #aaa;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: -0.38px;
}
.qfs-table .tb__form td {
  padding: 14px 16px;
  box-sizing: border-box;
  height: 68px;
}
.qfs-table .tb__form :is(select, input[class^=qfs-input__]) {
  height: 40px;
}
.qfs-table .tb__form :is(select, input[class^=qfs-input__]) + * {
  margin: 10px 0 0;
}
.qfs-table[data-table=scroll] {
  overflow: auto;
  height: 300px;
}
.qfs-table[data-table=scroll-y] {
  border: 1px solid #dedede;
  overflow: hidden scroll;
  height: 300px;
}
.qfs-table[data-table=scroll-y] table {
  border: 0;
}
.qfs-table.table__edit {
  border: 1px solid #dedede;
}
.qfs-table.table__edit table {
  border: 0;
  white-space: nowrap;
  width: auto;
  min-width: 100%;
}
.qfs-table.table__edit th {
  border-top: 0;
  border-left: 0;
}
.qfs-table.table__edit:before, .qfs-table.table__edit:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
}
.qfs-table.table__edit:after {
  clear: both;
}

/* #Common: Text 
//------------------------------------------------------------------------------ */
[class^=qfs-txt] {
  margin: 15px 0;
}
[class^=qfs-txt].txt_del:before {
  content: "";
  display: inline-block;
  margin-top: -2px;
  margin-right: 4px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: url("../img/common/ic_del.png") 50% 50% no-repeat;
}

.qfs-txt__box {
  margin: 10px 0 0;
  padding: 16px;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: #f4f4f4;
  width: 100%;
  font-size: 14px;
  line-height: 1.64;
  letter-spacing: -0.34px;
  color: #757575;
}
.qfs-txt__box + section {
  margin-top: 24px;
}
.qfs-txt__main {
  color: #8158bf;
}
.qfs-txt_red {
  color: #d52633;
}
.qfs-txt__red {
  color: #d90000;
}
.qfs-txt_blue {
  color: #3b7bf6;
}
.qfs-txt__blue {
  color: #0091ea;
}
.qfs-txt__grey {
  color: #757575;
}
.qfs-txt__em {
  position: relative;
  z-index: 1;
  color: #8158bf;
}
.qfs-txt__em:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: #8158bf;
  height: 10px;
  opacity: 0.4;
}

.qfs-align_rt, .qfs-align__rt {
  text-align: right;
}
.qfs-align_ct, .qfs-align__ct {
  text-align: center;
}

/* #Common: Title 
//------------------------------------------------------------------------------ */
.qfs-cont_hg {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 80px 0 15px;
}
.qfs-cont_hg .qfs-cont_nt {
  flex-grow: 1;
  width: 100%;
  margin-top: 10px;
}
.qfs-cont_hg .qfs-cont_stt {
  margin-bottom: 0;
  margin-right: 10px;
}
.qfs-cont_hg .qfs-cont_ds {
  margin: 0 0 0 100px;
  font-size: 1.7142em;
}
.qfs-cont_wide .qfs-cont_hg:first-of-type {
  margin-top: 0;
}
.qfs-cont_hg .qfs-cont_flt {
  margin: 0;
  border: 0 none;
  padding: 0;
  background: none;
}
.qfs-cont_hg .qfs-cont_flt [class*=_bar] {
  border-bottom: 1px solid #dcdcdc;
}
@media screen and (max-width: 480px) {
  .qfs-cont_hg .qfs-cont_flt {
    margin-top: 10px;
    width: 100%;
  }
}
.qfs-cont_hg .qfs-btn {
  font-size: 1em;
}
.qfs-cont_ht {
  margin: 20px 0;
  color: #8158bf;
  font-size: 2.14285em;
  letter-spacing: -0.03em;
}
.qfs-cont_tt {
  margin-right: 25px;
  vertical-align: middle;
  font-size: 1.7142em;
  color: #666;
  letter-spacing: -0.015em;
}
.qfs-cont_tt ~ .qfs-cont_tt {
  margin-top: 70px;
}
.qfs-cont_tt + .qfs-cont_hg, .qfs-cont_wide .qfs-cont_tt + .qfs-cont_hg, .qfs-cont_tt + .qfs-cont_stt {
  margin: 30px 0 15px;
}
.qfs-cont_tt + .qfs-p {
  align-self: center;
  color: #666;
  font-size: 1.07em;
}
.qfs-cont_tt img {
  margin: -3px 5px 0 0;
  vertical-align: middle;
}
.qfs-cont_stt {
  margin-bottom: 15px;
  font-size: 1.4285em;
  color: #888;
}
.qfs-cont_stt:before {
  content: "";
  display: inline-block;
  margin: -2px 8px 0 0;
  border: 2px solid #888;
  border-width: 0 0 2px 2px;
  width: 7px;
  height: 7px;
}
.qfs-cont_stt ~ .qfs-cont_stt, .qfs-cont_hg ~ .qfs-cont_stt {
  margin-top: 80px;
}
.qfs-cont_sc + section .qfs-cont_stt, .qfs-cont_sc + .qfs-cont_stt {
  margin-top: 40px;
}
.qfs-cont_dtt {
  margin: 35px 0 10px;
  font-size: 1.0714em;
  font-weight: 600;
  color: #555;
}
.qfs-cont_dtt ~ .qfs-cont_dtt {
  margin-top: 40px;
}
.qfs-cont_ds {
  margin: -10px 0 20px;
  font-size: 1.2857em;
  color: #666;
  letter-spacing: -0.02em;
}
.qfs-cont_nt {
  margin: 20px 0;
  color: #666;
  line-height: 1.6;
  font-weight: 400;
  font-size: 1.0714em;
}
.qfs-cont_nt--size-large {
  font-size: 1.4285em;
  color: #999;
}
.qfs-cont_nt p {
  margin: 5px 0;
}
.qfs-cont_hp {
  display: inline-block;
  align-self: center;
  margin: 0.2% 0 0 5px;
  border: 1px solid #8158bf;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 15px;
  font-weight: bold;
  color: #8158bf;
}
.qfs-cont_hp.qfs-cont_hp--red {
  border-color: #d32f2f;
  color: #d32f2f;
}
.qfs-help {
  display: inline-block;
  font-size: 1.0714em;
}
* + .qfs-help {
  margin-left: 10px;
}
.qfs-help .qfs-cont_hp {
  margin-right: 4px;
}

/* #Common: Title2
//------------------------------------------------------------------------------ */
.qfs-cont__hg {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-bottom: 24px;
}
.qfs-cont__hg .qfs-cont__nt {
  flex-grow: 1;
  width: 100%;
  margin-top: 10px;
}
.qfs-cont__hg .qfs-cont__stt {
  margin-bottom: 0;
  margin-right: 10px;
}
.qfs-cont__hg > .qfs-cont__dtt {
  margin: 0;
  align-self: flex-end;
}
header.qfs-cont__hg {
  margin-top: 50px;
}

.qfs-cont__hg .qfs-cont__ds {
  margin: 0 0 0 100px;
  font-size: 1.7142em;
}
.qfs-cont__inner .qfs-cont__hg:first-of-type {
  margin-top: 0;
}
.qfs-cont__hg .qfs-cont__flt {
  margin: 0;
  border: 0 none;
  padding: 0;
  background: none;
}
.qfs-cont__hg .qfs-cont__flt [class*=__bar] {
  border-bottom: 1px solid #dcdcdc;
}
@media screen and (max-width: 480px) {
  .qfs-cont__hg .qfs-cont__flt {
    margin-top: 10px;
    width: 100%;
  }
}
.qfs-cont__ht {
  margin: 16px 0;
  color: #533382;
  font-size: 36px;
  letter-spacing: -0.053em;
}
header.qfs-cont__sc .qfs-cont__ht {
  margin: 0;
}
.qfs-cont__tt {
  margin: 0 25px 24px 0;
  vertical-align: middle;
  font-size: 1.7142em;
  color: #353535;
  letter-spacing: -0.036em;
}
.qfs-cont__tt ~ .qfs-cont__tt, .qfs-cont__sc + .qfs-cont__tt, .qfs-cont__hg > .qfs-cont__tt {
  margin-top: 44px;
}
.qfs-cont__tt + .qfs-cont__hg, .qfs-cont__tt + .qfs-cont__stt {
  margin: 30px 0 15px;
}
.qfs-cont__tt + .qfs-p {
  align-self: center;
  color: #666;
  font-size: 1.07em;
}
.qfs-cont__hg .qfs-cont__tt {
  margin-bottom: 0;
}
.qfs-cont__hg:first-of-type > .qfs-cont__tt {
  margin-top: 0;
}
.qfs-cont__tt img {
  margin: -3px 5px 0 0;
  vertical-align: middle;
}
.qfs-cont__stt {
  margin-bottom: 24px;
  font-size: 1.4285em;
  color: #353535;
}
.qfs-cont__hg:first-of-type .qfs-cont__stt {
  margin-top: 0;
}
.qfs-cont__stt ~ .qfs-cont__stt, .qfs-cont__hg > .qfs-cont__stt, .qfs-cont__hg ~ .qfs-cont__stt {
  margin-top: 48px;
}
.qfs-cont__sc + .qfs-cont__stt, .qfs-cont__box > .qfs-cont__stt {
  margin-top: 24px;
}
.qfs-cont__dtt {
  margin: 24px 0;
  font-size: 1.2857em;
  font-weight: 500;
  color: #8158bf;
}
.qfs-cont__dtt:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #8158bf;
  width: 4px;
  height: 4px;
}
label.qfs-cont__dtt {
  font-size: 16px;
  line-height: 24px;
}

.col .qfs-cont__dtt {
  margin: 0 !important;
}
.qfs-cont__dtt--nst {
  margin: 40px 0 18px;
  color: #353535;
  font-size: 18px;
}
.qfs-cont__dtt--nst:before {
  content: "└";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  color: #757575;
}
.qfs-cont__ds {
  margin-bottom: 16px;
  font-size: 1.1428em;
  color: #757575;
  letter-spacing: -0.023em;
}
header.qfs-cont__sc .qfs-cont__ds {
  margin-bottom: 0;
}
.qfs-cont__ht + .qfs-cont__ds {
  margin-top: 8px;
}
.qfs-cont__nt {
  margin: 20px 0;
  color: #666;
  line-height: 1.3;
  font-size: 16px;
}
.qfs-cont__hg .qfs-cont__nt {
  margin-bottom: 0;
}
.qfs-cont__nt--size-large {
  font-size: 1.4285em;
  color: #999;
}
.qfs-cont__nt p {
  margin: 5px 0;
}
.qfs-cont__hp {
  display: inline-block;
  align-self: center;
  margin: 0.2% 0 0 5px;
  border: 1px solid #8158bf;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 15px;
  font-weight: bold;
  color: #8158bf;
}
.qfs-cont__hp.qfs-cont__hp--red {
  border-color: #d32f2f;
  color: #d32f2f;
}
.qfs-help {
  display: inline-block;
  font-size: 1.0714em;
}
* + .qfs-help {
  margin-left: 10px;
}
.qfs-help .qfs-cont__hp {
  margin-right: 4px;
}

.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: #8158bf;
  box-shadow: inset 0 0 0 1px #8158bf;
}
.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;
}

.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;
}
.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: #8158bf;
  border-color: #8158bf;
}
.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: "";
}

.slick-pane {
  border: 0;
  font-size: 13px;
}
.slick-pane-header {
  background: #e5e5e5;
}
.slick-pane .slick-header-columns {
  border-bottom: 0 none;
}
.slick-pane .slick-header-columns-active {
  background: #fff;
}
.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-group {
  background: #eceff6;
}
.slick-group + .odd:not(.slick-group), .slick-group + .odd ~ .odd:not(.slick-group) {
  background: #fff;
}
.slick-group.active .slick-cell {
  background: #bcc7eb;
  border-bottom-color: #bcc7eb;
}
.slick-group ~ .active .slick-cell, .slick-group ~ .slick-row .selected {
  background: #dadef2;
  border-bottom-color: #ccc;
}
.slick-group .slick-cell-checkboxsel {
  text-align: left;
}
.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;
}
.slick-group-select-checkbox.checked {
  background-color: #8158bf;
  border-color: #8158bf;
}
.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: "";
}
.slick-group-select-checkbox.unchecked {
  background: #fff;
  border: 1px solid #aeaeae;
}
.slick-group .qx-btn {
  margin-left: 16px;
}
.slick-group-toggle {
  margin-top: 1px;
  width: 16px;
  height: 16px;
}

.qx-grid:not(.qx-cont__box .qx-grid) {
  border: 1px solid #ccc;
}
.qx-grid > .ui-widget {
  border: none !important;
}
: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: 0 1px 1px;
  box-sizing: border-box;
  width: 100%;
  height: 43px;
  background-color: #fff;
  font-size: 0;
  line-height: 1;
}
.qx-cont__box > .qx-grid__footer, .qx-cont__sc .qx-grid__footer, .qx-grid > .qx-grid__footer {
  border-width: 1px 0 0;
}
.qx-cont__sc .qx-grid__footer {
  padding: 8px;
}
.qx-grid__footer p {
  font-size: 12px;
}
.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: #8158bf;
  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: #d90000;
  color: #fff;
}
.slick-row:hover .cell__null {
  color: #d90000;
}

.qx-grid .cell__wning {
  background: #fff5e5;
  color: #d90000;
}
.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 #8158bf;
}
.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__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 {
  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 #8158bf;
  background-color: #fff;
  height: 27px;
  color: #fff;
}
* + .qx-grid__btn, .qx-grid__btn + * {
  margin-left: 8px;
}
.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: #8158bf;
  font-size: 1em;
}
.qx-grid__btn.btn__wrap .btn.on + .list {
  display: block;
}
.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 .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;
}
: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: "";
}
: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 #8158bf;
  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__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;
}

.bonds {
  height: 330px;
  overflow: auto;
}

.fieldsLinker {
  min-height: 330px;
  min-width: 936px;
  overflow: auto;
}
.fieldsLinker tr td {
  padding-left: 10px;
}
.fieldsLinker tr td:not(:last-child) {
  border-right: 1px solid grey;
}

.fieldsLinker ul {
  margin-left: 0px;
  padding-left: 0;
}

.FL-left, .FL-right {
  display: inline-block;
  margin-left: 0px;
  padding: 0 16px 8px;
  border: 1px solid #dedede;
  border-radius: 5px;
  background-color: #fff;
  box-sizing: border-box;
  width: calc(50% - 10px);
  min-height: 330px;
  text-align: left;
  white-space: nowrap;
}
.FL-left > select, .FL-right > select {
  margin: 0 0 8px -16px;
  padding: 2px 16px 0;
  box-sizing: content-box;
  background: #fafafa;
  border-bottom: 1px solid #dedede;
  border-radius: 5px 5px 0 0;
  width: 100%;
  height: 47px;
  text-align-last: auto;
  font-size: 15px;
  line-height: 21px;
  color: #757575;
  appearance: none;
  opacity: 1;
}
.FL-left {
  float: left;
}

.FL-right {
  float: right;
}

.FL-mid {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  margin-left: -30px;
  width: 60px;
  height: 100%;
}
.FL-mid canvas {
  width: 100%;
  height: 100%;
}

.fieldsLinker li {
  margin: 8px 0;
  padding: 0 16px;
  border: solid 1px #dedede;
  box-sizing: border-box;
  border-radius: 5px;
  height: 40px;
  color: #757575;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fieldsLinker li > div {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 38px;
}
.fieldsLinker li.selected {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
.fieldsLinker li.slct {
  border-color: #8158bf;
}
.fieldsLinker li.slct > div {
  color: #8158bf;
}
.fieldsLinker li.disabled {
  background: #f9f9f9;
  cursor: default;
}
.fieldsLinker li.disabled > div {
  color: #999;
}
.fieldsLinker li[data-mandatory=true] {
  background-color: #D7504C;
  background: linear-gradient(#D7504C, #C12F2B);
  color: white;
}
.fieldsLinker li.inactive {
  opacity: 0.5;
}
.fieldsLinker li.linkOver {
  border: solid 2px transparent; /*plus 1px*/
  padding: 4px 1px 4px 7px; /* minus 1px*/
}

/* [P] Common/SearchAddrPage
//------------------------------------------------------------------------------ */
.qfs-cont_schaddr .tt {
  margin-bottom: 10px;
  font-size: 1.07em;
  color: #444;
}
.qfs-cont_schaddr .rslt {
  position: relative;
  border: solid #c7c7c7;
  border-width: 1px 0;
  height: 200px;
  overflow: hidden;
  overflow-y: auto;
}
.qfs-cont_schaddr .rslt li {
  display: flex;
  padding: 6px 10px;
  color: #666;
  cursor: pointer;
}
.qfs-cont_schaddr .rslt li:hover {
  background: rgba(240, 76, 68, 0.07);
}
.qfs-cont_schaddr .rslt li.is_on {
  background: rgba(240, 76, 68, 0.15);
  color: #444;
}
.qfs-cont_schaddr .rslt .zip {
  display: inline-block;
  min-width: 60px;
  font-weight: 700;
}
.qfs-cont_schaddr .rslt_wrn {
  margin-top: 15px;
  text-align: right;
}
.qfs-cont_schaddr .rslt_wrn .txt {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  color: #999;
}
.qfs-cont_schaddr .rslt_no {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 200px;
  font-size: 1.2em;
  text-align: center;
  color: #999;
  line-height: 1.6;
}
.qfs-cont_schaddr .qfs-load {
  position: absolute;
}

/* [P] Common/QxLanding
//------------------------------------------------------------------------------ */
.qfs-landing {
  background-color: #f9f6fe;
  width: 100%;
  height: 100vh;
  overflow: scroll;
}
.qfs-landing__inner {
  margin: 0 auto 100px;
  padding-top: 180px;
  box-sizing: border-box;
  width: 1280px;
  text-align: center;
}
.qfs-landing__img {
  position: relative;
  margin: 120px 0 105px;
  width: 1280px;
  height: 201px;
}
.qfs-landing__img img {
  display: block;
}
.qfs-landing__img:before {
  position: absolute;
  bottom: 36px;
  right: 16px;
  width: 63px;
  height: 93px;
  content: url(../img/common/ic_QxLanding_pin.png);
}
.qfs-landing__img:after {
  position: absolute;
  bottom: 26px;
  left: 16px;
  width: 144px;
  height: 103px;
  content: url(../img/common/ic_QxLanding_truck.png);
  animation: truck 7.5s ease-in-out 1s infinite;
}
@keyframes truck {
  0% {
    left: 16px;
  }
  91% {
    left: 1100px;
  }
  100% {
    left: 1100px;
  }
}
.qfs-landing__txt {
  width: 100%;
  text-align: center;
}
.qfs-landing__txt h2 {
  font-size: 32px;
  color: #353535;
}
.qfs-landing__txt p {
  margin-top: 20px;
  font-size: 20px;
  color: #757575;
}

/* [F] Customer	
//------------------------------------------------------------------------------ */
.qfs-trace__srch {
  text-align: center;
}
.qfs-trace__srch .mng_bg_trc {
  display: inline-block;
  vertical-align: middle;
}
.qfs-trace__form {
  display: inline-block;
  margin: 20px 0 20px 80px;
  vertical-align: middle;
}
.qfs-trace__form ul {
  display: inline-block;
  margin-right: 20px;
  border: 1px solid #bbb;
  width: 270px;
  height: 150px;
  overflow: hidden;
  overflow-y: scroll;
  background-color: #fff;
  vertical-align: middle;
  counter-reset: li;
}
.qfs-trace__form li {
  position: relative;
  padding: 0 35px 0 30px;
  counter-increment: li;
  color: #666;
}
.qfs-trace__form li:nth-child(even) {
  background-color: #fbfbfb;
}
.qfs-trace__form li:before {
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  line-height: 30px;
  content: counter(li) ".";
}
.qfs-trace__form input {
  display: block;
  width: 100%;
  height: 30px;
  color: #666;
}
.qfs-trace__form .ic_del {
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -8px;
}
.qfs-trace__form .btn_srch {
  margin: 20px 0;
}
@media screen and (max-width: 480px) {
  .qfs-trace__form {
    display: block;
    margin: 30px 0 0;
  }
  .qfs-trace__form ul {
    display: block;
    margin: 0 auto;
  }
}
.qfs-trace__rslt .qfs-tbl {
  margin: 40px 0;
}
.qfs-trace__check + .qfs-trace__check {
  margin-left: 30px;
}
.qfs-trace__check input[type=checkbox] {
  cursor: pointer;
}
.qfs-trace__check label {
  display: block;
  position: relative;
  left: 20px;
  top: -19px;
  margin: 0;
  padding-right: 15px;
}

/* [F] ExternalSiteOrder/Guide 
//------------------------------------------------------------------------------ */
.qfs-cont_dl {
  margin: 0 0 0 30px;
}
.qfs-cont_dl dl {
  margin: 22px 0 30px;
}
.qfs-cont_dl dt {
  font-weight: 700;
  font-size: 1.4285em;
  color: #8a8a8a;
}
.qfs-cont_dl dd {
  margin: 0 0 0 43px;
}
.qfs-cont_dl dd p {
  line-height: 2;
  font-size: 1.0714em;
  color: #6f6f6f;
}
.qfs-cont_dl dd img {
  margin-top: 5px;
  max-width: 100%;
}
.qfs-cont_dl .detail {
  margin: 5px 0 5px 20px;
  color: #000;
}
.qfs-cont_nt dt {
  font-weight: 700;
}
.qfs-cont_nt dd p {
  line-height: 2;
}

.qfs-external__logo {
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
}

.qfs-lnb_ext {
  flex-basis: 200px;
}
.qfs-lnb_ext .act {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -11px;
  border-radius: 11px;
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  font-size: 0.8571em;
  background: #af89e2;
}
.qfs-lnb_ext .act_off {
  background: #ddd;
}
.qfs-lnb_ext img {
  opacity: 0.5;
  filter: grayscale(1);
  vertical-align: top;
}
.qfs-lnb_ext li > a.is_on:after {
  content: none;
}
.qfs-lnb_ext li > a.is_on .act {
  background: #8158bf;
}
.qfs-lnb_ext li > a.is_on .act_off {
  background: #787878;
}
.qfs-lnb_ext li > a.is_on img {
  filter: none;
  opacity: 1;
}
.qfs-lnb_ext .qfs-cont_hp--red {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -10px -24px 0 0;
}

.qfs-cont_ntc {
  margin-top: 45px;
  border-top: 1px solid #dcdcdc;
  padding: 45px 10px 0;
  color: #444;
  font-size: 1.07142em;
}
.qfs-cont_ntc p, .qfs-cont_ntc ul {
  margin: 10px 15px;
  color: #666;
  line-height: 1.8;
}
.qfs-cont_ntc h4 ~ h4 {
  margin-top: 40px;
}
.qfs-cont_ntc .img {
  margin: 10px 0;
}

/* [F] ExternalSiteOrder / Views3
//------------------------------------------------------------------------------ */
.qfs-external__plist:after {
  content: "";
  display: block;
  clear: both;
}
.qfs-external__plist li {
  display: inline-block;
  float: left;
  margin: -1px 0 0 -1px;
  width: 20%;
}
.qfs-external__plist li a {
  display: block;
  border: 1px solid #efefef;
  background-color: #fff;
  box-sizing: border-box;
  width: 100%;
  height: 64px;
  text-align: center;
}
.qfs-external__plist li a:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.qfs-external__plist li a.on {
  position: relative;
  background-color: #fbf9ff;
  border: none;
}
.qfs-external__plist li a.on:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #8158bf;
  content: "";
}
.qfs-external__plist li a.disabled {
  background-color: #f4f4f4;
  cursor: default;
}
.qfs-external__plist li a.disabled img {
  filter: grayscale(1);
  opacity: 0.6;
}
.qfs-external__plist li img {
  vertical-align: middle;
}

.qfs-external__nv {
  margin: 0 auto;
  width: 500px;
}
.qfs-external__nv header {
  margin-bottom: 20px;
  text-align: center;
}
.qfs-external__nv header h2 {
  font-size: 24px;
  line-height: 36px;
}
.qfs-external__nv header h2 + h2 {
  margin-top: 12px;
}
.qfs-external__nv header img {
  display: inline-block;
  vertical-align: middle;
}
.qfs-external__nv .qfs-txt__box + .qfs-cont__form {
  margin-top: 24px;
}
.qfs-external__nv .lbl {
  margin-bottom: 8px;
}
.qfs-external__nv label {
  font-size: 15px !important;
}
.qfs-external__nv .qfs-input__box {
  height: 40px;
}

.qfs-txtarea__box {
  width: 100%;
}
.qfs-txtarea__box textarea {
  margin: 0;
  padding: 16px 20px;
  box-sizing: border-box;
  border-radius: 0;
  border-color: #dedede;
  width: 100%;
  height: 200px;
  font-size: 14px;
  line-height: 22px;
  resize: none;
}

.qfs-external__tb {
  width: 100%;
}
.qfs-external__tb table {
  margin: 0 auto;
  border-collapse: collapse;
  background-color: #fff;
  width: 100%;
}
.qfs-external__tb thead th {
  background-color: #e5dcf3;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  height: 50px;
  color: #353535;
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
}
.qfs-external__tb .tb__tt th {
  background-color: #9d83c2;
  border-top: 0;
  color: #fff;
}
.qfs-external__tb td {
  border: 1px solid #dedede;
  height: 80px;
  font-size: 15px;
  color: #353535;
  text-align: center;
}
.qfs-external__tb td.ok {
  position: relative;
  color: #fff;
}
.qfs-external__tb td.ok:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -8px;
  border: 1px solid #353535;
  border-radius: 50%;
  background-color: #fff;
  width: 13px;
  height: 13px;
  content: "";
}
.qfs-external__tb td > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.qfs-external__tb td a {
  text-decoration: underline;
  color: #8158bf;
  font-weight: 500;
}
.qfs-external__tb td a + a {
  margin-top: 6px;
}

/* [F] Freight
/* [P] Freight/index (Views3)
//------------------------------------------------------------------------------ */
/* [P] Freight/Register
//------------------------------------------------------------------------------ */
.qfs-payment {
  display: flex;
  margin: 2px 0;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.qfs-payment > div {
  background-color: #fff;
}
.qfs-payment__cont {
  flex-grow: 1;
  padding: 30px 30px 48px;
  box-sizing: border-box;
  max-width: 100%;
  color: #777;
  line-height: 1.8;
}
.qfs-payment__cont h1 {
  margin-bottom: 15px;
  font-size: 20px;
  color: #666;
}
.qfs-payment__cont h2 {
  margin: 32px 0 16px;
  font-size: 18px;
  color: #353535;
  line-height: 1.6;
}
.qfs-payment__cont h2:first-of-type {
  margin-top: 24px;
}
.qfs-payment__cont header {
  margin: 40px 0 15px;
}
.qfs-payment__cont header h2 {
  display: inline-block;
  margin: 0 10px 0 0;
  vertical-align: middle;
}
.qfs-payment__cont .qfs-btn {
  font-size: 0.9375rem;
  font-weight: 400;
}
.qfs-payment__cont .qfs-cont__btn:last-of-type {
  margin-bottom: 0;
}
.qfs-payment__dsc p {
  display: inline-block;
  margin-right: 10px;
  color: #a7a7a7;
  font-size: 18px;
  vertical-align: middle;
}
.qfs-payment__dsc .inr {
  display: inline-block;
  margin-right: 10px;
}
.qfs-payment__smry {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 420px;
  border-left: 6px solid #f9f9f9;
}
.qfs-payment__smry > * {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
}
.qfs-payment__prc {
  padding: 30px;
  font-size: 15px;
}
.qfs-payment__prc + .qfs-payment__prc {
  border-top: 6px solid #f9f9f9;
}
.qfs-payment__prc dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1.3;
}
.qfs-payment__prc dt {
  flex: 1 0 50%;
  margin-bottom: 20px;
  white-space: wrap;
  overflow-wrap: break-word;
}
.qfs-payment__prc dd {
  flex: 1 0 50%;
  margin-left: auto;
  margin-bottom: 20px;
  overflow: hidden;
  text-align: right;
  font-size: 16px;
  white-space: normal;
  overflow-wrap: break-word;
}
.qfs-payment__prc .qfs-cont__btn {
  flex-wrap: nowrap;
}
.qfs-payment__prc .qfs-btn {
  padding: 0 25px;
}
.qfs-payment__prc .total {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #b4b4b4;
}
.qfs-payment__prc .memo {
  margin-top: 30px;
}
.qfs-payment__prc .memo dt, .qfs-payment__prc .memo dd {
  margin-bottom: 5px;
  flex-basis: 100%;
}
.qfs-payment__prc .memo dt {
  font-weight: 700;
}
.qfs-payment__prc .memo dd {
  text-align: left;
}
.qfs-payment__prc .qx {
  color: #949494;
}
.qfs-payment__form {
  padding: 30px;
}
.qfs-payment__form label {
  display: block;
  margin: 0 0 10px;
  color: #666;
  font-weight: 700;
}
.qfs-payment__form .field + .field {
  margin-top: 15px;
}
.qfs-payment__form .field-row {
  display: flex;
}
.qfs-payment__form .field > input + select,
.qfs-payment__form .field > input + .qfs-btn,
.qfs-payment__form .field > input + [class^=qfs-input],
.qfs-payment__form .field > input + [class^=qfs-check],
.qfs-payment__form .field > input + .qfs-cont__cal,
.qfs-payment__form .field > input + .qfs-cont__sch {
  margin-left: 0px;
  margin-top: 10px;
}
.qfs-payment__form .field > .qfs-cont__cal {
  box-sizing: border-box;
  width: 100%;
}
.qfs-payment__form .qfs-input__box {
  display: block;
  width: 100%;
}
.qfs-payment__form .qfs-cont__cal {
  background-color: #f8f8f8;
}
.qfs-payment__form .qfs-cont__cal input {
  border-right: 0;
}

.qfs-uploadbox {
  border: 1px solid #dcdcdc;
  padding: 45px 20px;
  text-align: center;
}
.qfs-uploadbox--type-summary {
  display: table;
  margin: 30px 0;
  border: 0 none;
  padding: 0;
  width: 100%;
  text-align: left;
}
.qfs-uploadbox--type-summary .qfs-uploadbox__file {
  padding: 8px 17px;
}
.qfs-uploadbox__tt {
  display: table-cell;
  padding: 10px 10px 0 0;
  width: 140px;
  font-weight: 400;
  color: #666;
  font-size: 18px;
  vertical-align: top;
}
.qfs-uploadbox__no {
  font-size: 18px;
  color: #666;
}
.qfs-uploadbox__file {
  display: inline-block;
  margin: 5px 6px;
  border-radius: 25px;
  box-sizing: border-box;
  padding: 6px 6px 6px 12px;
  max-width: 245px;
  background: #f9f9f9;
  vertical-align: middle;
}
.qfs-uploadbox__file:first-of-type {
  margin-left: 0;
}
.qfs-uploadbox__file .txt {
  display: inline-block;
  max-width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
  vertical-align: top;
}
.qfs-uploadbox__file .ic__del {
  float: right;
  margin-left: 10px;
}

.qfs-b2bregist {
  margin: 80px 0 40px;
  padding-top: 330px;
  font-size: 15px;
  text-align: center;
  color: #666;
  line-height: 1.8;
  background: #fff url("../img/freight/bg_register_cargo.png") center top no-repeat;
}
.qfs-b2bregist h2 {
  margin: 10px 0;
  font-size: 20px;
}

/* [P] Freight/ExceptedShippingFee
//------------------------------------------------------------------------------ */
.qfs-shpfee {
  font-size: 16px;
}
.qfs-shpfee legend {
  display: block;
  font-size: 24px;
}
.qfs-shpfee .qfs-cont_btn {
  margin: 50px 0 60px;
}
.qfs-shpfee__row {
  display: flex;
  align-items: center;
  margin: 10px 0 25px;
}
.qfs-shpfee__row label {
  flex: 0 0 180px;
  margin: 0 10px 0 0;
  color: #222;
}
.qfs-shpfee__row .qfs-input {
  border-color: #bbb;
  width: 240px;
  text-align: center;
}
.qfs-shpfee__row .qfs-slct_box {
  width: 200px;
  background-color: #fff;
}
.qfs-shpfee__row .qfs-btn {
  border-radius: 10px;
  min-width: 200px;
  height: 48px;
  font-size: 18px;
}
.qfs-shpfee__row .qfs-btn + .qfs-btn {
  margin-left: 15px;
}
.qfs-shpfee__field {
  padding-left: 300px;
}
.qfs-shpfee__field legend {
  margin-left: -300px;
}
.qfs-shpfee__field + .qfs-shpfee__field {
  margin-top: 50px;
}
.qfs-shpfee__cal {
  display: block;
  width: 63px;
  height: 63px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: url(../img/freight/ic_shpfee_cal.png) no-repeat;
}
.qfs-shpfee__type input {
  position: absolute;
  left: 0;
  opacity: 0;
}
.qfs-shpfee__type input:checked + label {
  border-color: #8158bf;
  color: #8158bf;
  filter: none;
  opacity: 1;
}
.qfs-shpfee__type label {
  display: inline-block;
  margin: 0;
  border: 1px solid #aaa;
  border-radius: 10px;
  width: 140px;
  height: 110px;
  padding-top: 80px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  color: #000;
  filter: grayscale(1);
  opacity: 0.5;
  background: url(../img/freight/ic_shpfee_sea.png) center 5px no-repeat;
}
.qfs-shpfee__type li {
  display: inline-block;
  position: relative;
  margin-right: 20px;
}
.qfs-shpfee__type li.type-air label {
  background: url(../img/freight/ic_shpfee_air.png) center 13px no-repeat;
}
.qfs-shpfee__type li.type-land label {
  background: url(../img/freight/ic_shpfee_land.png) center 15px no-repeat;
}
.qfs-shpfee__result {
  margin: 0 -30px -50px;
  border: solid #f9f9f9;
  border-width: 20px 0;
  padding: 40px 70px 20px;
  background-color: #fff;
}
.qfs-shpfee__expected {
  margin: 50px 0;
}
.qfs-shpfee__expected li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 15px 0;
  font-size: 18px;
  color: #666;
}
.qfs-shpfee__expected li > span {
  flex-shrink: 0;
  margin-right: 20px;
}
.qfs-shpfee__expected li > strong {
  margin-left: auto;
  text-align: right;
}
.qfs-shpfee__expected li.total {
  margin-top: 30px;
  border-top: 1px solid #ddd;
  padding-top: 30px;
  font-size: 24px;
  color: #000;
}

/* [F] Home 
//------------------------------------------------------------------------------ */
.qfs-home {
  min-height: 640px;
  padding: 80px 0 120px;
  box-sizing: border-box;
}
.qfs-home__inner {
  margin: auto;
  width: 1280px;
}
.qfs-home__section {
  display: table;
  margin-bottom: 30px;
  width: 100%;
  table-layout: fixed;
}
.qfs-home__col {
  display: table-cell;
  padding-right: 10px;
  vertical-align: top;
}
.qfs-home__col:last-child {
  padding-right: 0;
}
.qfs-home__col section + section {
  margin-top: 20px;
}
.qfs-home__col--inner-data {
  width: 300px;
}
.qfs-home__col--inner-data .qfs-home__box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 90px;
}
.qfs-home__col--inner-data .qfs-select {
  flex-grow: 1;
  text-align-last: left;
  font-size: 1.1428em;
  color: #888;
}
.qfs-home__col--inner-notice .qfs-home__box {
  height: 250px;
  padding: 20px 40px;
}
.qfs-home__col--inner-notice table {
  width: 100%;
  table-layout: fixed;
}
.qfs-home__col--inner-notice tr:nth-child(even) {
  background: #f9f9f9;
}
.qfs-home__col--inner-notice th {
  padding-bottom: 5px;
  border-bottom: 1px solid #f1f1f1;
  color: #ccc;
  vertical-align: bottom;
  font-weight: 400;
}
.qfs-home__col--inner-notice td {
  padding: 10px 0;
  color: #555;
  text-align: center;
}
.qfs-home__col--inner-notice td:nth-child(2) {
  text-align: left;
}
.qfs-home__col--inner-notice td a {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.qfs-home__tt {
  margin-bottom: 10px;
  font-size: 1.07em;
  color: #727272;
  font-weight: 400;
}
.qfs-home__tt .more {
  margin-left: 7px;
  font-size: 0.8em;
  color: #c3c3c3;
}
h3.qfs-home__tt {
  font-weight: 300;
}

.qfs-home__box {
  position: relative;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 7px 14px 0 rgba(140, 140, 140, 0.2);
  background-color: #fff;
  padding: 18px 20px;
}
.qfs-home__box + .qfs-home__box {
  margin-top: 10px;
}
.qfs-home__box .input {
  display: block;
  padding: 0 70px 0 10px;
  border-radius: 10px;
  box-sizing: border-box;
  width: 100%;
  height: 64px;
  outline: none;
  font-size: 1.2857em;
}
.qfs-home__box .btn {
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -19px;
  width: 38px;
  height: 38px;
  background: url("../img/home/btn_submit.png") 0 0 no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
  font-size: 1px;
}
.qfs-home__guide .link {
  display: inline-block;
  margin: 10px;
}
.qfs-home__menu {
  display: flex;
  justify-content: space-between;
}
.qfs-home__menu > li {
  width: 32%;
}
.qfs-home__menu a {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 7px 14px 0 rgba(140, 140, 140, 0.2);
  background-color: #fff;
  padding: 58px 20px 16px;
  height: 100px;
  background: url("../img/home/ic_more.png") 92% 15% no-repeat;
  line-height: 1.25;
  font-weight: 300;
}
.qfs-home__menu a:hover {
  color: #fff;
  background-image: url("../img/home/ic_more_hover.png"), linear-gradient(to top, #8068a7, #533382);
}
.qfs-home__banner {
  margin-bottom: 25px;
}
.qfs-home__banner img {
  vertical-align: top;
}
.qfs-home__banner__cont {
  position: relative;
  margin: auto;
  text-align: center;
}
.qfs-home__banner__cont a {
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  margin: auto;
  width: 290px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  opacity: 0;
}
.qfs-home__summary ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.qfs-home__summary li {
  position: relative;
  margin-top: 0 !important;
  width: 19%;
  height: 90px;
  color: #5dd822;
}
.qfs-home__summary li:nth-child(even) {
  color: #8158bf;
}
.qfs-home__summary strong {
  display: block;
  margin-top: 12px;
  line-height: 2;
}
.qfs-home__summary i {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 42px;
  height: 42px;
}
.qfs-home__summary i.del_num {
  background: url("../img/home/ic_del_num.png") top center no-repeat;
}
.qfs-home__summary i.del_fee {
  background: url("../img/home/ic_del_fee.png") top center no-repeat;
}
.qfs-home__summary i.qx_bal {
  background: url("../img/home/ic_qx_bal.png") top center no-repeat;
}
.qfs-home__summary i.sku_num {
  background: url("../img/home/ic_sku_num.png") top center no-repeat;
}
.qfs-home__summary i.sku_kind {
  background: url("../img/home/ic_sku_kind.png") top center no-repeat;
}

.qfs-ld_hd {
  height: 676px;
  background: url("../img/home/bg_landing.png") center top no-repeat;
  background-color: #8462d9;
  text-align: center;
}
.qfs-ld_hd .tt {
  padding: 90px 0 10px;
  font-size: 74.25px;
  font-weight: 800;
  color: #fff;
}
.qfs-ld_hd .dsc {
  padding: 0 16px;
  background-color: rgba(118, 84, 205, 0.5);
  line-height: 44px;
  font-size: 32px;
  color: #fff;
}
.qfs-ld_inr {
  margin: 0 auto;
  width: 1280px;
}
.qfs-ld_inf {
  margin: 30px 0 0;
  text-align: center;
  overflow: hidden;
}
.qfs-ld_inf dl {
  display: inline-block;
  vertical-align: top;
  margin-top: 40px;
  width: 420px;
  min-height: 370px;
  font-size: 14px;
  color: #606060;
}
.qfs-ld_inf dt {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
}
.qfs-ld_inf dt em {
  display: block;
  margin-bottom: 17px;
  font-size: 30px;
  color: #68489c;
}
.qfs-ld_inf dd {
  padding-top: 165px;
  background: url("../img/home/ic_ld01.png") center top no-repeat;
  line-height: 26px;
}
.qfs-ld_inf .ld_typ01 dd {
  background-image: url("../img/home/ic_ld01.png");
}
.qfs-ld_inf .ld_typ02 dd {
  background-image: url("../img/home/ic_ld02.png");
}
.qfs-ld_inf .ld_typ03 dd {
  background-image: url("../img/home/ic_ld03.png");
}
.qfs-ld_inf .ld_typ04 dd {
  background-image: url("../img/home/ic_ld04.png");
}
.qfs-ld_inf .ld_typ05 dd {
  background-image: url("../img/home/ic_ld05.png");
}

/* [F] Home / Views3 
//------------------------------------------------------------------------------ */
.qfs-main {
  padding: 48px 0 130px;
  box-sizing: border-box;
  min-height: 820px;
  background-color: #fcfcfc;
}
.qfs-main__inr {
  margin-bottom: -80px;
  font-size: 15px;
  color: #757575;
}
.qfs-main__inr a {
  color: #757575;
}
.qfs-main__sc {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.qfs-main__sc:first-of-type {
  margin-top: 0px;
}
.qfs-main__sc > div {
  min-width: 524px;
}
.qfs-main__sc > div:nth-child(odd) {
  width: 40.937%;
}
.qfs-main__sc > div:nth-child(even) {
  margin-left: 16px;
  width: 57.8%;
}
.qfs-main__box {
  padding: 24px 32px;
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.qfs-main__box + .qfs-main__box {
  margin-top: 24px;
}
.qfs-main__box.box__none {
  padding: 0;
  box-shadow: none;
  border-radius: unset;
  background-color: transparent;
}
.qfs-main__hg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.qfs-main__hg .btn {
  font-size: 1.0666em;
}
.qfs-main__hg .btn--refresh {
  padding-left: 20px;
  background: url(../img/home/ic_refresh.png) 0 50% no-repeat;
}
.qfs-main h2 {
  font-size: 1.2em;
  color: #000;
}
.qfs-main h2 i {
  margin-left: 10px;
  font-size: 14px;
  color: #cdcdcd;
  font-style: initial;
  font-weight: normal;
}

.qfs-main__bn {
  margin-top: -48px;
  margin-bottom: 48px;
  overflow: hidden;
}
.qfs-main__bn + .qfs-main__bn {
  margin-top: -32px;
}
.qfs-main__bn--kr {
  position: relative;
  margin: auto;
  text-align: center;
}
.qfs-main__bn--kr a {
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  margin: auto;
  width: 290px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  opacity: 0;
}
.qfs-main__bn img {
  display: block;
  width: 100%;
}

.qfs-main__graph {
  position: relative;
  width: 100%;
  height: 959px;
}
.qfs-main__graph .qfs-inf {
  position: absolute;
  right: 32px;
}

.qfs-main__attention, .qfs-main__quick {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
:where(.qfs-main__attention, .qfs-main__quick) > li {
  display: flex;
  align-items: center;
  margin-right: 16px;
  box-sizing: border-box;
  width: calc(33.333% - 16px);
  word-break: keep-all;
}
:where(.qfs-main__attention, .qfs-main__quick) > li a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
}
:where(.qfs-main__attention, .qfs-main__quick) > li a em {
  display: block;
  margin: 0;
  width: 100%;
  color: #8158bf;
  font-weight: 500;
}
.qfs-main__attention {
  margin: -16px -16px 0 0;
}
.qfs-main__attention > li {
  margin-top: 16px;
  padding-right: 8px;
  height: 64px;
  line-height: 1.1;
}
.qfs-main__attention > li a {
  padding-left: 80px;
}
.qfs-main__attention > li a em {
  font-size: 18px;
}
.qfs-main__attention > li.menu1 a {
  background: url("../img/home/ic_attention_1.png") 0 50% no-repeat;
}
.qfs-main__attention > li.menu1 a:hover {
  background-color: #fbf9ff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  font-weight: 500;
}
.qfs-main__attention > li.menu2 a {
  background: url("../img/home/ic_attention_2.png") 0 50% no-repeat;
}
.qfs-main__attention > li.menu2 a:hover {
  background-color: #fbf9ff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  font-weight: 500;
}
.qfs-main__attention > li.menu3 a {
  background: url("../img/home/ic_attention_3.png") 0 50% no-repeat;
}
.qfs-main__attention > li.menu3 a:hover {
  background-color: #fbf9ff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  font-weight: 500;
}
.qfs-main__attention > li.menu4 a {
  background: url("../img/home/ic_attention_4.png") 0 50% no-repeat;
}
.qfs-main__attention > li.menu4 a:hover {
  background-color: #fbf9ff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  font-weight: 500;
}
.qfs-main__attention > li.menu5 a {
  background: url("../img/home/ic_attention_5.png") 0 50% no-repeat;
}
.qfs-main__attention > li.menu5 a:hover {
  background-color: #fbf9ff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  font-weight: 500;
}
.qfs-main__attention > li.menu6 a {
  background: url("../img/home/ic_attention_6.png") 0 50% no-repeat;
}
.qfs-main__attention > li.menu6 a:hover {
  background-color: #fbf9ff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  font-weight: 500;
}
.qfs-main__attention > li.menu7 a {
  background: url("../img/home/ic_attention_7.png") 0 50% no-repeat;
}
.qfs-main__attention > li.menu7 a:hover {
  background-color: #fbf9ff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  font-weight: 500;
}
.qfs-main__attention > li.menu8 a {
  background: url("../img/home/ic_attention_8.png") 0 50% no-repeat;
}
.qfs-main__attention > li.menu8 a:hover {
  background-color: #fbf9ff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  font-weight: 500;
}
.qfs-main__attention > li.menu9 a {
  background: url("../img/home/ic_attention_9.png") 0 50% no-repeat;
}
.qfs-main__attention > li.menu9 a:hover {
  background-color: #fbf9ff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  font-weight: 500;
}
.qfs-main__attention span.text__span {
  margin-top: 8px;
  font-size: 1.2em;
}
.qfs-main__trk {
  display: flex;
  height: 64px;
}
.qfs-main__trk .btn {
  padding: 0 40px;
  box-sizing: border-box;
  border: 1px solid #8158bf;
  border-radius: 5px;
  min-width: 180px;
  height: 100%;
  background-color: #fff;
  color: #8158bf;
  font-size: 16px;
  line-height: 62px;
}
.qfs-main__trk .trk__input {
  flex: auto;
  display: flex;
  border: 1px solid #8158bf;
  border-radius: 5px;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
}
.qfs-main__trk .trk__input + button {
  margin-left: 16px;
}
.qfs-main__trk .trk__input input {
  flex: auto;
  padding-left: 24px;
  box-sizing: border-box;
  background-color: #fff;
  max-width: unset;
  height: 100%;
  line-height: 62px;
  color: #757575;
  font-size: 16px;
}
.qfs-main__trk .trk__input .btn {
  background-color: #8158bf;
  border-radius: 0;
  min-width: 200px;
  color: #fff;
}
.qfs-main__quick {
  margin-right: -16px;
}
.qfs-main__quick > li {
  margin-top: 24px;
  padding: 0;
  height: 86px;
}
.qfs-main__quick > li a {
  justify-content: center;
  padding: 16px 19px 16px 80px;
  box-sizing: border-box;
  text-align: center;
}
.qfs-main__quick > li a em {
  margin-top: 5px;
}
.qfs-main__quick > li.menu1 a {
  background: url("../img/home/ic_quick_1.png") 16px 50% no-repeat;
}
.qfs-main__quick > li.menu1 a:hover {
  background-color: #f9f6fe;
  font-weight: 500;
}
.qfs-main__quick > li.menu2 a {
  background: url("../img/home/ic_quick_2.png") 16px 50% no-repeat;
}
.qfs-main__quick > li.menu2 a:hover {
  background-color: #f9f6fe;
  font-weight: 500;
}
.qfs-main__quick > li.menu3 a {
  background: url("../img/home/ic_quick_3.png") 16px 50% no-repeat;
}
.qfs-main__quick > li.menu3 a:hover {
  background-color: #f9f6fe;
  font-weight: 500;
}
.qfs-main__quick > li.menu4 a {
  background: url("../img/home/ic_quick_4.png") 16px 50% no-repeat;
}
.qfs-main__quick > li.menu4 a:hover {
  background-color: #f9f6fe;
  font-weight: 500;
}
.qfs-main__quick > li.menu5 a {
  background: url("../img/home/ic_quick_5.png") 16px 50% no-repeat;
}
.qfs-main__quick > li.menu5 a:hover {
  background-color: #f9f6fe;
  font-weight: 500;
}
.qfs-main__quick > li.menu6 a {
  background: url("../img/home/ic_quick_6.png") 16px 50% no-repeat;
}
.qfs-main__quick > li.menu6 a:hover {
  background-color: #f9f6fe;
  font-weight: 500;
}

.qfs-main__notice {
  width: 100%;
  table-layout: fixed;
}
.qfs-main__notice tr:nth-child(odd) td {
  background-color: #f9f9f9;
}
.qfs-main__notice th {
  padding-bottom: 14px;
  text-align: center;
  font-size: 0.866em;
  font-weight: normal;
  color: #c2c2c2;
}
.qfs-main__notice td {
  text-align: center;
  line-height: 44px;
  font-size: 0.934em;
  color: #4b4b4b;
}
.qfs-main__notice td a {
  display: block;
  overflow: hidden;
  color: #4b4b4b;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qfs-main__notice td a:hover {
  text-decoration: underline;
}
.qfs-main__notice td:nth-child(2) {
  padding: 0 5%;
  text-align: left;
}

.qfs-renewal {
  padding: 20px 24px 17px;
  width: 100%;
  background: linear-gradient(to bottom right, #D8F6EC, #C6EDFB);
  font-size: 18px;
}
.qfs-renewal.qfs-renewal--w {
  background: #fff;
}
.qfs-renewal.qfs-renewal--w p {
  font-weight: normal;
}
.qfs-renewal.qfs-renewal--w em {
  color: #292929;
}
.qfs-renewal.qfs-renewal--w em:after {
  content: none;
}
.qfs-renewal + .qfs-layer__cls {
  top: -45px;
  right: -35px;
  padding-top: 30px;
  width: 30px;
}
.qfs-renewal .qfs-layer__nv {
  position: relative;
}
.qfs-renewal .qfs-layer__nv label {
  color: #353535;
  font-size: 14px;
}
.qfs-renewal header {
  margin-bottom: 20px;
  text-align: center;
}
.qfs-renewal header h2 {
  font-size: 32px;
  color: #000060;
}
.qfs-renewal header img {
  display: inline-block;
  vertical-align: text-bottom;
  margin: 0 16px 0 0;
}
.qfs-renewal > section {
  padding: 24px;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: #f6fcfd;
}
.qfs-renewal__ct {
  padding: 24px;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: #f6fcfd;
}
.qfs-renewal--w .qfs-renewal__ct {
  background-color: #f4f4f4;
}
.qfs-renewal__ct .qfs-cont__btn:last-of-type {
  margin: 40px 0 14px;
}
.qfs-renewal__box {
  margin: 24px -10px;
  padding: 17px 14px;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #fff;
}
.qfs-renewal p {
  margin-left: 6px;
  font-weight: 500;
  color: #353535;
  line-height: 1.7;
}
.qfs-renewal em {
  position: relative;
  z-index: 1;
  color: #000064;
  font-weight: 500;
}
.qfs-renewal em:after {
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  z-index: -1;
  height: 17px;
  background-color: #c6edfb;
  content: "";
}
.qfs-renewal i {
  display: block;
  color: #555;
  font-style: initial;
}
.qfs-renewal__guide {
  margin: 20px 0;
}
.qfs-renewal__guide h3 {
  margin-left: 6px;
  font-size: 18px;
  color: #000060;
}
.qfs-renewal__guide em {
  color: #000;
}
.qfs-renewal__guide img {
  margin: 9px 0 -9px;
}
.qfs-renewal__btn {
  display: inline-block;
  margin-top: 10px;
  padding: 0 24px;
  border-radius: 5px;
  height: 40px;
  background-color: #000072;
  color: #fff;
  font-size: 15px;
  line-height: 40px;
}

/* [F] IntergrationSG 
/* [P] Member/AgreeRelationMember 
//------------------------------------------------------------------------------ */
.qfs-int {
  display: flex;
  min-width: 1280px;
  min-height: 100vh;
}
.qfs-int > * {
  flex: 0 1 50%;
}
.qfs-int_lg {
  display: flex;
  background: #f5f5f5;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.qfs-int_lg .br {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  border-top: 2px solid #aaa;
  width: 14px;
  height: 14px;
  color: transparent;
  font-size: 1px;
  text-indent: 100%;
  transform: rotate(45deg);
}
.qfs-int_lg .br:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -50%;
  margin: -1px 0 0 -1px;
  width: 2px;
  height: 100%;
  background: #aaa;
  transform: rotate(-180deg);
}
.qfs-layer .qfs-int_lg {
  min-height: 0;
}
.qfs-int_lg .int_bx {
  margin: 40px;
  width: 620px;
}
.qfs-int_lg .int_hd {
  font-size: 2.142em;
  color: #8158bf;
  text-align: center;
}
.qfs-int_lg .int_hd h1 {
  font-size: 1.16em;
}
.qfs-int_lg .int_hd img {
  vertical-align: middle;
}
.qfs-int_lg .int_hd img + h1 {
  margin-top: 8px;
}
.qfs-int_lg .int_hd p {
  margin: 30px 0;
  font-size: 0.6667em;
  color: #555;
}
.qfs-int_lg .int_ct {
  margin: 40px 0;
}
.qfs-int_lg .int_ct p {
  margin: 40px 0;
  color: #888;
  font-size: 1.07em;
  line-height: 1.6;
  text-align: center;
}
.qfs-int_lg .int_ct em {
  color: #222;
}
.qfs-int_lg .int_ct_img {
  margin-bottom: 20px;
  text-align: center;
}
.qfs-int_lg .int_ct_img img {
  filter: grayscale(1) contrast(0.1);
  opacity: 0.6;
}
.qfs-int_lg .row_smp {
  margin: 40px 0 50px;
}
.qfs-int_lg .row_smp + .qfs-cont_btn {
  margin-top: 100px;
}
.qfs-int_lg .row_smp label {
  font-weight: 600;
}
.qfs-int_lg .row_smp p {
  margin: 10px 0 0 20px;
  text-align: left;
  color: #666;
}
.qfs-int_lg .row_smp a {
  color: #0072ff;
}
.qfs-int_lg .row_smp a:hover {
  text-decoration: underline;
}
.qfs-int_lg.type-smartship .int_hd, .qfs-int_lg.type-qoo10 .int_hd {
  text-align: left;
  color: #333;
}
.qfs-int_lg.type-smartship .int_hd h1, .qfs-int_lg.type-qoo10 .int_hd h1 {
  font-weight: 400;
}
.qfs-int_lg.type-smartship .int_hd span, .qfs-int_lg.type-qoo10 .int_hd span {
  font-weight: 700;
}

.qfs-int_lg.type-qoo10 .qfs-memb_bt {
  border-color: #ed2c3f;
  background-color: #ed2c3f;
}
.qfs-int_lg.type-smartship .qfs-memb_bt {
  border-color: #ff7154;
  background-color: #ff7154;
}
.qfs-int_as {
  background: url("../img/intergration/bg_int.png") no-repeat;
  background-size: cover;
}
.qfs-int_as:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: text-bottom;
}
.qfs-int_as .int_dsc {
  display: inline-block;
  margin: 0 10% 8%;
  width: 79%;
  color: #fff;
  font-size: 1.285em;
  font-weight: 300;
  vertical-align: text-bottom;
}
.qfs-int_as .int_dsc h2 {
  margin-bottom: 10px;
  font-size: 2.22em;
  font-weight: 200;
  line-height: 1.8;
}

/* [F] Member 
//------------------------------------------------------------------------------ */
.qfs-memb_tt {
  margin-bottom: 35px;
  color: #8158bf;
  font-size: 2.14285em;
  text-align: center;
}
.qfs-memb_bt {
  border-radius: 10px;
  width: 100%;
  max-width: 640px;
  height: 80px;
  font-size: 1.7142em;
  box-shadow: 0px 11px 14px 0 rgba(104, 59, 147, 0.2);
  color: #fff;
  background-color: #8158bf;
  border-color: #8158bf;
  line-height: 80px;
}
.qfs-memb_bt[data-btn="2"] {
  width: calc(50% - 8px);
}

.qfs-rgst {
  margin: auto;
  padding: 100px 0;
  width: 1280px;
}
.qfs-rgst_hd {
  margin-bottom: 40px;
  text-align: center;
}
.qfs-rgst_hd p {
  margin-top: -25px;
  color: #999;
  font-size: 1.1428em;
}
.qfs-rgst_type {
  margin-bottom: 120px;
  font-size: 16px;
}
.qfs-rgst_slct {
  display: flex;
  margin: 40px -10px 60px;
}
.qfs-rgst_slct fieldset {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  position: relative;
  margin: 50px 10px 0;
  box-sizing: border-box;
}
.qfs-rgst_slct fieldset + fieldset {
  flex-grow: 2;
}
.qfs-rgst_slct fieldset.is_active legend {
  background-color: #a3a3a3;
}
.qfs-rgst_slct legend {
  display: block;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  margin-bottom: -40px;
  border-radius: 20px;
  height: 40px;
  width: 100%;
  background-color: #bbb;
  text-align: center;
  color: #fff;
  font-size: 1.125em;
  line-height: 40px;
}
.qfs-rgst_slct input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.qfs-rgst_slct input:checked + label:after {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border: 1px solid;
  border-radius: 20px;
  box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.15);
  content: "";
}
.qfs-rgst_slct input.type_f:checked + label {
  color: #65bd3b;
  border-color: #65bd3b;
}
.qfs-rgst_slct input.type_s:checked + label {
  color: #ec4d94;
  border-color: #ec4d94;
}
.qfs-rgst_slct input.type_b:checked + label {
  color: #6d42ef;
  border-color: #6d42ef;
}
.qfs-rgst_slct label {
  display: block;
  font-size: 24px;
  color: #555;
  transition: 0.2s ease-in-out;
}
.qfs-rgst_slct .box {
  position: relative;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 40px;
  width: 100%;
  background: #fff;
  text-align: center;
}
.qfs-rgst_slct .box + .box {
  margin-left: 13px;
}
.qfs-rgst_slct .box p {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  height: 92px;
  overflow: hidden;
  color: #444;
  line-height: 23px;
}
.qfs-rgst_svc {
  margin: 60px 0 90px;
  color: #555;
}
.qfs-rgst_svc ul {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-left: -20px;
}
.qfs-rgst_svc li {
  position: relative;
  border-right: 1px solid #d3d3d3;
  box-sizing: border-box;
  padding: 0 20px 45px;
  width: 25%;
  line-height: 1.428;
}
.qfs-rgst_svc li:last-child {
  padding-right: 0;
  border-right: 0 none;
}
.qfs-rgst_svc h5 {
  font-size: 1.375em;
}
.qfs-rgst_svc strong {
  display: block;
  margin: 5px 0 20px;
  color: #999;
}
.qfs-rgst_svc .type {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
}
.qfs-rgst_svc .ic_typ {
  filter: grayscale(1);
  opacity: 0.6;
  color: #666;
}
.qfs-rgst_svc .type_f [data-service*=friend] h5 {
  color: #65bd3b;
}
.qfs-rgst_svc .type_f [data-service*=friend] .ic_typ_f {
  filter: none;
  opacity: 1;
  color: #65bd3b;
}
.qfs-rgst_svc .type_s [data-service*=soho] h5 {
  color: #ec4d94;
}
.qfs-rgst_svc .type_s [data-service*=soho] .ic_typ_s {
  filter: none;
  opacity: 1;
  color: #ec4d94;
}
.qfs-rgst_svc .type_b [data-service*=business] h5 {
  color: #6d42ef;
}
.qfs-rgst_svc .type_b [data-service*=business] .ic_typ_b {
  filter: none;
  opacity: 1;
  color: #6d42ef;
}
.ic_typ {
  display: inline-block;
  margin-right: 5px;
  padding-left: 28px;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
  font-size: 13px;
  color: #888;
  background: url("../img/member/ic_type_f.png") left 50% no-repeat;
}
.ic_typ:empty {
  padding-left: 24px;
}
.ic_typ_s {
  background-image: url("../img/member/ic_type_s.png");
}
.ic_typ_b {
  background-image: url("../img/member/ic_type_b.png");
}

.qfs-rgst_inr {
  margin: 50px 0 120px;
}
.qfs-rgst_tt {
  margin-bottom: 20px;
  font-size: 1.9285em;
  color: #555;
  letter-spacing: -0.02em;
  font-weight: 500;
}
.qfs-rgst_tt ~ .qfs-rgst_tt, .qfs-cont_form + .qfs-rgst_tt {
  margin-top: 60px;
}
.qfs-rgst_stt {
  flex-grow: 1;
  margin-top: 25px;
  padding: 20px 0 10px;
  border-bottom: 2px solid #6f6f6f;
  font-weight: 400;
  font-size: 1.12em;
}
.qfs-rgst_stt label {
  color: #999;
  font-size: 0.85em;
}
.qfs-rgst_stt ~ .qfs-rgst_stt, .qfs-rgst_form + .qfs-rgst_stt {
  margin-top: 60px;
}
[data-bg=home] .qfs-rgst_stt {
  margin-bottom: 10px;
  padding: 0;
  border-bottom: 0 none;
}
[data-bg=home] .qfs-rgst .qfs-cont_form {
  margin: 0;
  padding: 15px 0 30px 35px;
  background: #fff;
}

.qfs-rgst_check {
  text-align: center;
}
.qfs-rgst_check a {
  text-decoration: underline;
  color: #000;
}

.qfs-login {
  margin: auto;
  padding: 60px 0;
  width: 640px;
}
.qfs-login_inr {
  overflow: hidden;
}
.qfs-login_inr .qfs-tab {
  margin-bottom: 0;
}
.qfs-login_inr .qfs-tab a {
  font-size: 1.07em;
}
.qfs-login_inr .row {
  display: flex;
  align-items: center;
  margin-bottom: 1px;
  padding: 18px 20px;
  background: #fff;
}
.qfs-login_inr .check_err.on .row {
  border: 1px solid #d30000;
}
.qfs-login_inr .check_err.on .row + .row {
  margin-top: -2px;
  border-top-color: #f2f2f2;
}
.qfs-login_inr .check_err.on p {
  display: block;
}
.qfs-login_inr .check_err p {
  display: none;
  margin-top: 10px;
  color: #d10303;
  text-align: center;
  font-style: italic;
}
.qfs-login_inr .dsc {
  flex-grow: 1;
  padding: 25px 0;
  text-align: center;
  color: #888;
  line-height: 1.5;
  font-size: 1.07em;
}
.qfs-login_inr .dsc span {
  color: #bbb;
}
.qfs-login_inr .lbl {
  position: relative;
  flex-shrink: 0;
  margin: 0 15px 0 0;
  padding: 0 10px 0 5px;
  border-right: 1px solid #bbb;
  width: 170px;
  color: #bbb;
  line-height: 10px;
  box-sizing: border-box;
}
.qfs-login_inr .lbl_em:before, .qfs-login_inr .lbl_pw:before, .qfs-login_inr .lbl_cd:before {
  content: "";
  display: inline-block;
  margin: -3px 10px 0 0;
  width: 21px;
  height: 21px;
  vertical-align: middle;
  background: 50% no-repeat;
}
.qfs-login_inr .lbl_em:before {
  background-image: url("../img/member/ic_email.png");
}
.qfs-login_inr .lbl_pw:before {
  background-image: url("../img/member/ic_pw.png");
}
.qfs-login_inr .lbl_cd:before {
  background-image: url("../img/member/ic_code.png");
}
.qfs-login_inr .inp {
  width: 100%;
  height: 48px;
  padding-left: 10px;
  font-size: 1.4285em;
}
.qfs-login_inr .inp::placeholder {
  color: #aaa;
  font-style: italic;
}
.qfs-login_inr .inp:-ms-input-placeholder {
  color: #aaa;
  font-style: italic;
}
.qfs-login_inr .inp#security_code {
  width: 180px;
}
.qfs-login_inr [data-phone-num] {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.qfs-login_inr [data-phone-num]:before {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 10px;
  right: 0;
  height: 1px;
  background: #aaa;
  content: "";
}
.qfs-login_inr [data-phone-num] input {
  position: relative;
  margin-left: 0;
  background: #fff;
  padding: 0 10px;
  text-align: center;
}
.qfs-login_inr [data-phone-num="2"] input {
  width: calc(50% - 5px);
}
.qfs-login_inr [data-phone-num="3"] input {
  width: calc(33.333% - 5px);
}
.qfs-login_inr .qfs-slct {
  font-size: 1.4285em;
}
.qfs-login_inr .recap_bx {
  position: relative;
  margin-left: 10px;
  padding-left: 25px;
  width: 202px;
  height: 52px;
}
.qfs-login_inr .ref {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background: url("../img/member/ic_ref.png");
}
.qfs-login_etc {
  margin-top: 35px;
  text-align: right;
  overflow: hidden;
  line-height: 1.5;
  color: #888;
}
.qfs-login_etc .save_id {
  float: left;
}
.qfs-login_etc .lnk {
  margin: 0 3px;
  color: #888;
}
.qfs-login_etc .ps_lt {
  text-align: left;
}
.qfs-login_etc .ps_ct {
  text-align: center;
}
.qfs-login_etc .ps_ct + .ps_ct {
  margin-top: 10px;
}
.qfs-login_oth {
  margin-top: 10px;
}
.qfs-login_oth p {
  margin-bottom: 10px;
  border-bottom: 1px solid #6f6f6f;
  text-align: center;
  color: #6f6f6f;
  line-height: 1;
}
.qfs-login_oth p strong {
  display: inline-block;
  position: relative;
  top: 10px;
  padding: 0 20px;
  height: 20px;
  background-color: #f2f2f2;
  font-size: 1.1428em;
  font-weight: 400;
  line-height: 20px;
}
.qfs-login_oth .btn_area {
  display: flex;
  justify-content: space-between;
  justify-content: space-around;
  margin-top: 30px;
}
.qfs-login_oth .btn_area a {
  width: 32.5%;
  height: 70px;
  border-radius: 35px;
  padding: 0 30px;
  text-align: center;
  line-height: 70px;
  background: #fff;
}
.qfs-login_oth .btn_area img {
  margin-top: -2px;
  vertical-align: middle;
}

/* [P] Member/Regist	*/
/* [P] Member/Service	*/
/* [F] Customer			*/
.qfs-cont_svc ul {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 60px;
}
.qfs-cont_svc li {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 20px 28px;
  background: #fff;
  width: 33%;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  font-size: 1.07em;
  color: #777;
  line-height: 1.7;
}
.qfs-cont_svc li.svc02 p {
  background-image: url("../img/member/ic_rgst_svc2.png");
}
.qfs-cont_svc li.svc03 p {
  background-image: url("../img/member/ic_rgst_svc3.png");
}
.qfs-cont_svc input {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 50%;
  cursor: pointer;
}
.qfs-cont_svc input:checked + label {
  background-image: url("../img/member/ic_check_on.png");
}
.qfs-cont_svc label {
  display: block;
  margin: 0;
  padding: 60px 0 15px 10px;
  text-indent: -7px;
  cursor: pointer;
  background: url("../img/member/ic_check.png") 99% top no-repeat;
}
.qfs-cont_svc label:before {
  content: "•";
  display: inline-block;
  margin: -3px 7px 0 0;
  vertical-align: middle;
}
.qfs-cont_svc p {
  margin-bottom: 40px;
  height: 250px;
  background: url("../img/member/ic_rgst_svc1.png") right bottom no-repeat;
}
.qfs-cont_svc .tt {
  color: #444;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.3;
}
.qfs-cont_svc_p {
  margin-top: auto;
}
.qfs-cont_svc_p h5 {
  color: #8158bf;
  font-size: 100%;
  line-height: 1.4;
}
.qfs-cont_svc_p small {
  display: block;
  font-weight: 400;
  font-size: 92%;
}
.qfs-cont_svc_p .inr {
  display: flex;
  margin: 20px -28px -20px;
  border-top: 1px solid #dcdcdc;
  background: #f8f8f8;
}
.qfs-cont_svc_p .inr > * {
  flex: 1;
}
.qfs-cont_svc_p select {
  background-position: 90% 50%;
  padding-left: 20px;
  width: 50%;
  height: 50px;
  color: #555;
  text-align-last: left;
}
.qfs-cont_svc_p select + select {
  margin: 0;
  border-left: 1px solid #e0e0e0;
}
.qfs-cont_svc_p .add {
  flex-basis: 90px;
  flex-grow: 0;
  background: #8158bf;
  color: #fff;
}
.qfs-cont_svc_p .add[disabled] {
  background: #777;
  cursor: default;
}

.qfs-reviewing {
  margin: 0 auto;
  border-top: 140px solid transparent;
  padding-left: 330px;
  width: 470px;
  min-height: 312px;
  font-size: 1.1428em;
  color: #555;
  line-height: 1.6;
  background: url("../img/member/ic_reviewing.png") top left no-repeat;
}
.qfs-reviewing--type02 {
  background-image: url("../img/member/ic_reviewing_ver2.png");
  background-size: auto 300px;
}
.qfs-reviewing h2 {
  margin-bottom: 10px;
  font-size: 18px;
}
.qfs-reviewing__enquiry {
  margin-top: 35px;
  border-radius: 10px;
  padding: 35px 40px;
  font-size: 14px;
  background-color: rgba(168.6506276151, 152.3326359833, 195.1673640167, 0.1);
}

/* [F] SearchStatus
//------------------------------------------------------------------------------ */
.qfs-cont_reason {
  display: flex;
  justify-content: space-between;
  margin: 50px 0;
  border: 1px solid #dcdcdc;
  border-radius: 20px;
  padding: 12px 10px;
  box-shadow: 0 4px 8px rgba(140, 140, 140, 0.35);
}
.qfs-cont_reason > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 1 0;
  margin: 8px 0;
  border-left: 1px solid #dcdcdc;
  box-sizing: border-box;
  padding: 0 15px;
  color: #999;
  font-size: 1.1428em;
  line-height: 1.2;
}
.qfs-cont_reason > a:first-child {
  border-left: 0 none;
}
.qfs-cont_reason > a em {
  margin: 0 0 0 10px;
  color: #999;
  font-size: 1.4285em;
}
.qfs-cont_reason > a.qfs-txt_red span, .qfs-cont_reason > a.qfs-txt_red em {
  color: #d52633;
}
.qfs-cont_reason--lines {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.qfs-cont_reason--lines > a {
  flex: 0 0 20%;
}
.qfs-cont_reason--lines > a:last-child {
  box-shadow: 1px 0 0 #dcdcdc;
}
.qfs-cont_reason--lines > a:nth-child(4n+5):last-child {
  box-shadow: none;
}
.qfs-cont_reason--lines > a:nth-child(4n+6) {
  margin-left: 20%;
}

/* [F] Settle 
//------------------------------------------------------------------------------ */
/* [P] Settle/PurchaseVoucher */
.qfs-cont_gd {
  display: flex;
  position: relative;
  border-top: 1px solid #888;
}
.qfs-cont_gddtl {
  padding-bottom: 40px;
  line-height: 1.8;
  color: #555;
}
.qfs-cont_gddtl h3 {
  margin: 40px 0 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #888;
  color: #8158bf;
  font-size: 1.428em;
}
.qfs-cont_gddtl h3:before {
  content: "i";
  display: inline-block;
  margin: -3px 7px 0 0;
  border-radius: 50%;
  border: 1px solid #8158bf;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  font-size: 0.72em;
  text-align: center;
  line-height: 16px;
}
.qfs-cont_gdinf {
  flex-grow: 1;
  padding-right: 270px;
  min-height: 100vh;
  box-sizing: border-box;
}
.qfs-cont_gdinf img {
  vertical-align: top;
}
.qfs-cont_gdinf .stp {
  width: 724px;
}
.qfs-cont_gdinf .stp li {
  padding: 90px 55px;
  font-size: 1.28em;
}
.qfs-cont_gdinf .stp li:nth-child(odd) {
  padding-left: 320px;
  background-color: #eaeef0;
  background-position: 10% 50%;
}
.qfs-cont_gdinf .stp li:nth-child(odd), .qfs-cont_gdinf .stp li:nth-child(odd) a {
  color: #4668e5;
}
.qfs-cont_gdinf .stp li:nth-child(odd) a {
  border: 1px solid #4668e5;
}
.qfs-cont_gdinf .stp li:nth-child(even) {
  padding-right: 320px;
  background-position: 90% 50%;
}
.qfs-cont_gdinf .stp li:nth-child(even), .qfs-cont_gdinf .stp li:nth-child(even) a {
  color: #8158bf;
}
.qfs-cont_gdinf .stp li:nth-child(even) a {
  border: 1px solid #8158bf;
}
.qfs-cont_gdinf .stp_01 {
  background-repeat: no-repeat;
  background-image: url("../img/settle/ic_topup_info01.png");
}
.qfs-cont_gdinf .stp_02 {
  background-repeat: no-repeat;
  background-image: url("../img/settle/ic_topup_info02.png");
}
.qfs-cont_gdinf .stp_03 {
  background-repeat: no-repeat;
  background-image: url("../img/settle/ic_topup_info03.png");
}
.qfs-cont_gdinf .stp_04 {
  background-repeat: no-repeat;
  background-image: url("../img/settle/ic_topup_info04.png");
}
.qfs-cont_gdinf .stp strong {
  display: block;
  margin-bottom: 15px;
  font-weight: normal;
  font-size: 2em;
  line-height: 1.1;
}
.qfs-cont_gdinf .stp small, .qfs-cont_gdinf .stp a {
  font-style: italic;
  opacity: 0.7;
}
.qfs-cont_gdinf .stp a {
  display: inline-block;
  border-radius: 20px;
  padding: 5px 20px 7px;
  background: #fff;
}
.qfs-cont_gdinf .stp p {
  margin: 20px 0 15px;
  color: #444;
  line-height: 1.6;
}
.qfs-cont_gdopt {
  position: absolute;
  top: -1px;
  right: 0;
  width: 271px;
  height: 100%;
  z-index: 90;
}
.qfs-cont_gdopt .opt_inr {
  position: relative;
  padding: 25px 0 174px;
  border: 1px solid #888;
  background: #fff;
  height: 100vh;
  width: 271px;
  overflow: hidden;
  box-sizing: border-box;
}
.qfs-cont_gdopt .opt_dtl {
  padding: 0 25px;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.qfs-cont_gdopt label {
  display: block;
  margin: 0;
}
.qfs-cont_gdopt .qfs-slct {
  display: block;
  margin: 10px 0;
  border: 1px solid #d7d7d7;
  background-color: #f8f8f8;
  width: 100%;
  font-size: 1.133em;
  text-align-last: left;
}
.qfs-cont_gdopt .lst {
  position: relative;
}
.qfs-cont_gdopt .lst li {
  position: relative;
  padding: 25px 10px;
  border-bottom: 1px solid #aaa;
}
.qfs-cont_gdopt .lst li:last-child {
  border-bottom: 0 none;
}
.qfs-cont_gdopt .txt {
  font-size: 1.14em;
  word-break: break-word;
  overflow-wrap: break-word;
  color: #666;
}
.qfs-cont_gdopt .odr {
  margin: 20px 15px 0 0;
  overflow: hidden;
}
.qfs-cont_gdopt .prc {
  float: right;
  color: #000;
  font-size: 1.25em;
}
.qfs-cont_gdopt .prc_block {
  display: block;
  float: none;
  margin-top: 15px;
  text-align: right;
}
.qfs-cont_gdopt .bt_del {
  position: absolute;
  bottom: 20px;
  right: 0;
  padding: 8px;
  font-size: 0;
}
.qfs-cont_gdopt .bt_del:before, .qfs-cont_gdopt .bt_del:after {
  display: inline-block;
  background: #888;
  width: 1px;
  height: 14px;
  content: "";
  vertical-align: middle;
}
.qfs-cont_gdopt .bt_del:before {
  margin-right: -1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.qfs-cont_gdopt .bt_del:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.qfs-cont_gdopt .ttl {
  display: table;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px solid #d6d7d8;
  padding: 0 25px;
  background: #fff;
  width: 100%;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05);
  text-align: center;
  box-sizing: border-box;
}
.qfs-cont_gdopt .ttl dl {
  margin-bottom: 20px;
  text-align: right;
  font-weight: bold;
  font-size: 1.07em;
  line-height: 1.8;
}
.qfs-cont_gdopt .ttl dt {
  float: left;
  clear: both;
}
.qfs-cont_gdopt .ttl dd {
  overflow: hidden;
  height: 1.8em;
}
.qfs-cont_gdopt .ttl_inr {
  display: table-cell;
  padding: 20px 0;
  vertical-align: middle;
}
.qfs-cont_gd .qfs-btn {
  display: block;
  margin: 7px 0;
  height: 60px;
  line-height: 60px;
  border-radius: 0;
}

/* [P] Settle/TopupQxMoney */
.qfs-qmn {
  position: relative;
}
.qfs-qmn_ls {
  position: absolute;
  left: 60px;
  bottom: 60px;
  background: #fff;
  padding: 25px 30px;
  min-width: 300px;
  color: #777;
  font-size: 1.0714em;
  text-align: right;
  line-height: 35px;
}
.qfs-qmn_ls dt {
  float: left;
  margin-right: 50px;
  text-align: right;
}
.qfs-qmn_ls dd {
  overflow: hidden;
  font-weight: bold;
  font-size: 1.2em;
}
.qfs-qmn_ls .qfs-btn {
  margin-left: 10px;
}

/* [P] Settle/QpaySettle */
.pop-qpay {
  width: 720px;
  height: 600px;
  overflow: hidden;
  background: url("../img/settle/bg_popqpay.png") 0 0 no-repeat;
  background-size: 720px auto;
}
.pop-qpay__text {
  margin: 330px 60px 0 330px;
  height: 180px;
  color: #666;
  font-size: 1.2142em;
  line-height: 1.5;
}
.pop-qpay__text h1 {
  margin-bottom: 10px;
  font-size: 1.47em;
}
.pop-qpay__btn {
  display: block;
  margin: 0 50px;
  border-radius: 10px;
  padding: 15px;
  width: calc(100% - 100px);
  background-color: #3f62e3;
  text-align: center;
  color: #fff;
  font-size: 1.2857em;
}

/* [F] Settle ( Views3 )
//------------------------------------------------------------------------------ */
/* [P] Settle/PurchaseVoucher */
.qfs-cont__gd {
  display: flex;
  position: relative;
  border-top: 1px solid #888;
}
.qfs-cont__gddtl {
  padding-bottom: 40px;
  line-height: 1.8;
  color: #555;
}
.qfs-cont__gddtl h3 {
  margin: 40px 0 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #888;
  color: #8158bf;
  font-size: 1.428em;
}
.qfs-cont__gddtl h3:before {
  content: "i";
  display: inline-block;
  margin: -3px 7px 0 0;
  border-radius: 50%;
  border: 1px solid #8158bf;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  font-size: 0.72em;
  text-align: center;
  line-height: 16px;
}
.qfs-cont__gdinf {
  flex-grow: 1;
  padding-right: 270px;
  min-height: 100vh;
  box-sizing: border-box;
}
.qfs-cont__gdinf img {
  vertical-align: top;
}
.qfs-cont__gdinf .stp {
  width: 724px;
}
.qfs-cont__gdinf .stp li {
  padding: 90px 55px;
  font-size: 1.28em;
}
.qfs-cont__gdinf .stp li:nth-child(odd) {
  padding-left: 320px;
  background-color: #eaeef0;
  background-position: 10% 50%;
}
.qfs-cont__gdinf .stp li:nth-child(odd), .qfs-cont__gdinf .stp li:nth-child(odd) a {
  color: #4668e5;
}
.qfs-cont__gdinf .stp li:nth-child(odd) a {
  border: 1px solid #4668e5;
}
.qfs-cont__gdinf .stp li:nth-child(even) {
  padding-right: 320px;
  background-position: 90% 50%;
}
.qfs-cont__gdinf .stp li:nth-child(even), .qfs-cont__gdinf .stp li:nth-child(even) a {
  color: #8158bf;
}
.qfs-cont__gdinf .stp li:nth-child(even) a {
  border: 1px solid #8158bf;
}
.qfs-cont__gdinf .stp_01 {
  background-repeat: no-repeat;
  background-image: url("../img/settle/ic_topup_info01.png");
}
.qfs-cont__gdinf .stp_02 {
  background-repeat: no-repeat;
  background-image: url("../img/settle/ic_topup_info02.png");
}
.qfs-cont__gdinf .stp_03 {
  background-repeat: no-repeat;
  background-image: url("../img/settle/ic_topup_info03.png");
}
.qfs-cont__gdinf .stp_04 {
  background-repeat: no-repeat;
  background-image: url("../img/settle/ic_topup_info04.png");
}
.qfs-cont__gdinf .stp strong {
  display: block;
  margin-bottom: 15px;
  font-weight: normal;
  font-size: 2em;
  line-height: 1.1;
}
.qfs-cont__gdinf .stp small, .qfs-cont__gdinf .stp a {
  font-style: italic;
  opacity: 0.7;
}
.qfs-cont__gdinf .stp a {
  display: inline-block;
  border-radius: 20px;
  padding: 5px 20px 7px;
  background: #fff;
}
.qfs-cont__gdinf .stp p {
  margin: 20px 0 15px;
  color: #444;
  line-height: 1.6;
}
.qfs-cont__gdopt {
  position: absolute;
  top: -1px;
  right: 0;
  width: 271px;
  height: 100%;
  z-index: 90;
}
.qfs-cont__gdopt .opt__inr {
  position: relative;
  padding: 25px 0 174px;
  border: 1px solid #888;
  background: #fff;
  height: 100vh;
  width: 271px;
  overflow: hidden;
  box-sizing: border-box;
}
.qfs-cont__gdopt .opt__dtl {
  padding: 0 25px;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.qfs-cont__gdopt label {
  display: block;
  margin: 0;
}
.qfs-cont__gdopt .qfs-slct {
  display: block;
  margin: 10px 0;
  border: 1px solid #d7d7d7;
  background-color: #f8f8f8;
  width: 100%;
  font-size: 1.133em;
  text-align-last: left;
}
.qfs-cont__gdopt .lst {
  position: relative;
}
.qfs-cont__gdopt .lst li {
  position: relative;
  padding: 25px 10px;
  border-bottom: 1px solid #aaa;
}
.qfs-cont__gdopt .lst li:last-child {
  border-bottom: 0 none;
}
.qfs-cont__gdopt .txt {
  font-size: 1.14em;
  word-break: break-word;
  overflow-wrap: break-word;
  color: #666;
}
.qfs-cont__gdopt .odr {
  margin: 20px 15px 0 0;
  overflow: hidden;
}
.qfs-cont__gdopt .prc {
  float: right;
  color: #000;
  font-size: 1.25em;
}
.qfs-cont__gdopt .prc__block {
  display: block;
  float: none;
  margin-top: 15px;
  text-align: right;
}
.qfs-cont__gdopt .bt__del {
  position: absolute;
  bottom: 20px;
  right: 0;
  padding: 8px;
  font-size: 0;
}
.qfs-cont__gdopt .bt__del:before, .qfs-cont__gdopt .bt__del:after {
  display: inline-block;
  background: #888;
  width: 1px;
  height: 14px;
  content: "";
  vertical-align: middle;
}
.qfs-cont__gdopt .bt__del:before {
  margin-right: -1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.qfs-cont__gdopt .bt__del:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.qfs-cont__gdopt .ttl {
  display: table;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px solid #d6d7d8;
  padding: 0 25px;
  background: #fff;
  width: 100%;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05);
  text-align: center;
  box-sizing: border-box;
}
.qfs-cont__gdopt .ttl dl {
  margin-bottom: 20px;
  text-align: right;
  font-weight: bold;
  font-size: 1.07em;
  line-height: 1.8;
}
.qfs-cont__gdopt .ttl dt {
  float: left;
  clear: both;
}
.qfs-cont__gdopt .ttl dd {
  overflow: hidden;
  height: 1.8em;
}
.qfs-cont__gdopt .ttl__inr {
  display: table-cell;
  padding: 20px 0;
  vertical-align: middle;
}
.qfs-cont__gd .qfs-btn {
  display: block;
  margin: 7px 0;
  padding: 0;
  border-radius: 0;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
}
.qfs-cont__gd .qfs-btn + .qfs-btn {
  margin-left: 0;
}

/* [P] Settle/TopupQxMoney */
.qfs-qmn {
  position: relative;
}
.qfs-qmn__bn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding-right: 180px;
  padding-right: 17.65%;
  box-sizing: border-box;
  border-radius: 20px;
  background: linear-gradient(279deg, #efdeff, #f9f6ff);
  width: calc(100% - 30px);
  height: 160px;
}
.qfs-qmn__bn:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: -30px;
  background: 50% no-repeat;
  background-size: cover;
  height: 160px;
}
.qfs-qmn__bn.bn__history:before {
  background-image: url(../img/settle/ic_history.png);
  width: 211px;
}
.qfs-qmn__bn.bn__topup:before {
  background-image: url(../img/settle/ic_topup.png);
  width: 211px;
}
.qfs-qmn__bn.bn__mgt {
  justify-content: flex-start;
}
.qfs-qmn__bn.bn__mgt:before {
  background-image: url(../img/settle/ic_mgt.png);
  width: 357px;
}
.qfs-qmn__bn.bn__mgt .bn__title {
  margin: 0 48px;
}
.qfs-qmn__bn h4 {
  color: #6a479c;
  font-size: 32px;
  line-height: 47px;
  letter-spacing: -1.28px;
  font-weight: 500;
}
.qfs-qmn__bn p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.14px;
  color: #757575;
}
.qfs-qmn__ls {
  background-color: #fff;
  padding: 16px 24px;
  box-sizing: border-box;
  width: 52.8%;
  min-width: 450px;
  max-width: 500px;
  height: 72px;
  font-size: 15px;
  text-align: right;
  line-height: 40px;
  z-index: 3;
}
.qfs-qmn__ls dt {
  float: left;
  margin-right: 20px;
  color: #757575;
  letter-spacing: -0.15px;
}
.qfs-qmn__ls dd {
  overflow: hidden;
  color: #353535;
  font-weight: bold;
  font-size: 1.067em;
}
.qfs-qmn__ls .qfs-btn {
  margin-left: 15px;
  font-size: 15px;
}

/* [P] Settle/QpaySettle */
.pop-qpay {
  width: 720px;
  height: 600px;
  overflow: hidden;
  background: url("../img/settle/bg_popqpay.png") 0 0 no-repeat;
  background-size: 720px auto;
}
.pop-qpay__text {
  margin: 330px 60px 0 330px;
  height: 180px;
  color: #666;
  font-size: 1.2142em;
  line-height: 1.5;
}
.pop-qpay__text h1 {
  margin-bottom: 10px;
  font-size: 1.47em;
}
.pop-qpay__btn {
  display: block;
  margin: 0 50px;
  border-radius: 10px;
  padding: 15px;
  width: calc(100% - 100px);
  background-color: #3f62e3;
  text-align: center;
  color: #fff;
  font-size: 1.2857em;
}

/* [F] Cargo
/* [F] SmartShipping
//------------------------------------------------------------------------------ */
.qfs-cont_step {
  display: flex;
  justify-content: center;
  margin: 15px 0;
  padding: 40px 0;
  background: #f9f9f9;
}
.qfs-cont_step li, .qfs-cont_step a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  flex-basis: 145px;
  margin: 0 10px;
  border-radius: 20px;
  height: 145px;
  border: 1px solid #8158bf;
  box-shadow: inset 5px 5px 40px 10px rgba(255, 255, 255, 0.15);
  box-sizing: border-box;
  color: #8068a7;
  font-size: 1.14285em;
  text-align: center;
  background-color: #fbfafd;
}
.qfs-cont_step li:after, .qfs-cont_step a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  border-top: 1px dashed #8158bf;
  width: 20px;
}
.qfs-cont_step li:first-child:after, .qfs-cont_step a:first-child:after {
  content: none;
}
.qfs-cont_step li strong, .qfs-cont_step a strong {
  font-weight: 500;
  font-size: 2.375em;
}
.qfs-cont_step li.rej, .qfs-cont_step a.rej {
  color: #d35454;
  border-color: #d35454;
}
.qfs-cont_step li.all, .qfs-cont_step a.all {
  color: #fff;
  background-image: linear-gradient(to right, #8158bf, #533382);
}
.qfs-cont_step li[role=button], .qfs-cont_step a[role=button] {
  cursor: pointer;
}
.qfs-cont_step li .no, .qfs-cont_step a .no {
  position: absolute;
  right: -10px;
  top: -10px;
  border-radius: 20px;
  background: #8158bf;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  font-size: 1.07em;
  font-weight: 500;
}
.qfs-cont_step li.dlv, .qfs-cont_step a.dlv {
  color: #999;
  border-color: #777;
}
.qfs-cont_step .dtl {
  display: flex;
  flex-direction: column;
  flex-basis: 200px;
  margin-left: 10px;
  height: 145px;
}
.qfs-cont_step .dtl_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  border: 1px solid #d35454;
  border-radius: 10px;
  padding: 5px 20px;
  font-size: 1.1428em;
  color: #d35454;
  line-height: 35px;
}
.qfs-cont_step .dtl_box + div {
  margin-top: 4px;
}
.qfs-cont_step .dtl dl {
  display: table;
  width: 100%;
  table-layout: fixed;
  text-align: right;
}
.qfs-cont_step .dtl dt {
  display: table-cell;
  text-align: left;
  white-space: nowrap;
}
.qfs-cont_step .dtl--done .dtl_box {
  border-color: #a9a9ab;
  color: #a9a9ab;
}

.qfs-cont_rt_lnk {
  margin: 30px 0 20px;
  overflow: hidden;
  text-align: right;
}
.qfs-cont_rt_lnk a {
  display: inline-block;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #9f9f9f;
  height: 15px;
  color: #999;
  line-height: 15px;
}
.qfs-cont_rt_lnk a:last-of-type {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}
.qfs-cont_ht ~ .qfs-cont_rt_lnk {
  margin-bottom: -10px;
}

.qfs-svc-guide {
  display: flex;
  width: 1260px;
  line-height: 1.6;
}
.qfs-svc-guide header {
  flex-shrink: 0;
  padding: 40px 30px;
  box-sizing: border-box;
  width: 340px;
  color: #fff;
  background-image: linear-gradient(to bottom, #725dd3, #7148b6);
}
.qfs-svc-guide header p {
  text-align: justify;
}
.qfs-svc-guide header img {
  display: block;
  margin: auto;
}
.qfs-svc-guide h2 {
  margin-bottom: 30px;
  font-size: 30px;
  letter-spacing: -1px;
}
.qfs-svc-guide h2 span {
  display: block;
  font-size: 22px;
  font-weight: 300;
}
.qfs-svc-guide_img {
  position: relative;
  margin-bottom: -120px;
  width: 505px;
  height: 490px;
  background: url("../img/smartshipping/ic_svc_guide.png") 50% no-repeat;
  transform: translate3d(-45%, 5%, 0);
  transition: 0.3s animation cubic-bezier(0.16, 1.08, 1, 1);
  -webkit-animation: image-slidein 1s;
  animation: image-slidein 1s;
}
.qfs-svc-guide_img span {
  position: absolute;
  top: 60px;
  right: 85px;
  width: 80px;
  height: 90px;
  content: "";
  background: url("../img/smartshipping/ic_svc_guide_arr.png") 50% no-repeat;
  animation: image-spinner 1.7s linear 0.5s infinite;
}
@-webkit-keyframes image-slidein {
  0% {
    -webkit-transform: translate3d(-70%, 20%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(-45%, 5%, 0);
    opacity: 1;
  }
}
@keyframes image-slidein {
  0% {
    transform: translate3d(-70%, 20%, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(-45%, 5%, 0);
    opacity: 1;
  }
}
@-webkit-keyframes image-spinner {
  0% {
    -webkit-transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
  }
}
@keyframes image-spinner {
  0% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.qfs-svc-guide article {
  flex: 1 0 auto;
  padding: 40px 30px;
}
.qfs-svc-guide h3 {
  margin-bottom: 15px;
  font-size: 1.214em;
  color: #725ed4;
}
.qfs-svc-guide h3 ~ h3 {
  margin-top: 35px;
}
.qfs-svc-guide ul li {
  margin: 5px 0;
  padding-left: 10px;
  text-indent: -10px;
}
.qfs-svc-guide ul li:before {
  display: inline-block;
  margin: -2px 8px 0 0;
  border-radius: 50%;
  background: #333;
  width: 2px;
  height: 2px;
  vertical-align: middle;
  content: "";
}
.qfs-svc-guide_step {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.qfs-svc-guide_step li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 22%;
  position: relative;
  border: 1px solid #999;
  border-radius: 17px;
  box-sizing: border-box;
  padding: 5px;
  width: 22%;
  text-align: center;
  color: #666;
}
.qfs-svc-guide_step li:after {
  position: absolute;
  left: 108%;
  top: 50%;
  margin-top: -9px;
  border-style: solid;
  border-width: 6px 9px;
  border-color: transparent transparent transparent #ccc;
  content: "";
}
.qfs-svc-guide_step li:last-child:after {
  content: none;
}
.qfs-svc-guide_req {
  margin-top: 40px;
  overflow: hidden;
}
.qfs-svc-guide_req h4 {
  float: left;
  margin-right: 25px;
  color: #666;
  font-size: 1em;
}
.qfs-svc-guide_req ol {
  overflow: hidden;
  counter-reset: step;
}
.qfs-svc-guide_req li {
  position: relative;
  float: left;
  width: 33.33%;
  text-align: center;
  color: #444;
}
.qfs-svc-guide_req li:after {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  background: #666;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  content: counter(step);
  counter-increment: step;
}
.qfs-svc-guide_req li:before {
  display: block;
  margin: 0 auto 5px;
  width: 240px;
  height: 200px;
  background: url("../img/smartshipping/ic_svc_guide_step.png") 0 0 no-repeat;
  content: "";
}
.qfs-svc-guide_req li.req2:before {
  background-position: -240px 0;
}
.qfs-svc-guide_req li.req3:before {
  background-position: -480px 0;
}

/* [P] SmartShipping/DeliveryQuickOrderRegist */
.qfs-cont_bnr {
  position: relative;
}
.qfs-cont_wide + .qfs-cont_bnr {
  margin-top: -60px;
}
.qfs-cont_bnr .lnk_req {
  position: absolute;
  top: 30px;
  right: 30px;
  color: #fff;
  font-size: 1.1428em;
}
.qfs-cont_bnr .lnk_req:after {
  display: inline-block;
  margin: -2px 0 0 5px;
  width: 6px;
  height: 6px;
  border: solid #fff;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
  content: "";
  vertical-align: middle;
}

.qfs-cont_costd {
  border: 1px solid #dcdcdc;
  padding: 45px;
  background: #fff;
  text-align: center;
  font-size: 1.4285em;
}
.qfs-cont_costd span {
  font-weight: normal;
}
.qfs-cont_costd strong {
  margin-right: 20px;
}
.qfs-cont_costd .qfs-tbl {
  display: inline-block;
  margin: 0 30px 0 0;
  width: 600px;
  vertical-align: middle;
}
.qfs-cont_costd .qfs-tbl table {
  border-color: #ddd;
}
.qfs-cont_costd .qfs-tbl thead th,
.qfs-cont_costd .qfs-tbl tbody td {
  padding: 8px 10px;
  border: 1px solid #ddd;
}
.qfs-cont_costd .qfs-tbl thead th {
  background-color: #f9f9f9;
  font-weight: 600;
  color: #000;
}

.qfs-deadline {
  margin: 15px 0;
  padding: 40px 70px;
  background: #f9f9f9;
}
.qfs-deadline__inner {
  border-radius: 60px;
  padding: 30px 80px 30px 200px;
  min-height: 60px;
  background: #fff url("../img/smartshipping/ic_deadline_alarm.png") 80px 50% no-repeat;
  font-size: 1.1428em;
  line-height: 1.2;
}
.qfs-deadline__inner h3 {
  float: left;
  margin-right: 30px;
  font-size: inherit;
  color: #8158bf;
}
.qfs-deadline__inner li {
  display: inline-block;
  margin-right: 60px;
  overflow: hidden;
}
.qfs-deadline__inner li strong {
  margin-right: 5px;
  border-right: 1px solid #222;
  padding-right: 10px;
}
.qfs-deadline__inner p {
  margin-top: 15px;
}
.qfs-cont_step + .qfs-deadline {
  margin-top: -55px;
}

/* [P] SmartShipping/KRPickupAddressPopup */
.qfs-cont_delv {
  margin: -30px -30px 0;
  padding: 50px 0;
  background: #f3effa;
  font-size: 1.14285em;
  text-align: center;
  line-height: 1.6;
  color: #666;
}

.qfs-svcagree {
  border-radius: 10px;
  padding: 17px 20px;
  background-color: #dcdcdc;
  color: #555;
}
.qfs-svcagree__check {
  float: right;
}
.qfs-svcagree__cont {
  padding: 50px 50px 10px;
  width: 800px;
  color: #222;
  font-size: 1.1428em;
  line-height: 1.5;
}
.qfs-svcagree__cont h4 {
  margin-bottom: 20px;
  font-size: 1.125em;
}
.qfs-svcagree__cont li {
  margin: 5px 0;
}
.qfs-svcagree__cont .qfs-check {
  display: block;
  margin: 30px 0;
  text-align: center;
}
.qfs-svcagree__cont .qfs-check label {
  color: #222;
}

/* [P] SmartShipping/SmartWaybillPrint */
.qfs-cont__count {
  margin: -4px 0;
  padding: 4px 10px 4px 0;
  border-radius: 10px;
  min-width: 24px;
  white-space: nowrap;
}
.qfs-cont__count.count--blue {
  background-color: #c2dcff;
}
.qfs-cont__count.count--orange {
  background-color: #ffebc8;
}
.qfs-cont__count .qfs-tooltip {
  left: -15px;
}

/* [F] QxFriends
/* [P] ReceiptHistory
//------------------------------------------------------------------------------ */
.qfs-verify {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 60px 0;
  padding: 25px;
  background-color: #fbfafd;
}
.qfs-verify p {
  margin-right: 30px;
  font-size: 1.0714em;
}

/* [F] Cargo
/* [F] SmartShipping2
//------------------------------------------------------------------------------ */
.qfs-cont__step {
  margin: 36px auto 0;
  width: min-content;
  max-width: 1300px;
}
.qfs-cont__stepinr {
  display: flex;
  justify-content: center;
}
.qfs-cont__stepinr + div {
  margin-top: 16px;
}
.qfs-cont__stepinr li, .qfs-cont__stepinr a {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  flex: 1 1 200px;
  padding: 40px 32px;
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: inset 5px 5px 40px 10px rgba(255, 255, 255, 0.15);
  background-color: #fff;
  box-shadow: 2px 2px 10px 0 rgba(26, 7, 55, 0.1);
  min-width: 190px;
  height: 190px;
  color: #353535;
  font-size: 1.285em;
  text-align: left;
  font-weight: 500;
}
.qfs-cont__stepinr li + a, .qfs-cont__stepinr li + li, .qfs-cont__stepinr a + a, .qfs-cont__stepinr a + li {
  margin-left: 16px;
}
.qfs-cont__stepinr li:first-child:after, .qfs-cont__stepinr a:first-child:after {
  content: none;
}
.qfs-cont__stepinr li strong, .qfs-cont__stepinr a strong {
  font-weight: 500;
  font-size: 2.446em;
  color: #757575;
}
.qfs-cont__stepinr li.rej, .qfs-cont__stepinr a.rej {
  color: #d35454;
  border-color: #d35454;
}
.qfs-cont__stepinr li.all, .qfs-cont__stepinr a.all {
  background-image: linear-gradient(135deg, #966fd5, #3b186e);
  color: #fff;
}
.qfs-cont__stepinr li.all strong, .qfs-cont__stepinr a.all strong {
  color: #fff;
}
.qfs-cont__stepinr li[role=button], .qfs-cont__stepinr a[role=button] {
  cursor: pointer;
}
.qfs-cont__stepinr li .no, .qfs-cont__stepinr a .no {
  position: absolute;
  right: -10px;
  top: -10px;
  border-radius: 20px;
  background-color: #8158bf;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  font-size: 1.07em;
  font-weight: 500;
}
.qfs-cont__stepinr li.dlv, .qfs-cont__stepinr a.dlv {
  color: #999;
  border-color: #777;
}
.qfs-cont__step .dtl {
  display: flex;
  width: 100%;
  height: 73px;
}
.qfs-cont__step .dtl__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  padding: 0 24px 0 32px;
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: 2px 2px 10px 0 rgba(26, 7, 55, 0.1);
  background-color: #fff;
  font-size: 1.1428em;
  font-size: 1.285em;
  font-weight: 500;
}
.qfs-cont__step .dtl__box + div {
  margin-left: 16px;
}
.qfs-cont__step .dtl dl {
  display: table;
  width: 100%;
  table-layout: fixed;
  text-align: right;
}
.qfs-cont__step .dtl dt {
  display: table-cell;
  text-align: left;
  white-space: nowrap;
  color: #353535;
}
.qfs-cont__step .dtl dd {
  color: #757575;
}
.qfs-cont__step .dtl--done .dtl__box {
  border-color: #a9a9ab;
  color: #a9a9ab;
}

/* [P] SmartShipping/SmartWaybillPrint */
.qfs-print {
  flex: 1;
  width: 100%;
  margin: 16px 0 24px;
  padding: 24px 24px 16px;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 rgba(11, 0, 29, 0.15);
  border: 1px solid #dedede;
  background-color: #fff;
  color: #757575;
}
.qfs-print__inr {
  flex: 1;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -10px;
}
.qfs-print__inr + .qfs-print__inr {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #dedede;
}
.qfs-print__total {
  font-size: 18px;
  color: #353535;
  font-weight: 500;
}
.qfs-print__total strong {
  margin-left: 10px;
}
.qfs-print + .qfs-print {
  margin-left: 24px;
}
.qfs-print__hg {
  margin-bottom: 16px;
}
.qfs-print__hg h2 {
  font-size: 16px;
  color: #353535;
  font-weight: 500;
}
.qfs-print__hg p {
  margin-top: 10px;
  font-size: 15px;
  word-break: break-all;
}
.qfs-print__count {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  width: calc(50% - 20px);
}
.qfs-print__count h3 {
  font-size: 16px;
  font-weight: normal;
}
.qfs-print__count em {
  font-size: 16px;
  color: #757575;
}
.qfs-print__count .btn {
  padding: 13px 12px;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: #ffebc8;
  min-width: 60px;
  text-align: center;
  line-height: 1;
  white-space: nowrap;
  /*&.btn--blue{background-color:#c2dcff;}
  &.btn--orange{background-color:#ffebc8;}
  .qfs-tooltip{
      left:auto; right:50%; margin-right:-20px;
      &:after{left:auto; right:15px;}
  }*/
}
.qfs-print__info {
  margin-top: 16px;
}
.qfs-print__info h4 {
  margin-bottom: 8px;
  color: #757575;
  font-size: 16px;
}
.qfs-print__info em {
  font-weight: normal;
  color: #8158bf;
  font-size: 14px;
}

/* [P] SmartShiping / Order */
.qfs-order__tab {
  padding: 24px;
  box-sizing: border-box;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.2);
  background-color: #fbf9ff;
}
.qfs-order__tab > article {
  margin-top: 16px;
}
.qfs-order__tab table {
  box-sizing: border-box;
  background-color: #dedede;
}
.qfs-order__tab table tr {
  border-bottom: 0;
}
.qfs-order__tab table th {
  border-top: 0;
  height: 63px;
  font-size: 15px;
  color: #353535;
  font-weight: normal;
}
.qfs-order__tab table td {
  padding: 0 8px;
  border-bottom: 0;
  border-top: 1px solid #dedede;
  letter-spacing: -0.3px;
  color: #353535;
}
.qfs-order__tab table td.td__on {
  border: 2px solid #8158bf;
  box-sizing: border-box;
}
.qfs-order__tab table td a {
  display: block;
  margin: 8px 0;
  line-height: 1.2;
  color: #353535;
}
.qfs-order__tab table td a.on {
  font-weight: bold;
}
.qfs-order__tab table a:hover {
  text-decoration: underline;
}
.qfs-order .qfs-tab--rd {
  margin: 32px 0 24px;
}
.qfs-order .qfs-cont__form + .qfs-tab--rd {
  padding-top: 24px;
}

.qfs-order .qfs-tab--rd a {
  width: fit-content;
  min-width: 100px;
  line-height: 1;
  padding: 12px 32px 10px !important;
}
.qfs-order__pform .qfs-inf__bt:before {
  background: transparent;
}
.qfs-order__pform table {
  background-color: #cdcdcd;
  border-radius: 0;
  overflow: unset;
  font-weight: 500;
}
.qfs-order__pform table td, .qfs-order__pform table th {
  border-color: #cdcdcd;
  letter-spacing: -0.38px;
}
.qfs-order__pform table thead th {
  background-color: #f0ebfb;
  height: 50px;
  font-size: 15px;
  color: #353535;
  font-weight: 500;
}
.qfs-order__pform table thead th.tb__tt {
  background-color: #dbcff3;
}
.qfs-order__pform table td {
  height: 48px;
}
.qfs-order__pform table td.tb__null {
  background-color: #f4f4f4;
}
.qfs-order__pform table td a {
  margin: 0 -8px;
  padding: 0 8px;
  box-sizing: border-box;
  width: calc(100% + 16px);
  height: 47px;
  line-height: 47px;
}
.qfs-order__pform table td img {
  display: inline-block;
  vertical-align: middle;
}
.qfs-order__pform table .tb__red {
  font-weight: 500;
}
.qfs-order__bbox {
  display: inline-block;
  position: relative;
  min-width: 147px;
  height: 40px;
  vertical-align: middle;
}
.qfs-btn + .qfs-order__bbox, .qfs-order__bbox + .qfs-btn {
  margin-left: 10px;
}
.qfs-order__bbox--list {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
}
.qfs-order__bbox--list li {
  display: inline-block;
  vertical-align: middle;
}
.qfs-order__bbox--list li + li:before {
  content: "|";
  display: inline-block;
  vertical-align: middle;
  margin: -2px 6px 0;
  color: #757575;
}
.qfs-order__bbox--list button {
  padding: 2px 8px;
  background: transparent;
  font-size: 14px;
  color: #757575;
}
.qfs-order__bbox.bbox__purple .bbox__btn {
  background-color: #8158bf;
}
.qfs-order__bbox.bbox__purple .bbox__btn:before {
  border-top-color: #8158bf;
}
.qfs-order__bbox.bbox__purple .bbox__btn:after {
  background-color: #fff;
}
.qfs-order__bbox.bbox__purple .bbox__btn em {
  color: #fff;
}
.qfs-order__bbox.bbox__purple .bbox__btn:hover {
  background-color: #533382;
}
.qfs-order__bbox.bbox__purple .bbox__btn:hover:after {
  background-color: #fff;
}
.qfs-order__bbox.bbox__purple .bbox__btn:hover:before {
  border-top-color: #533382;
}
.qfs-order__bbox.bbox__purple .bbox__btn:hover em {
  color: #fff;
}
.qfs-order__bbox .bbox__btn {
  position: relative;
  border-radius: 5px;
  border: 1px solid #8158bf;
  box-sizing: border-box;
  min-width: 100%;
  height: 100%;
  overflow: hidden;
}
.qfs-order__bbox .bbox__btn:hover {
  cursor: pointer;
  border-color: #533382;
}
.qfs-order__bbox .bbox__btn:hover:after {
  background-color: #533382;
}
.qfs-order__bbox .bbox__btn:hover em {
  color: #533382;
}
.qfs-order__bbox .bbox__btn:after {
  display: inline-block;
  float: right;
  content: "";
  width: 39px;
  height: 38px;
  background-color: #8158bf;
}
.qfs-order__bbox .bbox__btn:before {
  display: block;
  content: "";
  position: absolute;
  top: 18px;
  right: 14px;
  border-top: 5px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  width: 0;
  height: 0;
}
.qfs-order__bbox .bbox__btn em {
  display: inline-block;
  margin: 0;
  padding: 0 16px;
  box-sizing: border-box;
  width: calc(100% - 40px);
  min-width: fit-content;
  color: #8158bf;
  text-align: center;
  line-height: 38px;
  font-size: 15px;
}
.qfs-order__bbox .bbox__list {
  display: none;
  position: absolute;
  left: 0;
  top: 48px;
  z-index: 2;
  padding: 8px;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.3);
  width: 100%;
}
.qfs-order__bbox .bbox__list a {
  display: block;
  padding: 8px;
  box-sizing: border-box;
  text-align: left;
  color: #757575;
}
.qfs-order__bbox .bbox__list a:hover {
  background-color: #8158bf;
  color: #fff;
}
.qfs-order__thmb {
  margin-left: 37px;
}
.qfs-order__thmb .qfs-inf__ly {
  top: unset;
  bottom: 0;
  margin-left: 16px;
  padding: 0;
  border-radius: 0;
  border: 1px solid #cdcdcd;
  box-shadow: 2px 3px 20px 0 rgba(0, 0, 0, 0.4);
  width: auto;
}
.qfs-order__thmb .qfs-inf__clse {
  top: 0;
  right: 6px;
  margin-top: -32px;
  width: 24px;
  height: 24px;
}
.qfs-order__thmb .qfs-inf__clse:after, .qfs-order__thmb .qfs-inf__clse:before {
  background: #000;
}
.qfs-order__thmb .imgbox {
  display: inline-block;
  position: relative;
  margin-top: 12px;
  width: 170px;
  height: 220px;
}
.qfs-order__thmb .imgbox + .imgbox {
  margin-left: 24px;
}
.qfs-order__thmb .imgbox em {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #353535;
  text-align: center;
}
.qfs-order__thmb .imgbox .img {
  display: block;
  text-align: center;
  border: 1px solid #c2c2c2;
  box-sizing: border-box;
  width: 100%;
  height: 220px;
}
.qfs-order__thmb .imgbox .img:before, .qfs-order__thmb .imgbox .imgview:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.qfs-order__thmb .imgbox .imgview {
  width: 387px;
  height: 520px;
  text-align: center;
}
.qfs-order__thmb .imgbox img {
  display: inline-block;
  vertical-align: middle;
}
.qfs-order__tbl table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
.qfs-order__tbl th, .qfs-order__tbl td {
  border: 1px solid #eee;
}
.qfs-order__tbl thead th {
  padding: 17px 20px;
  background-color: #cac1d8;
  font-weight: 500;
  font-size: 14px;
}
.qfs-order__tbl td {
  padding: 11px 20px 10px;
  background-color: #fff;
  font-size: 13px;
}
.qfs-order__tbl tbody tr td:first-of-type:before {
  display: inline-block;
  vertical-align: top;
  margin: 2px 4px 0 6px;
  width: 6px;
  height: 6px;
  border: 1px solid;
  border-color: transparent transparent #444 #444;
  content: "";
}
.qfs-order__tbl tfoot td, .qfs-order__tbl tbody th {
  padding: 10px 20px;
  background-color: #fbf9ff;
  font-weight: normal;
  font-size: 14px;
}
.qfs-order__tbl .null {
  padding: 0;
}
.qfs-order__tbl .null:before {
  content: none !important;
}
.qfs-order__tbl .null__inr {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
  width: 100%;
}
.qfs-order__tbl .null span {
  display: inline-block;
  color: #8b8b8b;
}
.qfs-order__tbl .null span:before {
  display: block;
  margin-bottom: 16px;
  background: url("../../qx/img/common/ic_search.png") 50% no-repeat;
  background-size: 55px;
  width: 100%;
  height: 55px;
  content: "";
}
.qfs-order__layer.qfs-layer {
  position: absolute;
  top: 0;
  bottom: 0;
  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;
}
.qfs-order__layer .qfs-layer__inr {
  border: 1px solid #cecece;
  box-sizing: border-box;
  height: 100%;
}
.qfs-order__layer .qfs-frame {
  height: 100%;
  min-height: unset;
  overflow: hidden;
}
.qfs-order__layer .qfs-frame__ct {
  box-sizing: border-box;
  height: calc(100% - 46px);
  overflow: hidden auto;
}

/* [P] Upload/BulkUpload
//------------------------------------------------------------------------------ */
.qfs-cont_bulkrg {
  color: #666;
  line-height: 1.5;
}
.qfs-cont_bulkrg .qfs-cont_dtt {
  margin: 30px 0 25px;
  padding-top: 20px;
  border-top: 1px solid #dcdcdc;
}
.qfs-cont_bulkrg li {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 50px;
}
.qfs-cont_bulkrg .qfs-inf {
  display: none;
  z-index: 2;
}
.qfs-cont_bulkrg label {
  flex: 0 0 140px;
  padding: 3px 0 3px 50px;
  background: url("../img/member/ic_check.png") 0 50% no-repeat;
}
.qfs-cont_bulkrg button {
  flex-shrink: 0;
  position: relative;
  margin-left: auto;
}
.qfs-cont_bulkrg p {
  flex-shrink: 1;
  margin-right: 20px;
}
.qfs-cont_bulkrg img {
  vertical-align: middle;
}
.qfs-cont_bulkrg input[type=radio] {
  position: absolute;
  z-index: 1;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.qfs-cont_bulkrg input[type=radio]:checked + label {
  background-image: url("../img/member/ic_check_on.png");
}
.qfs-cont_bulkrg input[type=radio]:checked + label .qfs-inf {
  display: inline-block;
}
.qfs-cont_bulkrg input[type=radio]:checked ~ button {
  z-index: 2;
  color: #8158bf;
  border-color: #8158bf;
}
.qfs-cont_bulkrg .tp_line1 li {
  margin-bottom: 30px;
}
.qfs-cont_bulkrg .tp_line1 label {
  flex-basis: auto;
  font-weight: 700;
}
.qfs-cont_bulkrg__dsc {
  display: flex;
}

/* [P] Upload/BulkUpload > Views3
//------------------------------------------------------------------------------ */
.qfs-bulkup__count {
  margin: 20px 0;
  font-size: 16px;
  color: #353535;
  font-weight: 500;
  text-align: center;
}

.qfs-cont__up .qfs-cont__box--round {
  color: #707070;
  font-size: 15px;
}
.qfs-cont__up .qfs-cont__flx {
  align-items: center;
}
.qfs-cont__up .qfs-cont__rt {
  display: flex;
  flex-wrap: nowrap;
  padding-left: 27px;
}
.qfs-cont__up .qfs-cont__rt .qfs-btn {
  width: max-content;
}
.qfs-cont__up .up__rdo {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
.qfs-cont__up .up__rdo li {
  position: relative;
  margin-right: 24px;
  flex: 1;
  min-height: 160px;
}
.qfs-cont__up .up__rdo li:last-of-type {
  margin: 0;
}
.qfs-cont__up .up__rdo input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.qfs-cont__up .up__rdo input:checked + label:before {
  border: 5px solid #8158bf;
  border-radius: 50%;
}
.qfs-cont__up .up__rdo input:checked + label:after {
  border-color: #8158bf;
  background-color: transparent;
}
.qfs-cont__up .up__rdo label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin: 0;
  padding: 24px 24px 20px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.qfs-cont__up .up__rdo label em {
  display: block;
  margin-right: 30px;
  font-size: 18px;
  color: #353535;
}
.qfs-cont__up .up__rdo label small {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #757575;
}
.qfs-cont__up .up__rdo label:before {
  content: "";
  display: block;
  position: absolute;
  top: 26px;
  right: 26px;
  border-radius: 50%;
  border: 2px solid #dedede;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
}
.qfs-cont__up .up__rdo label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #dedede;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.qfs-cont__up .up__logo img {
  display: inline-block;
  margin: 0;
  vertical-align: bottom;
}

/* [F] Qxfriends
/* [P] QdeliveryRegister
//------------------------------------------------------------------------------ */
.qfs-agree {
  margin: 30px 0;
  border: 1px solid #dcdcdc;
}
.qfs-agree__tt {
  margin-top: -1px;
  border: solid #dcdcdc;
  border-width: 1px 0;
  padding: 10px 12px;
  background-color: #f9f9f9;
  color: #8158bf;
  font-weight: 500;
}
.qfs-agree__cont {
  padding: 12px;
  height: 160px;
  overflow: hidden;
  overflow-y: scroll;
  color: #666;
  line-height: 1.6;
}
.qfs-agree__check .qfs-check {
  display: block;
  margin: 6px 0 0;
  font-size: 1.0714em;
}

.qfs-toggle details {
  margin: 40px 0;
}
.qfs-toggle details:first-of-type {
  margin-top: 80px;
}
.qfs-toggle__sum {
  position: relative;
  border-top: 1px solid #ccc;
  padding: 10px 30px;
  list-style: none;
  background: #f7f7f7 url("../img/common/ic_toggle_down.png") calc(100% - 35px) 50% no-repeat;
  font-size: 26px;
  cursor: pointer;
  color: #666;
}
.qfs-toggle__sum::-webkit-details-marker {
  display: none;
}
[open] .qfs-toggle__sum {
  background-image: url("../img/common/ic_toggle_up.png");
}
.qfs-toggle__sum em {
  display: block;
  font-size: 14px;
}
.qfs-toggle__dtl {
  margin: 30px 30px 80px;
}
.qfs-toggle .qfs-cont_hg {
  margin-top: 40px;
}
.qfs-toggle .qfs-cont_form {
  padding: 0;
}

.qfs-note {
  margin: 30px 0;
  padding: 25px 40px 40px;
  background: #f9f9f9;
  text-align: center;
}
.qfs-note__tt {
  margin-bottom: 20px;
  color: #8158bf;
  font-size: 1.2142em;
}
.qfs-note__dsc {
  display: inline-block;
  color: #666;
  line-height: 1.6;
  text-align: left;
}
.qfs-note__dsc li {
  margin: 5px 0;
}

/* [F] DeliveryOrder
/* [P] DeliveryOrder/FailedOrder_Quick
//------------------------------------------------------------------------------ */
.qfs-do input.qfs-input_box {
  height: 35px;
}
.qfs-do .qfs-slct_box {
  height: 35px;
  min-width: 80px;
}
.qfs-do label {
  margin: 0 20px 0 0;
}
.qfs-do textarea {
  width: 100%;
  resize: vertical;
}
.qfs-do .qfs-cont_flx div + div {
  margin-left: 60px;
}
.qfs-do .qfs-cont_tt {
  margin: 30px 0 40px;
}
.qfs-do .qfs-cont_wide, .qfs-do .qfs-cont_wide:before {
  background-color: #f9f9f9;
}
.qfs-do .qfs-cont_wide > .qfs-cont_sc,
.qfs-do .qfs-cont_wide > .qfs-cont_flt {
  margin-left: 0;
}
.qfs-do .qfs-cont_flt .qfs-cont_sch {
  flex: none;
}
.qfs-do .qfs-cont_flt .qfs-slct_bar {
  min-width: 200px;
}
.qfs-do .qfs-cont_stt:before {
  display: none;
}
.qfs-do .qfs-cont_stt:nth-child(n+2) {
  margin-top: 40px;
}
.qfs-do .qfs-cont_stt span {
  font-size: 16px;
  color: #666;
  font-weight: normal;
}
.qfs-do .qfs-cont_stt strong {
  font-weight: normal;
}
td.full {
  background-color: #f9f9f9;
  color: #ccc;
}

.qfs-do__info {
  margin-left: 40px;
  color: #fff;
  font-size: 16px;
}
.qfs-do__info strong {
  font-weight: normal;
}
.qfs-do_cal .qfs-input_box {
  padding: 0 20px;
  background: url(../img/common/ic_cal.png) 90% 50% no-repeat;
}
.qfs-do__box {
  margin-bottom: 10px;
  padding: 15px 40px;
  border: 1px solid #dcdcdc;
  background-color: #fff;
}
.qfs-do__box--round {
  margin-top: 40px;
  padding: 0px 50px 0px 115px;
  border-radius: 20px;
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.15);
  background: url(../img/deliveryOrder/ic_truck.png) 30px 50% no-repeat;
}
.qfs-do__boxinner {
  padding: 20px 0;
}
.qfs-do__boxinner:not(:last-of-type) {
  border-bottom: 1px solid #dcdcdc;
}
.qfs-do__box .row {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}
.qfs-do__box .row__con {
  flex: 1;
  padding: 0 16px;
  box-sizing: border-box;
  color: #666;
  font-size: 15px;
  text-align: end;
}
.qfs-do__box .row__con:nth-child(1) {
  text-align: left;
}
.qfs-do__box .row__con strong {
  margin-left: 55px;
  font-size: 20px;
}
.qfs-do__box .row h4 {
  color: #353535;
  font-size: 20px;
}
.qfs-do__box .row label + select {
  margin-left: 20px;
}
.qfs-do__slot {
  vertical-align: middle;
  margin-right: 15px;
  padding: 6px 18px;
  border-radius: 20px;
  background-color: #f4f4f4;
  font-size: 16px;
}
.qfs-do__slot + .qfs-btn {
  margin-left: 25px;
}
.qfs-do__timeslot {
  margin: 30px 0 40px;
  border-collapse: collapse;
  width: 100%;
  font-size: 16px;
  text-align: center;
  color: #666;
}
.qfs-do__timeslot tr {
  border-bottom: 1px solid #dcdcdc;
}
.qfs-do__timeslot th {
  height: 48px;
}
.qfs-do__timeslot td {
  border-left: 1px solid #dcdcdc;
  box-sizing: border-box;
}
.qfs-do__timeslot td.cell--cilck {
  background-color: #e8eff8;
  color: #3b88ee;
  font-weight: bold;
}
.qfs-do__timeslot thead th {
  border-right: 1px solid #fff;
  box-sizing: border-box;
  background-color: #3b88ee;
  min-width: 80px;
  color: #fff;
}
.qfs-do__timeslot thead th:nth-last-child(1) {
  border: 0;
}

/* [P] RateTable/QdeliveryRate
//------------------------------------------------------------------------------ */
.qfs-ratetbl .qfs-frame_hd {
  background: linear-gradient(to right, #48a0de, #7243b2);
}
.qfs-ratetbl h1 {
  font-size: 28px;
}
.qfs-ratetbl h2 {
  font-size: 20px;
  color: #666;
}
.qfs-ratetbl div + h2 {
  margin-top: 40px;
}

/* [F] Inventory 
//------------------------------------------------------------------------------ */
.qfs-ivt .qfs-cont__flx .qfs-cont__lt {
  flex: auto;
}
.qfs-ivt .qfs-cont__flx .qfs-cont__thmb {
  margin: 24px 0 0 48px;
}
.qfs-ivt .qfs-cont__flx h5 {
  font-size: 1.0714em;
}
.qfs-ivt__bn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-top: -40px;
  background-color: #efe7fd;
  width: 100%;
  height: 100px;
}
.qfs-ivt__bn:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  margin-left: -40px;
  background-color: #efe7fd;
  min-width: calc(100% + 80px);
  width: calc(100vw - 10px);
  z-index: -1;
}
.qfs-ivt__bn .txt {
  padding-top: 2px;
  color: #5f2da0;
  font-size: 18px;
  font-weight: 500;
}
.qfs-ivt__bn .txt:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  background: url("../img/inventory/ic_bn.png") 50% no-repeat;
  width: 102px;
  height: 64px;
}
.qfs-ivt__bn .txt strong {
  position: relative;
  z-index: 1;
  font-weight: 500;
}
.qfs-ivt__bn .txt strong:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: #e1c8ff;
  height: 15px;
}
.qfs-ivt__bn .qfs-btn {
  margin-left: 16px;
  background-color: #fff;
}

.qfs-ivtform .col[data-width="100%"] input {
  max-width: 240px;
}
div + .qfs-ivtetc {
  padding-left: 15px;
}
.qfs-ivtetc h5 {
  margin: 17px 0 25px;
  font-size: 1.0714em;
  color: #5e5e5e;
  font-weight: normal;
  line-height: 1;
}
.qfs-ivtetc .qfs-cont_sc {
  margin: 15px 0 35px;
}
.qfs-ivtetc .qfs-cont_thmb {
  margin: 16px 0 0 0;
  width: 400px;
  height: 400px;
}
.qfs-ivtetc .btn_link:before {
  -webkit-animation: btn-link-on ease-out 2.3s;
  animation: btn-link-on ease-out 2.3s;
  animation-iteration-count: infinite;
}
@-webkit-keyframes btn-link-on {
  0% {
    clip-path: polygon(0 100%, 0 100%, 0 100%, 0% 100%);
    opacity: 0;
  }
  40% {
    clip-path: polygon(0 21%, 100% 100%, 100% 100%, 0 100%);
    opacity: 1;
  }
  60% {
    clip-path: polygon(37% 0, 100% 0, 100% 100%, 0 100%);
  }
  100% {
    clip-path: polygon(37% 0, 100% 0, 100% 100%, 0 100%);
  }
}
@keyframes btn-link-on {
  0% {
    clip-path: polygon(0 100%, 0 100%, 0 100%, 0% 100%);
    opacity: 0;
  }
  40% {
    clip-path: polygon(0 21%, 100% 100%, 100% 100%, 0 100%);
    opacity: 1;
  }
  60% {
    clip-path: polygon(37% 0, 100% 0, 100% 100%, 0 100%);
  }
  100% {
    clip-path: polygon(37% 0, 100% 0, 100% 100%, 0 100%);
  }
}

.qfs-btnpop__old {
  display: block;
}
.qfs-btnpop__old__btn {
  position: fixed;
  z-index: 997;
  bottom: 50px;
  right: 340px;
  border-radius: 50%;
  background: linear-gradient(to bottom, #a365ff, #aebaf8);
  width: 150px;
  height: 150px;
  overflow: hidden;
}
.qfs-btnpop__old__btn .btn {
  margin-top: 150px;
}
.qfs-btnpop__old__btn .btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -48px 0 0 -48px;
  background: url("../img/inventory/ic_cart.png") 50% no-repeat;
  width: 96px;
  height: 96px;
  content: "";
}
.qfs-btnpop__old__btn .count {
  position: fixed;
  bottom: 160px;
  right: 345px;
  z-index: 998;
  padding-top: 10px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #ff2435;
  width: 40px;
  height: 40px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.qfs-btnpop__old__layer {
  position: fixed;
  right: 70px;
  bottom: 120px;
  z-index: 999;
  padding: 0;
  border-radius: 30px;
  background-color: #fff;
  box-shadow: 0 9px 24px rgba(0, 0, 0, 0.36);
  width: 640px;
  overflow: hidden;
}
.qfs-btnpop__old__layer header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 30px;
  background-color: #a365ff;
  color: #fff;
}
.qfs-btnpop__old__layer header h1 {
  font-size: 24px;
  line-height: 1;
}
.qfs-btnpop__old__layer header div .qfs-btn:nth-last-of-type(2) {
  margin-right: 40px;
}
.qfs-btnpop__old .qfs-layer_cls {
  top: 35px;
  right: 30px;
  width: 20px;
}
.qfs-btnpop__old .qfs-layer_cls:before, .qfs-btnpop__old .qfs-layer_cls:after {
  height: 70%;
}
.qfs-btnpop__old__sc {
  padding: 30px 30px 45px;
}
.qfs-btnpop__old .qfs-cont_form {
  padding: 0;
  margin-left: 0;
}

.qfs-btnpop {
  display: block;
}
.qfs-btnpop__btn {
  position: fixed;
  z-index: 997;
  bottom: 140px;
  right: 70px;
  border-radius: 50%;
  background: linear-gradient(to bottom, #a365ff, #aebaf8);
  width: 90px;
  height: 90px;
  overflow: hidden;
}
.qfs-btnpop__btn .btn {
  margin-top: 90px;
}
.qfs-btnpop__btn .btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -37px;
  background: url("../img/inventory/ic_cart.png") 50% no-repeat;
  background-size: cover;
  width: 70px;
  height: 70px;
  content: "";
}
.qfs-btnpop__btn .count {
  position: fixed;
  bottom: 200px;
  right: 70px;
  z-index: 998;
  padding-top: 7px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #ff2435;
  width: 33px;
  height: 33px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.qfs-btnpop__layer {
  position: fixed;
  right: 68px;
  bottom: 124px;
  z-index: 999;
  padding: 0;
  border-radius: 30px;
  background-color: #fff;
  box-shadow: 0 9px 24px rgba(0, 0, 0, 0.36);
  width: 640px;
  overflow: hidden;
}
.qfs-btnpop__layer header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 30px;
  background-color: #a365ff;
  color: #fff;
}
.qfs-btnpop__layer header h1 {
  font-size: 24px;
  line-height: 1;
}
.qfs-btnpop__layer header div .qfs-btn:nth-last-of-type(2) {
  margin-right: 40px;
}
.qfs-btnpop .qfs-layer__cls {
  top: 35px;
  right: 30px;
  width: 20px;
}
.qfs-btnpop .qfs-layer__cls:before, .qfs-btnpop .qfs-layer__cls:after {
  height: 70%;
}
.qfs-btnpop__sc {
  padding: 30px 30px 45px;
}
.qfs-btnpop .qfs-cont__form {
  padding: 0;
  margin-left: 0;
}

/* [F] product
//------------------------------------------------------------------------------ */
.qfs-product__pull {
  margin: -15px -20px;
  width: 280px;
}
.qfs-product__pull .pull__inf {
  padding: 16px;
  border-bottom: 1px solid #dedede;
  box-sizing: border-box;
  font-size: 13px;
  color: #757575;
  line-height: 1.69;
}
.qfs-product__pull .pull__sclt {
  padding: 8px 0;
}
.qfs-product__pull .pull__sclt a {
  display: block;
  position: relative;
  padding: 8px 16px;
  box-sizing: border-box;
  width: 100%;
  font-size: 13px;
  color: #555;
  line-height: 1.69;
}
.qfs-product__pull .pull__sclt a:hover {
  background-color: #e8dcff;
}
.qfs-product__pull .pull__sclt a:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -4px;
  border: solid #707070;
  border-width: 1px 1px 0 0;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
}
.qfs-product__tbl {
  width: 100%;
  table-layout: fixed;
}
.qfs-product__tbl th, .qfs-product__tbl td {
  padding-left: 24px;
  text-align: left;
  font-size: 15px;
  color: #000;
  font-weight: 500;
}
.qfs-product__tbl td {
  padding-left: 33px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qfs-product__tbl td a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #3182d4;
  text-decoration: underline;
  font-weight: normal;
}
.qfs-product__tbl .qfs-cont__thmb {
  margin: 0;
  border: 0;
  width: 180px;
  height: 180px;
}
.qfs-product__tbl .qfs-cont__thmb .img {
  background: url(../img/product/ic_img.png) 50% 40% no-repeat;
  border: 1px solid #dedede;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: #fff;
  overflow: hidden;
}
.qfs-product__tbl .qfs-cont__thmb .img:after {
  content: "No Image";
  display: block;
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
  color: #cdcdcd;
  font-size: 15px;
  font-weight: normal;
  z-index: -1;
}
.qfs-product__tbl .no__rslt {
  margin-left: -32px;
  padding: 79px 0;
  text-align: center;
  color: #aaa;
}
.qfs-product__thmb .qfs-cont__thmb {
  width: 273px;
  height: 273px;
  overflow: hidden;
}
.qfs-product__thmb .thmb__cont {
  display: flex;
  flex-wrap: wrap;
  align-self: flex-start;
  margin: 0 -25px 0 16px;
  width: 270px;
  height: 275px;
}
.qfs-product__thmb .img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 1;
  text-align: center;
}
.qfs-product__thmb .img:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.qfs-product__thmb .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
}
.qfs-product__thmb .thmb__img {
  position: relative;
  margin: 0 10px 10px 0;
  border: 1px solid #dedede;
  box-sizing: border-box;
  background-color: #fff;
  width: 80px;
  height: 80px;
  overflow: hidden;
}
.qfs-product__thmb .thmb__img .img__file {
  background: url("../img/product/ic_add.png") 50% no-repeat;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  filter: grayscale(1);
}
.qfs-product__thmb .thmb__img .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;
}
.qfs-product__thmb .thmb__img:hover, .qfs-product__thmb .thmb__img.select {
  border-color: #8158bf;
}
.qfs-product__thmb .thmb__img:hover .img__file, .qfs-product__thmb .thmb__img.select .img__file {
  opacity: 1;
  filter: unset;
}
.qfs-product__thmb .thmb__btn {
  align-self: flex-end;
  width: 100%;
}

.qfs-topbn {
  position: relative;
  z-index: 99;
  width: 100%;
  height: 1px;
}
.qfs-topbn.qfs-topbn--fix {
  position: fixed;
  top: 0;
  left: 0;
}
.qfs-topbn__inr {
  position: relative;
  margin: 0 auto;
  padding: 15px 30px;
  box-sizing: border-box;
  width: 100%;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
}
.qfs-topbn__inr:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  z-index: -1;
  margin-left: -50vw;
  background: linear-gradient(92deg, #8158bf, #533382);
  width: calc(100vw - 10px);
}
@media screen and (max-width: 1300px) {
  .qfs-topbn__inr:after {
    left: 0;
    margin-left: -30px;
    width: calc(100% + 60px);
  }
}
.qfs-product__bn {
  padding-left: 36px;
  box-sizing: border-box;
  background: url(../img/product/ic_link.png) 0 50% no-repeat;
  background-size: 24px;
}

.qfs-option__ct {
  display: flex;
}
.qfs-option__ct + .qfs-option__ct {
  margin-top: 10px;
}
.qfs-input__opt {
  position: relative;
  display: flex;
  margin-left: 20px;
  border: 1px solid #dedede;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: #fff;
  width: calc(100% - 50px);
}
.qfs-input__opt:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  margin: -6px 0 0 -20px;
  border: 2px solid #cdcdcd;
  border-width: 0 0 2px 2px;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
}
.qfs-input__opt .qfs-input__box {
  border: 0;
  border-radius: 0;
  background: none;
}
.qfs-input__opt .qfs-input__box + .qfs-input__box {
  border-left: 1px solid #dedede;
}
.qfs-input__opt .opt__del {
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px -30px 0 0;
  padding-top: 20px;
  background: url(../img/product/ic_del.png) 0 50% no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
}

.qfs-option__form .col {
  display: flex;
  width: max-content;
}
.qfs-option__form .col + .col {
  margin-top: 10px;
}
.qfs-option__form .inp {
  display: flex;
  width: 650px;
}
.qfs-option__form .inp .qfs-input__box {
  flex: 1;
}
.qfs-option__form .inp + .qfs-btn, .qfs-option__form .inp + .del {
  margin-left: 10px;
}
.qfs-option__form .inp__min {
  max-width: 160px;
}
.qfs-option__form .del {
  margin: 10px -30px 0 0;
  padding-top: 20px;
  background: url(../img/product/ic_del.png) 0 50% no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
}
.qfs-option__tb table {
  table-layout: fixed;
  border-collapse: collapse;
  border: 1px solid #dedede;
  width: 800px;
}
.qfs-option__tb th {
  padding: 16px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  text-align: left;
  font-weight: normal;
  color: #353535;
}
.qfs-option__tb td {
  padding: 8px;
  border: 1px solid #dedede;
  box-sizing: border-box;
}
.qfs-option__tb .qfs-uploadbox__file {
  margin: 0 8px 8px 0;
  border-radius: 5px;
  border: 1px solid #dedede;
}
.qfs-option__tb .qfs-uploadbox__file .ic__del {
  filter: grayscale(1);
  opacity: 0.2;
}
.qfs-option__tb .qfs-uploadbox__file .txt {
  letter-spacing: -0.34px;
}

/* [F] KCI 
//------------------------------------------------------------------------------ */
.kci-wrap .qfs-cargo {
  padding: 0;
  min-width: 100%;
}
.kci-wrap .qfs-cargo .qfs-cont__form {
  margin-right: -32px;
  font-size: 14px;
}
.kci-wrap .qfs-cargo .qfs-cont__form .qfs-cont__dtt {
  font-size: 15px;
  letter-spacing: -1px;
}
.kci-wrap .qfs-cargo .qfs-cont__form .col {
  padding-right: 32px;
}

.qfs-cargo {
  margin: 0 auto;
  padding: 0 20px 110px;
  box-sizing: border-box;
  max-width: 1320px;
  min-width: 1280px;
}
.qfs-cargo__inr {
  position: relative;
}
.qfs-cargo__hd {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 134px;
  height: 268px;
  width: 100%;
}
.qfs-cargo__hd:before {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: url("../img/cargo/bg_cargo.png") 50% no-repeat;
  background-size: cover;
  transform: translateX(-50%);
  width: 100vw;
  min-width: 1280px;
  content: "";
}
.qfs-cargo__hd .tabmenu {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  transform: translate(-50%, 50%);
  margin: 0 auto;
  padding: 0 36px;
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: 10px 10px 20px 0 rgba(32, 32, 32, 0.2);
  background: #fff;
  width: 1100px;
  height: 140px;
}
.qfs-cargo__hd .tabmenu__item {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 180px;
  height: 100%;
}
.qfs-cargo__hd .tabmenu__item.on {
  border-bottom: 4px solid #8158bf;
  box-sizing: border-box;
}
.qfs-cargo__hd .tabmenu__item.on a {
  margin-bottom: -4px;
  color: #f03c28;
}
.qfs-cargo__hd .tabmenu__item.on a:before {
  filter: none;
}
.qfs-cargo__hd .tabmenu__item a {
  display: block;
  width: 100%;
  font-size: 18px;
  color: #757575;
  text-align: center;
  font-weight: 500;
}
.qfs-cargo__hd .tabmenu__item a:hover:before {
  filter: none;
}
.qfs-cargo__hd .tabmenu__item a:before {
  display: block;
  margin-bottom: 2px;
  width: 100%;
  height: 48px;
  background-size: 48px;
  filter: grayscale(1) opacity(0.3);
  content: "";
}
.qfs-cargo__hd .tabmenu__item a.schd:before {
  background: url("../img/freight/bt_tab_schd.png") 50% no-repeat;
}
.qfs-cargo__hd .tabmenu__item a.cost:before {
  background: url("../img/freight/bt_tab_cost.png") 50% no-repeat;
}
.qfs-cargo__hd .tabmenu__item a.order:before {
  background: url("../img/freight/bt_tab_order.png") 50% no-repeat;
}
.qfs-cargo__hd .tabmenu__item a.srvc:before {
  background: url("../img/freight/bt_tab_srvc.png") 50% no-repeat;
}
.qfs-cargo__hd .tabmenu__item a.cargo:before {
  background: url("../img/freight/bt_tab_cargo.png") 50% no-repeat;
}
.qfs-cargo__ht {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 70px;
  text-align: center;
}
.qfs-cargo__ht h1 {
  color: #fff;
  font-size: 36px;
  letter-spacing: -0.86px;
}
.qfs-cargo__ht p {
  margin-top: 8px;
  color: #cdcdcd;
  font-size: 22px;
  letter-spacing: -0.53px;
}
.qfs-cargo__quick {
  display: flex;
  margin-top: 80px;
}
.qfs-cargo__quick .quick {
  position: relative;
  flex: 1;
  padding: 24px 56px;
  box-sizing: border-box;
}
.qfs-cargo__quick .quick + .quick {
  margin-left: 24px;
}
.qfs-cargo__quick .quick:nth-child(1) {
  background: #eef0ff;
}
.qfs-cargo__quick .quick:nth-child(2) {
  background: #f8efff;
}
.qfs-cargo__quick .quick__txt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 195px;
  height: 100%;
}
.qfs-cargo__quick .quick__tt {
  margin-bottom: 16px;
  font-size: 20px;
  color: #353535;
  letter-spacing: -0.48px;
  line-height: 1.1;
}
.qfs-cargo__quick .quick__tt i {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  font-style: initial;
  letter-spacing: -0.38px;
  color: #757575;
  font-weight: 500;
}
.qfs-cargo__quick .quick__btn {
  display: inline-block;
  padding: 3px 10px 0;
  border: 1px solid #8158bf;
  border-radius: 2px;
  background-color: #fff;
  box-sizing: border-box;
  height: 30px;
  min-width: 80px;
  width: fit-content;
  color: #8158bf;
  font-size: 15px;
  font-weight: 500;
}
.qfs-cargo__quick .quick__img {
  position: absolute;
  right: 16px;
  bottom: 0;
}
.qfs-cargo__quick .quick img {
  display: block;
  margin: 0;
  padding: 0;
}
.qfs-cargo .qfs-cont__box {
  position: relative;
  box-shadow: none;
  border: 1px solid #dedede;
}
.qfs-cargo .qfs-cont__box + :where(.qfs-cont__box, .qfs-cont__btn) {
  margin-top: 40px;
}
.qfs-cargo .qfs-cont__box .qfs-cont__btn:last-of-type {
  margin: 24px 0 0;
}
.qfs-cargo .qfs-cont__box + .qfs-cont__hg {
  margin-top: 24px;
}
.qfs-cargo .qfs-cont__form {
  margin-top: 0;
}
.qfs-cargo .qfs-cont__btn.btn--lrg {
  margin: 24px 0 48px;
}
.qfs-cargo .qfs-table :where(th, td) {
  padding: 8px 10px;
  height: 44px;
  font-size: 15px;
}
.qfs-cargo .qfs-table input {
  padding: 0 10px;
}
.qfs-cargo .qfs-table .qfs-btn {
  padding: 0 16px;
  font-size: 14px;
}
.qfs-cargo .qfs-table + .qfs-table {
  margin-top: 32px;
}

.qfs-cargo .qfs-cont__hg {
  margin: 24px 0 8px;
}
.qfs-cargo .qfs-cont__hg + .qfs-table {
  margin-top: 8px;
}
.qfs-cargo .qfs-cont__hg :is(.qfs-cargo__tt, .qfs-cont__hg) {
  margin-bottom: 0;
}
.qfs-cargo :is(.qfs-cargo__tt, .qfs-cont__tt) {
  margin: 24px 0 8px;
  font-size: 20px;
  color: #353535;
  font-weight: 500;
  letter-spacing: -0.4px;
}
.qfs-cargo :is(.qfs-cargo__tt, .qfs-cont__tt) + .qfs-cont__flx[data-column] {
  margin-top: -8px;
}
.qfs-cargo__stt {
  font-size: 16px;
}
.qfs-frame__ct .qfs-cargo__stt {
  margin: 16px 0 24px;
  color: #757575;
}
.qfs-frame__ct .qfs-cargo__stt:first-of-type {
  margin-top: 0;
}
.cargo-wrap .qfs-cargo__stt {
  margin-bottom: 8px;
  color: #000;
  font-weight: 500;
}
.cargo-wrap .qfs-cargo__stt:before {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 8px;
  background-color: #000;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  content: "";
}
.qfs-cargo__stt ~ .qfs-cargo__stt, :where(.qfs-table, .qfs-cont__box) + .qfs-cargo__stt {
  margin-top: 24px;
}
.qfs-cont__hg .qfs-cargo__stt {
  margin-bottom: 0;
}
.qfs-cargo__dtt {
  margin-bottom: 16px;
  font-size: 1.1428em;
  color: #353535;
  font-weight: 500;
}
.qfs-cargo .qfs-cont__dtt {
  margin-bottom: 8px;
  font-size: 16px !important;
}
.qfs-cargo__ds {
  margin-top: 10px;
  font-size: 1.7142em;
  color: #cdcdcd;
}
.qfs-cargo__paging {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 32px 0 40px;
  font-size: 0;
}
.qfs-cargo__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;
}
.qfs-cargo__paging a + a {
  margin-left: 4px;
}
.qfs-cargo__paging a.ctrl + a, .qfs-cargo__paging a + .ctrl {
  margin-left: 10px;
}
.qfs-cargo__paging a[aria-current=true] {
  border-color: #8158bf;
  background-color: #8158bf;
  color: #fff;
}
.qfs-cargo__paging .ctrl {
  position: relative;
  overflow: hidden;
}
.qfs-cargo__paging .ctrl.disabled, .qfs-cargo__paging .ctrl.disabled:hover {
  background-color: #eee;
  border-color: #dedede;
  cursor: default;
}
.qfs-cargo__paging .ctrl.disabled .prev:before, .qfs-cargo__paging .ctrl.disabled .next:before, .qfs-cargo__paging .ctrl.disabled:hover .prev:before, .qfs-cargo__paging .ctrl.disabled:hover .next:before {
  border-color: transparent transparent #8b8b8b #8b8b8b;
}
.qfs-cargo__paging .ctrl__prev, .qfs-cargo__paging .ctrl__next {
  color: transparent;
  font-size: 1px;
}
.qfs-cargo__paging .ctrl__prev:before, .qfs-cargo__paging .ctrl__next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3px 0 0 -2px;
  border: 1px solid;
  border-color: transparent transparent #444 #444;
  height: 5px;
  width: 5px;
  transform: rotate(45deg);
}
.qfs-cargo__paging .ctrl__next:before {
  transform: rotate(-135deg);
  margin-left: -5px;
}
.qfs-cargo__btn {
  margin-bottom: 24px;
}
.qfs-cargo__stt + .qfs-cargo__btn {
  margin-top: -15px;
}
.qfs-cargo__btn .qfs-btn {
  margin: 0;
}
.qfs-cargo .qfs-btn.btn__on {
  background-color: #faf8fe;
}
.qfs-cargo .qfs-btn.btn__on:hover {
  background-color: #8158bf;
}
.qfs-cargo [class^=qfs-input__] {
  flex: 1;
  padding: 0 16px;
  width: 100%;
  font-size: 1em;
}
.qfs-cargo .qfs-slct__box {
  padding: 0 32px 0 16px;
}
.qfs-cargo .qfs-cont__cal input {
  font-size: 1em;
}
.qfs-cargo textarea.qfs-input__box {
  padding-top: 10px;
}
.qfs-cargo .qfs-slct__box:not(.slct__nrw) {
  flex: 1;
}
.qfs-cargo [class^=qfs-input]:not(.qfs-cont__form [class^=qfs-input]) + :where([class^=qfs-input], [class^=qfs-slct], .qfs-check__box) {
  margin-left: 40px;
}
.qfs-cargo .qfs-cont__cal:not(.qfs-cont__flt .qfs-cont__cal) {
  flex: 1;
}
.qfs-cargo__slct {
  border-bottom: 1px solid #dcdcdc;
  font-size: 1.2em;
  color: #555;
  text-align-last: left;
}
.qfs-cargo .qfs-cont__form :is(.qfs-check__box, .qfs-radio) {
  line-height: 36px;
}
:where(.qfs-cargo__radio, .qfs-cargo__check) {
  position: relative;
  display: inline-block;
}
:where(.qfs-cargo__radio, .qfs-cargo__check) input {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 100%;
  opacity: 0 !important;
  appearance: none;
  outline: none;
  border: 0;
  cursor: pointer;
}
:where(.qfs-cargo__radio, .qfs-cargo__check) input:checked + label {
  border-color: #8158bf;
  color: #8158bf;
  background-color: #faf8fe;
}
:where(.qfs-cargo__radio, .qfs-cargo__check) input:checked + label:after {
  border: 0;
  background: url("../img/cargo/ic_ck.png") 50% no-repeat;
  background-size: 24px;
}
:where(.qfs-cargo__radio, .qfs-cargo__check) input[disabled] + label {
  background: #f8f8f8;
  color: #ccc;
}
:where(.qfs-cargo__radio, .qfs-cargo__check) input[disabled] + label:after {
  background-color: #cdcdcd;
}
:where(.qfs-cargo__radio, .qfs-cargo__check) label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  border: 1px solid #dedede;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: #fff;
  background-color: transparent;
  height: 78px;
  font-size: 15px;
  color: #757575;
  line-height: 1.13;
}
:where(.qfs-cargo__radio, .qfs-cargo__check) label:after {
  display: inline-block;
  border: 2px solid #cdcdcd;
  box-sizing: border-box;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  min-width: 24px;
  content: "";
}
.qfs-cargo__radio label {
  padding: 15px 16px;
  width: 100%;
}
.qfs-cargo__radio label:before {
  content: "";
  display: inline-block;
  padding: 5px;
  border: 1px solid #dedede;
  border-radius: 5px;
  box-sizing: border-box;
  background: 50% 50% no-repeat;
  background-size: 80%;
  width: 48px;
  height: 48px;
}
.qfs-cargo__check label {
  padding: 12px 30px;
}
.qfs-cont__form .qfs-cargo__check label {
  height: 100%;
}
.qfs-cargo__auto {
  flex: 1;
  position: relative;
}
.qfs-cargo__auto + :where(input, select), :where(input, select) + .qfs-cargo__auto {
  margin-left: 8px;
}
.qfs-cargo__auto input {
  width: 100%;
}
.qfs-cargo__auto .auto {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  margin-top: 46px;
  padding: 8px;
  border: 1px solid #dedede;
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
  background: #fff;
  width: 382px;
  height: auto;
}
.qfs-cargo__auto .auto em {
  display: inline-block;
  margin: 4px 0 6px;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
}
.qfs-cargo__auto .auto__cls {
  display: block;
  position: absolute;
  top: 12px;
  right: 8px;
  padding-top: 16px;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  overflow: hidden;
  color: transparent;
  background-color: transparent;
}
.qfs-cargo__auto .auto__cls:before, .qfs-cargo__auto .auto__cls:after {
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  background: #353535;
  width: 1px;
  transform: rotate(45deg);
  content: "";
}
.qfs-cargo__auto .auto__cls:after {
  transform: rotate(-45deg);
}
.qfs-cargo__auto .auto__list {
  border-radius: 5px;
  border: 1px solid #eaeaea;
  width: 100%;
  height: auto;
  max-height: 160px;
  overflow-y: auto;
}
.qfs-cargo__auto .auto__item {
  display: block;
  padding: 5px 16px 4px;
  box-sizing: border-box;
  width: 100%;
  line-height: 1.64;
  color: #353535;
  font-size: 14px;
  letter-spacing: -0.34px;
}
.qfs-cargo__auto .auto__item:hover {
  font-weight: 500;
  cursor: pointer;
}
.qfs-cargo__auto .auto__item.on {
  background-color: #ebe6f5;
}
.qfs-cargo__file li {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.qfs-cargo__file li + li {
  margin-top: 8px;
}
.qfs-cargo__file input {
  flex: 1;
  max-width: 440px;
}
.qfs-cargo__file .qfs-btn {
  height: 36px;
}
.qfs-cargo__file :where(.btn__plus, .btn__minus) {
  position: relative;
  padding: 34px 0 0;
  box-sizing: border-box;
  background: #8158bf;
  width: 36px;
  min-width: 36px;
  overflow: hidden;
}
.qfs-cargo__file :where(.btn__plus, .btn__minus):before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.qfs-cargo__file .btn__plus:before {
  color: #fff;
  font-size: 30px;
  font-weight: 300;
  content: "+";
}
.qfs-cargo__file .btn__minus:before {
  border: 1px solid #fff;
  box-sizing: border-box;
  width: 16px;
  content: "";
}

.qfs-cargo__inr .tab {
  display: flex;
  margin-top: 60px;
  border: 1px solid #8158bf;
  border-radius: 5px;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}
.qfs-cargo__inr .tab a {
  display: block;
  flex: 1;
  padding: 20px 0;
  color: #8158bf;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}
.qfs-cargo__inr .tab a.on {
  background-color: #8158bf;
  color: #fff;
}
.qfs-cargo__flx {
  display: flex;
}
.qfs-cargo__flx ~ .qfs-cargo__flx {
  margin-top: 16px;
}
.qfs-cargo__flx > div {
  flex: 1;
}
.qfs-cargo__flx > div + div {
  margin-left: 40px;
}
.qfs-cargo__flx > div .qfs-cont__hg:first-of-type {
  margin-top: 0;
}
.qfs-cargo__flx > div > .qfs-cargo__tt:first-of-type {
  margin-top: 24px;
}
.qfs-cargo__flx > div .qfs-cont__box {
  margin-bottom: 1px;
}
.qfs-cargo__flx .qfs-cont__hg {
  margin-bottom: 36px;
}
.qfs-cargo__dtl {
  flex: 1;
}
.qfs-cargo__dtl .qfs-cargo__stt + div {
  height: calc(100% - 39px);
}
.qfs-cargo__box {
  margin-top: 24px;
  padding: 24px;
  border: 1px solid #8158bf;
  border-radius: 5px;
  background-color: #faf8fe;
  box-shadow: 2px 2px 10px 0 rgba(26, 7, 55, 0.1);
}
.qfs-cargo__box .qfs-payment__prc {
  margin: -16px auto 0;
  padding: 0;
  width: 460px;
}
.qfs-cargo__box .qfs-payment__prc :where(dt, dd) {
  margin: 16px 0 0;
}
.qfs-cargo__box .qfs-payment__prc dt {
  color: #757575;
  font-weight: 500;
}
.qfs-cargo__box .qfs-payment__prc dd span {
  margin-right: 16px;
}
.qfs-cargo__box .qfs-payment__prc .total {
  margin-top: 16px;
  padding: 0;
}
.qfs-cargo__box .qfs-payment__prc .memo {
  margin-top: 24px;
}
.qfs-cargo__box .qfs-payment__prc .memo :is(dt, dd) {
  margin-top: 8px;
}
.qfs-cargo__toggle {
  margin-top: 88px;
}
.qfs-cargo__toggle details {
  position: relative;
}
.qfs-cargo__toggle details:before {
  display: block;
  position: absolute;
  top: 0;
  left: 63px;
  margin-top: -24px;
  border-right: 1px dashed #dedede;
  height: 24px;
  width: 1px;
  content: "";
}
.qfs-cargo__toggle details:first-of-type:before {
  content: none;
}
.qfs-cargo__toggle details[open] summary {
  border-radius: 5px 5px 0 0;
}
.qfs-cargo__toggle summary {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 24px;
  padding: 13px 24px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  background-color: #f8f5ff;
  border-radius: 5px;
  width: 100%;
  height: 58px;
}
.qfs-cargo__toggle summary:after {
  position: absolute;
  top: 21px;
  right: 24px;
  border: 2px solid #757575;
  border-color: transparent #757575 #757575 transparent;
  box-sizing: border-box;
  width: 13px;
  height: 13px;
  transform: rotate(45deg);
  content: "";
}
.qfs-cargo__toggle summary:hover {
  cursor: pointer;
}
.qfs-cargo__toggle summary em {
  display: block;
  margin-right: 18px;
  border: 1px solid #f03c28;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 60px;
  width: 78px;
  height: 32px;
  color: #f03c28;
  text-align: center;
  line-height: 30px;
}
.qfs-cargo__toggle summary h2 {
  color: #353535;
  font-size: 20px;
  letter-spacing: -0.4px;
  font-weight: 500;
}
.qfs-cargo__toggle summary + .qfs-cont__box {
  border-radius: 0 0 5px 5px;
  border-top: 0;
}

.qfs-cargo__item {
  margin: 3px 0 5px;
  text-align: left;
}
.qfs-cargo__item + .qfs-cargo__item {
  margin-top: 16px;
}
.qfs-cargo__item > span {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #dedede;
  border-radius: 5px;
  box-sizing: border-box;
  height: 72px;
  width: 72px;
  text-align: center;
}
.qfs-cargo__item > span + span {
  margin-left: 16px;
}
.qfs-cargo__item > span a {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #dedede;
  font-size: 14px;
  letter-spacing: -0.34px;
  line-height: 1;
}
.qfs-cargo__item > span a:before {
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  filter: grayscale(1);
  opacity: 0.3;
  content: "";
}
.qfs-cargo__item > span a.item__appliance:before {
  background-image: url(../img/cargo/ic_item_appliance.png);
}
.qfs-cargo__item > span a.item__clothes:before {
  background-image: url(../img/cargo/ic_item_clothes.png);
}
.qfs-cargo__item > span a.item__furniture:before {
  background-image: url(../img/cargo/ic_item_furniture.png);
}
.qfs-cargo__item > span a.item__machine:before {
  background-image: url(../img/cargo/ic_item_machine.png);
}
.qfs-cargo__item > span a.item__parts:before {
  background-image: url(../img/cargo/ic_item_parts.png);
}
.qfs-cargo__item > span a.item__food:before {
  background-image: url(../img/cargo/ic_item_food.png);
}
.qfs-cargo__item > span a.item__etc:before {
  background-image: url(../img/cargo/ic_item_etc.png);
}
.qfs-cargo__item > span a.item__box:before {
  background-image: url(../img/cargo/ic_item_box.png);
}
.qfs-cargo__item > span a.item__pallet:before {
  background-image: url(../img/cargo/ic_item_pallet.png);
}
.qfs-cargo__item > span a.item__box2:before {
  background-image: url(../img/cargo/ic_item_box2.png);
}
:is(.qfs-cargo__item > span.on, .qfs-cargo__item > span:hover) a {
  color: #8158bf;
  font-weight: 500;
}
:is(.qfs-cargo__item > span.on, .qfs-cargo__item > span:hover) a:before {
  filter: unset;
  opacity: 1;
}
.qfs-cargo__item > span.on {
  border-color: #8158bf;
  background-color: #faf8fe;
}

.qfs-cargo__type {
  display: flex;
}
.qfs-cargo__type .qfs-radio label:before {
  margin-right: 50px !important;
}
.qfs-cargo__type .qfs-radio label:after {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
  width: 32px;
  height: 32px;
  content: "";
}
.qfs-cargo__type > li {
  margin-right: 40px;
  width: calc(25% - 40px);
}
.qfs-cargo__type > li:nth-child(4) {
  margin: 0;
}
.qfs-cargo__type > li.on label:before {
  border: 0;
  background-color: #8158bf;
}

.qfs-cargo__type .type__ship.qfs-cargo__radio label:before, .qfs-cargo__type .type__ship.qfs-radio label:after, .qfs-cargo__table .type.type--ship:before {
  background-image: url(../img/cargo/ic_type_ship.png);
}

.qfs-cargo__type li.on.type__ship.qfs-cargo__radio label:before, .qfs-cargo__type li.on.type__ship.qfs-radio label:after, tr.slct .type.type--ship:before {
  background-image: url(../img/cargo/ic_type_ship_w.png);
}

.qfs-cargo__type .type__air.qfs-cargo__radio label:before, .qfs-cargo__type .type__air.qfs-radio label:after, .qfs-cargo__table .type.type--air:before {
  background-image: url(../img/cargo/ic_type_air.png);
}

.qfs-cargo__type li.on.type__air.qfs-cargo__radio label:before, .qfs-cargo__type li.on.type__air.qfs-radio label:after, tr.slct .type.type--air:before {
  background-image: url(../img/cargo/ic_type_air_w.png);
}

.qfs-cargo__type .type__land.qfs-cargo__radio label:before, .qfs-cargo__type .type__land.qfs-radio label:after, .qfs-cargo__table .type.type--land:before {
  background-image: url(../img/cargo/ic_type_land.png);
}

.qfs-cargo__type li.on.type__land.qfs-cargo__radio label:before, .qfs-cargo__type li.on.type__land.qfs-radio label:after, tr.slct .type.type--land:before {
  background-image: url(../img/cargo/ic_type_land_w.png);
}

.qfs-cargo__table.tb__hover :where(tr, td), .qfs-cargo__table .tb__hover {
  cursor: pointer;
}
.qfs-cargo__table em {
  font-size: 15px;
}
.qfs-cargo__table tr.slct .type {
  color: #faf8fe;
}
.qfs-cargo__table tr.slct .type:after {
  background-color: #f9f6ff;
}
.qfs-cargo__table tr.slct .type:before {
  background-color: #8158bf;
  border: 0;
}
.qfs-cargo__table td {
  padding: 2px 16px;
  word-break: break-all;
  font-size: 14px;
}
.qfs-cargo__table td.type {
  position: relative;
  height: 80px;
  color: #fff;
}
.qfs-cargo__table td.type:before, .qfs-cargo__table td.type:after {
  position: absolute;
  top: 0;
  content: "";
}
.qfs-cargo__table td.type:before {
  left: 50%;
  margin: 12px 0 0 -28px;
  border: 1px solid #dedede;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: #fff;
  background-position: 50% 52%;
  background-repeat: no-repeat;
  width: 56px;
  height: 56px;
  z-index: 1;
}
.qfs-cargo__table td.type:after {
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 -1px -1px 0;
  border-bottom: 1px solid #dedede;
  border-right: 1px dotted #dedede;
  box-sizing: border-box;
  background-color: #fff;
}
.qfs-cargo__table td.type.type--min {
  height: 60px;
}
.qfs-cargo__table td.type.type--min:before {
  top: 50%;
  margin: -23px 0 0 -23px;
  width: 46px;
  height: 46px;
}
.qfs-cargo__table .tb__more {
  padding: 32px !important;
  background-color: #f4f4f4;
  text-align: left;
}
.qfs-cargo__table .tb__more th {
  background: #faf8fe;
  color: #353535;
}
.qfs-cargo__table .tb__more td {
  color: #757575;
  font-size: 14px;
  letter-spacing: -0.34px;
  font-weight: 500;
}
.qfs-cargo__table .tb__logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
}
.qfs-cargo__table .tb__logo .logo {
  display: block;
  margin-right: 10px;
  background-color: #fff;
  width: 58px;
  height: 58px;
}
.qfs-cargo__table .tb__logo .txt {
  flex: 1;
  width: 100%;
}

.qfs-cargo__tab {
  display: flex;
}
.qfs-cargo__tab > li {
  flex: 1;
  font-size: 16px;
  color: #757575;
  letter-spacing: -0.32px;
}
.qfs-cargo__tab > li + li {
  margin-left: 40px;
}
.qfs-cargo__tab > li > p {
  margin-top: 14px;
}
ul.qfs-cargo__tab a.btn {
  display: block;
  padding: 22px 0 21px;
  border: 1px solid #8158bf;
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: 6px 6px 12px rgba(11, 0, 29, 0.1490196078);
  width: 100%;
  height: 90px;
  color: #8158bf;
  font-size: 16px;
  line-height: 1.44;
  text-align: center;
}
ul.qfs-cargo__tab a.btn.on, ul.qfs-cargo__tab a.btn:hover {
  background-color: #8158bf;
  color: #fff;
}

div.qfs-cargo__tab {
  margin: 0 auto;
  border-radius: 60px;
  border: 1px solid #dedede;
  background-color: #f4f4f4;
  box-sizing: border-box;
  width: fit-content;
}
div.qfs-cargo__tab a {
  display: flex;
  align-items: center;
  padding: 0 48px;
  border-radius: 60px;
  height: 56px;
  color: #757575;
  font-size: 16px;
  text-align: center;
  font-weight: 500;
}
div.qfs-cargo__tab a:hover {
  color: #8158bf;
}
div.qfs-cargo__tab a.on {
  margin: -1px;
  background-color: #fff;
  border: 1px solid #8158bf;
  color: #8158bf;
}

.qfs-cargo__scd {
  margin-top: 24px;
  text-align: left;
  font-size: 14px;
}
.qfs-cargo__scd ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  padding: 16px 24px;
  box-sizing: border-box;
  border: 1px solid #dedede;
  background-color: #fff;
  width: 100%;
}
.qfs-cargo__scd li em {
  color: #8158bf;
  font-weight: normal;
}
.qfs-cargo__scd li.logo {
  margin-right: -48px;
  width: 58px;
  height: 58px;
  overflow: hidden;
}
.qfs-cargo__scd li.logo img {
  display: block;
}
.qfs-cargo__scd li > div + div {
  margin-top: 4px;
}
.qfs-cargo__scd button.more {
  margin-right: 24px;
  padding: 0;
  background-color: transparent;
  font-size: 14px;
}

.qfs-cargo__history {
  display: flex;
  padding: 40px 32px;
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  width: 100%;
  height: 264px;
}
.qfs-cont__box .qfs-cargo__history {
  box-shadow: none;
}
.qfs-cargo__history .history__step {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.qfs-cargo__history .history__step img {
  display: block;
  margin: 0 auto 10px;
}
.qfs-cargo__history .history__step a {
  display: block;
  color: #8158bf;
  font-size: 14px;
  font-weight: 500;
}
.qfs-cargo__history .history__step a:before, .qfs-cargo__history .history__step a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
}
.qfs-cargo__history .history__step a:after {
  left: 50%;
  background-color: #f4f4f4;
  height: 4px;
  width: 110px;
}
.qfs-cargo__history .history__step li {
  position: relative;
  flex: 1 1 auto;
  text-align: center;
}
.qfs-cargo__history .history__step li:last-of-type a:after {
  content: none;
}
.qfs-cargo__history .history__step :is(.on--start, .on--end) a:before {
  left: 50%;
  margin: 0 0 -18px -20px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  z-index: 2;
}
.qfs-cargo__history .history__step :where(.step__ex.on--start, .step__ex.on--end) a:before {
  background: url(../img/cargo/ic_history_ex.png);
}
.qfs-cargo__history .history__step :where(.step__im.on--start, .step__im.on--end) a:before {
  background: url(../img/cargo/ic_history_im.png);
}
.qfs-cargo__history .history__step .step__ex.on:not(.on--end) a:after {
  background-color: #8158bf;
}
.qfs-cargo__history .history__step .step__im.on:not(.on--end) a:after {
  background-color: #ec4d94;
}
.qfs-cargo__etc {
  margin-left: 40px;
  white-space: nowrap;
  font-size: 14px;
  color: #757575;
}
.qfs-cargo__etc .etc__box {
  border-radius: 5px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  background-color: #faf9fb;
  text-align: left;
}
.qfs-cargo__etc .etc__box label {
  margin: 0;
  font-size: 1em;
}
.qfs-cargo__etc .etc__box input {
  width: 0;
  height: 0;
  z-index: -1;
  appearance: none;
  outline: none;
  border: 0;
  cursor: pointer;
}
.qfs-cargo__etc .etc__box input + label {
  color: #757575;
  letter-spacing: -0.35px;
}
.qfs-cargo__etc .etc__box input + label:before {
  display: inline-block;
  content: "";
  margin-right: 8px;
  width: 14px;
  height: 10px;
  filter: grayscale(1);
  opacity: 0.3;
}
.qfs-cargo__etc .etc__box input + label:hover {
  cursor: pointer;
}
.qfs-cargo__etc .etc__box input:checked + label {
  color: #353535;
  font-weight: 500;
}
.qfs-cargo__etc .etc__box input:checked + label:before {
  filter: unset;
  opacity: 1;
}
.qfs-cargo__etc [class^=etc__check] {
  padding: 15px;
  box-sizing: border-box;
}
.qfs-cargo__etc [class^=etc__check] + [class^=etc__check] {
  border-top: 1px solid #dedede;
}
.qfs-cargo__etc .etc__check input + label:before {
  background: url(../img/cargo/ic_check.png) 50% no-repeat;
}
.qfs-cargo__etc .etc__check--pink input + label:before {
  background: url(../img/cargo/ic_check_pink.png) 50% no-repeat;
}
.qfs-cargo__etc .etc__info {
  margin-top: 16px;
}
.qfs-cargo__etc .etc__info li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  font-weight: 500;
}
.qfs-cargo__etc .etc__info li:before {
  content: "";
  margin-right: 20px;
  border-radius: 6px;
  background-color: #ec4d94;
  flex: 1px;
  max-width: 90px;
  height: 3px;
}
.qfs-cargo__etc .etc__info li:nth-child(2):before {
  background-color: #8158bf;
}

.qfs-cargo__srvc {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
  padding: 24px 0 14px 24px;
  border: 1px solid #dedede;
  background-color: #fff;
  border-radius: 5px;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
}
.qfs-cargo__srvc .srvc {
  margin: 0 23px 10px 0;
  width: 82px;
  min-height: 100px;
  text-align: center;
  color: #757575;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.3;
}
.qfs-cargo__srvc .srvc:before {
  display: block;
  margin: 0 auto 8px;
  border: 1px solid #8158bf;
  border-radius: 5px;
  box-sizing: border-box;
  width: 64px;
  height: 64px;
  content: "";
}
.qfs-cargo__srvc .srvc--01:before {
  background: url("../img/cargo/ic_srvc_01.png") 50% no-repeat;
}
.qfs-cargo__srvc .srvc--02:before {
  background: url("../img/cargo/ic_srvc_02.png") 50% no-repeat;
}
.qfs-cargo__srvc .srvc--03:before {
  background: url("../img/cargo/ic_srvc_03.png") 50% no-repeat;
}
.qfs-cargo__srvc .srvc--04:before {
  background: url("../img/cargo/ic_srvc_04.png") 50% no-repeat;
}
.qfs-cargo__srvc .srvc--05:before {
  background: url("../img/cargo/ic_srvc_05.png") 50% no-repeat;
}
.qfs-cargo__srvc .srvc--06:before {
  background: url("../img/cargo/ic_srvc_06.png") 50% no-repeat;
}
.qfs-cargo__srvc .srvc--07:before {
  background: url("../img/cargo/ic_srvc_07.png") 50% no-repeat;
}
.qfs-cargo__srvc .srvc--08:before {
  background: url("../img/cargo/ic_srvc_08.png") 50% no-repeat;
}
.qfs-cargo__srvc .srvc--09:before {
  background: url("../img/cargo/ic_srvc_09.png") 50% no-repeat;
}
.qfs-cargo__srvc .srvc--010:before {
  background: url("../img/cargo/ic_srvc_010.png") 50% no-repeat;
}
.qfs-cargo__srvc .srvc.off:before {
  filter: grayscale(1) opacity(0.3);
}
td > .qfs-cargo__srvc {
  justify-content: flex-start;
  margin-bottom: -8px;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  text-align: left;
}
td > .qfs-cargo__srvc .srvc {
  vertical-align: middle;
  margin: 0 0 8px;
  padding-right: 8px;
  width: 90px;
  min-height: unset;
  overflow: hidden;
  font-size: 12px;
  color: #353535;
  font-weight: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
td > .qfs-cargo__srvc .srvc:before {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px 0 0;
  border-radius: 0;
  border-color: #707070;
  background-size: 18px;
  width: 26px;
  height: 26px;
}
td > .qfs-cargo__srvc span.txt {
  display: block;
  width: 90px;
  text-align: center;
}

.qfs-cargo .qfs-cont__rt [class^=qfs-txt__] + .qfs-btn {
  margin-left: 10px;
}

.qfs-mycargo .qfs-table table {
  table-layout: fixed;
}
.qfs-mycargo .qfs-payment {
  display: block;
  line-height: 1.6;
  box-shadow: none;
}
.qfs-mycargo .qfs-payment header h2 {
  margin-top: 0;
  display: inline-block;
  vertical-align: middle;
}
.qfs-mycargo .qfs-payment__dsc p {
  font-size: 16px;
}
.qfs-mycargo .qfs-cont__bg {
  background: none;
  padding-bottom: 0 !important;
}
.qfs-mycargo .qfs-cont__bg:before {
  content: none;
}

/* Cargo Layout
// cargo wrap
//------------------------------------------------------------------------------ */
.cargo-wrap {
  background: #fff;
  width: 100%;
}
.alert_top + .qfs-frame .cargo-wrap {
  margin-top: 50px;
}
.cargo-wrap .qfs-cont__form .qfs-btn {
  height: 36px;
}
.cargo-wrap .qfs-frame__ct .qfs-cont__nt {
  font-size: 15px;
}
.cargo-wrap .qfs-frame__ct .qfs-cont__nt:first-child {
  margin-top: 0;
}
.cargo-wrap .qfs-frame__ct .qfs-cont__nt li + li {
  margin-top: 8px;
}

.kci-wrap :is(.cargo-head, .cargo-foot) {
  display: none;
}

/* #Header
//------------------------------------------------------------------------------ */
.cargo-head {
  position: relative;
  z-index: 11;
  background-color: #00102d;
  width: 100%;
  min-width: 1320px;
}
.cargo-head, .cargo-head :is(a, select, em) {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}
.cargo-head__inr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 0 20px;
  background-color: #00102d;
  width: 1110px;
  height: 52px;
}
.cargo-head__gnb .menu {
  display: inline-block;
  vertical-align: middle;
}
.cargo-head__gnb .menu + .menu {
  margin-left: 40px;
}
.cargo-head__gnb .menu--list {
  position: relative;
}
.cargo-head__gnb .menu--list.on ul {
  height: auto;
  opacity: 1;
}
.cargo-head__gnb .menu--list em {
  display: inline-block;
  padding-right: 20px;
  box-sizing: border-box;
}
.cargo-head__gnb .menu--list em:after {
  display: inline-block;
  position: absolute;
  right: 2px;
  top: 50%;
  margin-top: -5px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  content: "";
}
.cargo-head__gnb .menu--list em:hover {
  cursor: pointer;
}
.cargo-head__gnb .menu--list ul {
  display: block;
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 1;
  border-radius: 4px;
  background: #fff;
  width: fit-content;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: ease-out 0.2s;
}
.cargo-head__gnb .menu--list ul li:first-of-type {
  margin-top: 6px;
}
.cargo-head__gnb .menu--list ul li:last-of-type {
  margin-bottom: 6px;
}
.cargo-head__gnb .menu--list ul a {
  display: block;
  padding: 4px 16px;
  box-sizing: border-box;
  width: 100%;
  color: #00102d;
  white-space: nowrap;
}
.cargo-head__gnb .menu--list ul a:hover {
  background-color: #ecf0f9;
}
.cargo-head__gnb select {
  vertical-align: baseline;
  padding: 2px 8px 0;
  box-sizing: border-box;
  background: none;
  height: 22px;
  text-align-last: left;
  appearance: auto;
  -ms-appearance: unset;
  -moz-appearance: unset;
  -webkit-appearance: auto;
  -o-appearance: unset;
}
.cargo-head__gnb select:after {
  position: absolute;
  right: 0;
  top: 50%;
  border: 1px solid #fff;
  width: 12px;
  height: 6px;
  content: "";
}
.cargo-head__gnb option {
  color: #000;
}
.cargo-head__gnb .icon {
  display: inline-block;
  padding-top: 2px;
  padding-left: 24px;
  line-height: 20px;
  background-size: 20px;
}
.cargo-head__gnb .icon.singin {
  background: url("https://www.kc-intl.com/Content/layout/kci/img/common/ic_menu_singin.png") left no-repeat;
}
.cargo-head__gnb .icon.register {
  background: url("https://www.kc-intl.com/Content/layout/kci/img/common/ic_menu_register.png") left no-repeat;
}
.cargo-head__gnb .icon.branch {
  background: url("https://www.kc-intl.com/Content/layout/kci/img/common/ic_menu_branch.png") left no-repeat;
}
.cargo-head__gnb .icon.language {
  background: url("https://www.kc-intl.com/Content/layout/kci/img/common/ic_menu_language.png") left no-repeat;
}

/* #Footer
//------------------------------------------------------------------------------ */
.cargo-foot {
  background-color: #2e2e2e;
  width: 100%;
  color: #1a1a1a;
  font-size: 10px;
}
.cargo-foot__inr {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  background-color: #2e2e2e;
  width: 1340px;
  height: 140px;
}
.cargo-foot .logo img {
  filter: contrast(0%);
}

/* #Content
//------------------------------------------------------------------------------ */
.cargo-cont {
  width: 100%;
  min-height: calc(100vh - 192px);
}
.cargo-cont__count {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 56px;
  width: fit-content;
}
.cargo-cont__count:before {
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  display: inline-block;
  vertical-align: middle;
  background: #cdcdcd;
  height: 1px;
  content: "";
}
.cargo-cont__count a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px 16px 10px;
  border-radius: 4px;
  border: 1px solid #8158bf;
  box-sizing: border-box;
  box-shadow: 2px 3px 8px 0 rgba(0, 0, 0, 0.15);
  background: #fbf9ff;
  width: 130px;
  height: 110px;
  color: #8158bf;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.34px;
}
.cargo-cont__count a + a {
  margin-left: 16px;
}
.cargo-cont__count a em {
  display: block;
  color: #8158bf;
  font-size: 27px;
  font-weight: 500;
  line-height: 1;
}
.cargo-cont__count a.total {
  background: #8158bf;
  color: #fff;
}
.cargo-cont__count a.total em {
  color: #fff;
}
.cargo-cont__count a.red {
  border-color: #d80000;
  background: #fff;
  color: #d80000;
}
.cargo-cont__count a.red em {
  color: #d80000;
}
.cargo-cont__count a.on em {
  text-decoration: underline;
}

.cargo-wrap div.qfs-input__box, .cargo-auto__layer {
  padding: 16px;
}
.cargo-wrap div.qfs-input__box::-webkit-scrollbar, .cargo-auto__layer::-webkit-scrollbar {
  width: 14px;
}
.cargo-wrap div.qfs-input__box::-webkit-scrollbar-thumb, .cargo-auto__layer::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #8b8b8b;
  background-clip: padding-box;
  border: 4px solid transparent;
}
.cargo-wrap div.qfs-input__box::-webkit-scrollbar-track, .cargo-auto__layer::-webkit-scrollbar-track {
  background-color: transparent;
}

.cargo-auto {
  position: relative;
}
.inp .cargo-auto {
  flex: 1;
  min-width: 50%;
}
:where([class^=qfs-input], [class^=qfs-slct]) + .cargo-auto, .cargo-auto + :where([class^=qfs-input], [class^=qfs-slct]) {
  margin-left: 8px;
}
.cargo-auto__layer {
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 10;
  padding: 24px;
  border-radius: 5px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.3);
  max-height: 550px;
  overflow-y: auto;
}
.cargo-auto__layer em {
  display: block;
  margin-bottom: 12px;
  width: 100%;
}
.cargo-auto__layer em ~ em {
  margin-top: 24px;
}
.cargo-auto__layer .history {
  display: block;
  width: 100%;
}
.cargo-auto__layer .history li {
  position: relative;
  padding: 0px 10px;
  box-sizing: border-box;
  background: #fbf9ff;
  width: 100%;
}
.cargo-auto__layer .history li + li {
  margin-top: 4px;
}
.cargo-auto__layer .history a {
  display: inline-block;
  margin-right: 32px;
  padding: 6px;
  box-sizing: border-box;
  font-size: 14px;
  color: #8158bf;
  letter-spacing: -0.34px;
  white-space: nowrap;
}
.cargo-auto__layer .history a:hover {
  text-decoration: underline;
}
.cargo-auto__layer .history .remove {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -10px;
  background: none;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  overflow: hidden;
  color: transparent;
}
.cargo-auto__layer .history .remove:before, .cargo-auto__layer .history .remove:after {
  position: absolute;
  top: 50%;
  left: 50%;
  background: #8158bf;
  width: 1px;
  height: 13px;
  transform: translate(-50%, -50%) rotate(45deg);
  content: "";
}
.cargo-auto__layer .history .remove:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.cargo-auto__layer .history .remove:hover {
  background: #8158bf;
}
.cargo-auto__layer .history .remove:hover:after, .cargo-auto__layer .history .remove:hover:before {
  background: #fff;
}
.cargo-auto__layer .tablist a {
  display: inline-block;
  margin-right: 6px;
  padding: 6px 8px 3px 36px;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  background-position: 8px 50%;
  background-repeat: no-repeat;
  min-width: 106px;
  text-align: center;
  color: #353535;
  font-size: 13px;
  filter: grayscale(1);
}
.cargo-auto__layer .tablist a:hover {
  filter: none;
  color: #8158bf;
  font-weight: 500;
}
.cargo-auto__layer .tablist a.on {
  border-color: #8158bf;
  background-color: #f5f1ff !important;
  color: #8158bf;
  font-weight: bold;
  filter: none;
}
.cargo-auto__layer .tablist a.port {
  background-image: url("../img/cargo/ic_ship.png");
  background-size: 20px;
}
.cargo-auto__layer .tablist a.alr {
  background-image: url("../img/cargo/ic_srvc_09.png");
  background-size: 17px;
}
.cargo-auto__layer .tablist a.citi {
  background-image: url("../img/cargo/ic_srvc_05.png");
  background-size: 18px;
}
.cargo-auto__layer .tbl {
  margin-top: 12px;
  border: 1px solid #eaeaea;
  color: #353535;
  font-size: 13px;
}
.cargo-auto__layer .tbl :is(th, td) {
  padding: 4px 10px;
  white-space: nowrap;
}
.cargo-auto__layer .tbl th {
  border: 1px solid #fff;
  background: #eaeaea;
}
.cargo-auto__layer .tbl td {
  border: 1px solid #eaeaea;
  text-align: center;
}
.cargo-auto__layer .tbl a {
  display: inline-block;
  text-decoration: underline;
  margin: -4px;
  padding: 4px;
}
.cargo-auto__layer .tbl a:hover {
  font-weight: bold;
  letter-spacing: -0.05px;
  color: #289ffb;
}

.cargo-bn {
  margin-top: 24px;
  font-size: 0;
}
.cargo-bn a {
  max-width: 1280px;
}
.cargo-bn img {
  width: 100%;
  object-fit: cover;
}
.cargo-bn__slide img {
  height: 180px;
}
.cargo-bn__slidedot.slick-dotted.slick-slider {
  margin-bottom: 110px;
}
.cargo-bn__slidedot img {
  height: 400px;
}
.cargo-bn__slidedot .slick-dots {
  bottom: -110px;
  margin-bottom: 65px;
}
.cargo-bn__slidedot .slick-dots li button:before {
  content: "";
  margin: 6px;
  border-radius: 50%;
  background: #cdcdcd;
  width: 8px;
  height: 8px;
}
.cargo-bn__slidedot :is(.slick-prev, .slick-next) {
  width: 70px;
  height: 70px;
}
.cargo-bn__slidedot :is(.slick-prev, .slick-next):before {
  border-color: #353535;
  width: 19px;
  height: 19px;
}
.cargo-bn__slidedot .slick-prev {
  left: 0;
}
.cargo-bn__slidedot .slick-next {
  right: 0;
}

.cargo-hdnews {
  border-radius: 5px;
  width: 100%;
  max-width: 1280px;
  background: #fbe3e3;
}
.cargo-hdnews__inr {
  display: flex;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
}
.cargo-hdnews__tt {
  display: inline-block;
  margin-left: 40px;
  font-size: 18px;
  color: #e95a5c;
  font-weight: bold;
}
.cargo-hdnews__track {
  display: block;
  position: relative;
  flex: 1;
  margin: 0 30px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.cargo-hdnews__track:before, .cargo-hdnews__track:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 20px;
  height: 100%;
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(251, 227, 227, 0.75) 51%, rgb(251, 227, 227) 100%);
}
.cargo-hdnews__track:after {
  left: unset;
  right: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(251, 227, 227, 0.75) 51%, rgb(251, 227, 227) 100%);
}
.cargo-hdnews__news, .cargo-hdnews__news :where(li, a) {
  display: inline-block;
}
.cargo-hdnews__news a {
  margin-left: 40px;
  white-space: nowrap;
}
.cargo-hdnews__news a:hover {
  text-decoration: underline;
}
.cargo-hdnews__news.original {
  animation: rollingleft1 40s linear infinite;
}
.cargo-hdnews__news.clone {
  animation: rollingleft2 40s linear infinite;
}
@keyframes rollingleft1 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-100%);
  }
  50.01% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes rollingleft2 {
  0% {
    transition: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}