:root {
  --header-h: 70px;
  --nav-w: 240px;
  --main-p: 30px;
  --footer-h: 150px;
  --header-h-m: 60px;
  --ktx-border: #d9d9d9;

  --ktx-red: #e31a21;
  --ktx-dark-gray: #929292;
  --ktx-light-gray: #ececec;
  --ktx-light-text: #818181;
  --ktx-input-size: 13px;
  --ktx-mobile-side-pad: 20px;
    
  --color-form-bg: /*#fafbff*/white;
}

body {
  background: #f5f5f5;
}


/***** default home with ktx-theme mixed (login, forgot-pw, reset-pw) *****/
.wrapper-ktx-1 header {
  display: none;
}
.wrapper-ktx-1 .login-logo {
  max-width: 100%;
  width: 400px;
  margin: auto;
}
.wrapper-ktx-1 .login-logo img {
  max-width: 100%;
  max-height: 60px;
}

.theme-ktx.wrapper-prelogin {
  margin-top: 50px;
  padding: 30px;
  border-radius: 10px;
}
@media (max-width: 700px) {
  
  .wrapper-ktx-1 main {
    padding-top: 50px;
  }
  
  .theme-ktx.wrapper-prelogin {
    padding: 20px;
  }
  .wrapper-ktx-1 .theme-ktx .container-guest {
    padding: 0;
  }
}


/***** default layout (header, footer) *****/
.theme-ktx {
  padding-bottom: 350px; /* space for footer */
}
.theme-ktx * {
  position: relative;
  box-sizing: border-box;
}
.theme-ktx ul {
  margin: 0;
  padding: 0;
}
.theme-ktx p {
  margin: 0;
  line-height: normal;
}
.theme-ktx.wrapper-guest header {
  box-shadow: none;
}
.theme-ktx.wrapper-guest header .header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;

  max-width: 1300px;
  height: 90px;
  margin: auto;
}
.theme-ktx.wrapper-guest header img.header-logo {
  max-width: 150px;
  max-height: 40px;
  margin-left: 15px;
}
.theme-ktx.wrapper-guest header .header-menus {
  height: 100%;
}
.theme-ktx.wrapper-guest header .header-menus .md {
  display: none;
}
.theme-ktx.wrapper-guest header .header-menu-list {
  display: flex;
  height: 100%;
}
.theme-ktx.wrapper-guest header .header-menu-list li {
  min-width: 100px;
  font-weight: 600;
  text-wrap: nowrap;
}
.theme-ktx.wrapper-guest header .header-menu-list a {
  display: flex;
  justify-content: center;
  align-items: center;
  
  height: 100%;
  padding: 0 25px;
}
.theme-ktx.wrapper-guest header .header-menu-list a::after {
  content: '';
  position: absolute;
  bottom: 0;

  display: block;
  width: 100%;
  height: 4px;
  background: var(--ktx-red);
  transition: transform 0.3s;
  transform: scaleX(0);
}
.theme-ktx.wrapper-guest header .header-menu-list a:hover {
  color: black;
}
.theme-ktx.wrapper-guest header .header-menu-list a:hover::after {
  transform: scaleX(1);
}
.theme-ktx.wrapper-guest header + main {
  margin-top: 90px;
}

.theme-ktx.wrapper-guest footer {
  position: absolute;
  background: #393939;
  min-height: 280px;
  padding: 0;
}
.theme-ktx.wrapper-guest footer .footer-inner {
  max-width: 1300px;
  margin: auto;
  padding: 0 15px;
  text-align: left;
  font-size: 14px;
}
.theme-ktx.wrapper-guest footer .footer-logo {
  max-width: 150px;
  max-height: 40px;
  margin-bottom: 15px;
}
.theme-ktx.wrapper-guest footer p {
  color: #fff;
  opacity: 0.7;
  line-height: 26px;
}
.theme-ktx.wrapper-guest footer .footer-top {
  padding: 55px 0 40px;
}
.theme-ktx.wrapper-guest footer .footer-bot {
  padding: 25px 0 0;
  border-top: 1px solid rgba(255,255,255,0.25);
  font-size: 13px;
}

.theme-ktx .center {
  margin: auto;
  text-align: center;
}


/***** default layout (post sign-in) *****/
.theme-ktx .btn-group.left-align {
  justify-content: start;
}
.theme-ktx .ktx-panel {
  border-radius: 10px;
  padding: 50px;
  background: white;
}
.theme-ktx .wrapper-search::before {
  top: 50%;
  transform: translateY(-50%);
}
.theme-ktx .wrapper-search [type=search] {
  padding-left: 30px;
}

.theme-ktx .list-pagination {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-top: 30px;
  border-top: 1px solid #d9d9d9;
}
.theme-ktx .list-pagination:empty {
  border: 0;
}
.theme-ktx .list-pagination > div {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 8px;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 0.9rem;
  font-weight: bold;
  transition: none;
}
.theme-ktx .list-pagination > div.disabled {
  background: #eee;
  color: #ccc;
}
.theme-ktx .list-pagination > div.curr {
  border-color: var(--ktx-red);
  font-size: 1rem;
}
.theme-ktx .list-pagination > div.btn-pg:hover,
.theme-ktx .list-pagination > div.btn-pg-left:hover,
.theme-ktx .list-pagination > div.btn-pg-right:hover {
  color: var(--ktx-red);
}

.theme-ktx.wrapper-signed-in {
  height: 100%;
  padding: 0;
  background: #f5f5f5;
}
.theme-ktx.wrapper-signed-in header {
  position: fixed;
  top: 0; left: 0;

  display: flex;
  justify-content: space-between;

  width: 100%; height: var(--header-h);
  background: white;
}
.theme-ktx.wrapper-signed-in main {
  padding: var(--main-p);
  padding-top: calc(var(--main-p) + var(--header-h));
  padding-bottom: calc(var(--main-p) + var(--footer-h));
  padding-left: calc(var(--main-p) + var(--nav-w));

  display: block;
  min-width: 100%;
  width: fit-content;
  min-height: 100%;
}
.theme-ktx.wrapper-signed-in.no-nav main {
  padding-left: var(--main-p);
}
.theme-ktx.wrapper-signed-in nav {
  z-index: 10;
  position: fixed;
  top: var(--header-h); left: 0;

  width: var(--nav-w);
  height: calc(100% - var(--header-h));
  padding-bottom: var(--footer-h);
  background: white;
  border-right: 3px solid #f5f5f5;
}
.theme-ktx.wrapper-signed-in footer {
  z-index: 20;
  position: absolute;
  bottom: 0; left: 0;
  display: block;
  height: var(--footer-h);

  padding: 20px 50px;
  background: #393939;
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  color: #bfbfbf;
}

.theme-ktx header .header-logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  
  width: var(--nav-w);
}
.theme-ktx header .btn-nav-toggle {
  display: none;
  justify-content: center;

  width: 40px; height: 40px;
  color: var(--ktx-red);
}
.theme-ktx header .header-logo a {
  display: block;
  width: 150px;
  margin: auto;
}
.theme-ktx header .header-logo img {
  max-width: 100%;
  max-height: 60px;
}
.theme-ktx header .header-btns {
  display: flex;
  align-items: center;
  gap: 10px;

  margin-right: 40px;
}
.theme-ktx header .header-btn {
  justify-content: center;
  
  width: 40px; height: 40px;
  border-radius: 50%;
  background: #eee;
  color: var(--ktx-red);
}
.theme-ktx header .header-btn .ms {
  font-weight: 300;
}
.theme-ktx nav ul.nav-menus {
  margin-top: 20px;
}
.theme-ktx nav li {
  font-size: 14px;
}
.theme-ktx nav li > a {
  gap: 10px;
  padding: 10px 30px;
  font-size: 16px;
  font-weight: 600;
  transition: none;
}
.theme-ktx nav li > a:hover {
  color: var(--ktx-red);
}
.theme-ktx nav .btn-nav-close {
  display: none;
}
.theme-ktx.wrapper-signed-in footer p {
  margin: 8px 0;
}

@media (max-width: 700px) {
  body {
    height: 100%;
  }
  
  .theme-ktx .list-pagination > div {
    font-size: 12px;
  }

  .theme-ktx.wrapper-signed-in header {
    height: var(--header-h-m);
  }
  .theme-ktx header .btn-nav-toggle {
    display: flex;
  }
  .theme-ktx header .header-nav-btn {
    display: block;
  }
  .theme-ktx header .header-logo {
    width: auto;
  }
  .theme-ktx header .header-logo a {
    width: 100px;
  }
  .theme-ktx header .header-btns {
    margin-right: 10px;
  }

  .theme-ktx.wrapper-signed-in main {
    padding: 0;
    padding-top: var(--header-h-m);
    padding-bottom: var(--footer-h);
  }
  .theme-ktx.wrapper-signed-in.no-nav main {
    padding-left: 0;
  }

  .theme-ktx.wrapper-signed-in nav {
    z-index: 30;
    top: var(--header-h-m);
    width: 100%;
    height: 0px;
    padding-bottom: 0;
  }
  .theme-ktx.wrapper-signed-in nav {
    top: var(--header-h-m);
    width: 100%;
    height: 0px;
    overflow: auto;
    transition: height 0.3s;
  }
  .theme-ktx.wrapper-signed-in nav.is-open {
    height: calc(100% - var(--header-h-m));
    padding-bottom: 50px;
  }
  .theme-ktx.wrapper-signed-in nav .btn-nav-close {
    position: absolute;
    bottom: 0; left: calc(50% - 20px);
    
    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px; height: 40px;
  }
  
  .theme-ktx.wrapper-signed-in footer {
    padding: 20px;
    font-size: 12px;
  }
}


/***** disclaimer notice *****/
.overlay-notice {
  z-index: 21;
  position: fixed;
  top: var(--header-h); left: 0;

  width: 100%;
  height: calc(100% - var(--header-h));
  background: var(--color-form-bg);

  font-family: 'Noto Sans KR';
  font-size: 16px;
}
.disclaimer-notice .title-wrapper {
  margin-bottom: 50px;
}
.disclaimer-notice .notice-body {
  max-width: 800px;
  margin: auto;
  padding: 50px;
}
.disclaimer-notice h1 {
  font-size: 16pt;
}
.disclaimer-notice h2 {
  font-size: 24px;
  margin-bottom: 20px;
}
.disclaimer-notice .notice-content {
  margin: 50px 0 20px;
  padding: 50px 0;
  background: white;
  border: 1px solid var(--color-form-border);
  border-radius: 10px;
  color: var(--color-form-text-dark);
}
.disclaimer-notice .notice-content section {
  margin-bottom: 50px;
  border: 0;
}
.disclaimer-notice .notice-content section p {
  margin-bottom: 5px;
}
.disclaimer-notice .btn-group {
  margin-top: 0;
}

.disclaimer-notice .btn-notice-close {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;

  min-width: 340px; height: 70px;
  margin: auto;
  border: 0;
  border-radius: 10px;
  background: var(--ktx-red);
  color: white;

  font-family: 'Noto Sans KR';
  font-size: 14px;
}

.disclaimer-notice .inbound-form-disclaimer [type=checkbox].warning {
  outline: 2px solid var(--ktx-red);
}

/***** alert (yes/no) overlay *****/
.theme-ktx ~ #alert-pane .btn-group [type=button],
.theme-ktx ~ #alert-pane .btn-group [type=button] {
  display: inline-flex;
  justify-content: center;
  align-items: center;

  min-width: 140px;
  border: 1px solid var(--ktx-red);
  border-radius: 8px;
  padding: 8px 20px;
  border-radius: 8px;
  font-family: 'Noto Sans KR';
  
  background: white;
  color: var(--ktx-red);
}
.theme-ktx ~ #alert-pane .btn-group [type=button].btn-yes,
.wrapper-inbound-form ~ #alert-pane .btn-group [type=button].btn-yes,
.wrapper-inbound-form-view ~ #alert-pane .btn-group [type=button].btn-yes {
  background: var(--ktx-red);
  color: white;
}


/***** ktx theme *****/
.theme-ktx ,
.theme-ktx button {
  font-family: 'Noto Sans KR';
}

.theme-ktx {
  background: var(--color-form-bg);
  font-size: 16px;
}
.theme-ktx .semibold {
  font-weight: 500;
}

.theme-ktx h1.pg-title {
  font-size: 32px;
}
.theme-ktx h2.underlined {
  margin: 80px 0 0;
  padding-bottom: 15px;
  border-bottom: 2px solid black;
  
  font-size: 1.5rem;
  font-weight: 500;
}
.theme-ktx section:first-of-type h2.underlined {
  margin-top: 0;
}

.theme-ktx main section {
  border-bottom: 1px solid black;
}
.theme-ktx .input-group {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0 20px;

  border-bottom: 1px solid var(--ktx-light-gray);
  padding: 14px 20px;
}
.theme-ktx .input-group > label:first-child {
  min-width: 200px;
  width: 200px;
  margin: 0;
  padding-top: 7px;;
  
  color: black;
  font-size: 1rem;
  font-weight: 500;
}
.theme-ktx .input-group > label.required::after {
  display: none;
}
.theme-ktx [type=text],
.theme-ktx [type=email],
.theme-ktx [type=tel],
.theme-ktx [type=number],
.theme-ktx [type=search],
.theme-ktx [type=password],
.theme-ktx select,
.theme-ktx textarea,
.theme-ktx form .input-group .output {
  min-width: 360px;
  width: 360px; height: 36px;
  margin-bottom: 0;
  padding: 10px;
  border: 0;
  background: var(--ktx-light-gray);

  font-size: var(--ktx-input-size);
  line-height: 36px;
}
.theme-ktx textarea {
  height: auto;
}
.theme-ktx form .input-group .output {
  line-height: normal;
}
.theme-ktx [type=text]:focus,
.theme-ktx [type=email]:focus,
.theme-ktx [type=tel]:focus,
.theme-ktx [type=number]:focus,
.theme-ktx [type=search]:focus,
.theme-ktx [type=password]:focus,
.theme-ktx select:focus,
.theme-ktx textarea:focus {
  background: #efefef;
}
.theme-ktx [type=radio],
.theme-ktx [type=checkbox] {
  accent-color: var(--ktx-red);
}
.theme-ktx [type=checkbox] {
  width: 18px; height: 18px;
}
.theme-ktx [type=radio] + label,
.theme-ktx [type=checkbox] + label {
  color: var(--ktx-light-text);
  font-size: var(--ktx-input-size);
}
.theme-ktx [type=radio]:hover + label,
.theme-ktx [type=radio] + label:hover,
.theme-ktx [type=checkbox]:hover + label,
.theme-ktx [type=checkbox] + label:hover {
  font-weight: normal;
}
.theme-ktx .input-group input[type=radio]:hover + label,
.theme-ktx .input-group input[type=radio] + label:hover {
  color: black;
}
.theme-ktx [type=radio]:checked + label,
.theme-ktx [type=checkbox]:checked + label {
  color: black;
  font-weight: 600;
}

.theme-ktx .btn-group {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.theme-ktx .btn-group button {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;

  min-width: 160px; height: 50px;
  margin: 0;
  border: 1px solid var(--ktx-red);
  border-radius: 3px;
  background: var(--ktx-red);
  color: white;
  font-size: 16px;
}
.theme-ktx .btn-group .btn-light,
.theme-ktx .btn-group .btn-cancel {
  background: white;
  color: var(--ktx-red);
}


.theme-ktx .pg-inbound-form {
  width: 100%;
  padding: 50px;
}
.theme-ktx .hint {
  padding-top: 7px;
  color: var(--ktx-light-text);
  font-size: var(--ktx-input-size);
}
.theme-ktx .inbound-form-panel {
  margin-top: 80px;
}
.theme-ktx .group-rcv-addr [name=receive_addr1],
.theme-ktx .group-rcv-addr [name=receive_addr2] {
  margin-bottom: 10px;
}
.theme-ktx .group-rcv-addr .city-state-zip {
  width: 360px;
}
.theme-ktx .group-rcv-addr .city-state-zip {
  width: 360px;
}
.theme-ktx .group-rcv-addr .input-city {
  width: 100%;
}
.theme-ktx .list-item .cell-2 .sign-usd {
  position: absolute;
  top: 9px; left: 7px;
  font-size: 12px;
}
.theme-ktx .list-item [name="item_unit_val[]"] {
  padding-left: 20px;
}
.theme-ktx .combine-radio-wrapper > .flex {
  gap: 50px;
  padding-top: 7px;
}
.theme-ktx .combine-radio-wrapper:not(.is-combined) ~ .field-ship-count {
  display: none;
}
.theme-ktx .combine-radio-wrapper.is-combined ~ .inbound-form-ship-single,
.theme-ktx .combine-radio-wrapper:not(.is-combined) ~ .inbound-form-ship-combined {
  display: none;
}
.theme-ktx .inbound-form-ship-single .input-group:not(.is-custom) + .field-svc-name {
  display: none;
}
.theme-ktx .payat-radio-wrapper:not(.pay-at-kr) ~ .pay-kr-memo {
  display: none;
}

.theme-ktx .inbound-form-list .head {
  display: none;
}
.theme-ktx .inbound-form-list .row {
  display: flex;
  gap: 10px;

  padding: 0;
}
.theme-ktx .inbound-form-list .row + .row {
  margin-top: 10px;
}
.theme-ktx .inbound-form-list .row input {
  min-width: auto;
  width: 100%;
}
.theme-ktx .inbound-form-list .row button {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100px; height: 36px;
  margin: 0;
  border: 0;
  background: var(--ktx-light-text);
  font-weight: 300;
}
.theme-ktx .inbound-form-list .row:not(.added) .btn-del,
.theme-ktx .inbound-form-list .row.added .btn-add { display: none; }

.theme-ktx .inbound-form-list .cell-1 {
  display: flex;
  gap: 10px;

  width: 360px;
}
.theme-ktx .inbound-form-list .cell-2 {
  display: flex;
  gap: 10px;

  width: 210px;
}
.theme-ktx .inbound-form-list .cell-3 .md {
  display: none;
}

.theme-ktx .inbound-form-list.list-ship li:not(.is-custom) .cell-1 input {
  display: none;
}
.theme-ktx .inbound-form-list.list-ship .row.is-custom .cell-1 select {
  min-width: auto;
  width: auto;
}
.theme-ktx .inbound-form-list.list-ship .row.is-custom .cell-1 input {
  min-width: auto;
  width: 100%;
}

.theme-ktx .payat-radio-wrapper > .flex {
  gap: 50px;
  padding-top: 7px;
}

.theme-ktx .inbound-form-disclaimer {
  margin: 80px 0;
}
.theme-ktx .inbound-form-disclaimer .flex {
  margin-bottom: 20px;
}
.theme-ktx .inbound-form-disclaimer > .flex {
  align-items: flex-start;
  gap: 10px;
}

.theme-ktx .order-new-confirm-note {
  align-items: flex-start;
  gap: 10px;

  margin-top: 50px;
}
.theme-ktx .order-new-confirm-note [type=checkbox].warning {
  outline: 2px solid var(--ktx-red);
}

/***** view page *****/
.theme-ktx .pg-inbound-form-view {
  width: 100%;
  padding: 50px;
}

.theme-ktx .inbound-form-status {
  display: flex;
  gap: 30px;
}
.theme-ktx .btn-mod-form {
  position: absolute;
  top: 0; right: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  min-width: 100px;
  height: 36px;
  
  border: 1px solid var(--ktx-red);
  border-radius: 8px;
  padding: 5px 20px;
  font-size: 16px;
  font-weight: 600;
  background: white;
  color: var(--ktx-red);
}

.theme-ktx .pg-inbound-form-view .input-group {
  padding: 0;
}
.theme-ktx .pg-inbound-form-view .input-group > label:first-child {
  padding: 14px 30px;
  background: #f3f3f3;
}
.theme-ktx .pg-inbound-form-view .input-group .output {
  margin: 0;
  padding: 14px 20px;
  font-weight: 400;
}

.theme-ktx .pg-inbound-form-view .btn-group {
  margin: 80px 0;
}

.theme-ktx.overlay-form .inbound-form-panel {
  margin: 0;
  padding: 20px 50px;
}
.theme-ktx.overlay-form .btn-group {
  margin: 80px 0 0;
}


/***** pre-login *****/
.theme-ktx .container-guest {
  margin: auto;
  text-align: left;

  font-size: 14px;
}
.theme-ktx .container-guest h1 {
  font-size: 24px;
  color: black;
}
.theme-ktx .container-guest .guest-form-content {
  margin-top: 50px;
}
.theme-ktx .container-guest .row {
  margin: 10px 0;
}
.theme-ktx .container-guest .row input {
  width: 380px; height: 50px;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  background: #fefefe;
}
.theme-ktx .container-guest .row input:focus {
  background: none;
}
.theme-ktx .container-guest .id-pw {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.theme-ktx .container-guest .id-pw label:hover,
.theme-ktx .container-guest .id-pw a:hover {
  color: var(--ktx-red);
}
.theme-ktx .container-guest .id-pw [type=checkbox]:checked + label {
  font-weight: normal;
  color: var(--ktx-light-text);
}

.theme-ktx .container-guest .btn-group {
  margin: 30px 0;
}
.theme-ktx .container-guest .btn-group button {
  width: 100%; height: 50px;
  font-size: 14px;
}
.theme-ktx .container-guest .spacer-or {
  height: 1px;
  margin: 40px 0;
  border-top: 1px solid #b7b7b7;
  color: #b7b7b7;
}
.theme-ktx .container-guest .spacer-or .text-or {
  position: relative;
  top: -10px; width: 50px;

  display: block;
  margin: auto;
  background: white;
  text-align: center;
}

.theme-ktx .social-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.theme-ktx .social-btns > a {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 50px; height: 50px;
  border-radius: 100%;
}
.theme-ktx .social-btns .google {
  padding: 2px;
}
.theme-ktx .social-btns .google svg {
  width: 100%;
}
.theme-ktx .social-btns .naver {
  background: #03c75a;
}
.theme-ktx .social-btns .naver svg {
  fill: white;
}
.theme-ktx .social-btns .kakao {
  background: #FFE812;
}
.theme-ktx .social-btns .kakao svg {
  width: 32px; height: 32px;
}

.theme-ktx .guest-form-content .forgot-pw {
  text-align: center;
}


/***** overlay *****/
.theme-ktx.overlay-form {
  padding-bottom: 0;
}
.theme-ktx.overlay-form .overlay-content {
  padding-bottom: 50px;
}


/***** order confirm overlay *****/
.inbound-form-confirm-overlay {
  z-index: 21;
  position: fixed;
  top: var(--header-h); left: 0;

  width: 100%;
  height: calc(100vh - var(--header-h));
  background: var(--color-form-bg);

  font-family: 'Noto Sans KR';
  font-size: 16px;

  overflow: auto;
}
.overlay-view.theme-ktx {
  padding-bottom: 0;
}


/***** outbound *****/
.theme-ktx .pg-guest-ship-new {
  width: 100%;
  padding: 50px;
}
.theme-ktx .inbound-form-list.list-box .cell-1 {
  width: 150px;
}
.theme-ktx .inbound-form-list.list-box .cell-2 {
  align-items: center;
  gap: 5px;

  width: 200px;
}
.theme-ktx .inbound-form-list.list-box .cell-2 .md {
  font-size: 16px;
}

.theme-ktx .inbound-form-list .list-item-total {
  gap: 10px;
  margin: 10px 0;
}
.theme-ktx .inbound-form-list .list-item-total > div:nth-child(1) {
  width: 360px;
  text-align: right;
}
.theme-ktx .inbound-form-list .list-item-total > div:nth-child(2) {
  padding-left: 10px;
}
.theme-ktx .inbound-form-list .list-item-total > div:nth-child(2)::before {
  content: '$ ';
}

.theme-ktx .pg-guest-ship-new .btn-group {
  margin-top: 80px;
}
.theme-ktx .form-ship-rcv-zip .btn-search-zip {
  cursor: pointer;

  position: absolute;
  top: 50%; right: 0;
  transform: translateY(-50%);
}
.theme-ktx .overlay-ship-daum {
  width: 800px;
  max-width: 100%;
}
  
.theme-ktx .outbound-submit-success {
  padding: 50px;
}
.theme-ktx .outbound-submit-success .btn-group {
  margin-top: 50px;
}


/***** register *****/
.theme-ktx .pg-cust-register {
  width: 100%;
  margin: 0 50px;
}
.theme-ktx .panel-loyalty-signup {
  margin: 80px 0;
}
.theme-ktx .pg-cust-register .input-origin {
  gap: 20px;
}
.theme-ktx .group-us-addr .row.flex,
.theme-ktx .group-kr-addr .row.flex,
.theme-ktx .cust-form-wrapper .group-kr-biz .row.flex {
  width: 100%;
}
.theme-ktx .group-us-addr .row.flex {
  align-items: start;
}
.theme-ktx .group-us-addr .row:not(:nth-child(3)) input,
.theme-ktx .group-kr-addr .row:not(:nth-child(2)) input {
  margin-bottom: 10px;
}
.theme-ktx .group-us-addr .input-city {
  width: 100%;
}
.theme-ktx .group-us-addr .input-state {
  width: 70px;
}
.theme-ktx .group-kr-addr .input-zip,
.theme-ktx .group-kr-biz .input-zip {
  width: 100%;
}
.theme-ktx .pg-cust-register .input-store,
.theme-ktx .group-us-addr,
.theme-ktx .panel-loyalty-signup.origin-is-us .group-kr-addr {
  display: none;
}
.theme-ktx .panel-loyalty-signup.origin-is-us .input-store {
  display: flex;
}
.theme-ktx .panel-loyalty-signup.origin-is-us .group-us-addr,
.theme-ktx .group-kr-addr {
  display: block;
}

.theme-ktx .dash-select-origin .input-pref-biz {
  margin-top: 10px;
}
.theme-ktx .dash-select-origin .input-pref-biz > .flex {
  gap: 5px;
}
.theme-ktx .dash-select-origin .input-pref-biz label {
  font-size: 16px;
}
.theme-ktx .cust-form-wrapper.origin-is-us .input-pref-biz,
.theme-ktx .cust-form-wrapper:not(.origin-is-us).origin-is-biz .group-personal,
.theme-ktx .cust-form-wrapper.origin-is-us .group-kr-biz,
.theme-ktx .cust-form-wrapper:not(.origin-is-biz) .group-kr-biz {
  display: none;
}
.theme-ktx .cust-form-wrapper:not(.dashboard-panel) .input-pref-biz > .flex,
.theme-ktx .cust-form-wrapper .input-receipt > .flex {
  gap: 20px;
}
.theme-ktx .cust-form-wrapper .input-pref-biz > .flex .flex,
.theme-ktx .cust-form-wrapper  .input-receipt > .flex .flex {
  gap: 10px;
}
.theme-ktx .cust-form-wrapper:not(.dashboard-panel) .input-pref-biz [type=radio],
.theme-ktx .cust-form-wrapper .input-receipt [type=radio] {
  margin: 0;
}
.theme-ktx .cust-form-wrapper [name=biz_addr] {
  margin-bottom: 10px;
}

/***** ship progress icon (dashboard and ship/order list) ******/
.dash-ship-progress {
  gap: 20px;
  width: fit-content;
  margin: auto;
  padding: 20px;
}
.dash-ship-progress > div {
  width: 90px;
  text-align: center;
}
.dash-ship-progress .prog-bar {
  position: absolute;
  top: 49px; left: 60px;;
  border-top: 3px dotted #eee;
  width: calc(100% - 120px); height: 1px;
}
.dash-ship-progress .ship-prog-icon {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 60px; height: 60px;
  margin: auto;
  border-radius: 100%;
  background: #eee;
  color: var(--ktx-red);
}
.dash-ship-progress .ship-prog-icon .ms {
  font-weight: 300;
}
.dash-ship-progress .ship-prog-no {
  display: none;
}
.dash-ship-progress .ship-prog-txt {
  display: block;
  cursor: pointer;
  margin: 20px auto;
  font-size: 12px;
}
.panel-progress .ship-prog-hint {
  margin-top: 10px;
  color: var(--ktx-light-text);
  font-size: var(--ktx-input-size);
  text-align: center;
}


/***** dashboard *****/
.dash-pg-title {
  color: var(--ktx-red);
  font-weight: 500;
}
.dash-today {
  margin: 5px 0 20px;
  color: #888;
  font-weight: 500;
}
.dash-today + h2 {
  font-weight: 600;
}
.dashboard-panels {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.dashboard-panels .dashboard-panel {
  background: white;
}
.dashboard-panels .dashboard-panel .panel-title {
  justify-content: space-between;
  gap: 20px;

  height: 50px;
  padding: 20px;
  border-bottom: 1px solid var(--ktx-border);
}
.dashboard-panels .dashboard-panel .panel-title > .flex {
  gap: 20px;
}
.dashboard-panels .dashboard-panel .panel-title h3 {
  margin: 0;
  font-size: 16px;
}
.dashboard-panels .dashboard-panel .panel-title .desc {
  font-size: 11px;
  color: #b4b4b4;
}
.dashboard-panels .dashboard-panel .panel-title .buttons {
  font-size: 11px;
}
.dashboard-panels .dashboard-panel .panel-title .buttons .ms {
  font-size: 12px;
}
.dashboard-panels .dashboard-panel .panel-title .buttons button {
  min-width: auto;
  width: 100px;
  margin: 0;
  border: 0;
  background: var(--ktx-red);
  color: white;
  font-size: 11px;
  font-weight: normal;
}
.dashboard-panels .panel-notice {
  width: 100%;
}
.dashboard-panels .panel-outbound,
.dashboard-panels .panel-inbound {
  width: 800px;
  margin-bottom: 100px;
}
.dashboard-panels .panel-outbound .dashboard-panel + .dashboard-panel,
.dashboard-panels .panel-inbound .dashboard-panel + .dashboard-panel {
  margin-top: 30px;
}
.dashboard-panels .panel-outbound table,
.dashboard-panels .panel-inbound table {
  padding-bottom: 20px;
}
.dashboard-panels .panel-outbound table thead th,
.dashboard-panels .panel-inbound table thead th {
  padding: 10px 20px;
  border-bottom: 1px solid var(--ktx-border);
  font-size: 14px;
  color: black;
}
.dashboard-panels .panel-outbound table tbody td,
.dashboard-panels .panel-inbound table tbody td {
  padding: 10px 20px;
  border-bottom: 1px solid #eee;
  background: none;
  font-size: 13px;
}
.dashboard-panels .panel-outbound table tbody td:last-child,
.dashboard-panels .panel-inbound table tbody td:last-child {
  text-align: right;
}
.dashboard-panels .panel-outbound table tbody button,
.dashboard-panels .panel-inbound table tbody button,
.dashboard-panels .panel-outbound ul button,
.dashboard-panels .panel-inbound ul button {
  min-width: auto;
  width: 100px;
  margin: 0;
  border: 1px solid var(--ktx-border);
  background: none;
  color: black;
  font-size: 11px;
}
.dashboard-panels .panel-outbound table tbody tr:hover td,
.dashboard-panels .panel-inbound table tbody tr:hover td {
  background: none;
}
.dashboard-panels .panel-outbound ul,
.dashboard-panels .panel-inbound ul {
  display: none;
}

.theme-ktx .dash-select-origin {
  padding: 30px;
}
.theme-ktx .dash-select-origin > .flex {
  gap: 20px;
}
.theme-ktx .dash-select-origin label.flex {
  gap: 5px;
}
.theme-ktx .dash-select-origin button {
  margin-top: 30px;
}


/***** outbound list *****/
.theme-ktx .pg-list-ship .title-wrapper {
  margin-bottom: 50px;
}

.theme-ktx .pg-list-ship .ktx-panel {
  width: 850px;
  margin-top: 30px;
}

.theme-ktx .pg-list-ship .dash-ship-progress {
  padding: 0;
}
.theme-ktx .pg-list-ship .dash-ship-progress .prog-bar {
  top: 29px;
}

.theme-ktx .panel-ship-list h2.flex {
  gap: 10px;
}
.theme-ktx .panel-ship-list .mobile-ship-list {
  margin-top: 50px;
}
.theme-ktx .panel-ship-list .list-ship-stat {
  color: var(--ktx-red);
}
.theme-ktx .panel-ship-list li {
  padding: 30px 20px;
}
.theme-ktx .panel-ship-list li.accept-delay {
  border: 1px solid var(--ktx-red);
  border-radius: 10px;
}
.theme-ktx .panel-ship-list li.accept-delay + li.accept-delay {
  margin-top: 10px;
}
.theme-ktx .panel-ship-list li:not(.accept-delay)::before {
  content: '';
  position: absolute;
  top: 0; left: 20px;
  width: calc(100% - 40px); height: 1px;
  border-top: 1px solid #d9d9d9;
}
.theme-ktx .panel-ship-list li.accept-delay + li::before {
  display: none;
}
.theme-ktx .panel-ship-list li h3 {
  color: var(--ktx-red);
}
.theme-ktx .panel-ship-list .ship-item-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;

  font-size: 12px;
}
.theme-ktx .panel-ship-list .ship-item-btns {
  display: flex;
  justify-content: right;
  gap: 10px;

  min-width: 220px;
}
.theme-ktx .panel-ship-list .ship-item-btns button {
  min-width: auto;
  width: 100px;
  border: 1px solid var(--ktx-border);
  background: none;
  color: black;
  font-size: 11px;
}
.theme-ktx .panel-ship-list .ship-item-date-track {
  display: flex;
  gap: 30px;
}
.theme-ktx .panel-ship-list .ship-item-detail {
  display: flex;
  gap: 30px;

  margin-bottom: 8px;
}
.theme-ktx .panel-ship-list .ship-item-detail a {
  color: var(--ktx-red);
}
.theme-ktx .panel-ship-list .ship-item-detail a .ms {
  font-size: 16px;
}
.theme-ktx .panel-ship-list .detail-title {
  min-width: 50px;
  font-size: 14px;
  font-weight: bold;
}
.theme-ktx .panel-ship-list .ship-item-addr {
  max-width: calc(100% - 80px);
}

/***** outbound new *****/
.theme-ktx .pg-new-ship {
  min-width: 1100px;
  max-width: 1600px;
}
.theme-ktx .pg-new-ship .title-wrapper {
  margin-bottom: 50px;
}
.theme-ktx .pg-new-ship .btn-group {
  margin: 50px 0;
}

/***** outbound view *****/
.theme-ktx .ktx-panel-view {
  min-width: 1100px;
  max-width: 1600px;
}
.theme-ktx .ktx-panel-view .input-group {
  padding: 0;
}
.theme-ktx .ktx-panel-view .input-group > label:first-child {
  padding: 14px 30px;
  background: #f3f3f3;
}
.theme-ktx .ktx-panel-view .input-group .output {
  margin: 0;
  padding: 14px 20px;
  font-weight: 400;
}
.theme-ktx .ktx-panel-view .input-group {
  padding: 0;
}
.theme-ktx .ktx-panel-view .btn-group {
  margin: 50px 0;
}
.theme-ktx .pg-view-ship .ship-status {
  gap: 30px;
  margin-bottom: 50px;
}

/***** inbound list *****/
.theme-ktx .pg-list-order .title-wrapper {
  margin-bottom: 50px;
}
.theme-ktx .pg-list-order .ktx-panel {
  width: 850px;
  margin-top: 30px;
}
.theme-ktx .pg-list-order .dash-ship-progress {
  padding: 0;
}
.theme-ktx .pg-list-order .dash-ship-progress .prog-bar {
  top: 29px;
}
.theme-ktx .pg-list-order .warn-accept-delay {
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 10px 10px 10px 15px;
  border-radius: 5px;
  background: #fcc;
  color: var(--ktx-red);
  font-size: 14px;
}
.theme-ktx .pg-list-order .warn-accept-delay::before {
  content: 'warning';
  font-family: 'Material Symbols Outlined';
  font-size: 24px;
}

/***** inbound view *****/
.theme-ktx .prep-warning {
  margin-bottom: 80px;
}
.pg-view-order .pkg-list > .flex {
  gap: 20px;
}
.pg-view-order .pkg-list > .flex + .flex {
  margin-top: 5px;
}

/***** my page *****/
.theme-ktx .pg-view-profile .title-wrapper {
  margin-bottom: 50px;
}
.theme-ktx.overlay-form .overlay-content.origin-us .group-us-addr {
  display: block;
}
.theme-ktx.overlay-form .overlay-content.origin-us .group-kr-addr {
  display: none;
}

/***** track *****/
.theme-ktx form.form-track {
  width: 360px;
}
.theme-ktx form.form-track > div {
  margin-bottom: 10px;
}
.theme-ktx form.form-track .spacer-or {
  height: 1px;
  margin: 20px 0;
  border-top:1px solid #ddd;
}
.theme-ktx form.form-track .spacer-or span {
  position: absolute;
  top: 0; left: 50%;

  background: white;
  padding: 5px 10px;
  transform: translate(-50%, -50%);
}

.theme-ktx .pg-track .title-wrapper {
  margin-bottom: 50px;
}
.theme-ktx .pg-track .wrapper-track-btn {
  margin-top: 30px;
}

.theme-ktx .pg-track .track-results {
  margin-bottom: 100px;
}
.theme-ktx .track-results table {
  margin-top: 20px;
  max-width: 1100px;
}
.theme-ktx .track-results table thead th {
  padding: 10px 20px;
  border-bottom: 1px solid var(--ktx-border);
  font-size: 14px;
  color: black;
}
.theme-ktx .track-results table thead th:nth-child(1),
.theme-ktx .track-results table thead th:nth-child(2) { width: 250px; }
.theme-ktx .track-results table tbody td {
  padding: 10px 20px;
  border-bottom: 1px solid #eee;
  background: none;
  font-size: 13px;
}
.theme-ktx .track-results table tbody td:nth-child(1) > div {
  display: inline-block;
}
.theme-ktx .track-results .ts-tracks-wrapper {
  margin-top: 50px;;
}
.theme-ktx .track-results .ts-tracks-wrapper > h3 + .ts-track-item {
  margin-top: 30px;
}
.theme-ktx .track-results .ts-tracks-wrapper div.flex {
  gap: 10px;  
  padding: 5px 0;
}
.theme-ktx .track-results .ts-tracks-wrapper table {
  display: none;
  margin-bottom: 30px;
}
.theme-ktx .track-results .ts-tracks-wrapper table td div {
  text-wrap: wrap;
}
.theme-ktx .track-results .ck-ts-events ~ div.flex .btn-ts-close { display: none; }
.theme-ktx .track-results .ck-ts-events:checked ~ table { display: table; }
.theme-ktx .track-results .ck-ts-events:checked ~ div .btn-ts-open { display: none; }
.theme-ktx .track-results .ck-ts-events:checked ~ div .btn-ts-close { display: inline; }



/***** mobile *****/
@media (max-width: 700px) {

  .disclaimer-notice .title-wrapper {
    margin-top: 50px;
  }
  .disclaimer-notice .notice-body {
    padding: 0;
  }
  .disclaimer-notice .notice-body > h1 {
    padding: 0 20px;
  }

  
  .inbound-form-confirm .theme-ktx .btn-group {
    gap: 5px;
    padding: 0;
  }
  .inbound-form-confirm .theme-ktx .btn-group button {
    padding: 5px;
    font-size: 12px;
  }

  
  .theme-ktx {
    font-size: 14px;
  }
  .theme-ktx main {
    padding: 70px 0 20px;
  }
  .theme-ktx h2.underlined {
    font-size: 20px;
    margin-top: 40px;
  }
  
  .theme-ktx.wrapper-guest header {
    width: 100%;
    position: sticky;
  }
  .theme-ktx.wrapper-guest header .header-inner {
    height: 70px;
  }
  .theme-ktx.wrapper-guest header .header-menus {
    display: flex;
    align-items: center;
    padding-right: 20px;
  }
  .theme-ktx.wrapper-guest header .header-menus:not(.is-open) .menu-open,
  .theme-ktx.wrapper-guest header .header-menus.is-open .menu-close {
    display: inline;
  }
  .theme-ktx.wrapper-guest header .header-menu-list {
    position: fixed;
    top: 70px; left: 0;
    
    flex-direction: column;
    width: 100vw;
    background: white;

    height: 0px;
    transition: height 0.3s;
    overflow: hidden;
  }
  .theme-ktx.wrapper-guest header .header-menus.is-open .header-menu-list {
    display: flex;
    height: 350px;
  }
  .theme-ktx.wrapper-guest header .header-menu-list li {
    height: 50px;
    border-top: 1px solid #ddd;
  }
  .theme-ktx.wrapper-guest header .header-menu-list li:last-child {
    border-bottom: 1px solid #ddd;
  }
  .theme-ktx.wrapper-guest header .header-menu-list a {
    justify-content: start;
  }
  .theme-ktx.wrapper-guest header .header-menu-list a::after {
    display: none;
  }
  .theme-ktx.wrapper-guest header + main {
    margin-top: 0;
    padding-top: 0;
  }

  .theme-ktx.wrapper-guest footer .footer-bot {
    text-align: center;
  }
  

  .theme-ktx .container-guest {
    padding: 70px 20px 0;
  }


  .theme-ktx .pg-inbound-form,
  .theme-ktx .pg-guest-ship-new {
    padding: 0;
  }
  .theme-ktx .input-group {
    display: block;
    padding: 10px 0 0;
    border: 0;
  }
  .theme-ktx .input-group > label:first-child {
    margin-bottom: 5px;
    font-size: 14px;
  }

  .theme-ktx [type=text],
  .theme-ktx [type=email],
  .theme-ktx [type=tel],
  .theme-ktx [type=number],
  .theme-ktx [type=search],
  .theme-ktx [type=password],
  .theme-ktx select,
  .theme-ktx textarea,
  .theme-ktx form .input-group .output {
    min-width: auto;
    width: 100%; height: 40px;
    font-size: 12px;

    background: white;
    border: 1px solid #cfcfcf;

  }
  .theme-ktx [type=radio] + label,
  .theme-ktx [type=checkbox] + label {
    font-size: 12px;
  }
  
  .theme-ktx .hint {
    font-size: 12px;
  }
  
  .theme-ktx main section {
    padding: 10px var(--ktx-mobile-side-pad) 50px;
    border-bottom: 10px solid var(--ktx-light-gray);
  }

  .theme-ktx .title-wrapper {
    padding: 0 var(--ktx-mobile-side-pad);
  }
  .theme-ktx .group-rcv-addr .city-state-zip {
    width: 100%;
  }
  .theme-ktx .list-item .cell-2 .sign-usd {
    top: 11px;
  }
  .theme-ktx .list-item [name="item_unit_val[]"] {
    padding-left: 18px;
  }
  .theme-ktx .combine-radio-wrapper > .flex,
  .theme-ktx .payat-radio-wrapper > .flex {
    flex-wrap: wrap;
    gap: 0 30px;
  }

  .theme-ktx .inbound-form-list .row {
    gap: 5px;
    max-width: calc(100vw - 40px);
  }
  .theme-ktx .inbound-form-list .row button {
    min-width: auto;
    width: 80px; height: 40px;
    font-size: 12px;
  }
  .theme-ktx .inbound-form-list .row input,
  .theme-ktx .inbound-form-list .row select {
    margin: 0;
  }
  .theme-ktx .inbound-form-list .cell-1,
  .theme-ktx .inbound-form-list .cell-2 {
    gap: 5px;
  }
  .theme-ktx .inbound-form-list .cell-3 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .theme-ktx .inbound-form-list .cell-3 .md {
    display: initial;
    color: var(--ktx-light-text);
  }
  .theme-ktx .inbound-form-list .cell-3 .md.btn-del {
    color: var(--ktx-light-text) !important;
  }
  .theme-ktx .inbound-form-list .cell-3 button { display: none; }
  
  .theme-ktx .inbound-form-list.list-item [name="item_unit_val[]"] { width: 70px; }
  .theme-ktx .inbound-form-list.list-item [name="item_pcs[]"] { width: 50px; }
  
  .theme-ktx .inbound-form-list.list-ship .cell-1 { width: 100%; }
  .theme-ktx .inbound-form-list.list-ship .row.is-custom .cell-1 select { width: 90px; }
  
  .theme-ktx .inbound-form-list .list-item-total {
    gap: 5px;
  }
  .theme-ktx .inbound-form-list .list-item-total > div:nth-child(1) {
    width: calc(100vw - 200px);
  }
  
  .theme-ktx .inbound-form-disclaimer {
    padding: 0 20px;
  }

  .theme-ktx .btn-group {
    flex-wrap: nowrap;
    gap: 10px;
    padding: 0 20px;
  }
  .theme-ktx .btn-group button {
    min-width: auto;
    width: 100%;
    height: 40px;
    font-size: 14px;
  }

  .inbound-form-confirm-overlay {
    top: var(--header-h-m);
  }
  .inbound-form-confirm-overlay .theme-ktx .btn-group {
    padding: 0;
  }
  .inbound-form-confirm-overlay .theme-ktx .btn-group button {
    padding: 5px;
    font-size: 12px;
    font-weight: normal;
  }

  
  .wrapper-dashboard {
    padding: 50px 20px;
  }
  
  .dashboard-panels {
    display: block;
  }
  .dashboard-panels .dashboard-panel {
    width: 100%;
    margin-bottom: 30px;
  }
  .dashboard-panels .dashboard-panel .panel-title > .flex {
    flex-direction: column;
  }
  .dashboard-panels .dashboard-panel.dash-panel-prog .panel-title {
    display: block;
    min-height: 50px;
    height: auto;
  }
  .dashboard-panels .dashboard-panel.dash-panel-prog .panel-title .buttons {
    margin-top: 10px;
  }
  
  .theme-ktx .dash-select-origin > .flex {
    justify-content: center;
  }

  .dashboard-panels .panel-outbound,
  .dashboard-panels .panel-inbound {
    width: auto;
    margin-bottom: 50px;
  }
  .dashboard-panels .panel-outbound + .panel-inbound {
    padding-top: 50px;
    border-top: 1px solid #ddd;
  }
  .dash-ship-progress {
    gap: 3px;
    flex-wrap: wrap;
    justify-content: center;

    padding: 20px 0;
  }
  .dash-ship-progress > div {
    width: 80px;
  }
  .dash-ship-progress .ship-prog-no {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
  }
  .dash-ship-progress .ship-prog-txt {
    margin: 5px auto 20px;
  }
  .dash-ship-progress .prog-bar,
  .dash-ship-progress .ship-prog-txt .prog-no,
  .dashboard-panels .panel-outbound table,
  .dashboard-panels .panel-inbound table {
    display: none;
  }
  .dashboard-panels .panel-outbound ul,
  .dashboard-panels .panel-inbound ul {
    display: block;
    font-size: 12px;
    padding-bottom: 20px;
  }
  .dashboard-panels .panel-outbound li,
  .dashboard-panels .panel-inbound li {
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #eee;
  }
  .dashboard-panels .panel-outbound ul .stat,
  .dashboard-panels .panel-inbound ul .stat {
    color: var(--ktx-red);
  }
  .dashboard-panels .panel-outbound li .flex,
  .dashboard-panels .panel-inbound li .flex {
    gap: 30px;
  }

  
  .theme-ktx .pg-inbound-form-view {
    padding: 30px 20px;
  }
  .theme-ktx .btn-mod-form {
    font-size: 14px;
  }
  .theme-ktx .pg-inbound-form-view .input-group {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 0;
  }
  .theme-ktx .pg-inbound-form-view .btn-group {
    margin: 80px 0 0;
    padding-bottom: 20px;
  }
  .theme-ktx .pg-inbound-form-view .input-group > label:first-child {
    min-width: 150px;
    width: 150px;
    margin: 0;
    padding: 14px 20px;
  }
  .theme-ktx .pg-inbound-form-view .input-group .output {
    width: 100%;
    font-size: 12px;
  }
  
  
  .theme-ktx.overlay-form .inbound-form-panel {
    padding: 0;
  }
  .theme-ktx.overlay-form .btn-group {
    margin: 80px 0 0;
    padding-bottom: 20px;
  }

  .theme-ktx .container-guest .row input {
    width: 100%;
  }
  .theme-ktx .container-guest .btn-group {
    padding: 0;
  }

  
  .theme-ktx .pg-cust-register {
    margin: 0;
  }
}
@media (max-width: 700px) {

  .theme-ktx .ktx-panel {
    padding: 30px 0;
  }
  
  .theme-ktx .ktx-panel-view  {
    min-width: auto;
  }
  .theme-ktx .ktx-panel-view .input-group {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 0;
  }
  .theme-ktx .ktx-panel-view .input-group > label:first-child {
    min-width: 150px;
    width: 150px;
    margin: 0;
    padding: 14px 20px;
  }
  .theme-ktx .ktx-panel-view .input-group .output {
    width: 100%;
    font-size: 12px;
  }
  .theme-ktx main .ktx-panel-view section {
    border-bottom: 0;
    padding-bottom: 0;
  }

  .theme-ktx .pg-list-ship .ktx-panel {
    width: 100%;
    padding: 30px 20px;
    margin: 30px auto 0;
  }

  .theme-ktx .pg-list-ship {
    padding-bottom: 30px;
  }
  .theme-ktx .pg-list-ship .title-wrapper {
    margin-top: 50px;
  }
  .theme-ktx .track-results .panel-ship-list {
    padding: 0;
    padding-bottom: 30px;
  }
  .theme-ktx .panel-ship-list .mobile-ship-list {
    display: block;
  }
  .theme-ktx .panel-ship-list li {
    padding: 20px 10px;
  }
  .theme-ktx .panel-ship-list .ship-item-wrapper {
    display: block;
  }
  .theme-ktx .panel-ship-list .ship-item-date-track {
    gap: 20px;
  }
  .theme-ktx .panel-ship-list .ship-item-detail {
    gap: 10px;
  }
  .theme-ktx .panel-ship-list .detail-title {
    min-width: 40px;
    font-size: 12px;
  }
  .theme-ktx .panel-ship-list .ship-item-btns {
    justify-content: center;
    margin-top: 30px;
  }

  .theme-ktx .pg-new-ship {
    min-width: auto;
  }
  .theme-ktx .pg-new-ship .title-wrapper {
    margin-top: 50px;
  }
  .theme-ktx .pg-new-ship .inbound-form-list.list-box .cell-1 {
    width: 100%;
  }
  .theme-ktx .pg-new-ship .inbound-form-list.list-box .cell-2 {
    min-width: 150px;
    width: 150px;
  }
  .theme-ktx .pg-new-ship .inbound-form-list.list-item .cell-1 {
    width: 100%;
  }
  .theme-ktx .pg-new-ship .inbound-form-list.list-item .cell-2 {
    width: 125px;
  }
  
  .theme-ktx .pg-view-ship .title-wrapper {
    margin-top: 50px;
  }
  .theme-ktx .pg-view-ship .ship-status {
    padding: 0 var(--ktx-mobile-side-pad);
  }
  .theme-ktx .pg-view-ship .prep-warning  {
    margin: 0 var(--ktx-mobile-side-pad) 80px;
  }
  .theme-ktx .pg-view-ship .btn-group {
    flex-wrap: wrap;
  }
  .theme-ktx .pg-view-ship .btn-group > * {
    flex-grow: 1;
    width: auto;
  }

  .theme-ktx .pg-list-order .ktx-panel {
    width: 100%;
    padding: 30px 20px;
    margin: 30px auto 0;
  }
  .theme-ktx .pg-list-order .title-wrapper {
    margin-top: 50px;
  }
  
  .theme-ktx .pg-view-profile .title-wrapper {
    margin-top: 50px;
  }

  .theme-ktx form.form-track {
    width: auto;
  }
  .theme-ktx .pg-track .title-wrapper {
    margin-top: 50px;
  }
  .theme-ktx .pg-track .ktx-panel-view {
    padding: 30px var(--ktx-mobile-side-pad);
  }
  .theme-ktx .pg-track .btn-group {
    padding: 0;
  }
  .theme-ktx .track-results table tbody td {
    padding: 5px;
    font-size: 11px;
    line-height: normal;
    vertical-align: top;
  }
  .theme-ktx .track-results table thead th:nth-child(1) { width: 110px; }
  .theme-ktx .track-results table thead th:nth-child(2) { width: auto; }
  .theme-ktx .track-results table thead th:nth-child(3) { width: 120px; }
  .theme-ktx .track-results table tbody td:nth-child(1) > div {
    display: block;
  }
}


/***** ktxpress.com *****/
.wrapper-wp-ktx.theme-ktx {
  padding-bottom: 0;
  color: black;
  text-align: left;
  line-height: normal;
}
.wrapper-wp-ktx.theme-ktx .danger {
  color: #f53d3d;
}
.theme-ktx .ms {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  text-align: center;
  vertical-align: text-bottom;
}
.theme-ktx .md {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  text-align: center;
  vertical-align: text-bottom;
}

.wrapper-wp-ktx.theme-ktx h1:before,
.wrapper-wp-ktx.theme-ktx h2:before,
.wrapper-wp-ktx.theme-ktx h3:before {
  display: none;
}
.wrapper-wp-ktx.theme-ktx h1,
.wrapper-wp-ktx.theme-ktx h2 {
  font-weight: bold;
}
.wrapper-wp-ktx.theme-ktx select {
  position: relative !important;
  height: 36px !important;
  padding: 0 5px !important;
  clip: auto !important;
  clip-path: none !important;
}
.wrapper-wp-ktx.theme-ktx .select2-container {
  display: none;
}
.wrapper-wp-ktx.theme-ktx ul {
  padding: 0;
}
.wrapper-wp-ktx.theme-ktx p {
  margin: 0;
  line-height: normal;
}
.wrapper-wp-ktx.theme-ktx [type=text],
.wrapper-wp-ktx.theme-ktx [type=email],
.wrapper-wp-ktx.theme-ktx [type=tel],
.wrapper-wp-ktx.theme-ktx [type=number],
.wrapper-wp-ktx.theme-ktx [type=search],
.wrapper-wp-ktx.theme-ktx [type=password],
.wrapper-wp-ktx.theme-ktx select,
.wrapper-wp-ktx.theme-ktx textarea,
.wrapper-wp-ktx.theme-ktx form .input-group .output {
  color: black;
}

.wrapper-wp-ktx.theme-ktx [type=radio] + label,
.wrapper-wp-ktx.theme-ktx [type=checkbox] + label {
  font-weight: normal;
}
.wrapper-wp-ktx.theme-ktx [type=radio]:checked + label,
.wrapper-wp-ktx.theme-ktx [type=checkbox]:checked + label {
  font-weight: bold;
}
.wrapper-wp-ktx.theme-ktx .input-group {
  margin: 0;
}
.wrapper-wp-ktx.theme-ktx .flex {
  display: flex;
  align-items: center;
}


.wrapper-wp-ktx.theme-ktx.show-notice .pg-inbound-form-new,
.wrapper-wp-ktx.theme-ktx.show-confirm .pg-inbound-form-new {
  display: none;
}
.wrapper-wp-ktx.theme-ktx .disclaimer-notice {
  z-index: 1;
  position: relative;
  top: auto; left: auto;
  height: auto;
}
.wrapper-wp-ktx.theme-ktx .disclaimer-notice .notice-frame {
  overflow: initial;
}
.wrapper-wp-ktx.theme-ktx .disclaimer-notice .notice-body {
  max-width: 1280px;
  padding: 0;
}
.wrapper-wp-ktx.theme-ktx .disclaimer-notice .notice-content {
  border-radius: 20px;
  padding: 100px;
  background: #f9f9f9;
}
.wrapper-wp-ktx.theme-ktx .disclaimer-notice .title-wrapper {
  text-align: center;
}
.wrapper-wp-ktx.theme-ktx .disclaimer-notice .btn-group {
  margin-top: 100px;
}


.wrapper-wp-ktx.theme-ktx .pg-inbound-form section {
    border-bottom: 1px solid black;
}
.wrapper-wp-ktx.theme-ktx .city-state-zip {
  font-size: 0;
}
.wrapper-wp-ktx.theme-ktx .city-state-zip input,
.wrapper-wp-ktx.theme-ktx .city-state-zip select {
  min-width: auto;
}
.wrapper-wp-ktx.theme-ktx .pg-inbound-form .group-rcv-addr .input-city {
  width: 200px;
}
.wrapper-wp-ktx.theme-ktx .input-state {
  width: 60px !important;
  margin: 0 5px;
}
.wrapper-wp-ktx.theme-ktx .input-zip {
  width: 90px;
}
.wrapper-wp-ktx.theme-ktx .inbound-form-list .row button {
  color: white;
  font-size: 13px;
}
.wrapper-wp-ktx.theme-ktx .inbound-form-list.list-ship .row.is-custom .cell-1 select {
  min-width: 140px;
}
.wrapper-wp-ktx.theme-ktx .inbound-form-disclaimer > .flex {
  align-items: flex-start;
}


.inbound-submit-success {
  min-height: 600px;
}
.inbound-submit-success .btn-group {
  margin-top: 50px;
}


.theme-ktx .confirm-overlay {
  position: fixed;
  top: 0; left: 0;

  display: flex;
  justify-content: center;
  align-items: center;
  
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.theme-ktx .confirm-overlay:not(.show-overlay) {
  display: none;
}
.theme-ktx .confirm-overlay .confirm-overlay-panel {
  max-width: calc(100% - 40px);
  background: white;
  padding: 30px;
  margin: auto;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0,0,0, 1);
}
.theme-ktx .confirm-overlay h2 {
  font-size: 28px;
}
.theme-ktx .confirm-overlay .btn-group {
  margin-top: 50px;
}
.theme-ktx .confirm-overlay .save-customer-form .input-origin {
  gap: 10px;
  height: 36px;
}
.theme-ktx .confirm-overlay .alert-msg {
  min-width: 400px;
  color: var(--ktx-red);
}

/***** ktxpress.com mobile *****/
@media (max-width: 700px) {

  #post-2129 .container,
  #post-2134 .container,
  #post-2129  .elementor-column-gap-default>.elementor-column>.elementor-element-populated,
  #post-2134  .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0;
  }

  .wrapper-wp-ktx.theme-ktx .disclaimer-notice {
    top: var(--header-h-m);
    padding: 20px;
  }
  .wrapper-wp-ktx.theme-ktx .disclaimer-notice .notice-content {
    padding: 50px 20px;
  }
  .wrapper-wp-ktx.theme-ktx .disclaimer-notice .notice-content section:last-child {
    margin-bottom: 0;
  }
  .wrapper-wp-ktx.theme-ktx .disclaimer-notice .btn-group {
    padding: 0;
    margin-top: 50px;
  }
  .wrapper-wp-ktx.theme-ktx .disclaimer-notice .btn-group button {
    height: 70px;
  }
  
  .wrapper-wp-ktx.theme-ktx .title-wrapper {
    padding: 0 20px;
  }
  .wrapper-wp-ktx.theme-ktx .pg-inbound-form section,
  .wrapper-wp-ktx.theme-ktx .pg-guest-ship-new section {
    padding: 10px var(--ktx-mobile-side-pad) 50px;
    border-bottom: 10px solid var(--ktx-light-gray);
  }
  .wrapper-wp-ktx.theme-ktx [type=text]:focus,
  .wrapper-wp-ktx.theme-ktx [type=email]:focus,
  .wrapper-wp-ktx.theme-ktx [type=tel]:focus,
  .wrapper-wp-ktx.theme-ktx [type=number]:focus,
  .wrapper-wp-ktx.theme-ktx [type=search]:focus,
  .wrapper-wp-ktx.theme-ktx [type=password]:focus,
  .wrapper-wp-ktx.theme-ktx select:focus,
  .wrapper-wp-ktx.theme-ktx textarea:focus {
    background: white;
  }
  .wrapper-wp-ktx.theme-ktx .pg-inbound-form .group-rcv-addr .input-city {
    width: 100%;
  }
  .wrapper-wp-ktx.theme-ktx select {
    width: 100% !important;
    height: 40px !important;
  }
  .wrapper-wp-ktx.theme-ktx select.select2-hidden-accessible {
    border: 1px solid #e6e6e6 !important;
  }
  .wrapper-wp-ktx.theme-ktx .inbound-form-list.list-ship .row.is-custom .cell-1 select {
    min-width: auto;
    width: 90px !important;
  }

  
  .wrapper-wp-ktx.theme-ktx .overlay-view h1 {
    font-size: 28px;
  }
  .wrapper-wp-ktx.theme-ktx h2.underlined {
    font-weight: 500;
  }

  .wrapper-wp-ktx.theme-ktx .inbound-submit-success {
    padding: 20px;
  }
  .wrapper-wp-ktx.theme-ktx .inbound-submit-success h1 {
    font-size: 28px;
  }
  .wrapper-wp-ktx.theme-ktx .inbound-submit-success .btn-group {
    padding: 0;
  }
  .wrapper-wp-ktx.theme-ktx .inbound-submit-success .btn-group > * {
    display: block;
    width: 100%;
  }

  .wrapper-wp-ktx.theme-ktx .confirm-overlay .confirm-overlay-panel {
    width: 100%;
    margin: 0 20px;
    padding: 30px 20px;
  }
  .wrapper-wp-ktx.theme-ktx .confirm-overlay .alert-msg {
    min-width: auto;
  }
  

  .wrapper-wp-ktx.theme-ktx .confirm-overlay.daum-overlay-wrapper .confirm-overlay-panel {
    max-width: none;
    border-radius: 0;
    margin: 0;
  }
}


#overlayInvoiceWarning button {
  min-width: 140px;
  border: 1px solid var(--ktx-red);
  border-radius: 8px;
  margin: 5px;
  padding: 8px 20px;
  border-radius: 8px;
  font-family: 'Noto Sans KR';
  background: var(--ktx-red);
  color: white;
}


/***** guest *****/
.wrapper-guest .guest-home-panels {
  display: flex;
  justify-content: center;
  gap: 50px;

  margin-bottom: 50px;
}
.wrapper-guest .guest-home-panels > .guest-panel {
  flex-grow: 1;
  width: 50%;
  min-width: 300px;
}
.wrapper-guest .guest-home-panels .spacer-v {
  width: 1px;
  border-left: 1px solid #ddd;
}
.wrapper-guest .guest-home-panels .btn-group,
.wrapper-guest .guest-home-panels .btn-group a {
  display: block;
}
.wrapper-guest .guest-home-panels form {
  margin-top: 30px;
}
.wrapper-guest.theme-ktx .guest-home-panels .row input {
  width: 100%;
  min-width: auto;
}

.wrapper-guest main .pg-new-ship,
.wrapper-guest main .disclaimer-notice {
  margin: auto;
}
.wrapper-guest .title-wrapper,
.wrapper-guest.theme-ktx .pg-view-ship .ship-status {
  margin-left: 50px;
}
.wrapper-guest main .disclaimer-notice .notice-body {
  padding: 0;
}
.wrapper-guest main .disclaimer-notice .notice-body > h1 {
  display: none;
}
.wrapper-guest main .disclaimer-notice .notice-body .notice-content {
  margin-top: 0;
  padding-top: 0;
}
.wrapper-guest .inbound-form-confirm-overlay {
  z-index: 101;
  top: 0;
  height: 100vh;
}
.wrapper-guest #frmFindOrder {
  margin-top: 30px;
}
.wrapper-guest .pg-view-order,
.wrapper-guest .pg-guest-order-confirm {
  margin: auto;
}
.wrapper-guest .pg-guest-order-confirm h1 {
  margin-bottom: 30px;
}
.wrapper-guest .pg-guest-order-confirm .btn-group {
  margin-top: 50px;
}
.wrapper-guest .panel-guest-confirm {
  min-height: 400px;
}

@media (max-width: 700px) {
  .wrapper-guest .guest-home-panels {
    display: block;
  }
  .wrapper-guest .guest-home-panels > .guest-panel {
    width: 100%;
    margin: auto;
  }
  .wrapper-guest .guest-home-panels .spacer-v {
    width: 100%;
    height: 1px;
    border-left: 0;
    border-top: 1px solid #ddd;
    margin: 50px 0;
  }

  .wrapper-guest .title-wrapper,
  .wrapper-guest.theme-ktx .pg-view-ship .ship-status  {
    margin-left: 0;
  }
  .wrapper-guest .pg-guest-order-confirm {
    margin-top: 70px;
  }
  .wrapper-guest .panel-guest-confirm {
    margin: 0 20px;
  }
  .wrapper-guest .panel-guest-confirm .btn-group {
    padding: 0;
  }
}