@charset "UTF-8";
@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 700;
  font-display: swap;
  src: local("Spoqa Han Sans Neo Bold"), url("/webapp/v2/common/assets/fonts/SpoqaHanSansNeo-Bold.woff2") format("woff2"), url("/webapp/v2/common/assets/fonts/SpoqaHanSansNeo-Bold.woff") format("woff"), url("/webapp/v2/common/assets/fonts/SpoqaHanSansNeo-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 500;
  font-display: swap;
  src: local("Spoqa Han Sans Neo Medium"), url("/webapp/v2/common/assets/fonts/SpoqaHanSansNeo-Medium.woff2") format("woff2"), url("/webapp/v2/common/assets/fonts/SpoqaHanSansNeo-Medium.woff") format("woff"), url("/webapp/v2/common/assets/fonts/SpoqaHanSansNeo-Medium.ttf") format("truetype");
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 400;
  font-display: swap;
  src: local("Spoqa Han Sans Neo Regular"), url("/webapp/v2/common/assets/fonts/SpoqaHanSansNeo-Regular.woff2") format("woff2"), url("/webapp/v2/common/assets/fonts/SpoqaHanSansNeo-Regular.woff") format("woff"), url("/webapp/v2/common/assets/fonts/SpoqaHanSansNeo-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 300;
  font-display: swap;
  src: local("Spoqa Han Sans Neo Light"), url("/webapp/v2/common/assets/fonts/SpoqaHanSansNeo-Light.woff2") format("woff2"), url("/webapp/v2/common/assets/fonts/SpoqaHanSansNeo-Light.woff") format("woff"), url("/webapp/v2/common/assets/fonts/SpoqaHanSansNeo-Light.ttf") format("truetype");
}

@font-face {
  font-family: 'pass';
  font-weight: 400;
  font-display: swap;
  src: local("text-security-disc"), url("/webapp/v2/common/assets/fonts/text-security-disc.woff2") format("woff2"), url("/webapp/v2/common/assets/fonts/text-security-disc.woff") format("woff"), url("/webapp/v2/common/assets/fonts/text-security-disc.ttf") format("truetype"), url("/webapp/v2/common/assets/fonts/text-security-disc.svg#text-security") format("svg");
}

/* mixin 정리 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

* {
  -webkit-touch-callout: none;
  /* IOS Safari */
  -webkit-User-select: none;
  /* Safari */
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

html {
  line-height: normal;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
}

body {
  width: 100%;
  min-width: 320px;
  min-height: 100vh;
  font-family: "Spoqa Han Sans Neo", "맑은 고딕", "돋음", dotum, sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  color: #222;
  line-height: 1.57;
  letter-spacing: -0.5px;
  margin: 0;
}

body :focus {
  outline: none;
}

body.focus-outline :focus {
  outline: #E5EDF7 auto 1px;
}

body.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
}

body::-webkit-input-placeholder {
  color: #666666;
}

body:-ms-input-placeholder {
  color: #666666;
}

body::-ms-input-placeholder {
  color: #666666;
}

body::placeholder {
  color: #666666;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: 700;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: normal;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -moz-appearance: button;
       appearance: button;
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

input, select, textarea {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

input {
  -webkit-touch-callout: all;
  /* IOS Safari */
  -webkit-User-select: auto;
  /* Safari */
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}

textarea {
  -webkit-touch-callout: all;
  /* IOS Safari */
  -webkit-User-select: auto;
  /* Safari */
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  opacity: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="date"],
[type="search"] {
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  appearance: none;
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  appearance: button;
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table caption {
  position: relative !important;
}

ul,
ol {
  list-style: none;
}

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, img, ins, q, i,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details,
figure, figcaption, footer, header, hgroup,
menu, nav, section, summary,
mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  font-style: normal;
}

:root {
  --safe-top: 0px;
  --safe-bottom: 0px;
}

@supports (--safe-top: constant(safe-area-inset-top)) {
  :root {
    --safe-top: constant(safe-area-inset-top);
    --safe-bottom: constant(safe-area-inset-bottom);
  }
}

@supports (--safe-top: env(safe-area-inset-top)) {
  :root {
    --safe-top: env(safe-area-inset-top);
    --safe-bottom: env(safe-area-inset-bottom);
  }
}

a, button {
  color: inherit;
}

.txtUnderline01 {
  text-decoration: underline !important;
}

.hidden {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px !important;
  clip: rect(0 0 0 0);
}

.text-light {
  font-weight: 200 !important;
}

.text-regular {
  font-weight: 400 !important;
}

.text-medium {
  font-weight: 500 !important;
}

.text-bold {
  font-weight: 700 !important;
}

.text-black {
  color: #222 !important;
}

.text-white {
  color: #fff !important;
}

.text-gray {
  color: #999 !important;
}

.text-gray-dark {
  color: #666 !important;
}

.text-gray-light {
  color: #bbb !important;
}

.text-red {
  color: #ee1100 !important;
}

.text-blue {
  color: #0B48BE !important;
}

.text-clss-blue {
  color: #0B48BE !important;
}

.text-coral {
  color: #EA7869 !important;
}

.text-pink {
  color: #EA7869 !important;
}

.text-brown {
  color: #817169 !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.card-rotate {
  position: relative;
}

.card-rotate > img.typeH {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  width: 45px;
  height: 72px;
  text-align: center;
  margin: 0;
  position: absolute;
  top: 45px;
}

.text-12 {
  font-size: 12px !important;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.text-14 {
  font-size: 14px !important;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.text-16 {
  font-size: 16px !important;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.text-18 {
  font-size: 18px !important;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.text-20 {
  font-size: 20px !important;
  line-height: 28px;
  letter-spacing: -0.5px;
}

.text-32 {
  font-size: 32px !important;
  line-height: 40px;
  letter-spacing: 0;
}

.fontS {
  font-size: 90% !important;
}

.fontL {
  font-size: 120% !important;
}

.text-del {
  position: relative;
  color: #ee1100;
}

.text-del:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 2px;
  background-color: #ee1100;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.overflow-auto {
  overflow: auto;
}

.overflow-x {
  overflow-x: auto;
}

.overflow-y {
  overflow-y: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-inherit {
  overflow: inherit !important;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block;
  width: 100%;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.d-flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.d-flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.d-flex-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.d-flex-between + .data-border-wrap {
  margin-top: 8px;
}

.d-flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-align-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.flex-align-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.flex-align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}

.flex-justify-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.flex-justify-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.ml-auto, .mx-auto {
  margin-left: auto !important;
}

.mr-auto, .mx-auto {
  margin-right: auto !important;
}

.m0 {
  margin: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mr-6 {
  margin-right: -6px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt1 {
  margin-top: 1px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mt18 {
  margin-top: 16px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt22 {
  margin-top: 22px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mt28 {
  margin-top: 28px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mt34 {
  margin-top: 34px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt48 {
  margin-top: 48px !important;
}

.mt56 {
  margin-top: 56px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt64 {
  margin-top: 64px !important;
}

.mb-10 {
  margin-bottom: -10px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.p0 {
  padding: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl8 {
  padding-left: 8px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr24 {
  padding-right: 24px !important;
}

.pr32 {
  padding-right: 32px !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt12 {
  padding-top: 12px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt17 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt24 {
  padding-top: 24px !important;
}

.pt64 {
  padding-top: 64px !important;
}

.pt72 {
  padding-top: 72px !important;
}

.pt92 {
  padding-top: 92px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb12 {
  padding-bottom: 12px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb17 {
  padding-bottom: 17px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb24 {
  padding-bottom: 24px !important;
}

.pb26 {
  padding-bottom: 26px !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-33 {
  width: 33% !important;
}

.w-40 {
  width: 40% !important;
}

.w-50 {
  width: 50% !important;
}

.w-60 {
  width: 60% !important;
}

.w-70 {
  width: 70% !important;
}

.w-80 {
  width: 80% !important;
}

.w-90 {
  width: 90% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.w-max {
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
}

.w-min {
  width: -webkit-min-content !important;
  width: -moz-min-content !important;
  width: min-content !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.w50 {
  width: 50px !important;
}

.w100 {
  width: 100px !important;
}

.w150 {
  width: 150px !important;
}

.w200 {
  width: 200px !important;
}

.h0 {
  height: 0px !important;
}

.h100 {
  height: 100px !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.vw-100-min {
  min-width: 100vw !important;
}

.vh-100-min {
  min-height: 100vh !important;
}

.sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.text-after-hidden::after {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
}

.dimmed {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  display: none;
}

.white-dimmed {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.5;
  width: 100vh;
  height: 100vh;
  z-index: 1100;
}

.transparent {
  background: transparent !important;
}

.scrollOff {
  position: fixed;
  overflow: hidden;
  height: 100%;
}

.line-through {
  color: #bbb;
  text-decoration: line-through;
}

.box-gray {
  background-color: #fafafa;
  border-radius: 6px;
  padding: 16px;
}

.box-gray.box-full {
  padding: 16px 24px;
}

.box-gray.box-full.list-margin {
  padding: 8px 24px;
}

.box-gray.box-warning {
  padding: 12px 20px;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #ee1100;
}

.box-gray.box-full-img {
  padding: 16px 0;
}

.box-gray.box-full-img + .form-wrap-content {
  margin-top: 24px;
}

.box-gray-dark {
  background: #f3f3f3;
  border-radius: 6px;
  padding: 20px;
}

.box-blue {
  background-color: #e7ecff;
  border-radius: 6px;
  padding: 16px;
}

.box-red {
  background-color: #ffe2de;
  border-radius: 6px;
  padding: 16px;
}

.bg-wrap {
  padding: 24px;
  background: #f9f9f9;
}

.border-box {
  padding: 24px;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 10px;
}

.border-box ~ .border-box {
  margin-top: 16px;
}

.box-full {
  width: 100vw;
  margin: 0 -24px;
  border-radius: 0;
}

.devide-sm {
  position: relative;
  padding-left: 8px;
  margin-left: 8px;
}

.devide-sm::before {
  content: '';
  position: absolute;
  left: 0;
  top: calc(50% - 4px);
  height: 8px;
  width: 1px;
  background-color: #ebebeb;
}

.devide-sm-right {
  position: relative;
  padding-right: 8px;
  margin-right: 8px;
  word-break: keep-all;
}

.devide-sm-right::before {
  content: '';
  position: absolute;
  right: 0;
  top: calc(50% - 6px);
  height: 12px;
  width: 1px;
  background-color: #bbb;
}

.devide-sm-left {
  position: relative;
  padding-left: 8px;
  margin-left: 8px;
  word-break: keep-all;
}

.devide-sm-left::before {
  content: '';
  position: absolute;
  left: 0;
  top: calc(50% - 6px);
  height: 12px;
  width: 1px;
  background-color: #e5e5e5;
}

.border-top {
  border-top: 1px solid #ebebeb;
}

.border-top.border-full {
  width: 100vw;
  padding-left: 24px;
  padding-right: 24px;
  margin: 0 -24px;
}

.border-top.border-8 {
  border-width: 8px;
}

hr.border-full {
  width: 100vw;
  height: 8px;
  background: #f3f3f3;
  padding-left: 24px;
  padding-right: 24px;
  margin: 0 -24px;
  margin-top: 40px;
  border: none;
}

hr.border-full.border-thin {
  height: 1px;
}

.border-bottom {
  border-bottom: 1px solid #ebebeb;
}

.border-bottom-dark {
  border-bottom: 1px solid #666;
}

.grid-wrap {
  margin-top: 8px;
}

.grid-wrap span {
  display: inline-block;
}

.grid-wrap span.text-blue {
  margin-left: 8px;
}

.grid-col-2, .grid-col-3, .grid-col-4, .grid-col-5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.grid-col-2 > *, .grid-col-3 > *, .grid-col-4 > *, .grid-col-5 > * {
  min-width: auto !important;
}

.grid-col-2.gap12, .grid-col-3.gap12, .grid-col-4.gap12, .grid-col-5.gap12 {
  gap: 12px;
}

.grid-col-2.no-gap, .grid-col-3.no-gap, .grid-col-4.no-gap, .grid-col-5.no-gap {
  gap: 0;
}

.grid-col-2.no-gap .btn-border, .grid-col-3.no-gap .btn-border, .grid-col-4.no-gap .btn-border, .grid-col-5.no-gap .btn-border {
  margin-top: -1px;
}

.grid-col-2 > * {
  width: calc(100%/2 - 4px) !important;
  margin-left: 8px;
  margin-top: 8px;
}

.grid-col-2 > *:nth-child(2n+1) {
  margin-left: 0;
}

.grid-col-2 > *:nth-child(1), .grid-col-2 > *:nth-child(2) {
  margin-top: 0;
}

.grid-col-2 .btn:nth-child(2n+1) {
  margin-left: 0;
}

.grid-col-3 > * {
  width: calc(100%/3 - 6px) !important;
  margin-left: 8px;
  margin-top: 8px;
}

.grid-col-3 > *:nth-child(3n+1) {
  margin-left: 0;
}

.grid-col-3 > *:nth-child(1), .grid-col-3 > *:nth-child(2), .grid-col-3 > *:nth-child(3) {
  margin-top: 0;
}

.grid-col-3 .btn:nth-child(3n+1) {
  margin-left: 0;
}

.grid-col-4 > * {
  width: calc(100%/4 - 6px) !important;
  margin-left: 8px;
  margin-top: 8px;
}

.grid-col-4 > *:nth-child(4n+1) {
  margin-left: 0;
}

.grid-col-4 > *:nth-child(1), .grid-col-4 > *:nth-child(2), .grid-col-4 > *:nth-child(3), .grid-col-4 > *:nth-child(4) {
  margin-top: 0;
}

.grid-col-4 .btn:nth-child(4n+1) {
  margin-left: 0;
}

.grid-col-5 > * {
  width: calc(100%/5 - 7px) !important;
  margin-left: 8px;
  margin-top: 8px;
}

.grid-col-5 > *:nth-child(5n+1) {
  margin-left: 0;
}

.grid-col-5 > *:nth-child(1), .grid-col-5 > *:nth-child(2), .grid-col-5 > *:nth-child(3), .grid-col-5 > *:nth-child(4), .grid-col-5 > *:nth-child(5) {
  margin-top: 0;
}

.grid-col-5 .btn:nth-child(5n+1) {
  margin-left: 0;
}

.grid-col span-2 {
  grid-column: span 2;
}

.grid-col span-3 {
  grid-column: span 3;
}

.grid-col span-4 {
  grid-column: span 4;
}

.grid-col span-5 {
  grid-column: span 5;
}

.btn-right-wrap {
  text-align: right;
  padding-bottom: 17px;
}

.btn-wrap-term1 {
  padding: 24px 0;
}

.btn-wrap-term2 {
  padding: 20px 0;
}

.info-message-box + .list-data-default {
  margin-top: 48px;
}

.box-gray > .list-data-default.border-none.p0 > li:last-child {
  padding-bottom: 0;
}

.keep-all {
  word-break: keep-all !important;
}

.border-top-none {
  border-top: 0 !important;
}

/*약관 동의*/
.popup-content .clauseAgree-wrapper {
  width: 100%;
  height: 100%;
  padding: 0;
}

.popup-content .clauseAgree-top + .clauseAgree-view {
  padding-bottom: 32px;
}

.clauseAgree-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

.clauseAgree-top + .clauseAgree-view {
  margin-top: 8px;
}

.clauseAgree-top .btn-xs {
  font-weight: 500 !important;
}

.clauseAgree-view {
  height: 100%;
}

.clauseAgree-view-inner .withdrawBox .titDep2_sub {
  margin: 0;
  margin-top: 8px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
}

.clauseAgree-view-inner .withdrawBox .titDep2 {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.clauseAgree-view-inner .withdrawBox .titDep3 {
  margin: 25px 0 12px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
}

.clauseAgree-view-inner .withdrawBox .titDep3:first-child {
  margin-top: 0;
}

.clauseAgree-view-inner .withdrawBox .titDep5 {
  margin: 20px 0 10px;
  color: #000;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.clauseAgree-view-inner .withdrawBox .titDep4 {
  margin: 25px 0 12px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.clauseAgree-view-inner .titDep3 {
  margin: 32px 0 12px;
  color: #333;
  font-size: 17px;
  font-weight: 600;
}

.clauseAgree-view-inner .tabFixed {
  position: fixed !important;
  top: 56px;
  top: calc(56px + var(--safe-top));
  left: 0;
  width: 100%;
  margin: 0 !important;
  background: #fff;
  z-index: 11;
}

.clauseAgree-view-inner .tabType02 {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
}

.clauseAgree-view-inner .tabType02 > li {
  -webkit-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
  -webkit-flex: 1 100%;
  text-align: center;
}

.clauseAgree-view-inner .tabType02 > li > a {
  display: block;
  padding: 2px 5px 0;
  color: #666666;
  font-size: 16px;
  line-height: 47px;
  border-bottom: 1px solid #e6e6e6;
}

.clauseAgree-view-inner .tabType02 > li.on > a {
  color: #000;
  font-weight: 500;
  padding-top: 3px !important;
  line-height: 44px;
  border-bottom: 3px solid #222;
}

.clauseAgree-view-inner .tabCont {
  display: none;
  padding-top: 55px;
}

.clauseAgree-view-inner .tabCont.on {
  display: block !important;
}

.clauseAgree-view-inner .txtWith01 {
  margin-top: 12px;
  color: #333;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.clauseAgree-view-inner .txtWith01:first-child {
  margin-top: 0;
}

.clauseAgree-view-inner .txtWith01.txtType01 {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.clauseAgree-view-inner .txtGuide li, .clauseAgree-view-inner p.txtGuide, .clauseAgree-view-inner p.txtGuide02, .clauseAgree-view-inner .txtGuide02 li {
  position: relative;
  padding-left: 12px;
  color: #737373;
  font-size: 13px;
}

.clauseAgree-view-inner p.txtGuide02, .clauseAgree-view-inner .txtGuide02 li {
  padding-left: 15px;
}

.clauseAgree-view-inner .txtGuide, .clauseAgree-view-inner .txtGuide02 {
  margin-top: 12px;
}

.clauseAgree-view-inner .txtGuide > li:before, .clauseAgree-view-inner p.txtGuide:before {
  content: '*';
  display: inline-block;
  width: 12px;
  margin-left: -12px;
  text-align: left;
}

.clauseAgree-view-inner p.txtGuide02:before, .clauseAgree-view-inner .txtGuide02 > li:before {
  content: '※';
  display: inline-block;
  width: 15px;
  margin-left: -15px;
  text-align: left;
}

.clauseAgree-view-inner .txtGuide, .clauseAgree-view-inner .txtGuide02 {
  margin-top: 12px;
}

.clauseAgree-view-inner .colPoint01 {
  color: #3674bc !important;
}

.clauseAgree-view-inner .txtUnderline {
  text-decoration: underline !important;
}

.clauseAgree-view-inner .fontS {
  font-size: 90% !important;
}

.clauseAgree-view-inner .fontL {
  font-size: 120% !important;
}

.clauseAgree-view-inner strong, .clauseAgree-view-inner b {
  font-weight: 600;
}

.clauseAgree-view-inner .listWith_brakets li, .clauseAgree-view-inner .listWith_braketR li {
  padding-left: 20px;
}

.clauseAgree-view-inner .listWith_brakets li:before {
  content: "(" counter(section) ")";
  width: 20px;
  margin: -3px 0 0 -20px;
}

.clauseAgree-view-inner .listWith_braketR li:before {
  content: counter(section) ")";
  width: 20px;
  margin: -3px 0 0 -20px;
}

.clauseAgree-view-inner .listDep1 > li, .clauseAgree-view-inner .listDep1 p.listDep1 {
  position: relative;
  padding-left: 10px;
  color: #555;
}

.clauseAgree-view-inner .listDep1 > li:before, .clauseAgree-view-inner .listDep1 p.listDep1:before {
  content: '';
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #555;
}

.clauseAgree-view-inner .listDep1 ol > li {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.clauseAgree-view-inner .listDep2 > li, .clauseAgree-view-inner .listDep2 p.listDep2 {
  position: relative;
  padding-left: 10px;
  color: #737373;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.clauseAgree-view-inner .listDep2 > li:before, .clauseAgree-view-inner .listDep2 p.listDep2:before {
  content: '';
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 4px;
  height: 1px;
  background: #808080;
}

.clauseAgree-view-inner .listDep2 li:before {
  top: 7px;
}

.clauseAgree-view-inner .listDep3 > li, .clauseAgree-view-inner .listDep3 p.listDep3, .clauseAgree-view-inner .listDep3 div.listDep3 {
  position: relative;
  padding-left: 8px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  line-height: 1.5;
}

.clauseAgree-view-inner .listDep3 > li {
  margin-top: 3px;
}

.clauseAgree-view-inner .listDep3 > li:before, .clauseAgree-view-inner .listDep3 p.listDep3:before, .clauseAgree-view-inner .listDep3 div.listDep3:before {
  content: '';
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background: #737373;
}

.clauseAgree-view-inner .listDep3:first-child {
  margin-top: 0;
}

.clauseAgree-view-inner .listDep1 > li, .clauseAgree-view-inner .listDep2 > li {
  margin-top: 8px;
}

.clauseAgree-view-inner li .listDep2 {
  margin-top: 6px;
}

.clauseAgree-view-inner li .listDep2 li {
  margin-top: 4px;
}

.clauseAgree-view-inner li .listDep2 li:before {
  content: '';
}

.clauseAgree-view-inner li .listDep2 .txtGuide.type01 > li:before {
  content: '*';
}

.clauseAgree-view-inner [class^="listDep"] {
  margin-top: 12px;
}

.clauseAgree-view-inner [class^="listDep"]:first-child, .clauseAgree-view-inner [class^="listDep"] li:first-child {
  margin-top: 0;
}

.clauseAgree-view-inner [class^="listDep"] ul, .clauseAgree-view-inner [class^="listDep"] ol, .clauseAgree-view-inner [class^="listDep"] p {
  margin-top: 8px !important;
}

.clauseAgree-view-inner [class^="listDep"].colPoint01:before, .clauseAgree-view-inner [class^="listDep"] > li.colPoint01:before {
  background: #3674bc !important;
}

.clauseAgree-view-inner [class^="listDep"] .side {
  float: right;
}

.clauseAgree-view-inner [class*='listDep'] > li.fontL {
  font-size: 14px !important;
}

.clauseAgree-view-inner [class^="listWith"] {
  counter-reset: section;
}

.clauseAgree-view-inner [class^="listWith"] > li {
  position: relative;
  margin-top: 8px;
  padding-left: 15px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.clauseAgree-view-inner [class^="listWith"] > li:before {
  content: counter(section) ".";
  counter-increment: section;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  margin: -3px 0 0 -15px;
}

.clauseAgree-view-inner [class^="listWith"] > li p.txtGuide {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.clauseAgree-view-inner [class^="listWith"] .listTxt > li {
  margin-top: 4px;
}

.clauseAgree-view-inner .listWith .numL:before {
  font-weight: 600;
  font-size: 120% !important;
}

.clauseAgree-view-inner .listWith_circle > li {
  margin-top: 10px;
  padding-left: 20px;
}

.clauseAgree-view-inner .listWith_circle > li:before {
  content: counter(section);
  border: 1px solid #737373;
  width: 14px;
  height: 14px;
  font-size: 11px;
  border-radius: 15px;
  text-align: center;
  line-height: 14px;
  margin: -3px 4px 0 -20px;
}

.clauseAgree-view-inner .listWith_circle > li > .listTxt {
  counter-reset: section;
}

.clauseAgree-view-inner .listWith_circle > li > .listTxt > li::before {
  content: inherit;
}

.clauseAgree-view-inner .listWith_circle > li ul {
  counter-reset: section;
}

.clauseAgree-view-inner .listWith_circle > li ul > li .listTxt > li {
  text-indent: -15px;
  margin-left: 15px;
}

.clauseAgree-view-inner .listWith_circle > li ul > li .listTxt > li::before {
  content: inherit;
}

.clauseAgree-view-inner .listWith_circle > li .listWith li {
  margin-top: 4px;
}

.clauseAgree-view-inner .listWith_circle > li .listWith li:before {
  border: none;
}

.clauseAgree-view-inner .listWith_circle > li > .listWith > li {
  padding-left: 15px;
}

.clauseAgree-view-inner .listWith_circle > li > .listWith > li::before {
  content: counter(section) ".";
  counter-increment: section;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  margin: -3px 0 0 -15px;
  border: none;
}

.clauseAgree-view-inner .listWith_circle > li > .listWith > li > .listDep3 > li {
  font-size: 11px;
}

.clauseAgree-view-inner .listWith_circle > li > .listWith > li > .listDep3 > li::before {
  top: 9px;
  left: 20px;
}

.clauseAgree-view-inner .listWith_circle.numberType {
  counter-reset: section 1 !important;
}

.clauseAgree-view-inner .listNor > li {
  position: relative;
  margin-top: 8px;
  padding-left: 15px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.clauseAgree-view-inner .listTxt > li {
  margin-top: 8px;
  padding: 0;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.clauseAgree-view-inner .listTxt > li .listWith {
  margin-left: 15px;
}

.clauseAgree-view-inner .txtGuide.import li {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.clauseAgree-view-inner .colsize01 {
  width: 37%;
}

.clauseAgree-view-inner .colsize02 {
  width: 34%;
}

.clauseAgree-view-inner .tbl_type01 .colsize01 {
  width: 33%;
}

.clauseAgree-view-inner .colsizeauto {
  width: auto;
}

.clauseAgree-view-inner caption {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
}

.clauseAgree-view-inner [class^="tbl"] {
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #e6e6e6;
  background: #fff;
  border-collapse: separate;
}

.clauseAgree-view-inner [class^="tbl"] th, .clauseAgree-view-inner [class^="tbl"] td {
  padding: 12px;
  border: 1px solid #ebebeb;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.clauseAgree-view-inner [class^="tbl"] th {
  background: #fafafa;
  vertical-align: top;
  border-top: 1px solid #ebebeb;
  border-left: 0;
  border-bottom: 0;
  border-right: 0;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.clauseAgree-view-inner [class^="tbl"] th:first-child,
.clauseAgree-view-inner [class^="tbl"] th + th {
  border-left: 1px solid #ebebeb;
}

.clauseAgree-view-inner [class^="tbl"] td {
  color: #222;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  word-break: break-all;
  text-align: left;
  border-left: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  border-right: 0;
  border-bottom: 0;
}

.clauseAgree-view-inner [class^="tbl"] td .emtxt01 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.clauseAgree-view-inner [class^="tbl"] tbody th {
  text-align: left;
  color: #222;
}

.clauseAgree-view-inner .marT10 {
  margin-top: 10px !important;
}

.clauseAgree-view-inner .marT15 {
  margin-top: 15px !important;
}

.clauseAgree-view-inner .marT35 {
  margin-top: 35px !important;
}

.clauseAgree-view-inner .tcenter {
  text-align: center !important;
}

.clauseAgree-view-inner .btnArr {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  color: #333;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  line-height: 20px;
  margin: 10px 0;
}

.clauseAgree-view-inner .btnArr:after {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  right: 2px;
  width: 7px;
  height: 7px;
  border: solid #333;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.clauseAgree-view-inner .linkTxt {
  color: #333;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.clauseAgree-view-inner .hidden {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px !important;
  clip: rect(0 0 0 0);
}

.clauseAgree-view-inner a {
  color: #555;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.clauseAgree-view-inner a, .clauseAgree-view-inner button {
  cursor: pointer;
}

.clauseAgree-view-inner a:not([class]) {
  text-decoration-skip-ink: auto;
}

.main-wrapper {
  background: #fff;
  padding-top: 56px;
  padding-bottom: var(--safe-bottom);
}

.main-wrapper .main-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 56px;
  height: calc(56px + var(--safe-top));
  background-color: #fff;
  padding: 0 12px;
}

.main-wrapper .main-header .main-title {
  padding: 0 12px;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  margin-top: calc(2px + var(--safe-top));
}

.main-wrapper .main-header .btn-appcard,
.main-wrapper .main-header .btn-alarm,
.main-wrapper .main-header .btn-hamberger {
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
  margin-top: var(--safe-top);
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 0;
  cursor: pointer;
}

.main-wrapper .main-header .btn-appcard.hide,
.main-wrapper .main-header .btn-alarm.hide,
.main-wrapper .main-header .btn-hamberger.hide {
  background-image: none;
}

.main-wrapper .main-header .btn-alarm {
  position: relative;
  margin-left: auto;
}

.main-wrapper .main-header .btn-alarm .number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 12px;
  right: 10px;
  width: 14px;
  height: 14px;
  background: #ea7869;
  border-radius: 50%;
  font-size: 10px;
  color: #fff;
  line-height: 1;
  z-index: 2;
}

.main-wrapper .main-header .btn-alarm + .btn-hamberger {
  margin-left: 0;
}

.main-wrapper .main-header .btn-hamberger {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-hamberger.svg);
  margin-left: auto;
}

.main-wrapper .main-header .btn-appdown {
  margin-right: 7px;
  background-color: #3376f6;
  font-size: 12px;
  padding: 2px 12px 0;
  font-weight: normal;
}

.main-wrapper .main-header .btn-class {
  border: 0;
  font-size: 0;
  background: none;
  margin-top: var(--safe-top);
  padding: 0;
}

.main-wrapper .main-header .btn-class + .btn-class {
  margin-left: 4px;
}

.main-wrapper .main-header .btn-class span {
  display: inline-block;
  height: 20px;
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.main-wrapper .main-header .btn-class span.mvg {
  width: 52px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/grade-mvg@2x.png);
}

.main-wrapper .main-header .btn-class span.welcome {
  width: 79px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/grade-welcome@2x.png);
}

.main-wrapper .main-header .btn-appcard {
  margin-left: auto;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-app-card.svg);
}

.main-wrapper .main-header .btn-appcard + .btn-alarm {
  margin-left: 0;
}

.main-wrapper .main-container {
  /* 21-07-13 bottom 간격 수정*/
  padding-bottom: 66px;
}

.main-wrapper .main-cont-container {
  padding: 0 24px;
}

.navi-bar {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 100;
  padding-bottom: 10px;
  padding-bottom: calc(10px + var(--safe-bottom));
  background: #fff;
  -webkit-box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.05);
}

.navi-bar ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
}

.navi-bar ul li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 56px;
  font-size: 10px;
  text-align: center;
}

.navi-bar ul li a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #222;
}

.navi-bar ul li .custom-icon {
  display: block;
  width: 24px;
  height: 24px;
  margin: 10px auto 0;
}

.navi-bar ul li .custom-icon.my {
  background: url(/webapp/v2/common/assets/images/common/icons/ico-navi-my.svg) 50%/contain;
}

.navi-bar ul li .custom-icon.my.on {
  background: none;
}

.navi-bar ul li .custom-icon.benefit {
  background: url(/webapp/v2/common/assets/images/common/icons/ico-navi-benefit.svg) 50%/contain;
}

.navi-bar ul li .custom-icon.benefit.on {
  background: none;
}

.navi-bar ul li .custom-icon.appcard {
  background: url(/webapp/v2/common/assets/images/common/icons/ico-navi-appcard.svg) 50%/contain;
}

.navi-bar ul li .custom-icon.appcard.on {
  background: none;
}

.navi-bar ul li .custom-icon.finance {
  background: url(/webapp/v2/common/assets/images/common/icons/ico-navi-finance.svg) 50%/contain;
}

.navi-bar ul li .custom-icon.finance.on {
  background: none;
}

.navi-bar ul li .custom-icon.life {
  background: url(/webapp/v2/common/assets/images/common/icons/ico-navi-life.svg) 50%/contain;
}

.navi-bar ul li .custom-icon.life.on {
  background: none;
}

.skip_nav {
  position: relative;
}

.skip_nav ul {
  position: relative;
}

.skip_nav a {
  display: block;
  overflow: hidden;
  position: absolute;
  left: -9999px;
  top: 0;
  color: #fff;
  line-height: 0;
  padding: 0;
}

.skip_nav a:focus, .skip_nav a:active {
  z-index: 110;
  width: 100%;
  height: auto;
  margin: 0;
  background-color: #fff;
}

.banner-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  background-color: #fafafa;
  border-radius: 6px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.banner-wrap.banner-footer {
  margin-top: 48px;
}

.banner-wrap.banner-mid {
  margin-top: 24px;
}

.banner-wrap.banner-mid.box-full + hr.border-full {
  margin-top: 0;
}

.banner-wrap .banner-logo {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 6px;
}

.banner-wrap .banner-logo img {
  width: 100%;
}

.banner-wrap .banner-text {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.banner-wrap.bg-gray {
  background: #F3F0EE;
}

.banner-wrap.bg-blue {
  background: #e6eaf6;
}

.address-box {
  color: inherit;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #ebebeb;
  padding: 15px 0 20px;
}

.address-box.address-view {
  pointer-events: none;
  border-bottom: 0;
}

.address-box .addr-label {
  display: block;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
  margin-bottom: 8px;
}

.address-box .addr-title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  margin-bottom: 8px;
}

.address-box .addr-subtitle {
  color: #949494;
  margin-top: 6px;
}

.address-box .addr-subtitle em.label {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-style: normal;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  padding: 1px 6px;
  margin-right: 5px;
}

.address-box .addr-subtitle em.label2 {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-style: normal;
  color: #666;
  padding-right: 10px;
  margin-right: 7px;
}

.address-box .addr-subtitle em.label2:after {
  content: '';
  position: absolute;
  top: 5px;
  right: 0;
  width: 1px;
  height: 12px;
  background-color: #bbb;
}

.address-box .addr-subtitle .num {
  color: #bbb;
}

.address-box.box-gray {
  padding: 20px;
  border: 0;
}

.address-box.box-gray .addr-title {
  line-height: 24px;
  margin-bottom: 0;
}

.address-box.box-gray .addr-subtitle {
  line-height: 22px;
  margin-top: 0;
}

.address-box.box-gray .no-data {
  margin: 13px 0;
  text-align: center;
}

.address-box.d-flex-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.address-result-wrap {
  margin: 48px 0 32px;
}

.address-result-wrap .address-box {
  padding: 0;
}

.address-result-wrap .addr-title {
  margin-bottom: 0;
}

.address-result-wrap .addr-label + .addr-title {
  margin-top: 0;
}

.address-result-wrap .addr-title + .addr-subtitle {
  margin-top: 0;
}

/*이자수수료 회차별 리스트*/
.installment-schedule .box-full {
  padding: 24px 24px 40px;
  background: #fafafa;
}

.installment-schedule .box-full .data-info-wrap dl + dl {
  margin-top: 16px;
  padding-top: 16px;
}

.installment-schedule .box-full .data-info-wrap dt,
.installment-schedule .box-full .data-info-wrap dd {
  margin: 4px 0;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

/*
.custom-icon {
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;

    &.icon-complate {
        width: 64px;
        height: 64px;
        background-image: url(/webapp/v2/common/assets/images/common/icons/icon-complete-check.svg);
    }

    &.icon-complate-round {
        width: 48px;
        height: 48px;
        background-image: url(/webapp/v2/common/assets/images/common/icons/icon-complete-round.svg);
    }

    &.icon-complate-nodata {
        width: 48px;
        height: 48px;
        background-image: url(/webapp/v2/common/assets/images/common/icons/icon-complete-nodata.svg);
    }
    
    &.icon-ars {
        width: 148px;
        height: 148px;
        background-image: url(/webapp/v2/common/assets/images/common/img-phone@2x.jpg);
    }
    
    &.icon-upgrade{
        width: 24px;
        height: 24px;
        background-image: url(/webapp/v2/common/assets/images/common/icons/icon-arrow-upgrade-top.svg);
    }

    @at-root[class^=text-] + &.icon-upgrade{
        vertical-align: text-top;
    }
    &.icon-1won{
        width: 126px;
        height: 130px;
        background-image: url(/webapp/v2/common/assets/images/common/img-money1won@2x.png);
    }
    &.icon-1wonNumber{
        width: 280px;
        height: 117px;
        background-image: url(/webapp/v2/common/assets/images/common/img-account1won@2x.png);
    }
    &.icon-revolving{
        width: 126px;
        height: 130px;
        background-image: url(/webapp/v2/common/assets/images/common/img-revolving-card@2x.png);
    }
    &.icon-cashback{
        width: 126px;
        height: 130px;
        background-image: url(/webapp/v2/common/assets/images/common/img-money@2x.png);
    }
    &.icon-locaApp{
        width: 148px;
        height: 148px;
        background-image: url(/webapp/v2/common/assets/images/common/img-loca@2x.jpg);
    }
    &-img{
        width:234px;
        height:150px;
        img{
            width:100%;
        }
    }
}
*/
/*
.bottomsheet-image {
    img {
        width: 148px;
        height: 148px;
        object-fit: contain;
    }
}
*/
/*
.bullet {
    position: relative;
    padding-left: 9px;

    &.bullet-dot::before {
        content: '';
        position: absolute;
        top: 8px;
        left: 0;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background: $font-gray-dark;
        margin-right: 7px;
    }

    &.bullet-dot-mini::before {
        content: '';
        position: absolute;
        top: 8px;
        left: 0;
        width: 2px;
        height: 2px;
        border-radius: 50%;
        background: $font-gray-dark;
        margin-right: 7px;
    }

    &.bullet-minus::before {
        content: '';
        position: absolute;
        top: 10px;
        left: 0;
        width: 4px;
        height: 1px;
        background: #808080;
        margin-right: 5px;
    }

    &.bullet-star::before {
        content: '*';
        position: absolute;
        top: 2px;
        left: 0;
        width: 12px;
        height: 15px;
    }

    // &.bullet-star2::before {
    //     content: '※';
    //     position: absolute;
    //     top: 7px;
    //     left: 0;
    //     width: 18px;
    // }
}
*/
/*
.text-tip {
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 10px;

    &-green {
        background-color: $aqua;
    }
}
*/
/*
.img-card {
    text-align: center;
    &.card-big {
        margin-bottom:32px;
        .img-card-conts{
            max-width: 234px;
            & + .img-card-title{
                margin-top:16px;
            }
        }
        img {
            max-width: 234px;
            max-height: 234px;
        }       
    }
    &-title{
        // 폰트사이즈 변경 07-23
        @include fontSize('small');
        font-weight:700;
    }

    img {
        width: 100%;
        height: 100%;
        max-width: 214px;
        max-height: 214px;
        object-fit: contain;
    }

    .img-card-conts{
        position:relative;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        max-width: 214px;
        margin:0 auto;
        img{
            position:relative;
            &:nth-child(1){
                z-index:30;
            }
            &:nth-child(2){
                position:absolute;
                z-index:20;
                top:-20px;
                left:-20px;
            }         
        }
    }    
}

.id-card{
    text-align: center;
    padding-top:24px;
    img {
        width: 233px;
        padding:0;
        & + .btn-wrap {margin-top:16px;}
    }
    &.id-card-type1{
        margin:0px;
    }
    & + .form-wrap-content {margin-top:32px;}
    & + .comp-container {margin-top:80px;}
    
}
*/
/*
.npay {
    margin:13px 0 43px;
    text-align: right;
    .ico-npay {
        font-size:13px;
        position: relative;

        &.text-link.icon-link::before {
            content: '';
            position: absolute;
            top: calc(50% - 9px);
            left: -50px;
            display: inline-block;
            width: 46px;
            height: 18px;
            background-color: transparent;
            background-size: 46px auto;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-image: url(/webapp/v2/common/assets/images/common/icons/icon-npay.png);  
        }
    }
}
*/
.ico-cvc {
  margin-left: 8px;
}

.inner-btn-bottom-fix {
  position: relative;
  padding-bottom: 108px;
}

.inner-btn-bottom-fix .btn-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: calc(100%);
  padding: 24px;
  background: #fff;
}

/*
.text-dot {
    letter-spacing: -0.5px;
    // 폰트사이즈 변경 07-23
	@include fontSize('xs');
    color:$font-gray-dark;
    position: relative;
    margin-top:16px;
    padding-left:8px;
    &::before{
        content:'';
        position:absolute;
        top:5px;
        left:0;
        width:2px;
        height:2px;
        background:$font-gray-dark;
    }
    &-star::before{
        content: '*';
        position: absolute;
        top: 2px;
        left: 0;
        width: 12px;
        height: 15px;
        background:transparent;
    }
    &.text-lg {
        // 폰트사이즈 변경 07-23
        @include fontSize('small');
        &::before{
            top:10px;
        }
    }
}
*/
/*
.msg-box-wrap {
    background: $btn-border-hover;
    padding: 20px;
    text-align: center;
    // 폰트사이즈 변경 07-23
    @include fontSize('small');
    color: $font-black;
}
*/
.text-error {
  display: block;
  width: 100%;
  margin-top: 4px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #ee1100;
}

.text-error + .custom-checkbox {
  margin-top: 8px;
}

/*
.copy-text-wrap {
    // 폰트사이즈 변경 07-23
    @include fontSize('small');
    color:$font-black;
    line-height:1.57;
    letter-spacing: -0.5px;
    .sub-text{
        color:$font-gray-dark;
        line-height: 22px;
    }
    &.text-lg {
        // 폰트사이즈 변경 07-23
        @include fontSize('medium');
        color: $font-gray-dark;
        strong {
            color:$font-black;
            font-weight:500;
        }
    }
    &.text-medium {
        text-align:center;
        font-weight:500;
        color:$font-black;
    }
    &.box-gray {
        text-align: center;
        color:$font-gray-dark;;
        font-weight:400;
        strong {
            color:$font-black;
            font-weight:500;
        }
    }
    &.box-full {
        text-align:left;
        color:$bg-black;
    }
    & + .form-wrap-content,
    & + .tab-list-wrap {margin-top:32px;}
    & + .accordion-wrap {margin-top:48px;}
    & + .switch-wrap {margin-top:24px;}

    &.welcome-message{
        // 폰트사이즈 변경 07-23
        @include fontSize('lg');
        color:$font-black;
        & + .data-list-wrap{
            margin-top: 48px;
        }
        span{
            font-weight: 700;
        }
        & + .container-title{
            margin-top: 48px;
        }
    }
}

.text-guide{
    // 폰트사이즈 변경 07-23
    @include fontSize('small');
    color: $font-gray-dark;

    & + .form-wrap-content, .form-content + &{
        margin-top:16px;
    }
}
*/
/*
.message-text {
    // 폰트사이즈 변경 07-23
    @include fontSize('small');
    font-weight: 500;
    color:$font-black;
    &-sm{
        // 폰트사이즈 변경 07-23
	@include fontSize('xs');
        font-weight:400;            
    }
    &-gray {
        color:$font-gray-dark;
    }
    

    &.has-btn {
        margin:40px 0;
        text-align: center;
        p + .btn-wrap {margin-top:8px;}
    }
}
*/
.text-wrap + .report-list {
  margin-top: 24px;
}

.text-wrap.border {
  padding: 20px 0;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.text-wrap p ~ p {
  margin-top: 16px;
}

/*
.info-message-box {
    text-align: center;
    &.only {margin-top:105px;}
    &.has-content {margin-top:25px;}
    & + .data-list-result,
    & + .text-wrap {
        margin-top:48px;
    }
    .custom-icon {
        & + * {
            margin-top: 24px;
        }
    }
    .message-text {
        // 폰트사이즈 변경 07-23
        @include fontSize('lg');
        font-weight: 700;
        &.message-text-sm{
            // 폰트사이즈 변경 07-23
            @include fontSize('small');
            font-weight:500;
            text-align:center;            
        }
        &-gray {
            margin-top:8px;
            color:$font-gray-dark;
            // 폰트사이즈 변경 07-23
            @include fontSize('small');
            font-weight:400;
        }
    }
    &.info-message-box-img{
        margin:64px 0;
        img{
            width:216px;
        }
        .message-text{
            margin-top:32px;
            // 폰트사이즈 변경 07-23
            @include fontSize('small');
            font-weight:500;
        }
    }
}
*/
.scroll-x-full {
  overflow-x: auto;
  margin: 0 -24px;
  padding-left: 24px;
}

.scroll-x-full > * {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  padding-right: 24px;
  white-space: nowrap;
}

.scroll-x-full > * > * {
  margin-left: 6px;
}

.scroll-x-full > * > *:first-child {
  margin-left: 0;
}

.scroll-x-full > ul > li:first-child:nth-last-child(1),
.scroll-x-full > ul > li:first-child:nth-last-child(2),
.scroll-x-full > ul > li:first-child:nth-last-child(2) ~ li {
  width: calc(50% - 4px) !important;
}

.card-using-wrap {
  letter-spacing: 0;
  margin-bottom: 32px;
}

.card-using-wrap .text-link {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

/*
.text-price {
	// margin-top:8px;
	// 폰트사이즈 변경 07-23
    @include fontSize('xlg');
	font-weight:700;
	color:$font-black;    

	& + .data-list {
		margin-top:4px;
	}
    
    &.bill-cancel {
        color:$point-error;
        strong {
            text-decoration:line-through;
            font-weight:700;
        }
    }
    span {
        // 폰트사이즈 변경 07-23
        @include fontSize('lg');
    }
    em {
        display: block;
        margin-bottom:8px;
        font-style: normal;
        // 폰트사이즈 변경 07-23
        @include fontSize('small');
        font-weight: 400;
        // text-decoration:none;
        color:$font-black;
        &.text {
            margin-bottom:4px;
        }
    }

    & + .list-wrap {margin-top:16px;}
}
*/
.img-wrap + .form-wrap-content {
  margin-top: 32px;
}

.sub-title.title-depth3 + .switch-wrap {
  margin-top: 48px;
}

.switch-wrap {
  margin-top: 24px;
}

.switch-wrap .sub-title + .accordion-wrap {
  margin: 15px 0 8px;
}

.switch-wrap .sub-title.title-depth4 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.switch-wrap .switch-unit-box .d-flex-between + .message-text {
  margin-top: 8px;
}

.switch-wrap + .accordion-wrap {
  margin-top: 24px;
}

.switch-wrap + .form-wrap-content {
  margin-top: 32px;
}

.switch-wrap + .switch-wrap {
  margin-top: 56px;
}

.switch-wrap + .box-gray {
  margin-top: 16px;
}

/*
.text-info{
    margin-top:16px;
    color:$font-gray-dark;
    // 폰트사이즈 변경 07-23
    @include fontSize('small');
}  
*/
.btn-more-wrap + .btn-wrap {
  margin-top: 16px;
}

.btn-wrap + .data-list-wrap {
  margin-top: 72px;
}

.card-category-benefit .card-kind-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.card-category-benefit .card-kind-wrap .card-thumb-wrap {
  height: 20px;
}

.card-category-benefit .card-kind-wrap .card-thumb-wrap .card-thumb {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 29px;
  height: 20px;
}

.card-category-benefit .card-kind-wrap .card-thumb-wrap .card-thumb > img.typeH {
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
  width: 20px;
  height: 29px;
}

.card-category-benefit .card-kind-wrap .card-thumb-wrap .card-thumb ~ .card-thumb {
  margin-left: -19px;
}

.card-category-benefit .card-kind-wrap .card-name {
  margin-left: 8px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
}

.card-category-benefit .card-kind-wrap + .list-data-default {
  margin-top: 14px;
}

.card-category-benefit .card-kind-wrap + .list-data-default li.list-items > div:nth-child(2) {
  color: #666;
}

.limit-wrap .limit-now, .limit-wrap .limit-change {
  display: inline-block;
  vertical-align: middle;
}

.limit-wrap .limit-now {
  color: #666;
  font-weight: 400;
}

.limit-wrap .limit-now::after {
  display: inline-block;
  content: '';
  width: 24px;
  height: 24px;
  margin-left: 2px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-arrow-mini-upgrade-right.svg) 50% 50% no-repeat;
  vertical-align: middle;
}

.limit-wrap .limit-change {
  color: #222;
  font-weight: 500;
}

.limit-wrap.limit-wrap-type1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.limit-wrap.limit-wrap-type1 .limit-items {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
}

.limit-wrap.limit-wrap-type1 .limit-items-arrow {
  width: 24px;
  height: 24px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-arrow-mini-upgrade-right.svg) 50% 50% no-repeat;
  background-size: 100%;
  margin: 0 4px;
}

.limit-wrap.limit-wrap-type1 + .list-data-default {
  margin-top: 36px;
}

.limit-wrap.limit-setting-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.limit-wrap.limit-setting-wrap .limit-now::after {
  display: none;
}

.limit-wrap.limit-setting-wrap .limit-bar-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 3px;
  width: 100%;
  height: 20px;
  background: #E5EDF7;
  border-radius: 4px;
  overflow: hidden;
}

.limit-wrap.limit-setting-wrap .limit-bar-wrap .limit-bar, .limit-wrap.limit-setting-wrap .limit-bar-wrap .limit-bar-max {
  display: inline-block;
}

.limit-wrap.limit-setting-wrap .limit-bar-wrap .limit-bar > i, .limit-wrap.limit-setting-wrap .limit-bar-wrap .limit-bar-max > i {
  display: inline-block;
  height: 100%;
}

.limit-wrap.limit-setting-wrap .limit-bar-wrap .limit-bar > i {
  background: -webkit-gradient(linear, left top, left bottom, from(#88afdc), to(#5089ca));
  background: linear-gradient(to bottom, #88afdc 0%, #5089ca 100%);
  -webkit-animation: limitBar .7s ease-in forwards;
          animation: limitBar .7s ease-in forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

@-webkit-keyframes limitBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@keyframes limitBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.limit-wrap.limit-setting-wrap .limit-bar-wrap .limit-bar-max > i {
  background: -webkit-gradient(linear, left top, left bottom, from(#416996), to(#20436b));
  background: linear-gradient(to bottom, #416996 0%, #20436b 100%);
  -webkit-animation: limitBar-max .7s ease-in forwards;
          animation: limitBar-max .7s ease-in forwards;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

@-webkit-keyframes limitBar-max {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@keyframes limitBar-max {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.limit-wrap.limit-setting-wrap + .sub-title.title-depth3 {
  margin-top: 24px;
}

.timeout-wrap {
  padding: 24px;
  text-align: center;
}

.timeout-wrap .timeout-msg, .timeout-wrap .timeout-time {
  display: block;
}

.timeout-wrap .timeout-msg {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 400;
}

.timeout-wrap .timeout-time {
  font-size: 48px;
  color: #3674bc;
  font-weight: 700;
  line-height: 1.2;
}

.btn-top-indent {
  position: relative;
  right: 0;
  padding-bottom: 0;
}

.btn-top-indent .text-link:after {
  border-color: #3674bc !important;
}

.radio-more-wrap {
  position: relative;
  overflow: hidden;
  margin-bottom: 32px;
}

.radio-more-wrap.is-active {
  height: auto;
}

/* 로그인 연장 레이어 */
.loginTime {
  position: relative;
  display: block;
  width: 100%;
  height: calc(64px + var(--safe-top));
  background: #666;
  z-index: 101;
}

.loginTime.on {
  position: fixed;
  top: 0;
}

.loginTime .bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background: #0B48BE;
  padding: 20px 0;
}

.loginTime .loginTime-info {
  position: absolute;
  top: var(--safe-top);
  left: 0;
  width: 100%;
  height: 64px;
  padding: 20px 24px;
}

.loginTime .loginTime-info .count {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  line-height: 1;
  color: #fff;
}

.loginTime .loginTime-info .count span {
  padding: 0 2px 0 28px;
  font-size: 24px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-clock.svg) no-repeat 0 2px;
}

.loginTime .loginTime-info .extend {
  position: absolute;
  top: 50%;
  right: 24px;
  margin-top: -16px;
  padding: 7px 16px;
  height: 32px;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  line-height: 1;
  background: transparent;
  border-radius: 16px;
}

/* 공통 */
.content-box {
  position: relative;
}

span[data-money].numberCounter {
  display: inline-block;
  letter-spacing: 0px;
  font-weight: 700;
  color: #222;
  min-height: 39px;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0px;
}

span[data-money].numberCounter em {
  display: inline-block;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-style: normal;
  font-weight: 700;
}

/* 반드시 확인하세요. */
.accordion .check.fold-head {
  color: #00437c;
}

.check.link-banner.box-full.border-top a {
  color: #00437c;
}

.box-gray .list-required {
  padding: 4px;
}

.loca-wrapper {
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
  padding-top: var(--safe-top);
}

.sub-wrapper {
  width: 100%;
  background: #fff;
  z-index: 1002;
}

.sub-wrapper .sub-header {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 56px;
  height: calc(56px + var(--safe-top));
  background-color: #fff;
  z-index: 35;
  padding: 0 7px;
}

.sub-wrapper .sub-header.fixed::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  width: 100vw;
  height: 1px;
  background-color: #ebebeb;
}

.sub-wrapper .sub-header .sub-title, .sub-wrapper .sub-header .btn-prev {
  display: none;
}

.sub-wrapper .sub-header .sub-title {
  position: absolute;
  display: block;
  width: calc(100vw - 120px);
  padding: 0;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: var(--safe-top);
  z-index: 5;
}

.sub-wrapper .sub-header .btn-prev,
.sub-wrapper .sub-header .btn-close,
.sub-wrapper .sub-header .btn-hamberger,
.sub-wrapper .sub-header .logo-loca {
  display: block;
  width: 48px;
  height: 48px;
  margin-top: var(--safe-top);
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 0;
  cursor: pointer;
}

.sub-wrapper .sub-header .btn-prev.hide,
.sub-wrapper .sub-header .btn-close.hide,
.sub-wrapper .sub-header .btn-hamberger.hide,
.sub-wrapper .sub-header .logo-loca.hide {
  background-image: none;
}

.sub-wrapper .sub-header .btn-prev {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-history-back.svg);
  margin-right: auto;
}

.sub-wrapper .sub-header .btn-close {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-close-pop.svg);
  margin-left: auto;
}

.sub-wrapper .sub-header .btn-hamberger {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-hamberger.svg);
  margin-left: auto;
}

.sub-wrapper .sub-header .logo-loca {
  width: 40px;
  height: 40px;
  font-size: 0;
  margin: 8px auto 0 16px;
  background-image: url(/webapp/v2/common/assets/images/common/logo-loca.svg);
  margin-right: auto;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.sub-wrapper .sub-container {
  position: relative;
  min-height: 100%;
  padding: 15px 24px 30px;
  margin-top: 56px;
  overflow-x: hidden;
  overflow-y: auto;
}

.sub-wrapper .sub-container.sub-container-full {
  padding: 15px 0 30px;
}

.sub-wrapper.has-footer-type1 .sub-container {
  padding-bottom: 132px;
  padding-bottom: calc(132px + var(--safe-bottom));
}

.sub-wrapper.has-footer-type2 .sub-container {
  padding-bottom: 180px;
  padding-bottom: calc(180px + var(--safe-bottom));
}

.sub-wrapper.has-footer-typeBs .sub-container {
  padding-bottom: 148px;
}

.sub-wrapper.has-footer-typeBs2 .sub-container {
  padding-bottom: 156px;
}

.sub-wrapper.has-footer-typeBs3 .sub-container {
  padding-bottom: 200px;
}

.sub-wrapper .sub-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 24px;
  padding-bottom: 30px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(255, 255, 255, 0)), color-stop(43%, #fff));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 6%, #fff 43%);
  text-align: center;
  z-index: 25;
}

.sub-wrapper .sub-footer .text-link {
  color: #666;
  font-weight: 500;
  display: inline-block;
  margin: 24px auto 8px;
}

.sub-wrapper .sub-footer.type-bottomsheet {
  -webkit-box-shadow: 0 -2px 11px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 -2px 11px 0 rgba(0, 0, 0, 0.06);
  border-radius: 16px 16px 0 0;
}

.sub-wrapper .sub-footer.type-bottomsheet > .accordion-wrap {
  margin-top: -24px;
  padding: 8px 0;
}

.sub-wrapper .sub-footer.type-bottomsheet > .accordion-wrap .accordion .fold-head {
  padding: 0;
}

.sub-wrapper .sub-footer.type-bottomsheet > .accordion-wrap .accordion .fold-head .btn-fold {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.sub-wrapper .sub-footer.type-bottomsheet > .accordion-wrap .accordion .fold-head .btn-fold::before, .sub-wrapper .sub-footer.type-bottomsheet > .accordion-wrap .accordion .fold-head .btn-fold::after {
  top: calc(50% - 5px);
}

.sub-wrapper .sub-footer.type-bottomsheet > .accordion-wrap .accordion .fold-head .list-data-default {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 40px 0 0;
}

.sub-wrapper .sub-footer.type-bottomsheet > .accordion-wrap .accordion .fold-body {
  padding: 0;
  background: #fff;
}

.sub-wrapper.footer-related {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 56px;
}

.sub-wrapper.footer-related .sub-header {
  position: fixed;
  top: 0;
  z-index: 1;
}

.sub-wrapper.footer-related .sub-container {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  overflow: hidden;
}

.bgBody-gray {
  background: #fafafa;
}

.bgBody-gray .sub-wrapper {
  background: #fafafa;
}

.bgBody-gray.type02 .sub-header, .bgBody-gray.type02 .sub-footer {
  background: #fafafa;
}

.bgBody-gray.type03 {
  background: none;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f9f9f9), to(white));
  background-image: linear-gradient(to top, #f9f9f9 0, white 100%);
}

.bgBody-gray.type03 .sub-wrapper {
  background: none;
}

.step-bar {
  position: fixed;
  top: 0;
  top: var(--safe-top);
  left: 0;
  display: block;
  width: 100%;
  height: 5px;
  background-color: #f3f3f3;
  z-index: 36;
}

.step-bar > span {
  display: block;
  width: auto;
  height: 100%;
  background-color: #0B48BE;
}

.is-keypad.sub-wrapper {
  margin-bottom: 400px;
}

.is-keypad.sub-wrapper.has-footer-type1 .sub-container, .is-keypad.sub-wrapper.has-footer-type2 .sub-container {
  padding-bottom: 0;
}

.is-keypad.sub-wrapper .sub-footer {
  position: relative;
  top: 0;
  left: 0;
}

.is-keypad.popup-layer.popup-full > .popup-content {
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}

.sub-detail {
  position: relative;
  padding-bottom: var(--safe-bottom);
}

.sub-detail .btn-close {
  position: fixed;
  top: 4px;
  top: calc(4px + var(--safe-top));
  right: 4px;
  display: block;
  width: 48px;
  height: 48px;
  font-size: 0;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-close-detail.svg) no-repeat 50% 50%;
  border: 0;
  margin-left: auto;
  cursor: pointer;
  z-index: 1;
}

.sub-detail .detail-image {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.sub-detail .detail-image img {
  width: 100%;
}

.sub-detail .detail-container {
  position: relative;
  width: 100%;
  background: #fff;
  border-radius: 20px;
  padding: 30px 24px 24px;
  margin-top: calc((100vw * 0.7) - var(--safe-top));
}

.sub-detail .detail-container .sub-header {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.sub-detail .detail-container .sub-header .sub-title {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.sub-detail .detail-container .sub-header .sub-date {
  color: #666;
  margin-top: 8px;
}

.sub-detail .detail-container .sub-content dl.event-info dt {
  display: block;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
  margin-top: 32px;
}

.sub-detail .detail-container .sub-content dl.event-info dt:first-child {
  margin-top: 0;
}

.sub-detail .detail-container .sub-content dl.event-info dd {
  margin-top: 8px;
}

.sub-detail .detail-container .sub-content dl.event-info dd .text-gray-dark {
  margin-top: 4px;
}

.sub-detail .detail-container .sub-content dl.event-info .event-info-tit {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.sub-detail .detail-container .sub-content dl.event-info .event-info-tit strong {
  display: block;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.sub-detail .detail-container .sub-content dl.event-info .event-info-tit + .text-gray-dark {
  margin-top: 0;
}

.sub-detail .detail-container .sub-footer {
  padding: 24px 0 0;
}

.sub-detail .detail-container.footer-fixed {
  padding-bottom: 130px;
}

.sub-detail .detail-container.footer-fixed .sub-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(255, 255, 255, 0)), color-stop(43%, #fff));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 6%, #fff 43%);
  padding: 24px;
  z-index: 25;
}

.sub-title.underline + .data-list-form {
  margin-top: 24px;
}

.sub-title.title-depth3 + .list-wrap {
  margin-top: 48px;
}

.sub-title.title-depth3 + .form-wrap-content {
  margin-top: 38px;
}

.sub-title.title-depth3 + .copy-text-wrap {
  margin-top: 48px;
}

.sub-title.title-depth3 + .accordion-wrap {
  margin-top: 64px;
}

.sub-title.title-depth3 + .message-text {
  margin: 6px 0 8px;
}

.sub-title.title-depth3 + .card-select-wrap {
  margin-top: 24px;
}

.sub-title.title-depth3.title-small + .form-wrap-content {
  margin-top: 16px;
}

.sub-title.title-depth3.title-small + .limit-wrap {
  margin-top: 16px;
}

.sub-title.title-depth3 + .section-container {
  margin-top: 48px;
}

.sub-title.title-depth3 + .tab-list-wrap {
  margin-top: 48px;
}

.d-flex-between + .data-border-wrap {
  margin-top: 8px;
}

.box-gray.box-full-img + .form-wrap-content {
  margin-top: 24px;
}

.box-gray.box-full + .page-sub-title {
  margin-top: 24px;
}

hr.border-full {
  /*hr + accordion*/
}

hr.border-full + .section-container {
  padding-top: 32px;
}

hr.border-full + .tab-list-wrap {
  margin-top: 32px;
}

hr.border-full + .accordion-wrap.type-button.type-close.type-full {
  margin-top: 0;
}

hr.border-full + .sub-title.title-depth3 {
  margin-top: 32px;
}

hr.border-full + .page-sub-title {
  margin-top: 32px;
}

.list-wrap + .form-wrap-content {
  margin-top: 28px;
}

.list-wrap + .data-border-wrap {
  margin-top: 16px;
}

.list-wrap + .sub-title.title-depth4 {
  margin-top: 24px;
}

.list-wrap + hr.border-full {
  margin-top: 40px;
}

.list-wrap + .data-list.data-list-result.border-top {
  margin-top: 32px;
}

.list-wrap + .grid-wrap {
  margin-top: 16px;
}

.list-wrap + .page-sub-title.mb8 {
  margin-top: 32px;
}

.grid-wrap + .list-wrap {
  margin-top: 32px;
}

.grid-wrap + .btn-wrap {
  margin-top: 24px;
}

.grid-wrap + .chk-content {
  margin-top: 16px;
}

.grid-wrap + .date-wrap {
  margin-top: 24px;
}

.grid-wrap + .box-gray.box-full {
  margin-top: 24px;
}

.grid-wrap + .tab-content-wrap {
  margin-top: 24px;
}

.grid-wrap + .data-list.bg-box {
  margin-top: 16px;
}

.grid-wrap.btn-box + hr.border-full {
  margin-top: 24px;
}

.banner-wrap.box-full + hr.border-full {
  margin-top: 0;
}

.box-container + .box-container {
  margin-top: 32px;
}

.box-container + .form-wrap-content > .agree-box {
  margin-top: 64px;
}

.copy-text-wrap + .form-wrap-content,
.copy-text-wrap + .tab-list-wrap {
  margin-top: 32px;
}

.copy-text-wrap + .accordion-wrap {
  margin-top: 48px;
}

.copy-text-wrap + .switch-wrap {
  margin-top: 24px;
}

.copy-text-wrap + .copy-text-wrap, .copy-text-wrap > * ~ * {
  margin-top: 16px;
}

/*컴퍼넌트 사이 간격*/
.form-wrap-content + .form-wrap-content,
.list-data-default + .comp-container {
  margin-top: 32px;
}

.comp-container + .btn-wrap-link {
  margin-top: 16px;
}

.comp-container + .title-depth4 {
  margin-top: 32px;
}

.info-message-box.has-content + .list-data-result {
  margin-top: 48px;
}

.list-data-result + .list-data-default {
  margin-top: 16px;
}

.list-data + .btn-wrap {
  margin-top: 18px;
}

.list-data.border-top + .form-wrap-content {
  margin-top: 32px;
}

.list-data.border-top + .btn-wrap {
  margin-top: 24px;
}

.text-guide-mgt + .comp-container {
  margin-top: 32px;
}

.info-message-box .message-text-gray + .message-text-gray {
  margin-top: 16px;
}

.info-message-box > .btn.btn-block.btn-border {
  margin-top: 32px;
}

.info-message-box + .card-slide-wrap {
  margin-top: 88px;
}

.info-message-box + .comp-container {
  margin-top: 24px;
}

.page-sub-title + .tab-list-wrap {
  margin-top: 16px;
}

.list-colum-type1 + .accordion-wrap.type-full.type-full-border {
  margin-top: 8px;
  margin-bottom: 40px;
}

.list-wrap + .list-data-default {
  margin-top: 32px;
}

.list-data-default + .form-wrap-content {
  margin-top: 32px;
}

.form-wrap-content + .box-gray.box-warning {
  margin-top: 16px;
}

.sub-title.underline + .data-list-form {
  margin-top: 24px;
}

.sub-title.title-depth3 + .list-wrap {
  margin-top: 48px;
}

.sub-title.title-depth3 + .form-wrap-content {
  margin-top: 38px;
}

.sub-title.title-depth3 + .copy-text-wrap {
  margin-top: 48px;
}

.sub-title.title-depth3 + .accordion-wrap {
  margin-top: 64px;
}

.sub-title.title-depth3 + .message-text {
  margin: 6px 0 8px;
}

.sub-title.title-depth3 + .card-select-wrap {
  margin-top: 24px;
}

.sub-title.title-depth3.title-small + .form-wrap-content {
  margin-top: 16px;
}

.sub-title.title-depth3.title-small + .limit-wrap {
  margin-top: 16px;
}

.form-wrap-content + .custom-checkbox {
  margin-top: 8px;
}

.data-list.data-list-result.only + .form-wrap-content {
  margin-top: 32px;
}

.data-list.data-list-result.only + .list-wrap {
  margin-top: 32px;
}

.list-wrap + .data-list.data-list-result.only {
  margin-top: 32px;
}

.comp-container + .sub-title.title-depth4 {
  margin-top: 32px;
}

.card-category-benefit > .card-kind-wrap + .data-list-benefit,
.card-category-benefit > .card-kind-wrap + .list-data-default {
  margin-top: 14px;
}

.card-category-benefit + .list-data-default {
  margin-top: 14px;
}

.card-category-benefit + .message-text.d-flex-between {
  margin-top: 16px;
}

.border-full + .guide-message {
  margin-top: 32px;
}

.guide-message + .custom-checkbox {
  margin-top: 32px;
}

.msg-box-wrap.thin + .btn-wrap {
  margin-top: 80px;
}

.btn-wrap + .card-box-wrap.border {
  margin-top: 48px;
}

.sub-title.title-depth4 + .input-range-wrap {
  margin-top: 68px;
}

.sub-title.title-depth4 + .data-list-wrap {
  margin-top: 22px;
}

.data-list-wrap + .sub-title.title-depth4 {
  margin-top: 60px;
}

.box-gray + .sub-title.title-depth4 {
  margin-top: 32px;
}

.box-gray + .form-wrap-content {
  margin-top: 32px;
}

.img-card.card-big + .grid-wrap.grid-col-2 {
  margin-top: 48px;
}

.subpage-desc + .img-card.card-big {
  margin-top: 48px;
}

.custom-table + .page-sub-title {
  margin-top: 32px;
}

.list-hyphen + .page-sub-title {
  margin-top: 32px;
}

.page-sub-title + .list-hyphen {
  margin-top: 8px;
}

/*swiper*/
.swiper-component-wrapper {
  position: relative;
  top: 0;
  left: 0;
}

.swiper-component-wrapper.bottom {
  padding-bottom: 18px;
}

/*swiper pagination*/
.custom-swiper-pagination.swiper-pagination-bullets {
  z-index: 20;
  position: absolute;
}

.custom-swiper-pagination.swiper-pagination-bullets.bg-white .swiper-pagination-bullet {
  background: #fff;
}

.custom-swiper-pagination.swiper-pagination-bullets.dot-gray .swiper-pagination-bullet {
  background: #9C8A80;
}

.custom-swiper-pagination.swiper-pagination-bullets.bottom {
  left: 20px;
  bottom: 20px;
  height: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.custom-swiper-pagination.swiper-pagination-bullets.bottom-center {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: auto;
  bottom: 0;
}

.custom-swiper-pagination.swiper-pagination-bullets.right {
  top: 42px;
  right: 24px;
  left: auto;
  bottom: auto;
}

.custom-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #ebebeb;
  opacity: 1;
  margin: 0 4px;
}

.custom-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 16px;
  height: 6px;
  border-radius: 3px;
  background: #817169;
  -webkit-transition: width .3s ease;
  transition: width .3s ease;
}

.custom-swiper-pagination.swiper-pagination-bullets.swiper-pagination-lock {
  display: none;
}

.border-full + .result-text {
  margin-top: 24px;
}

.tab-panel > .card-list {
  margin-top: 0;
}

.card-list + .border-full.border-thin {
  margin-top: 32px;
}

.btn-box + .card-box-title-sub-sm {
  margin-top: 32px;
}

.box-gray + .underline-wrap {
  margin-top: 32px;
}

.tooltip-content .list-dot li {
  padding-bottom: 0;
}

.underline-wrap + .list-wrap {
  margin-top: 0;
}

.text-guide + .list-dot {
  margin-top: 10px;
}

.btn-box + .contextbox-bottom {
  margin-top: 32px;
}

.custom-checkbox.checkbox-border.block + .agree-list {
  margin-top: 16px;
}

.form-content + .text-guide, .form-wrap-content + .text-guide {
  margin-top: 16px;
}

.list-data-default + .underline-wrap {
  margin-top: 26px;
}

.form-wrap-content + .text-guide {
  margin-top: 16px;
}

.text-guide + .border-full {
  margin-top: 24px;
}

.border-full + .d-flex-between {
  margin-top: 29px;
}

.d-flex-between + .list-wrap {
  margin-top: 13px;
}

.list-wrap + .btn-more-wrap {
  margin-top: 19px;
}

.underline-wrap + .list-wrap {
  margin-top: 0;
}

.btn.btn-gray.btn-arrow.btn-block.big + .tab-list-wrap {
  margin-top: 32px;
}

.box-gray .copy-text-wrap.guide-msg + .custom-banner.shadow {
  margin-top: 92px;
}

.accordion-wrap + .contextbox-bottom {
  margin-top: 32px;
}

.accordion-wrap.head-lg .text-info {
  margin-top: 0;
}

.accordion-wrap .fold-body > .sub-title.title-depth4:first-of-type {
  margin-top: 0;
}

.accordion-wrap .fold-body > .list-wrap:first-of-type {
  margin-top: 0;
}

.accordion-wrap .fold-body > .list-wrap:first-of-type > .sub-title.title-depth4:first-of-type {
  margin-top: 0;
}

.accordion-wrap + .list-dot.mt12 {
  margin-top: 24px !important;
}

.agreeList-wrap + .border-full {
  margin-top: 32px;
}

.agreeList-wrap + .form-wrap-content {
  margin-top: 32px;
}

.text.text-black + .text-link-detail {
  margin-top: 4px;
}

.btn-box.col .btn.btn-block.btn-md + .btn.btn-block.btn-md {
  margin-top: 8px;
}

.cdmanager-banner + .feedlayer-container {
  margin-top: 20px;
}

.search-form.search-sticky + .border-full {
  margin-top: 24px;
}

.swiper-btnWrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}

.swiper-btnWrap .swiper-autoplay-play, .swiper-btnWrap .swiper-autoplay-stop {
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: none;
}

.swiper-btnWrap .swiper-autoplay-play {
  display: none;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-play02.svg) center center no-repeat;
  background-size: 24px 24px;
}

.swiper-btnWrap .swiper-autoplay-stop {
  display: block;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-pause02.svg) center center no-repeat;
  background-size: 24px 24px;
}

.swiper-btnWrap.bottom {
  top: auto;
  bottom: 20px;
  margin-left: 20px;
}

.swiper-btnWrap.right {
  left: auto;
  right: 0;
}

.swiper-btnWrap.type1 .swiper-autoplay-stop, .swiper-btnWrap.type1 .swiper-autoplay-play {
  width: 32px;
  height: 32px;
  border: 1px solid #ebebeb;
  border-radius: 50%;
}

.border-full.border-thin + .list-dot {
  margin-top: 26px;
}

.popup_focus {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 0;
  padding: 0;
  z-index: -1;
  color: transparent;
}

.popup-layer.popup-full.gnb-layer {
  position: fixed;
  top: 0;
  left: auto;
  right: -100vw;
  width: 100vw;
  height: 100%;
  background-color: #fff;
  -webkit-transition: right .3s ease-out;
  transition: right .3s ease-out;
  z-index: 300;
}

.popup-layer.popup-full.gnb-layer .ml-auto {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.popup-layer.popup-full.gnb-layer.show {
  right: 0;
  -webkit-transition: right .3s ease-out;
  transition: right .3s ease-out;
}

.popup-layer.popup-full.gnb-layer .popup-content {
  -webkit-overflow-scrolling: touch;
}

.popup-layer.popup-full.gnb-layer .menu-utils .btn-close {
  position: absolute;
  right: 14px;
  top: 4px;
}

.popup-layer.popup-full.gnb-layer .menu-utils button:last-of-type {
  margin-right: 48px;
}

.gnb-wrapper .gnb-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.gnb-wrapper .user-text .user-name {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.gnb-wrapper .user-text .user-sub {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 400;
  color: #666;
  white-space: nowrap;
  margin-top: 4px;
}

.gnb-wrapper .gnb-message {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.gnb-wrapper .gnb-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

.gnb-wrapper .gnb-actions .btn {
  white-space: nowrap;
  line-height: initial;
}

.gnb-wrapper .gnb-actions .btn + .btn {
  margin-left: 8px;
}

.gnb-wrapper .gnb-content {
  padding: 20px 0 48px;
  position: relative;
}

.gnb-wrapper .gnb-content .depth1 {
  position: sticky;
  position: -webkit-sticky;
  margin: -15px -24px 0;
  width: 100vw;
  background-color: #fff;
  z-index: 100;
}

.gnb-wrapper .gnb-content .depth1 .menu-list {
  margin: 12px 24px;
}

.gnb-wrapper .gnb-content .depth1 .menu-list li:last-child {
  margin-right: 40px !important;
}

.gnb-wrapper .gnb-content .depth1.menu-sticky {
  position: sticky;
  position: -webkit-sticky;
  margin: -15px -24px 0;
  width: 100vw;
  background-color: #fff;
  z-index: 100;
  top: -25px;
  border-bottom: 1px solid #fff;
}

.gnb-wrapper .gnb-content .depth1.menu-sticky.fixed, .gnb-wrapper .gnb-content .depth1.menu-sticky.is-active {
  border-bottom: 1px solid #ebebeb;
}

.gnb-wrapper .gnb-content .depth1.menu-sticky.fixed .depth1-menu.is-active, .gnb-wrapper .gnb-content .depth1.menu-sticky.is-active .depth1-menu.is-active {
  border-bottom: 0;
}

.gnb-wrapper .gnb-content .depth1.menu-sticky .gradient-layer {
  right: 0;
  top: 17px;
}

.gnb-wrapper .gnb-content .depth1 .depth1-menu {
  position: relative;
  overflow: hidden;
  margin-top: -6px;
}

.gnb-wrapper .gnb-content .depth1 .depth1-menu .gradient-layer {
  position: absolute;
  right: 0;
  top: 17px;
  background-image: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
  width: 74px;
  height: 40px;
  z-index: 99;
}

.gnb-wrapper .gnb-content .depth1 .depth1-menu .btn-toggle {
  position: absolute;
  right: 5px;
  top: 17px;
  z-index: 100;
  width: 40px;
  height: 40px;
  background: none;
  border: 0;
  font-size: 0;
}

.gnb-wrapper .gnb-content .depth1 .depth1-menu .btn-toggle::before, .gnb-wrapper .gnb-content .depth1 .depth1-menu .btn-toggle::after {
  position: absolute;
  content: '';
  top: calc(50% - 3px);
  width: 1px;
  height: 9px;
  background-color: #666;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
}

.gnb-wrapper .gnb-content .depth1 .depth1-menu .btn-toggle::before {
  right: 30px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.gnb-wrapper .gnb-content .depth1 .depth1-menu .btn-toggle::after {
  right: 24px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.gnb-wrapper .gnb-content .depth1 .depth1-menu .btn-toggle[aria-expanded=true]::before, .gnb-wrapper .gnb-content .depth1 .depth1-menu .btn-toggle[aria-expanded=true]::after {
  background-color: #666;
}

.gnb-wrapper .gnb-content .depth1 .depth1-menu .btn-toggle[aria-expanded=true]::before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.gnb-wrapper .gnb-content .depth1 .depth1-menu .btn-toggle[aria-expanded=true]::after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.gnb-wrapper .gnb-content .depth1 .depth1-menu.is-active {
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}

.gnb-wrapper .gnb-content .depth1 .depth1-menu.is-active .menu-list {
  white-space: normal;
  overflow-x: initial;
}

.gnb-wrapper .gnb-content .depth1 .depth1-menu .scroll-x {
  overflow-x: auto;
}

.gnb-wrapper .gnb-content .depth1 .depth1-menu .menu-list {
  white-space: nowrap;
}

.gnb-wrapper .gnb-content .depth1 .depth1-menu .menu-list li {
  display: inline-block;
  margin-top: 6px;
  margin-right: 6px;
  position: relative;
}

.gnb-wrapper .gnb-content .depth1 .depth1-menu .menu-list li.is-active span {
  background-color: #544944;
  color: #fff;
  font-weight: 700;
}

.gnb-wrapper .gnb-content .depth1 .depth1-menu .menu-list li span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  padding: 0 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #666;
  background-color: #f8f8f8;
  border-radius: 20px;
}

.gnb-wrapper .gnb-content .depth1 + .depth2 {
  padding-top: 0;
}

.gnb-wrapper .gnb-content .depth2 {
  margin-top: -7px;
}

.gnb-wrapper .gnb-content .depth2 .depth2-section {
  border-top: 1px solid #ebebeb;
  margin-top: 32px;
}

.gnb-wrapper .gnb-content .depth2 .depth2-section:first-child {
  border-top: 0;
}

.gnb-wrapper .gnb-content .depth2 .depth2-section:first-child .depth2-group:first-child .depth2-title {
  padding-top: 0;
}

.gnb-wrapper .gnb-content .depth2 .depth2-group .depth2-title {
  padding-top: 32px;
}

.gnb-wrapper .gnb-content .depth2 .depth2-title {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
}

.gnb-wrapper .gnb-content .depth2 .depth2-list a {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
  color: #000;
  font-weight: 500;
}

.gnb-wrapper .gnb-content .depth2 .depth2-list a .flag-sm {
  margin-left: 7px;
}

.gnb-wrapper .gnb-footer {
  background: #fafafa;
  padding: 28px 24px 40px;
  margin: 0 -24px -30px;
}

.gnb-wrapper .gnb-footer .gnb-footer-site .icon-arrow-link {
  width: 24px;
  height: 24px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-arrow-link.svg) no-repeat center center;
}

.gnb-wrapper .gnb-footer .gnb-footer-site .icon-c-youtube {
  width: 40px;
  height: 40px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-c-youtube.svg) no-repeat center center;
}

.gnb-wrapper .gnb-footer .gnb-footer-site .icon-c-facebook {
  width: 40px;
  height: 40px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-c-facebook.svg) no-repeat center center;
}

.gnb-wrapper .gnb-footer .gnb-footer-site .icon-c-instar {
  width: 40px;
  height: 40px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-c-instar.svg) no-repeat center center;
}

.gnb-wrapper .gnb-footer .gnb-footer-site .icon-c-blog {
  width: 40px;
  height: 40px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-c-blog.svg) no-repeat center center;
}

.gnb-wrapper .gnb-footer .gnb-footer-site .icon-c-post {
  /* 네이버포스트 추가 */
  width: 40px;
  height: 40px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-c-post.png) no-repeat center center;
  background-size: 100% auto;
}

.gnb-wrapper .gnb-footer .gnb-footer-site .icon-c-kakao {
  width: 40px;
  height: 40px;
  background: url(/webapp/v2/common/assets/images/common/icons/ico-kakao.svg) no-repeat center center;
}

.gnb-wrapper .gnb-footer .gnb-footer-site a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.gnb-wrapper .gnb-footer .gnb-footer-site a.divider:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  background-color: #ebebeb;
  margin-right: 12px;
  margin-left: 6px;
}

.gnb-wrapper .gnb-footer .gnb-footer-site .gnb-footer-title {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  font-style: normal;
}

.gnb-wrapper .gnb-footer .gnb-footer-site .gnb-footer-title + * {
  margin-top: 8px;
}

.gnb-wrapper .gnb-footer .gnb-footer-site .gnb-footer-channel {
  overflow: hidden;
}

.gnb-wrapper .gnb-footer .gnb-footer-site .gnb-footer-channel a {
  float: left;
  margin-right: 12px;
}

.gnb-wrapper .gnb-footer .gnb-footer-site + * {
  margin-top: 34px;
}

.gnb-wrapper .gnb-footer .gnb-footer-site + .gnb-footer-site {
  margin-top: 18px;
}

.gnb-wrapper .gnb-footer .gnb-footer-award {
  margin-top: 17px;
}

.gnb-wrapper .gnb-footer .gnb-footer-award .award {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gnb-wrapper .gnb-footer .gnb-footer-award .award .logo {
  width: 54px;
  margin-right: 11px;
}

.gnb-wrapper .gnb-footer .gnb-footer-award .award .txt {
  font-size: 12px;
  color: #2d2d2d;
}

.gnb-head + .gnb-search {
  margin-top: 16px;
}

.gnb-page {
  position: relative !important;
  height: auto !important;
  max-height: initial !important;
  display: contents !important;
}

.gnb-page .gnb-wrapper .gnb-content {
  padding-top: 57px;
}

.gnb-page .gnb-wrapper .gnb-content.depth1 .depth1-menu {
  margin-top: 0;
}

.gnb-page .popup-header {
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 100;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  height: calc(56px + env(safe-area-inset-top)) !important;
  padding-top: env(safe-area-inset-top) !important;
}

.gnb-page .popup-header .menu-utils {
  position: relative;
}

.gnb-page .popup-header .menu-utils .btn-close {
  right: 0 !important;
  top: 0 !important;
}

.gnb-page .popup-content {
  overflow: unset;
  padding-top: 56px !important;
  margin-right: 0px !important;
}

.gnb-page .gnb-wrapper .gnb-content .depth1.menu-sticky {
  position: absolute;
  margin: 0 -24px 0;
  top: 0;
}

.gnb-page .gnb-wrapper .gnb-content .depth1.menu-sticky.fixed {
  position: fixed;
  top: 56px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  top: calc(56px + env(safe-area-inset-top));
}

.popup-layer.gnb-layer.type-new .popup-content {
  padding-top: 0px;
}

.popup-layer.gnb-layer.type-new .uname {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 0px 0px 17px;
}

.popup-layer.gnb-layer.type-new .uname .txt {
  font-size: 20px;
  font-weight: 700;
}

.popup-layer.gnb-layer.type-new .depth2 {
  margin-top: 0;
}

.popup-layer.gnb-layer.type-new .gnb-wrapper .gnb-content .depth1 {
  padding-top: 16px;
  /* margin-top: 0; */
}

.popup-layer.gnb-layer.type-new .gnb-wrapper .gnb-content .depth1 .depth1-menu {
  margin-top: 0;
}

.popup-layer.gnb-layer.type-new .gnb-wrapper .gnb-content .depth2 .depth2-section {
  margin-top: 20px;
  padding-bottom: 5px;
}

.popup-layer.gnb-layer.type-new .gnb-wrapper .gnb-head {
  padding-bottom: 16px;
}

.popup-layer.gnb-layer.type-new .gnb-wrapper .gnb-content {
  padding: 0px 0 48px 0;
}

.popup-layer.gnb-layer.type-new .gnb-appdown {
  position: relative;
  margin: 0px 0px 8px 0px;
  z-index: 120;
}

.popup-layer.gnb-layer.type-new .gnb-appdown .box {
  display: block;
  position: relative;
  border-radius: 16px;
  background-color: #ffcb12;
  padding: 20px 20px;
  min-height: 96px;
}

.popup-layer.gnb-layer.type-new .gnb-appdown .box .tit {
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
}

.popup-layer.gnb-layer.type-new .gnb-appdown .box .tit::after {
  content: '';
  display: inline-block;
  opacity: 0;
  vertical-align: middle;
  width: 9px;
  height: 9px;
  margin: -5px 0px 0px 9px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.popup-layer.gnb-layer.type-new .gnb-appdown .box .img {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 96px;
}

/*components*/
/* mixin 정리 */
dl.data-list {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr max-content;
      grid-template-columns: 1fr -webkit-max-content;
      grid-template-columns: 1fr max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

dl.data-list + .data-list {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #ebebeb;
}

dl.data-list dt,
dl.data-list dd {
  position: relative;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  margin: 6px 0;
}

dl.data-list dt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-weight: 400;
  color: #666;
}

dl.data-list dd {
  text-align: right;
  color: #222;
  clear: both;
}

dl.data-list dd address {
  float: right;
  font-style: normal;
  width: 100%;
}

dl.data-list.data-list-view {
  margin-top: 24px;
  margin-bottom: 24px;
}

dl.data-list.data-list-view dt, dl.data-list.data-list-view dd {
  margin: 6px 0;
}

dl.data-list .text-link {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  line-height: 1;
  font-weight: 500;
}

.data-title + dl.data-list.data-list-view {
  margin-top: 4px;
}

/* mixin 정리 */
dl.data-list-result {
  padding-bottom: 12px;
  border-bottom: 1px solid #ebebeb;
}

dl.data-list-result.only {
  padding: 12px 0;
  border-top: 1px solid #ebebeb;
}

/* mixin 정리 */
.data-border-wrap .data-list.border-top {
  border-bottom: none;
  border-color: #666;
}

.data-border-wrap .data-list.border-bottom {
  border-color: #666;
  padding-bottom: 10px;
}

.data-border-wrap.text-lg dt, .data-border-wrap.text-lg dd {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.data-border-wrap.text-lg .data-list-result.border-top {
  padding: 12px 0;
}

/* mixin 정리 */
.data-list-wrap {
  position: relative;
}

.data-list-wrap.more-wrap {
  overflow: hidden;
  width: 100vw;
  padding-left: 24px;
  padding-right: 24px;
  margin: 48px -24px 0;
}

.data-list-wrap.more-wrap:before {
  content: '';
  display: block;
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  width: calc(100% -24px);
  height: 1px;
  background-color: #ebebeb;
}

.data-list-wrap.more-wrap.is-active {
  height: auto;
}

.data-list-wrap.more-wrap.is-active > .expand-contents {
  height: auto;
  min-height: 100px;
  max-height: 600px;
  visibility: visible;
  -webkit-transition-property: height, min-height, max-height, visibility;
  transition-property: height, min-height, max-height, visibility;
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.data-list-wrap.more-wrap > .expand-contents {
  height: 0;
  min-height: 0;
  max-height: 100px;
  visibility: hidden;
  -webkit-transition-property: height, min-height, max-height, visibility;
  transition-property: height, min-height, max-height, visibility;
  -webkit-transition-duration: .7s;
          transition-duration: .7s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.data-list-wrap .sub-title {
  margin-bottom: 16px;
}

.data-list-wrap .list-wrap + .list-wrap {
  /*20210504 수정*/
  margin-top: 0;
  padding-top: 24px;
  padding-bottom: 0px;
  border-top: 1px solid #ebebeb;
}

.data-list-wrap .data-list dt {
  white-space: nowrap;
}

.data-list-wrap .data-list .text-link {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #222;
  margin-right: 4px;
}

.data-list-wrap .data-list + .sub-title.underline {
  margin-top: 40px;
}

.data-list-wrap .data-list-form + .sub-title.underline {
  margin-top: 60px;
}

.data-list-wrap .report-list {
  border: 0;
}

.data-list-wrap .report-list li + li {
  border-top: 1px solid #ebebeb;
  padding-top: 20px;
}

.data-list-wrap .report-list address {
  width: 60%;
  font-style: normal;
  word-break: break-all;
}

.data-list-wrap .report-list .addr-control .text-link {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  line-height: 1;
}

.data-list-wrap .report-list .addr-control .text-link:first-child {
  margin-right: 16px;
}

.data-list-wrap .message-text {
  margin: 30px 0;
}

.data-list-wrap + .btn-wrap {
  margin-top: 40px;
}

.data-list-wrap > div.list-wrap {
  display: none;
}

.data-list-wrap.is-active > div.list-wrap {
  display: block;
}

.data-list-wrap > div.list-wrap:nth-of-type(1), .data-list-wrap > div.list-wrap:nth-of-type(2) {
  display: block;
}

.data-list-wrap.more-wrap > div.list-wrap:last-of-type {
  padding-bottom: 24px;
}

.text-ellipsis {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-ellipsis .text-link {
  max-width: calc(50vw - 48px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.expand-contents .list-wrap {
  margin-top: 0;
  padding-top: 24px;
  padding-bottom: 0px;
  border-top: 1px solid #ebebeb;
}

.expand-contents .list-wrap .data-title {
  margin-bottom: 0;
}

.expand-contents .list-wrap .data-title + .list-data-default.border-none {
  padding: 21px 0;
}

/* mixin 정리 */
.order-list-type1 li {
  background: #fafafa;
  padding: 20px;
  margin-top: 8px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

.order-list-type1 li:first-child {
  margin-top: 0;
}

.order-list-type1 .order-list_title {
  color: #222;
  font-weight: 700;
  line-height: 1.2;
}

.order-list-type1 .order-list_title + div {
  margin-top: 8px;
}

.order-list-type2 li {
  background: #fafafa;
  padding: 20px;
  margin-top: 8px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.order-list-type2 li:first-child {
  margin-top: 0;
}

.order-list-type2 .order-list_title {
  color: #222;
  font-weight: 700;
}

.order-list-type2 .order-list_cont {
  color: #222;
  margin-top: 0;
  padding-left: 16px;
}

.order-list-type1.order-list-term li {
  padding: 0 4px 0 16px;
}

/* mixin 정리 */
.list-wrap {
  margin-top: 8px;
  letter-spacing: 0;
}

.list-wrap .no-result {
  text-align: center;
  padding: calc(31%) 0;
}

.list-wrap.type02 {
  padding: 32px 0;
  margin-top: 0;
}

.list-wrap.type02 + .border-full {
  margin-top: 0;
}

.list-wrap.type03 {
  padding: 24px 0;
  margin-top: 0;
}

.list-wrap.type03 + hr.border-full {
  margin-top: 24px;
}

.list-wrap.type04 {
  padding: 16px 0 32px;
  margin-top: 0;
}

.list-wrap.type04 + .border-full {
  margin-top: 0;
}

.list-wrap.type05 {
  padding: 48px 0 32px;
}

.list-wrap.type06 {
  padding: 8px 0;
}

.list-wrap.type07 {
  padding: 16px 0;
  margin-top: 0;
}

.list-wrap.type08 {
  margin-top: -32px;
}

.list-wrap.has-card-list {
  margin-top: 0;
}

.list-wrap.has-card-list + .btn-wrap {
  margin-top: 32px;
}

.list-wrap.list-required {
  margin-top: 0;
}

.list-wrap .link-item-list > li {
  padding: 24px 0;
}

.list-wrap .link-item-list > li.data-total:first-child {
  padding: 14px 0;
}

.list-wrap .link-item-list > li ~ li {
  border-top: 1px solid #ebebeb;
}

.list-wrap .link-item-list > li:last-child {
  border-bottom: 1px solid #ebebeb;
}

.list-wrap .link-item-list > li + .grid-colspan-2 {
  padding-top: 0;
  border: none;
}

.list-wrap .link-item-list > li > a, .list-wrap .link-item-list > li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.list-wrap .link-item-list > li > a dl.item-content, .list-wrap .link-item-list > li > div dl.item-content {
  max-width: 66%;
}

.list-wrap .link-item-list > li > a dl.item-content .item-title, .list-wrap .link-item-list > li > div dl.item-content .item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list-wrap .link-item-list > li > a dl.item-content .item-title > strong + span, .list-wrap .link-item-list > li > div dl.item-content .item-title > strong + span {
  display: inline-block;
  margin-left: 8px;
}

.list-wrap .link-item-list > li > a dl.item-content .item-title.ellipsis2, .list-wrap .link-item-list > li > div dl.item-content .item-title.ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
}

.list-wrap .link-item-list > li > a dl.item-content .item-date, .list-wrap .link-item-list > li > div dl.item-content .item-date {
  margin-top: 4px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.list-wrap .link-item-list > li > a dl.item-content .item-date span ~ span, .list-wrap .link-item-list > li > div dl.item-content .item-date span ~ span {
  display: inline-block;
  margin-left: 4px;
}

.list-wrap .link-item-list > li > a dl.item-content .item-date > .flex-item-list li, .list-wrap .link-item-list > li > div dl.item-content .item-date > .flex-item-list li {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.list-wrap .link-item-list > li > a dl.item-content .item-comment, .list-wrap .link-item-list > li > div dl.item-content .item-comment {
  margin-top: 2px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.list-wrap .link-item-list > li > a div, .list-wrap .link-item-list > li > div div {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.list-wrap .link-item-list > li > a div .item-price.item-reject, .list-wrap .link-item-list > li > div div .item-price.item-reject {
  color: #ee1100;
  text-decoration: line-through;
}

.list-wrap .link-item-list > li > a div .item-price.item-cancel, .list-wrap .link-item-list > li > div div .item-price.item-cancel {
  color: #ee1100;
}

.list-wrap .link-item-list > li > a .item-price.item-reject, .list-wrap .link-item-list > li > div .item-price.item-reject {
  color: #ee1100;
  text-decoration: line-through;
}

.list-wrap .link-item-list > li > .flag:first-child {
  margin-bottom: 8px;
}

.list-wrap .link-item-list > li > .d-flex-between:last-child .text-link:only-child {
  margin-top: 8px;
}

.list-wrap .link-item-list.flex-list > li, .list-wrap .link-item-list.flex-list > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.list-wrap .link-item-list.flex-list > li strong, .list-wrap .link-item-list.flex-list > li > a strong {
  display: inline-block;
  margin-right: 24px;
  font-weight: 500;
  color: #222;
}

.list-wrap .link-item-list.flex-list > li .item-content, .list-wrap .link-item-list.flex-list > li > a .item-content {
  color: #666;
}

.list-wrap .link-item-list.flex-list > li > a {
  position: relative;
  width: 100%;
}

.list-wrap .link-item-list.flex-list > li > a::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.list-wrap .link-item-list.item-push-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 400;
  border: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-wrap .link-item-list.item-push-list > li.item-all-agree {
  border-bottom: 1px #ebebeb solid;
}

.list-wrap .link-item-list.item-push-list > li strong {
  font-weight: 500;
}

.list-wrap .link-item-list.item-push-list > li .add-info {
  display: block;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 400;
  color: #999;
}

.list-wrap .link-item-list.item-card-list {
  padding: 18px 0 15px;
  border-bottom: 1px solid #ebebeb;
}

.list-wrap .link-item-list.item-card-list > li {
  padding: 9px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border: none;
}

.list-wrap .link-item-list.item-card-list > li:first-child {
  padding-top: 0;
}

.list-wrap .link-item-list.item-card-list > li:last-child {
  padding-bottom: 0;
}

.list-wrap .link-item-list.item-card-list > li .list-num {
  display: inline-block;
  text-align: center;
  min-width: 24px;
}

.list-wrap .link-item-list.item-card-list > li .item-content {
  margin-left: 24px;
}

.list-wrap .link-item-list.item-card-list + .btn-wrap {
  margin-top: 19px;
}

.list-wrap .link-item-list.lats-border-none > li:last-child {
  border-bottom: 0;
}

.list-wrap.plan-wrap {
  margin: 0;
}

.list-wrap.plan-wrap .link-item-list > li {
  padding: 18px 0;
  border: none;
}

.list-wrap.plan-wrap .link-item-list > li ~ li {
  border-top: 1px solid #ebebeb;
}

.list-wrap.plan-wrap .item-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr max-content;
      grid-template-columns: 1fr -webkit-max-content;
      grid-template-columns: 1fr max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.list-wrap.plan-wrap dt, .list-wrap.plan-wrap dd {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  color: #666;
  padding: 0;
}

.list-wrap.plan-wrap dt > strong, .list-wrap.plan-wrap dd > strong {
  font-weight: 500;
  color: #222;
}

.list-wrap.plan-wrap dt .item-date, .list-wrap.plan-wrap dd .item-date {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.list-wrap.plan-wrap dt .item-title, .list-wrap.plan-wrap dd .item-title {
  display: inline-block;
  margin-right: 14px;
}

.list-wrap.plan-wrap dt > span.text-gray {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.list-wrap.plan-wrap dd {
  text-align: right;
}

.list-wrap .flex-item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.list-wrap .flex-item-list > li {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  color: #666;
}

.list-wrap .flex-item-list > li > span,
.list-wrap .flex-item-list > li > strong {
  display: inline-block;
  margin-left: 2px;
}

.list-wrap .flex-item-list > li > strong {
  font-weight: 500;
}

.list-wrap .flex-item-list > li.d-flex-between span,
.list-wrap .flex-item-list > li.d-flex-between strong {
  margin-left: 4px;
}

.list-wrap .flex-item-list > li.d-block {
  margin-bottom: 4px;
}

.list-wrap .flex-item-list > li.d-block + li,
.list-wrap .flex-item-list > li + .d-block {
  position: inherit;
  padding-left: 0;
  margin-left: 0;
}

.list-wrap .flex-item-list > li.d-block + li::before,
.list-wrap .flex-item-list > li + .d-block::before {
  display: none;
}

.list-wrap .flex-item-list > li > .text-link {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.list-wrap .flex-item-list > li .text-link {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.list-wrap .flex-item-list > li + li {
  position: relative;
  padding-left: 8px;
  margin-left: 8px;
}

.list-wrap .flex-item-list > li + li::before {
  content: '';
  position: absolute;
  left: 0;
  top: calc(50% - 4px);
  height: 8px;
  width: 1px;
  background-color: #ebebeb;
}

.list-wrap .flex-item-list.text-12 > li {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.list-wrap .flex-item-list.text-12 > li span {
  display: inline-block;
  margin-left: 8px;
}

.list-wrap .flex-item-list.text-12 + .text-price {
  margin-top: 16px;
}

.list-wrap .flex-item-list.flex-row dt {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
}

.list-wrap .flex-item-list.flex-row dd {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.list-wrap .flex-item-list.flex-row > li + li {
  padding-left: 32px;
  margin: 0;
}

.list-wrap .flex-item-list.flex-row > li + li::before {
  display: none;
}

.list-wrap .flex-item-list + .text-20.text-gray-dark.text-medium {
  margin-top: 8px;
}

.list-wrap .sub-title.title-depth3 + .list-dot {
  margin-top: 8px;
}

.turning-title {
  padding: 24px 0 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.turning-title + .turning-list {
  border-top: 1px solid #222;
}

.turning-list .item-content {
  padding: 24px 0;
}

.turning-list .item-content ~ li {
  border-top: 1px solid #ebebeb;
}

.turning-list .item-content:last-child {
  border-bottom: 1px solid #ebebeb;
}

.turning-list .item-content .turning-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  margin-bottom: 4px;
}

.turning-list .item-content .turning-content > .item-title > .text-12 {
  margin-left: 8px;
}

.turning-list .item-content .turning-content > .item-title strong {
  font-weight: 500;
}

.turning-list .item-content .turning-content > .item-price > .item-price {
  font-weight: 500;
}

.turning-list .item-content > .flex-item-list > li {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.turning-list + .btn-wrap {
  margin-top: 17px;
}

.input-list-check.list-only > li .list-content {
  width: 100%;
}

.input-list-check > li {
  padding: 24px 0;
  border-bottom: 1px solid #ebebeb;
}

.input-list-check > li .list-content {
  width: calc(100vw - 32px - 48px);
}

.input-list-check > li .list-content span {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.input-list-check > li .list-content .text-label > em {
  display: block;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-style: normal;
}

.input-list-check > li .list-content .text-label > span {
  display: block;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

.input-list-check > li.list-disabled .list-content {
  color: #999;
}

.input-list-check > li.list-disabled .list-content span {
  color: #999;
}

.input-list-check > li .list-content .d-block.d-flex-between + .d-block.d-flex-between {
  margin-top: 16px;
}

.input-list-check > li .list-content .d-block.d-flex-between + .d-block.d-flex-between .checkbox-sm label {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.input-list-check > li .list-content .d-block.d-flex-between + .d-block.d-flex-between .checkbox-sm label em::before,
.input-list-check > li .list-content .d-block.d-flex-between + .d-block.d-flex-between .checkbox-sm label em::after {
  background-color: #999;
}

.input-list-check > li .list-content .d-block.d-flex-between + .d-block.d-flex-between .checkbox-sm input[type=checkbox]:checked + label em::before,
.input-list-check > li .list-content .d-block.d-flex-between + .d-block.d-flex-between .checkbox-sm input[type=checkbox]:checked + label em::after {
  background-color: #5089ca;
}

.input-list-check > li .list-content .d-block.d-flex-between + .d-block.d-flex-between .checkbox-sm input[type=checkbox]:disabled + label em::before,
.input-list-check > li .list-content .d-block.d-flex-between + .d-block.d-flex-between .checkbox-sm input[type=checkbox]:disabled + label em::after {
  background-color: #ebebeb;
}

.input-list-check > li .list-content .d-block.d-flex-between + .d-block.d-flex-between .checkbox-sm.devide-sm-right label {
  margin-right: 0;
}

.input-list-check > li .list-content label {
  -webkit-box-flex: 1;
      -ms-flex: 1 50%;
          flex: 1 50%;
}

.input-list-check > li .list-content label + .input-unit {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 40%;
          flex: 1 0 40%;
  height: 40px;
  margin-left: 16px;
}

.input-list-check > li .list-content label + .input-unit + .btn-arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 40px;
  margin-left: 4px;
}

.input-list-check > li .list-content .box-gray {
  margin-top: 16px;
}

.input-list-check > li .list-content .box-gray > .list-data-default {
  padding: 0;
  color: #666;
}

.input-list-check > li .list-content .box-gray > .list-data-default .text-link {
  color: #222;
}

.input-list-check > li .custom-checkbox.checkbox-md.check-only + .list-content {
  width: calc(100% - 32px);
}

.input-list-check .d-flex .custom-checkbox.checkbox-md.check-only:first-child label::before {
  top: 8px;
}

.input-list-check .d-flex .custom-checkbox.checkbox-md.check-only:first-child label em {
  top: 24px;
}

.input-list-check + .text-center .text-link.icon-link-down {
  margin-top: 17px;
}

.input-list-default li {
  padding: 13px 0;
}

.top-visual + .list-wrap {
  margin-top: 0;
}

.top-visual + .list-wrap .link-item-list.flex-list li {
  padding: 22px 0;
}

.top-visual + .list-wrap .link-item-list.flex-list li a {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.result-info-wrap {
  margin-top: 64px;
}

.result-info-wrap .sub-title.title-depth3 {
  padding-bottom: 16px;
  border-bottom: 1px solid #222;
}

.input-list-check.sales .d-flex {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.input-list-check.sales .item-title {
  max-width: 62%;
}

.input-list-check.sales .item-title.ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
}

/* mixin 정리 */
[class*=list-data] {
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  padding: 22px 0;
}

[class*=list-data].border-none {
  border: 0;
}

[class*=list-data].border-b-none {
  border-bottom: 0;
  padding-bottom: 0;
}

[class*=list-data] .data-footer {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

[class*=list-data] .data-footer.col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

[class*=list-data] + .message-text.message-text-sm.message-text-gray {
  margin-top: 16px;
}

[class*=list-data] .data-result {
  margin-top: 16px;
  padding: 16px 0;
  border-top: 1px solid #ebebeb;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 600;
}

[class*=list-data].small-gap {
  padding: 16px 0;
}

[class*=list-data].list-gap.small-gap li {
  padding: 4px 0;
}

.box-white > [class*=list-data] {
  padding: 20px 0;
}

.list-data-default.border-none {
  border: none;
}

.list-data-default.border-none > li ~ li {
  padding-bottom: 16px;
}

.list-data-default li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 12px;
}

.list-data-default li span {
  color: #666;
}

.list-data-default li span.black {
  color: #222;
}

.list-data-default li > div {
  text-align: right;
}

.list-data-default li > div address {
  display: inline-block;
  font-style: normal;
  width: 70%;
}

.list-data-default li:last-child {
  padding-bottom: 0;
}

.list-data-default li.list-items {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.list-data-default li.list-items > div:nth-child(1) {
  text-align: left;
  white-space: nowrap;
  word-break: break-all;
  color: #666;
}

.list-data-default li.list-items > div:nth-child(2) {
  text-align: right;
  padding-left: 6px;
}

.list-data-default li.list-items.tooltip div {
  white-space: inherit;
}

.list-data-default li.list-items.tooltip div .tooltip-wrap {
  margin-top: 0;
}

.list-data-default li.list-items .bubble-textbox-wrap {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  width: 100%;
  margin-top: 10px;
  padding-bottom: 30px;
}

.list-data-default li.list-items-card {
  padding-bottom: 32px;
}

.list-data-default li.list-items-card .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  white-space: normal !important;
}

.list-data-default li.list-items-card .card-image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 78px;
  height: 48px;
}

.list-data-default li.list-items-card .card-image img.typeH, .list-data-default li.list-items-card .card-image img.card-h {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 48px;
  height: 78px;
}

.list-data-default li.list-items-card .card-image .inactive {
  position: absolute;
  display: inline-block;
  width: 100%;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #fff;
}

.list-data-default li.list-items-card .card-info {
  max-width: 160px;
  margin-left: 12px;
}

.list-data-default li.list-items-card .card-info strong {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
}

.list-data-default li.list-items-card .card-info span {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.list-data-default li.list-items-card .box-gray p + .copy-text-wrap.guide-msg {
  margin-top: 8px;
  color: #222;
}

.list-data-default li.list-items-card .box-gray p + .copy-text-wrap.guide-msg .text-link.text-blue {
  margin-left: 16px;
}

.list-data-default li.list-items-card .box-gray p + .copy-text-wrap.guide-msg .text-red + .btn {
  margin-top: 0;
}

.list-data-default li.list-items-card .box-gray p + .copy-text-wrap.guide-msg + .btn {
  height: 22px;
  margin-top: 12px;
  font-weight: 500;
}

.list-data-default li.list-items-card:last-child {
  padding-bottom: 0;
}

.list-data-default li.list-items-card + .list-items-card {
  padding-top: 32px;
}

.list-data-default li.list-items.type02 {
  display: block;
}

.list-data-default li .single-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.list-data-default li .single-item .text-12 {
  font-weight: 400;
}

.list-data-default li.border {
  padding: 12px 0;
  border-bottom: 1px solid #f3f3f3;
}

.list-data-default li.border > div:nth-child(1) {
  color: #222;
}

.list-data-default li.border > div:nth-child(2) {
  font-weight: 500;
}

.list-data-default li.list-link {
  border-bottom: 1px solid #f3f3f3;
  padding: 0;
}

.list-data-default li.list-link a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  padding: 14px 24px 14px 0;
}

.list-data-default li.list-link a::after {
  content: '';
  display: block;
  position: absolute;
  top: inherit;
  right: 8px;
  width: 8px;
  height: 8px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.list-data-default li.list-link a > div:nth-child(1) {
  color: #666;
}

.list-data-default li.list-link a > div:nth-child(2) {
  color: #222;
}

.list-data-default li .line-through {
  padding-right: 8px;
  color: #bbb;
}

.list-data-default > li > span:first-child {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.list-data-default.data-list-benefit {
  padding: 6px 0;
}

.list-data-default.data-list-benefit li {
  padding: 6px 0;
}

.list-data-default + .list-data-default {
  border-top: 0;
}

.list-wrap.text-lg .list-data-default > li > * {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.list-data-default.inner {
  border-top: 0;
  border-bottom: 0;
}

.list-data-default.inner + .list-data-default.inner {
  border-top: 1px solid #f3f3f3;
  margin-top: 20px;
  padding-top: 20px;
}

.list-data-default.inner li > div.text-right .text-link.text-silver {
  margin-top: 4px;
}

.list-data-default.border-bottom {
  border-top: 0;
  padding: 20px 0;
}

.list-data-default.border-bottom > li:last-child {
  padding-bottom: 0;
}

.box-white .list-data-default > li:last-child {
  padding-bottom: 0;
}

.list-data-default.number > li {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.list-data-default.number > li span:first-child {
  min-width: 24px;
  text-align: center;
}

.list-data-default.number > li div:last-child {
  padding-left: 24px;
}

.list-data-default .list-wrap .flex-item-list > li {
  padding-bottom: 0;
}

.list-data-border {
  border: 0;
}

.list-data-border li {
  padding: 16px 0;
}

.list-data-border li > div .text-medium.text-black {
  padding-left: 16px;
}

.list-data-border li:first-child {
  padding-top: 0;
}

.list-data-border li:last-child {
  padding-bottom: 0;
}

.list-data-border li + li {
  border-top: 1px solid #f3f3f3;
}

.list-data-result {
  border: none;
}

.list-data-result > li {
  margin: 6px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.list-data-result > li ~ .list-data-result > li {
  padding-bottom: 12px;
}

.list-data-result > li.card-info {
  margin-bottom: 14px;
}

.list-data-result .card-sum {
  color: #222;
}

.list-data-result .card-sum > strong {
  display: inline-block;
  margin-left: 5px;
  font-weight: 500;
}

.list-data-result .card-sum > strong > i {
  color: #0B48BE;
  font-style: normal;
}

.list-data-result.border-top {
  padding: 16px 0;
}

.box-gray [class*=list-data] {
  padding: 0;
}

.empty-data {
  padding: 56px 0;
  text-align: center;
}

.single-data .sub-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.single-data .sub-title .amount {
  font-weight: 500;
}

.single-data .sub-title .amount.text-16 {
  font-weight: 700;
}

.single-data .date {
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.single-data + .list-data-default {
  margin-top: 20px;
}

.single-data + .list-data-default + .single-data {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ebebeb;
}

.list-data-default.border-none + .d-flex.d-flex-between.sub-title.title-depth3.title-small {
  padding-top: 24px;
  border-top: 1px solid #ebebeb;
}

.sub-footer.has-data-field {
  padding-top: 0;
  background: #fff;
}

.sub-footer.has-data-field .list-data-default {
  margin: 0 -24px;
  padding: 24px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  border: 0;
  border-radius: 16px 16px 0 0;
  -webkit-box-shadow: 0 -6px 11px -4px rgba(0, 0, 0, 0.14);
          box-shadow: 0 -6px 11px -4px rgba(0, 0, 0, 0.14);
}

.sub-footer.has-data-field .list-data-default li > div {
  color: #222;
}

.sub-footer.has-data-field .list-data-default li > div:last-child {
  color: #3674bc;
  font-weight: 700;
}

.sub-footer-data {
  position: fixed;
  bottom: calc(84px + var(--safe-bottom));
  width: 100%;
  background-color: #fff;
  border-radius: 16px 16px 0 0;
  -webkit-box-shadow: 0 -2px 11px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 -2px 11px 0 rgba(0, 0, 0, 0.06);
}

.sub-footer-data .list-data-default {
  padding: 24px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  border: 0;
}

.sub-footer-data .list-data-default li > div {
  color: #000 !important;
}

.sub-footer-data .list-data-default li > div:last-child {
  font-weight: 500;
}

.list-items.has-graph .round {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 50px;
}

.list-items.has-graph .graph-wrap {
  -webkit-box-flex: 7;
      -ms-flex-positive: 7;
          flex-grow: 7;
  text-align: left !important;
}

.list-items.has-graph .amount {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 88px;
}

.list-items.has-graph:last-child {
  padding-bottom: 0;
}

.graph-horizontal {
  display: inline-block;
  padding: 0 6px;
  border-radius: 4px;
  text-align: right;
  width: var(--graph-gauge);
  animation: graph-gauge 1s ease;
  -webkit-animation: graph-gauge 1s ease;
}

.graph-horizontal.gauge-min {
  --graph-gauge: 30%;
}

.graph-horizontal.gauge-50 {
  --graph-gauge: 70%;
}

.graph-horizontal.gauge-max {
  --graph-gauge: 98%;
}

.graph-horizontal .graph-value {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #fff !important;
}

.graph-horizontal.graph-green {
  background-color: #6ccad9;
}

.graph-horizontal.graph-blue {
  background-color: #3674bc;
}

@-webkit-keyframes graph-gauge {
  from {
    width: 10%;
  }
  to {
    width: --graph-gauge;
  }
}

@keyframes graph-gauge {
  from {
    width: 10%;
  }
  to {
    width: --graph-gauge;
  }
}

.list-data-default.type02 {
  border: 0;
}

.list-data-default.type02 li {
  padding-bottom: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-data-default.type02 li + li {
  padding-top: 24px;
  padding-bottom: 0;
}

.list-data-default.type03 {
  padding-bottom: 0;
  border: 0;
}

.list-data-default.type03 li {
  font-weight: 500;
}

.list-data-default.type03 li.list-items > div:nth-child(1) {
  color: #222;
}

.list-data-default li .btns .text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  margin-right: 12px;
  color: #222;
}

.list-data-default li .btns .btn-xs {
  min-width: 42px;
}

.list-data-default li .btns .custom-switch {
  vertical-align: middle;
}

.list-data-wrap {
  border-bottom: 0;
  padding: 22px 0 0;
}

.list-data-wrap .btn.btn-xs {
  min-width: 42px;
}

.list-data-wrap > li + li {
  border-top: 1px solid #ebebeb;
  padding-top: 24px;
}

.list-data-wrap .list-data-default.border-none > li:last-child {
  padding-bottom: 0;
}

.list-data-wrap .service-cancel {
  margin-top: -6px;
  text-align: right;
}

.list-data-wrap .service-cancel a {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.list-data-default.total {
  border-top: 0;
  border-bottom: 1px solid #222;
  padding: 48px 0 16px 0;
}

.list-data-default.total .money, .list-data-default.total .money > span {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #0B48BE;
}

.list-data-default.total > li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-data-default.total + .list-wrap {
  margin-top: 0;
}

.turning-list > .list-link a {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 24px 0 0;
}

.turning-list > .list-link a::after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  right: 8px;
  width: 8px;
  height: 8px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.data-border-wrap.type02 {
  border-top: 1px solid #000;
}

.data-border-wrap.type02 > .list-data-default {
  border: 0;
}

.list-data-default > li.list-items.total02 > div {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.list-data-default > li.list-items.total02 > div:nth-child(2) {
  font-weight: 500;
  letter-spacing: 0;
}

.list-items.total02 {
  padding-top: 8px;
}

.card-kind-wrap + .list-data-default li.list-items {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}

.card-kind-wrap + .list-data-default li.list-items > div:nth-child(1) {
  width: 42%;
  white-space: normal;
}

.card-kind-wrap + .list-data-default li.list-items > div:nth-child(2) {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 65%;
  word-break: keep-all;
}

.section-container.depth3 .sub-title.title-depth4.underline {
  font-weight: 500;
}

/* mixin 정리 */
.list-dot {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

.list-dot > li {
  position: relative;
  margin-top: 12px;
  padding-left: 8px;
}

.list-dot > li:first-child {
  margin-top: 0;
}

.list-dot > li::before {
  content: '';
  position: absolute;
  left: 0;
  background: #666;
  top: 8px;
  width: 2px;
  height: 2px;
}

.list-dot.list-dot-none > li {
  margin-top: 8px;
  padding-left: 0;
  padding-right: 0;
}

.list-dot.list-dot-none > li::before {
  display: none;
}

.list-dot.list-dot-small > li {
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.list-dot.list-dot-small > li:first-child {
  margin-top: 0;
}

.list-dot.list-dot-small > li::before {
  top: 6px;
}

.list-hyphen {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

.list-hyphen.list-depth2 li {
  margin-top: 0;
}

.list-hyphen > li {
  position: relative;
  margin-top: 12px;
  padding-left: 8px;
}

.list-hyphen > li:first-child {
  margin-top: 0;
}

.list-hyphen > li::before {
  content: '';
  position: absolute;
  left: 0;
  content: '-';
  top: 0px;
}

.text-hyphen {
  position: relative;
  margin-top: 12px;
  padding-left: 8px;
  letter-spacing: -0.5px;
  font-size: 14px;
  line-height: 1.6;
  color: #666;
}

.text-hyphen::before {
  content: '';
  position: absolute;
  left: 0;
  content: '-';
  top: 0px;
}

.list-asterisk {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

.list-asterisk.list-depth2 li {
  margin-top: 0;
}

.list-asterisk > li {
  position: relative;
  margin-top: 12px;
  padding-left: 8px;
}

.list-asterisk > li:first-child {
  margin-top: 0;
}

.list-asterisk > li::before {
  content: '';
  position: absolute;
  left: 0;
  content: '*';
  top: 3px;
}

.inner-list {
  margin-top: 6px;
}

.inner-list li ~ li {
  margin-top: 4px;
}

.list-margin-mideum > li ~ li {
  margin-top: 8px;
}

.report-list {
  padding: 16px 0;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.report-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.report-list li span:first-child {
  color: #222;
}

.report-list li span:last-child {
  color: #222;
  font-weight: 500;
  min-width: 50px;
}

.report-list li + li {
  margin-top: 18px;
}

.report-list li a.text-link {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #3674bc;
}

.report-list.type02 li > span:first-child {
  color: #666;
}

.report-list.type02 li > span:last-child {
  text-align: right;
}

.report-list-custom-1 {
  border: none;
  padding: 6px 0;
}

.report-list-custom-1 li {
  padding: 16px 0;
  display: block;
}

.report-list-custom-1 li + li {
  margin-top: 0;
  border-top: 1px solid #ebebeb;
}

.report-list-custom-1 .list-item {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 400;
}

.report-list-custom-1 li a.text-link {
  display: block;
  position: relative;
  padding-right: 15px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
  line-height: 24px;
}

.report-list-custom-1 li a.text-link::before {
  height: 0;
}

.report-list-custom-1 li a.text-link::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 2px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.report-list-custom-1 li a.text-link > span {
  display: block;
  font-weight: 400;
}

.report-list-custom-1 li a.text-link.type02 .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.report-list-custom-1 li a.text-link.type02 .list-item .small-text {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  margin-top: 4px;
}

.data-list-wrap .report-list {
  border: 0;
}

.list-simple li {
  margin: 8px 0 0 0;
  padding: 0;
}

.list-simple li:first-child {
  margin-top: 0;
}

.list-colum-type1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}

.list-colum-type1 li {
  width: calc(33.333% - 6px);
  margin-left: 9px;
  margin-top: 8px;
}

.list-colum-type1 li:nth-child(3n + 1) {
  margin-left: 0;
}

.list-colum-type1 li:nth-child(1), .list-colum-type1 li:nth-child(2), .list-colum-type1 li:nth-child(3) {
  margin-top: 0;
}

.info-list li {
  padding: 16px 0;
}

.info-list li .info-list-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.info-list li span {
  color: #666;
}

.info-list li span em {
  padding-left: 3px;
  font-style: normal;
  text-decoration: line-through;
}

.info-list li strong {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #0B48BE;
}

.info-list li ~ li {
  border-top: 1px solid #f3f0ee;
}

.info-list li:first-child {
  padding-top: 0;
}

.info-list li:last-child {
  padding-bottom: 0;
}

.list-required > li {
  padding-left: 15px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
  line-height: 1.33;
}

.list-required > li::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: '※';
  text-indent: -15px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.list-required > li ~ li {
  margin-top: 8px;
}

.list-required > li > div.no-indentation {
  margin-left: -15px;
}

.list-required.big > li {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.accordion-wrap.type-button.type-full .list-dot > li {
  margin-top: 12px;
}

.accordion-wrap.type-button.type-full .list-dot > li:first-child {
  margin-top: 0;
}

.accordion-wrap.type-button.type-full .list-dot > li .list-hyphen > li {
  margin-top: 0;
}

.list-number > li {
  position: relative;
  list-style: decimal-leading-zero;
  list-style-position: inside;
}

.list-number > li + li {
  margin-top: 8px;
}

.list-number-2 > li {
  position: relative;
  list-style: decimal;
  list-style-position: inside;
}

.list-number-2 > li + li {
  margin-top: 8px;
}

.list-circle-num {
  counter-reset: section;
  list-style: none;
}

.list-circle-num > li {
  position: relative;
  padding-left: 20px;
}

.list-circle-num > li::before {
  content: counter(section);
  counter-increment: section;
  border: 1px solid #222;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 10px;
  height: 10px;
  font-size: 10px;
  border-radius: 15px;
  line-height: 10px;
  margin: -3px 4px 0 -17px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 0 1px 0 0;
}

.list-circle-num > li .list-asterisk {
  margin: 4px 0 8px -17px;
}

.list-basic li {
  margin: 8px 0 0 0;
  padding: 0;
}

.list-basic li:first-child {
  margin-top: 0;
}

li > .list-basic {
  margin-top: 8px;
}

.list-firstFix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.list-firstFix div:first-child {
  white-space: nowrap;
  margin-right: 4px;
}

/* mixin 정리 */
.btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 73px;
  height: 56px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  letter-spacing: -0.5px;
  color: #fff;
  background-color: #3674bc;
  border: 1px solid #3674bc;
  border-radius: 10px;
  vertical-align: middle;
  padding: 0 5px;
  overflow: hidden;
}

.btn .text-small {
  display: block;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 400;
}

.btn.btn-block {
  display: block;
  width: 100%;
}

.btn.btn-primary {
  border-color: #544944;
  background-color: #544944;
}

.btn.btn-primary:active {
  background-color: #302a28;
  border-color: #302a28;
}

.btn.btn-gray {
  color: #222;
  border-color: #f3f3f3;
  background-color: #f3f3f3;
}

.btn.btn-gray:active {
  background-color: #bbb;
  border-color: #bbb;
}

.btn.btn-sky-blue {
  color: #00437c;
  border-color: #e5edf7;
  background-color: #e5edf7;
}

.btn.btn-sky-blue:active {
  background-color: #97b7df;
  border-color: #97b7df;
}

.btn:active {
  background-color: #2d4f76;
  border-color: #2d4f76;
}

.btn:disabled, .btn:disabled:active {
  border-color: #ebebeb;
  background-color: #ebebeb;
  color: #bbb;
  cursor: not-allowed;
}

.btn.btn-border {
  background-color: #fff;
  border-color: #999;
  color: #222;
}

.btn.btn-border:active {
  background-color: #fafafa;
  border-color: #999;
}

.btn.btn-border:disabled, .btn.btn-border:disabled:active {
  border-color: #ebebeb;
  background-color: #fff;
  color: #bbb;
}

.btn.btn-border.light {
  font-weight: 500;
  border: 1px solid #ebebeb;
}

.btn.btn-border.gray {
  border-color: #bbb !important;
}

.btn.btn-border.bg-transparent {
  background-color: transparent;
  border-color: #fff;
  font-weight: 400;
  color: #fff;
}

.btn.btn.btn-lg {
  height: 60px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  line-height: 1;
  font-weight: 500;
  padding: 1px 10px 0;
}

.btn.btn.btn-lg.btn-round {
  border-radius: 30px;
  padding: 1px 22px 0;
}

.btn.btn-md {
  height: 48px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  line-height: 1;
  font-weight: 700;
  padding: 1px 10px 0;
}

.btn.btn-md.btn-round {
  border-radius: 24px;
  padding: 1px 18px 0;
}

.btn.btn-sm {
  min-width: 64px;
  height: 32px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  line-height: 1;
  font-weight: 700;
  padding: 2px 10px 0;
}

.btn.btn-sm.btn-round {
  border-radius: 16px;
  padding: 2px 16px 0;
}

.btn.btn-sm2 {
  min-width: 64px;
  height: 40px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  line-height: 1;
  font-weight: 500;
  border-radius: 5px;
  padding: 1px 10px 0;
}

.btn.btn-xs {
  min-width: 64px;
  height: 24px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 500;
  padding: 0 10px;
  line-height: 1;
  padding-top: 3px;
}

.btn.btn-xs.btn-round {
  border-radius: 16px;
  border: 1px solid #ebebeb;
}

.btn.btn-auto {
  min-width: 42px;
}

.btn.btn-alert {
  height: 40px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  line-height: 1;
  background-color: #0B48BE;
  border-color: #0B48BE;
  border-radius: 8px;
  padding: 1px 15px 0;
}

.btn.btn-alert:disabled, .btn.btn-alert:disabled:active {
  background-color: #ebebeb;
  color: #bbb;
  border-color: #ebebeb;
}

.btn.btn-alert.btn-round {
  border-radius: 20px;
}

.btn.btn-alert.btn-border {
  background-color: #fff;
  border-color: #999;
  color: #222;
}

.btn.btn-alert.btn-border:active {
  background-color: #fafafa;
  border-color: #999;
}

.btn.btn-alert.btn-border:disabled, .btn.btn-alert.btn-border:disabled:active {
  border-color: #ebebeb;
  background-color: #fff;
  color: #bbb;
}

.btn.btn-alert.btn-border.btn-sm {
  height: 32px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.btn.btn-arrow {
  padding: 0 20px;
  text-align: left;
}

.btn.btn-arrow + .btn-arrow {
  margin-top: 8px;
}

.btn.btn-arrow::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 9px;
  height: 9px;
  margin-top: -3px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.btn.btn-arrow.big {
  height: 84px;
}

.btn.btn-arrow.big + .btn-arrow.big {
  margin-top: 12px;
}

.btn-arrow.only {
  min-width: auto;
  padding: 0;
  background: transparent;
  border: 0;
  font-size: 0;
  color: transparent;
}

.btn-arrow.only::after {
  right: 50%;
}

.btn.btn-transparent {
  background-color: transparent;
  border-color: transparent;
  color: #222;
}

.btn-search {
  background-color: transparent;
  border: 0;
  width: 48px;
  height: 48px;
  padding: 0;
  line-height: 1;
  border-radius: 25px;
}

.btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.btn-box:not([class*='col']) .btn {
  margin-left: 8px;
}

.btn-box:not([class*='col']) .btn:first-child {
  margin-left: 0;
}

.btn-box.flex-wrap .btn {
  margin-left: 0;
}

.btn-box.no-gap .btn {
  margin-left: 0;
}

.btn-box.no-gap .btn-border + .btn-border {
  margin-left: -1px;
}

.btn-box.box-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  padding: 10px 24px 30px;
}

.btn-box.col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.btn-box.col .btn + .btn {
  margin-top: 8px;
}

.btn-container {
  margin-top: 24px;
}

.btn-container .btn {
  width: 100%;
}

.btn-container .btn + .btn {
  margin-top: 8px;
}

.accordion-wrap .btn-wrap + .list-dot {
  margin-top: 14px;
}

.btn-pos-relative {
  position: relative !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* mixin 정리 */
.btn.btn-icon {
  position: relative;
  min-width: auto;
  height: 30px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  line-height: 30px;
  font-weight: 500;
  background: none;
  border: 0;
  color: #222;
  padding: 0 0 0 30px;
  vertical-align: bottom;
}

.btn.btn-icon-lg {
  width: 30px;
  height: 30px;
}

.btn.btn-icon-sm {
  width: 16px;
  height: 16px;
}

.btn.btn-icon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-size: 18px auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.btn.btn-icon.icon-delete::before {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-camera.png);
}

.btn.btn-icon-custom {
  padding-top: 1px;
}

.btn-icon-custom span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
}

.btn-icon-custom span::before {
  content: '';
  display: inline-block;
  margin-right: 8px;
}

.btn-icon-custom.icon-camera span::before {
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-camera.svg) 0 0 no-repeat;
  background-size: 32px auto;
}

.btn-icon-custom.icon-finger span::before {
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-finger.svg) 0 0 no-repeat;
  background-size: 32px auto;
}

.btn-icon-custom.icon-filter span::before,
.btn-icon-custom.icon-filter span::after {
  width: 24px;
  height: 24px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-filter.svg) 0 0 no-repeat;
  background-size: 24px auto;
}

.btn-icon-custom.icon-filter.btn-round {
  padding-right: 0;
}

.btn-icon-custom.icon-filter-2 {
  padding-top: 0;
  line-height: 17px;
}

.btn-icon-custom.icon-filter-2 span::before,
.btn-icon-custom.icon-filter-2 span::after {
  width: 24px;
  height: 24px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-filter-24.svg) 0 -1px no-repeat;
  background-size: 24px auto;
}

.btn-icon-custom.icon-filter-2.btn-round {
  padding-right: 0;
}

.btn-icon-custom.icon-detail-view span::before,
.btn-icon-custom.icon-detail-view span::after {
  width: 24px;
  height: 24px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-filter.svg) 0 0 no-repeat;
  background-size: 24px auto;
}

.btn-icon-custom.icon-detail-view.btn-round {
  padding-right: 0;
}

.btn-icon-custom.btn-icon-custom-right {
  background: none;
  border: none;
  color: #222;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  line-height: inherit;
  padding: 0;
  height: auto;
}

.btn-icon-custom.btn-icon-custom-right span::before {
  display: none;
}

.btn-icon-custom.btn-icon-custom-right span::after {
  content: '';
  display: inline-block;
}

.btn-icon-custom.icon-plug span::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-plug.png);
  background-size: 100% auto;
}

.btn-icon-custom.icon-call span::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-call.png);
  background-size: 100% auto;
}

.btn-icon-custom.icon-pen span::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-pen.png);
  background-size: 100% auto;
}

.btn-other {
  height: 34px;
  border-color: #bbb;
  padding: 0 16px 0 10px;
  border-radius: 16px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.btn-other + * {
  margin-left: 8px;
}

/*icon + button  뉴가이드*/
.btn.btn-style-none {
  color: #222;
  background: none;
  border: none;
  padding: 0;
}

.btn.btn-style-none:active {
  border: none;
}

.btn.btn-icon-c {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  margin: 0;
  padding-top: 0;
}

.btn.btn-icon-c i {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 8px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.btn.btn-icon-c.btn-xs i {
  width: 24px;
  height: 24px;
  margin: 0;
}

.btn.btn-icon-c.btn-sm {
  padding: 0 16px 0 10px;
}

.btn.btn-icon-c.btn-sm i {
  width: 16px;
  height: 18px;
  margin: 0;
}

.btn.btn-icon-c.btn-sm i + span,
.btn.btn-icon-c.btn-sm span + i {
  margin-left: 8px;
}

.btn.btn-icon-c + .btn.btn-icon-c {
  margin-left: 8px;
}

.icon-c {
  /* 2021-06-18 [/spa/pub-guide/09_pattern/assets/scss/imog.scss] 내용 이동됨
    &-flug{
        background-image: url(/webapp/v2/common/assets/images/common/icons/icon-plug.png);
    }
    &-call{
        background-image: url(/webapp/v2/common/assets/images/common/icons/icon-call.png);
    }
    &-pen{
        background-image: url(/webapp/v2/common/assets/images/common/icons/icon-pen.png);
    }
    */
}

.icon-c-camera {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-camera.svg);
}

.icon-c-finger {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-finger.svg);
}

.icon-c-filter {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-filter.svg);
}

.icon-c-filter-2 {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-filter-24.svg);
}

.icon-c-reset {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-reset.svg);
}

.icon-c-change {
  background-image: url(../../../../../common/assets/images/card/icons/icon-change.svg);
}

.icon-c-settings {
  background-image: url(../../../../../common/assets/images/common/icons/icon-header-setting-48.svg);
}

.btn.btn-icon-c.iconOnly {
  padding: 0;
  border-radius: 22.5px;
  width: 32px;
  height: 32px;
  min-width: auto;
}

.btn.btn-icon-c.iconOnly.btn-sm i {
  width: 24px;
  height: 24px;
}

.btn.btn-icon-c.iconOnly.btn-md {
  width: 40px;
  height: 40px;
}

.btn.btn-icon-c.iconOnly.btn-md i {
  width: 40px;
  height: 40px;
  margin: 0;
}

.btn.btn-icon-c.iconOnly.btn-lg {
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  background-color: transparent;
  line-height: initial;
  margin-top: var(--safe-top);
}

.btn.btn-icon-c.iconOnly.btn-lg i {
  width: 48px;
  height: 48px;
  margin: 0;
}

.btn-arrow {
  position: relative;
  width: 24px;
  height: 24px;
  font-size: 0;
  color: transparent;
}

.btn-arrow::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  -webkit-transform: translate(-75%, -50%) rotate(45deg);
          transform: translate(-75%, -50%) rotate(45deg);
}

/* mixin 정리 */
.text-link {
  position: relative;
  display: inline-block;
  color: #666;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
}

.text-link::before {
  content: '';
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #222;
}

.text-link.text-blue {
  color: #0B48BE !important;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  line-height: 1;
  font-weight: 400;
}

.text-link.text-blue::before {
  background-color: #0B48BE;
}

.text-link.text-blue.icon-link:after {
  border-color: #0B48BE;
}

.text-link.text-blue.type-deco {
  text-decoration: underline;
}

.text-link.text-blue.type-deco::before {
  display: none;
}

.text-link.text-silver {
  color: #999 !important;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  line-height: 1;
  font-weight: 400;
}

.text-link.text-silver::before {
  background-color: #999;
}

.text-link.text-gray {
  color: #666666 !important;
}

.text-link.text-gray::before {
  background-color: #666666;
}

.text-link.black {
  color: #222;
}

.text-link.icon-link {
  padding-right: 15px;
}

.text-link.icon-link::before {
  height: 0;
}

.text-link.icon-link::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 2px;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.text-link.icon-link-down {
  padding-right: 22px;
  color: #222;
}

.text-link.icon-link-down::before {
  height: 0;
}

.text-link.icon-link-down::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
}

.text-link.icon-link-down.is-active::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.text-link.icon-link-down.is-active::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.text-link.icon-link-down.text-black {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  padding-right: 28px;
}

.text-link.icon-link-down.text-black::after {
  right: 8px;
  width: 10px;
  height: 10px;
  margin-top: -7px;
}

.text-link.icon-link-down.is-active::after {
  margin-top: -1px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.text-link.icon-link-up {
  padding-right: 15px;
}

.text-link.icon-link-up::before {
  height: 0;
}

.text-link.icon-link-up::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0px;
  width: 8px;
  height: 8px;
  margin-top: 0px;
  border: solid #000;
  border-width: 0 0 1px 1px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.text-link.link-sm {
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.text-link.normal::before {
  display: none;
}

.popup-footer {
  text-align: center;
}

.popup-footer .text-link {
  margin: 24px 0 8px;
}

.shadowbox + .btn-wrap, .link-item-list + .btn-wrap, .turning-list + .btn-wrap {
  margin-top: 19px;
}

.shadowbox + .btn-more-wrap, .link-item-list + .btn-more-wrap, .turning-list + .btn-more-wrap {
  margin-top: 19px;
}

/* mixin 정리 */
.custom-switch {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 32px;
}

.custom-switch > input {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
}

.custom-switch > input:checked + em {
  background-color: #3674bc;
}

.custom-switch > input:checked + em::before {
  -webkit-transform: translateX(23px);
          transform: translateX(23px);
}

.custom-switch > input:checked + em::after {
  content: 'ON';
  left: 8px;
  color: #fff;
  text-align: left;
}

.custom-switch > input:disabled + .switch-slider {
  background-color: #ebebeb;
  cursor: not-allowed;
}

.custom-switch > input:disabled + .switch-slider::after {
  color: #bbb;
}

.custom-switch > input:disabled + .switch-slider::before {
  background-color: #fafafa;
}

.custom-switch em {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-style: normal;
  background-color: #e0dcda;
  border-radius: 34px;
  cursor: pointer;
}

.custom-switch em::before {
  position: absolute;
  content: '';
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 3px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.custom-switch em::after {
  position: absolute;
  content: 'OFF';
  display: block;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  right: 5px;
  color: #666;
}

.custom-switch.switch-sm {
  width: 54px;
  height: 24px;
  vertical-align: middle;
}

.custom-switch.switch-sm > input:checked + em::before {
  -webkit-transform: translateX(28px);
          transform: translateX(28px);
}

.custom-switch.switch-sm > input:checked + em::after {
  left: 10px;
}

.custom-switch.switch-sm em::before {
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 3px;
}

.custom-switch.switch-sm em::after {
  right: 8px;
}

/* mixin 정리 */
.sub-title span {
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  margin-left: 8px;
  font-weight: 400;
}

.sub-title.title-depth2 {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #222;
}

.sub-title.title-depth3 {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #222;
}

.sub-title.title-depth3.title-small {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.sub-title.title-depth3.title-small02 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.sub-title.title-depth4 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  color: #666;
  margin: 8px 0 8px 0;
}

.sub-title.title-depth4.type02 {
  font-weight: 500;
  color: #222;
}

.sub-title.title-depth4.type03 {
  font-weight: 500;
  color: #222;
  margin: 0 0 4px;
}

.sub-title .sub-inner-stitle {
  display: block;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 500;
  margin-left: 0;
  color: #222;
}

.sub-title .sub-inner-stitle + .text-price {
  margin-top: 4px;
}

.sub-title.underline {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  padding-bottom: 16px;
  margin-bottom: 0;
  border-bottom: 1px solid #000;
  color: #222;
  margin-right: 0;
}

.data-title {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
}

.subpage-desc {
  color: #999;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  margin-top: 10px;
}

.subpage-desc em {
  font-style: normal;
  color: #222;
}

.page-sub-title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #222;
  margin-bottom: 16px;
}

.popup-content-title {
  margin-bottom: 48px;
}

.underline-wrap {
  border-bottom: 1px solid #000;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
}

.title-wrap02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.title-wrap02 .flag {
  margin-left: 8px;
}

.title-wrap02 + .box-gray {
  margin-top: 26px;
  min-height: 56px;
  padding-top: 24px;
}

.title-wrap02-text {
  margin: 8px 0;
  color: #666;
}

.popup-content > .form-wrap-content:first-child > .sub-title.title-depth4,
.section-container > .form-wrap-content:first-child > .sub-title.title-depth4,
.sub-container > .form-wrap-content:first-child > .sub-title.title-depth4 {
  margin-top: 0;
}

.popup-content > .form-wrap-content:first-child > .d-flex-between .sub-title.title-depth4,
.section-container > .form-wrap-content:first-child > .d-flex-between .sub-title.title-depth4,
.sub-container > .form-wrap-content:first-child > .d-flex-between .sub-title.title-depth4 {
  margin-top: 0;
}

/* mixin 정리 */
.message-text {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
}

.message-text-sm {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 400;
}

.message-text-gray {
  color: #666;
}

.message-text.has-btn {
  margin: 40px 0;
  text-align: center;
}

.message-text.has-btn p + .btn-wrap {
  margin-top: 8px;
}

.message-text.certificate p.text {
  font-weight: normal;
}

.message-text.certificate .btns {
  margin-top: 32px;
}

.message-text.certificate + .message-text.certificate {
  margin-top: 32px;
}

.copy-text-wrap {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
  letter-spacing: -0.5px;
}

.copy-text-wrap .sub-text {
  color: #666;
  line-height: 22px;
}

.copy-text-wrap.guide-msg {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

.copy-text-wrap.guide-msg strong {
  color: #222;
  font-weight: 500;
}

.copy-text-wrap.guide-msg-refuse {
  margin: 8px 0 0;
  color: #666;
}

.copy-text-wrap.text-lg {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #666;
}

.copy-text-wrap.text-lg strong {
  color: #222;
  font-weight: 500;
}

.copy-text-wrap.text-medium {
  text-align: center;
  font-weight: 500;
  color: #222;
}

.copy-text-wrap.box-gray {
  text-align: center;
  color: #666;
  font-weight: 400;
}

.copy-text-wrap.box-gray strong {
  color: #222;
  font-weight: 500;
}

.copy-text-wrap.box-full {
  text-align: left;
  color: #222;
}

.copy-text-wrap.welcome-message {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #222;
}

.copy-text-wrap.welcome-message + .data-list-wrap {
  margin-top: 48px;
}

.copy-text-wrap.welcome-message span {
  font-weight: 700;
}

.copy-text-wrap.welcome-message + .container-title {
  margin-top: 48px;
}

.copy-text-wrap.loan-name {
  margin-top: 24px;
}

.copy-text-wrap.loan-name + .agree-box-wrap {
  margin-top: 16px;
}

.text-dot {
  letter-spacing: -0.5px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  position: relative;
  margin-top: 16px;
  padding-left: 8px;
}

.text-dot::before {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #666;
}

.text-dot-star::before {
  content: '*';
  position: absolute;
  top: 2px;
  left: 0;
  width: 12px;
  height: 15px;
  background: transparent;
}

.text-dot-hyphen::before {
  content: '-';
  position: absolute;
  top: 2px;
  left: 0;
  width: 12px;
  height: 15px;
  background: transparent;
}

.text-dot-hyphen.text-lg {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.text-dot-hyphen.text-lg::before {
  top: 2px;
}

.text-dot-required {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  padding-left: 16px;
}

.text-dot-required::before {
  content: '※';
  position: absolute;
  top: 1px;
  left: 0;
  width: 16px;
  height: 15px;
  background: transparent;
}

.text-dot.text-lg {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.text-dot.text-lg::before {
  top: 9px;
}

.text-dot.font-gray {
  color: #999;
}

.text-dot.font-gray::before {
  background: #999;
}

.sub-text {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
}

.text-guide {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

.text-guide + .form-wrap-content, .form-content + .text-guide {
  margin-top: 16px;
}

.text-guide-mgt {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
  margin-top: 8px;
}

.text-guide-mgt12 {
  margin-top: 12px;
}

.text-guide.border-top {
  border-top: 1px solid #ebebeb;
  padding: 12px 0;
  margin-top: 12px;
}

.text-info {
  margin-top: 16px;
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.text-info.has-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.text-info.has-icon::before {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 8px;
}

.text-info.has-icon.icon-percent::before {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-percent-outline.svg);
}

.text-info.has-icon.icon-payment::before {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-payment-outline.svg);
}

.text-info.has-icon.icon-certification::before {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/finance/icon-step-certification.svg);
}

.text-info.has-icon.icon-limit-search::before {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/finance/icon-step-limit-search.svg);
}

.text-info.has-icon.icon-data-input::before {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/finance/icon-step-data-input.svg);
}

.text-info.has-icon.icon-payloan::before {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/finance/icon-step-payloan.svg);
}

.text-info.has-icon.icon-buy-car::before {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/finance/icon-step-buy-car.svg);
}

.text-info.has-icon.icon-card-apply::before {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/finance/icon-step-card-apply.svg);
}

.text-info.has-icon.icon-fax::before {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/finance/icon-step-fax.svg);
}

.text-info.has-icon.icon-call::before {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/finance/icon-step-call.svg);
}

.text-info.has-icon.icon-step-card-register::before {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/finance/icon-step-card-register.svg);
}

.text-info.has-icon.icon-step-cashback::before {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/finance/icon-step-cashback.svg);
}

.text-info.has-icon[class*=icon-service] {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.text-info.has-icon[class*=icon-service]::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 48px;
  height: 48px;
  border-radius: 100%;
  border: 1px solid #ebebeb;
  background-size: 19px 22px;
  background-repeat: no-repeat;
  background-position: center;
}

.text-info.has-icon + .has-icon {
  margin-top: 24px;
}

.text-info .ci-wrap {
  margin-right: 20px;
}

.text-info .ci-wrap .icon-ci {
  position: relative;
}

.text-info .ci-wrap .icon-ci::before {
  content: '';
  position: absolute;
  display: block;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(120, 86, 69, 0.14);
  border-radius: 100%;
}

.text-info .ci-wrap .icon-ci img {
  width: 48px;
  height: 48px;
  border-radius: 100%;
}

.text-info .ci-wrap + .flex-column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.text-info .ci-wrap + .flex-column .text-ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
}

.sub-text-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.phone-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.phone-text > p {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
}

.phone-text > a {
  text-align: right;
  min-width: 50px;
}

.phone-text + .agree-box-wrap {
  margin-top: 24px;
}

.text-outer-wrap + .text-outer-wrap {
  margin-top: 32px;
}

.text-info-wrap .title {
  font-weight: bold;
  color: #222;
}

.text-info-wrap .title.type02 {
  font-weight: 500;
}

.text-info-wrap .text {
  color: #666;
}

.text-info-wrap .title + .text {
  margin-top: 4px;
}

.text-info-wrap .title + .list-dot {
  margin-top: 4px;
}

.text-info-wrap .list-dot > li {
  margin-top: 8px;
}

.text-info-wrap .list-dot > li:first-child {
  margin-top: 0;
}

.text-info-wrap .text + .list-required.big {
  margin-top: 24px;
}

.text-info-wrap + .text-info-wrap {
  margin-top: 24px;
}

.text-info-wrap .text + .box-gray {
  margin-top: 16px;
}

.step-list {
  font-size: 0;
}

.step-list li {
  margin: 34px 0;
}

.step-list li .text-info.has-icon {
  position: relative;
}

.step-list li .text-info.has-icon::before {
  z-index: 1;
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.step-list li .text-info.has-icon::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 100%;
  width: 1px;
  height: 74px;
  margin-left: 32px;
  background: #ebebeb;
}

.step-list li .text-info.has-icon b {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 700;
  letter-spacing: 0;
}

.step-list li .text-info.has-icon .detail {
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: normal;
  margin-top: 8px;
  line-height: 20px;
}

.step-list li:last-child .text-info.has-icon::after {
  display: none;
}

.text-info.has-icon.icon-service-cash::before {
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/icon-cash@2x.png);
  background-size: 14px 19px;
  margin-right: 12px;
}

.text-info.has-icon.icon-service-direct::before {
  background-size: 19px 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-car-19@2x.png);
  margin-right: 12px;
}

.text-info.has-icon.icon-service-card-plan::before {
  background-size: 19px 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-card-19@2x.png);
  margin-right: 12px;
}

/* mixin 정리 */
.form-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.input-label {
  display: block;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
  margin: 8px 10px 8px 0;
  font-weight: 400;
}

input.custom-input {
  height: 56px;
  font-family: "Spoqa Han Sans Neo", "맑은 고딕", "돋음", dotum, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding: 0 20px;
  min-width: 130px;
  width: 152px;
}

input.custom-input::-webkit-input-placeholder {
  color: #666666;
}

input.custom-input:-ms-input-placeholder {
  color: #666666;
}

input.custom-input::-ms-input-placeholder {
  color: #666666;
}

input.custom-input::placeholder {
  color: #666666;
}

input.custom-input:valid {
  border-color: #b7b1ab;
}

input.custom-input.input-sm {
  max-width: 150px;
  height: 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  line-height: 32px;
  border-radius: 0;
  padding: 0 5px;
  margin: 0;
}

input.custom-input.input-sm02 {
  height: 40px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  border-radius: 0;
  padding: 0 5px;
  margin: 0;
  min-width: 50px;
  width: calc( 100% - 45px);
}

input.custom-input.input-sm02 + .unit {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  margin: 0 12px 0 5px;
}

input.custom-input.input-lg {
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0px;
  font-weight: 700;
}

input.custom-input.input-block {
  width: 100%;
  text-align: left;
}

input.custom-input:-moz-read-only, input.custom-input:disabled {
  color: #666666;
  background-color: #f3f3f3;
  border-color: #f3f3f3;
}

input.custom-input:read-only, input.custom-input:disabled {
  color: #666666;
  background-color: #f3f3f3;
  border-color: #f3f3f3;
}

input.custom-input:required, input.custom-input.error {
  border-color: #ee1100;
}

input.custom-input:active, input.custom-input:focus {
  border-color: #544944;
  outline: 0;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-property: border;
  transition-property: border;
}

input.custom-input:last-child {
  margin-right: 0;
}

input.custom-input.no-border {
  border: 0;
  margin: 0;
  padding: 0 15px 0 0;
}

input.custom-input.datepicker {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-calendar.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 24px 24px;
  padding-right: 38px;
}

input.custom-input.input-underline {
  text-align: right;
  border: 0;
  border-bottom: 1px solid #ebebeb;
  border-radius: 0;
}

.input-focus {
  border-color: #544944;
  outline: 0;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-property: border;
  transition-property: border;
}

.form-control-clear {
  position: relative;
  width: 100%;
}

.form-control-clear .btn-input-clear {
  position: absolute;
  top: calc(50% - 14px);
  right: 10px;
  visibility: hidden;
  width: 30px;
  min-width: 30px;
  height: 30px;
  background: none;
  border: 0;
  text-indent: -9999px;
  padding: 0;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-clear.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px auto;
}

.form-control-clear .btn-input-clear.is-active {
  visibility: visible;
}

.form-control-group.col2 > .form-control-clear {
  width: calc(50% - 8px);
}

.form-control-group.col2 > .form-control-clear {
  margin-left: 8px;
}

.form-control-group.col2 > .form-control-clear:nth-of-type(1) {
  margin-left: 0;
}

.form-wrap-content img, .form-wrap-content input {
  vertical-align: middle;
}

.form-wrap-content .sub-title.title-depth4 {
  font-weight: 400;
}

.form-wrap-content input + .btn-wrap {
  margin-top: 16px;
}

.form-wrap-content + .form-wrap-content {
  margin-top: 32px;
}

.form-wrap-content + .accordion-wrap {
  margin-top: 48px;
}

.form-wrap-content + .copy-text-wrap {
  margin-top: 15px;
}

.form-wrap-content + .grid-col-2 {
  margin-top: 20px;
}

.form-wrap-content + .box-warning {
  margin-top: 12px;
}

.form-wrap-content + .title-depth3.title-small {
  margin-top: 48px;
}

.form-wrap-content + .sub-title.title-depth4 {
  margin-top: 32px;
}

.form-wrap-content + hr.border-full {
  margin-top: 24px;
}

.form-wrap-content + .ex-img-wrap {
  margin-top: 24px;
  margin-bottom: 0;
}

.form-wrap-content[data-input-labelledby] + .form-wrap-content[data-input-labelledby] {
  margin-top: 16px;
}

.form-wrap-content + .title-depth3.underline {
  margin-top: 80px;
}

.form-wrap-content .unit-text {
  display: block;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.form-wrap-content .unit-text + .input-unit {
  margin-top: -5px;
}

.form-wrap-content .date-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-wrap-content .date-wrap input {
  min-width: 146px;
}

.form-wrap-content .date-wrap span {
  vertical-align: middle;
  display: inline-block;
  padding: 0 4px;
}

.form-wrap-content.d-flex-between.border-bottom {
  padding: 12px 0;
}

.form-wrap-content.horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-wrap-content.horizontal .input-unit {
  width: 152px;
}

.form-content {
  position: relative;
}

.form-content + .form-content {
  margin-top: 8px;
}

.comp-container + .form-wrap-content {
  margin-top: 16px;
}

.input-email-list {
  display: none;
  margin-top: 4px;
}

.form-select-list {
  background: #fff;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
}

.form-select-list li {
  padding: 9px 20px;
}

.form-select-list li a {
  display: block;
  color: inherit;
  font-size: inherit;
}

.form-select-list li.on {
  background: #fafafa;
}

.input-file input[type="file"] {
  position: absolute;
  right: 15px;
  width: 90px;
  height: 56px;
  z-index: 1;
  opacity: 0;
}

.form-wrap-all + .border-full {
  margin-top: 24px;
}

.form-wrap-content .text-default {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.form-content.input-email-direct .input-email-list {
  position: absolute;
  left: 0;
  top: 51px;
  width: calc(100% + 2px);
  z-index: 21;
  border: 1px solid #544944;
  border-top: none;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  background-color: #fff;
  margin: 0 -1px;
}

.form-content.input-email-direct .input-email-list .form-select-list li {
  padding: 16px 19px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.form-content.input-email-direct.act {
  border: 1px solid #544944;
  border-radius: 10px 10px 0 0;
}

.form-content.input-email-direct.act input.custom-input {
  border: none;
  border-radius: 10px 10px 0 0;
}

.form-content.input-email-direct.act .input-email-list {
  display: block;
}

.form-content.input-email-direct.act input.custom-input:active, .form-content.input-email-direct.act input.custom-input:focus {
  border: none;
}

/* mixin 정리 */
.input-unit {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #b7b1ab;
  border-radius: 10px;
  overflow: hidden;
}

.input-unit.error {
  border-color: #ee1100;
}

.input-unit > input {
  text-align: right;
  border: 0;
  padding: 0;
}

.input-unit.d-between {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.input-unit .unit {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  word-break: keep-all;
  margin: 0 20px 0 5px;
}

.input-unit.is-active {
  border-color: #544944;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-property: border;
  transition-property: border;
}

.input-unit.is-disabled {
  background-color: #f3f3f3;
  border-color: #f3f3f3;
}

.input-unit.is-disabled span {
  color: #999;
}

.input-unit.input-underline {
  border: 0;
  border-bottom: 1px solid #ebebeb;
  border-radius: 0;
}

.input-unit.input-underline.is-active {
  border-color: #544944;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-property: border;
  transition-property: border;
}

.input-unit.input-underline .custom-input {
  background-color: transparent;
}

.input-unit.input-underline .unit {
  margin-right: 0;
}

.input-unit.input-lg input {
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0px;
  font-weight: 500;
}

.input-unit.input-lg .unit {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
}

.input-unit.input-sm {
  height: 32px;
  border-radius: 0;
  padding: 0 5px;
}

.input-unit.input-sm input {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.input-unit.input-sm .unit {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  margin-right: 5px;
}

.input-unit.unit-mix {
  width: 100%;
}

.input-unit.unit-mix .custom-input {
  text-align: left;
}

.input-unit.unit-mix .custom-input.masking::-webkit-input-placeholder {
  font-size: 4px;
  letter-spacing: 8px;
  vertical-align: text-top;
}

.input-unit.unit-mix .custom-input.masking:-ms-input-placeholder {
  font-size: 4px;
  letter-spacing: 8px;
  vertical-align: text-top;
}

.input-unit.unit-mix .custom-input.masking::-ms-input-placeholder {
  font-size: 4px;
  letter-spacing: 8px;
  vertical-align: text-top;
}

.input-unit.unit-mix .custom-input.masking::placeholder {
  font-size: 4px;
  letter-spacing: 8px;
  vertical-align: text-top;
}

.input-unit.unit-mix .unit {
  text-align: center;
  margin: 0;
  color: #666666;
}

.input-unit.unit-mix.unit-mix-active {
  border: 1px solid #544944;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-property: border;
  transition-property: border;
}

.input-unit.unit-mix.col2 > .custom-input {
  width: calc(100%/2);
  padding: 0 20px;
}

.input-unit.unit-mix.has-select-num {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.input-unit.unit-mix.has-select-num .form-select {
  padding-left: 20px;
}

.input-unit.unit-mix.has-select-num > .custom-input {
  padding: 0 20px;
}

.input-unit.unit-mix.has-mobile-num {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.input-unit.unit-mix.has-mobile-num.has-local-code .form-select {
  width: 110px;
  min-width: 110px;
  padding-right: 0;
}

.input-unit.unit-mix.has-mobile-num .form-select {
  padding-right: 0;
  min-width: 110px;
}

.input-unit.unit-mix.has-mobile-num .selectbox .select {
  width: 145px;
}

.input-unit.unit-mix.has-mobile-num .selectbox .tit {
  border: none;
  padding-right: 45px;
}

.input-unit.unit-mix.has-mobile-num > .form-control-clear > input.custom-input {
  width: 100%;
  border: none;
}

.input-unit.unit-mix.has-address .form-select {
  padding-right: 0;
}

.input-unit.unit-mix.has-address .selectbox .select {
  width: 90px;
}

.input-unit.unit-mix.has-address .selectbox .tit {
  border: none;
  padding: 0 20px;
}

.input-unit.unit-mix.has-address .selectbox .tit:after {
  right: 8px;
}

.input-unit.unit-mix.has-address > .form-control-clear > input.custom-input {
  width: 100%;
  border: none;
  padding-left: 6px;
}

.input-unit.unit-mix.personal > .custom-input {
  width: calc(100%/2);
  padding: 0 20px;
}

.input-unit.unit-mix.personal .masking-num-wrap {
  position: relative;
  width: calc(100%/2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: #fff;
}

.input-unit.unit-mix.personal .masking-num-wrap .masking-sex {
  width: 30px;
  min-width: 30px;
  padding: 0;
  margin-left: 10px;
  border: none;
  border-radius: 0;
  text-align: center;
}

.input-unit.unit-mix.personal .masking-num-wrap .masking-sex::-webkit-input-placeholder {
  font-size: 8px;
  color: #222222;
  font-weight: 700;
}

.input-unit.unit-mix.personal .masking-num-wrap .masking-sex:-ms-input-placeholder {
  font-size: 8px;
  color: #222222;
  font-weight: 700;
}

.input-unit.unit-mix.personal .masking-num-wrap .masking-sex::-ms-input-placeholder {
  font-size: 8px;
  color: #222222;
  font-weight: 700;
}

.input-unit.unit-mix.personal .masking-num-wrap .masking-sex::placeholder {
  font-size: 8px;
  color: #222222;
  font-weight: 700;
}

.input-unit.unit-mix.personal .masking-num-wrap .masking-sex-code {
  position: absolute;
  top: calc(50% - 4px);
  left: calc(55px/2 - 4px);
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  border: 1px solid #bbb;
}

.input-unit.unit-mix.personal .masking-num-wrap .masking-num {
  display: block;
  width: 72px;
  position: relative;
}

.input-unit.unit-mix.personal .masking-num-wrap .masking-num > i {
  display: inline-block;
}

.input-unit.unit-mix.personal .masking-num-wrap .masking-num::before, .input-unit.unit-mix.personal .masking-num-wrap .masking-num::after,
.input-unit.unit-mix.personal .masking-num-wrap .masking-num > i::before, .input-unit.unit-mix.personal .masking-num-wrap .masking-num > i::after {
  display: block;
  content: '';
  width: 9px;
  height: 9px;
  position: absolute;
  top: calc(50% - 1px);
  background: #666666;
  border-radius: 5px;
  border: 1px solid #666666;
}

.input-unit.unit-mix.personal .masking-num-wrap .masking-num::before {
  left: 0;
}

.input-unit.unit-mix.personal .masking-num-wrap .masking-num > i::before {
  left: 17px;
}

.input-unit.unit-mix.personal .masking-num-wrap .masking-num > i::after {
  left: calc(17px * 2);
}

.input-unit.unit-mix.personal .masking-num-wrap .masking-num > i + i::before {
  left: calc(17px * 3);
}

.input-unit.unit-mix.personal .masking-num-wrap .masking-num > i + i::after {
  left: calc(17px * 4);
}

.input-unit.unit-mix.personal .masking-num-wrap .masking-num::after {
  left: calc(17px * 5);
}

.input-unit.unit-mix.personal .masking-num-wrap .masking-readonly .custom-input.masking {
  background: none;
  border: none;
  padding-left: 0;
}

.input-unit.unit-mix.personal .masking-num-wrap .masking-readonly .custom-input.masking:-moz-read-only, .input-unit.unit-mix.personal .masking-num-wrap .masking-readonly .custom-input.masking:disabled {
  background: none;
  border: none;
  padding-left: 0;
}

.input-unit.unit-mix.personal .masking-num-wrap .masking-readonly .custom-input.masking:read-only, .input-unit.unit-mix.personal .masking-num-wrap .masking-readonly .custom-input.masking:disabled {
  background: none;
  border: none;
  padding-left: 0;
}

.input-unit.masking {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.input-unit.masking .unit {
  position: relative;
  margin-right: 8px;
}

.input-unit.masking .unit:before {
  margin-left: 10px;
}

.input-unit.masking .unit:after {
  margin-left: 8px;
}

.input-unit.masking .unit:before,
.input-unit.masking .unit:after {
  display: inline-block;
  content: '';
  width: 8px;
  height: 8px;
  border: 1px solid #bbb;
  border-radius: 4px;
}

.input-unit.masking.num02 > .custom-input {
  width: 60px;
  text-align: left;
}

.input-unit.masking.num02 > .custom-input[type=password]::-webkit-input-placeholder {
  font-size: 4px;
  letter-spacing: 8px;
}

.input-unit.masking.num02 > .custom-input[type=password]:-ms-input-placeholder {
  font-size: 4px;
  letter-spacing: 8px;
}

.input-unit.masking.num02 > .custom-input[type=password]::-ms-input-placeholder {
  font-size: 4px;
  letter-spacing: 8px;
}

.input-unit.masking.num02 > .custom-input[type=password]::placeholder {
  font-size: 4px;
  letter-spacing: 8px;
}

.input-unit.masking.num02 {
  width: 152px;
}

.input-unit.masking.num02.first {
  padding-left: 20px;
}

.input-unit.masking.num02.first .custom-input {
  width: 40px;
}

.input-unit.masking.num02.first .unit {
  margin: 0;
}

.input-unit.masking.num02.first .unit:before {
  margin: 0;
}

.input-unit .input-block {
  padding-left: 20px;
  min-width: auto;
}

.input-unit.justify {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.input-unit.justify > input.custom-input {
  margin: 0 5px 0 20px;
  text-align: left;
  width: calc(100% - 100px);
}

.num-validity-check .form-control-clear {
  width: calc(100% - 100px);
}

.num-validity-check .form-control-clear.only {
  width: 100%;
}

.num-validity-check .form-control-clear .btn-input-clear {
  right: 52px !important;
}

.num-validity-check .form-control-clear .time-check {
  display: inline-block;
  position: absolute;
  top: calc(50% - 12px);
  right: 20px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #ee1100;
}

.num-validity-check .btn.request {
  margin-left: 8px;
  min-width: 90px;
}

.input-file input[type="file"] {
  position: absolute;
  right: 15px;
  width: 90px;
  height: 56px;
  z-index: 1;
  opacity: 0;
}

.input-file .form-control-clear {
  width: calc(100% - 100px);
}

.input-file .add-file {
  min-width: 90px;
  margin-left: 8px;
}

.masking {
  padding-right: 0 !important;
  letter-spacing: 3px !important;
}

.masking::-webkit-input-placeholder {
  font-size: 4px;
  letter-spacing: 8px;
  vertical-align: text-top;
}

.masking:-ms-input-placeholder {
  font-size: 4px;
  letter-spacing: 8px;
  vertical-align: text-top;
}

.masking::-ms-input-placeholder {
  font-size: 4px;
  letter-spacing: 8px;
  vertical-align: text-top;
}

.masking::placeholder {
  font-size: 4px;
  letter-spacing: 8px;
  vertical-align: text-top;
}

.input-unit.unit-mix.personal.is-active .masking-num-wrap .masking-num::before, .input-unit.unit-mix.personal.is-active .masking-num-wrap .masking-num::after,
.input-unit.unit-mix.personal.is-active .masking-num-wrap .masking-num > i::before, .input-unit.unit-mix.personal.is-active .masking-num-wrap .masking-num > i::after {
  border-color: #222;
  background: #222;
}

.input-receive input.custom-input:-moz-read-only {
  background-color: #fff;
  color: #222;
}

.input-receive input.custom-input:read-only {
  background-color: #fff;
  color: #222;
}

.app-max-money {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  text-align: right;
  color: #666;
  margin: -4px 0 -8px;
}

/* mixin 정리 */
textarea.custom-textarea {
  width: 100%;
  min-height: 150px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  border: 1px solid #ebebeb;
  border-radius: 2px;
  padding: 16px 20px;
  resize: none;
  color: #222;
}

textarea.custom-textarea::-webkit-input-placeholder {
  color: #666666;
}

textarea.custom-textarea:-ms-input-placeholder {
  color: #666666;
}

textarea.custom-textarea::-ms-input-placeholder {
  color: #666666;
}

textarea.custom-textarea::placeholder {
  color: #666666;
}

textarea.custom-textarea:-moz-read-only, textarea.custom-textarea:disabled {
  color: #999;
  background-color: #f3f3f3;
  border-color: #f3f3f3;
}

textarea.custom-textarea:read-only, textarea.custom-textarea:disabled {
  color: #999;
  background-color: #f3f3f3;
  border-color: #f3f3f3;
}

textarea.custom-textarea:required, textarea.custom-textarea.error {
  border-color: #ee1100;
}

textarea.custom-textarea:active, textarea.custom-textarea:focus {
  border-color: #544944;
  outline: 0;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-property: border;
  transition-property: border;
}

textarea.custom-textarea.textarea-round {
  border-radius: 10px;
}

.byte-unit {
  position: absolute;
  right: 18px;
  bottom: 16px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #bbb;
}

.byte-unit.is-active span {
  color: #0B48BE;
}

/* mixin 정리 */
.tab-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
}

.tab-list::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
}

.tab-list .tab-button {
  position: relative;
  display: inline-block;
  color: #666666;
  text-align: center;
  padding: 16px 10px 15px;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  z-index: 1;
}

.tab-list .tab-button.is-active {
  font-weight: 500;
  border-bottom: 3px solid #222;
  color: #000;
}

.tab-list:not(.tab-block):not(.tab-round) .tab-button {
  color: #222;
  padding: 16px 2px;
  margin: 0 11px;
}

.tab-list:not(.tab-block):not(.tab-round) .tab-button:last-of-type:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -24px;
  width: 24px;
  height: 100%;
}

.tab-list:not(.tab-block):not(.tab-round) .tab-button.is-active {
  font-weight: 700;
}

.tab-list:not(.tab-block):not(.tab-round).small {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.tab-list:not(.tab-block):not(.tab-round).small > li {
  padding: 16px 2px;
  margin: 0 10px;
}

.tab-list:not(.tab-block):not(.tab-round).small .tab-button.is-active {
  border-bottom: 2px solid #222;
}

.tab-list.tab-block .tab-button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.tab-panel {
  position: relative;
  display: none;
}

.tab-panel.page {
  display: block;
}

.tab-panel.tab-panel-term {
  margin-top: 24px;
}

.tab-panel.is-active {
  display: block;
}

.tab-panel.outline-none {
  outline: none;
}

.tab-list-wrap.tab-full {
  position: relative;
  width: 100vw;
  margin: 0 -24px;
}

.tab-list-wrap.tab-full::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 1px;
  background-color: #ebebeb;
}

.tab-list-wrap.tab-full .overflow-x {
  border: 1px solid #ebebeb;
}

.tab-list-wrap.tab-full .overflow-x .tab-list {
  overflow: visible;
}

.tab-list-wrap.tab-full .overflow-x .tab-list:before {
  display: none;
}

.tab-list-wrap.tab-full .tab-list {
  white-space: nowrap;
  width: 100vw;
  padding: 0 24px;
}

.tab-list-wrap.tab-full .tab-list:not(.tab-block):not(.tab-round) {
  padding: 0;
}

.tab-list-wrap.tab-full .tab-list:not(.tab-block):not(.tab-round) .tab-button {
  margin: 0 0 0 24px;
}

.tab-list-wrap.fixed {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  background-color: #fff;
  padding: 0 24px;
  z-index: 10;
}

.tab-list-wrap.fixed.tab-full {
  padding: 0;
}

.tab-list-wrap + .form-wrap-content,
.tab-list-wrap + .tab-content-wrap {
  padding-top: 32px;
}

.tab-list-wrap + .form-wrap-content.inner-tab,
.tab-list-wrap + .tab-content-wrap.inner-tab {
  padding-top: 9px;
}

.tab-list-wrap + .form-wrap-content.fixed,
.tab-list-wrap + .tab-content-wrap.fixed {
  max-height: calc(100% - 54px);
  padding-left: 24px;
  padding-right: 24px;
  margin: 0 -24px;
  overflow: hidden;
  overflow-y: auto;
}

.tab-list-wrap + .account-select-wrap {
  padding-top: 24px;
}

.tab-list-wrap .tab-box {
  border: 1px solid #ebebeb;
  border-radius: 10px;
  background-color: #f8f8f8;
}

.tab-list-wrap .tab-box.tab-list:before {
  background: none;
}

.tab-list-wrap .tab-box.tab-list .tab-button,
.tab-list-wrap .tab-box.tab-list .tab-button.is-active {
  border: 0;
}

.tab-list-wrap .tab-box.tab-list.long-text .tab-button {
  padding: 15px;
}

.tab-list-wrap .tab-box > li {
  position: relative;
  font-weight: 400;
  color: #222;
}

.tab-list-wrap .tab-box > li ~ li:after {
  display: block;
  content: '';
  background: #ebebeb;
  height: 16px;
  width: 1px;
  position: absolute;
  top: calc(50% - 8px);
  left: 0;
}

.tab-list-wrap .tab-box > li {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  color: #666;
}

.tab-list-wrap .tab-box > li.is-active {
  background: #0B48BE;
  border-radius: 10px;
}

.tab-list-wrap .tab-box > li.is-active {
  color: #fff;
  font-weight: 400;
}

.tab-list-wrap .tab-box > li.is-active:after {
  background: none;
}

.tab-list-wrap .tab-round.tab-list:before {
  display: none;
}

.tab-list-wrap .tab-round.tab-list .tab-button,
.tab-list-wrap .tab-round.tab-list .tab-button.is-active {
  border: 0;
}

.tab-list-wrap .tab-round > .tab-button {
  padding: 0;
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  color: #999;
  font-weight: 400;
  white-space: nowrap;
}

.tab-list-wrap .tab-round > .tab-button.is-active {
  background-color: #544944;
  padding: 0 15px;
  border-radius: 19px;
  color: #fff;
  text-align: center;
  font-weight: 700;
}

.tab-list-wrap .tab-round.tab-inlineBlock .tab-button + .tab-button {
  margin-left: 22px;
}

.tab-list-wrap + .grid-wrap {
  margin: 24px 0;
}

.tab-list-wrap.type-scroll.fix {
  position: fixed;
  top: 56px;
  right: 0;
  left: 0;
  z-index: 99;
  padding: 0 16px;
  background: #f3f0ee;
}

.tab-list-wrap.type-scroll.fix + .tab-content-wrap {
  padding-top: 74px;
}

.tab-list-wrap.type-scroll + .tab-content-wrap {
  padding-top: 24px;
}

.tab-list-wrap.type-scroll .tab-button .bottom-bar {
  position: relative;
  display: inline-block;
  height: 100%;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  line-height: 52px;
}

.tab-list-wrap.type-scroll .tab-button.is-active {
  border-bottom: 0;
}

.tab-list-wrap.type-scroll .tab-button.is-active .bottom-bar:after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #544944;
}

.tab-list-wrap.extend-tab {
  overflow-x: auto;
}

.tab-list-wrap.extend-tab .gradient-layer {
  position: absolute;
  right: 0px;
  top: 0;
  background-image: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
  width: 74px;
  height: 40px;
  z-index: 99;
}

.tab-list-wrap.extend-tab .btn-toggle {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
  width: 40px;
  height: 40px;
  background: none;
  border: 0;
  font-size: 0;
}

.tab-list-wrap.extend-tab .btn-toggle::before, .tab-list-wrap.extend-tab .btn-toggle::after {
  position: absolute;
  content: '';
  top: calc(50% - 3px);
  width: 1px;
  height: 9px;
  background-color: #666;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
}

.tab-list-wrap.extend-tab .btn-toggle::before {
  right: 30px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.tab-list-wrap.extend-tab .btn-toggle::after {
  right: 23px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.tab-list-wrap.extend-tab .btn-toggle[aria-expanded=true]::before, .tab-list-wrap.extend-tab .btn-toggle[aria-expanded=true]::after {
  background-color: #666;
}

.tab-list-wrap.extend-tab .btn-toggle[aria-expanded=true]::before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.tab-list-wrap.extend-tab .btn-toggle[aria-expanded=true]::after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.tab-list-wrap.extend-tab .tab-list {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 12px 0 24px;
  margin-top: -6px;
}

.tab-list-wrap.extend-tab .tab-list li:last-child {
  margin-right: 40px;
}

.tab-list-wrap.extend-tab .tab-list .tab-button {
  height: 40px;
  background-color: #f8f8f8;
  border-radius: 20px;
  margin-top: 6px;
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  line-height: 40px;
  margin-right: 6px;
  padding-top: 2px;
}

.tab-list-wrap.extend-tab .tab-list .tab-button.is-active {
  background-color: #544944;
  color: #fff;
}

.tab-list-wrap.extend-tab.is-active .tab-list {
  overflow: initial;
  white-space: initial;
}

.tab-content-wrap.bill-scroll-y {
  max-height: calc(100% - 120px);
  overflow-y: auto;
  width: 100vw;
  margin: 0 -24px;
  padding: 0 24px;
}

.tab-content-wrap.type-scroll .tab-panel {
  display: block;
}

.tab-sticky {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 0px;
  background-color: #fff;
  z-index: 32;
}

.tab-sticky .tab-round {
  padding: 10px 0;
}

.tab-sticky.indent-sticky {
  top: -16px;
}

.tab-fixed {
  position: sticky;
  position: -webkit-sticky;
  width: 100vw;
  top: 0;
  padding: 0px 0 12px 0;
  background-color: #fff;
  z-index: 100;
  margin: 0 -24px;
}

.tab-wrapper {
  position: fixed;
  top: calc(56px + var(--safe-top));
  left: 0;
  width: 100%;
  padding: 0;
  height: calc(100% - 56px - var(--safe-top));
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 40;
  padding: 0 24px 30px;
  -webkit-overflow-scrolling: touch;
}

.tab-panel > .form-wrap-content:first-child > .sub-title.title-depth4, .tab-panel > .form-content:first-child > .sub-title.title-depth4, .tab-panel > .form-wrap-content:first-child > .d-flex-between > .sub-title.title-depth4 {
  margin: 0 0 8px;
}

.tab-panel > .form-wrap-content:first-child > .sub-title.title-depth4 .input-label, .tab-panel > .form-content:first-child > .sub-title.title-depth4 .input-label, .tab-panel > .form-wrap-content:first-child > .d-flex-between > .sub-title.title-depth4 .input-label {
  margin-top: 0;
}

/* mixin 정리 */
.btn-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding: 0 50px 0 20px;
}

.btn-select img {
  width: 20px;
  margin-right: 5px;
}

.btn-select::after {
  content: '';
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-arrow-select.svg) no-repeat;
}

.btn-select.account-info::after {
  display: none;
}

.btn-select .bank-name {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-break: normal;
}

.btn-select .account-number {
  margin-left: 5px;
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
}

.btn-select .text-description {
  max-width: calc(100% - 42px);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  margin-left: 8px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btn-select .email {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-break: normal;
}

.btn-select.readonly {
  border-color: #f3f3f3;
  background-color: #f3f3f3;
  color: #999;
  cursor: not-allowed;
}

.btn-select.readonly span {
  color: #999;
}

.btn-select.readonly img {
  opacity: 0.3;
}

.btn-select.readonly::after {
  display: none;
}

.btn-select.type-sub-title {
  width: auto;
  height: auto;
  padding: 0 24px 0 0;
  border: 0;
}

.btn-select.type-sub-title::after {
  top: 1px;
  right: 0;
}

.btn-select.count {
  height: 78px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 16px 50px 16px 20px;
}

.btn-select.count .money {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.btn-select.count .add-info {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: normal;
}

.btn-select.count::after {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.btn-select.border-red {
  border-color: #ee1100;
}

.btn-select.btn-text-lg {
  position: relative;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  border: none;
  height: 32px;
}

.btn-select.btn-text-lg:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 124px;
  width: 24px;
  height: 24px;
  margin: 4px;
  border: 0;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-arrow-select.svg) no-repeat;
}

.btn-select.btn-text-lg .text-lg {
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0px;
  font-weight: bold;
}

.btn-select + .form-content {
  margin-top: 8px;
}

ul.select-list li {
  height: 56px;
}

ul.select-list a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
  color: #222;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

ul.select-list a .select-list-conts {
  font-weight: 500;
}

ul.select-list a .select-list-conts div {
  font-weight: 400;
  color: #666;
}

ul.select-list a.on {
  color: #3674bc;
  font-weight: 500;
}

ul.select-list a.on::after {
  content: '';
  position: absolute;
  top: calc(50% - 16px);
  right: -4px;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-check.svg);
}

ul.select-list a > .d-flex {
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

ul.select-list a > .d-flex > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35%;
          flex: 0 0 35%;
}

ul.select-list a > .d-flex > div:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 65%;
          flex: 0 0 65%;
}

.selectbox {
  display: block;
}

.selectbox select {
  display: none;
}

.selectbox .tit {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
  color: #222;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding: 0 60px 0 20px;
}

.selectbox .tit:active {
  border-color: #544944;
}

.selectbox .tit:focus, .selectbox .tit:active, .selectbox .tit:visited {
  color: #222;
}

.selectbox .tit::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: 16px;
  width: 24px;
  height: 24px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-arrow-select.svg) no-repeat;
}

.selectbox .overcon {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: calc(100vh - 60px);
  max-height: calc(100vh - 60px - var(--safe-top) - var(--safe-bottom));
  background: #fff;
  border-radius: 20px 20px 0 0;
  z-index: 1003;
  padding: 0 0 30px;
}

.selectbox .overcon .titSelect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
  color: #222;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
  padding-top: 10px;
  padding-left: 24px;
}

.selectbox .overcon ul li {
  height: 56px;
}

.selectbox .overcon ul a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
  color: #222;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 16px;
}

.selectbox .overcon ul a.on, .selectbox .overcon ul a:focus-visible {
  color: #3674bc;
  font-weight: 500;
}

.selectbox .overcon ul a.on::after, .selectbox .overcon ul a:focus-visible::after {
  content: '';
  position: absolute;
  top: calc(50% - 16px);
  right: -4px;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-check.svg);
}

.selectbox .overcon .conArea {
  padding: 0 24px;
  max-height: calc(100vh - 48px - 64px);
  max-height: calc(100vh - 48px - 64px - var(--safe-top) - var(--safe-bottom));
  overflow-y: auto;
  min-height: 152px;
}

.selectbox .overcon .closeS {
  position: absolute;
  top: 9px;
  right: 24px;
  width: 48px;
  height: 48px;
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-close-pop.svg);
  border: 0;
  margin-right: -12px;
  cursor: pointer;
}

.selectbox .select.disabled .tit {
  cursor: not-allowed;
  color: #999;
  border-color: #f3f3f3;
  background-color: #f3f3f3;
}

.selectbox .select.disabled .tit::after {
  opacity: 0.6;
}

.selectbox.selectbox-inline {
  display: inline-block;
}

.selectbox.selectbox-sm .tit {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  border: none;
  height: 22px;
  padding: 0 24px 0 0;
}

.selectbox.selectbox-sm .tit::after {
  right: 0;
}

.selectbox.address a.tit {
  background: #fafafa;
}

.selectbox.tit-type1 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.card-select .tit {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 56px;
  height: auto;
  color: #222;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding: 16px 60px 16px 20px;
}

.card-select .tit:active {
  border-color: #544944;
}

.card-select .tit::after {
  content: '';
  display: block;
  position: absolute;
  right: 16px;
  width: 24px;
  height: 24px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-arrow-select.svg) no-repeat;
}

.card-select .tit > span {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.card-select .tit > img + span, .card-select .tit > img + .card-select-info {
  padding-left: 60px;
}

.card-select .tit > img + .d-flex {
  padding-left: 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card-select .tit > img + .d-flex + p {
  width: 100%;
  padding-left: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-select .tit > img + .d-flex span {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
}

.card-select .tit > img + .d-flex em {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.card-select .tit > img + .card-select-info span {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.card-select .tit img {
  position: absolute;
  top: calc(50% - 24px);
  left: 20px;
  width: 48px;
  height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
}

.card-select .tit img + span {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.card-select .tit img.card-h, .card-select .tit img.typeH {
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
}

.card-select .tit[aria-disabled=true] {
  cursor: not-allowed;
  color: #999;
  border-color: #f3f3f3;
  background-color: #f3f3f3;
}

.card-select .tit[aria-disabled=true]::after {
  opacity: 0.6;
}

.card-select p {
  width: 100%;
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.card-select p + p {
  margin-top: 0;
}

.card-select span {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 700;
  padding-right: 10px;
  word-break: keep-all;
}

.card-select span.card-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.card-select em {
  font-style: normal;
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 400;
  padding-right: 10px;
}

.card-select-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card-select-info span {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.card-select-info span.card-label + span {
  color: #666;
}

.card-select-info em {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.card-select .overcon li,
.selectbox.card-select .overcon li,
.custom-bottomsheet .bottomsheet .overcon li {
  height: 72px;
}

.card-select .overcon a,
.selectbox.card-select .overcon a,
.custom-bottomsheet .bottomsheet .overcon a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 100%;
  color: #222;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  padding-left: 68px;
  overflow: hidden;
}

.card-select .overcon a img,
.selectbox.card-select .overcon a img,
.custom-bottomsheet .bottomsheet .overcon a img {
  position: absolute;
  top: calc(50% - 26px);
  left: 0;
  width: 52px;
  height: 52px;
  -o-object-fit: contain;
     object-fit: contain;
}

.card-select .overcon a img.card-h, .card-select .overcon a img.typeH,
.selectbox.card-select .overcon a img.card-h,
.selectbox.card-select .overcon a img.typeH,
.custom-bottomsheet .bottomsheet .overcon a img.card-h,
.custom-bottomsheet .bottomsheet .overcon a img.typeH {
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
}

.card-select .overcon a.card-main::before,
.selectbox.card-select .overcon a.card-main::before,
.custom-bottomsheet .bottomsheet .overcon a.card-main::before {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 32px;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-mine.svg) no-repeat;
  z-index: 1;
}

.card-select .overcon a:active::after,
.selectbox.card-select .overcon a:active::after,
.custom-bottomsheet .bottomsheet .overcon a:active::after {
  content: '';
  position: absolute;
  top: calc(50% - 16px);
  right: -4px;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-check.svg);
}

.card-select .overcon a.on::after,
.selectbox.card-select .overcon a.on::after,
.custom-bottomsheet .bottomsheet .overcon a.on::after {
  content: '';
  position: absolute;
  top: calc(50% - 16px);
  right: -4px;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-check.svg);
}

.card-select .overcon .message-text,
.selectbox.card-select .overcon .message-text,
.custom-bottomsheet .bottomsheet .overcon .message-text {
  font-weight: 400;
}

.card-select .overcon .d-flex,
.selectbox.card-select .overcon .d-flex,
.custom-bottomsheet .bottomsheet .overcon .d-flex {
  overflow: hidden;
  max-width: calc(100% - 48px);
}

.card-select .overcon p,
.selectbox.card-select .overcon p,
.custom-bottomsheet .bottomsheet .overcon p {
  width: calc(100% - 48px);
  color: #222;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
}

.card-select .overcon p + p,
.selectbox.card-select .overcon p + p,
.custom-bottomsheet .bottomsheet .overcon p + p {
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  margin-top: -26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-select .overcon p.full,
.selectbox.card-select .overcon p.full,
.custom-bottomsheet .bottomsheet .overcon p.full {
  width: 100%;
}

.card-select .overcon p.titSelect,
.selectbox.card-select .overcon p.titSelect,
.custom-bottomsheet .bottomsheet .overcon p.titSelect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
  color: #222;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
  padding-top: 10px;
  padding-left: 24px;
}

.card-select .overcon span,
.selectbox.card-select .overcon span,
.custom-bottomsheet .bottomsheet .overcon span {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  padding-right: 10px;
  word-break: keep-all;
}

.card-select .overcon span.text-medium,
.selectbox.card-select .overcon span.text-medium,
.custom-bottomsheet .bottomsheet .overcon span.text-medium {
  font-weight: 400 !important;
}

.card-select .overcon span.card-label,
.selectbox.card-select .overcon span.card-label,
.custom-bottomsheet .bottomsheet .overcon span.card-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.card-select .overcon em,
.selectbox.card-select .overcon em,
.custom-bottomsheet .bottomsheet .overcon em {
  font-style: normal;
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 400;
  padding-right: 10px;
}

.form-select {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  border: none;
  height: 22px;
  min-width: 60px;
  margin-right: 24px;
  padding: 0 20px;
  background: none;
  text-align: left;
  color: #222;
}

.form-select:after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 12px);
  right: -24px;
  width: 24px;
  height: 24px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-arrow-select.svg) no-repeat;
}

.form-select:focus, .form-select:active, .form-select:visited {
  color: #222;
}

.btn-select.card {
  display: block;
  min-height: 56px;
  height: auto;
  padding: 16px 60px 16px 20px;
  text-align: left;
}

.btn-select.card:after {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.btn-select.card img {
  position: absolute;
  top: calc(50% - 24px);
  left: 20px;
  width: 48px;
  height: 48px;
  padding-right: 0px;
  -o-object-fit: contain;
     object-fit: contain;
}

.btn-select.card img + span {
  padding-left: 60px;
}

.btn-select.card img + .d-flex, .btn-select.card img + .d-flex + p {
  padding-left: 60px;
}

.btn-select.card .d-flex {
  width: 100%;
}

.btn-select.card .d-flex > span {
  padding-right: 8px;
}

.btn-select.card .d-flex > em {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-style: normal;
  font-weight: 400;
  color: #666;
}

.btn-select.card .d-flex + p {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btn-select.card .card-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btn-select.card img.card-h, .btn-select.card img.typeH {
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
  position: absolute;
  top: calc(50% - 24px);
  left: 20px;
}

.btn-select.card img.card-h + span, .btn-select.card img.typeH + span {
  padding-left: 58px;
}

.form-content.col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 2021-08-10 PJ11-18904 오류 대응 삭제
    // .selectbox + .selectbox, {
    //     margin-left: 8px;
    // }
    */
}

.form-content.col2 .selectbox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 8px;
}

.form-content.col2 .selectbox:first-child {
  margin-left: 0;
}

.btn-select-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  border: none;
  height: 22px;
}

.btn-select-card span {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
}

.btn-select-card::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  margin: 6px 10px 0 10px;
  border-top: 6px solid #222;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
}

.btn-select-card.type-icon {
  position: relative;
  padding-right: 24px;
  padding-left: 0;
  max-width: 100%;
}

.btn-select-card.type-icon.withBtn {
  max-width: calc(100% - 65px);
}

.btn-select-card.type-icon .select-card-name {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  padding-right: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.btn-select-card.type-icon .select-card-num {
  color: #777;
}

.btn-select-card.type-icon:after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 12px);
  right: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  border: 0;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-arrow-select.svg) no-repeat;
}

.btn-select.plain {
  position: relative;
  padding-right: 24px;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  border: none;
  height: 22px;
}

.btn-select.plain:after {
  content: '';
  display: block;
  position: static;
  width: 24px;
  height: 24px;
  margin: 0;
  border: 0;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-arrow-select.svg) no-repeat;
}

.select-period {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.select-period__year {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 75px;
  height: 57px;
  line-height: 57px;
}

.select-period__year.active {
  color: #3674bc;
}

.select-period__month {
  margin-left: 100px;
  height: 57px;
}

.select-period__month:first-of-type {
  margin-top: -57px;
}

.select-period__month a {
  position: relative;
  display: block;
  line-height: 57px;
  text-decoration: none;
  color: #222;
}

.select-period__month a.active {
  color: #3674bc;
}

.select-period__month a.active::after {
  content: '';
  position: absolute;
  top: calc(50% - 16px);
  right: -4px;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-check.svg);
}

.select-period .tx {
  margin-left: 16px;
}

/*WEB용 스타일 추가*/
.card-select button.tit {
  width: 100%;
}

.deposit-cofirm .custom-radio + .btn-select.count,
.deposit-cofirm .custom-radio + .form-content,
.deposit-cofirm .custom-radio + .input-date-wrap {
  margin-top: 16px;
  margin-left: 32px;
  width: calc( 100% - 32px);
}

.deposit-cofirm + .deposit-cofirm {
  margin-top: 32px;
}

.card-select .overcon p.d-flex,
.selectbox.card-select .overcon p.d-flex,
.custom-bottomsheet .bottomsheet .overcon p.d-flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.reiss-wrap-content .selectbox.card-select .overcon ul a {
  padding-right: 0;
}

.selectbox.card-select.master .tit {
  height: auto;
  padding: 16px 60px 16px 20px;
}

.selectbox.card-select.master .tit .bt-line {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  padding-left: 60px;
}

/* mixin 정리 */
.custom-radio {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.custom-radio input[type=radio] {
  width: 0;
  height: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  cursor: pointer;
}

.custom-radio input[type=radio] + label {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  white-space: normal;
  word-break: keep-all;
  word-wrap: break-word;
}

.custom-radio input[type=radio] + label::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}

.custom-radio.radio-md input[type=radio] {
  width: 24px;
  height: 24px;
}

.custom-radio.radio-md input[type=radio] + label {
  color: #222;
  margin: 0 10px 0 8px;
}

.custom-radio.radio-md input[type=radio] + label::before {
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #625B4E;
  border-radius: 50%;
}

.custom-radio.radio-md input[type=radio] + label em {
  position: absolute;
  top: 5px;
  left: 5px;
}

.custom-radio.radio-md input[type=radio] + label em::before {
  content: '';
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 50%;
}

.custom-radio.radio-md input[type=radio]:checked + label::before {
  border-color: #222222;
}

.custom-radio.radio-md input[type=radio]:checked + label em::before {
  background-color: #222222;
}

.custom-radio.radio-md input[type=radio]:disabled:disabled + label::before {
  border-color: #bbbbbb;
}

.custom-radio.radio-md input[type=radio]:disabled + label {
  color: #949494;
  cursor: not-allowed;
}

.custom-radio.radio-md input[type=radio]:disabled + label em::before {
  background-color: #fafafa;
}

.custom-radio.radio-md input[type=radio]:disabled:checked + label::before {
  background-color: #fff;
  border-color: #949494;
}

.custom-radio.radio-md input[type=radio]:disabled:checked + label em::before {
  background-color: #949494;
}

.custom-radio.radio-btn input[type=radio] + label {
  display: -ms-grid;
  display: grid;
  place-content: center;
  width: 100%;
  min-height: 52px;
  color: #999;
  text-align: center;
  padding: 15px 24px;
  margin: 0;
  justify-items: center;
}

.custom-radio.radio-btn input[type=radio] + label::before {
  width: 100%;
  height: 100%;
  border: 1px solid #bbb;
  border-radius: 10px;
}

.custom-radio.radio-btn input[type=radio]:checked + label {
  color: #0B48BE;
  font-weight: 500;
}

.custom-radio.radio-btn input[type=radio]:checked + label::before {
  border: 2px solid #0B48BE;
}

.custom-radio.radio-btn input[type=radio]:disabled + label {
  background-color: #fafafa;
  border-radius: 10px;
}

.custom-radio.radio-btn input[type=radio]:disabled + label::before {
  border-color: #ebebeb;
}

.custom-radio.block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 100%;
}

.custom-radio.radio-only input[type=radio] + label {
  font-size: 0;
  margin-right: 0;
}

.custom-radio.round-check-lg input[type=radio] {
  width: 40px;
  height: 40px;
}

.custom-radio.round-check-lg input[type=radio] + label {
  color: #222;
  margin: 0 10px 0 8px;
}

.custom-radio.round-check-lg input[type=radio] + label::before {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
}

.custom-radio.round-check-lg input[type=radio] + label em {
  position: absolute;
  top: 16px;
  left: 11px;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
}

.custom-radio.round-check-lg input[type=radio] + label em::before, .custom-radio.round-check-lg input[type=radio] + label em::after {
  content: '';
  display: block;
  position: absolute;
  background-color: #ebebeb;
}

.custom-radio.round-check-lg input[type=radio] + label em::before {
  top: 2px;
  left: -3px;
  width: 2px;
  height: 9px;
  border-radius: 3px 3px 0 0;
}

.custom-radio.round-check-lg input[type=radio] + label em::after {
  bottom: -13px;
  left: -3px;
  width: 17px;
  height: 2px;
  border-radius: 0 2px 2px 0;
}

.custom-radio.round-check-lg input[type=radio]:checked + label::before {
  border-color: #3674bc;
  background-color: #3674bc;
}

.custom-radio.round-check-lg input[type=radio]:checked + label em::before {
  background-color: #fff;
}

.custom-radio.round-check-lg input[type=radio]:disabled + label {
  color: #949494;
  cursor: not-allowed;
}

.custom-radio.round-check-lg input[type=radio]:disabled + label em::before, .custom-radio.round-check-lg input[type=radio]:disabled + label em::after {
  background-color: #fafafa;
}

.custom-radio.round-check-lg input[type=radio]:disabled:checked + label::before {
  background-color: #fff;
  border-color: #999999;
}

.custom-radio.round-check-lg input[type=radio]:disabled:checked + label em::before, .custom-radio.round-check-lg input[type=radio]:disabled:checked + label em::after {
  background-color: #ebebeb;
}

.grid-col-5 .custom-radio.radio-btn input[type=radio] + label, .grid-col-4 .custom-radio.radio-btn input[type=radio] + label, .grid-col-3 .custom-radio.radio-btn input[type=radio] + label {
  padding-left: 0;
  padding-right: 0;
}

.custom-radio-chk {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.custom-radio-chk input[type=radio] {
  width: 0;
  height: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  cursor: pointer;
}

.custom-radio-chk input[type=radio] + label {
  color: #222;
  font-weight: 400;
  white-space: normal;
  word-break: keep-all;
  word-wrap: break-word;
  margin: 0 10px 0 8px;
}

.custom-radio-chk input[type=radio] + label::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}

.custom-radio-chk input[type=radio] + label em {
  position: absolute;
  top: 16px;
  left: 11px;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
}

.custom-radio-chk input[type=radio] + label em::before, .custom-radio-chk input[type=radio] + label em::after {
  content: '';
  display: block;
  position: absolute;
  background-color: #ebebeb;
}

.custom-radio-chk input[type=radio] + label em::before {
  top: -6px;
  left: -1px;
  width: 1px;
  height: 6px;
  border-radius: 2px 2px 0 0;
}

.custom-radio-chk input[type=radio] + label em::after {
  bottom: 0;
  left: 0;
  width: 10px;
  height: 1px;
  border-radius: 0 2px 2px 0;
}

.custom-radio-chk input[type=radio]:checked + label em::before, .custom-radio-chk input[type=radio]:checked + label em::after {
  background-color: #fff;
}

.custom-radio-chk input[type=radio]:checked + label em::before {
  width: 2px;
  -webkit-animation: check-left .2s ease backwards;
          animation: check-left .2s ease backwards;
}

.custom-radio-chk input[type=radio]:checked + label em::after {
  height: 2px;
  -webkit-animation: check-right .2s ease .2s backwards;
          animation: check-right .2s ease .2s backwards;
}

.custom-radio-chk input[type=radio]:disabled + label {
  color: #bbb;
  cursor: not-allowed;
}

.custom-radio-chk input[type=radio]:disabled + label::before {
  background-color: transparent;
}

.custom-radio-chk input[type=radio]:disabled + label em::before, .custom-radio-chk input[type=radio]:disabled + label em::after {
  background-color: #ebebeb;
}

.custom-radio-chk.radio-chk-sm input[type=radio] {
  width: 20px;
  height: 20px;
}

.custom-radio-chk.radio-chk-sm input[type=radio] + label {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  margin-left: 2px;
}

.custom-radio-chk.radio-chk-sm input[type=radio] + label::before {
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
}

.custom-radio-chk.radio-chk-sm input[type=radio] + label em {
  top: 14px;
}

.custom-radio-chk.radio-chk-sm input[type=radio] + label em::before {
  top: -6px;
  left: -1px;
}

.custom-radio-chk.radio-chk-sm input[type=radio] + label em::after {
  bottom: 0;
  left: 0;
}

.custom-radio-chk.radio-chk-sm input[type=radio]:checked + label::before {
  background-color: transparent;
  border: 0;
}

.custom-radio-chk.radio-chk-sm input[type=radio]:checked + label em::before, .custom-radio-chk.radio-chk-sm input[type=radio]:checked + label em::after {
  background-color: #0B48BE;
}

.custom-radio-chk.radio-chk-sm input[type=radio]:disabled + label {
  color: #949494;
  cursor: not-allowed;
}

.custom-radio-chk.radio-chk-sm input[type=radio]:disabled + label::before {
  background-color: transparent;
}

.custom-radio-chk.radio-chk-sm input[type=radio]:disabled + label em::before, .custom-radio-chk.radio-chk-sm input[type=radio]:disabled + label em::after {
  background-color: #ebebeb;
}

.custom-radio-chk.radio-chk-sm input[type=radio]:disabled:checked + label::before {
  background-color: transparent;
  border: 0;
}

.custom-radio-chk.radio-chk-sm input[type=radio]:disabled:checked + label em::before, .custom-radio-chk.radio-chk-sm input[type=radio]:disabled:checked + label em::after {
  background-color: #bbb;
}

.custom-radio-chk.block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 100%;
}

/* mixin 정리 */
.custom-radio.list-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 100%;
}

.custom-radio.list-block.list-block-type1 input[type=radio] + label {
  padding: 12px 0px;
}

.custom-radio.list-block input[type=radio] + label {
  border-radius: 10px;
  place-content: inherit;
  padding: 16px 12px;
  background: #fafafa;
  border: 2px solid transparent;
}

.custom-radio.list-block input[type=radio] + label::before {
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.custom-radio.list-block input[type=radio]:checked + label {
  background: #FFF;
  border: 2px solid #3674bc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.list-colum-type1 .custom-radio.list-block input[type=radio]:checked + label {
  background: #bbb;
  border-color: #bbb;
}

.list-colum-type1 .custom-radio.list-block input[type=radio]:checked + label::before {
  display: none;
}

/* mixin 정리 */
.custom-radio-list .custom-radio.radio-btn > input[type=radio] + label {
  display: block;
  padding: 18px 20px;
  place-content: start;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
  justify-items: left;
}

.custom-radio-list .custom-radio.radio-btn > input[type=radio] + label .flag {
  margin-bottom: 8px;
}

.custom-radio-list .custom-radio.radio-btn > input[type=radio]:checked + label {
  font-weight: 700;
}

.custom-label-conts {
  padding-top: 18px;
  position: relative;
  z-index: 20;
  width: 100%;
  display: block;
}

.custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input {
  width: 48px;
  height: 48px;
  position: absolute;
  right: 0;
}

.custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=checkbox] + label, .custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=radio] + label {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  padding: 0 50px 0 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  word-break: break-all;
  color: #222;
  font-weight: 400;
  text-align: left;
}

.custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=checkbox] + label:before, .custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=radio] + label:before {
  display: none;
}

.custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=checkbox] + label em, .custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=radio] + label em {
  left: calc(100% - 24px);
  top: calc(50% + 6px);
}

.custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=checkbox] + label em::before, .custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=radio] + label em::before {
  width: 2px;
  height: 12px;
  top: -12px;
  background-color: transparent;
}

.custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=checkbox] + label em::after, .custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=radio] + label em::after {
  width: 18px;
  height: 2px;
  background-color: transparent;
}

.custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=checkbox] + label img, .custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=radio] + label img {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}

.custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=checkbox]:checked + label, .custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=radio]:checked + label {
  color: #222;
}

.custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=checkbox]:checked + label em::before, .custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=radio]:checked + label em::before {
  background-color: #0B48BE;
}

.custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=checkbox]:checked + label em::after, .custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=radio]:checked + label em::after {
  background-color: #0B48BE;
}

/* mixin 정리 */
.custom-checkbox {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  /* 6/2 디자인 변경 가이드 적용 - checkbox-md 와 디자인 동일
    &.checkbox-lg {
        
        input[type=checkbox] {
            width: 28px;
            height: 28px;

            & + label {
                // 폰트사이즈 변경 07-23
                @include fontSize('medium');

                &::before {
                    width: 28px;
                    height: 28px;
                    background-color: $bg-white;
                    border: 1px solid $bg-gray-light;
                    // border-radius: 50%;
                    border-radius: 5px;
                }

                em {
                    top: 17px;
                    left:14px;
                    &::before {
                        top: -6px;
                        left: -1px;
                    }

                    &::after {
                        bottom: 0;
                        left: 0;
                    }
                }

            }
    
            &:checked + label {    
                &::before {
                    background-color: $point-check;
                    border: 0;
                }
            }
    
            &:disabled {
    
                &:checked + label {    
                    &::before {
                        background-color: $bg-gray-light;
                    }                
    
                    em {
                        &::before,
                        &::after {
                            background-color: $bg-white;
                        }
                    }
                }
            }            
        }
    }
    */
}

.custom-checkbox input[type=checkbox] {
  width: 0;
  height: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  cursor: pointer;
}

.custom-checkbox input[type=checkbox] + label {
  color: #222;
  font-weight: 400;
  white-space: normal;
  word-break: keep-all;
  word-wrap: break-word;
  margin: 0 10px 0 8px;
}

.custom-checkbox input[type=checkbox] + label::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}

.custom-checkbox input[type=checkbox] + label em {
  position: absolute;
  top: 16px;
  left: 11px;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
}

.custom-checkbox input[type=checkbox] + label em::before, .custom-checkbox input[type=checkbox] + label em::after {
  content: '';
  display: block;
  position: absolute;
  background-color: #fff;
}

.custom-checkbox input[type=checkbox] + label em::before {
  top: -6px;
  left: -1px;
  width: 1px;
  height: 6px;
  border-radius: 2px 2px 0 0;
}

.custom-checkbox input[type=checkbox] + label em::after {
  bottom: 0;
  left: 0;
  width: 10px;
  height: 1px;
  border-radius: 0 2px 2px 0;
}

.custom-checkbox input[type=checkbox]:checked + label em::before, .custom-checkbox input[type=checkbox]:checked + label em::after {
  background-color: #fff;
}

.custom-checkbox input[type=checkbox]:checked + label em::before {
  width: 2px;
}

.custom-checkbox input[type=checkbox]:checked + label em::after {
  height: 2px;
}

.custom-checkbox input[type=checkbox]:checked + label em::before {
  -webkit-animation: check-left .2s ease backwards;
          animation: check-left .2s ease backwards;
}

.custom-checkbox input[type=checkbox]:checked + label em::after {
  -webkit-animation: check-right .2s ease .2s backwards;
          animation: check-right .2s ease .2s backwards;
}

.custom-checkbox input[type=checkbox]:disabled + label {
  color: #949494;
  cursor: not-allowed;
}

.custom-checkbox input[type=checkbox]:disabled + label::before {
  background-color: transparent;
}

.custom-checkbox input[type=checkbox]:disabled + label em::before {
  width: 2px;
}

.custom-checkbox input[type=checkbox]:disabled + label em::after {
  height: 2px;
}

.custom-checkbox input[type=checkbox]:disabled + label em::before, .custom-checkbox input[type=checkbox]:disabled + label em::after {
  background-color: #ebebeb;
}

.custom-checkbox.checkbox-sm input[type=checkbox], .custom-checkbox.checkbox-sm input[type=radio] {
  width: 20px;
  height: 20px;
}

.custom-checkbox.checkbox-sm input[type=checkbox] + label, .custom-checkbox.checkbox-sm input[type=radio] + label {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  margin-left: 2px;
}

.custom-checkbox.checkbox-sm input[type=checkbox] + label::before, .custom-checkbox.checkbox-sm input[type=radio] + label::before {
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
}

.custom-checkbox.checkbox-sm input[type=checkbox] + label em, .custom-checkbox.checkbox-sm input[type=radio] + label em {
  top: 14px;
}

.custom-checkbox.checkbox-sm input[type=checkbox] + label em::before, .custom-checkbox.checkbox-sm input[type=radio] + label em::before {
  top: -6px;
  left: -1px;
}

.custom-checkbox.checkbox-sm input[type=checkbox] + label em::after, .custom-checkbox.checkbox-sm input[type=radio] + label em::after {
  bottom: 0;
  left: 0;
}

.custom-checkbox.checkbox-sm input[type=checkbox]:checked + label::before, .custom-checkbox.checkbox-sm input[type=radio]:checked + label::before {
  background-color: transparent;
  border: 0;
}

.custom-checkbox.checkbox-sm input[type=checkbox]:checked + label em::before, .custom-checkbox.checkbox-sm input[type=checkbox]:checked + label em::after, .custom-checkbox.checkbox-sm input[type=radio]:checked + label em::before, .custom-checkbox.checkbox-sm input[type=radio]:checked + label em::after {
  background-color: #0B48BE;
}

.custom-checkbox.checkbox-sm input[type=checkbox]:disabled + label, .custom-checkbox.checkbox-sm input[type=radio]:disabled + label {
  color: #949494;
  cursor: not-allowed;
}

.custom-checkbox.checkbox-sm input[type=checkbox]:disabled + label::before, .custom-checkbox.checkbox-sm input[type=radio]:disabled + label::before {
  background-color: transparent;
}

.custom-checkbox.checkbox-sm input[type=checkbox]:disabled + label em::before, .custom-checkbox.checkbox-sm input[type=checkbox]:disabled + label em::after, .custom-checkbox.checkbox-sm input[type=radio]:disabled + label em::before, .custom-checkbox.checkbox-sm input[type=radio]:disabled + label em::after {
  background-color: #ebebeb;
}

.custom-checkbox.checkbox-sm input[type=checkbox]:disabled:checked + label::before, .custom-checkbox.checkbox-sm input[type=radio]:disabled:checked + label::before {
  background-color: transparent;
  border: 0;
}

.custom-checkbox.checkbox-sm input[type=checkbox]:disabled:checked + label em::before, .custom-checkbox.checkbox-sm input[type=checkbox]:disabled:checked + label em::after, .custom-checkbox.checkbox-sm input[type=radio]:disabled:checked + label em::before, .custom-checkbox.checkbox-sm input[type=radio]:disabled:checked + label em::after {
  background-color: #bbb;
}

.custom-checkbox.checkbox-md input[type=checkbox], .custom-checkbox.checkbox-lg input[type=checkbox] {
  width: 24px;
  height: 24px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
}

.custom-checkbox.checkbox-md input[type=checkbox] + label, .custom-checkbox.checkbox-lg input[type=checkbox] + label {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.custom-checkbox.checkbox-md input[type=checkbox] + label::before, .custom-checkbox.checkbox-lg input[type=checkbox] + label::before {
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #625B4E;
  border-radius: 5px;
}

.custom-checkbox.checkbox-md input[type=checkbox]:checked + label::before, .custom-checkbox.checkbox-lg input[type=checkbox]:checked + label::before {
  background-color: #0B48BE;
  border: 0;
}

.custom-checkbox.checkbox-md input[type=checkbox]:disabled + label::before, .custom-checkbox.checkbox-lg input[type=checkbox]:disabled + label::before {
  background-color: #fafafa;
  border: 1px solid #ebebeb;
}

.custom-checkbox.checkbox-md input[type=checkbox]:disabled + label em::before, .custom-checkbox.checkbox-md input[type=checkbox]:disabled + label em::after, .custom-checkbox.checkbox-lg input[type=checkbox]:disabled + label em::before, .custom-checkbox.checkbox-lg input[type=checkbox]:disabled + label em::after {
  background-color: transparent;
}

.custom-checkbox.checkbox-md input[type=checkbox]:disabled:checked + label::before, .custom-checkbox.checkbox-lg input[type=checkbox]:disabled:checked + label::before {
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
}

.custom-checkbox.checkbox-md input[type=checkbox]:disabled:checked + label em::before, .custom-checkbox.checkbox-md input[type=checkbox]:disabled:checked + label em::after, .custom-checkbox.checkbox-lg input[type=checkbox]:disabled:checked + label em::before, .custom-checkbox.checkbox-lg input[type=checkbox]:disabled:checked + label em::after {
  background-color: #fff;
}

.custom-checkbox.checkbox-border {
  border: 1px solid #ebebeb;
  border-radius: 10px;
}

.custom-checkbox.checkbox-border input[type=checkbox] {
  position: absolute;
  width: 24px;
  height: 24px;
  /* 6/2 디자인 변경 가이드 적용 - checkbox-md 와 디자인 동일 */
}

.custom-checkbox.checkbox-border input[type=checkbox] + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 56px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  padding: 0 24px 0 52px;
  /*21-07-16 수정*/
  margin: 0;
}

.custom-checkbox.checkbox-border input[type=checkbox] + label::before {
  top: 50%;
  left: 20px;
  width: 24px;
  height: 24px;
  /* 6/2 디자인 변경 가이드 적용 - checkbox-md 와 디자인 동일 */
  margin-top: -10px;
  background-color: #fff;
  border: 1px solid #625B4E;
  border-radius: 5px;
}

.custom-checkbox.checkbox-border input[type=checkbox] + label em {
  top: 33px;
  left: 31px;
}

.custom-checkbox.checkbox-border input[type=checkbox]:checked + label::before {
  background-color: #0B48BE;
  border: 0;
}

.custom-checkbox.checkbox-border input[type=checkbox]:disabled:checked + label::before {
  background-color: #ebebeb;
  border-color: #ebebeb;
}

.custom-checkbox.checkbox-border input[type=checkbox]:disabled:checked + label em::before, .custom-checkbox.checkbox-border input[type=checkbox]:disabled:checked + label em::after {
  background-color: #fff;
}

.custom-checkbox.checkbox-border input[type=checkbox]:disabled + label::before {
  border-color: #ebebeb;
}

.custom-checkbox.checkbox-btn input[type=checkbox] + label {
  display: -ms-grid;
  display: grid;
  place-content: center;
  width: 100%;
  min-height: 52px;
  color: #999;
  padding: 15px 24px;
  margin: 0;
}

.custom-checkbox.checkbox-btn input[type=checkbox] + label::before {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid #bbb;
  border-radius: 10px;
}

.custom-checkbox.checkbox-btn input[type=checkbox]:checked + label {
  color: #0B48BE;
}

.custom-checkbox.checkbox-btn input[type=checkbox]:checked + label::before {
  border: 2px solid #0B48BE;
}

.custom-checkbox.checkbox-round input[type=checkbox] + label::before {
  border-radius: 20px;
}

.custom-checkbox.checkbox-round input[type=checkbox] + label em::before, .custom-checkbox.checkbox-round input[type=checkbox] + label em::after {
  background-color: #bbb;
}

.custom-checkbox.checkbox-round input[type=checkbox]:checked + label em::before, .custom-checkbox.checkbox-round input[type=checkbox]:checked + label em::after {
  background-color: #fff;
}

.custom-checkbox.checkbox-transparent input[type=checkbox] + label:before {
  background-color: transparent;
}

.custom-checkbox.checkbox-transparent input[type=checkbox]:checked + label em::before, .custom-checkbox.checkbox-transparent input[type=checkbox]:checked + label em::after {
  background-color: #fff;
}

.custom-checkbox.block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 100%;
}

.custom-checkbox.check-only input[type=checkbox] + label {
  font-size: 0;
  margin-right: 0;
}

/* Radio/Checkbox 처럼 생긴 Button들 */
.frmChkRdoBtn {
  border: none;
  background: transparent;
  position: relative;
  display: inline-block;
  height: auto;
  min-height: 24px;
  color: #4c4c4c;
  padding: 0px 0 0px 24px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  vertical-align: middle;
  letter-spacing: 0.5px;
}

.frmChkRdoBtn:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1px solid #625B4E;
  background: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
  background-color: #ffffff;
  border-radius: 2px;
}

.frmChkRdoBtn:focus-visible {
  outline-offset: 1px;
}

.frmChkRdoBtn.round:before {
  border-radius: 100%;
}

.frmChkRdoBtn .ico {
  position: absolute;
  top: 17px;
  left: 11px;
  -webkit-transform: rotate(-50deg);
          transform: rotate(-50deg);
}

.frmChkRdoBtn .ico:before,
.frmChkRdoBtn .ico:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #949494;
  background: transparent;
}

.frmChkRdoBtn .ico:before {
  top: -7px;
  left: 0;
  width: 2px;
  height: 6px;
  border-radius: 2px 2px 0 0;
}

.frmChkRdoBtn .ico:after {
  bottom: 0;
  left: 0;
  width: 11px;
  height: 2px;
  border-radius: 0 2px 2px 0;
}

.frmChkRdoBtn > .txt {
  display: inline-block;
  margin: 0 10px 0 8px;
  text-align: left;
}

.frmChkRdoBtn.checked:before {
  background: #222222;
  border-color: #222222;
}

.frmChkRdoBtn.checked .ico:before,
.frmChkRdoBtn.checked .ico:after {
  background-color: #fff;
}

.frmChkRdoBtn:disabled {
  color: #999;
}

.frmChkRdoBtn:disabled:before {
  background-color: #dddddd;
  border-color: #d7d7d7;
}

.frmChkRdoBtn:disabled:before {
  background-color: #ffffff;
  border-color: #d7d7d7;
}

.frmChkRdoBtn:disabled.checked:before {
  background-color: #dddddd;
  border-color: #d7d7d7;
}

.frmChkRdoBtn:disabled.checked .ico:before,
.frmChkRdoBtn:disabled.checked .ico:after {
  background-color: #ffffff;
}

.frmChkRdoBtn:disabled .ico:before,
.frmChkRdoBtn:disabled .ico:after {
  background-color: #c1c1c1;
}

.frmChkRdoBtn.round:before {
  background-color: transparent;
}

.frmChkRdoBtn.round .ico:disabled,
.frmChkRdoBtn.round .ico {
  -webkit-transform: none;
          transform: none;
}

.frmChkRdoBtn.round .ico:before {
  background-color: transparent;
}

.frmChkRdoBtn.round .ico:after {
  background-color: transparent;
  width: 12px;
  height: 12px;
  border-radius: 100px;
  left: -5px;
  top: -11px;
  -webkit-transform: none;
          transform: none;
}

.frmChkRdoBtn.round.checked .ico:before,
.frmChkRdoBtn.round.checked .ico:after {
  background-color: #222222;
}

.frmChkRdoBtn.round.checked:disabled .ico:after {
  background-color: #939393;
}

.frmChkRdoBtn.checked .ico:after {
  -webkit-animation: check-right .2s ease .2s backwards;
          animation: check-right .2s ease .2s backwards;
}

.frmChkRdoBtn.checked .ico:before {
  -webkit-animation: check-left .2s ease backwards;
          animation: check-left .2s ease backwards;
}

.frmChkRdoBtn.round.checked .ico:after {
  -webkit-animation: none;
          animation: none;
}

@-webkit-keyframes check-left {
  0% {
    background-color: transparent;
    height: 0;
  }
}

@keyframes check-left {
  0% {
    background-color: transparent;
    height: 0;
  }
}

@-webkit-keyframes check-right {
  0% {
    background-color: transparent;
    width: 0;
  }
}

@keyframes check-right {
  0% {
    background-color: transparent;
    width: 0;
  }
}

/* mixin 정리 */
.card-box-wrap {
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0 2px 6px 0 rgba(120, 86, 69, 0.14);
          box-shadow: 0 2px 6px 0 rgba(120, 86, 69, 0.14);
}

.card-box-title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #222;
}

.card-box-title-sub {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 400;
}

.card-box-title-sub-sm {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 500;
}

.card-box-btnWrap {
  margin-top: 32px;
}

.card-box-text {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

.card-box-wrap.border {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #ebebeb;
}

.card-box-wrap.border .list-data-default.border-none {
  padding: 16px 0 0;
}

.card-box-wrap.border .list-data-default.border-none li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 0;
}

.card-box-wrap.border .list-data-default.border-none li:last-child {
  padding-bottom: 0;
}

.card-box-wrap .list-data-default.border-none {
  padding: 0;
}

.card-box-title + .card-box-text {
  margin-top: 4px;
}

.card-box-title-sub + .card-box-text, .card-box-title-sub-sm + .card-box-text {
  margin-top: 8px;
}

.card-box-wrap + .card-box-wrap {
  margin-top: 12px;
}

.banner-box-title {
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #3674bc;
}

.banner-box-conts {
  padding: 0 10%;
}

.banner-box-cont {
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #222;
  line-height: 19px;
  background: #e5edf7;
  border-radius: 10px;
  padding: 16px 0;
}

.banner-box-title + .banner-box-conts {
  margin-top: 8px;
}

.banner-box-wrap.plusbox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0;
}

.banner-box-wrap.plusbox .banner-box-cont {
  width: calc(50% - 16px);
  line-height: 1.5;
  padding: 20px 0;
}

.banner-box-wrap.plusbox .banner-box-cont:first-child {
  background: #F3F0EE;
}

.banner-box-wrap.plusbox .banner-box-cont strong {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.banner-box-wrap.plusbox .banner-box-cont span {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

.banner-box-wrap.plusbox .icon-plus {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotateZ(-45deg);
          transform: translate(-50%, -50%) rotateZ(-45deg);
  display: block;
  width: 38px;
  height: 38px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-close-pop.png);
  background-size: 100% auto;
  opacity: .6;
}

.banner-box-wrap.arrow {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
}

.banner-box-wrap.arrow .banner-box-cont {
  width: calc(50% - 16px);
  line-height: 1.5;
  padding: 25px 0;
  background: #fafafa;
}

.banner-box-wrap.arrow .banner-box-cont strong {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.banner-box-wrap.arrow .banner-box-cont span {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.banner-box-wrap.arrow .banner-box-cont:first-of-type:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 24px;
  height: 24px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-arrow-upgrade-right-24.svg);
  background-size: 100% auto;
}

.msg-box-wrap {
  background: #fafafa;
  padding: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
}

.msg-box-wrap.bg-white {
  background: #fff;
  color: #999;
  padding: 23px 20px;
}

.msg-box-wrap.thin {
  margin: 0 19px;
  border-radius: 10px;
}

.small-gap {
  padding: 12px;
}

.list-items .box-gray {
  width: 100%;
  margin-top: 12px;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.box-link {
  position: relative;
  padding: 20px;
}

.box-link-shadow {
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: transparent;
}

.box-link-shadow + .box-link {
  margin-top: 12px;
}

.box-link > a {
  display: inline-block;
  width: 100%;
  color: #666;
}

.box-link > a::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  right: 20px;
  width: 8px;
  height: 8px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.box-link .sub-title.title-depth3.title-small + .copy-text-wrap.guide-msg {
  margin-top: 4px;
}

.box-link-line {
  border-radius: 10px;
  border: 1px solid #ebebeb;
  background-color: #fff;
}

.box-link-line + .box-link {
  margin-top: 12px;
}

.box-link-line > a::after {
  top: 30px;
  right: 24px;
}

.box-link-line .expected-amount {
  padding-bottom: 16px;
}

.box-link-line .expected-amount .text {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
}

.box-link-line .expected-amount .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.box-link-line .expected-amount .total .money {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 500;
  letter-spacing: 0;
}

.box-link-line .expected-amount + [class*=list-data].border-b-none {
  padding-top: 16px 0 0;
}

.border-full + .box-link {
  margin-top: 16px;
}

.border-full + .box-link > a::after {
  right: 5px;
}

.border-box-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.border-box-cont > dt {
  font-weight: 700;
  color: #0B48BE;
}

.border-box-cont > dd {
  width: calc(100% - 30px);
  padding-left: 20px;
  color: #666;
}

.border-box-cont > dd strong {
  color: #222;
  font-weight: 700;
}

.banner-wrap.banner-custom {
  position: relative;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: #e5edf7;
  border-color: #e5edf7;
  color: #00437c;
  border-radius: 10px;
  text-align: left;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  margin: 32px 0 16px;
  padding: 20px;
  height: auto;
}

.banner-wrap.banner-custom a {
  color: #00437c;
}

.banner-wrap.banner-custom strong {
  display: block;
  font-weight: 500;
}

.banner-wrap.banner-custom .icon-link::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 22px;
  width: 10px;
  height: 10px;
  margin-top: -6px;
  border: solid #737373;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.box-gray .copy-text-wrap + .text-link.icon-link {
  margin-top: 3px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #000;
}

.box-gray.type02 {
  margin: -15px -24px 16px;
  padding: 16px 24px;
}

.box-gray.type02 .btns {
  margin-top: 12px;
}

.contextbox-bottom {
  border-top: 1px solid #ebebeb;
  padding: 24px 0 0;
}

.contextbox-bottom .sub-title.title-depth4 {
  color: #222;
  font-weight: 500;
  margin-top: 0;
}

.list-dot + .contextbox-bottom {
  margin-top: 27px;
}

.box-card-tip .flag + .info {
  margin-top: 8px;
}

.box-card-tip .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.box-img {
  margin-top: 24px;
  text-align: center;
}

.box-img02 {
  margin: 24px 0;
}

/* mixin 정리 */
/*공통*/
.my-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 8px;
  border-radius: 10px;
}

.my-banner .flag {
  position: absolute;
  top: 0px;
  left: 20px;
  z-index: 20;
}

.my-banner .flag.right {
  top: 30px;
  right: 20px;
  left: auto;
}

.my-banner-cont {
  /*21-07-12 추가*/
  position: relative;
  width: calc(100% - 142px);
  min-width: 174px;
}

.my-banner-title {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-banner-title + .my-banner-text {
  margin-top: 4px;
}

.my-banner-title > .tooltip-wrap {
  margin-top: 0;
}

.my-banner-text {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-banner-desc {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #3674bc;
}

.my-banner-text + .my-banner-desc {
  margin-top: 42px;
}

.my-banner-ad-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
}

.my-banner-ad-title + .my-banner-ad-text {
  margin-top: 26px;
}

.my-banner-ad-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 24px;
}

.my-banner-ad-info-fix {
  height: 24px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  line-height: 24px;
}

.my-banner-ad-info-fix .ad-text1 {
  font-size: 16px !important;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.ad-text1 {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #eb1100;
  font-weight: 700;
}

.ad-text2 {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 700;
}

.ad-text3 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
  text-decoration: line-through;
}

.ad-text4 {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

/*하단 영역 + touch버튼 있을 경우*/
.my-banner-addInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0 16px;
  height: 64px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.4);
}

.my-banner-addInfo.opacity8 {
  background: rgba(255, 255, 255, 0.82);
}

.my-banner-addInfo-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.my-banner-addInfo-cont .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  width: 48px;
  height: 32px;
}

.my-banner-addInfo-cont .icon img {
  width: 100%;
}

.my-banner-addInfo-cont .icon + div {
  margin-left: 16px;
}

.my-banner-addInfo-cont .addInfo-title {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #000;
}

.my-banner-addInfo-cont .addInfo-text {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

/*swiper pagination
.banner-swiper-pagination.swiper-pagination-bullets{
    display:inline-flex; 
    align-items: center;
    justify-content: center;
    margin-top:16px;
    .swiper-pagination-bullet{
        width:6px; 
        height:6px; 
        background:#FFF;
        opacity:1; 
        margin:0 4px;
    }
    .swiper-pagination-bullet.swiper-pagination-bullet-active{
        width:16px; 
        height:6px; 
        border-radius:3px; 
        background:#817169; 
        transition: width .3s ease;}    
}
*/
/*banner list*/
.my-banner-list {
  padding: 8px 20px;
}

.my-banner-list.full {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.my-banner-list .my-banner-list-item1 {
  border-bottom: 1px solid #ebebeb;
}

.my-banner-list .my-banner-list-item1:last-of-type {
  border-bottom: 0;
}

.my-banner-list .my-banner-list-item1 > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.my-banner-list .my-banner-list-item1 > a > button.btn {
  position: relative;
  right: 0px;
}

.my-banner-list .my-banner-list-item1 > a > button.btn:active {
  background: #3674bc;
  border-color: #3674bc;
}

.my-banner-list .my-banner-list-item1 > a > button.btn.btn-sky-blue {
  position: relative;
  right: -8px;
  min-width: 80px;
}

.my-banner-list .my-banner-list-item1 > a > button.btn.btn-sky-blue:active {
  background: #e5edf7;
  border-color: #e5edf7;
}

.my-banner-list .my-banner-list-item1 .my-banner-list-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.my-banner-list .my-banner-list-item1 .my-banner-list-cont img + .my-banner-list-text {
  margin-left: 16px;
  overflow: hidden;
}

.my-banner-list .my-banner-list-item1 .my-banner-list-cont.type1 {
  padding: 16px 0;
}

.my-banner-list .my-banner-list-item1 .my-banner-list-cont.type1 img {
  /* 21-07-13 디자인 가이드 수정 */
  width: 48px;
  border-radius: 10px;
}

.my-banner-list .my-banner-list-item1 .my-banner-list-cont.type2 {
  padding: 6px 0;
}

.my-banner-list .my-banner-list-item1 .my-banner-list-cont.type2 img {
  /* 21-07-13 디자인 가이드 수정 */
  width: 60px;
  border-radius: 10px;
}

.my-banner-list .my-banner-list-item1 .my-banner-list-cont.type2 .my-banner-list-text .title {
  /*21-07-12 추가*/
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-banner-list .my-banner-list-item2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 136px;
          flex: 0 0 136px;
}

.my-banner-list .my-banner-list-item2:first-of-type {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 144px;
          flex: 0 0 144px;
  padding-left: 8px;
}

.my-banner-list .my-banner-list-item2 > a {
  display: block;
  padding: 0 8px;
}

.my-banner-list .my-banner-list-item2 .my-banner-list-cont.type3 .img-box {
  overflow: hidden;
  position: relative;
  width: 120px;
  margin-bottom: 8px;
  padding-bottom: calc(100% - 2px);
  border: 1px solid #ebebeb;
  border-radius: 10px;
}

.my-banner-list .my-banner-list-item2 .my-banner-list-cont.type3 .img-box img {
  /* 21-07-13 디자인 가이드 수정 */
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 120px;
  max-width: 120px;
}

.my-banner-list .my-banner-list-item2 .my-banner-list-cont.type3 .img-box img + .my-banner-list-text {
  margin-top: 8px;
}

.my-banner-list .my-banner-list-item2 .my-banner-list-cont.type3 .my-banner-list-text {
  width: 120px;
}

.my-banner-list .my-banner-list-item2 .my-banner-list-cont.type3 .my-banner-list-text .title {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
}

.my-banner-list .my-banner-list-item2 .my-banner-list-cont.type3 .my-banner-list-text .title + .text {
  margin-top: 4px;
}

.my-banner-list .my-banner-list-item2 .my-banner-list-cont.type3 .my-banner-list-text .text {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #222;
}

.my-banner-list .my-banner-list-item2 .my-banner-list-cont.type3 .my-banner-list-text .guide-text {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  color: #666;
}

.my-banner-list .my-banner-list-item2 .my-banner-list-cont.type3 .my-banner-list-text .guide-text + .text {
  margin-top: 8px;
}

.my-banner-list-text .title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
}

.my-banner-list-text .text {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

/* type1 */
.my-banner.my-b-type1 {
  height: 180px;
}

.my-banner.my-b-type1.shadow {
  -webkit-box-shadow: 0 3px 6px 1px rgba(138, 131, 128, 0.12);
          box-shadow: 0 3px 6px 1px rgba(138, 131, 128, 0.12);
}

.my-banner.my-b-type1 > a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 30px 20px;
}

.my-banner.my-b-type1 .my-banner-img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 142px;
  height: 142px;
}

.my-banner.my-b-type1 .my-banner-img img {
  -o-object-fit: contain;
     object-fit: contain;
}

.my-banner.my-b-type1 .my-banner-addInfo {
  width: 100%;
  height: 48px;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0;
  background: rgba(243, 243, 243, 0.4);
  /*21-07-09 백그라운드 수정*/
}

.my-banner.my-b-type1 .my-banner-ad-title {
  /*21-07-09 추가*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
}

.my-banner.my-b-type1 .my-banner-cont.text-auto {
  /*21-07-13 추가*/
  width: 100%;
}

.my-banner.my-b-type1 .my-banner-cont.text-auto .my-banner-title, .my-banner.my-b-type1 .my-banner-cont.text-auto .my-banner-text {
  white-space: initial;
}

.my-banner.my-b-type1 .my-banner-cont.text-auto .my-banner-text + .my-banner-title {
  margin-top: 8px;
}

/* type2 */
.my-banner.my-b-type2 {
  height: 320px;
}

.my-banner.my-b-type2 .flag.right {
  top: 20px;
}

.my-banner.my-b-type2 > a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.my-banner.my-b-type2 .my-banner-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 320px;
}

.my-banner.my-b-type2 .my-banner-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.my-banner.my-b-type2 .my-banner-cont {
  /*21-07-09 추가*/
  position: absolute;
  left: 20px;
  width: calc(100% - 108px);
  min-width: 200px;
}

.my-banner.my-b-type2 .my-banner-cont .my-banner-title, .my-banner.my-b-type2 .my-banner-cont .my-banner-text {
  /*21-07-09 추가*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-banner.my-b-type2 .my-banner-cont.top {
  top: 30px;
}

.my-banner.my-b-type2 .my-banner-cont.bottom {
  bottom: 30px;
}

.my-banner.my-b-type2 .my-banner-addInfo {
  /*21-07-12 추가*/
  width: calc(100% - 32px);
  position: absolute;
  left: 16px;
  bottom: 16px;
}

.my-banner.my-b-type2 .my-banner-addInfo .my-banner-addInfo-cont {
  width: 100%;
  overflow: hidden;
}

.my-banner.my-b-type2 .my-banner-addInfo .my-banner-addInfo-cont > div {
  overflow: hidden;
}

.my-banner.my-b-type2 .my-banner-addInfo .my-banner-addInfo-cont .addInfo-title, .my-banner.my-b-type2 .my-banner-addInfo .my-banner-addInfo-cont .addInfo-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-banner.my-b-type2 .my-banner-addInfo .btn.btn-sky-blue {
  min-width: 78px;
}

@media screen and (min-width: 320px) and (max-width: 350px) {
  .my-banner.my-b-type2 {
    height: 260px;
  }
  .my-banner.my-b-type2 .my-banner-img {
    height: 260px;
  }
}

@media screen and (min-width: 351px) and (max-width: 361px) {
  /*21-07-12 추가*/
  .my-banner.my-b-type2 {
    height: 300px;
  }
  .my-banner.my-b-type2 .my-banner-img {
    height: 300px;
  }
}

@media screen and (min-width: 640px) and (max-width: 768px) {
  .my-banner.my-b-type2 .my-banner-img img {
    width: 100%;
  }
}

/*type3*/
.my-banner.my-b-type3 {
  -webkit-box-shadow: 0 2px 6px 0 rgba(120, 86, 69, 0.14);
          box-shadow: 0 2px 6px 0 rgba(120, 86, 69, 0.14);
}

.my-banner.my-b-type3 .my-banner-img {
  position: relative;
  width: 100%;
  max-height: 180px;
}

.my-banner.my-b-type3 .my-banner-img .my-banner-title-wrap {
  /*21-07-12 수정*/
  position: absolute;
  top: 30px;
  left: 20px;
  width: calc(100% - 108px);
  min-width: 200px;
}

.my-banner.my-b-type3 .my-banner-img img {
  width: 100%;
}

.my-banner.my-b-type3 .flag.right {
  top: 20px;
}

.my-banner.my-b-type3 .my-banner-cont {
  /*21-07-12 추가*/
  position: relative;
  background: #fff;
  width: 100%;
}

.my-banner.my-b-type3 .my-banner-cont .flag {
  position: absolute;
  top: -10px;
  left: 20px;
  height: 24px;
  font-weight: 500;
}

.my-banner.my-b-type3 .my-banner-cont.ad > a {
  display: block;
  padding: 16px 20px 20px 20px;
}

.my-banner.my-b-type3 .my-banner-cont.ad .my-banner-ad-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-banner.my-b-type3 .my-banner-cont.ad .my-banner-ad-title + .my-banner-ad-info {
  margin-top: 10px;
}

.my-banner.my-b-type3 .my-banner-cont > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 28px 20px 30px 20px;
  /*21-07-09 수정*/
  overflow: hidden;
}

.my-banner.my-b-type3 .my-banner-cont > a > div {
  /*21-07-09 추가*/
  width: 100%;
}

.my-banner.my-b-type3 .my-banner-cont > a > div.addBtn {
  /*21-07-09 추가*/
  width: calc(100% - 80px);
}

.my-banner.my-b-type3 .my-banner-addInfo {
  width: calc(100% - 32px);
  position: absolute;
  left: 16px;
  bottom: 16px;
}

/*type4*/
.my-banner.my-b-type4 {
  -webkit-box-shadow: 0 2px 6px 0 rgba(120, 86, 69, 0.14);
          box-shadow: 0 2px 6px 0 rgba(120, 86, 69, 0.14);
}

.my-banner.my-b-type4 .my-banner-img {
  position: relative;
  width: 100%;
  height: 180px;
}

.my-banner.my-b-type4 .my-banner-img .my-banner-title-wrap {
  /*21-07-12 수정*/
  position: absolute;
  top: 30px;
  left: 20px;
  width: calc(100% - 142px);
  min-width: 200px;
}

.my-banner.my-b-type4 .my-banner-img img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 142px;
}

.my-banner.my-b-type4 .my-banner-cont {
  /*21-07-12 추가*/
  position: relative;
  background: #fff;
  width: 100%;
}

.my-banner.my-b-type4 .my-banner-cont.ad > a {
  display: block;
}

.my-banner.my-b-type4 .my-banner-cont.ad .my-banner-ad-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-banner.my-b-type4 .my-banner-cont.ad .my-banner-ad-title + .my-banner-ad-info {
  margin-top: 10px;
}

.my-banner.my-b-type4 .my-banner-cont > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 28px 28px 30px 20px;
}

.my-banner.my-b-type4 .my-banner-addInfo {
  width: calc(100% - 32px);
  position: absolute;
  left: 16px;
  bottom: 16px;
}

/*type5*/
.my-banner.my-b-type5 {
  width: 100%;
  height: 62px;
  background: #fff;
  -webkit-box-shadow: 0 3px 6px 1px rgba(138, 131, 128, 0.12);
          box-shadow: 0 3px 6px 1px rgba(138, 131, 128, 0.12);
}

.my-banner.my-b-type5.my-banner-lg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 72px;
}

.my-banner.my-b-type5.my-banner-lg > a {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  height: auto;
}

.my-banner.my-b-type5.my-banner-lg > a::after {
  top: auto;
  right: 30px;
  -webkit-transform: translateY(95%) rotate(45deg);
          transform: translateY(95%) rotate(45deg);
}

.my-banner.my-b-type5.my-banner-lg .my-banner-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
}

.my-banner.my-b-type5.my-banner-lg .my-banner-img img {
  width: 24px;
  height: 24px;
}

.my-banner.my-b-type5 > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 40px 0 16px;
}

.my-banner.my-b-type5 > a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.my-banner.my-b-type5 .my-banner-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
}

.my-banner.my-b-type5 .my-banner-img img {
  width: 32px;
  height: 32px;
}

.my-banner.my-b-type5 .my-banner-img + .my-banner-cont {
  margin-left: 12px;
}

.my-banner.my-b-type5 .my-banner-img.type02 {
  border: 1px solid #ebebeb;
  border-radius: 8px;
  text-align: center;
  width: 32px;
  height: 32px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.my-banner.my-b-type5 .my-banner-img.type02 img {
  width: 22px;
  height: auto;
}

.my-banner.my-b-type5 .my-banner-title {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
}

.my-banner.my-b-type5 .my-banner-flag {
  margin: auto 0 auto auto;
}

.my-banner.my-b-type5 .my-banner-flag > .flag {
  position: relative;
  left: auto;
  top: auto;
  z-index: auto;
}

.my-banner.my-b-type5.off {
  opacity: 0.5;
}

.my-banner.my-b-type5.off .my-banner-title {
  color: #999;
}

.my-banner.my-b-type5.off a {
  cursor: default;
}

.my-banner.my-b-type5 .my-banner-cont {
  /*21-07-14 추가*/
  width: 100%;
}

.link-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 20px 0;
}

.link-banner.link-banner-bg {
  padding: 0;
  border-radius: 10px;
  background-color: #eef3f8;
}

.link-banner.link-banner-bg > a {
  padding: 20px;
  font-weight: 500;
}

.link-banner.link-banner-bg > a::after {
  right: 23px;
}

.link-banner.link-banner-image {
  padding: 0;
}

.link-banner.link-banner-image .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0 20px;
}

.link-banner.arrow-none > a::after {
  display: none;
}

.link-banner.box-full {
  padding: 20px;
}

.link-banner.box-full a {
  font-size: 16px;
  font-weight: 500;
}

.link-banner.box-full a::after {
  right: 23px;
  width: 10px;
  height: 10px;
}

.link-banner.has-icon::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

.link-banner.has-icon.icon-upgrade-red::before {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-arrow-upgrade-top-red.svg);
}

.link-banner > a {
  width: 100%;
  color: #222;
}

.link-banner > a::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  right: 3px;
  width: 8px;
  height: 8px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.link-banner.padding-none {
  padding: 20px 0;
}

.link-banner.padding-none > a::after {
  right: 8px;
}

.ladm-banner {
  padding: 0 20px;
  border-radius: 10px;
  background-color: #eff1eb;
}

.ladm-banner > a {
  min-height: 84px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #222;
  font-weight: 500;
}

.ladm-banner > a .ladm-banner-text {
  margin-right: 16px;
}

.ladm-banner > a .ladm-banner-image {
  max-width: 88px;
  height: auto;
}

.ladm-banner > a .ladm-banner-image.my-free {
  max-width: 124px;
  height: 100px;
  margin: -20px -20px -20px 0;
}

.ladm-banner.type02 {
  background-color: #817169;
}

.ladm-banner.type02 > a .ladm-banner-text {
  color: #fff;
}

.ladm-banner.type03 {
  background-color: #543d5f;
}

.ladm-banner.type03 > a .ladm-banner-text {
  color: #fff;
}

.ladm-banner.type04 {
  background-color: #4b4d8c;
}

.ladm-banner.type04 > a .ladm-banner-text {
  color: #fff;
}

.banner-wrap.banner-footer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: none;
  margin: 48px -24px 0;
  padding: 16px 24px;
  border-top: 1px solid #ebebeb;
  color: #999;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.btn-box.grid-col-2.grid-wrap.mt16 + .link-banner.has-icon.icon-upgrade-red.box-full.border-top,
.list-wrap.mt16 + .link-banner.has-icon.icon-upgrade-red.box-full.border-top {
  margin-top: 24px;
}

.btn-box.grid-col-2.grid-wrap.mt16 + .link-banner.has-icon.icon-upgrade-red.box-full.border-top + .border-full,
.list-wrap.mt16 + .link-banner.has-icon.icon-upgrade-red.box-full.border-top + .border-full {
  margin-top: 0;
}

.btn-box + .ladm-banner {
  margin-top: 24px;
}

.ladm-banner + .border-full {
  margin-top: 24px;
}

.benefits-wrap {
  margin-top: 48px;
}

.benefit-banner-list {
  margin-top: 12px;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding: 0 20px;
}

.benefit-banner-list li + li {
  border-top: 1px solid #ebebeb;
}

.benefit-banner-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 25px 0;
}

.benefit-banner-list .img {
  width: 32px;
  height: 32px;
}

.benefit-banner-list .img img {
  width: 100%;
}

.benefit-banner-list .text {
  margin-left: 16px;
}

.benefit-banner-list .text .about {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.benefit-banner-list .text .sub-title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  margin-top: -4px;
}

.benefit-banner-list a.text-link {
  position: absolute;
  right: 0;
}

.banner-list-document {
  margin-top: -8px;
}

.banner-list-document > li {
  position: relative;
}

.banner-list-document .my-banner.my-b-type5 {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

.banner-list-document .my-banner.my-b-type5.unable {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #ebebeb;
}

.banner-list-document .my-banner.my-b-type5.unable > a {
  cursor: default;
}

.banner-list-document .my-banner.my-b-type5.unable > a::after {
  display: none;
}

.banner-list-document .my-banner.my-b-type5.unable .my-banner-title {
  color: #bbb;
}

.banner-list-document .bubble-textbox-wrap .bubble-textbox {
  top: -12px;
}

.my-banner.my-b-type6 {
  height: 106px;
}

.my-banner.my-b-type6 .my-banner-img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 106px;
  height: 106px;
}

.my-banner.my-b-type6 .my-banner-img img {
  -o-object-fit: contain;
     object-fit: contain;
}

.my-banner.my-b-type6 .my-banner-cont.text-auto {
  /*21-07-13 추가*/
  width: 100%;
}

.my-banner.my-b-type6 .my-banner-cont.text-auto .my-banner-title, .my-banner.my-b-type6 .my-banner-cont.text-auto .my-banner-text {
  white-space: initial;
}

.my-banner.my-b-type6 .my-banner-cont.text-auto .my-banner-text + .my-banner-title {
  margin-top: 4px;
}

.my-banner.my-b-type6 .my-banner-cont.text-auto .my-banner-title > a {
  position: relative;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.my-banner.my-b-type6 .my-banner-cont.text-auto .my-banner-title > a > span {
  padding-right: 14px;
}

.my-banner.my-b-type6 .my-banner-cont.text-auto .my-banner-title > a > span::after {
  content: '';
  display: inline;
  position: absolute;
  bottom: 6px;
  right: 0;
  width: 9px;
  height: 9px;
  margin-top: 0px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.marketing-banner ~ .marketing-banner {
  margin-top: 8px;
}

.marketing-banner .full-img {
  margin: 0 -24px -24px;
}

/* mixin 정리 */
.account-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  width: 100%;
  color: #222;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.account-info-icon {
  width: 40px;
  height: 40px;
  padding: 10px;
  text-align: center;
}

.account-info-icon img {
  width: 100%;
}

.account-info-title {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 700;
}

.account-info-title + .account-info-name {
  margin-top: 4px;
}

.account-info-number {
  color: #999;
}

.account-info-sum {
  font-weight: 700;
}

.bank-info {
  text-align: center;
}

.bank-info-icon {
  text-align: center;
}

.bank-info-icon img {
  width: 32px;
}

.bank-info-tile {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  margin-top: 10px;
}

.account-select-wrap.my-account .my-account-list > li > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
  color: #222;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
}

.account-select-wrap.my-account .my-account-list > li > a.on::after {
  content: '';
  position: absolute;
  top: calc(50% - 16px);
  right: 0;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-check.svg);
}

.account-select-wrap.my-account .my-account-list > li > a > .item-bank {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.account-select-wrap.my-account .my-account-list > li > a > .item-bank > img {
  width: 100%;
  height: 100%;
}

.account-select-wrap.my-account .my-account-list > li > a > .my-account-info {
  margin-left: 20px;
  margin-right: 20px;
}

.account-select-wrap.my-account .my-account-list > li > a > .my-account-info .account-name, .account-select-wrap.my-account .my-account-list > li > a > .my-account-info .account-nember, .account-select-wrap.my-account .my-account-list > li > a > .my-account-info .account-balance {
  display: block;
  line-height: 1.5;
}

.account-select-wrap.my-account .my-account-list > li > a > .my-account-info .account-name {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.account-select-wrap.my-account .my-account-list > li > a > .my-account-info .account-number {
  font-weight: 400;
  line-height: 1.57;
}

.account-select-wrap.my-account .my-account-list > li > a > .my-account-info .account-number span {
  padding: 0 8px;
  font-weight: 400;
  color: #666;
}

.account-select-wrap.my-account .my-account-list > li > a > .my-account-info .account-number em.type {
  position: relative;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  padding-right: 8px;
  margin-right: 7px;
}

.account-select-wrap.my-account .my-account-list > li > a > .my-account-info .account-number em.type::before {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #ebebeb;
}

.account-select-wrap.my-account .my-account-list > li > a > .deposit-history {
  margin-right: 20px;
  line-height: 1.5;
}

.account-select-wrap.my-account .my-account-list > li > a > .deposit-history .account-balance {
  display: block;
  font-weight: 500;
}

.account-select-wrap.my-account .my-account-list > li > a > .deposit-history .account-info {
  display: block;
  color: #666;
  font-weight: 400;
}

.account-select-wrap.my-account .my-account-list.type02 > li > a > .my-account-info {
  margin-left: 10px;
}

.account-select-wrap.my-account .my-account-list.type02 > li > a > .my-account-info .account-number {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 400;
}

.account-select-wrap.my-account .my-account-list.type02 > li > a > .my-account-info .account-number > span {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.account-select-wrap.my-account .my-account-list > li > a.on .deposit-history .account-balance {
  color: #0B48BE;
}

/* mixin 정리 */
.flag {
  position: relative;
  left: 0;
  top: 0;
  min-width: 40px;
  height: 20px;
  color: #fff !important;
  font-weight: 400;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  line-height: 1;
  padding: 4px 6px 2px;
  font-style: normal;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flag.type02 {
  padding: 4px 8px 2px;
}

.flag-green {
  background-color: #40a584;
}

.flag-green2 {
  background-color: #2aa0b2;
}

.flag-coral {
  background-color: #e37263;
}

.flag-purple {
  background-color: #9781be;
}

.flag-orange {
  background-color: #d1811a;
}

.flag-orange-01 {
  background-color: #e45454;
}

.flag-gray {
  background-color: #949494;
}

.flag-blue {
  background-color: #00437c;
}

.flag-silver {
  background-color: #f3f3f3;
  color: #222 !important;
}

.flag-brown {
  background-color: #817169;
}

.flag-light-brown {
  background-color: #9c8a80;
}

.flag-beige {
  background-color: #9c8a80;
}

.flag.flag-use {
  background-color: #00437c;
  font-weight: 400;
  height: 22px;
  line-height: 22px;
}

.flag.flag-disabled {
  background-color: #f3f3f3;
  font-weight: 400;
  height: 22px;
  color: #222 !important;
}

.flag.flag-error {
  height: 22px;
  background: #e37263;
  font-weight: 400;
  color: #fff;
}

.flag.flag-modify {
  height: 22px;
  background: #6c94c1;
  font-weight: 400;
  color: #fff;
}

.flag.flag-round {
  border-radius: 10px;
  padding: 4px 8px 2px;
}

.flag.flag-round.flag-gray {
  color: #8c8c8c !important;
  background-color: #f3f3f3;
}

.flag.flag-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  color: #FFF !important;
  border-radius: 12px;
  background-color: rgba(148, 148, 148, 0.4);
  padding: 4px 8px 2px 26px;
}

.flag.flag-icon i {
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 2px;
}

.flag.flag-icon em {
  font-style: normal;
}

.flag.flag-icon .icon-play {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-play.svg);
}

.flag.flag-tip {
  border-radius: 20px;
  border: 1px solid #bbb;
  color: #666 !important;
  height: 22px;
  width: 40px;
  margin-right: 8px;
}

.flag.big {
  height: 24px;
  line-height: 1;
}

.flag.flag-sm {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 18px;
  font-weight: 400;
  padding: 0 6px;
  line-height: initial;
}

.flag-outline-skyblue {
  border: 1px solid rgba(54, 116, 188, 0.4);
  color: #3674bc !important;
  background-color: #fff;
}

.flag-outline-purple {
  border: 1px solid rgba(102, 73, 154, 0.4);
  color: #66499a !important;
  background-color: #fff;
}

.flag-outline-gray {
  border: 1px solid rgba(84, 73, 68, 0.4);
  color: #544944 !important;
  background-color: #fff;
}

.flag-outline-orange {
  border: 1px solid #ea7869;
  color: #ea7869 !important;
  background-color: #fff;
}

.text-tip {
  border-radius: 2px;
  padding: 3px 8px;
  font-size: 10px;
}

.text-tip-green {
  background-color: #40a584;
}

.text-tip-red {
  background-color: #EA7869;
}

.text-tip-box {
  position: relative;
}

.text-tip-box .text-tip {
  position: absolute;
  top: -10px;
  left: 16px;
}

.flag-text-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  margin-top: 48px;
  color: #666;
}

.flag-text-wrap .flag-tip-text {
  display: block;
  width: calc(100% - 48px);
}

/* mixin 정리 */
.co-certificate .certi-list li + li {
  margin-top: 8px;
}

.co-certificate .form-wrap-content + .text-dot.text-lg {
  margin-top: 24px;
  color: #666;
}

.co-certificate label {
  width: 100%;
}

.co-certificate .certi-list + .form-wrap-content {
  margin-top: 32px;
}

.certificate-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  width: 100%;
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.certificate-info-icon {
  width: 68px;
  height: 68px;
  padding: 10px;
  text-align: center;
}

.certificate-info-icon img {
  width: 100%;
}

.certificate-info-title {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 500;
}

.certificate-info-number {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.certificate-info-number + .certificate-info-authority {
  margin-top: 8px;
}

.certificate-info-authority, .certificate-info-date {
  color: #222;
}

.certificate-info-authority > span, .certificate-info-date > span {
  display: inline-block;
  margin-right: 8px;
  color: #999;
}

/* mixin 정리 */
.custom-icon {
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.custom-icon#iconComplate {
  width: 48px;
  height: 48px;
  display: block;
  margin: 0 auto;
}

.custom-icon.logo-locamoney {
  width: 124px;
  height: 100%;
  background-image: url(/webapp/v2/spa/assets/images/loca-money-logo-off.svg);
  background-position: 50%;
  background-size: contain;
  color: transparent;
}

.is-active .logo-locamoney {
  background-image: url(/webapp/v2/spa/assets/images/loca-money-logo-on.svg);
}

.custom-icon.icon-alert {
  width: 48px;
  height: 48px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-bang.svg);
}

.custom-icon.icon-complate {
  width: 64px;
  height: 64px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-complete-check.svg);
}

.custom-icon.icon-complate-round {
  width: 48px;
  height: 48px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-complete-round.svg);
}

.custom-icon.icon-loca {
  width: 64px;
  height: 64px;
  background-image: url(/webapp/v2/common/assets/images/common/img-logo@2x.png);
}

.custom-icon.icon-complete-nodata {
  width: 48px;
  height: 48px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-complete-nodata.svg);
}

.custom-icon.icon-page-error {
  width: 48px;
  height: 48px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-page-error.svg);
}

.custom-icon.icon-ars {
  width: 100%;
  max-width: 312px;
  height: 135px;
  background-image: url(/webapp/v2/common/assets/images/common/img-ars.svg);
}

.custom-icon.icon-ars-lottie {
  width: 112px;
  height: 130px;
}

.custom-icon.icon-upgrade {
  width: 24px;
  height: 24px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-arrow-upgrade-top.svg);
}

[class^=text-] + .custom-icon.icon-upgrade {
  vertical-align: text-top;
}

.custom-icon.icon-1won {
  width: 100%;
  max-width: 312px;
  height: 140px;
  background-image: url(/webapp/v2/common/assets/images/common/img-coin.svg);
}

.custom-icon.icon-1wonNumber {
  width: 280px;
  height: 117px;
  background-image: url(/webapp/v2/common/assets/images/common/img-account1won@2x.png);
}

.custom-icon.icon-revolving {
  width: 100%;
  max-width: 312px;
  height: 130px;
  background-image: url(/webapp/v2/common/assets/images/common/img-revolving.svg);
}

.custom-icon.icon-locamoneycard {
  width: 126px;
  height: 130px;
  background-image: url(/webapp/v2/common/assets/images/card/img-locamoney-card@2x.png);
}

.custom-icon.icon-cashback {
  width: 100%;
  max-width: 312px;
  height: 130px;
  background-image: url(/webapp/v2/common/assets/images/common/img-cashback.svg);
}

.custom-icon.icon-locaApp {
  width: 148px;
  height: 148px;
  background-image: url(/webapp/v2/common/assets/images/common/img-loca-app@2x.png);
  background-position: center;
}

.custom-icon.icon-passApp {
  width: 92px;
  height: 114px;
  background-image: url(/webapp/v2/common/assets/images/common/img-pass-on@2x.jpg);
}

.custom-icon.icon-passAppOff {
  width: 132px;
  height: 128px;
  background-image: url(/webapp/v2/common/assets/images/common/img-pass-off@2x.jpg);
}

.custom-icon.icon-maincard {
  width: 32px;
  height: 32px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-maincard.svg);
  position: absolute;
  left: 31px;
  top: 23px;
  z-index: 100;
}

.custom-icon.icon-spinner {
  width: 46px;
  height: 46px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-loading.png);
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

.custom-icon.icon-spinner-white {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-loading-white.svg);
}

.custom-icon.icon-benefit {
  width: 148px;
  height: 120px;
  background-image: url(/webapp/v2/common/assets/images/common/img-benefit.png);
}

.custom-icon.icon-alarm {
  width: 156px;
  height: 130px;
  background-image: url(/webapp/v2/common/assets/images/common/img-alarm.svg);
}

.custom-icon.icon-alarm-lottie {
  width: 156px;
  height: 130px;
}

.custom-icon.icon-dog {
  width: 148px;
  height: 160px;
  background-image: url(/webapp/v2/common/assets/images/common/img_dog@3x.png);
}

.custom-icon.icon-creditApp1 {
  width: 172px;
  height: 130px;
  background-image: url(/webapp/v2/common/assets/images/common/img_credit_score_2@2x.png);
}

.custom-icon.icon-creditApp2 {
  width: 192px;
  height: 130px;
  background-image: url(/webapp/v2/common/assets/images/common/img_credit_app_push_02@2x.png);
}

.custom-icon.icon-creditApp3 {
  width: 156px;
  height: 130px;
  background-image: url(/webapp/v2/common/assets/images/common/img_credit_app_push_03@2x.png);
}

.custom-icon.icon-creditApp4 {
  width: 156px;
  height: 130px;
  background-image: url(/webapp/v2/common/assets/images/common/img_credit_app_push_04@2x.png);
}

.custom-icon.icon-creditApp5 {
  width: 230px;
  height: 130px;
  background-image: url(/webapp/v2/common/assets/images/common/img_credit_app_push_01@2x.png);
}

.custom-icon.icon-noticeApp1 {
  width: 200px;
  height: 130px;
  background-image: url(/webapp/v2/common/assets/images/common/img_notice_app_push@2x.png);
}

.custom-icon.icon-noticeApp2 {
  width: 211px;
  height: 130px;
  background-image: url(/webapp/v2/common/assets/images/common/img_large_notice_app_push@2x.png);
}

.custom-icon.icon-fingerPrint {
  margin-top: 30px;
  width: 80px;
  height: 80px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/graphicFingerprint64.svg);
}

.custom-icon.icon-faceID {
  margin-top: 30px;
  width: 80px;
  height: 80px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/graphicFaceid64.svg);
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

.custom-icon-img {
  width: 234px;
  height: 150px;
}

.custom-icon-img img {
  width: 100%;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}

.custom-icon-img.vertical {
  width: 150px;
  height: 234px;
}

.custom-icon.icon-star {
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-star.svg) no-repeat center center;
}

.custom-icon.icon-search {
  width: 24px;
  height: 24px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-search.svg) no-repeat center center;
}

.custom-icon.icon-search-dark {
  width: 24px;
  height: 24px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-search-dark.svg) no-repeat center center;
}

.custom-icon.icon-kakao {
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-kakaotalk.svg) no-repeat center center;
}

.custom-icon.icon-sms {
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-sms.svg) no-repeat center center;
}

.custom-icon.icon-step-url {
  width: 64px;
  height: 64px;
  background: url(/webapp/v2/common/assets/images/card/icon-step-url.svg) no-repeat center center;
}

.custom-icon.icon-step-apply {
  width: 64px;
  height: 64px;
  background: url(/webapp/v2/common/assets/images/card/icon-step-apply.svg) no-repeat center center;
}

.custom-icon.icon-step-cashback {
  width: 64px;
  height: 64px;
  background: url(/webapp/v2/common/assets/images/card/icon-step-cashback.svg) no-repeat center center;
}

.custom-icon.icon-step-paing {
  width: 64px;
  height: 64px;
  background: url(/webapp/v2/common/assets/images/card/icon-step-paing.svg) no-repeat center center;
}

.custom-icon.icon-step-app {
  width: 48px;
  height: 48px;
  background: url(/webapp/v2/common/assets/images/card/icon-step-app.svg) no-repeat center center;
}

.custom-icon.icon-step-register {
  width: 48px;
  height: 48px;
  background: url(/webapp/v2/common/assets/images/card/icon-step-register.svg) no-repeat center center;
}

.custom-icon.icon-emoji {
  width: 18px;
  height: 18px;
  background: url(/webapp/v2/common/assets/images/common/icons/img-emoji-18@3x.png) no-repeat center center;
  background-size: 100% auto;
}

.custom-icon.img-logo-hori {
  background: url(/webapp/v2/common/assets/images/common/img-logo-hori.svg) no-repeat left top;
  background-size: 91px 24px;
  width: 91px;
  height: 24px;
}

.custom-icon.icon-password {
  background: url(/webapp/v2/common/assets/images/common/img-password@3x.png) no-repeat left top;
  background-size: 68px 90px;
  width: 68px;
  height: 90px;
}

.info-message-box {
  text-align: center;
}

.info-message-box.only {
  margin-top: 100px;
}

.info-message-box.has-content {
  margin-top: 25px;
}

.info-message-box + .data-list-result,
.info-message-box + .text-wrap {
  margin-top: 48px;
}

.info-message-box .custom-icon + * {
  margin-top: 24px;
}

.info-message-box .message-text {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.info-message-box .message-text.message-text-sm {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
}

.info-message-box .message-text-gray {
  margin-top: 8px;
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  line-height: 1.57;
}

.info-message-box.info-message-box-img {
  margin: 64px 0;
}

.info-message-box.info-message-box-img img {
  width: 216px;
}

.info-message-box.info-message-box-img .message-text {
  margin-top: 32px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  font-weight: 500;
}

.info-message-box .message-desc {
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  margin-top: 8px;
}

.info-message-box .copy-text-wrap.box-gray {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 500;
  padding: 12px 16px;
  margin-top: 32px;
  color: #222;
}

.npay {
  margin: 11px 0 17px;
  text-align: right;
}

.npay .ico-npay {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  position: relative;
  color: #222;
}

.npay .ico-npay.text-link.icon-link::before {
  content: '';
  position: absolute;
  top: calc(50% - 9px);
  left: -50px;
  display: inline-block;
  width: 46px;
  height: 18px;
  background-color: transparent;
  background-size: 46px auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(/webapp/v2/common/assets/images/common/icons/npay.svg);
}

.bottomsheet-image img {
  width: 148px;
  height: 148px;
  -o-object-fit: contain;
     object-fit: contain;
}

.bottomsheet-image.short img {
  width: 140px;
  height: 88px;
}

.bottomsheet-image-text {
  text-align: center;
  margin: 8px 0 32px;
}

.bottomsheet-image.card {
  margin: 20px 0 0;
}

.img-card {
  text-align: center;
}

.img-card.card-big {
  margin-bottom: 32px;
}

.img-card.card-big .img-card-conts {
  max-width: 234px;
}

.img-card.card-big .img-card-conts + .img-card-title {
  margin-top: 16px;
}

.img-card.card-big .img-card-conts img:nth-child(1) {
  width: auto;
  height: auto;
  max-width: 234px;
  max-height: 234px;
  border-radius: 8px;
}

.img-card-title {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.img-card img {
  width: 100%;
  height: 100%;
  max-width: 214px;
  max-height: 214px;
  -o-object-fit: contain;
     object-fit: contain;
}

.img-card .img-card-name {
  margin-top: 30px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 700;
  text-align: center;
}

.img-card .img-card-name span {
  display: block;
}

.img-card .img-card-conts {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 214px;
  margin: 0 auto;
}

.img-card .img-card-conts img:nth-child(1) {
  position: relative;
  max-width: 214px;
  max-height: 136px;
  z-index: 30;
  -webkit-box-shadow: 16px 16px 24px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 16px 16px 24px 1px rgba(0, 0, 0, 0.15);
}

.img-card .img-card-conts img:nth-child(2) {
  position: absolute;
  max-width: 142px;
  max-height: 90px;
  z-index: 30;
  top: 60px;
  left: 92px;
  -webkit-box-shadow: 16px 16px 24px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 16px 16px 24px 1px rgba(0, 0, 0, 0.15);
}

.img-card .img-card-conts .btn-icon-c {
  position: absolute;
  top: 85px;
  left: 143px;
  z-index: 30;
}

.id-card {
  text-align: center;
}

.id-card img {
  width: 233px;
  padding: 0;
}

.id-card img + .btn-wrap {
  margin-top: 16px;
}

.id-card.id-card-type1 {
  margin: 0px;
}

.id-card + .form-wrap-content {
  margin-top: 32px;
}

.id-card + .comp-container {
  margin-top: 80px;
}

.top-visual {
  min-height: 200px;
  margin: 0 -24px;
  padding: 0 24px;
  background-size: auto 200px;
  background-repeat: no-repeat;
  background-position: top 0 right 0;
  /* 2021-07-30
    &-finance-short {
        background-image: url(/webapp/v2/common/assets/images/finance/img-bg-cash-service@2x.png);
    }
    */
}

.top-visual.document {
  padding-top: 24px;
  min-height: 200px;
  background: url(/webapp/v2/common/assets/images/my/img-document@2x.png) no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
  background: url(/webapp/v2/common/assets/images/my/img-document@2x.png) no-repeat, linear-gradient(to bottom, #fff, #f9f9f9);
  background-size: auto 200px;
  background-position: right top;
  margin-top: -15px;
}

.top-visual > div.sub-title.title-depth3:nth-child(1) {
  min-height: 200px;
}

.top-visual .custom-icon.logo-locamoney {
  width: 148px;
  height: 15px;
  background-image: url(/webapp/v2/spa/assets/images/loca-money-logo-on.svg);
}

.top-visual .sub-title.title-depth3.title-small.mt8 + .list-wrap {
  margin-top: 77px;
}

.top-visual .sub-title.title-depth3.title-small.mt8 + .list-wrap .bubble-textbox-wrap {
  height: 38px;
}

.top-visual .sub-title.title-depth3.title-small.mt8 + .list-wrap .bubble-textbox-wrap .bubble-textbox.none-btn-close.bubble-textbox-small.bubble-textbox-right {
  top: 10px;
}

.top-visual .list-wrap + .box-link.box-link-shadow {
  margin-top: 48px;
}

.top-visual .ladm-banner {
  margin-top: 48px;
}

.top-visual .ladm-banner + .box-link.box-link-shadow {
  margin-top: 24px;
}

.top-visual .link-banner.link-banner-bg {
  margin-top: 48px;
}

.top-visual .link-banner.link-banner-bg + .box-link.box-link-shadow {
  margin-top: 24px;
}

.top-visual.box-gray {
  padding: 24px 24px 32px;
}

.top-visual.box-gray .box-link.box-link-shadow {
  background-color: #fff;
}

.top-visual.box-gray .box-link.box-link-shadow + .box-link.box-link-shadow {
  margin-top: 12px;
}

.call-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}

.call-center .sub-title.title-depth2 {
  margin-right: 8px;
}

.call-center + .text-gray-dark {
  margin-top: 4px;
}

.call-center + .text-gray-dark + .btn.btn-block.btn-border {
  margin-top: 24px;
}

.icon-call-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #ebebeb;
  border-radius: 100%;
}

.loading-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding-top: 200px;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  z-index: 1001;
  text-align: center;
}

.loading-wrap .custom-icon {
  margin-bottom: 24px;
}

.loading-wrap .loading-message {
  margin-top: 0;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #fff;
  font-weight: 500;
}

.loading-wrap .loading-message .loading-number {
  color: #bbb;
}

.loading-wrap .loading-message .loading-number strong {
  color: #fff;
}

@-webkit-keyframes arrow-motion-vertical {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
  }
  25% {
    opacity: 0;
    -webkit-transform: translateY(10px) scale(0.9);
            transform: translateY(10px) scale(0.9);
  }
  26% {
    opacity: 0;
    -webkit-transform: translateY(-10px) scale(0.9);
            transform: translateY(-10px) scale(0.9);
  }
  55% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
}

@keyframes arrow-motion-vertical {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
  }
  25% {
    opacity: 0;
    -webkit-transform: translateY(10px) scale(0.9);
            transform: translateY(10px) scale(0.9);
  }
  26% {
    opacity: 0;
    -webkit-transform: translateY(-10px) scale(0.9);
            transform: translateY(-10px) scale(0.9);
  }
  55% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
}

.arrow-motion-vertical {
  position: relative;
  height: 24px;
}

.arrow-motion-vertical span::after {
  -webkit-animation: arrow-motion-vertical 1.4s infinite linear;
          animation: arrow-motion-vertical 1.4s infinite linear;
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 8px);
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  margin-top: -3px;
  background: url(/webapp/v2/common/assets/images/common/icons/arrow-motion.svg) no-repeat center;
}

.arrow-motion-vertical span.first::after {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.icon-text.type-point .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.icon-text.type-point .icon img {
  max-width: 100%;
  max-height: 100%;
}

.img-loca-money {
  width: 148px;
}

.loca-loading-wrap {
  position: relative;
}

.loca-loading-wrap .loca-loading {
  position: static;
  width: 60px;
  height: 60px;
  margin: 0 auto 24px;
  -webkit-transform: inherit;
          transform: inherit;
}

.loading-area {
  position: relative;
}

.loading-area .loading-data {
  width: 30px;
  height: 30px;
}

/* mixin 정리 */
.bubble-textbox-wrap {
  position: relative;
  z-index: 1;
}

.bubble-textbox-wrap .bubble-textbox {
  position: absolute;
  top: 0;
  left: 0;
  background: #3674bc;
  border-radius: 4px;
  color: #FFF;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  line-height: 18px;
  padding: 11px 44px 7px 16px;
  z-index: 99;
}

.bubble-textbox-wrap .bubble-textbox::after {
  content: '';
  position: absolute;
  top: -10px;
  left: 24px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #3674bc;
  border-left: 6px solid transparent;
}

.bubble-textbox-wrap .bubble-textbox.none-btn-close {
  padding-right: 16px;
}

.bubble-textbox-wrap .bubble-textbox.none-btn-close .bubble-textbox-close {
  display: none;
}

.bubble-textbox-wrap .bubble-textbox-small {
  padding-top: 7px;
  padding-bottom: 3px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  line-height: 18px;
}

.bubble-textbox-wrap .bubble-textbox-right {
  right: 0;
  left: auto;
}

.bubble-textbox-wrap .bubble-textbox-right::after {
  right: 24px;
  left: auto;
}

.bubble-textbox-wrap .bubble-textbox-center::after {
  left: calc( 50% - 12px);
  right: auto;
}

.bubble-textbox-wrap .bubble-textbox-reverse::after {
  top: auto;
  bottom: -10px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.bubble-textbox-wrap .bubble-textbox.center {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.bubble-textbox-wrap .bubble-textbox.position-c {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.bubble-textbox-wrap .bubble-textbox-dright::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: -10px;
  border-top: 6px solid transparent;
  border-right: 6px solid #3674bc;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
}

.bubble-textbox-wrap .bubble-textbox-close {
  position: absolute;
  top: 6px;
  right: 12px;
  width: 24px;
  height: 24px;
  font-size: 0;
  border: 0;
  background: none;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-close-white.svg) 0 0 no-repeat;
}

.bubble-textbox-wrap.sm {
  top: 8px;
}

.bubble-textbox-wrap.sm .bubble-textbox {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  line-height: 18px;
  padding: 7px 32px 3px 16px;
}

.bubble-textbox-wrap.nowrap {
  white-space: nowrap;
}

.bubble-textbox-wrap.bubble-bottom .bubble-textbox {
  padding: 7px 16px 3px;
}

.bubble-textbox-wrap.bubble-bottom .bubble-textbox::after {
  top: auto;
  bottom: -10px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.bubble-textbox-wrap.bubble-bottom.sm {
  top: -40px;
}

.bubble-textbox-wrap .bubble-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 2px;
  right: 8px;
  width: 24px;
  height: 24px;
}

.bubble-textbox-wrap .bubble-link::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border: solid #fff;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.bubble-textbox-wrap.bubble-round .bubble-textbox {
  border-radius: 20px;
  line-height: 1.57;
}

.bubble-textbox-wrap.bubble-left-bottom .bubble-textbox {
  padding: 5px 16px 1px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.bubble-textbox-wrap.bubble-left-bottom .bubble-textbox::after {
  left: 5px;
  top: auto;
  bottom: -8px;
  -webkit-transform: rotate(98deg);
          transform: rotate(98deg);
  border-width: 8px;
  border-radius: 5px;
}

.bubble-textbox-wrap.close {
  display: none;
}

.bubble-set .bubble-textbox-wrap.bubble-bottom.sm {
  top: auto;
  bottom: 0;
  z-index: auto;
}

.bubble-set .bubble-textbox-wrap.bubble-bottom.sm .bubble-textbox {
  top: auto;
  bottom: -12px;
  left: 16px;
}

.bubble-textbox.withdrawal {
  left: 55px;
}

.bubble-textbox-wrap.sm > .bubble-textbox.none-btn-close {
  padding: 7px 16px 3px;
}

.bubble-textbox-wrap.bubble-bottom.sm > .bubble-textbox {
  padding: 7px 32px 3px 16px;
}

.bubble-textbox-wrap.bubble-bottom.sm > .bubble-textbox.type02 {
  padding-right: 16px;
}

.bubble-textbox-wrap.bubble-bottom.sm > .bubble-textbox.none-btn-close {
  padding: 7px 16px 3px;
}

.bubble-textbox-wrap.sm .bubble-textbox .bubble-textbox-close {
  width: 20px;
  height: 20px;
  top: 4px;
  right: 8px;
  background-size: 20px 20px;
}

/* mixin 정리 */
.other-service {
  position: relative;
  margin-bottom: 50px;
  padding-top: 35px;
}

.other-service::before {
  position: absolute;
  top: 0;
  left: -24px;
  display: block;
  content: '';
  width: 100vw;
  height: 8px;
  background: #f3f3f3;
}

.other-service-message {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 700;
  text-align: left;
}

.other-service-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 17px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.other-service-list .btn {
  height: 34px;
  border-color: #bbb;
  padding: 0 10px;
  border-radius: 16px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 700;
  margin-right: 8px;
  margin-bottom: 8px;
}

.other-service-list .btn i {
  margin-right: 4px;
}

/* mixin 정리 */
.icon-car {
  line-height: 1;
}

.icon-car:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-car:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-car-16@2x.png);
}

.icon-culture {
  line-height: 1;
}

.icon-culture:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-culture:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-film-16@2x.png);
}

.icon-phone {
  line-height: 1;
}

.icon-phone:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-phone:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-remote-16@2x.png);
}

.icon-shopping {
  line-height: 1;
}

.icon-shopping:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-shopping:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-shopping-16@2x.png);
}

.icon-c-flug {
  line-height: 1;
}

.icon-c-flug:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-c-flug:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-plug-16@2x.png);
}

.icon-c-call {
  line-height: 1;
}

.icon-c-call:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-c-call:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-phone-16@2x.png);
}

.icon-c-pen {
  line-height: 1;
}

.icon-c-pen:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-c-pen:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-pencil-16@2x.png);
}

.icon-cash {
  line-height: 1;
}

.icon-cash:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-cash:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-credit-16@2x.png);
}

.icon-time {
  line-height: 1;
}

.icon-time:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-time:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-clock-16@2x.png);
}

.icon-rock {
  line-height: 1;
}

.icon-rock:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-rock:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-lock-16@2x.png);
}

.icon-card {
  line-height: 1;
}

.icon-card:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-card:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-card-16@2x.png);
}

.icon-building {
  line-height: 1;
}

.icon-building:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-building:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-building-16@2x.png);
}

.icon-credit {
  line-height: 1;
}

.icon-credit:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-credit:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-credit-16@2x.png);
}

.icon-face-3 {
  line-height: 1;
}

.icon-face-3:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-face-3:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-face-3-16@2x.png);
}

.icon-folder {
  line-height: 1;
}

.icon-folder:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-folder:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-folder-16@2x.png);
}

.icon-credit {
  line-height: 1;
}

.icon-credit:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-credit:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-credit-16@2x.png);
}

.icon-great {
  line-height: 1;
}

.icon-great:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-great:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-great-16@2x.png);
}

.icon-key {
  line-height: 1;
}

.icon-key:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-key:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-key-16@2x.png);
}

.icon-letterbox {
  line-height: 1;
}

.icon-letterbox:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-letterbox:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-letterbox-16@2x.png);
}

.icon-party {
  line-height: 1;
}

.icon-party:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-party:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-party-16@2x.png);
}

.icon-pay {
  line-height: 1;
}

.icon-pay:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-pay:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-pay-16@2x.png);
}

.icon-bag {
  line-height: 1;
}

.icon-bag:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-bag:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-bag-19@2x.png);
}

.icon-building-2 {
  line-height: 1;
}

.icon-building-2:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-building-2:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-building-19@2x.png);
}

.icon-calendar {
  line-height: 1;
}

.icon-calendar:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-calendar:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-calendar-19@2x.png);
}

.icon-car-2 {
  line-height: 1;
}

.icon-car-2:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-car-2:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-car-2-19@2x.png);
}

.icon-car-3 {
  line-height: 1;
}

.icon-car-3:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-car-3:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-car-19@2x.png);
}

.icon-card-2 {
  line-height: 1;
}

.icon-card-2:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-card-2:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-card-19@2x.png);
}

.icon-clock {
  line-height: 1;
}

.icon-clock:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-clock:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-clock-19@2x.png);
}

.icon-culture-2 {
  line-height: 1;
}

.icon-culture-2:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-culture-2:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-culture-19@2x.png);
}

.icon-face-2 {
  line-height: 1;
}

.icon-face-2:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-face-2:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-face-2-19@2x.png);
}

.icon-face-4 {
  line-height: 1;
}

.icon-face-4:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-face-4:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-face-4-19@2x.png);
}

.icon-family {
  line-height: 1;
}

.icon-family:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-family:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-family-19@2x.png);
}

.icon-game {
  line-height: 1;
}

.icon-game:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-game:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-game-19@2x.png);
}

.icon-hospital {
  line-height: 1;
}

.icon-hospital:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-hospital:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-hospital-19@2x.png);
}

.icon-inject {
  line-height: 1;
}

.icon-inject:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-inject:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-inject-19@2x.png);
}

.icon-person {
  line-height: 1;
}

.icon-person:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-person:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-person-19@2x.png);
}

.icon-pill {
  line-height: 1;
}

.icon-pill:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-pill:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-pill-19@2x.png);
}

.icon-stethoscope {
  line-height: 1;
}

.icon-stethoscope:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-stethoscope:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-stethoscope-19@2x.png);
}

.icon-woman {
  line-height: 1;
}

.icon-woman:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-woman:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-woman-19@2x.png);
}

.icon-face-5 {
  line-height: 1;
}

.icon-face-5:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-face-5:before {
  width: 21px;
  height: 24px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji16/emoji-face-3-21@2x.png);
}

.icon-giftcard {
  line-height: 1;
}

.icon-giftcard:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-giftcard:before {
  width: 21px;
  height: 24px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji16/emoji-giftcard-21@2x.png);
}

.icon-lotteeatzcard {
  line-height: 1;
}

.icon-lotteeatzcard:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-lotteeatzcard:before {
  width: 21px;
  height: 24px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji16/emoji-lotteeatzcard-21@2x.png);
}

.icon-party-2 {
  line-height: 1;
}

.icon-party-2:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-party-2:before {
  width: 21px;
  height: 24px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji16/emoji-party-21@2x.png);
}

.icon-talk {
  line-height: 1;
}

.icon-talk:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-talk:before {
  width: 21px;
  height: 24px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji16/emoji-talk-21@2x.png);
}

.icon-face-7 {
  line-height: 1;
}

.icon-face-7:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-face-7:before {
  width: 21px;
  height: 24px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji16/emoji-face-4-21@2x.png);
}

.icon-thinking {
  line-height: 1;
}

.icon-thinking:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-thinking:before {
  width: 21px;
  height: 24px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji16/emoji-thinking-01@2x.png);
}

.icon-thinking::before {
  vertical-align: top;
}

.icon-face-6 {
  line-height: 1;
}

.icon-face-6:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-face-6:before {
  width: 22px;
  height: 28px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji20/emoji-face-23@2x.png);
}

.icon-service-direct {
  line-height: 1;
}

.icon-service-direct:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-service-direct:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/emoji-car-19@2x.png);
}

.icon-service-cash {
  line-height: 1;
}

.icon-service-cash:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-service-cash:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/icon-cash@2x.png);
}

.icon-service-drug {
  line-height: 1;
}

.icon-service-drug:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-service-drug:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/icon-drug@2x.png);
}

.icon-service-joypad {
  line-height: 1;
}

.icon-service-joypad:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-service-joypad:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/icon-joypad@2x.png);
}

.icon-service-camping {
  line-height: 1;
}

.icon-service-camping:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.icon-service-camping:before {
  width: 19px;
  height: 22px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji14/icon-camping@2x.png);
}

/* mixin 정리 */
.floating-search {
  position: fixed;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  right: 24px;
  bottom: 24px;
  background-color: #544944;
  color: #fff;
  border-radius: 24px;
  white-space: nowrap;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  z-index: 150;
  opacity: 1;
  -webkit-animation: hidden 5s ease-in-out forwards;
          animation: hidden 5s ease-in-out forwards;
}

.floating-search__desc {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 32px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  overflow: hidden;
}

.floating-search.fold {
  opacity: 0;
  width: 48px;
  -webkit-animation: fold .3s ease-in-out forwards;
          animation: fold .3s ease-in-out forwards;
}

@-webkit-keyframes hidden {
  to {
    opacity: 0;
  }
}

@keyframes hidden {
  to {
    opacity: 0;
  }
}

@-webkit-keyframes fold {
  to {
    opacity: 1;
  }
}

@keyframes fold {
  to {
    opacity: 1;
  }
}

.search-form {
  position: relative;
}

.search-form.search-sticky {
  width: 100vw;
  position: fixed;
  left: 0;
  top: calc(56px + var(--safe-top));
  padding: 16px 24px;
  background-color: #fff;
  z-index: 100;
}

.search-form .form-content {
  position: relative;
}

.search-form .form-content .custom-input {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  height: 48px;
  line-height: 48px;
  padding-right: 48px;
}

.search-form .form-content .btn-search {
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 3px;
}

.search-form .form-content .form-control-clear .btn-input-clear {
  right: 45px;
}

.tx-keyword {
  font-weight: 500;
  color: #3674bc;
  font-style: normal;
}

.keyword-wrap {
  height: calc(100vh - 120px);
  overflow-y: auto;
  width: 100%;
  background-color: #fff;
  padding-top: 25px;
  padding-bottom: 25px;
}

.keyword-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 22px;
  font-weight: 400;
}

.keyword-list li a {
  color: #000;
}

.keyword-list li + li {
  margin-top: 18px;
}

.keyword-list li:nth-child(1) .tx-num, .keyword-list li:nth-child(2) .tx-num, .keyword-list li:nth-child(3) .tx-num {
  color: #3674bc;
}

.keyword-list .tx-num {
  display: inline-block;
  font-weight: 700;
  width: 28px;
  color: #999;
}

.keyword-list .tx-date {
  color: #999;
}

.keyword-list .btn-xs {
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-top: -2px;
}

.keyword-list .icon-xmark {
  position: relative;
  width: 11px;
  height: 11px;
}

.keyword-list .icon-xmark:before, .keyword-list .icon-xmark:after {
  position: absolute;
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #999;
}

.keyword-list .icon-xmark:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.keyword-list .icon-xmark:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.result-text.line-none {
  border-bottom: 0;
}

.result-text em {
  font-style: normal;
}

.search-form + .result-text {
  margin-top: 30px;
  padding-bottom: 11px;
  border-bottom: 1px solid #ebebeb;
}

.search-form + .keyword-list {
  margin-top: 25px;
}

.menu-utils {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu-utils .btn-search {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.box-gray .text-underline {
  text-decoration: underline;
  margin-top: 2px;
}

.list-wrap .list-dot li + li {
  margin-top: 8px;
}

/* mixin 정리 */
/* custom-banner */
.custom-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  margin: 32px auto;
  /* type-img1 */
  /* type-img2 */
  /* type-link1 */
}

.custom-banner a, .custom-banner > div {
  display: block;
  width: 100%;
  padding: 28px 20px;
}

.custom-banner .custom-banner-cont {
  position: relative;
}

.custom-banner .custom-banner-img {
  position: absolute;
  bottom: 0;
  right: 0;
  height: auto;
  max-height: 100%;
}

.custom-banner .custom-banner-img img {
  -o-object-fit: contain;
     object-fit: contain;
}

.custom-banner .custom-banner-text {
  text-align: left;
  line-height: 1.57;
  font-weight: 500;
  color: #222;
  word-break: keep-all;
}

.custom-banner .custom-banner-desc {
  text-align: left;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
}

.custom-banner .text-gray-dark, .custom-banner .text-blue {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
}

.custom-banner .btn.btn-round {
  white-space: nowrap;
}

.custom-banner > a.type-img1, .custom-banner > .type-img1 {
  width: 100%;
  min-height: 180px;
}

.custom-banner > a.type-img1 .custom-banner-img, .custom-banner > .type-img1 .custom-banner-img {
  width: 142px;
}

.custom-banner > a.type-img1 .custom-banner-text, .custom-banner > .type-img1 .custom-banner-text {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.custom-banner > a.type-img1 .custom-banner-text + .custom-banner-desc, .custom-banner > .type-img1 .custom-banner-text + .custom-banner-desc {
  margin-top: 4px;
}

.custom-banner > a.type-img2, .custom-banner > .type-img2 {
  min-height: 100px;
}

.custom-banner > a.type-img2 .custom-banner-img, .custom-banner > .type-img2 .custom-banner-img {
  width: 124px;
}

.custom-banner > a.type-img2 .custom-banner-text, .custom-banner > .type-img2 .custom-banner-text {
  line-height: 1.57;
  font-weight: 700;
}

.custom-banner > a.type-link, .custom-banner > .type-link {
  padding: 20px;
}

.custom-banner > a.type-link:before, .custom-banner > .type-link:before {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  right: 24px;
  width: 8px;
  height: 8px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.custom-banner > a.type-link .custom-banner-text, .custom-banner > a.type-link .custom-banner-desc, .custom-banner > .type-link .custom-banner-text, .custom-banner > .type-link .custom-banner-desc {
  width: calc(100% - 20px);
}

.custom-banner > .type-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 20px;
  font-weight: 700;
}

.custom-banner > .type-button.light {
  padding: 28px 20px;
  font-weight: 400;
}

.custom-banner > .type-button-2 {
  display: block;
}

.custom-banner > .type-button-2 .btn-border {
  border-color: #bbb;
}

.custom-banner.type-flag {
  position: relative;
  overflow: visible;
}

.custom-banner.type-flag .flag {
  position: absolute;
  top: -10px;
  left: 20px;
}

.custom-banner.type-flag .custom-banner-cont .custom-banner-text {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.custom-banner.shadow {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: transparent;
}

.custom-banner.shadow > a {
  padding: 24px 20px;
}

.custom-banner.shadow .custom-banner-cont .custom-banner-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.custom-banner.shadow .custom-banner-cont .custom-banner-text + .custom-banner-desc {
  margin-top: 4px;
}

.custom-banner.shadow .custom-banner-cont .list-dot {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  margin-top: 12px;
}

.custom-banner .button-right {
  text-align: right;
  margin-top: 16px;
}

.custom-banner.type-fullImg {
  width: auto;
  height: auto;
  max-width: 360px;
}

.custom-banner.type-fullImg a {
  padding: 0;
  min-height: 180px;
}

.custom-banner.type-fullImg a img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}

.custom-banner.type-fullAuto {
  width: auto;
  height: auto;
  max-width: 360px;
}

.custom-banner.type-fullAuto a {
  padding: 0;
}

.custom-banner.type-fullAuto a img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}

.custom-banner.type-blur {
  width: auto;
  height: auto;
  max-width: 360px;
}

.custom-banner.type-blur .custom-banner-img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.custom-banner.type-blur .custom-banner-img:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #222;
  opacity: .7;
}

.custom-banner.type-blur .custom-banner-cont {
  position: absolute;
  top: 0;
  left: 0;
  padding: 28px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 100%;
}

.custom-banner.type-blur .custom-banner-cont .custom-banner-text {
  color: #fff;
  font-weight: 400;
}

.custom-banner.type-blur .custom-banner-cont .custom-banner-text > span {
  display: block;
}

/* 간격 */
.custom-banner + .custom-banner {
  margin-top: -16px;
}

.custom-banner + .sub-title.title-depth4.underline {
  margin-top: 64px;
}

.custom-banner.type-box a {
  padding: 20px;
}

/* mixin 정리 */
.tooltip-wrap {
  display: inline-block;
  margin-top: 8px;
  line-height: 24px;
}

.tooltip-wrap .tooltip-open {
  overflow: hidden;
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 0;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-tooltip.webp) no-repeat;
  background-position: 0 0px;
  background-size: 100% auto;
  border: 0;
  vertical-align: top;
  margin-top: -2px;
}

.tooltip-wrap .tooltip-open.text-link {
  width: auto;
  height: auto;
  background: none;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  position: relative;
  line-height: 1.3;
}

.tooltip-wrap .tooltip-open.text-link:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #222;
}

.tooltip-wrap .tooltip-open.text-link.text-blue:before {
  background-color: #0B48BE;
}

.tooltip-wrap.tooltip-wrap-term {
  margin-top: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 24px;
}

.tooltip-wrap.tooltip-wrap-term .tooltip-open {
  position: relative;
  z-index: 20;
  background-position: 0 0;
}

.my-b-type5 .tooltip-open {
  margin-top: 1px;
}

.tooltip-pop {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100vw;
  height: 100vh;
  -webkit-transform: scale(0);
          transform: scale(0);
  background: rgba(0, 0, 0, 0.1);
  z-index: 2000;
  display: none;
}

.tooltip-pop .tooltip-box {
  position: relative;
  width: calc(100% - 48px);
  background: #fff;
  border-radius: 20px;
  padding: 24px;
}

.tooltip-pop .tooltip-box .tooltip-title {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
  margin-bottom: 12px;
}

.tooltip-pop .tooltip-box .tooltip-content {
  color: #222;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  text-align: left;
}

.tooltip-pop .tooltip-box .tooltip-close {
  position: absolute;
  top: 12px;
  right: 8px;
  width: 48px;
  height: 48px;
  font-size: 0;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-close-pop.svg) no-repeat;
  border: 0;
  overflow: hidden;
}

.tooltip-pop.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: scale(1);
          transform: scale(1);
  background: rgba(0, 0, 0, 0.6);
  -webkit-animation: popModal-background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: popModal-background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.tooltip-pop.open .tooltip-box {
  -webkit-animation: popModal-content 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: popModal-content 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.sub-title.title-depth3 .tooltip-wrap, .page-sub-title .tooltip-wrap {
  margin-top: 0;
  vertical-align: middle;
  line-height: 24px;
}

.sub-title.title-depth3 .tooltip-wrap .tooltip-open, .page-sub-title .tooltip-wrap .tooltip-open {
  background-position: 0 0;
}

@-webkit-keyframes popModal-content {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes popModal-content {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes popModal-background {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes popModal-background {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.list-data-default li.list-items > div .tooltip-wrap {
  white-space: normal;
}

.bottomsheet .tooltip-pop {
  height: 100%;
}

.bottomsheet .tooltip-pop.open {
  border-radius: 19px;
  background: rgba(0, 0, 0, 0.5);
}

.text-default {
  white-space: normal;
  word-break: keep-all;
}

/* mixin 정리 */
/* mixin 정리 */
.custom-bottomsheet .bottomsheet {
  /* 21-07-13 디자인 가이드 수정 */
  /*popup title에 icon  있는 경우*/
}

.custom-bottomsheet .bottomsheet > .popup-header > .popup-title.popup-title-icon {
  padding-right: 24px;
}

.custom-bottomsheet .bottomsheet > .popup-header > .popup-title.popup-title-icon > img {
  width: 28px;
  border-radius: 100%;
}

.custom-bottomsheet .bottomsheet > .popup-header > .popup-title.popup-title-icon > img + span {
  margin-left: 12px;
}

.custom-bottomsheet .bottomsheet > .popup-content .tab-list-wrap.fixed {
  position: fixed;
  top: 60px;
  width: 100%;
}

.custom-bottomsheet .bottomsheet > .popup-content .tab-list-wrap.fixed + .tab-content-wrap {
  padding-top: 72px;
}

.custom-bottomsheet .bottomsheet > .popup-content .tab-list-wrap.fixed.tab-full {
  margin: 0;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list li {
  height: auto;
  min-height: 56px;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  min-height: 56px;
  padding: 14px 0;
  color: #222;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list a .select-list-conts {
  font-weight: 500;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list a .select-list-conts div {
  font-weight: 400;
  color: #666;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list a.on, .custom-bottomsheet .bottomsheet > .popup-content ul.select-list a:focus-visible {
  color: #0B48BE;
  font-weight: 500;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list a.on::after, .custom-bottomsheet .bottomsheet > .popup-content ul.select-list a:focus-visible::after {
  content: '';
  position: absolute;
  top: calc(50% - 16px);
  right: -4px;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-check.svg);
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list.txt-wrap a {
  padding-right: 40px;
  white-space: normal;
  text-overflow: inherit;
  overflow: inherit;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list.txt-wrap a::after {
  top: 12px;
}

.custom-bottomsheet .boxAgree {
  margin-top: 0;
  border: none;
}

.custom-bottomsheet .boxAgree .agreeItem {
  border: none;
}

.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-head {
  min-height: auto;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-head .btn-fold {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-head .btn-fold::before, .custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-head .btn-fold::after {
  top: calc(50% - 5px);
}

.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-head dl.data-list {
  width: calc(100% - 40px);
}

.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-head dl.data-list dd {
  font-weight: 700;
}

.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-body {
  padding: 0;
  background: #fff;
}

.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-body dl.data-list {
  padding: 24px 0;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-body dl.data-list dd {
  font-weight: 500;
}

.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion.is-active .fold-body {
  padding: 24px 0;
}

.custom-bottomsheet {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1002;
  max-height: calc(100% - 60px);
  max-height: calc(100% - 60px - var(--safe-top) - var(--safe-bottom));
}

.custom-bottomsheet.on {
  display: block;
}

.custom-bottomsheet .bottomsheet {
  position: relative;
  background: #fff;
  border-radius: 20px 20px 0 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 3.5ms;
  transition: -webkit-transform 3.5ms;
  transition: transform 3.5ms;
  transition: transform 3.5ms, -webkit-transform 3.5ms;
  z-index: 1;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.custom-bottomsheet .bottomsheet.on {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.custom-bottomsheet .bottomsheet > .popup-header {
  position: relative;
  background: #fff;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  padding: 24px;
  border-radius: 20px 20px 0 0;
  z-index: 10;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}

.custom-bottomsheet .bottomsheet > .popup-header > .popup-title {
  color: #222;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
  line-height: 1.4;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-height: 28px;
  margin-right: 24px;
}

.line-clamp2 {
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-Box-orient: vertical;
}

.popup-layer .custom-bottomsheet .bottomsheet > .popup-header > .popup-title {
  position: static;
}

.custom-bottomsheet .bottomsheet > .popup-header > .popup-title.line-clamp2 {
  max-width: calc(100vw - 96px);
  max-height: 56px;
}

.custom-bottomsheet .bottomsheet > .popup-header > .popup-title .tooltip-wrap .tooltip-open {
  margin-top: 0;
}

.custom-bottomsheet .bottomsheet > .popup-header > .popup-subtitle {
  color: #666;
  margin-top: 8px;
}

.custom-bottomsheet .bottomsheet > .popup-header .btn-close {
  position: absolute;
  top: 11px;
  right: 24px;
  width: 48px;
  height: 48px;
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-close-pop.svg);
  border: 0;
  margin-right: -12px;
  cursor: pointer;
}

.custom-bottomsheet .bottomsheet > .popup-header .btn-close.hide {
  background-image: none;
}

.custom-bottomsheet .bottomsheet > .popup-content {
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  padding: 0 24px 30px;
  min-height: 170px;
  max-height: calc(100vh - 234px - var(--safe-top) - var(--safe-bottom));
}

.custom-bottomsheet .bottomsheet > .popup-footer {
  background-color: #fff;
  text-align: center;
  width: 100%;
  padding: 12px 24px 30px;
}

.custom-bottomsheet .bottomsheet > .popup-footer .text-link {
  display: inline-block;
  margin: 24px auto 8px;
}

.custom-bottomsheet .bottomsheet > .popup-footer .text-block {
  display: block;
  text-align: center;
}

.custom-bottomsheet .bottomsheet > .popup-footer .btn + .text-block {
  margin-top: 24px;
}

.custom-bottomsheet.bottomsheet-full {
  height: 100%;
}

.custom-bottomsheet.bottomsheet-full .bottomsheet {
  height: 100%;
}

.custom-bottomsheet .dimmed {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.custom-bottomsheet.type-footer {
  display: block;
  -webkit-box-shadow: 0 -6px 11px -4px rgba(0, 0, 0, 0.14);
          box-shadow: 0 -6px 11px -4px rgba(0, 0, 0, 0.14);
  border-radius: 16px 16px 0 0;
  z-index: 1001;
}

.custom-bottomsheet.type-footer > .bottomsheet {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.custom-bottomsheet.type-footer > .bottomsheet > .popup-content {
  padding-top: 24px;
  padding-bottom: 12px;
}

.bottomsheet.show {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  -webkit-transition: position 0.3s ease-out 0s;
  transition: position 0.3s ease-out 0s;
}

.custom-bottomsheet.type-new {
  max-height: calc(100% - 60px);
}

.custom-bottomsheet.type-new .bottomsheet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100vh - 60px);
}

.custom-bottomsheet.type-new .bottomsheet > .popup-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-height: initial;
}

/* mixin 정리 */
.custom-bottomsheet .bottomsheet {
  /* 21-07-13 디자인 가이드 수정 */
  /*popup title에 icon  있는 경우*/
}

.custom-bottomsheet .bottomsheet > .popup-header > .popup-title.popup-title-icon {
  padding-right: 24px;
}

.custom-bottomsheet .bottomsheet > .popup-header > .popup-title.popup-title-icon > img {
  width: 28px;
  border-radius: 100%;
}

.custom-bottomsheet .bottomsheet > .popup-header > .popup-title.popup-title-icon > img + span {
  margin-left: 12px;
}

.custom-bottomsheet .bottomsheet > .popup-content .tab-list-wrap.fixed {
  position: fixed;
  top: 60px;
  width: 100%;
}

.custom-bottomsheet .bottomsheet > .popup-content .tab-list-wrap.fixed + .tab-content-wrap {
  padding-top: 72px;
}

.custom-bottomsheet .bottomsheet > .popup-content .tab-list-wrap.fixed.tab-full {
  margin: 0;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list li {
  height: auto;
  min-height: 56px;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  min-height: 56px;
  padding: 14px 0;
  color: #222;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list a .select-list-conts {
  font-weight: 500;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list a .select-list-conts div {
  font-weight: 400;
  color: #666;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list a.on, .custom-bottomsheet .bottomsheet > .popup-content ul.select-list a:focus-visible {
  color: #0B48BE;
  font-weight: 500;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list a.on::after, .custom-bottomsheet .bottomsheet > .popup-content ul.select-list a:focus-visible::after {
  content: '';
  position: absolute;
  top: calc(50% - 16px);
  right: -4px;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-check.svg);
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list.txt-wrap a {
  padding-right: 40px;
  white-space: normal;
  text-overflow: inherit;
  overflow: inherit;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list.txt-wrap a::after {
  top: 12px;
}

.custom-bottomsheet .boxAgree {
  margin-top: 0;
  border: none;
}

.custom-bottomsheet .boxAgree .agreeItem {
  border: none;
}

.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-head {
  min-height: auto;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-head .btn-fold {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-head .btn-fold::before, .custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-head .btn-fold::after {
  top: calc(50% - 5px);
}

.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-head dl.data-list {
  width: calc(100% - 40px);
}

.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-head dl.data-list dd {
  font-weight: 700;
}

.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-body {
  padding: 0;
  background: #fff;
}

.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-body dl.data-list {
  padding: 24px 0;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-body dl.data-list dd {
  font-weight: 500;
}

.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion.is-active .fold-body {
  padding: 24px 0;
}

/* mixin 정리 */
.accordion-wrap {
  background: #fff;
}

.accordion-wrap .accordion {
  position: relative;
}

.accordion-wrap .accordion.bill-wrap .fold-head {
  padding: 0;
}

.accordion-wrap .accordion.bill-wrap .fold-body.box-full + .grid-wrap {
  margin-top: 16px;
}

.accordion-wrap .accordion.bill-wrap.is-active .fold-body.box-full + .grid-wrap {
  margin-top: -16px;
}

.accordion-wrap .accordion.bill-wrap.is-active .fold-head + .fold-body.box-gray {
  padding: 0 24px;
  margin-top: 16px;
  margin-bottom: 32px;
}

.accordion-wrap .accordion.bill-wrap .fold-body.box-gray .list-data-default {
  color: #222;
  padding: 24px 0;
}

.accordion-wrap .accordion.bill-wrap .fold-body.box-gray .list-data-default:first-child {
  border-top: 0;
}

.accordion-wrap .accordion.bill-wrap .fold-body.box-gray .list-data-default li:last-child {
  padding-bottom: 0;
}

.accordion-wrap .accordion.bill-wrap.is-active .fold-head + .fold-body.box-gray {
  padding: 0 24px;
  margin-bottom: 32px;
}

.accordion-wrap .accordion .fold-head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 56px;
  padding: 0 40px 0 0;
  font-size: 16px;
}

.accordion-wrap .accordion .fold-head .btn-fold {
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 40px;
  height: 40px;
  background: none;
  border: 0;
  font-size: 0;
}

.accordion-wrap .accordion .fold-head .btn-fold::before, .accordion-wrap .accordion .fold-head .btn-fold::after {
  position: absolute;
  content: '';
  top: calc(50% - 3px);
  left: 50%;
  width: 1px;
  height: 10px;
  background-color: #222;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
}

.accordion-wrap .accordion .fold-head .btn-fold::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: -4px;
}

.accordion-wrap .accordion .fold-head .btn-fold::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 3px;
}

.accordion-wrap .accordion .fold-head .btn-fold[aria-expanded=true]::before, .accordion-wrap .accordion .fold-head .btn-fold[aria-expanded=true]::after {
  background-color: #222;
}

.accordion-wrap .accordion .fold-head .btn-fold[aria-expanded=true]::before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.accordion-wrap .accordion .fold-head .btn-fold[aria-expanded=true]::after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.accordion-wrap .accordion .fold-head .btn-fold.btn-type-new {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 0px 24px;
  text-align: left;
  font-size: 16px;
}

.accordion-wrap .accordion .fold-head .btn-fold.btn-type-new::before {
  left: auto;
  right: 32px !important;
}

.accordion-wrap .accordion .fold-head .btn-fold.btn-type-new::after {
  left: auto;
  right: 25px !important;
}

.accordion-wrap .accordion .fold-head .btn-fold.btn-type-new.x-10 {
  padding-left: 0;
  font-weight: 500;
  letter-spacing: -0.5px;
}

.accordion-wrap .accordion .fold-head .btn-fold.btn-type-new.x-10::before {
  right: 17px !important;
}

.accordion-wrap .accordion .fold-head .btn-fold.btn-type-new.x-10::after {
  right: 10px !important;
}

.accordion-wrap .accordion .fold-head.has-data {
  padding: 24px 0;
}

.accordion-wrap .accordion .fold-head.has-data .btn-fold {
  width: 24px;
  height: 24px;
  top: 20px;
}

.accordion-wrap .accordion .fold-head.has-data .single-data {
  width: calc(100% - 28px);
}

.accordion-wrap .accordion .fold-head.h-auto {
  min-height: auto;
}

.accordion-wrap .accordion .fold-body {
  padding: 24px;
}

.accordion-wrap .accordion .text-default .title {
  color: #222;
  font-weight: 500;
}

.accordion-wrap .accordion .text-default .context {
  margin-top: 8px;
}

.accordion-wrap .accordion .text-default .title + ul {
  margin-top: 8px;
}

.accordion-wrap .accordion .text-default.type02 {
  margin-top: 4px;
}

.accordion-wrap .accordion .text-default.type02 .title + ul {
  margin-top: 0;
  margin-left: 14px;
}

.accordion-wrap .accordion .text-default.type03 {
  margin-top: 24px;
}

.accordion-wrap .accordion .text-default.type03 .title {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.accordion-wrap .accordion .text-default.type03 .title + ul {
  margin-top: 16px;
}

.accordion-wrap .accordion .text-default.type03 ul + ul {
  margin-top: 16px;
}

.accordion-wrap .accordion .text-default.type03 .list-dot, .accordion-wrap .accordion .text-default.type03 .list-hyphen {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.accordion-wrap .accordion .text-default.type03 .list-dot > li + li, .accordion-wrap .accordion .text-default.type03 .list-hyphen > li + li {
  margin-top: 8px;
}

.accordion-wrap .accordion * + .text-default {
  margin-top: 24px;
}

.accordion-wrap.type-border:not(.padding-none) .accordion + .accordion {
  border-top: 1px solid #ebebeb;
}

.accordion-wrap.type-border:not(.padding-none):last-of-type:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.accordion-wrap.type-border.padding-none .accordion {
  border-bottom: 0;
}

.accordion-wrap.type-border.padding-none .accordion:not(:first-child) {
  border-top: 0;
}

.accordion-wrap.type-border.padding-none .accordion .fold-head {
  border-bottom: 1px solid #ebebeb;
}

.accordion-wrap.type-button .accordion .fold-head {
  padding: 0 24px;
}

.accordion-wrap.type-button .accordion .fold-head .btn-fold {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.accordion-wrap.type-button .accordion .fold-head .btn-fold::before {
  left: auto;
  right: 32px;
}

.accordion-wrap.type-button .accordion .fold-head .btn-fold::after {
  left: auto;
  right: 25px;
}

.accordion-wrap.type-button .accordion .fold-head .btn-fold.w50 {
  margin-right: -10px;
}

.accordion-wrap.type-button .accordion .fold-head .btn-fold.w50::before {
  right: 27px;
}

.accordion-wrap.type-button .accordion .fold-head .btn-fold.w50::after {
  right: 20px;
}

.accordion-wrap.type-button .accordion .fold-body {
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  background-color: transparent;
}

.accordion-wrap.type-button .accordion.is-active .fold-body {
  padding: 8px 24px 24px;
}

.accordion-wrap.type-button.padding-none .accordion .fold-head {
  padding-right: 24px;
}

.accordion-wrap.type-button.padding-none .accordion .fold-head .btn-fold::before {
  right: 16px;
}

.accordion-wrap.type-button.padding-none .accordion .fold-head .btn-fold::after {
  right: 10px;
}

.accordion-wrap.type-button.type-close.box-full {
  border-top: 1px solid #ebebeb;
}

.accordion-wrap.type-button.type-close.box-full .fold-head {
  font-weight: 500;
}

.accordion-wrap.type-button.border-top.box-full .fold-head {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.accordion-wrap.type-button .accordion.box-full .fold-head {
  font-size: 16px;
  font-weight: 500;
}

.accordion-wrap.type-button .accordion.box-full .fold-head .btn-fold {
  right: 0;
}

.accordion-wrap.type-round > .accordion > .fold-head {
  padding: 0 20px;
  border: 1px solid #ebebeb;
  border-radius: 10px;
}

.accordion-wrap.type-round > .accordion > .fold-body {
  width: 100%;
  padding: 0;
  background-color: transparent;
}

.accordion-wrap.type-inline .accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.accordion-wrap.type-inline .accordion .fold-head {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 45px 0 0;
}

.accordion-wrap.type-inline .accordion .fold-body {
  width: 100vw;
  margin: 0 -24px;
}

.accordion-wrap.type-price .accordion .fold-head .btn-fold::before {
  position: absolute;
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 16px);
  right: 10px;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-arrow-accord.svg) no-repeat;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  margin-left: -4px;
}

.accordion-wrap.type-price .accordion .fold-head .btn-fold::after {
  display: none;
}

.accordion-wrap.type-price .accordion .fold-head .btn-fold[aria-expanded=true]::before {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
}

.accordion-wrap.type-price .accordion .fold-head .price-fold {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.accordion-wrap.type-price .accordion .fold-head .price-fold .btn-fold.ico-fold {
  position: inherit;
}

.accordion-wrap.type-price .accordion .fold-head .price-fold .btn-fold.ico-fold::before {
  position: inherit;
  top: inherit;
  right: inherit;
  background-position: 50% 50%;
}

.accordion-wrap.type-price.type-blue .accordion .fold-head .btn-fold::before {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-arrow-accord-blue.svg) no-repeat;
}

.accordion-wrap.type-price.type-blue .accordion.is-active .fold-body {
  margin-bottom: 16px;
}

.accordion-wrap.type-full {
  width: 100vw;
  padding: 0 24px;
  margin: 0 -24px;
  margin-top: 48px;
  border-top: 1px solid #ebebeb;
}

.accordion-wrap.type-full .accordion .fold-head {
  padding: 0 30px 0 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.accordion-wrap.type-full .accordion .fold-head .btn-fold::before {
  right: 17px;
}

.accordion-wrap.type-full .accordion .fold-head .btn-fold::after {
  right: 10px;
}

.accordion-wrap.type-full .accordion .fold-body {
  padding: 0;
}

.accordion-wrap.type-full + .type-full {
  margin-top: 0;
}

.accordion-wrap.type-full.type-full-border {
  border-top: 0;
}

.accordion-wrap.type-full.type-full-border .accordion .fold-head {
  border-bottom: 1px solid #ebebeb;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.accordion-wrap.type-full.type-full-border .accordion .fold-head.border-black {
  border-color: #222;
}

.accordion-wrap.type-full.type-full-border .accordion .fold-body > ul {
  padding: 8px 0;
}

.accordion-wrap.type-full.type-full-border-d li.accordion ~ li.accordion {
  width: 100vw;
  padding: 0 24px;
  margin: 0 -24px;
  border-top: 1px solid #ebebeb;
}

.accordion-wrap.type-full.type-full-border-d .accordion .fold-body > ul {
  padding: 8px 0;
}

.accordion-wrap.type-full.type-full-border-d .accordion .fold-body > ul:first-child {
  padding-top: 0;
}

.accordion-wrap.type-full.type-full-border-d:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.accordion-wrap.input-list-check .accordion .fold-head {
  padding: 0;
  padding-right: 40px;
}

.accordion-wrap.input-list-check .accordion .fold-head .custom-checkbox,
.accordion-wrap.input-list-check .accordion .fold-head .input-unit {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.accordion-wrap.input-list-check .accordion .fold-head .input-unit {
  height: 40px;
}

.accordion-wrap.input-list-check .accordion .fold-head .input-unit .unit {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.accordion-wrap.input-list-check .accordion .fold-body {
  padding: 0 0 0 32px;
  background: #fff;
}

.accordion-wrap.input-list-check .accordion .fold-body .box-gray .list-data-default {
  padding: 0;
}

.accordion-wrap.input-list-check .accordion .fold-body .box-gray .list-data-default li {
  padding: 0 0 12px;
  border: 0;
}

.accordion-wrap.input-list-check .accordion .fold-body .box-gray .list-data-default li:last-child {
  padding-bottom: 0;
}

.accordion-wrap.input-list-check .accordion.is-active .fold-body {
  padding: 8px 0 8px 32px;
  background: #fff;
}

.accordion-wrap.border-none {
  border-top: 0;
}

.accordion-wrap.border-top-b {
  border-top: 1px solid #666;
}

.accordion-wrap.border-top-b .accordion {
  border-bottom: 1px solid #ebebeb;
}

.accordion-wrap.border-top-b .accordion > li:first-child {
  border-top: 0;
}

.accordion-wrap.border-top-b .accordion .fold-head {
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.accordion-wrap.border-top-b .accordion .fold-head .btn-fold {
  padding: 0;
}

.accordion-wrap.border-top-b .accordion .fold-head .btn-fold::before {
  right: 11px;
  background-color: #222;
}

.accordion-wrap.border-top-b .accordion .fold-head .btn-fold::after {
  right: 4px;
  background-color: #222;
}

.accordion-wrap.border-top-b .accordion .fold-body {
  padding-left: 0;
  padding-right: 0;
}

.accordion-wrap.border-top-b .accordion.is-active .fold-body {
  padding: 16px 0 32px;
}

.accordion-wrap.head-lg .fold-head {
  min-height: 98px;
}

.accordion-wrap.type-slide .accordion .fold-head {
  min-height: auto;
  padding: 0;
}

.accordion-wrap.type-slide .accordion .fold-head .btn-fold {
  right: -6px;
}

.accordion-wrap.type-slide .accordion .fold-body {
  padding: 0;
}

.accordion-wrap.type-slide .accordion .fold-body .sub-title.title-depth4.text-black:first-child {
  margin-top: 0;
}

.accordion-wrap.type-slide .accordion .fold-body .swiper-container {
  min-height: 225px;
  padding-bottom: 42px;
}

.accordion-wrap.type-slide .accordion .fold-body .swiper-container .swiper-pagination.swiper-pagination-bullets {
  bottom: 4px;
  line-height: 1;
  font-size: 0;
}

.accordion-wrap.type-slide .accordion .fold-body .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #ebebeb;
  border-radius: 6px;
  opacity: 1;
  -webkit-transition: width .3s;
  transition: width .3s;
}

.accordion-wrap.type-slide .accordion .fold-body .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 16px;
  background: #817169;
}

.accordion-wrap.type-slide .accordion.is-active .fold-body {
  margin-top: 16px;
  padding: 16px 0 0;
  border-top: 1px solid #222;
}

.accordion-wrap.padding-none .accordion .fold-head,
.accordion-wrap.padding-none .accordion .fold-body {
  padding: 0;
}

.accordion-wrap.padding-none .accordion.is-active .fold-head,
.accordion-wrap.padding-none .accordion.is-active .fold-body {
  padding: 0;
}

.accordion-wrap.borderbox .accordion {
  padding: 0 20px;
  border: 1px solid #ebebeb;
  border-radius: 10px;
}

.accordion-wrap.borderbox .accordion + .accordion {
  margin-top: 12px;
}

.accordion-wrap.borderbox .accordion .fold-head {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  padding: 20px 0;
  min-height: auto;
  font-weight: 700;
}

.accordion-wrap.borderbox .accordion .fold-head .btn-fold {
  top: 50%;
  margin-top: -23px;
}

.accordion-wrap.borderbox .accordion .fold-body {
  padding: 0;
}

.accordion-wrap.borderbox .accordion .fold-body .grid-col-2 {
  padding: 20px 0;
}

.accordion-wrap.borderbox .accordion .fold-body .grid-col-2 > div:not(:first-child),
.accordion-wrap.borderbox .accordion .fold-body .grid-col-2 > div:not(:nth-child(2)) {
  margin-top: 24px;
}

.accordion-wrap.borderbox .accordion .fold-body .grid-col-2 > div:nth-child(1),
.accordion-wrap.borderbox .accordion .fold-body .grid-col-2 > div:nth-child(2) {
  margin-top: 0;
}

.accordion-wrap.borderbox .accordion.is-active .fold-head {
  padding-bottom: 19px;
  border-bottom: 1px solid #ebebeb;
}

.accordion-wrap.borderbox .accordion.is-active .fold-body {
  padding: 0;
}

.type-price + .form-wrap-content {
  margin-top: 20px;
}

.type-price .fold-body .list-data-default.border-none {
  padding: 6px 0;
}

.type-price + .list-wrap {
  margin-top: 16px;
}

.usage-detail.accordion-wrap .accordion {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #666;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-property: border;
  transition-property: border;
}

.usage-detail.accordion-wrap .accordion.is-active {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.usage-detail.accordion-wrap .accordion.is-active .fold-body.box-full.box-gray {
  padding: 0 24px;
}

.usage-detail.accordion-wrap .accordion.is-active .fold-body.box-full.box-gray .list-data-default {
  padding: 24px 0;
}

.usage-detail.accordion-wrap .accordion.is-active .fold-body.box-full.box-gray .list-data-default:first-child {
  border-top: 0;
}

.usage-detail.accordion-wrap .accordion.is-active .fold-body.box-full.box-gray .list-data-default:last-child {
  border-bottom: 0;
}

.usage-detail.accordion-wrap .accordion .amount-wrap {
  position: relative;
}

.usage-detail.accordion-wrap .accordion .amount-wrap .d-flex-between {
  padding-right: 32px;
}

.usage-detail.accordion-wrap .accordion .fold-head {
  padding: 0;
}

.usage-detail.accordion-wrap .accordion .fold-head .btn-fold {
  margin-top: 40px;
  bottom: -4px;
}

.usage-detail.accordion-wrap .accordion .fold-body {
  margin: 16px -24px 16px;
}

.usage-detail.accordion-wrap .accordion .fold-body .data-list + .data-list {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #ebebeb;
}

.usage-detail.accordion-wrap .accordion .fold-body .data-info-wrap dl dt,
.usage-detail.accordion-wrap .accordion .fold-body .data-info-wrap dl dd {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

/*is-active 시 닫힘*/
.accordion-wrap .accordion .fold-body {
  padding: 0 24px;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition-property: padding, max-height, visibility, color;
  transition-property: padding, max-height, visibility, color;
  -webkit-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.accordion-wrap .accordion.is-active .fold-body {
  max-height: 5000px;
  padding: 0 24px 24px;
  visibility: visible;
  color: #666;
  -webkit-transition-property: padding, max-height, visibility, color;
  transition-property: padding, max-height, visibility, color;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.accordion-wrap .accordion.is-active .fold-head {
  border-bottom: 0;
}

.usage-detail.accordion-wrap .accordion .fold-body {
  margin: 0 -24px 0;
}

.usage-detail.accordion-wrap .accordion.is-active .fold-body {
  margin: 16px -24px 16px;
}

.card-select-wrap .accordion .fold-body {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition-property: max-height, visibility;
  transition-property: max-height, visibility;
  -webkit-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.card-select-wrap .accordion.is-active .fold-body {
  max-height: 1000px;
  visibility: visible;
  -webkit-transition-property: max-height, visibility;
  transition-property: max-height, visibility;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.agree-box .accordion-wrap .accordion .fold-body {
  padding: 0 24px;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition-property: max-height, padding, visibility;
  transition-property: max-height, padding, visibility;
  -webkit-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.agree-box .accordion-wrap .accordion.is-active .fold-body {
  max-height: 1000px;
  padding: 0 24px;
  visibility: visible;
  -webkit-transition-property: max-height, padding, visibility;
  transition-property: max-height, padding, visibility;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.accordion-wrap.type-full .accordion .fold-body {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition-property: max-height, padding;
  transition-property: max-height, padding;
  -webkit-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.accordion-wrap.type-full .accordion .fold-body > * {
  display: none;
  -webkit-transition: display 0.8s ease-in-out;
  transition: display 0.8s ease-in-out;
}

.accordion-wrap.type-full .accordion.is-active .fold-body {
  padding: 8px 0 24px;
  max-height: 2500px;
  -webkit-transition-property: max-height, padding;
  transition-property: max-height, padding;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.accordion-wrap.type-full .accordion.is-active .fold-body > * {
  display: block;
  -webkit-transition: display 0.8s ease-in-out;
  transition: display 0.8s ease-in-out;
}

.btn-toggle {
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: 0;
  font-size: 0;
}

.btn-toggle::before, .btn-toggle::after {
  position: absolute;
  content: '';
  top: calc(50% - 3px);
  width: 1px;
  height: 10px;
  background-color: #666;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
}

.btn-toggle::before {
  right: 30px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.btn-toggle::after {
  right: 23px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.btn-toggle[aria-expanded=true]::before, .btn-toggle[aria-expanded=true]::after {
  background-color: #222;
}

.btn-toggle[aria-expanded=true]::before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.btn-toggle[aria-expanded=true]::after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.card-select-wrap .accordion ~ .accordion {
  margin-top: 16px;
}

.card-select-wrap .accordion.is-active .chk-select-head {
  border-color: #544944;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-property: border;
  transition-property: border;
}

.card-select-wrap .custom-checkbox {
  height: 24px;
}

.card-select-wrap .btn-toggle {
  min-width: 56px;
  width: auto;
}

.card-select-wrap .chk-select-body .chk-all {
  padding: 15px 0 12px;
  border-bottom: 1px #ebebeb solid;
}

.card-select-wrap .chk-select-body .list-wrap {
  margin-top: 0;
}

.card-select-wrap .chk-select-body .item-card-list.card-more-view {
  max-height: 264px;
  overflow: hidden;
}

.card-select-wrap .chk-select-body .item-card-list.card-more-view.is-active {
  max-height: inherit;
  overflow: inherit;
}

.card-select-wrap .chk-select-body .item-card-list li {
  padding: 14px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.card-select-wrap .chk-select-body .item-card-list li:first-child {
  padding-top: 16px;
}

.card-select-wrap .chk-select-body .item-card-list .custom-checkbox {
  display: block;
}

.card-select-wrap .chk-select-body .item-card-list .chk-sel-card {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 32px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 34px;
}

.card-select-wrap .chk-select-body .item-card-list .chk-sel-card > span {
  display: inline-block;
  min-width: 39px;
  min-height: 24px;
  position: relative;
  padding-right: 8px;
  margin-right: 8px;
  line-height: 34px;
}

.card-select-wrap .chk-select-body .item-card-list .chk-sel-card > span.family {
  min-width: 36px;
}

.card-select-wrap .chk-select-body .item-card-list .chk-sel-card > span::before {
  display: inline-block;
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 12px;
  width: 1px;
  background-color: #bbb;
}

.card-select-wrap .chk-select-body .item-card-list .chk-sel-card > span:last-child {
  padding: 0;
  margin: 0;
}

.card-select-wrap .chk-select-body .item-card-list .chk-sel-card > span:last-child::before {
  display: none;
}

.card-select-wrap .chk-select-body .item-card-list .chk-sel-card > img {
  vertical-align: middle;
  display: inline-block;
  height: 24px;
  width: 36px;
  margin-right: 12px;
}

.card-select-wrap .chk-select-body .item-card-list .chk-sel-card .card-label {
  vertical-align: middle;
  display: inline-block;
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.card-select-wrap .chk-select-body .item-card-list .chk-sel-card .card-label + span::before {
  display: none;
}

.card-select-wrap .chk-select-body .item-card-list .chk-sel-card .family + .card-label {
  max-width: 65px;
}

.card-select-wrap .chk-select-body .item-card-list .wrap-ellipsis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.card-select-wrap .chk-select-body .item-card-list .wrap-ellipsis .card-label {
  max-width: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.card-select-wrap .chk-select-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  border: 1px #ebebeb solid;
  border-radius: 10px;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-property: border;
  transition-property: border;
  position: relative;
  right: 0;
}

.card-select-wrap .chk-select-head .chk-select-option {
  width: 100%;
}

.card-select-wrap .chk-select-head + .chk-select-body .chk-all {
  padding: 15px 16px 12px;
}

.card-select-wrap .chk-select-head + .chk-select-body .item-card-list li {
  padding: 14px 16px;
}

.card-select-wrap .chk-select-head + .chk-select-body .chk-sel-card .card-label {
  max-width: 95px;
}

.card-select-wrap .chk-select-head + .chk-select-body .chk-sel-card .family + .card-label {
  max-width: 45px;
}

.card-select-wrap + .sub-title.title-depth3 {
  margin-top: 48px;
}

.under-text {
  border-top: 1px solid #ebebeb;
  margin: 0 -24px 0;
  padding: 24px 24px 0;
}

.accordion-wrap + .under-text {
  border-top: 0;
}

.maturity-wrap.def .list-data-default {
  padding: 0;
}

.accordion-wrap.type-button.type-close.type-full:not(:first-child) {
  margin-top: -1px;
}

.accordion-wrap.type-button.type-close.type-full + .accordion-wrap {
  margin-top: -1px;
}

.accordion-wrap.type-button.type-close.type-full + .accordion-wrap:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.accordion-wrap.type-button.type-close.type-full + .list-dot {
  margin-top: 24px;
}

.accordion-wrap.type-button.type-close.type-full.border-bottom:last-child {
  border-bottom: 0;
}

.accordion.under-text .list-dot + .box-gray {
  margin-top: 24px;
}

.shadowbox .accordion-wrap .accordion.is-active .fold-body {
  margin-top: 16px;
  border-top: 1px solid #666;
}

.accordion-wrap.type-full .accordion .fold-body .under-text {
  border-top: 0;
}

.accordion-wrap.type-full .accordion.is-active .fold-body > table {
  display: table;
}

.accordion-wrap.type-button.type-full .text-12 > li + li,
.accordion.under-text .text-12 > li + li {
  margin-top: 8px;
  line-height: 18px;
}

.accordion-wrap.type-button.type-full .text-12 > li + li.text-14,
.accordion.under-text .text-12 > li + li.text-14 {
  margin-top: 12px;
  line-height: 1.6;
}

.accordion-wrap.type-button.type-full .text-12 > li::before,
.accordion.under-text .text-12 > li::before {
  top: 7px;
}

.accordion-wrap.type-button.type-full .text-12 > li.text-14::before,
.accordion.under-text .text-12 > li.text-14::before {
  top: 8px;
}

.accordion-wrap.type-button.type-full .list-hyphen.text-12 > li,
.accordion.under-text .list-hyphen.text-12 > li {
  line-height: 18px;
}

.accordion-wrap.type-button.type-full .list-hyphen.text-12 > li::before,
.accordion.under-text .list-hyphen.text-12 > li::before {
  top: 0;
}

.accordion-wrap.type-button.type-full .list-asterisk.text-12 > li::before {
  top: 1px;
}

/* mixin 정리 */
.amount-wrap.border-bottom {
  padding-bottom: 16px;
  border-bottom: 1px solid #666;
}

.amount-wrap.amount-flex-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.amount-wrap.amount-flex-button.baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.amount-wrap + .data-border-wrap {
  margin-top: 16px;
}

.amount-wrap + .sub-title.title-depth4 {
  margin-top: 24px;
}

.amount-wrap + .form-wrap-content {
  margin-top: 32px;
}

.amount-wrap .interest-rate {
  margin-top: 16px;
}

.accordion-wrap .amount-wrap + .btn-fold:before,
.accordion-wrap .amount-wrap + .btn-fold:after {
  background-color: #5089ca !important;
}

.accordion-wrap .amount-wrap .d-flex-between .text-blue {
  -ms-flex-item-align: end;
      align-self: flex-end;
  vertical-align: middle;
}

.text-price {
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0px;
  line-height: 1.25;
  font-weight: 700;
  color: #222;
}

.text-price + .data-list {
  margin-top: 4px;
}

.text-price.bill-cancel {
  color: #ee1100;
}

.text-price.bill-cancel strong {
  text-decoration: line-through;
  font-weight: 700;
}

.text-price span {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
}

.text-price em {
  display: block;
  margin-bottom: 8px;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  color: #222;
}

.text-price em.text {
  margin-bottom: 4px;
}

.text-price + .list-wrap {
  margin-top: 16px;
}

.text-price.text-price-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.text-price.text-price-row em {
  margin-bottom: 0;
}

.text-price.text-price-row + .text-price-row {
  margin-top: 12px;
}

.text-price.text-price-row + .text-guide {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #ebebeb;
}

.amount-wrap-detail .box-gray.box-full {
  padding: 24px;
}

.amount-wrap-detail .box-gray.box-full .list-data-default.border-none > li:last-child {
  padding-bottom: 0;
}

.amount-wrap + .amount-wrap-detail {
  margin-top: 16px;
}

.amount-availabel {
  padding: 48px 0 24px;
}

.img-logo-hori + .amount-wrap {
  margin-top: 24px;
}

.amount-group .list-data-default {
  border-bottom: 0;
  padding-bottom: 0;
}

.amount-group + .amount-loan {
  margin-top: 12px;
}

.amount-loan .list-data-default {
  border-top: 0;
  border-bottom: 0;
  padding: 0;
}

.amount-loan .list-items.total02 {
  margin-top: 8px;
  border-top: 1px solid #ebebeb;
  padding-top: 20px;
}

/* mixin 정리 */
.popup-layer {
  position: fixed;
  top: 50%;
  left: 50%;
  width: calc(100% - 48px);
  max-height: calc(100% - 48px);
  background: #fff;
  border-radius: 20px;
  z-index: 1003;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: calc((100% - 64px) - var(--safe-top) - var(--safe-bottom));
}

.popup-layer > .popup-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 56px;
  padding: 0 12px;
  border-bottom: 1px solid #ebebeb;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.popup-layer > .popup-header.fixed::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  width: 100vw;
  height: 1px;
  background-color: #ebebeb;
}

.popup-layer > .popup-header .popup-title {
  position: absolute;
  display: block;
  width: 100%;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 60px;
  z-index: 5;
}

.popup-layer > .popup-header .btn-prev,
.popup-layer > .popup-header .btn-close,
.popup-layer > .popup-header .btn-home,
.popup-layer > .popup-header .btn-setting,
.popup-layer > .popup-header .logo-loca {
  display: block;
  width: 48px;
  height: 48px;
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 0;
  cursor: pointer;
  z-index: 6;
}

.popup-layer > .popup-header .btn-prev.hide,
.popup-layer > .popup-header .btn-close.hide,
.popup-layer > .popup-header .btn-home.hide,
.popup-layer > .popup-header .btn-setting.hide,
.popup-layer > .popup-header .logo-loca.hide {
  background-image: none;
}

.popup-layer > .popup-header .btn-prev {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-history-back.svg);
  margin-right: auto;
}

.popup-layer > .popup-header .btn-close {
  position: relative;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-close-pop.svg);
  margin-left: auto;
}

.popup-layer > .popup-header .btn-home {
  position: relative;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-header-home.svg);
  margin-left: auto;
}

.popup-layer > .popup-header .btn-setting {
  position: relative;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-header-setting.svg);
  margin-left: auto;
}

.popup-layer > .popup-header .logo-loca {
  width: 40px;
  height: 40px;
  font-size: 0;
  background-image: url(/webapp/v2/common/assets/images/common/logo-loca.svg);
  margin-right: auto;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.popup-layer .custom-bottomsheet .bottomsheet .popup-header {
  border-bottom: 0;
}

.popup-layer .custom-bottomsheet .bottomsheet .popup-header .popup-title {
  padding: 0;
  text-align: left;
}

.popup-layer .btn-event-close {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-close-pop.svg);
  margin-left: auto;
}

.popup-layer .btn-event-close.hide {
  background-image: none;
}

.popup-layer > .popup-content {
  position: relative;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 16px 24px 32px;
  margin-right: -1px;
}

.popup-layer > .popup-footer {
  padding: 0 24px 24px;
}

.popup-layer > .popup-footer .text-block {
  display: block;
  text-align: center;
}

.popup-layer > .popup-footer .btn + .text-block {
  margin-top: 24px;
}

.popup-layer.popup-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.popup-layer.popup-alert {
  width: 300px;
  text-align: center;
  padding-top: 32px;
}

.popup-layer.popup-alert .alert-title {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-bottom: 16px;
}

.popup-layer.popup-alert .popup-header {
  border: none;
}

.popup-layer.popup-alert .popup-content {
  padding: 0 24px 0px;
}

.popup-layer.popup-alert .popup-footer {
  padding: 32px 24px 24px;
}

.popup-layer.popup-alert.popup-alert-02 .popup-footer {
  padding-top: 24px !important;
}

.popup-layer.popup-alert.popup-alert-02 .popup-footer .btn {
  font-weight: 500 !important;
  border-radius: 8px !important;
}

.popup-layer.popup-alert.popup-alert-02 .popup-footer .btn-border {
  border-color: #bbb;
}

.popup-layer.popup-alert.popup-alert-02 .popup-footer .btn-close {
  background-color: #3376f6;
  border: 1px solid #3376f6;
}

.dimmed {
  z-index: 1001;
}

.popup-layer.popup-full {
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  height: 100%;
  max-height: 100%;
  max-height: calc(100% + var(--safe-bottom));
  width: 100%;
  border-radius: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  z-index: 1002;
  padding-top: var(--safe-top);
}

.popup-layer.popup-full > .popup-header {
  background: #fff;
  border: none;
  position: relative;
  width: 100%;
  padding: 0 7px;
}

.popup-layer.popup-full > .popup-header .popup-title {
  width: calc(100vw - 120px);
  padding: 0;
}

.popup-layer.popup-full > .popup-content {
  padding: 16px 24px 30px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /*-webkit-overflow-scrolling:touch;*/
}

.popup-layer.popup-full > .popup-content.is-keypad {
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}

.popup-layer.popup-full > .popup-content .hr {
  margin: 0 -24px;
}

.popup-layer.popup-full > .popup-content.bg-wrap {
  background: #fafafa;
  padding: 24px;
}

.popup-layer.popup-full > .popup-footer {
  position: relative;
  width: 100%;
  padding: 16px 24px 30px;
}

.border-b-none {
  border-bottom: none !important;
}

.popup-layer:not(.popup-full) > .popup-footer > .btn.btn-block {
  height: 40px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  line-height: 40px;
  font-weight: 500;
}

.ladm-layer .popup-content {
  padding: 0;
  margin-right: 0;
}

.ladm-layer .popup-content .content-box {
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}

.ladm-layer .popup-footer {
  padding: 0;
}

.ladm-layer .popup-footer .btn-block {
  color: #0B48BE;
  height: 56px !important;
}

.ladm-layer .popup-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  bottom: -40px;
  padding: 0 20px 0 16px;
  width: 100%;
}

.ladm-layer .popup-actions .checkbox-round label {
  color: #fff;
  font-weight: 400;
}

.ladm-layer .popup-actions .text-white {
  font-weight: 400;
}

.popup-layer:not(.popup-full) > .popup-footer > .btn.btn-md {
  height: 48px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  line-height: 48px;
  font-weight: 500;
}

/* mixin 정리 */
.agree-box-wrap {
  background: #fafafa;
  border-radius: 10px;
  padding: 20px;
}

.agree-box-wrap .report-desc {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

.agree-box-wrap .report-desc + .report-list {
  margin-top: 17px;
}

.agree-box-wrap .report-list {
  border: none;
  padding: 0;
}

.agree-box-wrap .report-list > li + li {
  margin-top: 8px;
}

.agree-box-wrap .report-list > li > a {
  min-width: 50px;
  color: #3674bc;
  text-align: right;
  text-decoration: underline;
}

.agree-box-wrap .report-list .custom-checkbox input[type=checkbox] + label {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
  margin-left: 15px;
}

.agree-box-wrap .report-list .custom-checkbox.checkbox-sm input[type=checkbox] + label em:before, .agree-box-wrap .report-list .custom-checkbox.checkbox-sm input[type=checkbox] + label em:after {
  background-color: #999;
}

.agree-box-wrap .report-list .custom-checkbox.checkbox-sm input[type=checkbox]:checked + label em:before, .agree-box-wrap .report-list .custom-checkbox.checkbox-sm input[type=checkbox]:checked + label em:after {
  background-color: #3674bc;
}

.agree-box-wrap .report-list .custom-checkbox.checkbox-md input[type=checkbox] + label em:before, .agree-box-wrap .report-list .custom-checkbox.checkbox-md input[type=checkbox] + label em:after {
  background-color: #fff;
}

.agree-box-wrap .report-list .custom-checkbox.checkbox-md input[type=checkbox]:checked + label em::before {
  -webkit-animation: check-left .2s ease backwards;
          animation: check-left .2s ease backwards;
}

.agree-box-wrap .report-list .custom-checkbox.checkbox-md input[type=checkbox]:checked + label em::after {
  -webkit-animation: check-right .2s ease .2s backwards;
          animation: check-right .2s ease .2s backwards;
}

.agree-box-wrap .report-list.border-bottom {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.agree-box-wrap + .message-text.d-flex-between {
  margin-top: 16px;
}

.agree-box-wrap.inner {
  padding-left: 24px;
}

.agree-box .agree-head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 56px;
  padding: 0 20px;
  border-radius: 10px;
  border: 1px solid #ebebeb;
}

.agree-box .agree-head .btn-toggle {
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: 0;
  font-size: 0;
}

.agree-box .agree-head .btn-toggle::before, .agree-box .agree-head .btn-toggle::after {
  position: absolute;
  content: '';
  top: calc(50% - 3px);
  width: 1px;
  height: 10px;
  background-color: #666;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
}

.agree-box .agree-head .btn-toggle::before {
  right: 30px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.agree-box .agree-head .btn-toggle::after {
  right: 23px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.agree-box .agree-head .btn-toggle[aria-expanded=true]::before, .agree-box .agree-head .btn-toggle[aria-expanded=true]::after {
  background-color: #666;
}

.agree-box .agree-head .btn-toggle[aria-expanded=true]::before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.agree-box .agree-head .btn-toggle[aria-expanded=true]::after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.agree-box .agree-body {
  display: none;
  width: 100%;
  padding: 0;
}

.agree-box .agree-body .accordion-wrap {
  margin-top: 8px;
}

.agree-box .agree-body .fold-body {
  padding: 0;
  background-color: transparent;
}

.agree-box .agree-body.is-active {
  display: block;
}

.agree-box + hr.border-full {
  margin-top: 32px;
}

.accordion.view {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 56px;
  padding: 0 24px;
}

.accordion.view > a {
  display: inline-block;
  min-width: 50px;
  color: #5089ca;
  text-align: right;
  text-decoration: underline;
  margin-left: auto;
}

.report-list + .agree-box-3depth-title {
  border-top: 1px solid #ebebeb;
  padding: 16px 0 16px 52px;
  color: #666;
  margin-top: 17px;
}

.report-list + .agree-box-3depth-title + .report-list {
  padding-left: 52px;
  margin-bottom: 17px;
}

.report-list + .agree-box-3depth-title + .report-list + .list-dot {
  padding-left: 52px;
}

.agree-list-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0 0;
}

.agree-list-head > a {
  max-width: 50px;
  white-space: nowrap;
  margin-left: 16px;
}

.agree-list-head .text-black {
  font-weight: 500;
}

.agree-list-body {
  margin-top: 18px;
  background-color: #fafafa;
  border-radius: 6px;
  padding: 20px;
}

.agree-list-body .sub-title.title-depth4 {
  color: #222;
}

.agree-list-body .agree-list-radiobox {
  text-align: right;
}

.agree-list-body .agree-list-radiobox .custom-radio.radio-md + .custom-radio.radio-md {
  margin-left: 32px;
}

.agree-list-body .agree-list-radiobox .custom-radio.radio-md input[type=radio] + label {
  margin-right: 0;
}

.agree-list-body.bg-white {
  padding: 0;
  background: #fff;
}

.agree-list-item > .text-guide-mgt.text-12 {
  margin: 4px 0 21px;
}

.agree-list > li + li {
  margin-top: 8px;
}

.agree-box-inner-head {
  padding: 13px 20px;
  margin: 8px 0;
}

.agree-box-inner-head .text-guide-mgt.text-12 {
  font-weight: 400;
}

.agree-box-inner-list {
  padding: 13px 0;
}

.agree-box.agree-box-type1 .agree-box-wrap .custom-radio.radio-md input[type=radio] + label,
.agree-box.agree-box-type1 .agree-box-wrap .custom-checkbox.checkbox-md input[type=checkbox] + label {
  color: #666;
}

.agree-box.agree-box-type2 .agree-box-wrap {
  background: none;
  padding: 0 20px;
}

.sub-title.title-depth3 + .accept-terms-wrap {
  margin-top: 48px;
}

.accept-terms-wrap + .accept-terms-wrap {
  margin-top: 48px;
}

.accept-terms-wrap .sub-title.title-depth3.title-small + .agree-box-wrap {
  margin-top: 16px;
}

.accept-terms-wrap .sub-title.title-depth3.title-small + .text {
  margin-top: 16px;
}

.accept-terms-wrap .more-info-area {
  margin-top: 34px;
}

.accept-terms-wrap .more-info-area .sub-title.title-depth4 + .custom-table {
  margin-top: 18px;
}

.accept-terms-wrap .agree-box-wrap .report-list .custom-checkbox input[type=checkbox] + label {
  margin-left: 8px;
}

.consent-status {
  margin-top: 16px;
  text-align: right;
}

.consent-status .custom-radio.radio-md input[type=radio] + label {
  color: #666;
}

.consent-status .custom-radio + .custom-radio {
  margin-left: 6px;
}

/*21-07-17 약관동의*/
.sub-title + .agreeList-wrap {
  margin-top: 24px;
}

.btn-wrap + .agreeChk-accodion-container,
.agreeChk-accodion-container + .agreeChk-accodion-container,
.agreeChk-cont-btn + .agreeChk-accodion-box {
  margin-top: 8px;
}

.agreeChk-cont-text + .agreeChk-accodion-box {
  margin-top: 20px;
}

.accordion-wrap.agreeChk-accodion-wrap .accordion.is-active .fold-body, .accordion-wrap.agreeChk-accodion-wrap .accordion .fold-body {
  padding: 0;
}

.accordion-wrap.agreeChk-accodion-wrap .accordion .fold-head.agreeChk-accodion-head {
  padding: 0;
}

.accordion-wrap.agreeChk-accodion-wrap .accordion .fold-head.agreeChk-accodion-head .btn-fold {
  right: 8px;
}

.custom-checkbox.checkbox-border.chkAll {
  border: 1px solid #222;
}

.custom-checkbox.checkbox-border.chkAll + .agreeChk-accodion-wrap {
  margin-top: 16px;
}

.agreeChk-accodion-wrap {
  border-radius: 10px;
  border: 1px solid #ebebeb;
}

.agreeChk-accodion-wrap .agreeChk-accodion {
  border-top: 1px solid #ebebeb;
}

.agreeChk-accodion-wrap .agreeChk-accodion:first-of-type {
  border-top: 0;
}

.agreeList-wrap .custom-checkbox.checkbox-border input[type=checkbox] + label:before {
  margin-top: -12px;
}

.agreeChk-accodion-head {
  padding: 0;
}

.agreeChk-accodion-head .custom-checkbox.checkbox-border {
  border: none;
}

.agreeChk-accodion-head .custom-checkbox.checkbox-border > input[type=checkbox] + label {
  height: auto;
  min-height: 56px;
  padding: 16px 48px 15px 52px;
  word-break: break-all;
}

.agreeChk-accodion-head .custom-checkbox.checkbox-border > input[type=checkbox] + label:before {
  top: 16px;
  margin-top: 0;
}

.agreeChk-accodion-head .custom-checkbox.checkbox-border + .btn-fold {
  top: 6px;
}

.agreeChk-accodion-conts {
  padding: 8px 20px;
  border-top: 1px solid #ebebeb;
}

.agreeChk-accodion-conts .btn-wrap {
  margin-top: 12px;
}

.agreeChk-accodion-conts .agree-box .agree-head {
  border: 0;
  padding: 13px 0;
  min-height: 48px;
}

.agreeChk-accodion-conts .agree-box .agree-head .btn-toggle {
  right: -18px;
  z-index: 1;
}

.agreeChk-accodion-conts .agree-box .agree-head .btn-toggle:before, .agreeChk-accodion-conts .agree-box .agree-head .btn-toggle:after {
  top: 20px;
}

.agreeChk-accodion-conts .agree-box .agree-head .custom-checkbox input[type=checkbox] + label {
  margin-right: 24px;
}

.agreeChk-accodion-conts .agree-box .agreeChk-accodion-box {
  margin: 8px 0;
}

.agreeChk-accodion-conts .agreeChk-accodion-container:last-of-type .agreeChk-accodion-box:last-of-type {
  margin-bottom: 12px;
}

.agreeChk-cont-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 12px 0;
}

.agreeChk-cont-btn > a {
  margin-top: 4px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 28px;
          flex: 0 0 28px;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.agreeChk-cont-btn > a.text-link::before {
  width: calc(100% - 2px);
}

.agreeChk-accodion-box {
  padding: 20px;
  border-radius: 10px;
  background: #fafafa;
}

.agreeChk-accodion-box .custom-checkbox input[type=checkbox] + label {
  color: #666;
}

.agreeChk-accodion-box .custom-checkbox.block + .custom-checkbox {
  margin-top: 8px;
}

.agreeChk-accodion-box .agreeChk-cont-btn {
  padding: 0;
}

.agreeChk-accodion-box .agreeChk-cont-btn + .agreeChk-cont-btn {
  margin-top: 8px;
}

.agreeChk-cont-text {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  padding-left: 32px;
  margin-top: -8px;
}

.custom-checkbox-wrap.grid-col-2 {
  margin-top: 8px;
  padding-left: 32px;
}

.agreeChk-list-wrap {
  border: 1px solid #ebebeb;
  border-radius: 10px;
}

.agreeChk-list-wrap .agreeChk-list-head {
  border-bottom: 1px solid #ebebeb;
}

.agreeChk-list-wrap .agreeChk-list-head .custom-checkbox.checkbox-border {
  border: none;
  height: auto;
  min-height: 56px;
}

.agreeChk-list-wrap .agreeChk-list-head .agreeChk-cont-btn {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 20px 0 0;
}

.agreeChk-list-wrap .agreeChk-list-head .agreeChk-cont-btn > a.text-link {
  margin-top: 20px;
}

.agreeChk-list-wrap .agreeChk-list-head .agreeChk-cont-btn .custom-checkbox.block {
  min-width: auto;
}

.agreeChk-list-wrap .agreeChk-list-head .custom-checkbox.checkbox-border input[type=checkbox] + label {
  height: auto;
  min-height: 56px;
  padding: 16px 24px 16px 52px;
}

.agreeChk-list-wrap .agreeChk-list-head .custom-checkbox.checkbox-border input[type=checkbox] + label::before {
  top: 16px;
  margin-top: 0;
}

.agreeChk-list-wrap .agreeChk-list-conts {
  padding: 8px 20px;
}

.agreeChk-list-wrap .agreeChk-list-conts .agreeChk-accodion-container + .agreeChk-cont-btn {
  margin-top: 8px;
}

.agreeChk-list-wrap .agreeChk-list-conts .agreeChk-accodion-container:last-of-type .agreeChk-accodion-box:last-of-type {
  margin-bottom: 12px;
}

/*평가등급*/
.evaluation-grade-wrap {
  position: relative;
}

.evaluation-grade {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 42px;
  padding: 0 4px;
  margin: 16px 0 24px 0;
}

.evaluation-grade:before {
  content: '';
  position: absolute;
  bottom: 2px;
  width: calc(100%);
  height: 18px;
  border-radius: 10px;
  background: #FFF;
  margin-left: -4px;
}

.evaluation-grade .grade {
  position: relative;
  text-align: center;
  width: 20%;
  height: auto;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.evaluation-grade .grade:before {
  content: '';
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
  height: 10px;
  border-right: 1px solid #FFF;
}

.evaluation-grade .grade.is-active {
  color: #222;
  font-weight: 700;
}

.evaluation-grade .grade.is-active:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 100%;
  background: #FFF;
  border-style: solid;
  border-width: 3px;
}

.evaluation-grade .grade.is-active.grade1:after {
  border-color: #0B48BE;
}

.evaluation-grade .grade.is-active.grade2:after {
  border-color: #40a584;
}

.evaluation-grade .grade.is-active.grade3:after {
  border-color: #ebb900;
}

.evaluation-grade .grade.is-active.grade4:after {
  border-color: #eb7700;
}

.evaluation-grade .grade.is-active.grade5:after {
  border-color: #eb1100;
}

.evaluation-grade .grade:first-child:before {
  border-radius: 8px 0 0 8px;
}

.evaluation-grade .grade:last-child:before {
  border-radius: 0 8px 8px 0;
}

.evaluation-grade .grade.grade1:before {
  background: #0B48BE;
}

.evaluation-grade .grade.grade2:before {
  background: #40a584;
}

.evaluation-grade .grade.grade3:before {
  background: #ebb900;
}

.evaluation-grade .grade.grade4:before {
  background: #eb7700;
}

.evaluation-grade .grade.grade5:before {
  background: #eb1100;
}

/* mixin 정리 */
.table-wrap {
  margin-bottom: 32px;
}

.custom-table {
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  background: #fff;
}

.custom-table th,
.custom-table td {
  padding: 12px 12px 11px;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.custom-table th {
  font-weight: 400;
  background: #fafafa;
  color: #222;
}

.custom-table th + th {
  border-left: 1px solid #ebebeb;
}

.custom-table td {
  font-weight: 400;
  word-break: break-all;
  border-top: 1px solid #ebebeb;
  text-align: left;
  color: #222;
}

.custom-table td + td {
  border-left: 1px solid #ebebeb;
}

.custom-table thead th {
  border-top: 1px solid #ebebeb;
}

.custom-table tfoot th, .custom-table tfoot td {
  background: #f7faff;
}

.custom-table tbody th {
  text-align: left;
  border-right: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
}

.custom-table + .custom-table {
  margin-top: 16px;
}

.custom-table-desc {
  margin-top: 16px;
  margin-bottom: 8px;
}

.custom-table.center th, .custom-table.center td {
  text-align: center;
}

.custom-table.row tbody tr > th {
  background: #fff;
  text-align: left;
}

.custom-table.row tbody tr > td {
  color: #666;
}

/* LMS 약관 추가 */
.custom-table.align-top tbody th,
.custom-table.align-top tbody td {
  vertical-align: top;
}

/* mixin 정리 */
/* 토스트 팝업 */
.toast-popup {
  display: none;
  position: fixed;
  bottom: 24px;
  bottom: calc(24px + var(--safe-bottom));
  left: 24px;
  z-index: 9999;
  width: calc(100% - 48px);
  min-height: 40px;
  padding: 9px 32px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
}

.toast-popup > span {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #fff;
}

.toast-popup.active {
  display: block;
}

.has-footer-type1 .toast-popup {
  bottom: calc(108px + var(--safe-bottom));
}

/* mixin 정리 */
.input-date {
  /*기간설정*/
}

.input-date-wrap {
  position: relative;
  width: 100%;
  min-width: 130px;
  height: 56px;
  /*
        input[type=date]{
            background:url(/webapp/v2/common/assets/images/common/icons/icon-calendar.svg) no-repeat;
            background-position: calc(100% - 16px) 50%;
            -webkit-appearance: none;
            // padding:0 0 0 20px;
            &::-webkit-calendar-picker-indicator{
                color:rgba(0, 0, 0, 0);
                position:absolute;
                top:50%;
                transform: translateY(-50%);
                right:0;
                width:52px;
                height:52px;
                background:url(/webapp/v2/common/assets/images/common/icons/icon-calendar.svg) 50% 50% no-repeat;
                background-size:24px 24px;
                margin:0;
                border:0;
                -webkit-appearance: none;
                font-size:0;
                opacity:1;
                &:active,
                &:focus{outline:1px solid $point-brown-dark;}
            }
        }
        */
}

.input-date-wrap .label-date {
  display: block;
  width: 100%;
  height: 56px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  line-height: 56px;
  font-weight: 500;
  letter-spacing: -0.7px;
  color: #222;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding: 0 35px 0 20px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-calendar.svg) no-repeat;
  background-position: calc(100% - 10px) 50%;
}

.input-date-wrap .label-date:active, .input-date-wrap .label-date:focus {
  border-color: #544944;
  outline: 0;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-property: border;
  transition-property: border;
}

.input-date-wrap .label-date > .input-date {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  background: none;
  -webkit-appearance: none;
}

.input-date-wrap .label-date > .input-date::-webkit-calendar-picker-indicator {
  background: none;
  -webkit-appearance: none;
}

.input-date-wrap .label-date > .txt-date {
  display: block;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  line-height: 56px;
  font-weight: 500;
  color: #222;
}

.input-date-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 5px;
  width: 46px;
  height: 46px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-calendar.svg) 50% 50% no-repeat;
  background-size: 24px 24px;
  margin: 0;
  border: 0;
  -webkit-appearance: none;
  font-size: 0;
  background-color: #fff;
}

.input-date-wrap-term {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.input-date-wrap-term .unit {
  padding: 0 8px;
}

.form-content + .input-date-wrap {
  margin-top: 8px;
}

.input-date-wrap.error .label-date {
  border-color: #ee1100;
}

/* 보안키패드 이미지 관련 추가 2021-07-28 */
div.nppfs-keypad-div div.nppfs-keypad {
  position: fixed !important;
  width: 100vw !important;
  left: 0 !important;
  top: unset !important;
  bottom: 0;
}

div.nppfs-keypad-div img {
  max-width: inherit;
}

.nppfs-keypad img {
  max-width: inherit !important;
}

.box_sckeypad_wrap {
  z-index: 100 !important;
}

.popup-layer.popup-full {
  max-height: 100vh;
}

.popup-layer.popup-full > .popup-footer {
  padding-bottom: 24px;
}

.common-detail-input .form-control label {
  display: block;
  margin: 12px 0 8px 0;
  color: #666;
  line-height: 22px;
}

.common-detail-input .form-control input[type=text] {
  margin-bottom: 32px;
}

.common-detail-input .btn-box {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.common-detail-input .btn-box a {
  color: #3674bc;
}

.common-detail-input .btn-box a:before {
  background-color: #3674bc;
}

/* 혜택 >  이벤트 */
.thumbnail-list li {
  border-bottom: 1px solid #ebebeb;
  padding: 16px 0;
}

.thumbnail-list li.disabled .thumb-img img,
.thumbnail-list li.disabled .thumb-name,
.thumbnail-list li.disabled .thumb-date {
  opacity: 0.3;
}

.thumbnail-list li a {
  position: relative;
  display: block;
  overflow: hidden;
}

.thumbnail-list li a > .flag {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  margin: 0;
}

.thumbnail-list li .thumb-img {
  position: relative;
  width: 100px;
  height: 100px;
  float: left;
  overflow: hidden;
  border-radius: 10px;
}

.thumbnail-list li .thumb-img img {
  width: 100%;
  height: 100%;
}

.thumbnail-list li .thumb-name {
  margin-left: 116px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
}

.thumbnail-list li .thumb-date {
  display: block;
  margin-left: 116px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  margin-top: 2px;
}

.utilbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.utilbar .total {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
}

.utilbar .total em {
  color: #3674bc;
  font-style: normal;
  font-weight: 500;
}

.utilbar .total + .custom-checkbox.checkbox-sm label {
  margin-right: 0;
  color: #666;
}

.utilbar .total + .custom-checkbox.checkbox-sm label em:before, .utilbar .total + .custom-checkbox.checkbox-sm label em:after {
  background-color: #999;
}

.utilbar .total + .custom-checkbox.checkbox-sm input[type="checkbox"]:checked + label {
  color: #222;
  font-weight: 500;
}

.bg-white {
  background-color: #fff !important;
}

.bg-green-light {
  background-color: #dbe3da !important;
}

.bg-brown-light {
  background-color: #f3f0ee !important;
}

.loca-wrapper.bg-gray .sub-wrapper .sub-header, .loca-wrapper.bg-gray .sub-wrapper .sub-container, .loca-wrapper.bg-gray .sub-wrapper .sub-footer {
  background: #fafafa;
}

.sub-title.title-depth4 {
  font-weight: 500;
}

.tab-list-wrap.tab-full.tab-fixed {
  position: fixed;
  padding: 0;
  top: auto;
  z-index: 5;
}

.agreeChk-accodion-conts.border-none {
  border-top: 0;
}

.agreeChk-accodion-conts.border-none .agree-box .agreeChk-accodion-box {
  margin: 8px -20px;
}

.page-fullbg.sub-wrapper {
  height: calc(100vh - 56px);
  background: #302a28;
}

.page-fullbg.sub-wrapper .sub-header,
.page-fullbg.sub-wrapper .sub-container,
.page-fullbg.sub-wrapper .sub-footer {
  background: #302a28;
  color: #fff;
}

.page-fullbg.sub-wrapper .message-text,
.page-fullbg.sub-wrapper .info-message-box .message-desc {
  color: #fff;
}

.bg-darkgray {
  background-color: #f3f3f3;
}

.bg-darkgray.checkbox-border {
  border: 0;
}

.loca-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  z-index: 1101;
}

.appGuide-body {
  height: 100%;
}

.appGuide-body .loca-wrapper {
  padding-top: 0;
}

.appGuide-body .sub-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 100vh;
}

.appGuide-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding-top: 56px;
  padding-top: calc(56px + var(--safe-top));
}

.appGuide-content .swiper-container {
  width: 100%;
  height: 100%;
  padding-top: 40px;
  height: 100% !important;
}

.appGuide-content .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.appGuide-content .swiper-slide .guide-section {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.appGuide-content .section-pagination {
  position: fixed;
  right: 10px;
  top: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 10;
}

.appGuide-content .section-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 25px;
  background: #d5d5d5;
  opacity: 1;
}

.appGuide-content .section-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-top: 12px;
}

.appGuide-content .section-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #817169;
}

.appGuide-content .text1 {
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  font-weight: 700;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.appGuide-content .text2 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  margin-top: 16px;
  text-align: center;
  font-weight: 400;
  color: #544944;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.appGuide-content .text2 span {
  font-weight: 700;
  color: #544944;
}

.appGuide-content .swiper-slide {
  height: 100vh;
}

.fixed-frame {
  width: 280px;
  height: 472px;
  border-radius: 26px 26px 0 0;
  -webkit-box-shadow: 0 5px 18px 3px rgba(0, 0, 0, 0.19), inset 0 1px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 18px 3px rgba(0, 0, 0, 0.19), inset 0 1px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding: 30px 10px 0px;
  position: fixed;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.fixed-frame .inner {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
  position: relative;
}

.guide-section1 .detail-img {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
          transform: translate(-50%, -50%) scale(0.8);
  width: 100vw;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
}

.guide-section1 .detail-img img {
  width: 300px;
  height: 164px;
  border-radius: 10px;
  -webkit-box-shadow: 0 7px 13px 0 rgba(102, 102, 102, 0.4);
          box-shadow: 0 7px 13px 0 rgba(102, 102, 102, 0.4);
}

.guide-section2 .detail-alarm {
  position: fixed;
  right: 39px;
  top: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  -webkit-box-shadow: 0 5px 18px 3px rgba(0, 0, 0, 0.19);
          box-shadow: 0 5px 18px 3px rgba(0, 0, 0, 0.19);
}

.guide-section2 .detail-alarm img {
  width: 100%;
  height: 100%;
}

.guide-section2 .detail-img {
  position: fixed;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, 0) scale(0.8);
          transform: translate(-50%, 0) scale(0.8);
  width: 100vw;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
}

.guide-section2 .detail-img > img {
  width: 300px;
  height: 56.7px;
  border-radius: 10px;
  -webkit-box-shadow: 0 7px 13px 0 rgba(102, 102, 102, 0.4);
          box-shadow: 0 7px 13px 0 rgba(102, 102, 102, 0.4);
}

.guide-section2 .detail-img .pointer-img {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0) scale(0.8);
          transform: translate(-50%, 0) scale(0.8);
  opacity: 0;
}

.guide-section2 .detail-img .pointer-img img {
  border-radius: 25%;
  width: 52px;
  height: 52px;
}

.guide-section3 .detail-img {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
          transform: translate(-50%, -50%) scale(0.8);
  width: 100vw;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
}

.guide-section3 .detail-img > img {
  width: 300px;
  height: 197px;
  border-radius: 10px;
  -webkit-box-shadow: 0 7px 13px 0 rgba(102, 102, 102, 0.4);
          box-shadow: 0 7px 13px 0 rgba(102, 102, 102, 0.4);
}

.guide-section3 .detail-img .pointer-img {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-225%, 0) scale(0.8);
          transform: translate(-225%, 0) scale(0.8);
  opacity: 0;
}

.guide-section3 .detail-img .pointer-img img {
  border-radius: 25%;
  width: 52px;
  height: 52px;
}

.guide-section3 .coupon-img {
  position: fixed;
  top: 180px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
          transform: translate(-50%, -50%) scale(0.8);
  width: 100vw;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
}

.guide-section3 .coupon-img img {
  width: 300px;
  height: 85px;
  border-radius: 10px;
  -webkit-box-shadow: 8px 15px 11px -8px rgba(102, 102, 102, 0.4);
          box-shadow: 8px 15px 11px -8px rgba(102, 102, 102, 0.4);
}

.guide-section4 .gaugebar-container {
  position: absolute;
  top: 199px;
  left: 0;
}

.gaugebar-container {
  position: relative;
  width: 100%;
  height: 325px;
  padding: 10px 32px;
  color: #FFF;
}

.gaugebar-container .gaugebar-header .gaugebar-title {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.gaugebar-container .gaugebar-header .gaugebar-title + .gaugebar-term {
  margin-top: 8px;
}

.gaugebar-container .gaugebar-header .gaugebar-term {
  font-weight: 400;
  font-size: 8px;
}

.gaugebar-container .gaugebar-header .gaugebar-term span + span {
  margin-left: 8px;
}

.gaugebar-container .gaugebar-header .gaugebar-title2 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.gaugebar-container .gaugebar-header .gaugebar-title2 + .gaugebar-term {
  margin-top: 1px;
}

.gaugebar-container .gaugebar-btn-wrap {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 20px;
  bottom: 30px;
}

.gaugebar-container .gaugebar-btn-wrap .btn {
  border-color: #FFF;
  color: #FFF;
  background: #817169;
}

.gaugebar-container .gaugebar-btn-wrap .btn:active {
  border-color: #FFF;
  background: rgba(255, 255, 255, 0.1);
}

.gaugebar {
  padding-top: 43px;
}

.gaugebar .gaugebar-track {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background: #544944;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 6px 1px rgba(138, 131, 128, 0.12);
          box-shadow: 0 3px 6px 1px rgba(138, 131, 128, 0.12);
}

.gaugebar .gaugebar-track .gaugebar-track-check {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 5px;
  background: #FFF;
  max-width: 100%;
}

.gaugebar .gaugebar-track .gaugebar-balloon {
  position: absolute;
  top: 0px;
  opacity: 0;
  padding: 4px 12px 2px;
  color: #222;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 700;
  background: #FFF;
  border-radius: 20px;
  text-align: center;
  min-width: 86px;
}

.gaugebar .gaugebar-track .gaugebar-balloon:before {
  content: '';
  position: absolute;
  bottom: -6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.gaugebar .gaugebar-track .gaugebar-balloon.left {
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.gaugebar .gaugebar-track .gaugebar-balloon.left:before {
  left: 10px;
  border-right: 6px solid transparent;
  border-left: 10px solid #FFF;
}

.gaugebar .gaugebar-track .gaugebar-balloon.right {
  right: 0;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.gaugebar .gaugebar-track .gaugebar-balloon.right:before {
  right: 8px;
  border-right: 10px solid #FFF;
  border-left: 6px solid transparent;
}

.gaugebar .gaugebar-spot {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  margin-top: 10px;
}

.gaugebar .gaugebar-spot div {
  position: relative;
}

.gaugebar .gaugebar-spot div:first-child:before {
  display: none;
}

.gaugebar .gaugebar-spot div:before {
  content: '';
  position: absolute;
  top: -17px;
  left: -2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(84, 73, 68, 0.4);
}

.gaugebar .gaugebar-spot div:after {
  content: '';
  position: absolute;
  top: -8px;
  left: 0;
  width: 1px;
  height: 6px;
  background: #FFF;
}

.gaugebar .gaugebar-spot div > span {
  display: block;
  margin-top: 2px;
  font-weight: 700;
}

.gaugebar .gaugebar-spot.spot-case1 div:last-child:after {
  left: auto;
  right: 0;
}

.gaugebar .gaugebar-spot.spot-case1 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.gaugebar .gaugebar-spot.spot-case1 div:before {
  display: none;
}

.gaugebar .gaugebar-spot.spot-case2 {
  width: 100%;
}

.gaugebar .gaugebar-spot.spot-case2 div {
  width: 30%;
}

.gaugebar .gaugebar-spot.spot-case2 div:first-child {
  width: 70%;
}

.gaugebar .gaugebar-spot.spot-case3 div {
  width: 33.333%;
}

.gaugebar .gaugebar-spot.spot-case4 div {
  width: 25%;
}

.gaugebar .gaugebar-spot.spot-case5 div {
  width: 30%;
}

.gaugebar .gaugebar-spot.spot-case5 div:nth-child(1), .gaugebar .gaugebar-spot.spot-case5 div:nth-child(2) {
  width: 5%;
  visibility: hidden;
}

.gaugebar .gaugebar-spot.spot-case6 div {
  width: 30%;
}

.gaugebar .gaugebar-spot.spot-case6 div:nth-child(1), .gaugebar .gaugebar-spot.spot-case6 div:nth-child(2), .gaugebar .gaugebar-spot.spot-case6 div:nth-child(3) {
  width: 3.3333%;
  visibility: hidden;
}

.guide-section5 .fixed-frame .inner {
  border-radius: 0 0 0 0;
}

.guide-section5 .in-count {
  position: absolute;
  left: 15px;
  top: 70px;
}

.guide-section5 .in-count span {
  font-size: 28px;
}

.guide-section0 .btn-wrap,
.guide-section6 .btn-wrap {
  position: fixed;
  bottom: 32px;
  left: 0;
  padding: 0 24px;
  width: 100%;
  font-weight: 500;
}

.guide-section0 .btn-wrap {
  -webkit-box-shadow: rgba(255, 255, 255, 0);
          box-shadow: rgba(255, 255, 255, 0);
}

.form-wrap-content .form-content + .tooltip-wrap.tooltip-wrap-term {
  margin-top: 4px;
}

.guide-section6 .text1 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.guide-section6 .text2 {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
}

@media screen and (min-height: 701px) {
  .guide-section .text1 {
    margin-top: 24px;
  }
  .fixed-frame {
    bottom: 0px;
  }
}

@media screen and (max-height: 700px) {
  .fixed-frame {
    bottom: -35px;
  }
}

@media screen and (max-height: 654px) {
  .fixed-frame {
    bottom: -55px;
  }
}

@media screen and (max-height: 644px) {
  .fixed-frame {
    bottom: -15%;
  }
}

@media screen and (max-height: 604px) {
  .fixed-frame {
    bottom: -20%;
  }
}

@media screen and (max-height: 580px) {
  .fixed-frame {
    bottom: -30%;
  }
}

@media screen and (max-height: 568px) {
  .appGuide-content .swiper-container {
    padding-top: 20px;
  }
  .appGuide-content .text2 {
    margin-top: 8px;
  }
  .fixed-frame {
    bottom: -20%;
    width: 270px;
  }
  .guide-section.guide-section4 .fixed-frame .inner img {
    -webkit-transform: translate(0px, -24px);
            transform: translate(0px, -24px);
  }
  .guide-section4 .gaugebar-container {
    top: 163px;
  }
}

@media screen and (max-height: 550px) {
  .fixed-frame {
    bottom: -35%;
  }
}

.contents-wrap {
  margin-top: -16px;
}

.custom-table.th-fix-100 th {
  width: 100px;
}

.copy-text-wrap.box-gray.billi {
  padding: 20px;
}

dl.data-list.data-list-view {
  -ms-grid-columns: 32% 68%;
      grid-template-columns: 32% 68%;
}

dl.data-list.data-list-view dd .d-flex {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.sub-wrapper.has-footer-type1 .sub-container.pb-fit {
  padding-bottom: 114px;
  padding-bottom: calc(114px + var(--safe-bottom));
}

.swiper-navigation {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 50%;
  width: 100%;
  opacity: 0;
}

.swiper-navigation > button {
  border: 0;
  background: transparent;
}

.swiper-navigation .swiper-button-prev {
  left: 0;
}

.swiper-navigation .swiper-button-next {
  right: 0;
}

.selectbox .overcon {
  max-height: calc(100% - 60px - var(--safe-top) - var(--safe-bottom));
}

.selectbox.card-select .overcon .titSelect + .conArea {
  padding-bottom: 30px;
}

.card-scroll-container > .card-wrap > img {
  width: auto !important;
  height: auto !important;
  min-width: 60px;
  max-height: 94px;
}

.card-scroll-container > .card-wrap > img.typeH {
  top: 56px !important;
}

.card-scroll-container > .card-wrap > img.typeH + .title {
  padding-top: 60px;
}

.icon-PT001 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT001:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-lpoint.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT028 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT028:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-starpoint.png) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT026 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT026:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-unit.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT070 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT070:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-lola.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT073 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT073:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-locacoin.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT003 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT003:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-skoil.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT016 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT016:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-soil.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT022 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT022:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-gs@3x.png) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT030 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT030:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-howmuch@3x.png) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT007 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT007:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-axa@3x.png) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT010 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT010:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-hyundai@3x.png) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT011 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT011:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-shevrole@3x.png) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT014 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT014:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-hipass@3x.png) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT025 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT025:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-travel.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT035 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT035:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-ssangyong@3x.png) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT059 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT059:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-insupoint.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT042 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT042:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-samsung@3x.png) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT036 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT036:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-kyowonbaby@3x.png) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT047 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT047:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-mg@3x.png) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT044 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT044:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-oilage.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT002 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT002:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-amex.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT006 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT006:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-howmuch@3x.png) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT031 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT031:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-lg@3x.png) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT033 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT033:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-korean-red-cros.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT004 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT004:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-koreanair@3x.png) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT008 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT008:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-asiana.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT017 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT017:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-flyermile@3x.png) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT039 {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-PT039:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-airmile@3x.png) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-money {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-money:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-money.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-card {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-card:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-card.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-sms {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-sms:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-sms.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-gift {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-gift:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-gift.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-minor {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-minor:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-minor.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-creditcare {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-creditcare:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-credit.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-ttingshop {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-ttingshop:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon_ttingshop.svg) no-repeat 0 0;
  background-size: 100% auto;
}

body.bg-gray {
  background: #f9f9f9;
}

body.bg-gray .sub-container {
  padding-top: 0;
  background: #f9f9f9;
}

.link-icon {
  position: absolute;
  right: 0;
  top: 0px;
  width: 24px;
  height: 24px;
}

.link-icon:before {
  position: absolute;
  right: calc(50% - 4.5px);
  top: calc(50% - 4.5px);
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.bg-wrap {
  padding: 32px 20px;
  background: #f9f9f9;
}

.box-gray.type03 {
  padding: 24px 20px;
}

.point-box {
  position: relative;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  background-color: #fff;
}

.point-box + .point-box {
  margin-top: 12px;
}

.point-box .point-item {
  display: block;
  padding: 20px 20px 20px 68px;
  position: relative;
}

.point-box .point-item + .btn-box {
  padding: 0 20px 20px;
}

.point-box .point-item i {
  position: absolute;
  left: 20px;
  top: 14px;
}

.point-box .point-item .link-icon {
  top: 18px;
  right: 20px;
}

.point-box .point-item .brand-name {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 500;
}

.point-box .point-item .text-point {
  margin-top: 5px;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 500;
}

.point-box .point-item .text-point.sm {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
  margin-top: 0;
}

.point-box .point-item .btn-point {
  position: absolute;
  right: 20px;
  top: 23px;
  z-index: 5;
  border-color: #bbb;
  color: #666;
  font-weight: 500;
}

.bottom-banner {
  position: fixed;
  left: 50%;
  bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: calc(100% - 40px);
  height: 100px;
  background-color: #45505d;
  border-radius: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 20px;
  text-align: left;
}

.bottom-banner__text {
  padding-right: 10px;
}

.bottom-banner__text .banner-text {
  color: #fff;
  line-height: 22px;
  font-weight: 700;
}

.bottom-banner__text .banner-text-sub {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 300;
}

.bottom-banner__img {
  display: block;
  width: auto;
  max-width: 124px;
  height: 100%;
}

.point-wrap {
  padding-right: 24px;
}

.point-wrap + .btn-fold:before,
.point-wrap + .btn-fold:after {
  background-color: #0B48BE !important;
}

.point-wrap.full {
  padding: 47px 20px;
  background: #f8f8f8;
  margin: -15px -24px -30px;
  min-height: calc(100vh - 56px);
}

.point-wrap.wrapping {
  padding: 32px 24px;
  margin: -15px -24px 0;
  height: auto;
  min-height: 167px;
}

main.sub-container .point-wrap:not(.full) {
  padding-right: 0;
}

.point-panel {
  background-color: #fff;
  padding: 16px 0;
}

.point-panel .brand-name {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 500;
}

.point-panel .brand-name .selectbox a.tit {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.point-panel .text-point {
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0px;
  color: #222;
  font-weight: 700;
  margin-top: 4px;
}

.point-panel .text-point span {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
}

.point-panel-text {
  margin: 32px 0 24px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
}

.popup-content > .point-panel {
  padding-top: 0;
}

/* CSRUIUX-1170 포인트 화면 수정 */
.lpoint2025new .point-panel {
  padding: 12px 0 24px;
}

.lpoint2025new .bg-wrap {
  background: #f6f5f3;
}

.lpoint2025new .point-box .point-item {
  padding: 25px 45px 25px 68px;
}

.lpoint2025new .point-box .point-item .brand-name {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #222;
  font-weight: 500;
}

.lpoint2025new .point-box .point-item .text-point.sm {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #666;
  font-weight: 400;
  margin-top: 2px;
}

.lpoint2025new .point-box .point-item .text-point.text-blue {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  font-weight: bold;
  margin-top: 2px;
}

.lpoint2025new .point-box .point-item i {
  top: 20px;
}

.lpoint2025new .point-box .point-item .link-icon {
  top: calc(50% - 12px);
}

.lpoint2025new .bubble-wrap .bubble {
  background-color: #222;
  border-radius: 0;
}

.lpoint2025new .bubble-wrap .bubble::before {
  top: -9px;
  border-bottom: 5px solid #222;
}

.lpoint2025new .link-button-wrap-lg {
  padding: 12px 0;
}

.lpoint2025new .link-button-wrap .text-link.icon-link::after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.linkbox {
  position: relative;
  width: 100%;
  min-height: 72px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 6px 1px rgba(138, 131, 128, 0.12);
          box-shadow: 0 3px 6px 1px rgba(138, 131, 128, 0.12);
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.linkbox + .linkbox {
  margin-top: 8px;
}

.linkbox-icon {
  position: absolute;
  left: 20px;
  width: 24px;
  height: 24px;
}

.linkbox-text {
  position: relative;
  width: 100%;
  padding-left: 36px;
}

.linkbox-text__name {
  display: block;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 500;
}

.linkbox-text__sub {
  display: block;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 300;
}

.linkbox-text__big {
  margin-top: 5px;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 500;
}

.linkbox-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}

.linkbox-link:after {
  position: absolute;
  right: 20px;
  top: 30px;
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.linkbox.align-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.linkbox-md {
  height: 100px;
}

.linkbox-md .linkbox-text {
  padding-left: 52px;
}

.linkbox-md .linkbox-link:after {
  top: calc(50% - 4px);
}

.product-slide li .text-box .product-name {
  margin-top: 16px;
  color: #222;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  -webkit-box-orient: vertical;
  height: 46px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
}

.product-slide li .text-box .product-price {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #222;
}

.remaining-point {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  padding-right: 20px;
}

.remaining-point.loca-coin {
  display: block;
  padding-right: 0;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.remaining-point-name {
  display: block;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.actions-gray-box {
  background-color: #fafafa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.actions-gray-box .text-label {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

/* 포인트/마일리지 */
.item-list .item-content-side {
  text-align: right;
}

.item-list .item-content-side > span {
  display: block;
}

.item-list .item-content-side .item-price.item-price-sm {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 400;
  color: #666;
}

.item-list .item-content-side .item-price.item-reject.item-price-sm {
  font-weight: 400;
  color: #666;
}

.item-list .item-title-arr {
  display: inline-block;
  position: relative;
  padding-right: 24px;
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.item-list .item-title-arr:after {
  content: "\2192";
  display: block;
  position: absolute;
  top: 49%;
  right: 5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  /* width: 24px; height: 24px; background: url(/webapp/v2/common/assets/images/common/icons/icon-arrow-trans.svg) no-repeat; */
}

.item-list .item-title-name {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.accordion-wrap.type-price.point .amount-wrap .point-panel {
  padding: 0;
}

.accordion-wrap.type-price.point .amount-wrap .point-panel .btn-fold {
  position: inherit;
}

.accordion-wrap.type-price.point .amount-wrap .point-panel .btn-fold:before {
  position: inherit;
  top: inherit;
  right: inherit;
  background-position: 50% 50%;
}

.accordion-wrap.type-price.point .amount-wrap .point-panel .text-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 4px;
}

.accordion-wrap.type-price.point .amount-wrap .point-panel .text-price .price-fold {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.accordion-wrap.type-price.point .accordion.bill-wrap .fold-body .data-list dt,
.accordion-wrap.type-price.point .accordion.bill-wrap .fold-body .data-list dd {
  margin: 4px 0;
}

.accordion-wrap.type-price.point .accordion.bill-wrap .fold-body > .tooltip-wrap {
  margin-top: 2px;
}

.accordion-wrap.type-price.point .accordion.bill-wrap.is-active .fold-body {
  padding: 18px 24px;
  margin-bottom: 16px;
}

.data-list.f-black dt {
  color: #222;
}

.data-list.f-black dt.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.data-list.f-black dt .list-hyphen {
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.data-list.f-black dt .list-hyphen li {
  margin-top: 0;
}

dl.data-list + .data-list.total {
  margin-top: 16px;
  padding-top: 10px;
}

dl.data-list + .data-list.total > * {
  font-weight: 500;
}

dl.data-list-result.border-top {
  padding: 16px 0;
}

.btn-select.big {
  height: 78px;
}

.btn-select__text {
  text-align: left;
}

.select-list.type-row-2 > li {
  height: 78px;
}

.select-list.type-row-2 > li > a {
  height: 100%;
}

.select-list.type-row-2 .select-list__title {
  display: block;
  font-weight: 500;
  color: #222;
}

.select-list.type-row-2 .select-list__date {
  display: block;
  color: #666;
}

.popup-layer.border-title {
  padding: 0;
}

.popup-layer.border-title .popup-header {
  border-bottom: 1px solid #ebebeb;
}

.popup-layer.border-title .popup-content {
  padding-top: 24px;
  padding-bottom: 32px;
}

.form-content.input-point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.form-content.input-point > .input-unit {
  width: calc(100% - 100px);
}

.form-content.input-point > .btn {
  margin-left: 8px;
  min-width: 90px;
}

.custom-radio .radio-text-box > span {
  display: block;
  font-weight: 400;
}

.custom-radio .radio-text-box__title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.custom-radio .radio-text-box__content {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

.radio-wrap.type-box > .custom-radio.radio-btn + .custom-radio.radio-btn {
  margin-top: 8px;
}

.radio-wrap.type-box .custom-radio.radio-btn {
  width: 100%;
}

.radio-wrap.type-box .custom-radio.radio-btn label {
  display: block;
  padding: 15px 20px;
}

.radio-wrap.type-box .custom-radio.radio-btn label > .flag {
  position: absolute;
  top: -10px;
  left: 20px;
}

.radio-btn-text {
  text-align: left;
}

.radio-btn-text__sub {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
}

.radio-btn-text__title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #222;
}

.radio-btn-text__price {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.radio-btn-text__price strong {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.btn.btn-border-lightgray {
  background-color: #fff;
  border-color: #ebebeb;
  color: #222;
}

.btn.btn-border-lightgray:active {
  background-color: #fafafa;
  border-color: #999;
}

.btn.btn-border-lightgray:disabled, .btn.btn-border-lightgray:disabled:active {
  border-color: #ebebeb;
  background-color: #fff;
  color: #bbb;
}

.text-link.icon-link.text-none {
  display: block;
}

.text-link.icon-link.text-none:after {
  width: 9px;
  height: 9px;
}

/*앱카드*/
.box-border-items {
  text-align: center;
}

.box-border-items-img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 74px;
  border: 1px solid #ebebeb;
  border-radius: 4px;
}

.box-border-items-tit {
  height: 36px;
  margin: 10px 0 8px 0;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
}

.appcardList-wrap {
  margin-top: 24px;
}

.appcardList-wrap .data-title {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  line-height: 22px;
}

.appcardList-wrap .data-title.sub-title {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.appcardList-wrap .list-colum-type1 + .data-title {
  margin-top: 20px;
}

.appcardList-wrap .box-container + .box-container {
  margin-top: 40px;
}

.appcardList-wrap + .page-sub-title {
  margin-top: 64px;
}

.appcardList-wrap .accordion-wrap.type-full.type-full-border {
  border-top: 1px solid #ebebeb;
  margin-bottom: 0;
}

.appcardList-wrap .accordion-wrap.type-full.type-full-border .accordion .fold-head {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  border-bottom: none;
}

.appcardList-wrap .accordion-wrap.type-full.type-full-border .accordion.is-active .fold-body {
  padding: 16px 0;
}

.appcardList-wrap .accordion-wrap.type-full.type-full-border .accordion.is-active .fold-body ul {
  padding: 0;
}

.appcardList-wrap .accordion-wrap.type-full.type-full-border .accordion.is-active .fold-body ul li {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

/* 친구에게 카드추천 */
.promotion-date {
  position: absolute;
  left: 24px;
  top: 80px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

.re-starbucks .box-gray {
  padding: 20px;
}

.re-starbucks .tooltip-wrap.tooltip-wrap-term {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.re-starbucks .text-wrap .sub-title {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.re-starbucks .text-wrap .title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.re-starbucks .icon-wrap img {
  width: 68px;
  height: 35px;
}

.re-starbucks .icon-wrap .text-20.text-blue.text-bold {
  margin-left: 3px;
}

.re-starbucks .bubble-textbox-wrap .bubble-textbox {
  top: -24px;
  padding: 5px 16px;
}

.re-starbucks .box-bor {
  margin: 20px 0 0;
  padding: 28px 0 20px;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  text-align: center;
}

.re-starbucks .box-bor .icon-wrap {
  margin: 9px 0 13px;
}

.re-starbucks .box-bor .tooltip-wrap.tooltip-wrap-term {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.re-starbucks .custom-banner.type-frd {
  margin: 20px 0 0 0;
  /* type-img1 */
}

.re-starbucks .custom-banner.type-frd.type-nolink > div {
  display: block;
  width: 100%;
  padding: 28px 20px;
}

.re-starbucks .custom-banner.type-frd.type-nolink > div.type-img1 {
  width: 100%;
  min-height: 180px;
}

.re-starbucks .custom-banner.type-frd.type-nolink > div.type-img1 .custom-banner-img {
  width: 142px;
}

.re-starbucks .custom-banner.type-frd.type-nolink > div.type-img1 .custom-banner-text {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.re-starbucks .custom-banner.type-frd.type-nolink > div.type-img1 .custom-banner-text + .custom-banner-desc {
  margin-top: 4px;
}

.amount-wrap.amount-tooltip-button .text-price .text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.form-wrap-content .select-box-tit {
  display: block;
  margin-bottom: 4px;
  height: 24px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-style: normal;
  font-weight: 500;
}

.custom-table.type02 thead th {
  padding: 12px 16px;
  font-weight: 500;
}

.custom-table.type02 tbody th,
.custom-table.type02 tbody td {
  padding: 23px 16px;
  background-color: #fff;
}

.icon-apply,
.icon-none {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-apply span,
.icon-none span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

.icon-apply {
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-apply.svg) no-repeat center;
}

.icon-none {
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-none.svg) no-repeat center;
}

.benefit-card-list {
  margin: 0 -24px;
  padding: 32px 24px;
  background-color: #fafafa;
}

.benefit-card-list .item > li {
  margin: 0 0 12px;
  padding: 30px 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.benefit-card-list .item > li:last-child {
  margin-bottom: 0;
}

.benefit-card-list .item > li .top {
  position: relative;
  padding-left: 90px;
}

.benefit-card-list .item > li .top img {
  position: absolute;
  left: 0;
  top: 0;
  width: 72px;
  height: 45px;
}

.benefit-card-list .item > li .top img.typeH, .benefit-card-list .item > li .top img.card-h {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 45px;
  height: 72px;
  top: -13px;
  left: 15px;
}

.benefit-card-list .item > li .top em {
  display: inline-block;
  height: 24px;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.benefit-card-list .item > li .top p {
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.benefit-card-list .item > li .btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 24px 0;
}

.benefit-card-list .item > li .btn-area button {
  padding: 0;
  width: calc(50% - 4px);
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 500;
  text-align: center;
  border: none;
  border-radius: 6px;
  background-color: none;
  color: #222;
}

.benefit-card-list .item > li .btn-area button span {
  position: relative;
  padding-left: 24px;
  color: inherit;
}

.benefit-card-list .item > li .btn-area button span:before {
  content: '';
  position: absolute;
  top: -2px;
  left: 0px;
  width: 20px;
  height: 20px;
}

.benefit-card-list .item > li .btn-area button.msg {
  background-color: #ebebeb;
}

.benefit-card-list .item > li .btn-area button.msg span:before {
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-sms-solid.svg) no-repeat center/20px 20px;
}

.benefit-card-list .item > li .btn-area button.kakao {
  background-color: #ffe441;
}

.benefit-card-list .item > li .btn-area button.kakao span:before {
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-kakaotalk-solid.svg) no-repeat center/20px 20px;
}

.benefit-card-list .item > li .list-dot > li {
  margin-top: 8px;
}

.benefit-card-list .item > li .list-dot > li:first-child {
  margin-top: 0;
}

.benefit-card-list .item > li .btn {
  margin-top: 24px;
}

.benefit-card-list .item > li + li {
  margin-top: 12px;
}

.benefit-info-box .item em {
  display: inline-block;
  height: 24px;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-style: normal;
}

.benefit-info-box .item em.text-bold + .benefit-info-list.type02 {
  margin-top: 11px;
}

.benefit-info-box .item .benefit-info-list {
  margin-top: 33px;
}

.benefit-info-box .item .benefit-info-list li {
  position: relative;
  padding-left: 88px;
  min-height: 74px;
}

.benefit-info-box .item .benefit-info-list li img {
  position: absolute;
  left: 0;
  top: 7px;
  max-width: 64px;
  max-height: 64px;
}

.benefit-info-box .item .benefit-info-list li em {
  display: inline-block;
  margin: 0 0 8px;
  color: #222;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 700;
  font-style: normal;
}

.benefit-info-box .item .benefit-info-list li p {
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.benefit-info-box .item .benefit-info-list li p strong {
  color: #222;
  font-weight: 500;
}

.benefit-info-box .item .benefit-info-list li p span {
  color: #0B48BE;
  font-weight: 500;
}

.benefit-info-box .item .benefit-info-list li + li {
  margin-top: 32px;
}

.benefit-info-box .item .benefit-info-list + * {
  margin-top: 32px;
}

.benefit-info-box .item .benefit-info-list.type02 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
}

.benefit-info-box .item .benefit-info-list.type02 li em {
  width: 100%;
}

.benefit-info-box .item .benefit-info-list.type02 li p {
  width: 100%;
}

.benefit-info-box .item .benefit-info-list.type02 li:before {
  content: '';
  position: absolute;
  left: 32px;
  top: -26px;
  width: 1px;
  height: 24px;
  background-color: #ebebeb;
}

.benefit-info-box .item .benefit-info-list.type02 li:first-child:before {
  display: none;
}

.benefit-info-box .item .benefit-info-list.type02.single {
  margin-top: 8px;
}

.benefit-info-box .item .list-dot li {
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  line-height: 16px;
}

.benefit-info-box .item .list-dot li:before {
  top: 6px;
}

.benefit-info-box .item + .item {
  margin-top: 40px;
  padding-top: 43px;
  border-top: 1px solid #f3f3f3;
}

.benefit-info-box .sub-tit {
  display: inline-block;
  margin-top: 24px;
  color: #222;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.benefit-info-box .text {
  margin-top: 8px;
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.benefit-info-box .text a {
  color: #0B48BE;
  text-decoration: underline;
}

.benefit-info-box + .btn {
  margin-top: 24px;
}

.benefit-info-box ~ .box-container {
  margin-top: 32px;
}

.benefit-info-box ~ .box-container .card-box-text + .list-hyphen li {
  margin-top: 8px;
}

.accordion-wrap.type02 {
  border-top: 8px solid #f3f3f3;
  border-bottom: 1px solid #ebebeb;
}

.list-dot.type02 {
  color: #666;
}

.list-dot.type02 .list-asterisk,
.list-dot.type02 .list-hyphen {
  margin-top: 8px;
}

.list-dot.type02 .list-asterisk li,
.list-dot.type02 .list-hyphen li {
  padding-left: 12px;
}

.list-dot.type02 .text-medium {
  color: #222;
}

.copy-text-wrap.billi {
  text-align: left;
}

.copy-text-wrap.billi ul li {
  position: relative;
  padding-left: 15px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  line-height: 16px;
}

.copy-text-wrap.billi ul li:before {
  content: '※';
  position: absolute;
  left: 0;
  top: 0;
}

.amount-wrap .won {
  padding-left: 2px;
}

.amount-wrap + .bubble-textbox-wrap .bubble-textbox.type02 {
  top: -8px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  line-height: 18px;
}

.card-box-wrap .card-box-btnWrap.benefit {
  margin-top: 0;
}

.card-box-wrap .card-box-btnWrap.benefit .card-box-title {
  margin-top: 4px;
  line-height: 1.5;
  font-weight: 500;
}

.card-box-wrap .card-box-btnWrap.benefit .btn {
  padding: 7px 16px;
  min-width: auto;
  height: auto;
  line-height: initial !important;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 700;
  border-radius: 16px;
  border: none;
  background-color: #0B48BE;
}

.card-box-wrap.type02 {
  padding: 24px 20px;
}

.card-box-title ~ .card-box-text.type02 {
  margin-top: 8px;
  color: #222;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.card-box-title ~ .card-box-text.type02 + .list-hyphen {
  margin-top: 8px;
}

.card-box-title ~ .card-box-text.type02 + .list-hyphen > li {
  margin-top: 8px;
}

.card-box-title ~ .card-box-text.type02 + .list-hyphen + .card-box-text.type02.text-medium.mts {
  margin-top: 16px;
}

.card-box-title ~ .card-box-text.type02.text-medium {
  margin-top: 24px;
}

.card-box-title.list-dot.type-black {
  margin-top: 8px;
}

.card-box-title + .custom-table.type02 {
  margin-top: 17px;
}

.promotion-name .ft-normal {
  font-weight: normal;
}

.promotion-name span {
  font-weight: normal;
}

.box-container + .box-event-info {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #ebebeb;
}

.box-container .app-list {
  margin-top: 28px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.box-container .app-list li {
  float: left;
  width: 25%;
  text-align: center;
}

.box-container .app-list li img {
  max-width: 40px;
  height: auto;
}

.box-container .app-list li span {
  display: block;
  padding-top: 10px;
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.box-container .app-list li:nth-child(n+5) {
  margin-top: 20px;
}

.box-container .app-txt {
  margin-top: 32px;
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.box-container .benefit-wrap {
  margin-top: 16px;
}

.box-container .benefit-wrap .benefit-list {
  position: relative;
  padding: 20px 16px 20px 88px;
  border-radius: 8px;
  background-color: #fafafa;
}

.box-container .benefit-wrap .benefit-list img {
  position: absolute;
  left: 16px;
  top: 16px;
  width: 56px;
  height: auto;
}

.box-container .benefit-wrap .benefit-list span {
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.box-container .benefit-wrap .benefit-list p {
  margin-top: 3px;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.box-container .benefit-wrap .benefit-list p strong {
  color: #0B48BE;
  font-weight: 700;
}

.box-container .benefit-wrap .benefit-list p span {
  color: #222;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: normal;
}

.box-container .benefit-wrap .benefit-list .benefit-list-btn {
  position: absolute;
  top: 50%;
  right: 16px;
  min-width: 75px;
  padding: 7px 16px;
  border: 1px solid #bbb;
  border-radius: 16px;
  background-color: #fff;
  color: #222;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 700;
  line-height: 18px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.box-container .benefit-wrap .benefit-list + .benefit-list {
  margin-top: 8px;
}

.box-container .benefit-wrap + .card-box-text.type02 {
  margin-top: 24px;
}

.box-container .benefit-wrap + .card-box-text.type02 + .list-dot.type-black {
  margin-top: 8px;
}

.box-container .benefit-wrap ~ .btn {
  margin-top: 24px;
}

.box-container .benefit-wrap.flex .benefit-list {
  padding: 20px;
}

.box-container .benefit-wrap.flex .benefit-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.box-container .benefit-wrap.flex .benefit-list .item p {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: normal;
}

.box-container .benefit-wrap.flex .benefit-list .item div em {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-style: normal;
}

.box-container .benefit-wrap.flex .benefit-list .item div div {
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.box-container .card-box-title + .list-dot.type-black {
  margin-top: 8px;
}

.box-container .card-box-title .title-badge {
  display: inline-block;
  margin: 2px 0 0 8px;
  padding: 1px 10px;
  border-radius: 4px;
  background: #ea7869;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  line-height: 18px;
  font-weight: 700;
  font-style: normal;
  vertical-align: top;
}

.box-container .card-box-title + .custom-table {
  margin-top: 25px;
}

.box-event-info .badge {
  display: inline-block;
  padding: 3px 6px;
  border-radius: 4px;
  background-color: #00437c;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-style: normal;
}

.box-event-info .badge.end {
  color: #222;
  background-color: #f3f3f3;
}

.box-event-info .event-tit {
  margin: 12px 0 8px 0;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.box-event-info .event-txt {
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.box-event-info + .box-container {
  margin-top: 32px;
}

.anchor-list-wrap {
  position: relative;
}

.anchor-list-wrap.type02.fix {
  position: fixed;
  top: 56px;
  top: calc(56px + var(--safe-top));
  right: 0;
  left: 0;
  z-index: 30;
  margin: 0;
  padding: 0 24px;
  background: #fff;
}

.anchor-list-wrap.type02.fix + .anchor-wrap {
  padding-top: 53px;
}

.anchor-list-wrap.type02.fix:before {
  left: 0;
}

.anchor-list-wrap.type02:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: -24px;
  width: 100vw;
  height: 1px;
  background-color: #ebebeb;
}

.anchor-list-wrap.type02 .anchor-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto hidden;
  white-space: nowrap;
}

.anchor-list-wrap.type02 .anchor-list .anchor-trriger {
  position: relative;
  display: inline-block;
  color: #222;
  text-align: center;
  padding: 13px 20px;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.anchor-list-wrap.type02 .anchor-list .anchor-trriger.is-active {
  font-weight: 700;
  border-bottom: 3px solid #222;
  color: #222;
}

.anchor-list-wrap + .anchor-wrap .anchor-target:first-child {
  padding-top: 32px;
}

.anchor-list-wrap + .anchor-wrap .benefit-info-box {
  padding-top: 32px;
}

.anchor-list-wrap + .anchor-wrap .card-box-wrap.type02 {
  margin-bottom: 32px;
}

.anchor-list-wrap + .anchor-wrap .amount-wrap.amount-tooltip-button {
  padding-bottom: 16px;
}

.anchor-list-wrap + .anchor-wrap .amount-wrap.amount-tooltip-button.re-starbucks {
  padding-bottom: 0;
}

.anchor-list-wrap + .anchor-wrap .amount-wrap.amount-tooltip-button.re-starbucks .box-gray {
  margin-bottom: 20px;
}

.anchor-list-wrap + .anchor-wrap .recommend-info {
  margin-top: 0px;
}

.anchor-list-wrap + .anchor-wrap .recommend-info .info {
  margin-bottom: 20px;
}

.anchor-list-wrap + .anchor-wrap .recommend-info .footer {
  margin-top: 0;
}

.sharing-box {
  padding: 28px 0;
  text-align: center;
}

.sharing-box ul li {
  display: inline-block;
}

.sharing-box ul li button {
  padding: 0;
  border: none;
  background: none;
}

.sharing-box ul li button .icon-box {
  padding: 8px;
  border-radius: 24px;
}

.sharing-box ul li button .icon-box img {
  width: 48px;
  height: 48px;
}

.sharing-box ul li button .icon-box.kakao {
  background-color: #ffe441;
}

.sharing-box ul li button .icon-box.sms {
  background-color: #00437c;
}

.sharing-box ul li button span {
  display: block;
  margin-top: 6px;
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.sharing-box ul li + li {
  margin-left: 31px;
}

.box-full.bgc-gray {
  padding: 32px 24px 48px 24px;
  background: #fafafa;
}

.accordion-wrap.event .accordion .item {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

.accordion-wrap.event .accordion .item .item-tit-info {
  padding: 20px;
}

.accordion-wrap.event .accordion .item .item-tit-info .badge-wrap .badge {
  min-width: 63px;
  padding: 3px 6px;
  border-radius: 4px;
  background-color: #f3f3f3;
  color: #222;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-style: normal;
}

.accordion-wrap.event .accordion .item .item-tit-info .tit {
  display: inline-block;
  margin-top: 8px;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
  font-style: normal;
}

.accordion-wrap.event .accordion .item .fold-body {
  padding-top: 0;
  background: #fff;
}

.accordion-wrap.event .accordion .item .fold-body .event-info dt {
  color: #222;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.accordion-wrap.event .accordion .item .fold-body .event-info dt ~ dt {
  margin-top: 16px;
}

.accordion-wrap.event .accordion .item .fold-body .event-info dd {
  margin-top: 8px;
}

.accordion-wrap.event .accordion .item .fold-body .event-info dd ul li {
  color: #222;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: normal;
}

.accordion-wrap.event .accordion .item .fold-body .event-info dd ul li span.point-01 {
  color: #666;
}

.accordion-wrap.event .accordion .item .fold-body .event-info dd ul li span.point-02 {
  color: #0B48BE;
  font-weight: 500;
}

.accordion-wrap.event .accordion .item .fold-body .event-info dd ul li + li {
  margin-top: 4px;
}

.accordion-wrap.event .accordion .item .fold-head {
  border-top: 1px solid #ebebeb;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.accordion-wrap.event .accordion .item .fold-head .btn-wrap {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

.accordion-wrap.event .accordion .item .fold-head .btn-wrap .text {
  position: relative;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  margin-right: 20px;
}

.accordion-wrap.event .accordion .item .fold-head .btn-wrap .text:before, .accordion-wrap.event .accordion .item .fold-head .btn-wrap .text:after {
  position: absolute;
  content: '';
  top: calc(50% - 4px);
  right: -12px;
  width: 1px;
  height: 10px;
  background-color: #000;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: -4px;
}

.accordion-wrap.event .accordion .item .fold-head .btn-wrap .text:after {
  right: -19px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 3px;
}

.accordion-wrap.event .accordion .item .fold-head .btn-wrap .btn-fold {
  position: absolute;
  padding: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.accordion-wrap.event .accordion .item .fold-head .btn-wrap .btn-fold:before, .accordion-wrap.event .accordion .item .fold-head .btn-wrap .btn-fold:after {
  display: none;
}

.accordion-wrap.event .accordion.is-active .btn-wrap .text:before {
  -webkit-transform: rotate(-135deg) !important;
          transform: rotate(-135deg) !important;
}

.accordion-wrap.event .accordion.is-active .btn-wrap .text:after {
  -webkit-transform: rotate(135deg) !important;
          transform: rotate(135deg) !important;
}

.accordion-wrap.event .accordion + .accordion {
  margin-top: 12px;
}

.border-full.type02 {
  margin-top: 0;
}

.white-bubble {
  margin-top: 28px;
  background-color: #fff;
  border: 1px solid #bbb;
  border-radius: 10px;
  padding: 24px;
  position: relative;
  margin-bottom: 32px;
}

.white-bubble:after {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  left: calc(50% - 5px);
  width: 9px;
  height: 9px;
  margin-top: 0px;
  border: solid #bbb;
  border-width: 0 0 1px 1px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  background-color: #fff;
}

.box-gray .txt {
  color: #666;
}

.box-gray.box-full.benefit {
  padding: 32px 24px 48px;
}

.box-gray.box-full.benefit .sub-title.title-depth3 + .benefit-month-list {
  margin-top: 16px;
}

.box-gray.box-full.benefit .sub-title.title-depth3 ~ .sub-title.title-depth3 {
  margin-top: 48px;
}

.box-gray.box-full.benefit + .border-full {
  margin-top: 0;
}

.box-gray.box-full.benefit ~ .sub-title.title-depth3 {
  margin-top: 48px;
}

.list-wrap.total .total-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 13px;
}

.list-wrap.total .total-wrap > span {
  float: left;
}

.list-wrap.total .total-wrap p {
  float: right;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.list-wrap.total .link-item-list > li:first-child {
  border-top: 1px solid #ebebeb;
}

.list-wrap.total .no-result {
  border-top: 1px solid #ebebeb;
}

.link-item-list > li .item-list .item-app {
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  text-align: right;
  font-weight: normal;
}

.copy-text-wrap.none {
  padding: calc(26%) 0;
}

.tab-list.type02 {
  margin: 0 -24px;
  padding: 0 24px;
}

.list-wrap .no-result.type02 {
  padding: calc(17%) 0;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.tab-list-wrap.swiper {
  position: relative;
  margin-right: -48px;
  border-bottom: 1px solid #ebebeb;
}

.tab-list-wrap.swiper:before {
  content: '';
  position: absolute;
  bottom: -1px;
  width: 24px;
  height: 1px;
  background-color: #ebebeb;
}

.tab-list-wrap.swiper:before {
  left: -24px;
}

.tab-list-wrap.swiper ul {
  display: block;
  margin-right: 24px;
  padding-right: 24px;
  white-space: nowrap;
}

.tab-list-wrap.swiper ul:before {
  display: none;
}

.tab-list-wrap.swiper ul li {
  position: relative;
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
  padding: 16px 11px 14px;
}

.tab-list-wrap.swiper ul li:first-child {
  padding-left: 0;
}

.tab-list-wrap.swiper ul li + li {
  margin-left: -4px;
}

.pop-txt-list li {
  color: #666;
}

.pop-txt-list li strong {
  color: #222;
}

.pop-txt-list li + li {
  margin-top: 8px;
}

.list-dot.type-black li {
  color: #222;
}

.list-dot.type-black li:before {
  background-color: #222;
}

.tab-content-wrap .inner-btn-bottom-fix {
  padding-bottom: 138px;
}

.sub-title.title-depth3 .form-wrap-content.type02 {
  margin-top: 48px;
}

.sub-title.title-depth3 .form-wrap-content.type02 + .form-wrap-content {
  margin-top: 40px;
}

.sub-title.title-depth3 .small {
  display: inline-block;
  margin: 0;
  color: #222;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.sub-title.title-depth3 + .btn.mt {
  margin-top: 24px;
}

.sub-title.title-depth3 + .btn.mt + .border-full {
  margin-top: 48px;
}

.sub-title.title-depth3 .icon-face-6 {
  vertical-align: text-top;
}

.form-wrap-content .sub-text2 {
  color: #666;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.form-wrap-content .sub-text2 strong {
  color: #222;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.form-wrap-content ~ .data-list-wrap {
  margin-top: 48px;
}

.accordion-wrap.type2 .accordion .fold-head {
  padding: 0 20px;
}

.accordion-wrap.type2 .fold-body .agree-box-wrap {
  margin: 0 -24px;
}

.accordion-wrap.type2 .fold-body .agree-box-wrap .report-list .custom-checkbox input[type=checkbox] + label {
  margin-left: 8px;
}

.accordion-wrap.type2 .fold-body .agree-box-wrap .report-list .custom-checkbox input[type=checkbox] + label:before {
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 5px;
}

.accordion-wrap.type2 .fold-body .agree-box-wrap .report-list .custom-checkbox input[type=checkbox] + label em:before, .accordion-wrap.type2 .fold-body .agree-box-wrap .report-list .custom-checkbox input[type=checkbox] + label em:after {
  background-color: #fff;
}

.accordion-wrap.type2 .fold-body .agree-box-wrap .report-list .custom-checkbox input[type=checkbox]:checked + label:before {
  background-color: #0B48BE !important;
  border: 0 !important;
}

.accordion-wrap.type2 .text {
  margin: 21px 0;
  padding: 0 20px;
  color: #222;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.accordion-wrap .fold-head.link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.accordion-wrap .fold-head.link a {
  min-width: 50px;
  color: #0B48BE;
  text-align: right;
  text-decoration: underline;
}

.custom-icon.icon-alert2 {
  width: 48px;
  height: 48px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-bang2.svg);
}

.info-text-box {
  margin: 16px auto 0;
  padding: 20px;
  width: calc(100% - 40px);
  text-align: center;
  border-radius: 10px;
  background-color: #fafafa;
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.info-text-box + .d-flex-center {
  margin-top: 16px;
}

.agree-text {
  margin-top: 14px;
  padding-left: 3px;
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.message-text-gray + .d-flex-center {
  margin-top: 24px;
}

.info-box-benefit {
  padding-bottom: 18px;
}

.info-box-benefit .tit {
  margin: 19px 0 24px;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.info-box-benefit .tit.check {
  color: #00437c;
}

.promotion-visual.type02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: nowrap;
      flex-flow: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  min-height: 140px;
  padding-top: 0;
}

.promotion-visual.type02 .promotion-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: initial;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0px;
}

.promotion-visual.type02 .promotion-name span {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.promotion-visual.type02 .promotion-name .numberCounter {
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0px;
  font-weight: 700;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.promotion-visual.type02 .promotion-name .numberCounter em {
  color: inherit;
}

.promotion-visual.type02 .promotion-date {
  position: initial;
  margin-top: 8px;
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.promotion-visual.type02 .promotion-text {
  margin-top: 16px;
}

.promotion-visual.type02 .promotion-text + .promotion-name {
  margin-top: 8px;
}

.promotion-visual.pt0 + .tab-list-wrap.tab-full .overflow-x {
  border: none;
  border-bottom: 1px solid #ebebeb;
}

.promotion-visual .bs-icon-lottie {
  width: 147px;
  height: 140px;
  position: absolute;
  right: -24px;
  bottom: 0;
}

.promotion-visual.type-visual-img {
  padding-top: 0;
}

.promotion-visual.type-visual-img .promotion-name, .promotion-visual.type-visual-img .promotion-date {
  z-index: 1;
}

.promotion-visual.type-visual-img .promotion-banner {
  height: auto;
}

.promotion-visual.type-visual-img .promotion-banner img {
  max-width: 100%;
  height: auto;
  position: static;
  bottom: auto;
  right: auto;
}

.benefit-month-list ul li a {
  display: block;
  position: relative;
  padding: 20px 20px 20px 56px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  color: #222;
}

.benefit-month-list ul li a .text {
  display: block;
  position: relative;
}

.benefit-month-list ul li a .text .badge {
  position: absolute;
  right: 28px;
  top: -2px;
  padding: 3px 6px;
  background-color: #64caaa;
  border-radius: 4px;
  color: #fff;
  font-style: normal;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.benefit-month-list ul li a .text:before {
  content: '';
  position: absolute;
  left: -35px;
  top: -1px;
  width: 24px;
  height: 24px;
}

.benefit-month-list ul li a .text.payment1:before {
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-payment1.svg) no-repeat;
}

.benefit-month-list ul li a .text.payment2:before {
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-payment2.svg) no-repeat;
}

.benefit-month-list ul li a .text.payment3:before {
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-payment3.svg) no-repeat;
}

.benefit-month-list ul li a .text.payment4:before {
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-payment4.svg) no-repeat;
}

.benefit-month-list ul li a .text.payment5:before {
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-payment5.svg) no-repeat;
}

.benefit-month-list ul li a .price {
  margin-top: 5px;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.benefit-month-list ul li a .link-icon {
  right: 20px;
  top: 18px;
}

.benefit-month-list ul li a.exemption {
  padding-bottom: 78px;
}

.benefit-month-list ul li a.exemption .box-gray {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 20px;
  bottom: 16px;
  padding: 12px 24px 8px;
  width: calc(100% - 40px);
  border-radius: 4px;
  color: #666;
}

.benefit-month-list ul li a.exemption .box-gray .icon-face-2 {
  position: relative;
  top: -2px;
  margin-left: 3px;
}

.benefit-month-list ul li + li {
  margin-top: 8px;
}

.d-flex-between + .box-gray.box-full.mt {
  margin-top: 16px;
}

.box-gray.box-full.type02 {
  margin: 16px -24px 0;
  padding: 20px 24px;
}

.box-gray.box-full.type02 .list-items ~ .list-items {
  padding-bottom: 9px;
}

.box-gray.box-full.type02 .list-items:first-child {
  padding-bottom: 9px;
}

.box-gray.box-full.type02 .list-items:last-child {
  padding-bottom: 0;
}

.list-data-default.type02 {
  padding: 0;
}

.list-data-default.type02 .list-items.list-link {
  border-bottom: 0;
}

.list-data-default.type02 .list-items.list-link ~ li {
  border-top: 1px solid #ebebeb;
  padding-bottom: 0;
}

.list-data-default.type02 .list-items.list-link:last-child {
  border-bottom: 1px solid #ebebeb;
}

.list-data-default.type02 .list-items.list-link a {
  display: block;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  padding: 24px 24px 23px 0;
}

.list-data-default.type02 .list-items.list-link a div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-data-default.type02 .list-items.list-link a div:first-child span {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.list-data-default.type02 .list-items.list-link a div:first-child span:last-child {
  font-weight: 500;
}

.list-data-default.type02 .list-items.list-link a div:last-child {
  margin-top: 4px;
}

.list-data-default.type02 .list-items.list-link a div:last-child span {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.list-data-default.type02 .list-items.list-link a:after {
  top: 33px;
}

.list-data-default.type02 .list-items.list-link.cancel a {
  padding-left: 11px;
}

.list-data-default.type02 .list-items.list-link.cancel a .line-through {
  padding-right: 0;
}

.list-data-default.type02 .list-items.list-link.cancel a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 31px;
  width: 7px;
  height: 7px;
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
}

.list-data-default.type02 + .btn-more-wrap {
  margin-top: 22px;
}

.list-data-default.type02.border-top .list-items.list-link:first-child {
  margin-top: 25px;
  border-top: 1px solid #ebebeb;
}

.list-data-default.type03 {
  padding-top: 0;
}

.list-data-default.type03 .list-items {
  padding: 24px 0;
  border-bottom: 1px solid #ebebeb;
}

.list-data-default.type03 .list-items div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-data-default.type03 .list-items div:first-child span:first-child {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.list-data-default.type03 .list-items div:first-child span:first-child span {
  display: inline-block;
  margin-left: 6px;
  padding: 0;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
}

.list-data-default.type03 .list-items div:first-child span:last-child {
  padding: 3px 6px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  border-radius: 4px;
}

.list-data-default.type03 .list-items div:first-child span:last-child.comp {
  color: #fff;
  background-color: #64caaa;
}

.list-data-default.type03 .list-items div:first-child span:last-child.uncomp {
  color: #222;
  background-color: #f3f3f3;
}

.list-data-default.type03 .list-items div:last-child {
  margin-top: 4px;
  padding: 0;
  text-align: left;
}

.list-data-default.type03 .list-items div:last-child span {
  color: #222;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.list-data-default.type04 {
  padding-top: 0;
}

.list-data-default.type04 .list-items {
  padding: 24px 0;
  border-bottom: 1px solid #ebebeb;
}

.list-data-default.type04 .list-items div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.list-data-default.type04 .list-items div + div {
  margin-top: 5px;
  padding: 0;
}

.list-data-default.type04 .list-items .item-times {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.list-data-default.type04 .list-items .item-date {
  display: inline-block;
  padding: 0;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
}

.list-data-default.type04 .list-items .item-price {
  color: #222;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.list-data-default.type04 .list-items .item-label {
  display: inline-block;
  padding: 3px 6px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  border-radius: 4px;
}

.list-data-default.type04 .list-items .item-label.comp {
  color: #fff;
  background-color: #64caaa;
}

.list-data-default.type04 .list-items .item-label.uncomp {
  color: #222;
  background-color: #f3f3f3;
}

.select-period-wrap.type02 .select-period__month a .month {
  display: inline-block;
  min-width: 33px;
  text-align: right;
}

.select-period-wrap.type02 .select-period__month a .month + .price {
  margin-left: 20px;
}

.benefit-progress-wrap {
  padding: 24px 20px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

.benefit-progress-wrap .info-box {
  position: relative;
}

.benefit-progress-wrap .info-box p strong {
  position: relative;
  padding-right: 22px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.benefit-progress-wrap .info-box p strong:after {
  content: '';
  position: absolute;
  border-top: 9px solid;
  border-left: 9px solid transparent;
  border-bottom: transparent;
  border-right: transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.benefit-progress-wrap .info-box p strong.up {
  color: #0B48BE;
}

.benefit-progress-wrap .info-box p strong.up:after {
  top: calc(100% - 14px);
  right: 6px;
}

.benefit-progress-wrap .info-box p strong.down {
  color: #222;
}

.benefit-progress-wrap .info-box p strong.down:after {
  top: calc(100% - 19px);
  right: 6px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.benefit-progress-wrap .info-box p strong.same {
  display: block;
  color: #222;
}

.benefit-progress-wrap .info-box p strong.same:after {
  display: none;
}

.benefit-progress-wrap .info-box .tooltip-wrap {
  position: absolute;
  top: 0;
  right: 0;
}

.benefit-progress-wrap .info-box + ul {
  margin-top: 24px;
}

.benefit-progress-wrap .info-box + .benefit-progress-vertical {
  margin-top: 25px;
}

.benefit-progress-wrap > ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding-top: 0;
  margin-top: 0;
}

.benefit-progress-wrap > ul li > div {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.benefit-progress-wrap > ul li > div.month {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  width: 29px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding-right: 8px;
  color: #666;
}

.benefit-progress-wrap > ul li > div.progressBar-wrap {
  font-size: 0;
  width: calc(100% - 107px);
  background-color: #f3f3f3;
  border-radius: 4px;
  height: 20px;
}

.benefit-progress-wrap > ul li > div.progressBar-wrap .limit-bar {
  display: block;
  height: 20px;
}

.benefit-progress-wrap > ul li > div.progressBar-wrap .limit-bar > i {
  display: block;
  height: 100%;
  background-color: #0B48BE;
  border-radius: 4px;
  -webkit-animation: limitBar-max .7s ease-in forwards;
          animation: limitBar-max .7s ease-in forwards;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.benefit-progress-wrap > ul li.last-month > .month {
  font-weight: 400;
}

.benefit-progress-wrap > ul li.last-month > div.progressBar-wrap .limit-bar > i {
  background-color: rgba(126, 166, 213, 0.5);
}

.benefit-progress-wrap > ul li.last-month > .cost {
  color: #666;
}

.benefit-progress-wrap > ul li > div.cost {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 62px;
  padding-left: 8px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  text-align: right;
  font-weight: 500;
}

.benefit-progress-wrap > ul li + li {
  margin-top: 14px;
}

.benefit-progress-wrap.single {
  padding: 16px 20px 12px;
}

.benefit-progress-vertical ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.benefit-progress-vertical ul:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 25px;
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
}

.benefit-progress-vertical ul li {
  position: relative;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  padding-top: 22px;
}

.benefit-progress-vertical ul li .cost {
  position: absolute;
  left: 50%;
  top: 0;
  min-width: 57px;
  -webkit-transform: translateX(-43%);
          transform: translateX(-43%);
  color: #222;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.benefit-progress-vertical ul li .month {
  margin-top: 4px;
  color: #666;
}

.benefit-progress-vertical ul li .progressBar-wrap {
  width: 20px;
  height: 70px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.benefit-progress-vertical ul li .progressBar-wrap .limit-bar {
  display: block;
}

.benefit-progress-vertical ul li .progressBar-wrap .limit-bar i {
  background-color: #7ea6d5;
  display: block;
  background-color: #b8cce4;
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-animation: limitBar-max2 .7s ease-in forwards;
          animation: limitBar-max2 .7s ease-in forwards;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@-webkit-keyframes limitBar-max2 {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}

@keyframes limitBar-max2 {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}

.benefit-progress-vertical ul li.last-month .progressBar-wrap .limit-bar i {
  background-color: #0B48BE;
}

.benefit-progress-vertical ul li.last-month .progressBar-wrap .month {
  color: #666;
}

.list-wrap.benefit-list .item-content li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.list-wrap.benefit-list .item-content li div {
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.list-wrap.benefit-list .item-content li div.item-title {
  width: 100%;
  text-align: left;
}

.list-wrap.benefit-list .item-content li div.item-title.line1-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-wrap.benefit-list .item-content li div.item-title span ~ span {
  margin-left: 4px;
}

.list-wrap.benefit-list .item-content li div.item-title span.bar {
  position: relative;
  padding-left: 8px;
  margin-left: 8px;
}

.list-wrap.benefit-list .item-content li div.item-title span.bar:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  height: 12px;
  width: 1px;
  background-color: #ebebeb;
}

.list-wrap.benefit-list .item-content li div.item-date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  text-align: right;
}

.list-wrap.benefit-list .item-content li.title div {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.list-wrap.benefit-list .item-content li + li {
  margin-top: 4px;
}

.list-wrap.benefit-list .item-content.cancel li div.line-through {
  color: #eb1100;
}

.sub-title .selectbox.selectbox-sm .tit {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.popup-content .d-flex-between + .tab-list-wrap {
  margin-top: 24px;
}

.tab-content-wrap.pop {
  padding-top: 0;
}

.tab-content-wrap.pop .box-gray.box-full.type02 {
  margin-top: 0;
  margin-bottom: 0;
}

.tab-content-wrap.pop .box-gray.box-full.type02 .list-items div {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.tab-content-wrap.pop .box-gray.box-full.type02 .list-items div:first-child {
  font-weight: 500;
}

.tab-content-wrap.pop .box-gray.box-full.type02 .list-items div:first-child span {
  color: #222;
  font-weight: 400;
}

.tab-content-wrap.pop .box-gray.box-full.type02 .list-items div:last-child {
  font-weight: 700;
}

.tab-content-wrap.pop .list-data-default.type02 li + li {
  padding-top: 0;
}

.tab-content-wrap.pop .btn {
  margin-top: 24px;
}

.tab-content-wrap.pop .list-dot {
  margin-top: 16px;
}

.accordion-wrap.usage-detail.benefit .accordion {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.accordion-wrap.usage-detail.benefit .accordion .fold-head {
  min-height: auto;
}

.accordion-wrap.usage-detail.benefit .accordion .fold-body {
  margin: 0;
  padding: 0;
  border-top: 1px solid #ebebeb;
}

.accordion-wrap.usage-detail.benefit .accordion .text-price {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.accordion-wrap.usage-detail.benefit .accordion .text-price span {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 400;
}

.accordion-wrap.usage-detail.benefit .accordion .value {
  margin-right: -8px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.accordion-wrap.usage-detail.benefit .accordion .btn-fold {
  margin-top: 0;
  padding: 0;
  right: -11px;
}

.accordion-wrap.usage-detail.benefit .accordion .btn-fold:before, .accordion-wrap.usage-detail.benefit .accordion .btn-fold:after {
  background-color: #222 !important;
}

.accordion-wrap.usage-detail.benefit .accordion.is-active .fold-body {
  margin: 16px 0 0;
  padding: 20px 0 0 0;
}

.accordion-wrap.usage-detail.benefit .accordion .d-flex-between.single {
  padding-right: 0;
}

.accordion-wrap.usage-detail.benefit .accordion .d-flex-between.single .value {
  margin-right: 0;
}

.accordion-wrap.usage-detail + .list-data-default {
  margin-top: 19px;
  padding-top: 20px;
  border-top: 1px solid #ebebeb;
}

.btn-sub-text {
  margin-top: 16px;
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  text-align: left;
}

.btn-sub-text + * {
  margin-top: 8px;
}

.pop-info-box .tit {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.pop-info-box .text {
  margin-top: 8px;
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.pop-info-box .img-box {
  margin-top: 20px;
  text-align: center;
}

.pop-info-box .img-box img {
  width: 148px;
  height: auto;
}

.pop-info-box .img-box.alarm img {
  width: 156px;
  height: auto;
}

/* 차트 임시 */
.gaugecircle-container {
  position: relative;
  height: 96px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gaugecircle-container > a {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 20px;
}

.gaugecircle-container > a:after {
  content: '';
  position: absolute;
  top: calc(50% - 5px);
  right: 10px;
  width: 9px;
  height: 9px;
  margin-left: 10px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.gaugecircle {
  position: relative;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
}

.gaugecircle + .gaugecircle-conts {
  margin-left: 16px;
}

.gaugecircle-svg {
  width: 60px;
  height: 60px;
  -webkit-transform: translate(0, 0) rotate(-90deg);
          transform: translate(0, 0) rotate(-90deg);
}

/*bg circle*/
.gaugecircle-track {
  fill: none;
  stroke: #ebebeb;
  stroke-width: 2px;
}

/*gause progress*/
.gaugecircle-track-check {
  fill: none;
  stroke: #0B48BE;
  stroke-width: 2px;
  visibility: hidden;
  stroke-linecap: round;
}

.gaugecircle-icon .icon {
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.gaugecircle-icon .icon.coffee {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-coffee-24.svg);
}

.gaugecircle-icon .icon.movie {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-movie-24.svg);
}

.gaugecircle-icon .icon.traffic {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-traffic-tele-24.svg);
}

.gaugecircle-icon .icon.gasStation {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-gas-satation-24.svg);
}

.gaugecircle-icon .icon.departmentStore {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-department-store-24.svg);
}

.gaugecircle-icon .icon.point {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-point-24.svg);
}

.gaugecircle-icon .icon.hotel {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-hotel-24.svg);
}

.gaugecircle-icon .icon.rounge {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-rounge-24.svg);
}

.gaugecircle-icon .icon.air1 {
  background-image: url(/webapp/v2/common/assets/images/benefit/icons/icon-life-airplane1.svg);
}

.gaugecircle-icon .icon.air2 {
  background-image: url(/webapp/v2/common/assets/images/benefit/icons/icon-life-airplane2.svg);
}

.gaugecircle-icon .icon.depa {
  background-image: url(/webapp/v2/common/assets/images/benefit/icons/icon-life-department.svg);
}

.gaugecircle-conts .gaugecircle-title {
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
}

.gaugecircle-text {
  margin-top: 2px;
}

.gaugecircle-conts .gaugecircle-point {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #0B48BE;
  font-weight: 700;
}

.gaugecircle-conts .gaugecircle-point + .gaugecircle-text {
  margin-left: 4px;
}

.gaugecircle-conts .gaugecircle-point + .gaugecircle-text-gubun {
  position: relative;
  padding-left: 8px;
  margin-left: 8px;
}

.gaugecircle-conts .gaugecircle-point + .gaugecircle-text-gubun:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 14px;
  background: #f3f0ee;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.gaugecircle-conts .gaugecircle-text {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.gaugecircle-conts .gaugecircle-text-gubun {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 500;
}

.gaugecircle-text .gaugecircle-text-gubun {
  color: #666;
  font-weight: 400;
}

.gaugecircle-container + .gaugecircle-container {
  border-top: 1px solid #ebebeb;
}

/* 출석체크 이벤트 */
.box-full.event-dailycheck {
  margin-top: -15px;
  padding: 32px 24px 48px;
  background: #e5edf7;
}

.box-full.event-dailycheck .sub-title.title-depth2 span {
  display: block;
  font-size: inherit;
  font-weight: 700;
  margin: 0;
}

.event-dailycheck {
  position: relative;
}

.event-dailycheck:after {
  content: "";
  display: block;
  position: absolute;
  top: 32px;
  right: 0;
  width: 52%;
  max-width: 193px;
  height: 163px;
  background: url(/webapp/v2/common/assets/images/benefit/graphic-hand@3x.png) no-repeat 0 0;
  background-size: 100% auto;
}

.dailycheck {
  max-width: 720px;
  margin: 30px auto 0;
  background: #fff;
  padding: 24px;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05);
}

.dailycheck ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
}

.dailycheck-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(25% - 8px);
  margin: 4px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #bbb;
  border: 1px dashed #ebebeb;
  border-radius: 10px;
}

.dailycheck-item:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.dailycheck-item.checked {
  border-color: #f8f8f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f8f8f8 url(/webapp/v2/common/assets/images/benefit/icons/graphic-point.svg) no-repeat center center;
}

.dailycheck-item.checked span {
  color: #e3a10b;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
}

.dailycheck-item.pay {
  border: 1px solid #f3f3f3;
  background: #f3f3f3;
  color: #bbb;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.dailycheck-item.pay.checked {
  border-color: #368aef;
  background: #368aef;
}

.dailycheck-item.pay.checked span {
  background: url(/webapp/v2/common/assets/images/benefit/icons/number-2.svg) no-repeat center 4px;
  background-size: 32px 32px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: bold;
  padding: 37px 10px 5px;
  color: #fff;
}

.dailycheck .icon-point1 {
  display: inline-block;
  width: 48px;
  height: 48px;
}

.dailycheck .icon-point1:before {
  content: '';
  display: block;
  width: 48px;
  height: 48px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-point1-s.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.dailycheck .icon-point5 {
  display: inline-block;
  width: 48px;
  height: 48px;
}

.dailycheck .icon-point5:before {
  content: '';
  display: block;
  width: 48px;
  height: 48px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-point5-s.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.dailycheck .icon-point10 {
  display: inline-block;
  width: 48px;
  height: 48px;
}

.dailycheck .icon-point10:before {
  content: '';
  display: block;
  width: 48px;
  height: 48px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-point10-s.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.dailycheck .icon-pay3000 {
  display: inline-block;
  width: 48px;
  height: 48px;
}

.dailycheck .icon-pay3000:before {
  content: '';
  display: block;
  width: 48px;
  height: 48px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-pay3000-bl.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.dailycheck .icon-pay5000 {
  display: inline-block;
  width: 48px;
  height: 48px;
}

.dailycheck .icon-pay5000:before {
  content: '';
  display: block;
  width: 48px;
  height: 48px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-pay5000-bl.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.info-message-box.info-message-box-img.benefit {
  margin: 26px 0 56px;
}

.info-message-box.info-message-box-img.benefit .info-lottie-box .info-lottie-img {
  width: 112px;
  height: 112px;
}

.sub-footer .custom-checkbox.checkbox-md input[type=checkbox] + label {
  max-width: calc(100% - 32px);
  margin-right: 0;
}

.select-period {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.select-period__year {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 75px;
  height: 57px;
  line-height: 57px;
}

.select-period__year.active {
  color: #0B48BE;
}

.select-period__month {
  margin-left: 100px;
  height: 57px;
}

.select-period__month:first-of-type {
  margin-top: -57px;
}

.select-period__month a {
  position: relative;
  display: block;
  line-height: 57px;
  text-decoration: none;
  color: #222;
}

.select-period__month a.active {
  color: #0B48BE;
}

.select-period__month a.active::after {
  content: '';
  position: absolute;
  top: calc(50% - 16px);
  right: 0;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-check.svg);
}

.linkbox + .sub-title {
  margin-top: 40px;
}

.link-button-wrap + .border-full {
  margin-top: 0px;
}

.box-full + .linkbox {
  margin-top: 32px;
}

.sub-title + .product-slide,
.d-flex-between.mt40 + .product-slide {
  margin-top: 24px;
}

.product-slide + .link-button-wrap {
  margin-top: 32px;
}

.form-wrap-content.horizontal + .horizontal {
  margin-top: 12px;
}

.form-wrap-content.horizontal + .data-list {
  margin-top: 21px;
}

.border-top + .sub-title.title-depth3.title-small {
  margin-top: 25px;
}

.data-list + .actions-gray-box {
  margin-top: 32px;
}

.actions-gray-box + .hr {
  margin-top: 32px;
}

.sub-title.title-small + .box-gray {
  margin-top: 8px;
}

.box-gray + .checkbox-round {
  margin-top: 32px;
}

.btn-box.grid-col-2 + .border-full,
.btn-box.flex-wrap + .border-full {
  margin-top: 24px;
}

.point-panel + .form-wrap-content.horizontal,
.bubble-wrap + .form-wrap-content.horizontal {
  margin-top: 32px;
}

.tab-list-wrap.tab-full + .form-wrap-content.d-flex-between.border-bottom {
  padding-top: 24px;
}

.form-wrap-content.d-flex-between.border-bottom + .list-wrap {
  margin-top: 0;
}

.form-wrap-content + .data-list {
  margin-top: 24px;
}

.form-wrap-content + .custom-table.type02,
.sub-title.title-depth3 + .accordion-wrap.benefit-button-accordion {
  margin-top: 20px;
}

.btn-box.flex-wrap + .form-wrap-content.d-flex-between.border-bottom {
  margin-top: 32px;
}

.form-wrap-content .grid-wrap.grid-col-4 + .input-date-wrap-term {
  margin-top: 10px;
}

.sub-footer .custom-checkbox.checkbox-md + .btn.btn-primary {
  margin-top: 24px;
}

.bg-wrap.box-full > .point-wrap {
  padding-top: 0;
}

.custom-table + .list-dot {
  margin-top: 16px;
}

.list-dot + .benefit-card-list {
  margin-top: 40px;
}

.accordion-wrap + .list-dot.type02 {
  margin-top: 24px;
}

.list-dot.type02 + .copy-text-wrap.billi {
  margin-top: 24px;
}

.bubble-textbox-wrap + .benefit-card-list {
  margin-top: 45px;
}

.card-box-wrap + .benefit-card-list {
  margin-top: 32px;
}

.box-container + .benefit-info-box {
  margin-top: 32px;
}

.box-container + .box-full.bgc-gray {
  margin-top: 32px;
}

.box-gray + .form-wrap-content.bene {
  margin-top: 32px;
}

.form-wrap-content.bene + .list-wrap.total {
  margin-top: 22px;
}

.sub-title.title-depth3 + .box-gray.box-full,
.sub-title.title-depth3 + .benefit-progress-wrap,
.sub-title.title-depth3 + .benefit-progress-wrap-vertical {
  margin-top: 16px;
}

.accordion-wrap.benefit-button-accordion + .box-gray.box-full {
  margin-top: 15px;
}

.list-data-default.type03 + .btn-more-wrap {
  margin-top: 22px;
}

.accordion-wrap.type-price.point + .btn-box {
  margin-top: 16px;
}

.special-benefit-info + .accordion-wrap.type-button.border-top,
.special-benefit-info + .full-list {
  margin-top: 53px;
}

/* 플랜할인 */
.plan-discount-wrap .copy-text-wrap.welcome-message {
  margin-bottom: 32px;
}

.plan-discount-wrap .copy-text-wrap.welcome-message .date {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
}

.plan-discount-wrap .copy-text-wrap.welcome-message.type02 {
  position: relative;
  margin-bottom: 16px;
}

.plan-discount-wrap .copy-text-wrap.welcome-message.type02 .touch-alert-btn {
  margin: 0;
  position: absolute;
  top: 50%;
  right: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background: #fff url(/webapp/v2/common/assets/images/benefit/icons/icon-touch-guide.svg) no-repeat center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.plan-discount-wrap .copy-text-wrap.welcome-message .text {
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.plan-discount-wrap .banner-wrap {
  position: relative;
}

.plan-discount-wrap .banner-wrap .banner-text {
  position: absolute;
  top: 30px;
  left: 20px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #fff;
  font-weight: 300;
}

.plan-discount-wrap .banner-wrap .banner-text strong {
  font-weight: 400;
}

.plan-discount-wrap .swiper-component-wrapper {
  padding-bottom: 62px;
}

.plan-discount-wrap .custom-swiper-pagination.swiper-pagination-bullets.bottom {
  bottom: 40px;
  left: 0;
  width: 100%;
  text-align: center;
}

.plan-discount-wrap .line-box {
  border-top: 1px solid #ebebeb;
  padding: 32px 0 49px;
}

.plan-discount-wrap .line-box .message-text {
  font-weight: 700;
}

.col-type222 {
  color: #222 !important;
}

.fold-table-wrap {
  margin-top: 17px;
}

.top-text-area {
  margin-bottom: 48px;
}

.accordion-wrap.type-full .accordion .fold-head.line2 {
  padding: 15px 36px 15px 0;
}

.accordion-wrap.type-button .accordion .fold-head.line2 {
  padding: 16px 24px;
}

.plan-discount-bottom {
  position: fixed;
  bottom: 0;
  min-height: 160px;
  width: 100%;
  padding: 21px 24px 24px 24px;
  background-color: #fff;
  border-radius: 20px 20px 0 0;
  -webkit-box-shadow: 0 -2px 11px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 -2px 11px 0 rgba(0, 0, 0, 0.06);
  z-index: 100;
}

.plan-discount-bottom .discount-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #222;
}

.plan-discount-bottom .discount-info > strong {
  text-align: right;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #0B48BE;
}

.plan-discount-bottom .discount-info span {
  font-weight: 500;
}

.plan-discount-bottom .btn-area {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 24px 24px;
}

.ui-slider {
  position: relative;
  height: 1px;
  background: #111;
}

.planDiscount .sliderWrap {
  position: relative;
  min-width: 300px;
  height: auto;
  margin: 40px 0;
  padding: 24px 0 5px;
  background-color: #f8f8f8;
  border-radius: 10px;
}

.planDiscount .ui-slider-vertical.ui-slider {
  width: 100%;
  height: 324px;
  margin: 40px 0 10px;
  background: none;
}

.planDiscount .ui-slider-vertical.ui-slider:after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 100%;
  position: absolute;
  top: -38px;
  right: 44px;
  z-index: 9;
  background: #ddd;
  border-radius: 4px;
}

.planDiscount .ui-slider-vertical .ui-slider-range {
  position: absolute;
  bottom: 20px;
  right: 44px;
  width: 8px;
  height: 100%;
  padding-top: 10px;
  z-index: 10;
  border-radius: 0 0 4px 4px;
  background: #f5ce5d;
}

.planDiscount .ui-slider-vertical .ui-slider-handle {
  position: absolute;
  top: auto;
  right: 32px;
  width: 32px;
  height: 44px;
  z-index: 12;
  background: url("/webapp/v2/common/assets/images/benefit/icons/icon-slider-control@2x.png") no-repeat 0 0;
  background-size: contain;
}

.planDiscount .slideValue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 324px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 70px;
}

.planDiscount .slideValue li {
  position: absolute;
  width: 100%;
  height: 60px;
  padding: 15px 24px;
  color: #666666;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 400;
}

.planDiscount .slideValue li > div > strong {
  font-weight: 400;
}

.planDiscount .slideValue li.on {
  border-radius: 10px;
  height: 76px;
  margin-bottom: -8px;
  position: relative;
  background: #0B48BE;
  color: #fff;
}

.planDiscount .slideValue li.on > div {
  position: relative;
  top: -2px;
  font-weight: 700;
}

.planDiscount .slideValue li.on > div > .valueBadge {
  display: block;
  height: 26px;
  padding: 4px 8px;
  background-color: #2961ad;
  border-radius: 12.5px;
  position: absolute;
  top: 0px;
  left: 60px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.planDiscount .slideValue li.on > div > .valueBadge span {
  position: relative;
  top: 1px;
}

.planDiscount .slideValue li.on > div > strong {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.planDiscount .slideValue li.on > span.summary.text {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 400;
  position: relative;
  top: -7px;
}

.planDiscount .summary {
  display: none;
}

.planDiscount + .accordion-wrap.type-button .accordion .fold-head .btn-fold::before,
.planDiscount + .accordion-wrap.type-button .accordion .fold-head .btn-fold::after {
  top: 21px;
}

.planDiscount.type02 .ui-slider-vertical.ui-slider {
  width: 100%;
  height: 162px;
  margin: 40px 0 10px;
  background: none;
}

.planDiscount.type02 .slideValue {
  height: 162px;
}

.sub-wrapper.has-footer-type3 .sub-container {
  padding-bottom: 96px;
}

.plan-discount {
  /* 230904 CSRUIUX-414 [디/퍼] 롯데카드 플랜할인 화면 일부수정  2차 */
}

.plan-discount .accordion-wrap .accordion .fold-head {
  padding: 0;
}

.plan-discount .accordion-wrap .accordion .fold-head .btn-fold {
  right: -7px;
}

.plan-discount .accordion-wrap .accordion .fold-head .btn-fold:before {
  background-color: #222;
}

.plan-discount .accordion-wrap .accordion .fold-head .btn-fold:after {
  background-color: #222;
}

.plan-discount .accordion-wrap .accordion .fold-body {
  padding: 0;
}

.plan-discount .accordion-wrap .accordion .fold-body > div {
  padding-top: 14px;
  margin-top: 12px;
  border-top: 1px solid #ebebeb;
}

.plan-discount .accordion-wrap .accordion .fold-body .data-list {
  margin-bottom: 8px;
}

.plan-discount .accordion-wrap .accordion .fold-body .top-text {
  padding: 6px 0 12px;
}

.plan-discount .accordion-wrap .accordion .fold-body .top-text .message-text + .message-text {
  padding-top: 4px;
}

.plan-discount .sub-title2.title-depth3 {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #222;
}

.plan-discount .sub-title2.title-depth3 .flag-use {
  top: -2px;
  margin-left: 8px;
  padding: 0 6px;
  height: 24px;
}

.plan-discount .flag {
  margin-left: 8px;
  padding: 0 6px;
  top: -2px;
}

.plan-discount .box-gray.box-full {
  padding: 32px 24px;
}

.plan-discount .gaugebar-container {
  position: relative;
  width: 100%;
  padding: 24px 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  color: #222;
  height: auto;
}

.plan-discount .gaugebar-container .gaugebar-header .gaugebar-title {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.plan-discount .gaugebar-container .message-text .tooltip-wrap {
  margin-top: 0;
}

.plan-discount .gaugebar {
  margin-top: 32px;
}

.plan-discount .gaugebar .gaugebar-track {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background: #f3f3f3;
  border-radius: 5px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.plan-discount .gaugebar .gaugebar-track .gaugebar-track-check {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 5px;
  background: #0B48BE;
  max-width: 100%;
}

.plan-discount .gaugebar .gaugebar-track .gaugebar-balloon {
  position: absolute;
  top: 0px;
  opacity: 0;
  padding: 6px 12px 4px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  line-height: 1;
  font-weight: 500;
  background: #0B48BE;
  border-radius: 20px;
  text-align: center;
  min-width: 86px;
}

.plan-discount .gaugebar .gaugebar-track .gaugebar-balloon.zero {
  min-width: 50px;
  left: -50px;
  -webkit-transform: translate(50px, 0px);
          transform: translate(50px, 0px);
}

.plan-discount .gaugebar .gaugebar-track .gaugebar-balloon:before {
  content: '';
  position: absolute;
  bottom: -6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.plan-discount .gaugebar .gaugebar-track .gaugebar-balloon.left {
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.plan-discount .gaugebar .gaugebar-track .gaugebar-balloon.left:before {
  left: 10px;
  border-right: 6px solid transparent;
  border-left: 10px solid #0B48BE;
  border-radius: 3px;
}

.plan-discount .gaugebar .gaugebar-track .gaugebar-balloon.right {
  right: 0;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.plan-discount .gaugebar .gaugebar-track .gaugebar-balloon.right:before {
  right: 8px;
  border-right: 10px solid #0B48BE;
  border-left: 6px solid transparent;
  border-radius: 3px;
}

.plan-discount .gaugebar .gaugebar-spot {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  margin-top: 10px;
}

.plan-discount .gaugebar .gaugebar-spot div {
  position: relative;
}

.plan-discount .gaugebar .gaugebar-spot div:after {
  content: '';
  position: absolute;
  top: -8px;
  left: 0;
  width: 1px;
  height: 6px;
  background: #222;
}

.plan-discount .gaugebar .gaugebar-spot div:last-child:after {
  left: auto;
}

.plan-discount .gaugebar .gaugebar-spot div:first-child:before {
  display: none;
}

.plan-discount .gaugebar .gaugebar-spot.spot-case1 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.plan-discount.type2309 .text-blue {
  color: #206cfe !important;
}

.plan-discount.type2309 .border-full {
  margin-top: 24px;
  height: 1px;
  background: #ebebeb;
}

.plan-discount.type2309 .gaugebar .gaugebar-track .gaugebar-balloon {
  background: #206cfe;
}

.plan-discount.type2309 .gaugebar .gaugebar-track .gaugebar-balloon::before {
  border-left: 10px solid #206cfe;
}

.plan-discount.type2309 .gaugebar .gaugebar-track .gaugebar-track-check {
  background: #206cfe;
}

.plan-discount.type2309 .page-sub-title {
  margin-bottom: 18px;
}

.plan-discount.type2309 .achieve-list-wrap {
  position: relative;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02::after {
  content: '';
  display: block;
  clear: both;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02 > li {
  float: left;
  position: relative;
  text-align: center;
  padding: 11.4px 0 16px;
  margin-bottom: 8px;
  margin-right: 1.92307%;
  width: calc((100% - 3.84614%) / 3);
  height: 122px;
  border-radius: 12px;
  overflow: hidden;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02 > li.ongoing {
  border: solid 1px #222;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02 > li.ongoing .icon-area > img {
  width: auto;
  height: 54px;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02 > li.ongoing .left-top::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 43px solid #20a57b;
  border-right: 43px solid transparent;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02 > li.ongoing .left-top > span {
  top: 5px;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02 > li.achieve {
  border: solid 1px #dbe6f9;
  background-color: #f1f6ff;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02 > li.achieve .icon-area > img {
  width: auto;
  height: 54px;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02 > li.achieve .left-top::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 43px solid #206cfe;
  border-right: 43px solid transparent;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02 > li.achieve .left-top > span {
  left: 4px;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02 > li.unsatisfaction {
  border: 1px solid #ebebeb;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02 > li.unsatisfaction .icon-area .unsatisfaction-icon {
  margin: 22px auto 12px;
  padding-left: 1px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #f3f3f3;
  color: #666;
  letter-spacing: -2.5px;
  text-align: left;
  line-height: 20px;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02 > li.unsatisfaction .left-top::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 43px solid #f3f3f3;
  border-right: 43px solid transparent;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02 > li.unsatisfaction .left-top > span {
  top: 5px;
  color: #666;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02 > li .icon-area {
  width: 100%;
  text-align: center;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02 > li .achieve-cnt {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02 > li .amount-spent {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.38px;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02 > li .left-top {
  position: absolute;
  width: 43px;
  height: 43px;
  top: 0;
  left: 0;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02 > li .left-top > span {
  position: absolute;
  top: 5px;
  left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: -0.31px;
  text-align: center;
  color: #fff;
}

.plan-discount.type2309 .achieve-list-wrap .achieve-list.type02 > li:nth-child(3n) {
  margin-right: 0;
}

.plan-discount.type2309 .achieve-list-wrap .btn-more-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 66px 0 16px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(40%, #fff));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 40%);
  border-top: none;
}

.plan-discount.type2309 .achieve-list-wrap .btn-more-wrap .btn-round {
  position: relative;
  padding-right: 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.57px;
  background-color: #3e80fe;
  border-color: #3e80fe;
}

.plan-discount.type2309 .achieve-list-wrap .btn-more-wrap .btn-round::after {
  content: '';
  display: block;
  position: absolute;
  top: 48%;
  right: 18px;
  width: 9px;
  height: 9px;
  margin-top: -5px;
  border: solid #fff;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
}

.bubble-textbox.new-color {
  background: #206cfe;
}

.bubble-textbox.new-color::after {
  border-bottom: 6px solid #206cfe;
}

.text-blue.new-color {
  color: #206cfe !important;
}

.text-blue.new-color::before {
  background-color: #206cfe;
}

.tx-keyword.new-color {
  color: #206cfe !important;
}

.bottomsheet-image.ticket {
  margin-top: 24px;
}

.bottomsheet-image.ticket > img {
  width: 240px;
  height: auto;
}

.pt2 {
  padding-top: 2px !important;
}

.achieve-list li {
  position: relative;
  padding: 24px 0;
  border-bottom: 1px solid #ebebeb;
}

.achieve-list li:last-child {
  border-bottom: none;
}

.achieve-list li .num {
  padding-bottom: 4px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 500;
}

.achieve-list li .date {
  padding-left: 8px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
}

.achieve-list li .flag {
  position: absolute;
  left: unset;
  right: 0;
  top: 23px;
  min-width: 34px;
  height: 24px;
  line-height: 24px;
}

.achieve-list + .btn-more-wrap {
  padding: 20px 0;
  border-top: 1px solid #ebebeb;
}

.achieve-list + .btn-more-wrap .text-link {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.shadowbox {
  position: relative;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.box-gray.box-gray-B {
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
}

.box-gray.box-gray-B > .data-list {
  padding-bottom: 0;
  border-bottom: none;
}

.accordion-list > li {
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding: 0 20px;
}

.accordion-list > li + li {
  margin-top: 12px;
}

.accordion-list > li .flag {
  margin-left: 8px;
  min-width: 34px;
}

.accordion-list > li .flag.flag-end {
  background-color: #9C8A80;
  color: #fff;
}

.accordion-list > li .accordion-wrap .accordion .fold-body > div {
  margin-top: 0;
}

.accordion-list > li .accordion-wrap.disabled .top-text {
  opacity: 1;
}

.accordion-list > li .accordion-wrap.disabled dl.data-list dt {
  opacity: 1;
}

.accordion-list > li .accordion-wrap.disabled dl.data-list dd {
  opacity: 1;
}

.accordion-list > li .accordion-wrap.disabled .page-sub-title {
  opacity: 1;
}

.plan-discount-wrap .banner-list {
  margin: 30px 0 48px;
}

.plan-discount-wrap .banner-list > li + li {
  margin-top: 12px;
}

.plan-discount-wrap .full-list {
  margin: 0 -24px;
}

.plan-discount-wrap .full-list > li {
  padding: 18px 24px 24px;
  border-top: 1px solid #ebebeb;
}

.plan-discount-wrap .full-list > li .sub-title {
  margin-bottom: 20px;
}

.loca-wrapper-320x400 {
  width: 320px;
  height: 400px;
  margin: 0 auto;
  padding: 20px 24px 0;
  text-align: center;
  background-color: #fff;
}

.loca-wrapper-320x400 .logo {
  height: 15px;
  padding: 0;
  font-size: 0;
  margin-bottom: 8px;
}

.loca-wrapper-320x400 .logo img {
  height: 15px;
}

.loca-wrapper-320x400 .top-text {
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 700;
}

.loca-wrapper-320x400 .text-link.text-blue {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  line-height: 18px;
  letter-spacing: -0.5px;
  margin-top: 8px;
}

.loca-wrapper-320x400 .text-link.text-blue:before {
  bottom: 1px;
}

.loca-wrapper-320x400 .box-gray.box-gray-B {
  padding: 12px 20px;
  margin-bottom: 8px;
}

.loca-wrapper-320x400 dl.data-list dt,
.loca-wrapper-320x400 dl.data-list dd {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  margin: 4px 0;
}

.loca-wrapper-320x400 .grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr max-content;
      grid-template-columns: 1fr -webkit-max-content;
      grid-template-columns: 1fr max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 9px;
}

.loca-wrapper-320x400 .grid .text-link {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.loca-wrapper-320x400 .check-style1 {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.loca-wrapper-320x400 .check-style1 input[type=checkbox] {
  width: 24px;
  height: 24px;
  opacity: 100;
}

.loca-wrapper-320x400 .check-style1 input[type=checkbox] + label {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.loca-wrapper-320x400 .check-style1 input[type=checkbox] + label:before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
}

.loca-wrapper-320x400 .check-style1 input[type=checkbox] + label em {
  position: absolute;
  top: 16px;
  left: 11px;
  -webkit-transform: rotate(-50deg);
          transform: rotate(-50deg);
}

.loca-wrapper-320x400 .check-style1 input[type=checkbox] + label em:before, .loca-wrapper-320x400 .check-style1 input[type=checkbox] + label em:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #797979;
}

.loca-wrapper-320x400 .check-style1 input[type=checkbox] + label em:before {
  top: -6px;
  left: -1px;
  width: 1px;
  height: 6px;
  border-radius: 3px 3px 0 0;
}

.loca-wrapper-320x400 .check-style1 input[type=checkbox] + label em:after {
  bottom: 0;
  left: 0;
  width: 10px;
  height: 1px;
  border-radius: 0 3px 3px 0;
}

.loca-wrapper-320x400 .check-style1 input[type=checkbox]:checked + label em:before,
.loca-wrapper-320x400 .check-style1 input[type=checkbox]:checked + label em:after {
  background-color: #0B48BE;
}

/*

& + .btn-fold:before, 
& + .btn-fold:after 
*/
.plandiscount-info {
  margin: 16px 0 32px;
}

.plandiscount-info img {
  width: 64px;
  height: 41px;
}

.plandiscount-info .tit {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
  word-break: keep-all;
}

.plandiscount-info td {
  color: #666;
}

.plan-info-box {
  padding-bottom: 48px;
}

.plan-info-box .border-full {
  margin-top: 48px;
}

.plan-info-box .message-text {
  margin-top: 24px;
}

.plan-info-box .list-dot {
  margin-top: 8px;
}

.sub-title.title-depth3 + .form-wrap-content.margin {
  margin-top: 48px;
}

.list-wrap.plan-wrap.type02 .link-item-list.flex-list li .custom-radio {
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
}

.list-wrap.plan-wrap.type02 .link-item-list.flex-list li .custom-radio label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.list-plan-wrap .input-list-check .d-flex .custom-radio {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.list-plan-wrap .input-list-check .d-flex .list-content .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.list-plan-wrap .input-list-check .d-flex .list-content .tit .ellipsis {
  width: calc(100% - 100px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-plan-wrap .input-list-check .d-flex .list-content .tit .value {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.list-plan-wrap .input-list-check .d-flex .devide-sm-right::before {
  height: 8px;
  top: calc(50% - 4px);
  background-color: #ebebeb;
}

.plan-radio-wrap .custom-radio.radio-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.plan-radio-wrap .custom-radio.radio-btn input[type=radio]:checked + label {
  font-weight: 700;
}

.plan-radio-wrap .custom-radio.radio-btn + .custom-radio.radio-btn {
  margin-top: 8px;
}

.form-wrap-content .plan-info-box {
  padding: 20px;
  border-radius: 10px;
  background-color: #fafafa;
  text-align: center;
}

.form-wrap-content .plan-info-box p {
  margin-bottom: 6px;
}

.form-wrap-content .plan-info-box em {
  color: #0B48BE;
  font-weight: 700;
  font-style: normal;
}

.sub-footer .custom-checkbox.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 24px;
  background: #fff;
}

.sub-footer .custom-checkbox.footer label {
  margin: 0 0 0 8px;
}

.sub-footer .bubble-textbox-wrap.bubble-bottom.sm.bs-bubble .bubble-textbox {
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  padding: 5px 16px;
  white-space: nowrap;
}

.box-container.touch {
  margin-top: 32px;
}

.box-container.touch ~ .box-container {
  margin-top: 24px;
}

.box-container.touch ~ .box-container .card-box-title + .card-box-text {
  margin: 8px 0;
}

.box-container.touch ~ .box-container .card-box-title + .card-box-text ~ .card-box-text {
  margin: 16px 0 8px;
}

.box-container.touch ~ .box-container .list-dot > li {
  margin-top: 8px;
}

.box-container.touch ~ .box-container .text-dot {
  margin-top: 8px;
  font-size: 14px;
  color: #222;
}

.box-container.touch ~ .box-container .text-dot::before {
  top: 10px;
}

.box-container.touch ~ .box-container .text-hyphen {
  margin: 8px 0 0 8px;
}

.box-container.touch .text-dot {
  margin-top: 8px;
  font-size: 14px;
  color: #222;
}

.box-container.touch .text-dot::before {
  top: 10px;
}

.box-container.touch .text-hyphen {
  margin: 8px 0 0 8px;
}

.box-gray.coupon {
  margin-top: 16px !important;
  border-radius: 10px;
  padding: 20px;
}

.box-gray.coupon .list-data-default.border-none li {
  padding-bottom: 0;
}

.box-gray.coupon .list-data-default.border-none li + li {
  margin-top: 12px;
}

.special-benefit-info .sub-title + .sub-title {
  margin-top: 24px;
}

.special-benefit-info .box-gray {
  padding: 20px;
  border-radius: 10px;
}

.special-benefit-info .box-gray dl dt {
  font-weight: 500;
}

.special-benefit-info .box-gray dl dd {
  margin-top: 8px;
  color: #666;
}

.special-benefit-info .box-gray dl dd p {
  margin-top: 4px;
}

.special-benefit-info .box-gray + .box-gray {
  margin-top: 8px;
}

.special-benefit-info .list-dot {
  margin-top: 16px;
}

.special-benefit-info .list-dot li {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  line-height: 16px;
}

.special-benefit-info .list-dot li .tooltip-box .list-dot li {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.special-benefit-info + .border-full + .sub-title {
  margin-top: 48px;
}

.sub-title.title-depth3.margin-form + .form-wrap-content {
  margin-top: 48px;
}

.list-data-default.type02.padding .list-items.list-link ~ .list-items.list-link {
  padding-top: 0;
}

.list-data-default.type02.single {
  margin-top: 25px;
  border-top: 1px solid #ebebeb;
}

.list-data-default.type02.single .list-items.list-link ~ .list-items.list-link {
  padding-top: 0;
}

.box-gray.box-full.sub-text-between + .list-wrap.total {
  margin-top: 34px;
}

.box-gray.box-full.sub-text-between + .list-wrap.total.type02 {
  margin-top: 20px;
}

.list-wrap.total.type02 {
  padding-top: 0;
}

.list-wrap.total.type02 .total-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 0;
}

.list-wrap.total.type02 .total-box span span.text-blue {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
}

.list-wrap.total.type02 .total-box span:last-child {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.selectbox.month .tit {
  padding-right: 30px;
}

.selectbox.month .tit:after {
  margin-top: -11px;
}

.accordion-wrap.type-price.point + .save-tit {
  margin-top: 48px;
}

.accordion-wrap.type-price.point + .save-tit ~ .list-wrap {
  margin-top: 0;
}

.accordion-wrap.type-price.point .fold-body .tooltip-wrap.tooltip-wrap-term .tooltip-open {
  margin-top: -2px;
}

.save-tit {
  margin: 32px 0 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.benefit-sms-btn a {
  position: relative;
  display: block;
  padding: 20px;
  color: #222;
  border: 1px solid #bbb;
  border-radius: 10px;
}

.benefit-sms-btn a .flag {
  position: absolute;
  top: -10px;
  left: 20px;
}

.benefit-sms-btn a .info-txt {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
}

.benefit-sms-btn a div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.benefit-sms-btn a div .service {
  font-weight: 500;
}

.benefit-sms-btn a div .pay {
  font-weight: 500;
}

.benefit-sms-btn a div .pay .month {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.benefit-sms-btn a + a {
  margin-top: 8px;
}

.benefit-sms-btn a.inuse {
  border: none;
  background-color: #f8f8f8;
}

.benefit-sms-btn a.inuse .flag {
  left: initial;
  top: 19px;
  right: 16px;
  font-weight: 400;
}

.benefit-sms-btn a.inuse .info-txt {
  padding-right: 50px;
}

.benefit-sms-btn a.inuse div {
  display: initial;
}

.benefit-sms-btn a.inuse div .pay {
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.list-wrap.plan-wrap.border .link-item-list li:last-child {
  border-bottom: 1px solid #ebebeb;
}

.link-button-wrap.link-button-wrap-lg.benefit-style {
  padding: 16px 0;
  position: relative;
}

.link-button-wrap.link-button-wrap-lg.benefit-style + .link-button-wrap.link-button-wrap-lg.benefit-style:before {
  content: '';
  position: absolute;
  left: -24px;
  top: 0;
  width: calc(100% + 48px);
  height: 1px;
  background-color: #ebebeb;
}

.recommend-info {
  margin: 20px 0 32px;
  border: 1px solid #ebebeb;
  border-radius: 10px;
}

.recommend-info .top-info {
  position: relative;
  padding: 24px 20px;
}

.recommend-info .top-info .date-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.recommend-info .top-info .date-btn .date {
  color: #666;
}

.recommend-info .top-info .text {
  margin-top: 4px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.recommend-info .info {
  padding: 0 20px;
}

.recommend-info .info .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.recommend-info .info .item i {
  padding: 4px 6px 2px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-style: normal;
  border-radius: 4px;
  background-color: #9C8A80;
  line-height: 18px;
  white-space: nowrap;
}

.recommend-info .info .item div {
  width: calc(100% - 55px);
  text-align: right;
}

.recommend-info .info .item div span {
  position: relative;
  color: #222;
}

.recommend-info .info .item div span + span {
  margin-left: 8px;
  padding-left: 9px;
}

.recommend-info .info .item div span + span:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 1px;
  height: 16px;
  background: #ebebeb;
}

.recommend-info .info .item + .item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ebebeb;
}

.recommend-info .footer {
  margin-top: 24px;
  padding: 20px;
  background: #f8f8f8;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.list-asterisk.small li:before {
  top: 0;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.popup-header .popup-title + .popup-text {
  margin-top: 8px;
  color: #666;
}

.agreebox-text {
  padding: 0 20px 20px 20px;
}

.form-content.input-point .input-unit.w100p {
  width: 100%;
}

.list-wrap.benefit {
  margin-top: 0;
}

.list-wrap.benefit .link-item-list > li {
  padding: 22px 0;
}

.list-wrap.benefit .item-list .item-content-side .item-price.item-price-sm {
  margin-top: 4px;
}

.no-result-pop {
  text-align: center;
  padding: 56px 0;
}

.no-result-pop + .btn.mt64 {
  margin-top: 16px !important;
}

.agreeChk-list-wrap .agreeChk-list-conts.single {
  padding: 4px 20px;
}

.sub-title.title-depth3.benefit-page {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
}

.sub-title.title-depth3.benefit-page .sub-inner-stitle {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.sub-title.title-depth3.benefit-page + .touch-swiper-wrap {
  margin-top: 8px;
}

.accordion-wrap.usage-detail.benefit {
  background: transparent;
}

.box-gray.box-full.type02 + .list-data-default.type02 li + li {
  padding-top: 0;
}

.mb6 {
  margin-bottom: 6px;
}

.box-container .app-list li span {
  padding-top: 8px;
  line-height: 18px;
}

.accordion-wrap.event .accordion .item .fold-head .btn-wrap.h8 .text:before {
  top: calc(50% - 3px);
  right: -14px;
  height: 8px;
}

.accordion-wrap.event .accordion .item .fold-head .btn-wrap.h8 .text:after {
  top: calc(50% - 3px);
  right: -19px;
  height: 8px;
}

.copy-text-wrap.none {
  padding: calc(27%) 0;
}

.lh-18 {
  line-height: 18px !important;
}

.lh-22 {
  line-height: 22px !important;
}

.box-container .benefit-wrap .benefit-list .benefit-list-btn.btn-32 {
  padding: 6px 16px;
}

dl.data-list.mg-4 dt,
dl.data-list.mg-4 dd {
  margin: 4px 0;
}

.mt96 {
  margin-top: 96px !important;
}

.box-event-info .badge {
  padding: 3px 6px;
  border-radius: 4px;
  background-color: #f3f3f3;
  color: #222;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -.5px;
  font-style: normal;
}

.tab-list-wrap.tab-full.tab-fixed + .tab-content-wrap {
  padding-top: 26px;
  margin-top: 56px;
}

.tab-list-wrap.tab-full.tab-fixed.border-bottom-eb {
  border-bottom: 1px solid #ebebeb;
}

.tab-list-wrap.tab-full.tab-fixed.border-bottom-eb .tab-list::before {
  display: none;
}

.tab-list-wrap.tab-full.tab-fixed.border-bottom-eb .overflow-x {
  border: none;
  margin-bottom: -1px;
}

.pd-a-20 {
  padding: 20px !important;
}

.benefit-chkbox .custom-checkbox.checkbox-sm input[type=checkbox]:checked + label {
  font-weight: 500;
}

.anchor-wrap .tooltip-wrap.tooltip-wrap-term .text-wrap .d-flex > .title + .tooltip-open {
  margin-top: -1px;
}

.anchor-wrap .amount-wrap.amount-tooltip-button.re-starbucks > .bubble-textbox-wrap {
  top: -2px;
}

.tab-list-wrap.tab-full .overflow-x.border-top-none {
  border: none;
  border-bottom: 1px solid #ebebeb;
}

.border-top-none {
  border-top: none !important;
}

.bubble-wrap .bubble.top span {
  margin-top: 2px;
}

.form-wrap-content + .custom-checkbox.checkbox-lg.type02 {
  margin-top: 18px;
}

.custom-checkbox.checkbox-lg.type02 label {
  margin: 0 0 0 8px;
}

.has-footer-type2 footer.has-checkbox {
  background-color: #fff;
}

.form-wrap-content.horizontal + .data-list + hr.mt32.mb32 {
  border-top: 0px solid #ebebeb;
}

/* 250602 소멸 예정 포인트 조회 */
.list-wrap.extinct-point .item-list .item-content {
  vertical-align: middle;
}

.list-wrap.extinct-point .item-list .item-content .flag {
  padding: 3px 6px;
}

.list-wrap.extinct-point .item-list .item-content .date {
  padding-left: 4px;
  letter-spacing: -0.08px;
}

.list-wrap.extinct-point .item-list .item-content-side span {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.09px;
}

/* CSRUIUX-445 [디/퍼] 엘포인트 포인트 조회 화면 요건 수정 및 추가 */
.list-wrap.new-lpoint .link-item-list > li .item-list {
  position: relative;
}

.list-wrap.new-lpoint .link-item-list > li .item-list .item-content-side {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}

.list-wrap.new-lpoint .link-item-list > li .item-list .item-content-side .item-price.text-blue {
  color: #1761ef !important;
}

.list-wrap.new-lpoint .link-item-list > li .item-list .item-content-side .item-price + .item-price {
  margin-top: 4px;
}

.list-wrap.new-lpoint .link-item-list > li .item-list .item-content-side .point-area {
  margin-top: 4px;
}

.list-wrap.new-lpoint .link-item-list > li .item-list .item-content-side .point-area .point-area-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-wrap.new-lpoint .link-item-list > li .item-list .item-content-side .point-area .point-area-ul > li {
  display: inherit;
  position: relative;
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
  text-align: right;
}

.list-wrap.new-lpoint .link-item-list > li .item-list .item-content-side .point-area .point-area-ul > li .text {
  color: #666;
}

.list-wrap.new-lpoint .link-item-list > li .item-list .item-content-side .point-area .point-area-ul > li .text + .point {
  margin-left: 4px;
}

.list-wrap.new-lpoint .link-item-list > li .item-list .item-content-side .point-area .point-area-ul > li .point {
  color: #1761ef;
}

.list-wrap.new-lpoint .link-item-list > li .item-list .item-content-side .point-area .point-area-ul > li + li {
  padding-left: 8px;
  margin-left: 8px;
}

.list-wrap.new-lpoint .link-item-list > li .item-list .item-content-side .point-area .point-area-ul > li + li ::before {
  content: '';
  display: block;
  position: absolute;
  left: 1px;
  top: 5px;
  width: 1px;
  height: 9px;
  background-color: #ebebeb;
}

/* CSRUIUX-1205 04_RP/RP.17.1.acc.html MO웹접근성 2025.09 */
.anchor-list-wrap-acc {
  position: fixed;
  background: #ffffff;
  height: 53px;
  overflow: hidden;
  z-index: 40;
  left: 0;
  right: 0;
}

.anchor-list-wrap-acc .anchor-list-wrap.type02 {
  height: 53px;
  position: fixed;
}

.anchor-list-wrap-acc .anchor-list-wrap.type02 .anchor-list {
  overflow: hidden;
  -webkit-column-gap: 24px;
          column-gap: 24px;
}

.top-tab .anchor-list-wrap-acc .anchor-list-wrap.type02.overflow-x .anchor-list .anchor-trriger {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 13px 2px;
  margin: 0px 0px;
}

.anchor-list-wrap-acc .anchor-list-wrap.type02 .anchor-list .anchor-trriger.is-active {
  border-bottom: 2px solid #222;
}

.anchor-list-wrap-acc .anchor-list-wrap.type02 .anchor-list .anchor-trriger:last-of-type:after {
  width: 0;
}

.anchor-list-wrap-acc .anchor-list-wrap.type02 .anchor-list:after {
  content: "";
  position: static;
  display: inline-block;
  width: 30px;
  height: 19px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.anchor-list-wrap-acc .btn-tog {
  width: 61px;
  height: 52px;
  border: none;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(30%, #ffffff));
  background: linear-gradient(90deg, transparent 0%, #ffffff 30%);
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 50;
}

.anchor-list-wrap-acc .btn-tog::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  left: 25px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  background-color: transparent;
}

.anchor-list-wrap-acc + .anchor-wrap .anchor-target:first-child {
  padding-top: 32px;
}

.anchor-list-wrap-acc + .anchor-wrap .anchor-target:first-child .sub-title {
  padding-top: 0px;
}

.anchor-list-wrap-acc + .anchor-wrap .anchor-target .sub-title {
  padding-top: 32px;
}

.anchor-list-wrap-acc + .anchor-wrap .anchor-target .sub-title + .subscribe-list {
  margin-bottom: 0;
}

.anchor-list-wrap-acc.open .anchor-list-wrap.type02 {
  height: auto;
  padding-right: 50px;
}

.anchor-list-wrap-acc + .anchor-wrap {
  padding-top: calc(0px + 53px);
}

.anchor-list-wrap-acc.open .btn-tog::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-top: -1px;
}

.anchor-list-wrap-acc.open .anchor-list-wrap.type02 .anchor-list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
}

.anchor-list-wrap-acc.open + .anchor-wrap {
  padding-top: calc(50px + 53px);
}

.anchor-list-wrap-acc.open .anchor-list-wrap.type02 .anchor-list:after {
  position: fixed;
}

/* CSRUIUX-1205 BS.9.acc.html 이벤트 전체 리스트*/
.event-tab-acc.tab-full {
  width: 100%;
}

.event-tab-acc .btn-tog {
  width: 58px;
  height: 57px;
  border: none;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(30%, #ffffff));
  background: linear-gradient(90deg, transparent 0%, #ffffff 30%);
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 50;
}

.event-tab-acc .btn-tog::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  left: 25px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  background-color: transparent;
}

.event-tab-acc .tab-list:after {
  content: "";
  position: static;
  display: inline-block;
  width: 60px;
  height: 19px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.event-tab-acc.tab-full .tab-list {
  width: 100%;
}

.event-tab-acc .tab-list .tab-button {
  border-bottom: 2px solid transparent;
}

.event-tab-acc .tab-list .tab-button:last-child {
  margin-right: 30px;
}

.event-tab-acc.open .btn-tog::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-top: -1px;
}

.event-tab-acc.open .tab-list {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  padding-right: 40px !important;
}

.event-tab-acc.open .tab-list::after {
  position: fixed;
}

.event-tab-acc.open.tab-full.tab-fixed + .tab-content-wrap {
  padding-top: 26px;
  margin-top: 56px;
}

/* CSRUIUX-1070 포인트 전환/캐시백 화면 개발의 건 (디자인/퍼블) */
.icon-PT099:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-travel-point.webp) no-repeat 0 0;
  background-size: 100% auto;
}

.icon-PT098:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-logo-koreanair2.webp) no-repeat 0 0;
  background-size: 100% auto;
}

.pg-bsnew .px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.pg-bsnew .px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.pg-bsnew .min-auto {
  min-width: inherit;
}

.pg-bsnew .h-28 {
  height: 28px;
}

.pg-bsnew.popup-alert {
  min-width: 312px;
}

.pg-bsnew.popup-alert .btn-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.pg-bsnew.popup-alert .btn-grid .btn {
  width: 100%;
}

.pg-bsnew.popup-alert .btn.btn-alert.btn-border {
  border-color: #d5cfc9;
}

.pg-bsnew hr.border-full {
  background: #f6f5f3;
}

.pg-bsnew .box-trpoint {
  background: #ffffff;
  margin: 0px -24px 0;
  padding: 16px 24px 32px 24px;
}

.pg-bsnew .point-wrap.full.wrapping.bs-new {
  padding: 32px 16px;
  margin: 0px -24px;
}

.pg-bsnew .point-box .point-item i {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.pg-bsnew .point-box .point-item .link-icon {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.pg-bsnew .bubble {
  background: #222222;
  border-radius: 0;
}

.pg-bsnew .bubble.top:before {
  border-bottom: 5px solid #222222;
}

.pg-bsnew .point-panel .text-point span {
  font-size: 32px;
}

.pg-bsnew .fold-head.border-bottom {
  border-bottom: #ebe7e4 solid 1px !important;
}

.sub-wrapper.has-footer-type2 .sub-container.pg-bsnew {
  padding-bottom: calc(185px + var(--safe-bottom));
}

.pg-bsnew dl.data-list-result {
  border-bottom-color: #d5cfc9;
}

.pg-bsnew dl.data-list-result.border-top {
  border-top-color: #d5cfc9;
}

.pg-bsnew .btn.btn-xs.btn-round {
  border-color: #d5cfc9;
}

.pg-bsnew .bg-f2f0ed {
  background-color: #f2f0ed !important;
}

.pg-bsnew .list-wrap .link-item-list > li:last-child {
  border-color: #ebe7e4;
}

.pg-bsnew .list-wrap .no-result .icon-nodata {
  width: 48px;
  height: 48px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-nodata.webp) no-repeat;
  background-size: 100% auto;
  display: inline-block;
}

.pg-bsnew .list-wrap .no-result.v-full {
  padding: calc(43vh - 100px) 0;
}

/* CSRUIUX-1327 플랜할인 카드 추가에 따른 디자인/퍼블 진행 */
.new2025plan.list-plan-wrap .input-list-check .d-flex .list-content .tit .name {
  width: 132px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.new2025plan.list-plan-wrap .input-list-check .d-flex .list-content .tit .value {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: -0.09px;
}

.new2025plan.list-plan-wrap .input-list-check .d-flex .list-content .tit + .d-flex {
  margin-top: 4px;
}

.new2025plan.list-plan-wrap .input-list-check .d-flex .list-content span {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.07px;
  color: #666;
}

.new2025plan.list-plan-wrap .custom-radio.radio-md input[type=radio] + label::before {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #222;
}

.new2025plan.list-plan-wrap .custom-radio.radio-md input[type=radio] + label em {
  position: absolute;
  top: 3px;
  left: 3px;
}

.new2025plan.list-plan-wrap .custom-radio.radio-md.n_st_radio input[type=radio]:checked + label em {
  top: 5px;
  left: 5px;
}

.new2025plan.list-plan-wrap .custom-radio.radio-md.n_st_radio input[type=radio]:checked + label::before {
  border-color: #222;
  background-color: #fff;
}

.new2025plan.list-plan-wrap .custom-radio.radio-md.n_st_radio input[type=radio]:checked + label em::before {
  width: 10px;
  height: 10px;
  background-color: #222;
}

.new2025plan .popup-header .popup-subtitle > span {
  font-weight: bold;
  color: #007881;
}

.new2025plan .popup-content {
  min-height: auto !important;
}

.new2025plan .popup-content .sub-title.title-depth4 {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.new2025plan .popup-content .desc-box {
  padding: 20px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #222;
  background-color: #f6f5f3;
  text-align: center;
}

.new2025plan .popup-content .desc-box > span {
  font-weight: bold;
}

.new2025plan .popup-content .custom-radio input[type=radio] + label {
  font-size: 16px;
  line-height: 2px;
  letter-spacing: -0.08px;
  font-weight: 500;
}

.new2025plan .popup-content .custom-radio.radio-btn input[type=radio]:checked + label::before {
  border: 1px solid #222;
}

.new2025plan .popup-content .remain-table {
  padding: 16px;
  background-color: #f6f5f3;
}

.new2025plan .popup-content .remain-table .data-list-result {
  border-bottom: 0;
}

.new2025plan .popup-content .remain-table .data-list-result dt {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #666;
}

.new2025plan .popup-content .remain-table .data-list-result dd {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #222;
}

.new2025plan .popup-content .remain-table .data-list-result dt, .new2025plan .popup-content .remain-table .data-list-result dd {
  margin: 4px 0;
}

.new2025plan .info-message-box + .list-data-default {
  margin-top: 80px;
}

.new2025plan .list-data-default {
  padding: 16px 0;
}

.new2025plan .list-data-default .list-items .left-area {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #666;
}

.new2025plan .list-data-default .list-items .right-area {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #222;
}

.new2025plan.popup-content {
  min-height: auto !important;
}

.new2025plan.popup-content .box-gray-new {
  padding: 20px;
  background-color: #f6f5f3;
}

.new2025plan .card-select-list > li input {
  display: none;
}

.new2025plan .card-select-list > li input:checked + .card-item {
  border-color: #222;
}

.new2025plan .card-select-list > li input:checked + .card-item::after {
  opacity: 1;
}

.new2025plan .card-select-list > li .card-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
  cursor: pointer;
}

.new2025plan .card-select-list > li .card-item::before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
}

.new2025plan .card-select-list > li .card-item::after {
  content: '';
  position: absolute;
  right: 6px;
  top: 50%;
  width: 11px;
  height: 17px;
  border-right: 2px solid #222;
  border-bottom: 2px solid #222;
  -webkit-transform: translateY(-55%) rotate(45deg);
          transform: translateY(-55%) rotate(45deg);
  opacity: 0;
}

.new2025plan .card-select-list > li .card-img {
  text-align: center;
  width: 40px;
  height: 40px;
}

.new2025plan .card-select-list > li .card-img > img {
  width: 100%;
  height: auto;
}

.new2025plan .card-select-list > li .card-img > img.card-h {
  width: auto;
  height: 100%;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.new2025plan .card-select-list > li .card-img + .card-text {
  margin-left: 16px;
}

.new2025plan .card-select-list > li .card-text {
  text-align: left;
}

.new2025plan .card-select-list > li .card-text .card-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.new2025plan .card-select-list > li .card-text .card-title + .card-desc {
  margin-top: 4px;
}

.new2025plan .card-select-list > li .card-text .card-desc {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #666;
}

/* CSRUIUX-732 [이벤트/마팝/배너]2405_LGU+ 통신 가입 이벤트 페이지 제작 요청 */
.lguPlusEvent .btn-wrap + .agreeChk-accodion-container,
.lguPlusEvent .agreeChk-accodion-container + .agreeChk-accodion-container,
.lguPlusEvent .agreeChk-cont-btn + .agreeChk-accodion-box {
  margin-top: 0;
}

.lguPlusEvent .custom-checkbox.checkbox-border input[type=checkbox]:checked + label::before {
  background-color: #206cfe;
}

.lguPlusEvent .custom-checkbox.checkbox-md input[type=checkbox]:checked + label::before,
.lguPlusEvent .custom-checkbox.checkbox-lg input[type=checkbox]:checked + label::before {
  background-color: #206cfe;
}

.lguPlusEvent .agreeChk-accodion-wrap + .agreeChk-accodion-wrap {
  margin-top: 16px;
}

.lguPlusEvent .agreeChk-accodion-wrap .agreeChk-cont-text {
  padding-left: 52px;
}

.lguPlusEvent .text-link.text-blue {
  color: #206cfe !important;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  line-height: 1;
  font-weight: 400;
}

.lguPlusEvent .text-link.text-blue::before {
  background-color: #206cfe;
}

.lguPlusEvent .form-wrap-content .form-content .form-control-clear .text-link.text-blue {
  position: absolute;
  top: 20px;
  right: 20px;
}

.lguPlusEvent .form-wrap-content input.custom-input:-moz-read-only {
  color: #222;
  background-color: #fff;
  border-color: #ebebeb;
}

.lguPlusEvent .form-wrap-content input.custom-input:read-only {
  color: #222;
  background-color: #fff;
  border-color: #ebebeb;
}

.icon-plug {
  line-height: 1;
}

.icon-plug:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-plug.png);
  background-size: 100% auto;
}

.icon-call {
  line-height: 1;
}

.icon-call:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-call.png);
  background-size: 100% auto;
}

.icon-pen {
  line-height: 1;
}

.icon-pen:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-pen.png);
  background-size: 100% auto;
}

.icon-apt {
  line-height: 1;
}

.icon-apt:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-apt.png);
  background-size: 100% auto;
}

.icon-wetax {
  line-height: 1;
}

.icon-wetax:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 31px;
  background-image: url(/webapp/v2/common/assets/images/life/icons/logo-wetax.svg);
  background-size: 100% auto;
}

.icon-giro {
  line-height: 1;
}

.icon-giro:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 31px;
  background-image: url(/webapp/v2/common/assets/images/life/icons/logo-giro.svg);
  background-size: 100% auto;
}

.icon-seoul {
  line-height: 1;
}

.icon-seoul:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 31px;
  background-image: url(/webapp/v2/common/assets/images/life/icons/logo-seoul.svg);
  background-size: 100% auto;
}

.icon-incheon {
  line-height: 1;
}

.icon-incheon:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 31px;
  background-image: url(/webapp/v2/common/assets/images/life/icons/logo-incheon.svg);
  background-size: 100% auto;
}

.icon-busan {
  line-height: 1;
}

.icon-busan:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 31px;
  background-image: url(/webapp/v2/common/assets/images/life/icons/logo-busan.svg);
  background-size: 100% auto;
}

.icon-daegu {
  line-height: 1;
}

.icon-daegu:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 31px;
  background-image: url(/webapp/v2/common/assets/images/life/icons/logo-daegu.svg);
  background-size: 100% auto;
}

.apply-icon-list {
  overflow: hidden;
  margin-top: 40px;
  margin-bottom: 12px;
}

.apply-icon-list li {
  width: calc(100% /4);
  float: left;
  text-align: center;
  margin-bottom: 24px;
}

.apply-icon-list li span {
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

.apply-icon-list li span:before {
  display: block !important;
}

.apply-icon-list li .icon-home {
  line-height: 1;
  margin: 0 auto 12px;
}

.apply-icon-list li .icon-home:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(/webapp/v2/common/assets/images/life/icons/icon-home.png);
  background-size: 100% auto;
}

.apply-icon-list li .icon-general {
  line-height: 1;
  margin: 0 auto 12px;
}

.apply-icon-list li .icon-general:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(/webapp/v2/common/assets/images/life/icons/icon-general.png);
  background-size: 100% auto;
}

.apply-icon-list li .icon-edu {
  line-height: 1;
  margin: 0 auto 12px;
}

.apply-icon-list li .icon-edu:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(/webapp/v2/common/assets/images/life/icons/icon-edu.png);
  background-size: 100% auto;
}

.apply-icon-list li .icon-industry {
  line-height: 1;
  margin: 0 auto 12px;
}

.apply-icon-list li .icon-industry:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(/webapp/v2/common/assets/images/life/icons/icon-industry.png);
  background-size: 100% auto;
}

.apply-icon-list li .icon-farm {
  line-height: 1;
  margin: 0 auto 12px;
}

.apply-icon-list li .icon-farm:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(/webapp/v2/common/assets/images/life/icons/icon-farm.png);
  background-size: 100% auto;
}

.apply-icon-list li .icon-lamp {
  line-height: 1;
  margin: 0 auto 12px;
}

.apply-icon-list li .icon-lamp:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(/webapp/v2/common/assets/images/life/icons/icon-lamp.png);
  background-size: 100% auto;
}

.apply-icon-list li .icon-night {
  line-height: 1;
  margin: 0 auto 12px;
}

.apply-icon-list li .icon-night:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(/webapp/v2/common/assets/images/life/icons/icon-night.png);
  background-size: 100% auto;
}

.box-gray + .form-wrap-content {
  margin-top: 8px;
}

.bg-gray {
  background-color: #f9f9f9;
}

.bg-gray .tab-full {
  margin: 0 -24px;
}

.promotion-visual {
  position: relative;
  margin: 0 -24px;
  padding-top: 150px;
}

.promotion-visual .promotion-banner {
  position: relative;
  height: 200px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f9f9f9), to(white));
  background-image: linear-gradient(to top, #f9f9f9 0, white 100%);
  height: 250px;
}

.promotion-visual .promotion-banner img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: inherit;
  width: auto;
  height: 100%;
}

.promotion-visual .promotion-banner.type2 img {
  margin-bottom: 75px;
}

.promotion-visual .promotion-name {
  padding: 16px 0 0 24px;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 700;
  position: absolute;
  top: 16px;
  left: 24px;
  padding: 0;
}

.promotion-visual .promotion-name em {
  display: block;
  font-weight: 500;
  color: #0B48BE;
  font-style: normal;
}

.promotion-visual + .banner-slide {
  margin-top: 32px;
}

.promotion-visual.pt0 .promotion-banner {
  height: 200px;
}

.promotion-visual.pt0.type2 .promotion-banner {
  height: 250px;
}

.swiper-container.banner-slide.type03 {
  padding-bottom: 22px;
}

.swiper-container.banner-slide.type03 .type-img3 {
  display: block;
  text-align: center;
}

.swiper-container.banner-slide.type03 .type-img3 img {
  width: 100%;
  border-radius: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-container.banner-slide.type03 .swiper-pagination {
  bottom: -5px;
}

.bubble {
  padding: 16px;
  height: 28px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #3674bc;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 400;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  white-space: nowrap;
}

.bubble:before {
  position: absolute;
  left: 26px;
  bottom: -5px;
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid #3674bc;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.bubble.top {
  top: -16px;
  left: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  padding: 5px 32px 5px 16px;
}

.bubble.top:before {
  top: -10px;
  left: 24px;
  border: none;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #3674bc;
  border-left: 5px solid transparent;
}

.bubble-wrap {
  position: relative;
}

.bubble-wrap .bubble-close {
  position: absolute;
  top: 2px;
  right: 4px;
  width: 24px;
  height: 24px;
  font-size: 0;
  border: 0;
  background: none;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-close-white.svg) center center no-repeat;
  background-size: 20px auto;
}

.bubble-wrap.top-8 .bubble.top {
  top: -8px;
}

.promotion-wrap {
  margin-top: 32px;
}

.promotion-wrap .card-box-text + .btn-right-wrap {
  margin-top: 10px;
  padding-bottom: 0;
}

.promotion-wrap .card-box-text {
  color: #222;
}

.promotion-wrap .card-box-text + .list-hyphen,
.promotion-wrap .card-box-text + .list-asterisk {
  margin-top: 8px;
  color: #666;
  font-weight: 400;
}

.promotion-wrap .card-box-text .sub-text {
  display: block;
  color: #666;
  font-weight: 400;
}

.promotion-wrap .card-box-img img {
  display: block;
  width: 100%;
}

.promotion-wrap .card-box-img.full {
  margin: 0 -24px;
}

.promotion-wrap .list-hyphen + .card-box-text {
  margin-top: 8px;
}

.promotion-wrap .card-box-text + .custom-table {
  margin-top: 24px;
}

.promotion-wrap .box-container + .btn {
  margin-top: 32px;
}

.promotion-wrap .custom-table + .list-dot {
  margin-top: 16px;
}

.promotion-wrap .card-box-title + .order-list {
  margin-top: 8px;
}

.promotion-wrap .order-list + .card-box-text {
  margin-top: 16px;
}

.promotion-wrap .card-box-text + .list-dot {
  margin-top: 8px;
}

.promotion-wrap .card-box-text + .text-dot-hyphen {
  margin-top: 8px;
}

.promotion-wrap .list-hyphen + .custom-table {
  margin-top: 25px;
}

.promotion-wrap .card-box-text + .card-box-img {
  margin-top: 8px;
}

.accordion-wrap + .border-full {
  margin-top: 0;
}

.border-full + .other-service {
  margin-top: 24px;
}

.sub-footer .bubble {
  position: absolute;
  left: 50%;
  bottom: 94px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 10;
}

/*  2021-06-18 [/spa/pub-guide/09_pattern/assets/scss/other-service.scss] 내용 이동됨
.other-service {
    &-message {
        // 폰트사이즈 변경 07-23
        @include fontSize('small');
        color: $font-black;
        font-weight: 700;
        text-align:left;
    }

    &-list {
        display: flex;
        margin-top: 17px;

        .btn{
            height: 34px;
            border-color: #bbb;
            padding: 0 10px;
            border-radius: 16px;
            // 폰트사이즈 변경 07-23
            @include fontSize('xs');
            font-weight: 700;
            &+* {
                margin-left: 8px;
            }
            i{
                margin-right: 4px;
            }
        }
    }
}
.sub-footer,
.popup-footer {
    .other-service {
        position:relative;
        margin-top:35px;
        margin-bottom: 50px;
        &::before {
            position:absolute;
            top:-35px;
            left:-24px;
            display:block;
            content:'';
            width:100vw;
            height:8px;
            background:$bg-gray;
        }
    }
}
*/
.timeline-box {
  width: 100vw;
  margin: 0 -24px;
  padding: 20px 24px 40px;
  background-color: #fafafa;
}

.timeline-box .timeline-list li {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr max-content;
      grid-template-columns: 1fr -webkit-max-content;
      grid-template-columns: 1fr max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  padding: 10px 0;
}

.timeline-box .timeline-list li:before {
  position: absolute;
  left: 0;
  top: 18px;
  content: '';
  display: inline-block;
  width: 1px;
  height: 100%;
  border-left: 1px dashed #817169;
}

.timeline-box .timeline-list li:after {
  position: absolute;
  left: -3px;
  top: 18px;
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: #fff;
  border: 1px solid #979797;
  border-radius: 25px;
}

.timeline-box .timeline-list li:first-child:after {
  background-color: #979797;
}

.timeline-box .timeline-list li:last-child:before {
  display: none;
}

.timeline-box .timeline-list-name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 16px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.timeline-box .timeline-list-name .sub-text {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  display: block;
  color: #666;
  font-weight: 400;
  line-height: 22px;
}

.timeline-box .timeline-list-price {
  position: relative;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.timeline-box .timeline-list-price > span {
  display: block;
  font-weight: 500;
  color: #222;
}

.timeline-box + .btn-right-wrap {
  margin-top: 16px;
}

.apt-list .border-box {
  position: relative;
  padding: 20px;
}

.apt-list .border-box.disabled .address-box *,
.apt-list .border-box.disabled .data-list * {
  opacity: 0.3;
}

.apt-list .address-box {
  padding: 0;
}

.apt-list .address-box .addr-label {
  margin-bottom: 20px;
}

.apt-list .address-box .addr-title {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  margin-bottom: 0;
  font-weight: 700;
}

.apt-list .address-box .addr-subtitle {
  margin-top: 0;
  color: #666;
}

.apt-list .flag-wrap {
  position: absolute;
  right: 20px;
  top: 20px;
}

.apt-list .border-box .data-list {
  margin-top: 16px;
  padding-top: 20px;
  border-top: 1px solid #ebebeb;
}

.apt-list .btn-wrap {
  margin-top: 6px;
}

.apt-list .text-link {
  color: #999;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.apt-list .text-link:before {
  background-color: #999;
}

.link-button-wrap {
  padding: 16px 0;
  background-color: #fff;
}

.link-button-wrap .link-button-inner {
  padding: 0 20px;
}

.link-button-wrap .text-link {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
}

.link-button-wrap .text-link:after {
  width: 10px;
  height: 10px;
}

.link-button-wrap-lg {
  padding: 24px 0;
}

.inner-info {
  margin-top: 16px;
}

.inner-info dt {
  color: #000;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.inner-info dd {
  margin-top: 8px;
}

.inner-info dd + dt {
  margin-top: 24px;
}

.sub-title.title-depth3 .flag-use {
  top: -2px;
  margin-left: 8px;
}

.management-wrap .addr-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
}

.management-wrap .text-link {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
}

.management-wrap + .btn-wrap {
  margin-top: 37px;
}

.management-wrap .flag.flag-tip {
  color: #222 !important;
  font-weight: 500;
}

.management-wrap .devide-sm-right::before {
  top: calc(50% - 8px);
}

.management-wrap .box-gray-rd10 {
  padding-top: 16px;
  padding-bottom: 16px;
  padding: 16px;
  margin: 0;
  text-align: center;
}

.management-wrap .box-gray-rd10 + .accordion-wrap .accordion {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
  border-top: 1px solid #ebebeb;
}

.management-wrap .box-gray-rd10 + .accordion-wrap .accordion .fold-head {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-height: 48px;
}

.management-wrap .box-gray-rd10 + .accordion-wrap .accordion .fold-head div {
  font-weight: 500;
  margin-right: 38px;
}

.management-wrap .box-gray-rd10 + .accordion-wrap .accordion.is-active {
  border-top: none;
  margin-top: -16px;
}

.management-wrap .box-gray-rd10 + .accordion-wrap .accordion.is-active .fold-body {
  margin: 16px -24px 0px;
}

.management-wrap .box-gray-rd10 .bl-case-title {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
  margin-top: 8px;
}

.management-wrap .box-gray-rd10 .bl-case-desc {
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.management-wrap .box-gray-rd10 .bl-case-desc .text-link {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  line-height: 1;
}

.management-wrap .box-gray-rd10 .bl-case-desc .text-link::before {
  bottom: 1px;
}

.management-wrap .accordion-wrap {
  padding-top: 42px;
}

.management-wrap .accordion-wrap .accordion .fold-head div {
  position: absolute;
  width: 114px;
  height: 40px;
  top: -22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #fff;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  padding: 10px 44px 8px 20px;
  border-radius: 20px;
  white-space: nowrap;
}

.management-wrap .accordion-wrap .accordion .fold-head .btn-fold.btm-4 {
  margin-top: 0;
  top: -23px;
  left: calc(50% - 57px);
  padding-left: 114px;
}

.management-wrap .accordion-wrap .accordion .fold-head .btn-fold.btm-4::before, .management-wrap .accordion-wrap .accordion .fold-head .btn-fold.btm-4::after {
  left: calc(50% + 28px);
}

.management-wrap .accordion-wrap .accordion.is-active {
  border-top: none;
}

.management-wrap .accordion-wrap .accordion.is-active .fold-body {
  margin: 16px -24px 0px;
}

.management-wrap .accordion-wrap .accordion .timeline-box {
  padding: 20px 24px 40px;
}

.management-wrap .data-list.data-list-card + .accordion-wrap {
  padding-top: 16px;
}

.management-wrap .data-list.data-list-card + .accordion-wrap .accordion.is-active {
  margin-top: 0;
}

.management-wrap + .management-wrap .address-result-wrap {
  margin: 30px 0 32px;
}

.btn-right-wrap {
  text-align: right;
}

.popup-layer.popup-full > .popup-content.bg-color-gray {
  background: #fafafa;
}

.popup-layer.popup-full > .popup-content.bg-color-gray .subscribe-wrap {
  background-color: #fff;
  margin: 0 -24px;
  padding: 0 24px 48px 24px;
}

.popup-layer.popup-full > .popup-content.bg-color-gray .subscribe-wrap .subscribe-detail {
  background: #fff;
  margin: -16px 0 48px 0;
  padding: 16px 0 0 0;
}

.subscription-category.tab-list-wrap.tab-full {
  position: fixed;
  top: 56px;
  top: calc(56px + var(--safe-top));
  left: 0;
  width: 100vw;
  background: #fff;
  margin: 0;
  z-index: 15;
}

.subscription-category + .tab-content-wrap {
  margin-top: 56px;
}

.sub-title + .subscribe-list {
  margin: 12px 0 48px;
}

.subscribe-list li {
  margin-bottom: 12px;
}

.subscribe-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 20px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  height: 64px;
  position: relative;
}

.subscribe-list a .flag {
  position: absolute;
  top: calc(50% - 11px);
  right: 48px;
  left: unset;
}

.subscribe-list a.text-link.icon-link::after {
  right: 29px;
  width: 10px;
  height: 10px;
}

.subscribe-list a .subscribe-list-icon {
  /* 21-07-08 브랜드로고 디자인 가이드 수정 */
  width: 32px;
  height: 32px;
  margin: 0 16px 0 0;
  border-radius: 8px;
  overflow: hidden;
}

.subscribe-list a .subscribe-list-icon img {
  width: 100%;
}

.subscribe-list a strong {
  font-weight: 500;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.subscribe-detail {
  margin: 0 0 48px 0;
}

.subscribe-detail-company {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}

.subscribe-detail-company img {
  width: 48px;
  height: 48px;
  border-radius: 24px;
}

.subscribe-detail-company h3 {
  padding-left: 12px;
}

.subscribe-detail-company.d-flex-between div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.subscribe-detail-company.d-flex-between .tooltip-pop .tooltip-box {
  display: block !important;
}

.subscribe-detail-text {
  margin-bottom: 32px;
}

.subscribe-banner {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 28px 20px;
}

.subscribe-banner p {
  font-weight: bold;
}

.subscribe-banner + .subscribe-other-service {
  margin-top: 48px;
}

.subscribe-banner img {
  height: 36px;
}

.subscribe-other-service {
  margin-bottom: -24px;
}

.subscribe-other-service.box-gray.box-full {
  padding: 32px 24px 48px;
}

.subscribe-other-service h3 {
  padding-bottom: 16px;
}

.subscribe-other-service h3.sub-title.title-depth3.title-small {
  font-weight: 700;
}

.subscribe-other-service a {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  padding: 20px 12px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  background-color: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #222;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

.subscribe-other-service a .subscribe-list-icon {
  margin: 0 0 8px 0;
}

.subscribe-other-service a .subscribe-list-icon img {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  /*21-07-08 브랜드로고 디자인 가이드 수정 */
}

.subscribe-other-service a strong {
  font-weight: 500;
}

.data-list + .list-wrap {
  margin-top: 16px;
}

a.btn.btn-block {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.banner-slide.swiper-container {
  padding-bottom: 25px;
}

.banner-slide.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0;
}

.banner-slide.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 3px;
}

.banner-slide .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: #bbb;
  opacity: 1;
  -webkit-transition: width .3s ease;
  transition: width .3s ease;
}

.banner-slide .swiper-pagination-bullet-active {
  width: 20px;
  background-color: #544944;
  border-radius: 6px;
}

.lf-partner-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin-left: 0;
}

.lf-partner-list li {
  width: 16.666%;
  max-width: 100%;
  margin: 16px 0 8px 0px;
  text-align: center;
}

.lf-partner-list li a {
  display: block;
  width: 100%;
}

.lf-partner-list.partner_list.circle div.img {
  width: 64px;
  height: 64px;
  border: 1px solid #ebebeb;
  border-radius: 50%;
  text-align: center;
  padding-top: 11px;
  overflow: hidden;
  margin: 0 auto;
}

@media screen and (min-width: 320px) and (max-width: 359px) {
  .lf-partner-list li {
    width: 33.333%;
  }
}

@media screen and (min-width: 360px) and (max-width: 424px) {
  .lf-partner-list li {
    width: 25%;
  }
}

@media screen and (min-width: 425px) and (max-width: 599px) {
  .lf-partner-list li {
    width: 20%;
  }
}

.partner_list li .text {
  padding-top: 8px;
  color: #222;
  text-align: center;
}

.thumbnail-slide li {
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

.thumbnail-slide li .text-box {
  padding: 20px;
  color: #222;
}

.thumbnail-slide li .text-box .text .text-ellipsis1 {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.thumbnail-slide li .text-box .text .text-ellipsis2 {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
}

.thumbnail-slide li .text-box .text strong {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 600;
}

.thumbnail-slide.swiper-container {
  overflow: visible;
}

.thumbnail-slide.swiper-container .swiper-wrapper {
  overflow: visible;
}

.life-travel-wrapper {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.life-travel-wrapper .title-depth3 {
  position: relative;
  margin-top: 48px;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 700;
}

.life-travel-wrapper .title-depth3 .f400 {
  font-weight: 400;
}

.life-travel-wrapper .title-depth3.arrow:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 4px;
  bottom: 8px;
  width: 10px;
  height: 10px;
  margin-left: 4px;
  border-top: 1.5px solid #222;
  border-right: 1.5px solid #222;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.life-travel-wrapper .text-link.arrow {
  margin-right: 4px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
}

.life-travel-wrapper .text-link.arrow:before {
  display: none;
}

.life-travel-wrapper .text-link.arrow:after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 4px;
  border-top: 1.5px solid #222;
  border-right: 1.5px solid #222;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.life-travel-wrapper .thumbnail-slide {
  margin-top: 16px;
}

.life-travel-wrapper .list-wrap .link-item-list .item-content {
  width: 100%;
}

.life-travel-wrapper .list-wrap .link-item-list .item-title,
.life-travel-wrapper .list-wrap .link-item-list .item-date,
.life-travel-wrapper .list-wrap .link-item-list .item-comment {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.life-travel-wrapper .list-wrap .link-item-list .item-date {
  color: #666;
  font-weight: 500;
}

.life-travel-wrapper .list-wrap .link-item-list .item-comment {
  padding-top: 4px;
  line-height: 24px;
  width: 100%;
  height: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.life-travel-wrapper .list-wrap .lf-item > li {
  padding: 24px 0;
}

.life-travel-wrapper .iframe-area {
  margin-top: 16px;
}

.life-travel-wrapper .noti-wrapper .title-box {
  margin-top: 48px;
}

.life-travel-wrapper .noti-wrapper .title-box .title-depth3 {
  margin-top: 0;
}

.life-travel-wrapper .swiper-container .swiper-wrapper {
  overflow: visible;
}

.address-box .addr-title span {
  display: inline-block;
}

.address-box .addr-title span + span:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 20px;
  margin: 0 8px;
  background: #ebebeb;
  vertical-align: -2px;
}

.line-top {
  border-top: 1px solid #ebebeb;
  padding-top: 20px;
  margin-top: 20px;
}

.line-top .selectbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.line-top .text-link {
  color: #222;
  margin-left: auto;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.form-wrap-content + .btn-right-wrap {
  margin-top: 32px;
}

dl.data-list + .list-dot {
  margin-top: 16px;
}

.form-wrap-content + .btn-wrap {
  margin-top: 40px;
  margin-bottom: 32px;
}

.form-wrap-content + .btn-wrap.btn-pos-bottom {
  margin-top: 0;
  margin-bottom: 0;
}

.input-list-check + .form-wrap-content {
  margin-top: 40px;
}

.no-result-wrap {
  background-color: #fafafa;
  height: 324px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.box-reservation {
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.box-reservation ul li {
  padding: 16px 0;
  border-bottom: 1px solid #ebebeb;
}

.box-reservation ul li:first-child {
  margin-top: 16px;
}

.box-reservation ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.list-number {
  counter-reset: count 0;
}

.list-number li {
  position: relative;
  padding-left: 28px;
  margin-top: 18px;
}

.list-number li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(count);
  counter-increment: count;
  display: -ms-grid;
  display: grid;
  place-content: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #3674bc;
  border-radius: 5px;
  background-color: #e5edf7;
}

.text-wrap.big {
  padding: 32px 0;
  border-bottom: 0;
}

.popup-content .text-wrap.big {
  margin-top: 8px;
}

.list-data-default li.list-link.default a {
  padding: 20px 0 21px;
  display: block;
}

.list-data-default li.list-link.default a:after {
  display: none;
}

.list-data-default li.list-link.default .list-link-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.list-data-default li.list-link.default .list-link-top__tag {
  color: #3674bc;
  font-weight: 500;
}

.list-data-default li.list-link.default .list-link-bottom {
  margin-top: 4px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-wrap.big .sub-title.title-depth4,
.text-wrap.big .list-dot.list-dot-small.list-dot-none {
  margin-top: 32px;
}

.box-container .card-box-title + .list-dot {
  margin-top: 4px;
}

.life-coupon-wrap > ul > li {
  padding: 24px 0;
  margin-bottom: 8px;
}

.life-coupon-wrap > ul > li:first-child {
  padding-top: 16px;
}

.life-coupon-wrap > ul > li .coupot-title {
  margin-bottom: 12px;
}

.life-coupon-wrap > ul > li .coupot-title > img {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  margin-right: 8px;
}

.life-coupon-wrap > ul > li + li {
  border-top: 1px solid #ebebeb;
}

.border-full + .service-cost {
  margin-top: 32px;
}

.relax-shopping-list + .service-cost {
  margin-top: 48px;
}

.service-cost .service-cost-message {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 700;
  text-align: left;
}

.service-cost .service-cost-text {
  margin-top: 8px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  letter-spacing: -0.5px;
  color: #666;
}

.life-banner {
  margin-top: 58px;
  position: relative;
  height: 100px;
  background-color: #4b4d8c;
  border-radius: 10px;
  padding: 28px 20px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  letter-spacing: -0.5px;
}

.life-banner .flag {
  position: absolute;
  top: -10px;
  left: 20px;
}

.life-banner .life-banner-img {
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 102px;
  height: 92px;
}

.life-banner .life-banner-cont .my-banner-text {
  color: #fff;
  width: 168px;
}

.relax-shopping-list li .shopping-title {
  margin: 48px 0 16px;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.relax-shopping-list li .shopping-title span {
  display: inline-block;
  position: relative;
}

.relax-shopping-list li .shopping-title span:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  right: -15px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 9px;
  height: 9px;
  border: solid #0B48BE;
  border-width: 1px 1px 0 0;
}

.relax-shopping-list li .shopping-text {
  margin-bottom: 32px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  letter-spacing: -0.5px;
  color: #666;
}

/* 2021-06-18 [/spa/pub-guide/09_pattern/assets/scss/imog.scss] 내용 이동됨
.icon-car{
    @include lifeIcon(16px, 18px, 'common', 'icon-car.png');
}
.icon-culture{
    @include lifeIcon(16px, 18px, 'common', 'icon-culture.png');
}
.icon-phone{
    @include lifeIcon(16px, 18px, 'common', 'icon-phone.png');
}
.icon-shopping{
    @include lifeIcon(16px, 18px, 'common', 'invalid-name.png');
}
*/
.custom-bottomsheet.has-footer-type-life > .bottomsheet > .popup-content {
  padding-bottom: 110px;
  padding-bottom: calc(110px - var(--safe-bottom));
}

.data-list > dd .bar {
  padding-right: 9px;
  margin-right: 7px;
  display: inline-block;
  position: relative;
}

.data-list > dd .bar:after {
  display: block;
  content: "";
  width: 1px;
  height: 14px;
  background-color: #bbbbbb;
  position: absolute;
  right: 0;
  top: calc(50% - 7px);
}

.data-list > dd .color-numb {
  color: #666;
  padding-left: 4px;
}

.btn.btn-xxs {
  margin-left: 12px;
  min-width: 42px;
  height: 24px;
  border-color: #ebebeb;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 700;
  padding: 0 10px;
}

.btn.btn-xxs.btn-border {
  border-radius: 16px;
}

.complate-round-wrap {
  margin-top: 48px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.complate-round-wrap > dl.data-list.data-list-view {
  margin-top: 20px;
  margin-bottom: 20px;
  -ms-grid-columns: 30% 70%;
      grid-template-columns: 30% 70%;
}

.complate-round-wrap dl.data-list-flex dd p.d-flex {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.complate-round-wrap dl.data-list-flex dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.complate-round-wrap dl.data-list-flex .card-label {
  max-width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}

.management-wrap dl.data-list.data-list-card dd p {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.management-wrap dl.data-list.data-list-card.border-bottom + .box-gray.box-gray-rd10 {
  position: relative;
  margin-bottom: 68px;
}

.management-wrap dl.data-list.data-list-card.border-bottom + .box-gray.box-gray-rd10::before, .management-wrap dl.data-list.data-list-card.border-bottom + .box-gray.box-gray-rd10::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
}

.management-wrap dl.data-list.data-list-card.border-bottom + .box-gray.box-gray-rd10::before {
  top: -1px;
  background-color: #fff;
}

.management-wrap dl.data-list.data-list-card.border-bottom + .box-gray.box-gray-rd10::after {
  bottom: -20px;
  background-color: #ebebeb;
}

.management-wrap dl.data-list.data-list-card .card-label {
  max-width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}

.service-cost dl.data-list.data-list-view {
  margin-top: 20px;
  margin-bottom: 20px;
  -ms-grid-columns: 30% 70%;
      grid-template-columns: 30% 70%;
}

.service-cost dl.data-list.data-list-view .d-flex span.card-label {
  max-width: 39%;
  text-align: left;
}

.type-life dl.data-list {
  -ms-grid-columns: 30% 70%;
      grid-template-columns: 30% 70%;
}

.type-life dl.data-list dd p {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.type-life dl.data-list .card-select-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.type-life dl.data-list .card-select-info .card-label {
  max-width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}

.info-message-box.rf-confirm {
  margin-top: 44px;
}

.service-cost.join-info dl.data-list.data-list-view.date-list-top {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 25px;
}

.service-cost.join-info > .bt-btn {
  text-align: right;
  margin-top: -4px;
  margin-bottom: 8px;
}

.service-cost.join-info > .bt-btn .text-link {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666666;
}

.service-cost.join-info > .bt-btn .text-link::before {
  background-color: #999;
}

.shop-wrap > .copy-text-wrap.guide-msg {
  padding: 8px 0 48px;
}

.shop-wrap .benefit-list {
  border: 1px solid #ebebeb;
  background-color: #fff;
  padding: 0 20px;
  border-radius: 10px;
}

.shop-wrap .benefit-list.img li {
  padding-left: 48px;
  position: relative;
}

.shop-wrap .benefit-list.bt {
  margin-bottom: 48px;
}

.shop-wrap .benefit-list > li > img {
  /*21-07-08 브랜드로고 디자인 가이드 수정*/
  position: absolute;
  top: calc(50% - 16px);
  left: 0;
  width: 32px;
  border-radius: 8px;
}

.shop-wrap .benefit-list > li > .image-area.icon {
  /*21-07-08 브랜드로고 디자인 가이드 수정*/
  position: absolute;
  top: 50%;
  left: 0;
  width: 32px;
  height: 32px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #f3f3f3;
  border-radius: 8px;
}

.shop-wrap .benefit-list > li > .image-area.icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 26px;
}

.shop-wrap .benefit-list > li div.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0;
}

.shop-wrap .benefit-list > li div.flex .tit-name {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  letter-spacing: -0.5px;
}

.shop-wrap .benefit-list > li div.flex .tit-cost {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
}

.shop-wrap .benefit-list > li div.flex .tit-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.shop-wrap .benefit-list > li + li {
  border-top: 1px solid #ebebeb;
}

.shop-wrap .benefit-list > li > a {
  text-align: right;
}

.shop-wrap .benefit-list > li .temp-numb .box-gray-number {
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 500;
  padding: 20px 0;
}

.shop-wrap .benefit-list > li .temp-numb .box-gray-number + .text {
  padding: 16px 0 24px;
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.shop-wrap .benefit-list .btn.btn-alert.btn-round {
  background-color: #0B48BE;
}

.shop-wrap .benefit-list + .page-sub-title {
  margin-top: 48px;
}

.shop-wrap .text-link.text-blue.text-blue2 {
  color: #0B48BE;
}

.sub-wrapper .sub-footer.toast {
  background: #fff;
  padding-top: 0;
}

.sub-wrapper .sub-footer.toast .toast-msg {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  height: 40px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 4px;
  font-weight: 300;
  margin-bottom: 8px;
}

.popup-title .title-logo {
  /*21-07-08 브랜드로고 디자인 가이드 수정*/
  width: 28px;
  height: 28px;
  margin-right: 12px;
  position: relative;
  top: 0;
  border-radius: 100%;
}

.popup-title .title-logo + span {
  position: relative;
  top: 2px;
}

.sp-coupon-text {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
  margin-top: 8px;
}

.sp-coupon-wrap {
  position: relative;
  height: 132px;
  overflow: hidden;
  border-radius: 10px;
}

.sp-coupon-wrap + .sp-coupon-wrap {
  margin-top: 12px;
}

.sp-coupon-wrap > div {
  border: 1px solid #0B48BE;
  border-radius: 10px;
  height: 132px;
  padding: 24px 24px 16px 24px;
}

.sp-coupon-wrap > div .cost {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #0B48BE;
  font-weight: 700;
  padding-bottom: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sp-coupon-wrap > div .cost + div {
  color: #666;
}

.sp-coupon-wrap > div .date {
  color: #666;
}

.sp-coupon-wrap > div .coupon-count {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #fff;
  background-color: #222;
  height: 20px;
  border-radius: 12px;
  margin-left: 8px;
  margin-bottom: 2px;
  padding: 2px 8px 1px;
}

.sp-coupon-wrap:after {
  display: block;
  content: "";
  width: 23px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #0B48BE;
  position: absolute;
  top: calc(50% - 12px);
  left: -12px;
  border-radius: 50%;
}

.sp-coupon-wrap .btn.sp-coupon {
  position: absolute;
  top: 0;
  right: 0;
  width: 63px;
  height: 132px;
  border-radius: 0 0 0 0;
  background-color: #0B48BE;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.sp-coupon-wrap .btn.sp-coupon.sp-coupon-sc {
  background-color: #fff;
  color: #0B48BE;
  border-left-style: dashed;
  border-radius: 0 10px 10px 0;
}

.sp-coupon-wrap .btn.sp-coupon.sp-coupon-sc:disabled {
  border-color: #0B48BE;
}

.sp-coupon-wrap.disabled > div {
  border: 1px solid #ebebeb;
}

.sp-coupon-wrap.disabled > div .cost {
  color: #666;
}

.sp-coupon-wrap.disabled > div .text {
  color: #666;
}

.sp-coupon-wrap.disabled > div .coupon-count {
  background: #666;
}

.sp-coupon-wrap.disabled:after {
  border: 1px solid #ebebeb;
}

.sp-coupon-wrap.disabled .btn.sp-coupon {
  background-color: #ebebeb;
}

div.sub-footer.toast {
  background: none;
  position: relative;
  padding: 0 24px;
}

div.sub-footer.toast .toast-msg {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  height: 40px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 4px;
  font-weight: 300;
  text-align: center;
}

.allmy {
  padding: 0 13%;
  min-width: 230px;
}

.allmy .sp-coupon-wrap {
  height: 110px;
}

.allmy .sp-coupon-wrap > div {
  height: 110px;
  min-width: 230px;
  padding: 16px 20px;
}

.allmy .sp-coupon-wrap > div .cost {
  padding-bottom: 28px;
}

.allmy .sp-coupon-wrap > div .date {
  font-size: 10px;
}

.allmy .sp-coupon-wrap .btn.sp-coupon {
  height: 110px;
  width: 32px;
  min-width: 32px;
  border-radius: 0 10px 10px 0;
}

.allmy .sp-coupon-wrap .btn.sp-coupon span {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  opacity: 0.6;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  letter-spacing: 2.5px;
}

.allmy .sp-coupon-wrap .btn.sp-coupon.sp-coupon-sc span {
  opacity: unset;
}

.allmy .sp-coupon-wrap.disabled .btn.sp-coupon {
  border-color: #ebebeb;
}

.allmy .sp-coupon-wrap.double {
  height: 132px;
  padding-top: 20px;
}

.allmy .sp-coupon-wrap.double .btn.sp-coupon {
  top: 20px;
}

.allmy .sp-coupon-wrap.double .circle {
  position: absolute;
  top: 0px;
  right: 10px;
  background-color: #000;
  width: 40px;
  height: 40px;
  color: #fff;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 5;
  padding: 6px 4px 2px 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.allmy .sp-coupon-wrap.double .circle span {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 500;
  margin-left: -2px;
}

.bottomsheet .overcon.sh-card span.card-label {
  max-width: 140px;
}

.overcon.sh-card > li > a.on:after {
  content: '';
  position: absolute;
  top: calc(50% - 16px);
  right: 0;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-check.svg);
}

.info-message-box.only.bt {
  margin-bottom: 191px;
}

.imagine-card-wrap {
  margin-top: 16px;
  padding: 24px 20px;
  background-color: #817169;
  border-radius: 10px;
  color: #fff;
}

.imagine-card-wrap .top-tit {
  position: relative;
}

.imagine-card-wrap .top-tit button {
  position: absolute;
  top: -1px;
  right: 0;
  min-width: 52px;
  height: 24px;
  background-color: #fff;
  color: #222;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.imagine-card-wrap .card-numb {
  padding: 12px 0 36px;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.imagine-card-wrap .progressBar-wrap {
  position: relative;
  overflow: hidden;
  height: 8px;
  background-color: #9a8d87;
  border-radius: 4px;
}

.imagine-card-wrap .progressBar-wrap .limit-bar {
  display: block;
  height: 8px;
}

.imagine-card-wrap .progressBar-wrap .limit-bar > i {
  display: block;
  height: 100%;
  background: #fff;
  border-radius: 0 4px 4px 0;
  -webkit-animation: limitBar-max .7s ease-in forwards;
          animation: limitBar-max .7s ease-in forwards;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.imagine-card-wrap .time {
  padding-top: 10px;
  font-weight: 300;
}

.imagine-card-wrap .time strong {
  font-weight: 500;
}

.tab-content-wrap.bill-scroll-y.sp-tab-content-wrap {
  margin-top: 24px;
}

.sp-result-list {
  margin-bottom: 8px;
}

.sp-result-list li {
  border-bottom: 1px solid #ebebeb;
  padding: 16px 0;
}

.sp-result-list .date {
  float: right;
  color: #666;
}

.sp-result-list + .sp-result-more {
  margin: 20px 0;
}

.sp-result-list + .sp-result-more a {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.data-list-view .d-flex span.card-label {
  max-width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}

.data-list-view .d-flex span.card-label + em {
  font-style: normal;
  color: #999;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  margin-left: 4px;
}

.data-list-view span.card-label {
  max-width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}

.life-banner.culture {
  background-color: #97b0b3;
}

.life-banner.phone-care {
  background-color: #9C8A80;
}

.life-banner.car-share {
  background-color: #9781be;
}

.d-flex-between.phonecare {
  display: table;
  width: 100%;
  margin-top: 8px;
}

.d-flex-between.phonecare > div {
  display: table-cell;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
}

.d-flex-between.phonecare > div.in-box {
  width: 44%;
  border-radius: 10px;
  background-color: #fafafa;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.d-flex-between.phonecare > div.arrow {
  width: 12%;
}

.promotion-visual.allmycar > strong span {
  display: block;
  font-weight: 400;
}

.promotion-visual.allmycar + .tab-list-wrap {
  margin: 0 -24px;
}

.promotion-visual.allmycar + .tab-list-wrap > ul {
  padding: 0 24px;
}

.tab-content-wrap.allmycar {
  /* 2021-08-17 공통가이드 적용을 위해 삭제
        padding-bottom:132px; // 2021-08-12 PJ11-19302
		padding-bottom:calc(132px + var(--safe-bottom));// 2021-08-13 IOS 노치
        */
}

.tab-content-wrap.allmycar .promotion-wrap a.title-btn.card-box-title {
  position: relative;
}

.tab-content-wrap.allmycar .promotion-wrap a.title-btn.card-box-title::after {
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  top: calc(50% - 5px);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  right: -16px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.tab-content-wrap.allmycar .promotion-wrap .card-box-title {
  position: relative;
}

.tab-content-wrap.allmycar .promotion-wrap .card-box-title > .title-btn {
  position: absolute;
  top: calc(50% - 11px);
  display: inline-block;
  width: 22px;
  height: 22px;
}

.tab-content-wrap.allmycar .promotion-wrap .card-box-title > .title-btn:after {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  top: calc(50% - 4px);
  left: 6px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.tab-content-wrap.allmycar .sub-title.title-depth4 {
  color: #222;
}

.allmycar {
  /* 
    .other-service-list {
         .btn { 
             padding: 0 12px;
            
             & > i {margin-right:6px;}
         }
        
    }
    */
}

.allmycar .promotion-wrap .card-box-title + .card-box-text {
  color: #666;
  margin-top: 8px;
}

.allmycar .promotion-wrap .card-box-title + .list-dot {
  margin-top: 8px;
}

.allmycar .promotion-wrap .box-container + .btn {
  margin-top: 48px;
}

.allmycar .promotion-wrap .box-container .card-box-title + .list-dot {
  margin-top: 8px;
}

.allmycar .promotion-wrap .list-dot .sub-text.block {
  display: block;
}

.allmycar hr.border-full {
  margin-top: 48px;
}

.allmycar .accordion-wrap .accordion.is-active .fold-body > .sub-title {
  color: #222;
}

/* UIUX-4247 케어서비스 미가입 화면 디자인 변경 - 24_NEW_LDS_적용 */
.complate-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: calc(100vh - 260px);
}

.list-data-wrap.c-type02 > li + li {
  border-color: #ebe7e4;
}

.lifeLDS2024 {
  position: relative;
}

.lifeLDS2024 .container-box {
  width: 100vw;
  margin-left: -24px;
  text-align: left;
}

.lifeLDS2024 .container-box .img-area {
  width: 100%;
}

.lifeLDS2024 .container-box.light-gray {
  background-color: #f6f5f3;
  color: #222;
}

.lifeLDS2024 .container-box.white {
  background-color: #fff;
  color: #222;
}

.lifeLDS2024 .container-box.top-area {
  position: relative;
  padding-top: 40px;
}

.lifeLDS2024 .container-box.top-area .txt-area {
  position: relative;
  padding-right: 24px;
  padding-left: 24px;
  z-index: 10;
}

.lifeLDS2024 .container-box.top-area .txt-area .sub-tit {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.lifeLDS2024 .container-box.top-area .txt-area .sub-tit + .main-tit {
  margin-top: 8px;
}

.lifeLDS2024 .container-box.top-area .txt-area .main-tit {
  font-size: 28px;
  line-height: 1.43;
  letter-spacing: -0.14px;
  font-weight: bold;
}

.lifeLDS2024 .container-box.top-area .img-area {
  position: relative;
  height: 224px;
  z-index: 9;
}

.lifeLDS2024 .container-box.top-area .img-area > img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
  height: 100%;
  z-index: 20;
}

.lifeLDS2024 .container-box.top-area .evt-link {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 13px 16px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  background-color: rgba(23, 22, 28, 0.6);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  z-index: 30;
}

.lifeLDS2024 .container-box.top-area .evt-link::after {
  content: '';
  display: inline-block;
  position: inherit;
  width: 24px;
  height: 24px;
  right: 16px;
  top: calc(50% - 12px);
  z-index: 23;
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/webapp/v2/spa/assets/images/mydata/icons/ic_24_arr_right_1.5px_wh.svg);
}

.lifeLDS2024 .container-box.top-area .evt-link > .flag.flag-green3 {
  min-width: 49px;
  height: auto;
  padding: 7px 2px 5px;
  margin-right: 6px;
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.06px;
}

.lifeLDS2024 .container-box.top-area .evt-link > .flag.flag-green3 + .txt {
  margin-left: 6px;
}

.lifeLDS2024 .container-box.top-area .evt-link > .txt {
  display: -webkit-box;
  width: calc(100% - 77px);
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  -webkit-line-clamp: 2;
  -Webkit-box-orient: vertical;
}

.lifeLDS2024 .container-box.contents-area {
  padding: 60px 24px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .top-tit {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: -0.1px;
  color: #fff;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .top-tit + .sub-tit {
  margin-top: 60px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .top-tit + .main-title {
  margin-top: 60px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .top-txt {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #666;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .top-txt + .main-title {
  margin-top: 8px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .top-txt + .top-desc-bold {
  margin-top: 8px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .top-txt + .benefit-discount {
  margin-top: 8px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .sub-tit {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.09px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .sub-tit + .main-title {
  margin-top: 8px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .sub-tit + .benefit-discount {
  margin-top: 8px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .benefit-l-tit {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: -1px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .benefit-l-tit + .desc-txt {
  margin-top: 12px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .benefit-l-tit + .go-benefit {
  margin-top: 20px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .top-desc {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #666;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .top-desc + .benefit-discount {
  margin-top: 8px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .top-desc + .top-desc-bold {
  margin-top: 8px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .top-desc + .main-title {
  margin-top: 8px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .top-desc-bold {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.12px;
  color: #222;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .top-desc-bold + .benefit-discount {
  margin-top: 8px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .desc-txt-sm {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #999;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .desc-txt-sm + .go-benefit {
  margin-top: 20px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .desc-txt-sm.green {
  color: #007881;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .benefit-discount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .benefit-discount .cnt {
  font-size: 58px;
  font-weight: bold;
  line-height: 1.03;
  letter-spacing: -0.5px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .benefit-discount .cnt + .unit {
  margin-left: 2px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .benefit-discount .unit {
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: -0.12px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .benefit-discount .unit + .cnt {
  margin-left: 2px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .benefit-discount + .desc-txt {
  margin-top: 12px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .benefit-discount + .go-benefit {
  margin-top: 20px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .benefit-discount + .list-asterisk {
  margin-top: 16px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .benefit-discount + .desc-txt-sm {
  margin-top: 12px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .main-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.12px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .main-title + .desc-txt {
  margin-top: 12px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .main-title + .benefit-discount {
  margin-top: 8px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .main-title + .go-benefit {
  margin-top: 20px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .service-tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.5px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .service-tit + .service-list {
  margin-top: 20px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .service-list > li {
  position: relative;
  padding: 18px 20px;
  background-color: #f6f5f3;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .service-list > li .service-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .service-list > li .service-list-wrap .list-txt {
  padding-right: 8px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .service-list > li .service-list-wrap .list-txt .list-tit {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .service-list > li .service-list-wrap .list-txt .list-tit + .list-desc {
  margin-top: 4px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .service-list > li .service-list-wrap .list-txt .list-desc {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #4c4637;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .service-list > li .service-list-wrap .arrow {
  width: 10px;
  height: 10px;
  top: calc(50% - 4px);
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.lifeLDS2024 .container-box.contents-area .benefit-container .service-list > li + li {
  margin-top: 8px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .service-list > li > a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .service-name {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .service-name + .desc-txt {
  margin-top: 16px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .service-name + .banner-area {
  margin-top: 32px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .desc-txt {
  position: relative;
  padding-left: 16px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .desc-txt::after {
  content: '';
  position: absolute;
  left: 6px;
  top: 11px;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background-color: #4c4637;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .desc-txt.txt-white {
  color: #fff;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .desc-txt + .go-benefit {
  margin-top: 20px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .desc-txt + .go-terms {
  margin-top: 20px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .desc-txt .list-required {
  margin-top: 8px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .desc-txt .list-required > li {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #999;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .go-benefit {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  letter-spacing: -0.08px;
  color: #62544e;
  text-decoration: underline;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .go-benefit + .sub-tit {
  margin-top: 32px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .img-area {
  width: 100vw;
  margin-left: -24px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .img-area > img {
  width: 100%;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .img-area + .service-list-area {
  margin-top: 60px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .banner-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ebe7e4;
  border-radius: 0;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .banner-area .banner-txt {
  padding-left: 20px;
  width: calc(100% - 100px);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.09px;
  text-align: left;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 48px;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-ORIENT: vertical;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .banner-area .banner-img {
  width: 100px;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .banner-area .banner-img > img {
  width: 100%;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .banner-area > a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .list-asterisk {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #fff;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .list-asterisk + .go-benefit {
  margin-top: 16px;
}

.lifeLDS2024 .container-box.contents-area .benefit-list + .benefit-list {
  margin-top: 60px;
}

.lifeLDS2024 .container-box.service-area {
  padding: 32px 24px;
}

.lifeLDS2024 .container-box.list-area {
  padding: 24px;
}

.lifeLDS2024 .container-box.list-area .list-dot {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
}

.lifeLDS2024 .container-box.list-area .list-hyphen {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
}

.lifeLDS2024 .container-box.list-area .box-gray {
  background-color: #f2f0ed;
  border-radius: 0;
}

.lifeLDS2024 .container-box.list-area .box-gray .list-required > li {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.06px;
  color: #666;
}

.lifeLDS2024 .container-box.bottom-area {
  padding: 24px;
}

.lifeLDS2024 .container-box.bottom-banner-area {
  padding: 48px 24px 40px;
}

.lifeLDS2024 .container-box.blank-area {
  position: absolute;
  left: 0;
  bottom: -30px;
  margin-top: 0;
  padding-top: 30px;
}

.lifeLDS2024 .tab-list-wrap.tab-full .tab-list {
  padding: 0;
}

.lifeLDS2024 .tab-list-wrap.tab-full .tab-list::before {
  display: none;
}

.lifeLDS2024 .tab-list-wrap.tab-full .tab-list .tab-button {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
  border-bottom: solid 1px #d5cfc9;
  background-color: #fff;
}

.lifeLDS2024 .tab-list-wrap.tab-full .tab-list .tab-button.is-active {
  font-weight: bold;
  border-bottom: solid 2px #222;
  color: #222;
}

.lifeLDS2024 .tab-list-wrap + .form-wrap-content,
.lifeLDS2024 .tab-list-wrap + .tab-content-wrap {
  padding-top: 0;
}

.lifeLDS2024 .tab-content-wrap .inner-btn-bottom-fix {
  padding-bottom: 0;
}

.lifeLDS2024 .go-terms {
  position: relative;
  display: block;
  padding: 12px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.lifeLDS2024 .go-terms::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 12px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.lifeLDS2024 hr.border-full {
  background: #f6f5f3;
}

.lifeLDS2024 .accordion-wrap {
  background: #fff;
  border-top: none;
  border-top: solid 1px #ebe7e4;
  border-bottom: solid 1px #ebe7e4;
}

.lifeLDS2024 .accordion-wrap .accordion .fold-head {
  min-height: 48px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.lifeLDS2024 .accordion-wrap .accordion .fold-head .btn-fold::before {
  display: none;
}

.lifeLDS2024 .accordion-wrap .accordion .fold-head .btn-fold::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  right: 12px !important;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  background-color: transparent;
}

.lifeLDS2024 .accordion-wrap .accordion .fold-head .btn-fold[aria-expanded=true]::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.lifeLDS2024 .accordion-wrap.type-full .accordion.is-active .fold-body .sub-title.title-depth4 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.lifeLDS2024 .accordion-wrap.type-full .accordion.is-active .fold-body .sub-title.title-depth4:first-child {
  margin-top: 16px;
}

.lifeLDS2024 .accordion-wrap.type-full .accordion.is-active .fold-body .sub-title.title-depth4 + .list-dot {
  margin-top: 16px;
}

.lifeLDS2024 .accordion-wrap.type-full .accordion.is-active .fold-body .list-dot {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
}

.lifeLDS2024 .accordion-wrap.type-full .accordion.is-active .fold-body .list-dot + .sub-title.title-depth4 {
  margin-top: 24px;
}

.lifeLDS2024 .accordion-wrap.type-full .accordion.is-active .fold-body .list-hyphen {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
}

.lifeLDS2024 .accordion-wrap.type-full .accordion.is-active .fold-body .list-required {
  margin-top: 12px;
}

.lifeLDS2024 .accordion-wrap.type-full .accordion.is-active .fold-body .list-required > li {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
}

.lifeLDS2024 .accordion-wrap.type-full .accordion.is-active .fold-body .btn-wrap + .sub-title.title-depth4 {
  margin-top: 24px;
}

.lifeLDS2024 .btn.btn-primary {
  font-size: 18px;
  font-weight: 500;
  color: #222;
  border-color: #5ddbdb;
  background-color: #5ddbdb;
  border-radius: 0;
}

.lifeLDS2024.cultureDC2024 .container-box.top-area .img-area {
  height: auto;
}

.lifeLDS2024.cultureDC2024 .container-box.top-area .img-area > img {
  position: inherit;
  width: 100%;
  height: auto;
}

.lifeLDS2024.driving-care .coupon-set {
  position: relative;
}

.lifeLDS2024.driving-care .coupon-set .button-swiper-pagination {
  padding: 16px 0;
}

.lifeLDS2024.driving-care .coupon-set .button-swiper-pagination .btn-bullet {
  width: auto;
  height: auto;
  padding: 9px 16px;
  margin-left: 8px;
  background-color: #fff;
  border: 1px solid #d5cfc9;
  border-radius: 0;
  opacity: 1;
}

.lifeLDS2024.driving-care .coupon-set .button-swiper-pagination .btn-bullet:first-child {
  margin-left: 0;
}

.lifeLDS2024.driving-care .coupon-set .button-swiper-pagination .btn-bullet[class*=-active] {
  background-color: #222;
  color: #fff;
  font-weight: 700;
  border-color: #222;
}

.lifeLDS2024.driving-care .coupon-set .benefit-slide {
  padding: 32px 16px 55px;
  -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.14);
}

.lifeLDS2024.driving-care .coupon-set .benefit-slide .custom-swiper-pagination {
  bottom: 26px;
  text-align: center;
}

.lifeLDS2024.driving-care .coupon-set .benefit-slide .benefit-cont .title {
  padding-bottom: 28px;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.12px;
}

.lifeLDS2024.driving-care .coupon-set .benefit-slide .benefit-cont .list li:not(:first-child) {
  margin-top: 8px;
}

.lifeLDS2024.driving-care .coupon-set .benefit-slide .benefit-cont .list li .go-benefit {
  position: relative;
  padding: 16px;
  min-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f6f5f3;
}

.lifeLDS2024.driving-care .coupon-set .benefit-slide .benefit-cont .list li .go-benefit::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 25px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border: solid #666;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.lifeLDS2024.driving-care .coupon-set .benefit-slide .benefit-cont .list li .go-benefit .icon {
  display: block;
  width: 40px;
}

.lifeLDS2024.driving-care .coupon-set .benefit-slide .benefit-cont .list li .go-benefit .icon img {
  width: 100%;
}

.lifeLDS2024.driving-care .coupon-set .benefit-slide .benefit-cont .list li .go-benefit .benefit-txt {
  padding-left: 12px;
  font-weight: 500;
  color: #666;
}

.lifeLDS2024.driving-care .coupon-set .benefit-slide .benefit-cont .list li .go-benefit .benefit-txt strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.08px;
  color: #222;
}

.lifeLDS2024.driving-care .container-box.contents-area .benefit-container .benefit-link {
  padding-top: 20px;
}

.lifeLDS2024.driving-care .container-box.contents-area .benefit-container .benefit-link li {
  border-bottom: 1px solid #ebe7e4;
}

.lifeLDS2024.driving-care .container-box.contents-area .benefit-container .benefit-link li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  line-height: 28px;
  color: #222;
  letter-spacing: -0.1px;
  text-decoration: none;
}

.lifeLDS2024.driving-care .container-box.contents-area .benefit-container .benefit-link li a .txt {
  display: block;
}

.lifeLDS2024.driving-care .container-box.contents-area .benefit-container .benefit-link li a .txt::after {
  content: '';
  display: inline-block;
  margin-top: -4px;
  margin-left: 3px;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  border: solid #666;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.lifeLDS2024.driving-care .container-box.contents-area .benefit-container .benefit-link li a .img {
  width: 116px;
}

/* 케어 해지만류 팝업 */
.custom-bottomsheet.bottom-terminate .bottomsheet > .popup-content {
  padding-bottom: 12px;
}

.custom-bottomsheet.bottom-terminate .bottomsheet > .popup-content .terminate-img {
  margin-bottom: 16px;
}

.custom-bottomsheet.bottom-terminate .bottomsheet > .popup-content .terminate-txt .tit {
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.07px;
}

/* 250305 드라이빙케어 - 할인 대상점 선택 팝업 */
.popup-content.driving-dc-sel .sub-title.title-depth3 {
  padding: 24px 0 24px;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -0.11px;
}

.popup-content.driving-dc-sel .selected-coupon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 24px;
}

.popup-content.driving-dc-sel .selected-coupon .selected, .popup-content.driving-dc-sel .selected-coupon .s-coupon {
  padding: 14px 16px;
  width: calc(50% - 12px);
  min-height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  font-weight: 500;
  color: #666666;
  border: 1px solid #d5cfc9;
}

.popup-content.driving-dc-sel .selected-coupon .selected .cont, .popup-content.driving-dc-sel .selected-coupon .s-coupon .cont {
  display: none;
  text-align: center;
}

.popup-content.driving-dc-sel .selected-coupon .selected .cont img, .popup-content.driving-dc-sel .selected-coupon .s-coupon .cont img {
  width: 48px;
  margin-bottom: 6px;
}

.popup-content.driving-dc-sel .selected-coupon .selected .cont strong, .popup-content.driving-dc-sel .selected-coupon .s-coupon .cont strong {
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: inherit;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup-content.driving-dc-sel .selected-coupon .selected.active, .popup-content.driving-dc-sel .selected-coupon .s-coupon.active {
  border-color: #222;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
  color: #222;
}

.popup-content.driving-dc-sel .selected-coupon .selected.active .tit, .popup-content.driving-dc-sel .selected-coupon .s-coupon.active .tit {
  display: none;
}

.popup-content.driving-dc-sel .selected-coupon .selected.active .cont, .popup-content.driving-dc-sel .selected-coupon .s-coupon.active .cont {
  display: block;
}

.popup-content.driving-dc-sel .selected-coupon .icon {
  width: 24px;
  margin: 0 4px;
  background: url(/webapp/v2/web/assets/images/ico-plus-black.png) center/24px no-repeat;
}

.popup-content.driving-dc-sel .dc-coupon {
  padding-bottom: 24px;
}

.popup-content.driving-dc-sel .dc-coupon li {
  margin-top: 8px;
}

.popup-content.driving-dc-sel .dc-coupon li:first-child {
  margin-top: 0;
}

.popup-content.driving-dc-sel .dc-coupon li .radio-btn {
  width: 100%;
}

.popup-content.driving-dc-sel .dc-coupon li .radio-btn label {
  padding: 22px 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  text-align: left;
  place-content: baseline;
}

.popup-content.driving-dc-sel .dc-coupon li .radio-btn label::before {
  border-color: #d5cfc9;
}

.popup-content.driving-dc-sel .dc-coupon li .radio-btn label img {
  display: none;
}

.popup-content.driving-dc-sel .dc-coupon li .radio-btn label strong {
  font-weight: 400;
  color: #949494;
}

.popup-content.driving-dc-sel .dc-coupon li .radio-btn input[type=radio]:checked + label::before {
  border-width: 1px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
}

.popup-content.driving-dc-sel .dc-coupon li .radio-btn input[type=radio]:checked + label strong {
  font-weight: 700;
  color: #222;
}

.popup-layer.popup-alert.alert-ty02 .popup-content {
  font-size: 16px;
}

.popup-layer.popup-alert.alert-ty02 .popup-content p {
  line-height: 24px;
}

.popup-layer.popup-alert.alert-ty02 .btn.btn-alert {
  height: 48px;
  font-size: 16px;
}

.promotion-visual .promotion-name .text {
  color: #0B48BE;
  font-weight: 500;
}

.promotion-visual .promotion-name .text span {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
}

/*
.list-dot.allmycar {
    & > li{margin-top:8px;}
}
*/
.box-container .allmycar-info-list {
  margin-bottom: 48px;
}

.box-container .allmycar-info-list li {
  position: relative;
  min-height: 48px;
  margin-top: 24px;
  padding: 2px 0 0 60px;
}

.box-container .allmycar-info-list li:first-child {
  margin-top: 16px;
}

.box-container .allmycar-info-list li .img-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #ebebeb;
  text-align: center;
  font-size: 0;
}

.box-container .allmycar-info-list li .img-area img {
  width: 32px;
  height: 32px;
  margin-top: 8px;
}

.box-container .allmycar-info-list li .text-area {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.box-container .allmycar-info-list li .text-area span {
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.box-container .allmycar-info-list.type2 li.line3 {
  padding-top: 0;
}

.box-container .allmycar-info-list.type2 li.line3 .img-area {
  margin-top: 9px;
}

.sub-wrapper .sub-container.shuttle-payment-wrap {
  background-color: #fafafa;
  padding: 0;
}

.shuttle-payment-wrap .shuttle-payment .swiper-component-wrapper {
  background: #fff;
  padding-bottom: 56px;
}

.shuttle-payment-wrap .shuttle-payment .swiper-component-wrapper .swiper-slide {
  width: 100%;
}

.shuttle-payment-wrap .shuttle-payment .swiper-component-wrapper .swiper-container-android + .custom-swiper-pagination.swiper-pagination-bullets.bottom {
  bottom: 34px;
}

.shuttle-payment-wrap .shuttle-payment .swiper-component-wrapper .payment-wrap {
  height: 220px;
  min-height: 220px;
  padding: 24px 24px 0;
}

.shuttle-payment-wrap .shuttle-payment .subscription-category.tab-list-wrap.tab-full {
  position: static;
  background-color: #fafafa;
}

.shuttle-payment-wrap .shuttle-payment .subscription-category.tab-list-wrap.tab-full .tab-list li.tab-button {
  padding: 14px 2px;
}

.shuttle-payment-wrap .shuttle-payment .tab-content-wrap {
  padding: 32px 24px 0;
  margin-top: 0;
}

.shuttle-payment-wrap .shuttle-payment .custom-swiper-pagination.swiper-pagination-bullets.bottom {
  bottom: 34px;
  left: calc(50% - 16px);
  height: 6px;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap {
  background-color: #fff;
  padding: 24px 24px 56px;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .bs-text-area .text {
  font-weight: 500;
  padding-bottom: 4px;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .bs-text-area .text span {
  display: inline-block;
  position: relative;
  padding-left: 8px;
  margin-left: 8px;
  height: 14px;
  line-height: 14px;
  border-left: 1px solid #ebebeb;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .bs-text-area .text span em {
  font-style: normal;
  color: #0B48BE;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .bs-text-area .text2 {
  position: relative;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .bs-text-area .text2 > .bubble-textbox-wrap {
  position: absolute;
  top: 42px;
  left: 0;
  width: 90%;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .bs-text-area .text2 > .bubble-textbox-wrap .bubble-textbox::after {
  top: -10px;
  border-top: 6px solid #0B48BE;
  border-bottom: 6px solid transparent;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .bs-text-area .text2 > .bubble-textbox-wrap .bubble-textbox i::before {
  vertical-align: top;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .bs-text-area .text2 .text-sum {
  color: #222;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .bs-text-area .text2 .text-sum strong {
  font-style: normal;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0px;
  font-weight: 700;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .bs-text-area .text2 .date {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #999;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .progress-area {
  margin-top: 16px;
  padding: 25px 20px;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  min-height: 114px;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .progress-area ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding-top: 0;
  margin-top: 0;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .progress-area ul li + li {
  margin-top: 14px;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .progress-area ul li > div {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .progress-area ul li > div.month {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  width: 29px;
  padding-right: 8px;
  color: #666;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .progress-area ul li > div.cost {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  text-align: right;
  width: 81px;
  padding-left: 8px;
  font-weight: 500;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .progress-area ul li > div.progressBar-wrap {
  font-size: 0;
  width: calc(100% - 126px);
  background-color: #f3f3f3;
  border-radius: 4px;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .progress-area ul li > div.progressBar-wrap .limit-bar {
  display: block;
  height: 20px;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .progress-area ul li > div.progressBar-wrap .limit-bar > i {
  display: block;
  height: 100%;
  background-color: #0B48BE;
  border-radius: 4px;
  -webkit-animation: limitBar-max .7s ease-in forwards;
          animation: limitBar-max .7s ease-in forwards;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .progress-area ul li.last-month > div.progressBar-wrap .limit-bar > i {
  background-color: rgba(126, 166, 213, 0.5);
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .box-gray.top-img {
  margin-top: 16px;
  position: relative;
  padding: 31px 10px 29px;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .box-gray.top-img .chart-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 104px;
  height: 104px;
}

.shuttle-payment-wrap .shuttle-payment .payment-wrap .box-gray.top-img p {
  padding-left: 104px;
}

.box-subscribe.shuttle > .tab-panel {
  margin-bottom: 48px;
}

.sub-title + .shuttle-payment-list {
  margin: 12px 0;
}

.shuttle-payment-list > li {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding: 20px 16px 16px;
  border-radius: 10px;
  margin-bottom: 12px;
}

.shuttle-payment-list > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.shuttle-payment-list > li .contentbox-items-cont {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.shuttle-payment-list > li .box-gray {
  margin-top: 20px;
  border-radius: 10px;
}

.shuttle-payment-list > li .box-gray .complate-round-wrap {
  margin: 0;
  padding: 0;
  border: none;
}

.shuttle-payment-list > li .box-gray .complate-round-wrap > dl.data-list.data-list-view {
  margin: 0;
}

.shuttle-payment-list > li .box-gray .complate-round-wrap dl.data-list-flex {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 30% 70%;
      grid-template-columns: 30% 70%;
}

.shuttle-payment-list > li .box-gray .complate-round-wrap dl.data-list-flex dt {
  color: #666;
}

.shuttle-payment-list > li .box-gray .complate-round-wrap dl.data-list-flex dd .bar {
  padding-right: 9px;
  margin-right: 7px;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}

.shuttle-payment-list > li .box-gray .complate-round-wrap dl.data-list-flex dd .bar:after {
  display: block;
  content: "";
  width: 1px;
  height: 14px;
  background-color: #bbbbbb;
  position: absolute;
  right: 0;
  top: calc(50% - 7px);
}

.shuttle-payment-list > li .box-gray .complate-round-wrap dl.data-list-flex dd .color-numb {
  color: #666;
  padding-left: 4px;
}

.shuttle-payment-list > li .box-gray .complate-round-wrap dl.data-list-flex dd .data-list > dd .color-numb {
  color: #666;
  padding-left: 4px;
}

.shuttle-payment-list > li .box-gray .complate-round-wrap dl.data-list-flex + .data-list-flex {
  margin-top: 12px;
}

.shuttle-payment-list .benefit-list.img {
  margin-top: 8px;
}

.shuttle-payment-list .benefit-list.img > li {
  position: relative;
  padding-left: 48px;
}

.shuttle-payment-list .benefit-list.img > li + li {
  border-top: 1px solid #ebebeb;
}

.shuttle-payment-list .benefit-list li > img {
  /*21-07-08 브랜드로고 디자인 가이드 수정*/
  position: absolute;
  top: calc(50% - 16px);
  left: 0;
  width: 32px;
  border-radius: 8px;
}

.shuttle-payment-list .benefit-list li > .image-area.icon {
  /*21-07-08 브랜드로고 디자인 가이드 수정*/
  position: absolute;
  top: 50%;
  left: 0;
  width: 32px;
  height: 32px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #f3f3f3;
  border-radius: 8px;
}

.shuttle-payment-list .benefit-list li > .image-area.icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 26px;
}

.shuttle-payment-list .benefit-list li div.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
}

.shuttle-payment-list .benefit-list li div.flex.flex-line1 {
  padding: 25px 0;
}

.shuttle-payment-list .benefit-list li div.flex .tit-name {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.shuttle-payment-list .benefit-list li div.flex .tit-cost {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 500;
}

.shuttle-payment-list a.text-link.icon-link {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 700;
}

.shuttle-payment-list a.text-link.icon-link:after {
  margin-top: -7px;
  right: 11px;
  width: 10px;
  height: 10px;
}

.life-banner.shuttle-banner {
  margin-top: 0;
}

.life-banner.shuttle-banner > a .life-banner-image {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 124px;
  height: 100px;
}

.life-banner.shuttle-banner > a .life-banner-text {
  color: #fff;
}

.life-banner.shuttle-banner.shuttle-banner1 {
  background-color: #657c6c;
}

.life-banner.shuttle-banner.shuttle-banner2 {
  background-color: #e1a199;
}

.life-banner.shuttle-banner.shuttle-banner3 {
  background-color: #9a8db3;
}

.life-banner.shuttle-banner.shuttle-banner4 {
  background-color: #94abc6;
}

.life-banner.shuttle-banner + .shuttle-banner {
  margin-top: 12px;
}

.sub-title + .life-banner.shuttle-banner {
  margin-top: 12px;
}

.shuttle-box {
  position: relative;
  margin: 12px 0 48px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding: 28px 20px 8px;
  border-radius: 10px;
}

.shuttle-box .top-area .text1 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
  padding-bottom: 8px;
}

.shuttle-box .top-area .text2 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
  padding-bottom: 32px;
}

.shuttle-box .top-area .img {
  position: absolute;
  top: 0;
  right: 0;
  width: 124px;
  height: 102px;
}

.shuttle-box .shuttle-box-list li {
  padding: 16px 0;
}

.shuttle-box .shuttle-box-list li + li {
  border-top: 1px solid #ebebeb;
}

.shuttle-box .shuttle-box-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.shuttle-box .shuttle-box-list a.text-link.icon-link {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 500;
}

.shuttle-box .shuttle-box-list a.text-link.icon-link:after {
  right: 0;
  width: 10px;
  height: 10px;
}

.promotion-visual .btn.promo {
  position: absolute;
  left: 24px;
  top: 116px;
}

.promo-event {
  position: absolute;
  left: 24px;
  bottom: 32px;
  width: calc(100% - 48px);
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.promo-event a {
  display: block;
  padding: 24px 20px 22px;
}

.promo-event a .small {
  color: #666;
}

.promo-event a .text {
  margin-top: 6px;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.border-full + .box-container {
  margin-top: 48px;
}

.box-container.first {
  margin-top: 32px;
}

.box-container .card-box-title a {
  position: relative;
  padding-right: 24px;
  color: #222;
}

.box-container .card-box-title a:after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 3px);
  right: 10px;
  width: 8px;
  height: 8px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.benefit-info-box .item .benefit-info-list.flex {
  margin-top: 24px;
}

.benefit-info-box .item .benefit-info-list.flex li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
}

.benefit-info-box .item .benefit-info-list.flex li em {
  width: 100%;
}

.benefit-info-box .item .benefit-info-list.flex li p {
  width: 100%;
}

.accordion-wrap .fold-body .text-default ~ .text-default {
  margin-top: 24px;
}

.accordion-wrap.long .accordion.is-active .fold-body {
  max-height: 2000px;
}

.life-request-list ul li {
  margin-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #ebebeb;
}

.life-request-list ul li.none {
  margin: 0;
  padding: 0;
  border: none;
}

.life-request-list ul li a {
  position: relative;
  padding-right: 12px;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.life-request-list ul li a:after {
  content: '';
  position: absolute;
  top: 8px;
  right: 0;
  width: 10px;
  height: 10px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.life-request-list ul li dl.data-list {
  margin: 2px 0 0 0;
}

.life-request-list ul li dl.data-list dt,
.life-request-list ul li dl.data-list dd {
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.life-request-list ul li dl.data-list dd {
  color: #666;
}

.life-request-list ul li dl.data-list dd.comp {
  color: #0B48BE;
}

.life-request-list ul li dl.data-list dd.fail {
  color: #ee1100;
}

.life-request-list ul li .no-result {
  font-weight: 500;
}

.life-request-list + .btn-more-wrap {
  margin-top: 20px;
}

.step-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.step-wrap:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 15px;
  width: 90%;
  height: 1px;
  background: url(/webapp/v2/common/assets/images/life/icons/group-2.png) repeat-x;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}

.step-wrap div em {
  display: block;
  margin: 0 auto;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ebebeb;
}

.step-wrap div span {
  display: inline-block;
  margin-top: 6px;
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.step-wrap div.ing em {
  background-color: #0B48BE;
}

.step-wrap div.ing span {
  color: #222;
  font-weight: 700;
}

.step-wrap div.comp em {
  position: relative;
  background-color: #fff;
  border: 1px solid #ebebeb;
  font-size: 0;
}

.step-wrap div.comp em:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 11px;
  width: 11px;
  height: 6px;
  border-bottom: 1px solid #0B48BE;
  border-left: 1px solid #0B48BE;
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
}

.step-wrap div.fail em {
  position: relative;
  color: #eb1100;
  background-color: #fff;
}

.step-wrap div.fail em:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #eb1100;
}

.step-wrap div.fail span {
  color: #222;
  font-weight: 700;
}

.step-wrap + .box-gray {
  margin-top: 24px;
}

.box-gray.life {
  text-align: center;
}

.box-gray.life p {
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.box-gray.life.small {
  padding: 12px 16px;
  border-radius: 6px;
}

.page-sub-title.life {
  margin-bottom: 16px;
}

.page-sub-title.life ~ .page-sub-title.life {
  margin-top: 48px;
}

.life-progress-wrap .life-progressBar-wrap {
  position: relative;
  font-size: 0;
  width: 100%;
  height: 20px;
  background-color: #f3f3f3;
  border-radius: 4px;
}

.life-progress-wrap .life-progressBar-wrap .limit-bar {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 20px;
}

.life-progress-wrap .life-progressBar-wrap .limit-bar > i {
  display: block;
  height: 100%;
  background-color: #0B48BE;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-animation: limitBar-max .7s ease-in forwards;
          animation: limitBar-max .7s ease-in forwards;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.life-progress-wrap .life-progressBar-wrap .limit-bar > i.type02 {
  opacity: 0.5;
}

.life-progress-wrap .life-progressBar-wrap + .data-list {
  margin-top: 24px;
}

.life-progress-wrap .data-list.type02 dt,
.life-progress-wrap .data-list.type02 dd {
  margin: 4px 0;
}

.life-progress-wrap .data-list.type02 dt {
  position: relative;
  padding-left: 18px;
}

.life-progress-wrap .data-list.type02 dt:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.life-progress-wrap .data-list.type02 dt.cumul:before {
  background-color: #0B48BE;
}

.life-progress-wrap .data-list.type02 dt.cumul2:before {
  background-color: #0B48BE;
  opacity: 0.5;
}

.life-progress-wrap .data-list.type02 dt.remain:before {
  background-color: #f3f3f3;
}

.life-progress-wrap .data-list.type02 dd {
  font-weight: 500;
}

.life-progress-wrap .box-gray {
  margin-top: 16px;
}

.custom-table.type-life th,
.custom-table.type-life td {
  text-align: center;
}

.custom-table.type-life th {
  font-weight: 500;
}

.custom-table.type-life .no-result {
  padding: 24px 16px;
  color: #666;
}

.custom-table.type03 th,
.custom-table.type03 td {
  padding: 12px 16px;
}

.sub-title.title-depth4.life-pop {
  margin-top: 0;
  color: #222;
  font-weight: 700;
}

.sub-title.title-depth4.life-pop ~ .life-pop {
  margin-top: 28px;
}

.sub-title.title-depth4.life-pop .text {
  margin-top: 4px;
  color: #666;
  font-weight: 400;
}

.list-dot.life-pop > li {
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.natio-list-wrap ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.natio-list-wrap ul li .item {
  width: calc(33.33333% - 5px);
  text-align: center;
}

.natio-list-wrap ul li .item a {
  display: block;
  padding: 14px 8px;
  width: 100%;
  border-radius: 10px;
  background-color: #fafafa;
}

.natio-list-wrap ul li .item a em {
  display: block;
  margin-top: 10px;
  color: #222;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-style: normal;
  line-height: 18px;
}

.natio-list-wrap ul li .item a span {
  display: block;
  margin-top: 1px;
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  line-height: 18px;
}

.natio-list-wrap ul li + li {
  margin-top: 8px;
}

.life-progress-wrap .life-progressBar-wrap {
  position: relative;
  font-size: 0;
  width: 100%;
  height: 20px;
  background-color: #f3f3f3;
  border-radius: 4px;
}

.life-progress-wrap .life-progressBar-wrap .limit-bar {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 20px;
}

.life-progress-wrap .life-progressBar-wrap .limit-bar > i {
  display: block;
  height: 100%;
  background-color: #0B48BE;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-animation: limitBar-max .7s ease-in forwards;
          animation: limitBar-max .7s ease-in forwards;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.life-progress-wrap .life-progressBar-wrap .limit-bar > i.type02 {
  opacity: 0.5;
}

.life-progress-wrap .life-progressBar-wrap + .data-list {
  margin-top: 24px;
}

.life-progress-wrap .data-list.type02 dt,
.life-progress-wrap .data-list.type02 dd {
  margin: 4px 0;
}

.life-progress-wrap .data-list.type02 dt {
  position: relative;
  padding-left: 18px;
}

.life-progress-wrap .data-list.type02 dt:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.life-progress-wrap .data-list.type02 dt.cumul:before {
  background-color: #0B48BE;
}

.life-progress-wrap .data-list.type02 dt.cumul2:before {
  background-color: #0B48BE;
  opacity: 0.5;
}

.life-progress-wrap .data-list.type02 dt.remain:before {
  background-color: #f3f3f3;
}

.life-progress-wrap .data-list.type02 dd {
  font-weight: 500;
}

.life-progress-wrap .box-gray {
  margin-top: 16px;
}

.custom-table.type-life th,
.custom-table.type-life td {
  text-align: center;
}

.custom-table.type-life th {
  font-weight: 500;
}

.custom-table.type-life .no-result {
  padding: 24px 16px;
  color: #666;
}

.custom-table.type03 th,
.custom-table.type03 td {
  padding: 12px 16px;
}

.sub-title.title-depth4.life-pop {
  margin-top: 0;
  color: #222;
  font-weight: 700;
}

.sub-title.title-depth4.life-pop ~ .life-pop {
  margin-top: 28px;
}

.sub-title.title-depth4.life-pop .text {
  margin-top: 4px;
  color: #666;
  font-weight: 400;
}

.list-dot.life-pop > li {
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.natio-list-wrap ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.natio-list-wrap ul li .item {
  width: calc(33.33333% - 5px);
  text-align: center;
}

.natio-list-wrap ul li .item a {
  display: block;
  padding: 14px 8px;
  width: 100%;
  border-radius: 10px;
  background-color: #fafafa;
}

.natio-list-wrap ul li .item a img {
  width: 32px;
  height: 32px;
}

.natio-list-wrap ul li .item a em {
  display: block;
  margin-top: 10px;
  color: #222;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-style: normal;
  line-height: 18px;
}

.natio-list-wrap ul li .item a span {
  display: block;
  margin-top: 1px;
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  line-height: 18px;
}

.natio-list-wrap ul li + li {
  margin-top: 8px;
}

.sub-title.small {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.sub-title.small + .sub-title {
  margin-top: 2px;
}

.remit-info-box .info-text {
  color: #666;
}

.remit-info-box .pay-wrap {
  display: block;
}

.remit-info-box .pay-wrap .pay-usd,
.remit-info-box .pay-wrap .pay-kor {
  color: #0B48BE;
  font-weight: 500;
}

.remit-info-box .pay-wrap .pay-usd + .pay-kor {
  padding-left: 17px;
}

.remit-info-box .pay-wrap .pay-usd + .pay-kor:before {
  content: '';
  position: absolute;
  left: 9px;
  top: 50%;
  width: 1px;
  height: 8px;
  background-color: #ebebeb;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.remit-info-box .pay-wrap .pay-kor {
  position: relative;
}

.remit-info-box .exchangeate {
  display: inline-block;
  margin-top: 16px;
  padding: 3px 6px;
  background-color: #fafafa;
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.remit-info-box.flex {
  position: relative;
  display: block;
  top: -16px;
  padding-bottom: 32px;
  border-bottom: 1px solid #ebebeb;
}

.remit-info-box.flex .item {
  display: inline-block;
  margin-right: 33px;
}

.remit-info-box.flex .item span {
  display: block;
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.remit-info-box.flex .item em {
  display: block;
  color: #0B48BE;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-style: normal;
}

.remit-info-box.flex .item:last-child {
  margin-top: 16px;
  margin-right: 0;
}

.remit-form-wrap .item {
  position: relative;
}

.remit-form-wrap .item .nation {
  position: absolute;
  left: 0;
  top: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.remit-form-wrap .item .nation em {
  margin-left: 8px;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-style: normal;
}

.remit-form-wrap .item label {
  position: absolute;
  right: 26px;
  bottom: 9px;
  color: #bbb;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.remit-form-wrap .item input {
  padding-left: 63px;
  width: 100%;
  height: 45px;
  color: #222;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0px;
  font-weight: 700;
  border: 0;
  border-bottom: 1px solid #ebebeb;
  text-align: right;
  padding-right: 0;
}

.remit-form-wrap .item input::-webkit-input-placeholder {
  color: #666666;
}

.remit-form-wrap .item input:-ms-input-placeholder {
  color: #666666;
}

.remit-form-wrap .item input::-ms-input-placeholder {
  color: #666666;
}

.remit-form-wrap .item input::placeholder {
  color: #666666;
}

.remit-form-wrap .item input:valid {
  border-color: #ebebeb;
}

.remit-form-wrap .item input:active, .remit-form-wrap .item input:focus {
  border-color: #222;
  outline: 0;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-property: border;
  transition-property: border;
}

.remit-form-wrap .item + .item {
  margin-top: 16px;
}

.remit-form-wrap .item:not(.error) + .error-text {
  display: none;
}

.remit-form-wrap .error-text {
  margin-top: 4px;
  color: #ee1100;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.form-wrap-content .sub-title.title-depth4.link {
  position: relative;
}

.form-wrap-content .sub-title.title-depth4.link a {
  position: absolute;
  right: 0;
  top: 0;
}

.form-wrap-content .comp-text {
  margin-top: 16px;
  color: #666;
}

.form-wrap-content.life .input-date-wrap-term {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.form-wrap-content.life .input-date-wrap-term .input-date-wrap {
  width: calc(50% - 4px);
}

.form-wrap-content.life .input-date-wrap-term .btn-select {
  width: calc(50% - 4px);
}

.form-wrap-content .box-gray.data {
  margin-top: 32px;
  padding: 12px 16px;
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.box-gray.life {
  padding: 20px;
  border-radius: 10px;
}

.pop-link-box {
  margin-top: 24px;
  text-align: right;
}

.popup-content .account-select-wrap.my-account .my-account-list.life .my-account-info .bank-name {
  font-weight: 500;
}

.popup-content .account-select-wrap.my-account .my-account-list.life .my-account-info .account-number {
  margin-left: 4px;
  color: #666;
  font-weight: 400;
}

.popup-content .account-select-wrap.my-account .my-account-list.life .my-account-info .account-money {
  display: block;
  font-weight: 400;
}

.pop-box-account {
  text-align: center;
}

.pop-box-account .item {
  padding: 20px;
  border-radius: 10px;
  background-color: #fafafa;
}

.pop-box-account .text {
  display: inline-block;
  margin-top: 8px;
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.title-depth4.title-depth4.unit {
  position: relative;
}

.title-depth4.title-depth4.unit a {
  position: absolute;
  top: 4px;
  right: 0;
}

.life-bank-list .address-box {
  padding: 20px 0;
}

.life-bank-list .address-box .addr-title {
  margin-bottom: 0;
}

.nation-list-box .btn-wrap {
  margin: 33px 0 17px;
  text-align: right;
}

.nation-list-box .btn-wrap .btn {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
}

.nation-list-box .life-bank-list .address-box:first-child {
  border-top: 1px solid #ebebeb;
}

.form-wrap-content.life-pop .input-unit.is-disabled .masking-num-wrap {
  width: 100%;
  background-color: #f3f3f3;
}

.form-wrap-content.life-pop .btn-select + .btn-select {
  margin-top: 12px;
}

.life-table-wrap .link-box {
  margin: 12px 0;
  text-align: right;
}

.life-table-wrap + .list-required {
  margin-top: 12px;
}

.life-certified-box {
  margin-top: 24px;
  text-align: center;
}

.life-certified-box img {
  width: 242px;
}

.form-content .form-info-txt {
  margin-bottom: 16px;
  color: #666;
}

.form-content .form-control-clear.error .custom-input {
  border-color: #ee1100;
}

.form-content .form-control-clear.error .custom-input:active, .form-content .form-control-clear.error .custom-input:focus {
  border-color: #ee1100;
}

.form-content .form-control-clear.error + .text-error {
  display: block;
}

.form-content .form-control-clear:not(.error) + .text-error {
  display: none;
}

.tab-content-wrap.life-pop {
  padding-top: 0;
}

.life-complate-box {
  margin: 16px 0 32px;
  text-align: right;
}

.tab-list-wrap + .tab-content-wrap.life {
  padding-top: 24px;
}

.box-gray.life + .sub-title.title-depth4,
.list-data-default + .list-dot {
  margin-top: 24px;
}

.step-wrap + .sub-title.title-depth4 {
  margin-top: 40px;
}

.sub-title.title-depth3 + .section-container.type02 {
  margin-top: 16px;
}

.remit-info-box + .remit-form-wrap {
  margin-top: 48px;
}

.remit-info-box + .form-wrap-content,
.form-wrap-content + .list-dot {
  margin-top: 32px;
}

.btn-select-type-card {
  position: relative;
  width: 100%;
  height: 76px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding: 0 50px 0 20px;
  margin-top: 8px;
}

.btn-select-type-card::after {
  content: '';
  display: block;
  position: absolute;
  right: 16px;
  width: 24px;
  height: 24px;
  top: calc(50% - 12px);
  background: url(/webapp/v2/common/assets/images/common/icons/icon-arrow-select.svg) no-repeat;
}

.btn-select-type-card > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.btn-select-type-card > div > span {
  margin-top: 4px;
}

.btn-select-type-card img {
  width: 48px;
  height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 15px;
  padding-right: 0px;
}

.btn-select-type-card .bank-name {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-break: normal;
}

.btn-select-type-card .bt-line {
  position: absolute;
  bottom: 18px;
  left: 85px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
}

.w-31 {
  width: 31.7% !important;
}

.bottomsheet .overcon.type2 li {
  height: 72px;
  padding: 15px 0;
}

.bottomsheet .overcon.type2 a {
  display: block;
}

.text-bt-line {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  margin-top: 2px;
}

.box-gray2 {
  background-color: #fafafa;
  border-radius: 10px;
  padding: 20px 0;
}

.currency-list li {
  border-bottom: 1px solid #ebebeb;
  padding: 24px 0 25px;
}

.currency-list li .card-info-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 72px;
      -ms-flex: 72px 1;
          flex: 72px 1;
}

.currency-list li .card-info-wrap .card-thumb {
  width: 72px;
  height: 45px;
  margin-right: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  text-align: center;
}

.currency-list li .card-info-wrap .card-thumb > img {
  height: 100%;
}

.currency-list li .card-wrap {
  position: relative;
  padding-left: 92px;
}

.currency-list li .card-wrap > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
  margin-right: 20px;
}

.currency-list li .card-wrap > img .typeH, .currency-list li .card-wrap > img.card-h {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  width: 45px;
  height: 72px;
  text-align: center;
  margin: 0;
  top: 45px;
}

.currency-list li .card-wrap.card-wrap2 {
  position: relative;
  padding-right: 45px;
}

.currency-list li .card-wrap.card-wrap2 .flag {
  position: absolute;
  top: 0;
  right: 0;
  left: unset;
  min-width: 34px;
  height: 24px;
  line-height: 24px;
}

.currency-list li .accordion-wrap.accordion-gray-wrap {
  background-color: #fafafa;
  border-radius: 10px;
  padding: 0;
}

.currency-list li .accordion-wrap.accordion-gray-wrap .accordion .fold-head {
  padding: 0 20px;
}

.currency-list li .accordion-wrap.accordion-gray-wrap .accordion .fold-body {
  padding: 0 20px;
}

.currency-list li .accordion-wrap.accordion-gray-wrap .accordion .fold-body dl {
  margin-bottom: 20px;
}

.currency-list li.last-child {
  border-bottom: none;
}

.currency-list + .text-center {
  padding: 20px 0 18px;
}

.currency-list + .text-center > .text-link {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.custom-bottomsheet .bottomsheet.bottomsheet-radio-list > .popup-header {
  z-index: 100;
}

.custom-bottomsheet .bottomsheet.bottomsheet-radio-list > .popup-content {
  max-height: 448px !important;
  overflow: hidden;
  overflow-y: auto;
}

.custom-bottomsheet .bottomsheet.bottomsheet-radio-list .custom-label-conts {
  padding-top: 8px;
}

.custom-bottomsheet .bottomsheet.bottomsheet-radio-list .custom-label-conts .order-list li {
  height: 56px;
  line-height: 56px;
}

.custom-bottomsheet .bottomsheet.bottomsheet-radio-list .custom-label-conts .order-list li .custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=radio] + label {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.custom-bottomsheet .bottomsheet.bottomsheet-radio-list .custom-label-conts .order-list li .custom-radio-chk input[type=radio]:checked + label {
  color: #3674bc;
}

.custom-bottomsheet .bottomsheet > .popup-footer.pd24 {
  padding: 24px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.pb48 {
  padding-bottom: 48px !important;
}

/* 
.other-service-list {
    .btn { 
        padding: 0 12px;
    
        & > i {margin-right:6px;}
    }
    
}
*/
.box-gray-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border-radius: 10px;
  background-color: #f3f3f3;
  padding: 0;
}

.box-gray-btn > a {
  padding: 20px;
}

.box-gray-btn > a::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 5px);
  right: 23px;
  width: 10px;
  height: 10px;
  border: solid #666;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.btn-icon-custom.icon-filter span.text-regular::after {
  background-position: 0 1px;
}

.swiper-wrapper.life-slide .swiper-slide {
  opacity: 0.4;
  -webkit-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out;
  margin-right: 12px;
}

.swiper-wrapper.life-slide .swiper-slide.swiper-slide-active {
  opacity: 1;
  -webkit-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out;
}

.card-wrap-brown {
  position: relative;
  height: 186px;
  background-color: #817169;
  border-radius: 10px;
  padding: 24px 20px;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  letter-spacing: 0;
}

.card-wrap-brown .master-logo {
  width: 56px;
  position: absolute;
  bottom: 16px;
  right: 20px;
}

.card-wrap-brown .round {
  background-color: rgba(34, 34, 34, 0.6);
  border-radius: 16px;
  padding: 1px 5px 1px 12px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #817169;
}

.card-wrap-brown .round span {
  color: #fff;
}

.card-wrap-brown .card-number {
  margin: 12px 0 36px;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: bold;
}

.card-wrap-brown .card-date {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.card-wrap-brown .card-date > div {
  margin-right: 20px;
  line-height: 18px;
}

.card-wrap-brown .card-date > div span {
  display: block;
  font-size: 10px;
  opacity: 0.6;
  letter-spacing: 0.5px;
}

.card-wrap-brown .over-text {
  height: 186px;
  width: 100%;
  padding-top: 45px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #817169;
  border-radius: 10px;
  opacity: 0.8;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  text-align: center;
}

.card-wrap-brown .over-text .icon-lock {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/webapp/v2/common/assets/images/life/graphic-lock-32@2x.png);
}

.box-type-line {
  height: 64px;
  padding: 20px;
  margin-top: 12px;
  border: 1px solid #ebebeb;
  border-radius: 10px;
}

.box-type-line .point {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
}

.icon-btn-wrap {
  position: relative;
  margin-top: 26px;
}

.icon-btn-wrap:after {
  display: block;
  content: "";
  width: 1px;
  height: 14px;
  position: absolute;
  top: calc(50% - 7px);
  left: 50%;
  background-color: #ebebeb;
}

.icon-btn-wrap .btn-white {
  background-color: #fff;
  border: none;
  color: #222;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  height: 22px;
}

.icon-btn-wrap .btn-white.btn.btn-icon-c i {
  width: 24px;
  height: 24px;
}

.icon-c-card {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-card-24.svg);
}

.icon-c-delete {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-delete-24.svg);
}

.serice-wrap {
  margin: 32px 0;
}

.bg-gray {
  background-color: #fafafa !important;
}

.subscribe-banner.box-green {
  border-radius: 10px;
  background: #d4f1ef url(/webapp/v2/common/assets/images/life/img-life-banner-lottecard@2x.png) no-repeat right 0;
  background-size: 124px 100px;
}

.subscribe-banner.box-gray.rental {
  padding: 20px !important;
}

.subscribe-banner.box-gray.rental p {
  line-height: 22px;
}

.subscribe-detail-text {
  margin-bottom: 24px;
}

.border-box.data-list-box {
  padding: 0 20px;
  margin-bottom: 48px;
}

.data-list2.d-flex-between {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  padding: 20px 0;
  border-top: 1px solid #ebebeb;
}

.data-list2.d-flex-between:first-child {
  border-top: none;
}

.data-list2.d-flex-between > dd {
  text-align: right;
}

.form-wrap-content.d-flex-between.h-32 {
  height: 32px;
  margin-bottom: 8px;
}

.form-wrap-content.d-flex-between.h-32 > h4 {
  margin: 0;
  line-height: 32px;
}

.form-wrap-content.d-flex-between.h-32 > h4 > label {
  margin: 0;
}

hr.border-full {
  margin-top: 48px;
}

.address-result-wrap {
  margin-bottom: 16px;
}

.address-box.address-view .flag.flag-tip {
  width: auto;
  color: #222 !important;
}

.data-list.data-list-card {
  padding: 14px 0;
  border-top: 1px solid #222;
}

.data-list.data-list-card + .accordion-wrap .accordion {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
  border-top: 1px solid #ebebeb;
}

.data-list.data-list-card + .accordion-wrap .accordion .fold-head {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-height: 48px;
}

.data-list.data-list-card + .accordion-wrap .accordion .fold-head .btn-fold {
  margin-top: 0;
}

.data-list.data-list-card + .accordion-wrap .accordion .fold-head div {
  margin-right: 38px;
}

.data-list.data-list-card + .accordion-wrap .accordion .fold-head .btn-fold::before,
.data-list.data-list-card + .accordion-wrap .accordion .fold-head .btn-fold::after {
  background-color: #222;
}

.data-list.data-list-card + .accordion-wrap .accordion.is-active {
  border: none;
}

.data-list.data-list-card + .accordion-wrap .accordion.is-active .fold-body {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.data-list.data-list-card + .accordion-wrap .accordion.is-active .fold-body.box-gray-rd10 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.address-result-wrap + .address-result-wrap {
  margin-top: 38px;
}

.accordion-wrap .accordion.is-active .fold-body > .sub-title {
  color: #222;
}

.apt-list .address-box .addr-label {
  margin-bottom: 16px;
}

.border-box ~ .border-box {
  margin-top: 12px;
}

/* 21-08-20 공통 가이드라 삭제함
.custom-bottomsheet {
    .bottomsheet {
        & > .popup-footer{padding-top:0;}
    }
} 
*/
.popup-layer > .popup-content.popup-content-list {
  padding: 24px 24px 0 24px;
  margin-bottom: 24px;
}

.popup-content-list > ul > li {
  padding: 16px 0;
  border-top: 1px solid #ebebeb;
  font-weight: 500;
}

.popup-content-list > ul > li:first-child {
  border-top: none;
}

.popup-content-list > ul > li .detail-add {
  padding-top: 2px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
}

.popup-content-list > ul > li span.bar {
  display: inline-block;
  height: 14px;
  line-height: 14px;
  border-right: 1px solid #ebebeb;
  padding-right: 8px;
  margin-right: 8px;
}

.inner-list li ~ li {
  margin-top: 8px;
}

.accordion-wrap.type-button.type-full .list-dot > li .list-hyphen > li {
  margin-top: 8px;
}

.address-box .addr-title span.bar {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  border-right: 1px solid #ebebeb;
  padding-right: 8px;
  margin-right: 8px;
}

span.school-bar {
  display: inline-block;
  position: relative;
  padding-right: 8px;
  margin-right: 8px;
}

span.school-bar:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  right: 0;
  width: 1px;
  height: 14px;
  background: #bbb;
}

.selectbox.disabled .tit::after {
  display: none;
}

.management-wrap + .btn-wrap {
  margin-top: 48px;
}

.custom-bottomsheet.type-footer .bottomsheet > .popup-content {
  min-height: unset;
}

.card-select-info span {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.card-select-info em {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-style: normal;
  color: #666;
  padding-left: 4px;
}

.btn-more-wrap.text-center.type-life {
  margin: 20px 0 34px;
  color: #222;
}

.address-result-wrap {
  position: relative;
}

.popup-btn .flag.flag-tip {
  width: auto;
  position: absolute;
  right: 0;
  left: unset;
}

.custom-bottomsheet.type-footer .bottomsheet > .popup-content {
  min-height: unset;
}

.mb32 {
  margin-bottom: 32px !important;
}

.linkbox + .linkbox {
  margin-top: 12px;
}

.linkbox-text .linkbox-text__sub .sub-text {
  display: block;
  line-height: 18px;
}

.shuttle-payment-list a.text-link.icon-link .link-arrow-right {
  margin-right: 17px;
}

.shuttle-payment-list + .custom-banner {
  margin-top: 12px;
}

.shuttle-payment-list + .custom-banner + .custom-banner {
  margin-top: -20px;
}

.promotion-wrap .list-number > li {
  list-style: none;
  list-style-position: unset;
  font-weight: 500;
}

.promotion-wrap .list-number > li + li {
  margin-top: 12px;
}

.shuttle-payment .payment-wrap .box-gray {
  border-radius: 10px;
}

.sub-title.title-depth3 + .custom-banner {
  margin-top: 12px;
}

.box-gray.box-gray-rd10 {
  border-radius: 10px;
}

.shuttle-payment-list a.text-link.icon-link.arrow-none {
  padding-right: 0;
}

.shuttle-payment-list a.text-link.icon-link.arrow-none .link-arrow-right {
  margin-right: 0;
}

.shuttle-payment-list a.text-link.icon-link.arrow-none:after {
  display: none;
}

.popup-layer.popup-full > .popup-footer {
  padding: 24px;
}

.sub-container + .sub-title.title-depth3 {
  padding-top: 1px;
}

.timeline-box .timeline-list-name > div {
  color: #222;
}

.management-wrap .data-list.data-list-card + .accordion-wrap.usage-detail .accordion .fold-head div {
  font-weight: 500;
}

.other-service::before {
  top: -32px;
}

.linkbox {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

.mb90 {
  margin-bottom: 90px;
}

.box-link-shadow.card-img {
  padding: 24px 20px;
}

.box-link-shadow.card-img > a .my-banner-title {
  position: relative;
}

.box-link-shadow.card-img > a .my-banner-title::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 3px;
  width: 9px;
  height: 9px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.box-link-shadow.card-img > .d-flex-between > li {
  overflow: hidden;
  border-radius: 8px;
}

.fold-head.agreeChk-accodion-head .text-link.text-blue {
  position: absolute;
  right: 20px;
}

.fold-head.agreeChk-accodion-head ~ .fold-head.agreeChk-accodion-head {
  border-top: 1px solid #ebebeb;
}

.data-list-card .d-flex span.card-label + em {
  font-style: normal;
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  line-height: 22px;
  letter-spacing: -.5px;
  font-weight: 400;
  margin-left: 4px;
}

.address-result-wrap .address-box .addr-subtitle {
  color: #666;
}

.shuttle-payment-list > li .box-gray .complate-round-wrap dl.data-list-flex dd .color-numb {
  color: #666;
}

dl.data-list.data-list-view.small {
  margin: 20px 0;
}

.popup-content.pd24 {
  padding: 24px;
}

.box-gray.data .list-dot.list-dot-small > li {
  line-height: 1.57;
}

.apt-list .border-box.disabled .data-list dd.card-select-info {
  opacity: 10 !important;
}

a.text-link.icon-link.text-14.text-medium {
  padding-right: 28px;
}

a.text-link.icon-link.text-14.text-medium:after {
  margin-top: -3px;
  right: 11px;
  width: 9px;
  height: 9px;
}

.life-request-list.info-list2 > ul > li {
  margin-top: 24px;
  padding-bottom: 24px;
}

.life-request-list.info-list2 > ul > li dl.data-list {
  margin-top: 0;
}

.life-request-list.info-list2 > ul > li dl.data-list dt,
.life-request-list.info-list2 > ul > li dl.data-list dd {
  margin-top: 4px;
  margin-bottom: 0;
}

.data-list em {
  font-style: normal;
}

.data-list .d-flex span.card-label + em {
  font-style: normal;
  color: #666;
  margin-left: 4px;
}

.custom-bottomsheet .bottomsheet > .popup-header.coupon-header > .popup-title {
  overflow: auto;
  white-space: unset;
  text-overflow: unset;
}

.btn.btn-icon-c.btn-xs.icon-t2 i {
  position: relative;
  top: 2px;
}

.form-wrap-content.life-pop .input-unit.is-disabled .masking-num-wrap {
  width: calc(100%/2);
}

.input-unit.unit-mix.personal.is-disabled .masking-num-wrap .masking-sex {
  color: #999;
}

.accordion-wrap.type-full.type-full-border-d .accordion .fold-body > ul {
  padding: 0;
}

.list-data-default > .list-items > div > span.bar {
  position: relative;
  margin-right: 6px;
  padding-right: 6px;
}

.list-data-default > .list-items > div > span.bar::after {
  content: '';
  position: absolute;
  right: 0;
  top: calc(50% - 6px);
  height: 14px;
  width: 1px;
  background-color: #bbb;
}

.form-wrap-content.d-flex-between > .btn.btn-icon-custom {
  min-width: unset;
}

.promotion-wrap > .box-gray2 > .message-text.text-center {
  font-weight: 400;
}

.pop-life-text + .pop-life-list {
  margin-top: 24px;
}

.pop-life-list ol,
.pop-life-list ul {
  counter-reset: num;
}

.pop-life-list ol li,
.pop-life-list ul li {
  font-weight: 500;
}

.pop-life-list ol li:before,
.pop-life-list ul li:before {
  counter-increment: num;
  content: counter(num) ".";
}

.pop-life-list ol li .list-tit,
.pop-life-list ul li .list-tit {
  display: inline-block;
  padding: 10px 0;
}

.pop-life-list ol li p + .custom-table,
.pop-life-list ul li p + .custom-table {
  margin-top: 16px;
}

.pop-life-list ol li .custom-table,
.pop-life-list ul li .custom-table {
  margin-top: 8px;
}

.pop-life-list ol li .custom-table th,
.pop-life-list ol li .custom-table td,
.pop-life-list ul li .custom-table th,
.pop-life-list ul li .custom-table td {
  padding: 12px 16px 12px;
}

.pop-life-list ol li .custom-table th,
.pop-life-list ul li .custom-table th {
  font-weight: 500;
}

.pop-life-list ol li + li,
.pop-life-list ul li + li {
  margin-top: 32px;
}

.pop-life-list ul {
  counter-reset: initial;
}

.pop-life-list ul li:before {
  display: none;
}

.pop-life-list + .list-required {
  margin-top: 32px;
}

.pop-life-list + .list-required li {
  color: #222;
}

.input-unit.unit-mix.personal .masking-num-wrap .masking-num.p-t2 {
  top: -2px;
}

.bottomsheet .overcon a.card-main.card-main-b6::before {
  bottom: 8px;
}

.other-service.payment {
  margin-bottom: 0;
  padding-top: 0;
}

.other-service.payment.mb48 {
  margin-bottom: 40px !important;
}

@media screen and (max-width: 330px) {
  .service-cost.join-info .data-list-view dd > .d-flex {
    padding-bottom: 26px;
  }
  .service-cost.join-info .data-list-view dd > .d-flex > .btn {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .shop-wrap .benefit-list li div.flex .tit-cost {
    padding-right: 24px;
  }
  .shop-wrap .benefit-list li div.flex .text-link {
    min-width: 26px;
    text-align: center;
  }
  .text-overflow {
    width: 75px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 16px;
    white-space: nowrap;
  }
}

.list-data-default.notice {
  padding-bottom: 19px;
}

.list-data-default.notice li.list-link.default {
  padding-bottom: 0;
}

.list-data-default.notice li.list-link.default a {
  padding: 24px 0;
}

.addr-title.line-clamp2,
.addr.line-clamp2,
.h-42.line-clamp2 {
  overflow: hidden;
}

.instawash li {
  width: 100%;
  display: table;
  overflow: hidden;
}

.instawash li .left {
  display: table-cell;
}

.instawash li .left .text-ellipsis {
  width: 165px;
  overflow: hidden;
  display: inline-block;
  position: relative;
  top: 4px;
}

.instawash li .right {
  display: table-cell;
  text-align: right;
  color: #666;
  line-height: 26px;
  padding-right: 2px;
}

@media screen and (max-width: 348px) {
  .instawash li .left .text-ellipsis {
    width: 140px !important;
  }
}

.list-wrap .link-item-list.wd62 > li > div dl.item-content {
  max-width: 62%;
}

.linkbox-wrap33 .linkbox.linkbox-md .linkbox-icon {
  top: 33px;
}

.form-content.col2.mult-select .selectbox {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
}

.form-content.col2.mult-select .selectbox:first-child {
  min-width: 130px;
  max-width: 130px;
  width: 130px;
}

.form-content.col2.mult-select .selectbox .tit {
  width: 100%;
}

.list-required.line-h-16 > li {
  line-height: 16px;
}

.list-required.line-h-16 > li::before {
  line-height: 16px;
}

.card-select.master .tit {
  height: 76px;
  padding: 0 40px 0 80px;
}

.card-select.master .bt-line {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -.5px;
  color: #666;
  font-weight: 400;
}

.tab-list-wrap.tab-full::before {
  display: none;
}

.service-cost.join-info > .bt-btn .text-link::before {
  bottom: 2px;
}

.apt-list .text-link::before {
  bottom: 2px;
}

.shuttle-payment-list a.text-link.icon-link .link-arrow-right {
  font-size: 0;
  line-height: 0;
}

.shuttle-payment-list a.text-link.icon-link .link-arrow-right > div {
  font-size: 16px;
  line-height: 24px;
  position: relative;
  top: -1px;
}

.usage-detail.accordion-wrap .accordion .fold-head .btn-fold.btm-4 {
  bottom: 5px;
}

span[data-money].numberCounter em {
  letter-spacing: 0;
}

.card-wrap {
  position: relative;
}

.card-wrap > img.typeH {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  width: 45px !important;
  height: 72px;
  text-align: center;
  margin: 0;
  position: absolute;
  top: 45px !important;
}

.remit-form-wrap .item .nation em {
  position: relative;
  top: -2px;
}

.remit-form-wrap .item .nation > img {
  width: 20px;
  height: 20px;
}

.thumbnail-slide.travel li .text-box .text .text-ellipsis2 {
  height: 42px;
  margin-bottom: 6px;
}

.mb40 {
  margin-bottom: 40px !important;
}

.no-result-wrap.page {
  height: 214px;
  border-radius: 10px;
}

.no-result-wrap.page > .no-result-message {
  font-weight: 500;
}

.selectbox .tit {
  word-break: keep-all;
}

.sub-title.title-depth5 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.anchor-list-wrap.type02.overflow-x {
  padding: 0 24px;
  border-bottom: 1px solid #ebebeb;
}

.anchor-list-wrap.type02.overflow-x:before {
  content: none;
}

.anchor-list-wrap.type02.overflow-x + .anchor-wrap .anchor-target {
  padding-top: 0;
}

.anchor-list-wrap.type02.overflow-x + .anchor-wrap .fix-pt100 {
  padding-top: 0;
}

.anchor-list-wrap.type02.overflow-x.fix + .anchor-wrap.fix-pt100 {
  padding-top: 117px;
}

.top-tab .anchor-list-wrap.type02.overflow-x {
  border-top: none;
}

.top-tab .anchor-list-wrap.type02.overflow-x + .anchor-wrap .anchor-target:first-child {
  padding-top: 32px;
}

.top-tab .anchor-list-wrap.type02.overflow-x + .anchor-wrap .anchor-target:first-child .sub-title {
  padding-top: 0px;
}

.top-tab .anchor-list-wrap.type02.overflow-x + .anchor-wrap .anchor-target .sub-title {
  padding-top: 32px;
}

.top-tab .anchor-list-wrap.type02.overflow-x + .anchor-wrap .anchor-target .sub-title + .subscribe-list {
  margin-bottom: 0;
}

.top-tab .anchor-list-wrap.type02.overflow-x + .anchor-wrap .anchor-target .subscribe-list li:last-child {
  margin-bottom: 16px;
}

.top-tab .anchor-list-wrap.type02.overflow-x .anchor-list .anchor-trriger {
  padding: 13px 0;
  margin-left: 25px;
}

.top-tab .anchor-list-wrap.type02.overflow-x .anchor-list .anchor-trriger:first-child {
  margin-left: 0;
}

.top-tab .anchor-wrap.tab-content-wrap > .anchor-target:last-of-type {
  min-height: calc(100vh - 112px - var(--safe-top) - var(--safe-bottom));
}

.anchor-list .anchor-trriger:last-of-type:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -24px;
  width: 24px;
  height: 100%;
}

.sub-title.title-depth4.d-flex-between .input-label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* 모빌리티팩 */
.flag-green3 {
  background-color: #42A485;
}

.relax-shopping-list.mobpack .text-blue {
  color: #3674bc !important;
}

.relax-shopping-list.mobpack li .shopping-title span:after {
  border-color: #3674bc;
}

.benefit-list.mobpack .text-link {
  color: #3674bc !important;
}

.icon-car2::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
  width: 18px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-car2-16@2x.png);
}

/* CSRUIUX-675 [기/라/디/퍼] 고관여_폰케어 서비스 신규화면 */
.phoneCare .sub-title.title-depth3 .flag-cancel {
  top: -2px;
  margin-left: 8px;
}

.phoneCare .flag.flag-cancel {
  background-color: #ea7869;
  font-weight: 400;
  height: 22px;
  line-height: 22px;
}

.phoneCare.bottomsheet .popup-content .custom-checkbox.checkbox-border input[type=checkbox]:checked + label::before {
  background-color: #206cfe;
}

.phoneCare.bottomsheet .popup-content .custom-checkbox.checkbox-md input[type=checkbox]:checked + label::before,
.phoneCare.bottomsheet .popup-content .custom-checkbox.checkbox-lg input[type=checkbox]:checked + label::before {
  background-color: #206cfe;
}

.phoneCare.bottomsheet .popup-content .agreeChk-cont-btn > a {
  color: #3674bc !important;
}

.phoneCare .attention-area .list-dot {
  color: #666666;
}

.phoneCare .attention-area .list-dot > li::before {
  background: #666666;
}

.phoneCareMain.sub-header {
  background-color: #7cafc7;
}

.phoneCareMain.sub-header .sub-title {
  color: #222;
}

.phoneCareMain.sub-header .btn-prev {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-history-back.svg);
}

.phoneCareMain.sub-header.fixed {
  background-color: #fff;
}

.phoneCareMain.sub-header.fixed .sub-title {
  color: #222;
}

.phoneCareMain.sub-header.fixed .btn-prev {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-history-back.svg);
}

.phoneCareMain .container-box {
  width: 100vw;
  margin-left: -24px;
  text-align: left;
}

.phoneCareMain .container-box .img-area {
  width: 100%;
}

.phoneCareMain .container-box.navy {
  background-color: #242058;
  color: #fff;
}

.phoneCareMain .container-box.skyblue {
  background-color: #7cafc7;
  color: #242058;
}

.phoneCareMain .container-box.gray {
  background-color: #d5d0cb;
  color: #242058;
}

.phoneCareMain .container-box.top-area {
  position: relative;
  padding-top: 34px;
  margin-top: -15px;
  color: #222;
}

.phoneCareMain .container-box.top-area .txt-area {
  padding-right: 24px;
  padding-left: 24px;
}

.phoneCareMain .container-box.top-area .txt-area .sub-tit {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.phoneCareMain .container-box.top-area .txt-area .sub-tit + .main-tit {
  margin-top: 8px;
}

.phoneCareMain .container-box.top-area .txt-area .main-tit {
  font-size: 22px;
  line-height: 32px;
  font-weight: bold;
}

.phoneCareMain .container-box.top-area .img-area {
  position: relative;
}

.phoneCareMain .container-box.top-area .img-area > img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 450px;
  opacity: 0.8;
  z-index: 20;
}

.phoneCareMain .container-box.top-area .evt-link {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 13px 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  background-color: rgba(23, 22, 28, 0.6);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  z-index: 30;
}

.phoneCareMain .container-box.top-area .evt-link::after {
  content: '';
  display: inline-block;
  position: inherit;
  width: 24px;
  height: 24px;
  right: 16px;
  top: calc(50% - 12px);
  z-index: 23;
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/webapp/v2/spa/assets/images/mydata/icons/ic_24_arr_right_1.5px_wh.svg);
}

.phoneCareMain .container-box.top-area .evt-link > .flag.flag-green3 {
  padding: 7px 8px 5px;
  padding: 3px 8px;
  margin-right: 6px;
  height: 24px;
  letter-spacing: -0.06px;
}

.phoneCareMain .container-box.top-area .evt-link > .flag.flag-green3 + .txt {
  margin-left: 6px;
}

.phoneCareMain .container-box.top-area .evt-link > .txt {
  display: -webkit-box;
  width: calc(100% - 77px);
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  -webkit-line-clamp: 2;
  -Webkit-box-orient: vertical;
}

.phoneCareMain .container-box.contents-area {
  padding: 60px 24px;
}

.phoneCareMain .container-box.contents-area .benefit-container .top-txt {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: -0.1px;
}

.phoneCareMain .container-box.contents-area .benefit-container .top-txt + .sub-tit {
  margin-top: 60px;
}

.phoneCareMain .container-box.contents-area .benefit-container .sub-tit {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
}

.phoneCareMain .container-box.contents-area .benefit-container .sub-tit + .main-title {
  margin-top: 16px;
}

.phoneCareMain .container-box.contents-area .benefit-container .sub-tit + .benefit-discount {
  margin-top: 8px;
}

.phoneCareMain .container-box.contents-area .benefit-container .sub-tit + .benefit-l-tit {
  margin-top: 8px;
}

.phoneCareMain .container-box.contents-area .benefit-container .benefit-l-tit {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.8px;
}

.phoneCareMain .container-box.contents-area .benefit-container .benefit-l-tit + .desc-txt {
  margin-top: 12px;
}

.phoneCareMain .container-box.contents-area .benefit-container .benefit-l-tit + .go-benefit {
  margin-top: 12px;
}

.phoneCareMain .container-box.contents-area .benefit-container .benefit-discount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.phoneCareMain .container-box.contents-area .benefit-container .benefit-discount .cnt {
  font-size: 58px;
  font-weight: bold;
  line-height: 1.03;
  letter-spacing: -0.5px;
}

.phoneCareMain .container-box.contents-area .benefit-container .benefit-discount .cnt + .unit {
  margin-left: 2px;
}

.phoneCareMain .container-box.contents-area .benefit-container .benefit-discount .unit {
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: -0.12px;
}

.phoneCareMain .container-box.contents-area .benefit-container .benefit-discount .unit + .cnt {
  margin-left: 2px;
}

.phoneCareMain .container-box.contents-area .benefit-container .benefit-discount + .desc-txt {
  margin-top: 12px;
}

.phoneCareMain .container-box.contents-area .benefit-container .main-title {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.38;
  letter-spacing: -0.16px;
}

.phoneCareMain .container-box.contents-area .benefit-container .main-title + .desc-txt {
  margin-top: 16px;
}

.phoneCareMain .container-box.contents-area .benefit-container .main-title + .go-benefit {
  margin-top: 24px;
}

.phoneCareMain .container-box.contents-area .benefit-container .service-name {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.phoneCareMain .container-box.contents-area .benefit-container .service-name + .desc-txt {
  margin-top: 8px;
}

.phoneCareMain .container-box.contents-area .benefit-container .service-name + .banner-area {
  margin-top: 32px;
}

.phoneCareMain .container-box.contents-area .benefit-container .desc-txt {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.phoneCareMain .container-box.contents-area .benefit-container .desc-txt.txt-white {
  color: #fff;
}

.phoneCareMain .container-box.contents-area .benefit-container .desc-txt + .go-benefit {
  margin-top: 24px;
}

.phoneCareMain .container-box.contents-area .benefit-container .desc-txt + .go-terms {
  margin-top: 20px;
}

.phoneCareMain .container-box.contents-area .benefit-container .go-benefit {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  letter-spacing: -0.08px;
  color: #222;
  text-decoration: underline;
}

.phoneCareMain .container-box.contents-area .benefit-container .go-benefit.txt-white {
  color: #fff;
}

.phoneCareMain .container-box.contents-area .benefit-container .go-benefit + .sub-tit {
  margin-top: 32px;
}

.phoneCareMain .container-box.contents-area .benefit-container .go-terms {
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.phoneCareMain .container-box.contents-area .benefit-container .go-terms::after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 24px;
  height: 24px;
  right: 0;
  top: calc(50% - 11px);
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/webapp/v2/common/assets/images/life/sub_arrow_Down.png);
  background-size: cover;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.phoneCareMain .container-box.contents-area .benefit-container .img-area {
  width: 100vw;
  margin-left: -24px;
}

.phoneCareMain .container-box.contents-area .benefit-container .img-area > img {
  width: 100%;
}

.phoneCareMain .container-box.contents-area .benefit-container .banner-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ea7869;
  border-radius: 16px;
}

.phoneCareMain .container-box.contents-area .benefit-container .banner-area .banner-txt {
  padding-left: 16px;
  width: calc(100% - 100px);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
  text-align: left;
  color: #fff;
}

.phoneCareMain .container-box.contents-area .benefit-container .banner-area .banner-img {
  width: 100px;
}

.phoneCareMain .container-box.contents-area .benefit-container .banner-area .banner-img > img {
  width: 100%;
}

.phoneCareMain .container-box.contents-area .benefit-container .banner-area > a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.phoneCareMain .container-box.contents-area .benefit-list + .benefit-list {
  margin-top: 60px;
}

.phoneCareMain .container-box.service-area {
  padding: 32px 24px 40px;
}

.phoneCareMain .container-box.list-area {
  padding: 24px 24px 48px;
}

.phoneCareMain .container-box.list-area .list-dot {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.phoneCareMain .container-box.list-area .box-gray {
  background-color: #bbb;
  border-radius: 16px;
}

.phoneCareMain .container-box.list-area .box-gray .list-required > li {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #222;
}

.phoneCareMain .container-box.bottom-area {
  padding: 24px;
}

.phoneCareMain .container-box.blank-area {
  margin-top: -46px;
  padding: 8px;
}

.phoneCareMain hr.border-full {
  background: #bbb;
}

.phoneCareMain .accordion-wrap {
  background: #d5d0cb;
  border-top: none;
  border-bottom: solid 1px #bbb;
}

.phoneCareMain .accordion-wrap .accordion .fold-head {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.phoneCareMain .accordion-wrap .accordion .fold-head .btn-fold::before,
.phoneCareMain .accordion-wrap .accordion .fold-head .btn-fold::after {
  width: 2px;
  height: 11px;
}

.phoneCareMain .accordion-wrap.type-full .accordion .fold-body .sub-title.title-depth4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.phoneCareMain .accordion-wrap.type-full .accordion .fold-body .list-dot {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.phoneCareMain .accordion-wrap.type-full .accordion .fold-body .list-hyphen {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.phoneCareMain .accordion-wrap.type-full .accordion .fold-body .list-asterisk {
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.phoneCareMain .accordion-wrap.type-full .accordion .fold-body .list-required {
  margin-top: 12px;
}

.phoneCareMain .accordion-wrap.type-full .accordion .fold-body .list-required > li {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.phoneCareMain .accordion-wrap .accordion .fold-head .btn-fold::before {
  display: none;
}

.phoneCareMain .accordion-wrap .accordion .fold-head .btn-fold::after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 24px;
  height: 24px;
  right: 0;
  top: calc(50% - 11px);
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/webapp/v2/common/assets/images/life/sub_arrow_Down.png);
  background-size: cover;
  -webkit-transform: none;
          transform: none;
}

.phoneCareMain .accordion-wrap .accordion .fold-head .btn-fold[aria-expanded=true]::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.phoneCareMain .txt-white {
  color: #fff;
}

@media screen and (max-width: 360px) {
  .phoneCareMain .container-box.top-area .img-area {
    height: 160px;
  }
}

@media screen and (min-width: 361px) and (max-width: 389px) {
  .phoneCareMain .container-box.top-area .img-area {
    height: 165px;
  }
}

@media screen and (min-width: 390px) and (max-width: 411px) {
  .phoneCareMain .container-box.top-area .img-area {
    height: 165px;
  }
}

@media screen and (min-width: 412px) {
  .phoneCareMain .container-box.top-area .img-area {
    height: 175px;
  }
}

/* 230801 CSRUIUX-390 라이프 상조컨텐츠 추가 */
.funeral-service.promotion-visual {
  padding-top: 286px;
}

.funeral-service.promotion-visual .promotion-banner {
  height: 200px;
}

.funeral-service.promotion-visual .promotion-banner > img {
  width: 225px;
  height: auto;
}

.funeral-service.promotion-visual .promotion-name b {
  font-weight: normal;
}

.funeral-service.promotion-visual .promotion-name .text {
  color: #206cfe;
}

.funeral-service.promotion-wrap .promotion-banner {
  position: relative;
  padding: 24px;
  background-color: #8fd4ff;
  border-radius: 16px;
}

.funeral-service.promotion-wrap .promotion-banner + .box-container {
  margin-top: 40px;
}

.funeral-service.promotion-wrap .promotion-banner > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.funeral-service.promotion-wrap .promotion-banner .sub-tit {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.57px;
  color: #000;
}

.funeral-service.promotion-wrap .promotion-banner .sub-tit + .banner-tit {
  margin-top: 4px;
}

.funeral-service.promotion-wrap .promotion-banner .banner-tit {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.44;
}

.funeral-service.promotion-wrap .promotion-banner .banner-img {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

.funeral-service.promotion-wrap .promotion-banner .banner-img > img {
  width: auto;
  height: 100%;
}

.funeral-service.promotion-wrap .box-container .card-box-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.5px;
  color: #206cfe;
}

.funeral-service.promotion-wrap .box-container .card-box-title + .card-box-text {
  margin-top: 16px;
}

.funeral-service.promotion-wrap .box-container .card-box-text {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #666;
}

.funeral-service.promotion-wrap .box-container .product-list {
  margin-top: 16px;
}

.funeral-service.promotion-wrap .box-container .product-list > li {
  padding: 24px 20px 28px;
  border: 1px solid #ebebeb;
  border-radius: 10px;
}

.funeral-service.promotion-wrap .box-container .product-list > li .product-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.5px;
  color: #222;
}

.funeral-service.promotion-wrap .box-container .product-list > li .product-title + .price-area {
  margin-top: 16px;
}

.funeral-service.promotion-wrap .box-container .product-list > li .price-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.funeral-service.promotion-wrap .box-container .product-list > li .price-area .monthly-price {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.57px;
  color: #222;
}

.funeral-service.promotion-wrap .box-container .product-list > li .price-area .total-price {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: -0.64px;
  color: #206cfe;
}

.funeral-service.promotion-wrap .box-container .product-list > li .price-area + .product-img {
  margin-top: 16px;
}

.funeral-service.promotion-wrap .box-container .product-list > li .product-img {
  width: 100%;
}

.funeral-service.promotion-wrap .box-container .product-list > li .product-img > img {
  width: 100%;
}

.funeral-service.promotion-wrap .box-container .product-list > li + li {
  margin-top: 20px;
}

.funeral-service.promotion-wrap .box-container + .box-container {
  margin-top: 40px;
}

/* CSRUIUX-664 [기/디/퍼] 안심쇼핑 서비스 쿠폰교체(롯데ON -> 올리브영,다이소) */
.safeShopping .custom-banner {
  margin: 58px auto 48px;
}

.safeShopping .custom-banner > a.type-img4 .custom-banner-cont .custom-banner-text {
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.safeShopping .relax-shopping-list > li > a .shopping-title {
  color: #3674bc;
}

.safeShopping .relax-shopping-list > li > a .shopping-title span::after {
  border: solid #3674bc;
  border-width: 1px 1px 0 0;
}

.safeShopping .relax-shopping-list > li > a .shopping-text {
  margin-bottom: 24px;
}

.safeShopping .service-cost .service-cost-text + .btn {
  margin-top: 24px;
}

.safeShopping .box-container .life-coupon-wrap .link-item-list > li .list-dot > li {
  margin-top: 8px;
}

.safeShopping .box-container .life-coupon-wrap .link-item-list > li .list-hyphen {
  margin-top: 8px;
}

.safeShopping .box-container .life-coupon-wrap .link-item-list > li .list-hyphen > li {
  margin-top: 8px;
}

.safeShopping .box-container .life-coupon-wrap .link-item-list > li .list-circle-num > li {
  margin-top: 8px;
}

.safeShopping .box-container .life-coupon-wrap .link-item-list > li .text-link.text-blue {
  color: #206cfe !important;
}

.safeShopping .shop-wrap .text-link.text-blue.text-blue2 {
  color: #3674bc !important;
}

.safeShopping .barcode-wrap {
  margin-top: 24px;
  text-align: center;
}

.safeShopping .barcode-wrap .code > img {
  width: 265px;
  height: auto;
}

.safeShopping .barcode-wrap .numb {
  margin-top: 8px;
}

.safeShopping .barcode-wrap + .sp-coupon-wrap {
  margin-top: 40px;
}

.safeShopping .sp-coupon-wrap > div {
  border: 1px solid #3674bc;
}

.safeShopping .sp-coupon-wrap > div .cost {
  color: #206cfe;
}

.safeShopping .sp-coupon-wrap .btn.sp-coupon {
  background-color: #206cfe;
  border-left: 1px solid #206cfe;
}

.safeShopping .sp-coupon-wrap .btn.sp-coupon.sp-coupon-sc {
  background-color: #fff;
  color: #206cfe;
  border-left: 1px solid #3674bc;
}

.safeShopping .sp-coupon-wrap.disabled > div {
  border: 1px solid #ebebeb;
}

.safeShopping .sp-coupon-wrap.disabled > div .cost {
  color: #666;
}

.safeShopping .sp-coupon-wrap.disabled .btn.sp-coupon {
  background-color: #ebebeb;
  border-left: 1px solid #ebebeb;
}

.safeShopping .copy-text-wrap.box-gray {
  color: #222;
}

.safe-shopping-barcode {
  z-index: 1030;
  top: 35%;
}

.safe-shopping-barcode + .dimmed02 {
  z-index: 1020;
}

.safe-shopping-barcode .popup-header {
  border-bottom: 0px !important;
}

.safe-shopping-barcode .barcode-wrap {
  margin-top: 24px;
  text-align: center;
}

.safe-shopping-barcode .barcode-wrap .code > img {
  width: 100%;
  height: auto;
}

.safe-shopping-barcode .barcode-wrap .numb {
  margin-top: 8px;
}

.dimmed02 {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  display: none;
}

.text-link.text-blue.text-blue3 {
  color: #3376f6 !important;
}

/* CSRUIUX-691 [기/라/디/퍼] 하이홈케어 신규서비스 (하이클래스 카드-하이마트 연계) */
.hihomeCare .shop-wrap .copy-text-wrap {
  padding: 10px 0 0px;
}

.hihomeCare .shop-wrap .copy-text-wrap + .go-care-benefit {
  margin-top: 16px;
}

.hihomeCare .shop-wrap .go-care-benefit {
  position: relative;
  padding: 16px 20px;
  border-radius: 12px;
  background-color: #f8f8f8;
}

.hihomeCare .shop-wrap .go-care-benefit .l-text {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.8px;
  color: #000;
}

.hihomeCare .shop-wrap .go-care-benefit .l-text + .s-text {
  margin-top: 2px;
}

.hihomeCare .shop-wrap .go-care-benefit .s-text {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #000;
}

.hihomeCare .shop-wrap .go-care-benefit::after {
  content: '';
  position: absolute;
  top: calc(50% - 5px);
  right: 28px;
  width: 10px;
  height: 10px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.hihomeCare .shop-wrap .go-care-benefit > a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.hihomeCare .shop-wrap .go-care-benefit + .revservation-list {
  margin-top: 48px;
}

.hihomeCare .shop-wrap .revservation-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  border-radius: 12px;
  border: solid 1px #ebebeb;
}

.hihomeCare .shop-wrap .revservation-list > li .revserv-info .s-txt {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #666;
}

.hihomeCare .shop-wrap .revservation-list > li .revserv-info .s-txt > span {
  color: #206cfe;
}

.hihomeCare .shop-wrap .revservation-list > li .revserv-info .s-txt + .l-txt {
  margin-top: 6px;
}

.hihomeCare .shop-wrap .revservation-list > li .revserv-info .l-txt {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.hihomeCare .shop-wrap .revservation-list > li .revserv-info .l-txt .line {
  padding: 0 6px;
}

.hihomeCare .shop-wrap .revservation-list > li .revserv-info .l-txt .desc {
  margin-left: 2px;
  font-weight: normal;
  color: #999;
}

.hihomeCare .shop-wrap .revservation-list > li .revserv-btn .btn-round {
  font-size: 14px;
  font-weight: 500;
  background-color: #206cfe;
  border: 1px solid #206cfe;
}

.hihomeCare .shop-wrap .revservation-list > li + li {
  margin-top: 8px;
}

.hihomeCare .service-cost .btn-block.btn-border {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.08px;
}

.hihomeCare .other-service {
  padding-bottom: 100px;
}

.hihomeCare.myReservation .popup-content {
  background-color: #f8f8f8 !important;
}

.hihomeCare.popup-alert .popup-footer .btn.btn-alert {
  padding: 17px 20px 15px;
  height: auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.08px;
  background-color: #206cfe;
  border-color: #206cfe;
  border-radius: 12px;
}

.hihomeCare.popup-alert .popup-footer .btn.btn-alert.btn-border {
  background-color: #fff;
  border-color: #999;
}

.hihomeCare .popup-content .hihomecare-reg .care-txt {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #666;
}

.hihomeCare .popup-content .hihomecare-reg .care-txt + .care-select {
  margin-top: 8px;
}

.hihomeCare .popup-content .hihomecare-reg .care-select + .item-chk-wrap {
  margin-top: 16px;
}

.hihomeCare .popup-content .hihomecare-reg .custom-radio.radio-btn input[type=radio]:checked + label {
  color: #206cfe;
}

.hihomeCare .popup-content .hihomecare-reg .custom-radio.radio-btn input[type=radio]:checked + label::before {
  border: 2px solid #3376f6;
}

.hihomeCare .popup-content .hihomecare-reg .form-wrap-content + .item-chk-wrap {
  margin-top: 24px;
}

.hihomeCare .popup-content .care-canel .img-area {
  width: 100%;
}

.hihomeCare .popup-content .care-canel .img-area > img {
  width: 100%;
}

.hihomeCare .popup-content .care-canel .img-area + .care-txt {
  margin-top: 8px;
}

.hihomeCare .popup-content .care-canel .care-txt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  text-align: center;
  color: #0f53d6;
}

.hihomeCare .popup-content .my-care-wrap {
  height: 100%;
}

.hihomeCare .popup-content .my-care-wrap .my-care-title {
  width: 100vw;
  margin-left: -24px;
  padding: 18px 24px 16px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.1px;
  background-color: #fff;
}

.hihomeCare .popup-content .my-care-wrap .tab-list-wrap.tab-full {
  background-color: #fff;
}

.hihomeCare .popup-content .my-care-wrap .tab-content-wrap {
  width: 100vw;
  padding-top: 0;
}

.hihomeCare .popup-content .my-care-wrap .tab-content-wrap .tab-panel {
  padding: 0 24px 48px;
  margin-left: -24px;
  width: 100%;
}

.hihomeCare .popup-content .my-care-wrap .tab-content-wrap .tab-panel .reservation-wrap .tab-content-wrap .tab-panel {
  padding: 0 24px 0;
}

.hihomeCare .popup-content .my-care-wrap .tab-content-wrap .reservation-wrap > .reservation-list {
  padding-top: 24px;
}

.hihomeCare .popup-content .my-care-wrap .tab-content-wrap .reservation-wrap .tab-list-wrap {
  padding: 16px 0;
  margin-top: 0;
}

.hihomeCare .popup-content .my-care-wrap .tab-content-wrap .reservation-wrap .tab-list-wrap .tab-round > .tab-button {
  padding: 13px 16px 11px;
  height: auto;
  line-height: 1;
}

.hihomeCare .popup-content .my-care-wrap .tab-content-wrap .reservation-wrap .tab-list-wrap .tab-round > .tab-button.is-active {
  border-radius: 24px;
}

.hihomeCare .popup-content .my-care-wrap .tab-content-wrap .reservation-wrap .no-exist {
  padding-top: 170px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  text-align: center;
  color: #666;
}

.hihomeCare .popup-content .reservation-list > li {
  padding: 20px;
  border-radius: 12px;
  border: solid 1px #ebebeb;
  background-color: #fff;
}

.hihomeCare .popup-content .reservation-list > li .header-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.hihomeCare .popup-content .reservation-list > li .header-area .left-area .product-name {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: #222;
}

.hihomeCare .popup-content .reservation-list > li .header-area .left-area .product-name + .product-cnt {
  margin-top: 4px;
}

.hihomeCare .popup-content .reservation-list > li .header-area .left-area .product-cnt {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #666;
}

.hihomeCare .popup-content .reservation-list > li .header-area .left-area .product-cnt > span {
  margin-left: 4px;
  color: #206cfe;
}

.hihomeCare .popup-content .reservation-list > li .header-area .right-area .flag {
  line-height: 1;
  padding: 7px 8px 5px;
}

.hihomeCare .popup-content .reservation-list > li .header-area .right-area .flag.flag-cancel {
  background-color: #ea7869;
}

.hihomeCare .popup-content .reservation-list > li .header-area + .custom-table-wrap {
  margin-top: 16px;
}

.hihomeCare .popup-content .reservation-list > li .custom-table-wrap {
  padding-top: 12px;
  padding-bottom: 16px;
  border-top: 1px solid #ebebeb;
}

.hihomeCare .popup-content .reservation-list > li .custom-table-wrap .custom-table {
  border-bottom: none;
}

.hihomeCare .popup-content .reservation-list > li .custom-table-wrap .custom-table tbody th,
.hihomeCare .popup-content .reservation-list > li .custom-table-wrap .custom-table tbody td {
  padding: 4px 0;
  border-top: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
  letter-spacing: -0.08px;
  vertical-align: top;
}

.hihomeCare .popup-content .reservation-list > li .custom-table-wrap .custom-table tbody th {
  border-right: none;
  background: none;
  color: #666;
}

.hihomeCare .popup-content .reservation-list > li .custom-table-wrap .custom-table tbody td {
  text-align: right;
  color: #222;
}

.hihomeCare .popup-content .reservation-list > li .bottom-btn-wrap {
  text-align: right;
}

.hihomeCare .popup-content .reservation-list > li .bottom-btn-wrap .text-link {
  color: #999;
}

.hihomeCare .popup-content .reservation-list > li .bottom-btn-wrap .text-link::before {
  background-color: #999;
}

.hihomeCare .popup-content .reservation-list > li + li {
  margin-top: 16px;
}

.hihomeCare .popup-content .reservation-list + .list-asterisk {
  margin-top: 16px;
}

.hihomeCare .popup-content .reservation-info .product-name {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: #222;
}

.hihomeCare .popup-content .reservation-info .product-name + .product-cnt {
  margin-top: 4px;
}

.hihomeCare .popup-content .reservation-info .product-cnt {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #666;
}

.hihomeCare .popup-content .reservation-info .product-cnt > span {
  margin-left: 4px;
  color: #206cfe;
}

.hihomeCare .popup-content .reservation-info .product-cnt + .reservation-table-wrap {
  margin-top: 32px;
}

.hihomeCare .popup-content .reservation-info .reservation-table-wrap .table-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #666;
}

.hihomeCare .popup-content .reservation-info .reservation-table-wrap .table-name + .custom-table-wrap {
  margin-top: 10px;
}

.hihomeCare .popup-content .reservation-info .reservation-table-wrap .custom-table-wrap {
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #ebebeb;
}

.hihomeCare .popup-content .reservation-info .reservation-table-wrap .custom-table-wrap .custom-table {
  border-bottom: none;
}

.hihomeCare .popup-content .reservation-info .reservation-table-wrap .custom-table-wrap .custom-table tbody th,
.hihomeCare .popup-content .reservation-info .reservation-table-wrap .custom-table-wrap .custom-table tbody td {
  padding: 4px 0;
  border-top: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
  letter-spacing: -0.08px;
  vertical-align: top;
}

.hihomeCare .popup-content .reservation-info .reservation-table-wrap .custom-table-wrap .custom-table tbody th {
  border-right: none;
  background: none;
  color: #666;
}

.hihomeCare .popup-content .reservation-info .reservation-table-wrap .custom-table-wrap .custom-table tbody td {
  text-align: right;
  color: #222;
}

.hihomeCare .popup-content .reservation-info .reservation-table-wrap .custom-table-wrap .custom-table + .bottom-btn-wrap {
  margin-top: 8px;
}

.hihomeCare .popup-content .reservation-info .reservation-table-wrap .custom-table-wrap .bottom-btn-wrap {
  text-align: right;
}

.hihomeCare .popup-content .reservation-info .reservation-table-wrap .custom-table-wrap .bottom-btn-wrap .btn.btn-sm.btn-round {
  min-width: auto;
  padding: 2px 12px 0;
}

.hihomeCare .popup-content .reservation-info .form-wrap-content .form-content .btn {
  background-color: #206cfe;
  border: 1px solid #206cfe;
}

.hihomeCare .popup-content .reservation-info .form-wrap-content .form-control-clear .btn-input-clear {
  background-color: transparent;
  border: none;
}

.hihomeCare .popup-content .service-banner-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 24px 20px;
  border-radius: 16px;
  background-color: #ff7ab7;
}

.hihomeCare .popup-content .service-banner-wrap > a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.hihomeCare .popup-content .service-banner-wrap .left-area .banner-txt {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #fff;
}

.hihomeCare .popup-content .service-banner-wrap .left-area .banner-txt + .banner-btn {
  margin-top: 16px;
}

.hihomeCare .popup-content .service-banner-wrap .left-area .banner-btn .btn-round {
  padding: 10px 12px 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #222;
  background-color: #fff;
  border: 1px solid #fff;
}

.hihomeCare .popup-content .service-banner-wrap .right-area {
  width: 110px;
}

.hihomeCare .popup-content .service-banner-wrap .right-area > img {
  width: 100%;
}

.hihomeCare .item-chk-wrap .chk-item {
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #ebebeb;
}

.hihomeCare .item-chk-wrap .chk-item .chk-item-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.hihomeCare .item-chk-wrap .chk-item .chk-item-head .custom-checkbox input[type=checkbox] + label {
  margin: 0;
}

.hihomeCare .item-chk-wrap .chk-item .chk-item-head .custom-checkbox input[type=checkbox]:checked + label::before {
  background-color: #206cfe;
}

.hihomeCare .item-chk-wrap .chk-item .chk-item-head .custom-checkbox + .item-name {
  margin-left: 8px;
}

.hihomeCare .item-chk-wrap .chk-item .chk-item-head .item-name > span {
  margin-left: 4px;
  color: #999;
}

.hihomeCare .item-chk-wrap .chk-item .chk-item-head .item-name + .item-price {
  margin-left: 16px;
}

.hihomeCare .item-chk-wrap .chk-item .chk-item-head .item-name,
.hihomeCare .item-chk-wrap .chk-item .chk-item-head .item-price {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #000;
}

.hihomeCare .item-chk-wrap .chk-item .chk-item-head .item-price {
  position: relative;
  white-space: nowrap;
}

.hihomeCare .item-chk-wrap .chk-item .chk-item-head .item-price::before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: -7px;
  width: 1px;
  height: 16px;
  background-color: #ebebeb;
}

.hihomeCare .item-chk-wrap .chk-item .chk-item-head + .period {
  margin-top: 4px;
}

.hihomeCare .item-chk-wrap .chk-item .period {
  padding-left: 32px;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #666;
}

.hihomeCare .item-chk-wrap .chk-item .period + .item-cnt-area {
  margin-top: 16px;
}

.hihomeCare .item-chk-wrap .chk-item .item-cnt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 20px;
  border-radius: 8px;
  background-color: #f7f6f6;
}

.hihomeCare .item-chk-wrap .chk-item .item-cnt-area .cnt-plus-minus {
  display: inherit;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  border-radius: 4px;
  border: solid 1px #ddd;
  background-color: #fff;
}

.hihomeCare .item-chk-wrap .chk-item .item-cnt-area .cnt-plus-minus .btn-cnt {
  width: 30px;
  height: 100%;
  background: none;
  border: none;
}

.hihomeCare .item-chk-wrap .chk-item .item-cnt-area .cnt-plus-minus .btn-cnt.minus {
  position: relative;
}

.hihomeCare .item-chk-wrap .chk-item .item-cnt-area .cnt-plus-minus .btn-cnt.minus::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 1px;
  top: 15px;
  left: 10px;
  background-color: #d9d9d9;
}

.hihomeCare .item-chk-wrap .chk-item .item-cnt-area .cnt-plus-minus .btn-cnt.plus {
  position: relative;
}

.hihomeCare .item-chk-wrap .chk-item .item-cnt-area .cnt-plus-minus .btn-cnt.plus::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 1px;
  top: 15px;
  left: 10px;
  background-color: #222;
}

.hihomeCare .item-chk-wrap .chk-item .item-cnt-area .cnt-plus-minus .btn-cnt.plus::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 1px;
  top: 15px;
  left: 10px;
  background-color: #222;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.hihomeCare .item-chk-wrap .chk-item .item-cnt-area .cnt-plus-minus .input-cnt {
  width: 30px;
  height: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #000;
  border-top: none;
  border-bottom: none;
  border-right: solid 1px #ddd;
  border-left: solid 1px #ddd;
}

.hihomeCare .item-chk-wrap .chk-item .item-cnt-area .current-item {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  text-align: right;
  color: #000;
}

.hihomeCare .item-chk-wrap .chk-item .item-cnt-area .current-item > span {
  margin-right: 4px;
  color: #206cfe;
}

.hihomeCare .item-chk-wrap .chk-item .item-cnt-area .price {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  text-align: right;
  color: #000;
}

.hihomeCare .item-chk-wrap .chk-item + .chk-item {
  margin-top: 16px;
}

.hihomeCare .bottomsheet .popup-content .agreeChk-list-wrap .custom-checkbox.checkbox-border input[type=checkbox]:checked + label::before {
  background-color: #206cfe;
  border: 0;
}

.hihomeCare .bottomsheet .popup-content .agreeChk-list-wrap .custom-checkbox input[type=checkbox]:checked + label::before {
  background-color: #206cfe;
}

.hihomeCare .bottomsheet .popup-content .agreeChk-list-wrap .agreeChk-cont-btn > a {
  color: #3674bc !important;
}

.hihomeCare .toast-popup {
  padding: 17px 32px 15px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.6);
}

.hihomeCare .toast-popup > span {
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
}

.hihomeCare .bottomsheet > .popup-content ul.select-list a.on {
  color: #0f53d6 !important;
}

.hihomeCare .bottomsheet > .popup-content ul.select-list a.on::after {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-check-new.png) no-repeat center/32px auto !important;
}

.hihomeCare .account-select-wrap.my-account .my-account-list > li > a.on::after {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-check-new.png) no-repeat center/32px auto !important;
}

.hihomeCare + .custom-bottomsheet .bottomsheet > .popup-content ul.select-list a.on {
  color: #0f53d6 !important;
}

.hihomeCare + .custom-bottomsheet .bottomsheet > .popup-content ul.select-list a.on::after {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-check-new.png) no-repeat center/32px auto !important;
}

.hihomeCare .attention-wrap .attention-header {
  width: 100vw;
  margin-left: -24px;
  padding: 16px 24px;
  color: #00437c;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.08px;
  border-bottom: solid 1px #ebebeb;
}

.hihomeCare .attention-wrap .attentio-body {
  padding: 16px 0;
}

.hihomeCare .info-message-box {
  margin-top: 136px;
}

.hihomeCareMain .container-box {
  width: 100vw;
  margin-left: -24px;
  text-align: left;
}

.hihomeCareMain .container-box .img-area {
  width: 100%;
}

.hihomeCareMain .container-box.light-gray {
  background-color: #f6f5f3;
  color: #222;
}

.hihomeCareMain .container-box.white {
  background-color: #fff;
  color: #222;
}

.hihomeCareMain .container-box.gray {
  background-color: #d5d0cb;
  color: #242058;
}

.hihomeCareMain .container-box.top-area {
  position: relative;
  padding-top: 34px;
  margin-top: -15px;
}

.hihomeCareMain .container-box.top-area .txt-area {
  padding-right: 24px;
  padding-left: 24px;
}

.hihomeCareMain .container-box.top-area .txt-area .sub-tit {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.hihomeCareMain .container-box.top-area .txt-area .sub-tit + .main-tit {
  margin-top: 8px;
}

.hihomeCareMain .container-box.top-area .txt-area .main-tit {
  font-size: 28px;
  line-height: 1.43;
  font-weight: bold;
  letter-spacing: -0.14px;
}

.hihomeCareMain .container-box.top-area .img-area {
  position: relative;
  height: 224px;
}

.hihomeCareMain .container-box.top-area .img-area > img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 450px;
  opacity: 0.8;
  z-index: 20;
}

@media (min-width: 361px) and (max-width: 400px) {
  .hihomeCareMain .container-box.top-area .img-area {
    margin-top: 18px;
  }
}

@media (min-width: 401px) and (max-width: 429px) {
  .hihomeCareMain .container-box.top-area .img-area {
    margin-top: 32px;
  }
}

@media (min-width: 430px) and (max-width: 768px) {
  .hihomeCareMain .container-box.top-area .img-area {
    margin-top: 48px;
  }
}

@media (min-width: 769px) and (max-width: 820px) {
  .hihomeCareMain .container-box.top-area .img-area {
    margin-top: 48px;
  }
}

.hihomeCareMain .container-box.top-area .evt-link {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 13px 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  background-color: rgba(23, 22, 28, 0.6);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  z-index: 30;
}

.hihomeCareMain .container-box.top-area .evt-link::after {
  content: '';
  display: inline-block;
  position: inherit;
  width: 24px;
  height: 24px;
  right: 16px;
  top: calc(50% - 12px);
  z-index: 23;
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/webapp/v2/spa/assets/images/mydata/icons/ic_24_arr_right_1.5px_wh.svg);
}

.hihomeCareMain .container-box.top-area .evt-link > .flag.flag-green3 {
  padding: 7px 8px 5px;
  padding: 3px 8px;
  margin-right: 6px;
  height: 24px;
  letter-spacing: -0.06px;
}

.hihomeCareMain .container-box.top-area .evt-link > .flag.flag-green3 + .txt {
  margin-left: 6px;
}

.hihomeCareMain .container-box.top-area .evt-link > .txt {
  display: -webkit-box;
  width: calc(100% - 77px);
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  -webkit-line-clamp: 2;
  -Webkit-box-orient: vertical;
}

.hihomeCareMain .container-box.contents-area {
  padding: 60px 24px;
}

.hihomeCareMain .container-box.contents-area .benefit-container {
  width: 100%;
}

.hihomeCareMain .container-box.contents-area .benefit-container .top-txt {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #666;
}

.hihomeCareMain .container-box.contents-area .benefit-container .top-txt + .sub-tit {
  margin-top: 60px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .top-txt + .img-area {
  margin-top: 20px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .top-txt + .main-title {
  margin-top: 8px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .sub-tit {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .sub-tit + .main-title {
  margin-top: 16px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .sub-tit + .benefit-discount {
  margin-top: 8px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .sub-tit + .benefit-l-tit {
  margin-top: 8px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .benefit-l-tit {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.8px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .benefit-l-tit + .desc-txt {
  margin-top: 12px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .benefit-l-tit + .go-benefit {
  margin-top: 12px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .benefit-discount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.hihomeCareMain .container-box.contents-area .benefit-container .benefit-discount .cnt {
  font-size: 58px;
  font-weight: bold;
  line-height: 1.03;
  letter-spacing: -0.5px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .benefit-discount .cnt + .unit {
  margin-left: 2px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .benefit-discount .unit {
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: -0.12px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .benefit-discount .unit + .cnt {
  margin-left: 2px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .benefit-discount + .desc-txt {
  margin-top: 12px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .main-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.12px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .main-title + .desc-txt {
  margin-top: 16px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .main-title + .go-benefit {
  margin-top: 24px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .main-title + .service-tit {
  margin-top: 60px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .main-title + .service-list {
  margin-top: 30px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .service-name {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.hihomeCareMain .container-box.contents-area .benefit-container .service-name + .desc-txt {
  margin-top: 8px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .service-name + .banner-area {
  margin-top: 32px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .service-name + .list-dot {
  margin-top: 16px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .list-dot > li {
  padding-left: 12px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.hihomeCareMain .container-box.contents-area .benefit-container .list-dot > li::before {
  background: #4c4637;
  top: 12px;
  width: 4px;
  height: 4px;
  border-radius: 5px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .desc-txt {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.hihomeCareMain .container-box.contents-area .benefit-container .desc-txt.txt-white {
  color: #fff;
}

.hihomeCareMain .container-box.contents-area .benefit-container .desc-txt + .go-benefit {
  margin-top: 24px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .desc-txt + .go-terms {
  margin-top: 20px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .go-benefit {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  letter-spacing: -0.08px;
  color: #222;
  text-decoration: underline;
}

.hihomeCareMain .container-box.contents-area .benefit-container .go-benefit.txt-white {
  color: #fff;
}

.hihomeCareMain .container-box.contents-area .benefit-container .go-benefit + .sub-tit {
  margin-top: 32px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .img-area {
  width: 100vw;
  margin-left: -24px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .img-area > img {
  width: 100%;
}

.hihomeCareMain .container-box.contents-area .benefit-container .img-area + .main-title {
  margin-top: 60px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .service-tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.5px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .service-tit + .service-list {
  margin-top: 20px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .service-list > li {
  position: relative;
  padding: 18px 20px;
  background-color: #f6f5f3;
}

.hihomeCareMain .container-box.contents-area .benefit-container .service-list > li .service-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.hihomeCareMain .container-box.contents-area .benefit-container .service-list > li .service-list-wrap .list-txt {
  padding-right: 8px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .service-list > li .service-list-wrap .list-txt .list-tit {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.hihomeCareMain .container-box.contents-area .benefit-container .service-list > li .service-list-wrap .list-txt .list-tit + .list-desc {
  margin-top: 4px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .service-list > li .service-list-wrap .list-txt .list-desc {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #4c4637;
}

.hihomeCareMain .container-box.contents-area .benefit-container .service-list > li .service-list-wrap .arrow {
  width: 10px;
  height: 10px;
  top: calc(50% - 4px);
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.hihomeCareMain .container-box.contents-area .benefit-container .service-list > li + li {
  margin-top: 8px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .service-list > li > a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.hihomeCareMain .container-box.contents-area .benefit-container .banner-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ebe7e4;
}

.hihomeCareMain .container-box.contents-area .benefit-container .banner-area .banner-txt {
  padding-left: 20px;
  width: calc(100% - 100px);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
  text-align: left;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  height: 2.66em;
  -webkit-line-clamp: 2;
  -webkit-box-ORIENT: vertical;
}

.hihomeCareMain .container-box.contents-area .benefit-container .banner-area .banner-img {
  width: 100px;
}

.hihomeCareMain .container-box.contents-area .benefit-container .banner-area .banner-img > img {
  width: 100%;
}

.hihomeCareMain .container-box.contents-area .benefit-container .banner-area > a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hihomeCareMain .container-box.contents-area .benefit-list + .benefit-list {
  margin-top: 60px;
}

.hihomeCareMain .container-box.service-area {
  padding: 32px 24px;
}

.hihomeCareMain .container-box.banner-wrap {
  padding: 48px 24px 64px;
}

.hihomeCareMain .container-box.list-area {
  padding: 24px 24px 48px;
}

.hihomeCareMain .container-box.list-area .list-dot {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
}

.hihomeCareMain .container-box.list-area .box-gray {
  background-color: #f2f0ed;
  border-radius: 0;
}

.hihomeCareMain .container-box.list-area .box-gray .list-required > li {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.06px;
  color: #999;
}

.hihomeCareMain .container-box.bottom-area {
  padding: 24px;
}

.hihomeCareMain .container-box.blank-area {
  margin-top: -46px;
  padding: 8px;
}

.hihomeCareMain hr.border-full {
  background: #f6f5f3;
}

.hihomeCareMain .go-terms {
  position: relative;
  display: block;
  padding: 13px 0 11px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.hihomeCareMain .go-terms::after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 24px;
  height: 24px;
  right: 0;
  top: calc(50% - 11px);
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/webapp/v2/common/assets/images/life/icon_sub_arrow_Down.png);
  background-size: cover;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.hihomeCareMain .accordion-wrap {
  background: #fff;
  border-top: solid 1px #f6f5f3;
}

.hihomeCareMain .accordion-wrap .accordion .fold-head {
  min-height: 48px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.hihomeCareMain .accordion-wrap .accordion .fold-head .btn-fold::before,
.hihomeCareMain .accordion-wrap .accordion .fold-head .btn-fold::after {
  width: 2px;
  height: 11px;
}

.hihomeCareMain .accordion-wrap.type-full .accordion .fold-body .sub-title.title-depth4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.hihomeCareMain .accordion-wrap.type-full .accordion .fold-body .list-dot {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
}

.hihomeCareMain .accordion-wrap.type-full .accordion .fold-body .list-hyphen {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.hihomeCareMain .accordion-wrap.type-full .accordion .fold-body .list-asterisk {
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.hihomeCareMain .accordion-wrap.type-full .accordion .fold-body .list-required {
  margin-top: 12px;
}

.hihomeCareMain .accordion-wrap.type-full .accordion .fold-body .list-required > li {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.hihomeCareMain .accordion-wrap.type-full .accordion .fold-body .tel-link {
  text-decoration: underline;
}

.hihomeCareMain .accordion-wrap .accordion .fold-head .btn-fold::before {
  display: none;
}

.hihomeCareMain .accordion-wrap .accordion .fold-head .btn-fold::after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 24px;
  height: 24px;
  right: 0;
  top: calc(50% - 11px);
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/webapp/v2/common/assets/images/life/icon_sub_arrow_Down.png);
  background-size: cover;
  -webkit-transform: none;
          transform: none;
}

.hihomeCareMain .accordion-wrap .accordion .fold-head .btn-fold[aria-expanded=true]::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.hihomeCareMain .txt-white {
  color: #fff;
}

.sub-wrapper .sub-header .btn-my {
  margin-top: var(--safe-top);
  padding-right: 17px;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.16px;
  color: #222;
  background: none;
  border: 0;
  cursor: pointer;
}

/* UIUX-4481 채무면제유예서비스 자주있는 문의사항 추가 */
.promotion-wrap .qna-area .border-full + .card-box-title {
  margin-top: 32px;
}

.promotion-wrap .qna-area .card-box-title + .accordion-wrap {
  margin-top: 16px;
}

.promotion-wrap .qna-area .accordion-wrap {
  width: 100vw;
  margin-left: -24px;
  border-top: solid 1px #ebe7e4;
  border-bottom: solid 1px #ebe7e4;
}

.promotion-wrap .qna-area .accordion-wrap .accordion {
  padding: 0 24px;
}

.promotion-wrap .qna-area .accordion-wrap .accordion .fold-head {
  padding: 12px 40px 12px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.promotion-wrap .qna-area .accordion-wrap .accordion .fold-head .btn-fold {
  right: -8px;
}

.promotion-wrap .qna-area .accordion-wrap .accordion.is-active .fold-body {
  width: 100vw;
  margin-left: -24px;
  padding: 24px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
  background-color: #f6f5f3;
}

.promotion-wrap .qna-area .accordion-wrap .accordion.is-active .fold-body .text-link {
  color: #007881;
}

.promotion-wrap .qna-area .accordion-wrap .accordion.is-active .fold-body .text-link::before {
  display: none;
}

.promotion-wrap .qna-area .accordion-wrap.type-border:not(.padding-none) .accordion + .accordion {
  border-top: 1px solid #ebe7e4;
}

.promotion-wrap .qna-area + .btn-lg {
  padding: 16px 0 14px;
  height: auto;
  font-size: 18px;
  line-height: 1;
}

/* CSRUIUX-547 쇼핑케어 서비스 앱채널 화면신규 */
.shoppingCare .new-text-blue {
  color: #206dfe !important;
}

.shoppingCare .text-link {
  font-size: 14px !important;
}

.shoppingCare .promotion-wrap .main-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.5px;
  text-align: left;
  color: #222;
}

.shoppingCare .promotion-wrap .main-title + .relax-shopping-list {
  margin-top: 48px;
}

.shoppingCare .promotion-wrap .main-title + .sub-title {
  margin-top: 8px;
}

.shoppingCare .promotion-wrap .sub-title {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  text-align: left;
  color: #666;
}

.shoppingCare .promotion-wrap .relax-shopping-list > li .shopping-title {
  margin: 48px 0 16px;
}

.shoppingCare .promotion-wrap .relax-shopping-list > li .shopping-title > span::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  right: -15px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 9px;
  height: 9px;
  border: solid #206dfe;
  border-width: 1px 1px 0 0;
}

.shoppingCare .promotion-wrap .relax-shopping-list > li .shopping-text {
  margin-bottom: 24px;
}

.shoppingCare .promotion-wrap .bottom-area {
  margin-top: 32px;
}

.shoppingCare .promotion-wrap .bottom-area .card-box-title + .shopping-text {
  margin-top: 8px;
}

.shoppingCare .promotion-wrap .bottom-area .shopping-text {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

.shoppingCare .promotion-wrap .bottom-area .shopping-text + .btn-border {
  margin-top: 24px;
}

.shoppingCare .promotion-wrap .bottom-area .shopping-text + .list-required {
  margin-top: 4px;
}

.shoppingCare .promotion-wrap .bottom-area .list-required > li {
  font-size: 14px;
  line-height: 1.57;
  color: #666;
}

.shoppingCare .promotion-wrap .bottom-area .list-required + .btn-border {
  margin-top: 24px;
}

.shoppingCare .promotion-wrap .bottom-area .btn-border {
  height: 56px;
  font-size: 16px;
  font-weight: 500 !important;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.shoppingCare .service-cost.join-info .btn-md.btn-border.btn-block {
  height: 56px;
  font-size: 16px;
  font-weight: 500 !important;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.shoppingCare.popup-header {
  height: 64px !important;
}

.shoppingCare.popup-header .popup-title {
  padding: 0 24px !important;
  font-size: 16px;
  font-weight: bold !important;
  line-height: 1.5 !important;
  letter-spacing: -0.08px !important;
  text-align: left !important;
  color: #222;
}

.shoppingCare .shop-wrap .copy-text-wrap {
  letter-spacing: -0.07px;
}

.shoppingCare .shop-wrap .copy-text-wrap > strong {
  color: #666 !important;
}

.shoppingCare .shop-wrap .text-link.text-blue.text-blue2 {
  color: #3674bc !important;
}

.shoppingCare .bubble-textbox-wrap .bubble-textbox {
  background: #3376f6 !important;
}

.shoppingCare .bubble-textbox-wrap .bubble-textbox::after {
  border-bottom: 6px solid #3376f6 !important;
}

.shoppingCare .custom-bottomsheet .bottomsheet .overcon p.d-flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.shoppingCare .custom-bottomsheet .bottomsheet .overcon p + p {
  text-align: left;
}

.shoppingCare.popup-content .box-container .list-dot > li {
  margin-top: 6px !important;
}

.shoppingCare.bottomsheet .popup-content .box-round-gray .info-contents .text-box {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.07px;
  text-align: left;
}

.shoppingCare.bottomsheet .popup-content .box-round-gray .info-contents .text-box .s-title {
  color: #666;
}

.shoppingCare.bottomsheet .popup-content .box-round-gray .info-contents .text-box .main-title {
  color: #222;
}

/* CSRUIUX-702 [기/라/디/퍼] 고관여_리빙케어,안심쇼핑 미가입화면 UI교체 */
.safeShoppingMain {
  position: relative;
}

.safeShoppingMain .container-box {
  width: 100vw;
  margin-left: -24px;
  text-align: left;
}

.safeShoppingMain .container-box .img-area {
  width: 100%;
}

.safeShoppingMain .container-box.coral {
  background-color: #f69784;
  color: #222;
}

.safeShoppingMain .container-box.red {
  background-color: #d73e36;
  color: #fff;
}

.safeShoppingMain .container-box.gray {
  background-color: #ebe7e4;
  color: #242058;
}

.safeShoppingMain .container-box.top-area {
  position: relative;
  padding-top: 34px;
  margin-top: -15px;
}

.safeShoppingMain .container-box.top-area .txt-area {
  padding-right: 24px;
  padding-left: 24px;
}

.safeShoppingMain .container-box.top-area .txt-area .sub-tit {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.safeShoppingMain .container-box.top-area .txt-area .sub-tit + .main-tit {
  margin-top: 8px;
}

.safeShoppingMain .container-box.top-area .txt-area .main-tit {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
}

.safeShoppingMain .container-box.top-area .img-area {
  position: relative;
  height: 160px;
}

.safeShoppingMain .container-box.top-area .img-area > img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 450px;
  opacity: 0.8;
  z-index: 20;
}

.safeShoppingMain .container-box.top-area .evt-link {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 13px 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  background-color: rgba(23, 22, 28, 0.6);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  z-index: 30;
}

.safeShoppingMain .container-box.top-area .evt-link::after {
  content: '';
  display: inline-block;
  position: inherit;
  width: 24px;
  height: 24px;
  right: 16px;
  top: calc(50% - 12px);
  z-index: 23;
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/webapp/v2/spa/assets/images/mydata/icons/ic_24_arr_right_1.5px_wh.svg);
}

.safeShoppingMain .container-box.top-area .evt-link > .flag.flag-green3 {
  padding: 7px 8px 5px;
  padding: 3px 8px;
  margin-right: 6px;
  height: 24px;
  letter-spacing: -0.06px;
}

.safeShoppingMain .container-box.top-area .evt-link > .flag.flag-green3 + .txt {
  margin-left: 6px;
}

.safeShoppingMain .container-box.top-area .evt-link > .txt {
  display: -webkit-box;
  width: calc(100% - 77px);
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  -webkit-line-clamp: 2;
  -Webkit-box-orient: vertical;
}

.safeShoppingMain .container-box.contents-area {
  padding: 60px 24px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .top-tit {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: -0.1px;
  color: #fff;
}

.safeShoppingMain .container-box.contents-area .benefit-container .top-tit + .sub-tit {
  margin-top: 60px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .top-tit + .main-title {
  margin-top: 60px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .sub-tit {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.09px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .sub-tit + .main-title {
  margin-top: 8px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .sub-tit + .benefit-discount {
  margin-top: 8px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .benefit-discount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.safeShoppingMain .container-box.contents-area .benefit-container .benefit-discount .cnt {
  font-size: 58px;
  font-weight: bold;
  line-height: 1.03;
  letter-spacing: -0.5px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .benefit-discount .cnt + .unit {
  margin-left: 2px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .benefit-discount .unit {
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: -0.12px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .benefit-discount .unit + .cnt {
  margin-left: 2px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .benefit-discount + .desc-txt {
  margin-top: 12px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .benefit-discount + .go-benefit {
  margin-top: 20px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .benefit-discount + .list-asterisk {
  margin-top: 16px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .main-title {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.38;
  letter-spacing: -0.16px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .main-title + .desc-txt {
  margin-top: 12px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .main-title + .benefit-discount {
  margin-top: 8px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .main-title + .go-benefit {
  margin-top: 20px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .service-name {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.safeShoppingMain .container-box.contents-area .benefit-container .service-name + .desc-txt {
  margin-top: 8px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .service-name + .banner-area {
  margin-top: 32px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .desc-txt {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.safeShoppingMain .container-box.contents-area .benefit-container .desc-txt.txt-white {
  color: #fff;
}

.safeShoppingMain .container-box.contents-area .benefit-container .desc-txt + .go-benefit {
  margin-top: 20px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .desc-txt + .go-terms {
  margin-top: 20px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .go-benefit {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  letter-spacing: -0.08px;
  color: #fff;
  text-decoration: underline;
}

.safeShoppingMain .container-box.contents-area .benefit-container .go-benefit.txt-white {
  color: #fff;
}

.safeShoppingMain .container-box.contents-area .benefit-container .go-benefit + .sub-tit {
  margin-top: 32px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .go-terms {
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.safeShoppingMain .container-box.contents-area .benefit-container .go-terms::after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 24px;
  height: 24px;
  right: 0;
  top: calc(50% - 11px);
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/webapp/v2/spa/assets/images/mydata/icons/ic_24_arr_right_1.5px.svg);
}

.safeShoppingMain .container-box.contents-area .benefit-container .img-area {
  width: 100vw;
  margin-left: -24px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .img-area > img {
  width: 100%;
}

.safeShoppingMain .container-box.contents-area .benefit-container .banner-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ea7869;
  border-radius: 16px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .banner-area .banner-txt {
  padding-left: 16px;
  width: calc(100% - 100px);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
  text-align: left;
  color: #fff;
}

.safeShoppingMain .container-box.contents-area .benefit-container .banner-area .banner-img {
  width: 100px;
}

.safeShoppingMain .container-box.contents-area .benefit-container .banner-area .banner-img > img {
  width: 100%;
}

.safeShoppingMain .container-box.contents-area .benefit-container .banner-area > a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.safeShoppingMain .container-box.contents-area .benefit-container .list-asterisk {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #fff;
}

.safeShoppingMain .container-box.contents-area .benefit-container .list-asterisk + .go-benefit {
  margin-top: 16px;
}

.safeShoppingMain .container-box.contents-area .benefit-list + .benefit-list {
  margin-top: 60px;
}

.safeShoppingMain .container-box.service-area {
  padding: 32px 24px 40px;
}

.safeShoppingMain .container-box.list-area {
  padding: 24px 24px 48px;
}

.safeShoppingMain .container-box.list-area .list-dot {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.safeShoppingMain .container-box.list-area .box-gray {
  background-color: #bbb;
  border-radius: 16px;
}

.safeShoppingMain .container-box.list-area .box-gray .list-required > li {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #222;
}

.safeShoppingMain .container-box.bottom-area {
  padding: 24px;
}

.safeShoppingMain .container-box.bottom-banner-area {
  padding: 32px 24px 114px;
}

.safeShoppingMain .container-box.blank-area {
  position: absolute;
  left: 0;
  bottom: -30px;
  margin-top: 0;
  padding-top: 30px;
}

.safeShoppingMain hr.border-full {
  background: #bbb;
}

.safeShoppingMain .accordion-wrap {
  background: #ebe7e4;
  border-top: none;
  border-bottom: solid 1px #bbb;
}

.safeShoppingMain .accordion-wrap .accordion .fold-head {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.safeShoppingMain .accordion-wrap .accordion .fold-head .btn-fold::before,
.safeShoppingMain .accordion-wrap .accordion .fold-head .btn-fold::after {
  width: 2px;
  height: 11px;
}

.safeShoppingMain .accordion-wrap.type-full .accordion.is-active .fold-body .sub-title.title-depth4 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.safeShoppingMain .accordion-wrap.type-full .accordion.is-active .fold-body .list-dot {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.safeShoppingMain .accordion-wrap.type-full .accordion.is-active .fold-body .list-hyphen {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

/* CSRUIUX-676 [기/라/디/퍼] 고관여_트래블팩 서비스 신규화면 */
.travelPackMain {
  position: relative;
}

.travelPackMain.sub-header {
  background-color: #242058;
}

.travelPackMain.sub-header .sub-title {
  color: #fff;
}

.travelPackMain.sub-header .btn-prev {
  background-image: url(/webapp/v2/spa/assets/images/mydata/icons/ic_24_arr_Left_1.5px_wh.svg);
}

.travelPackMain.sub-header.fixed {
  background-color: #fff;
}

.travelPackMain.sub-header.fixed .sub-title {
  color: #222;
}

.travelPackMain.sub-header.fixed .btn-prev {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-history-back.svg);
}

.travelPackMain .container-box {
  width: 100vw;
  margin-left: -24px;
  text-align: left;
}

.travelPackMain .container-box .img-area {
  width: 100%;
}

.travelPackMain .container-box.navy {
  background-color: #242058;
  color: #fff;
}

.travelPackMain .container-box.lime {
  background-color: #bed72f;
  color: #242058;
}

.travelPackMain .container-box.gray {
  background-color: #d5d0cb;
  color: #242058;
}

.travelPackMain .container-box.top-area {
  position: relative;
  padding-top: 34px;
  margin-top: -15px;
}

.travelPackMain .container-box.top-area .txt-area {
  padding-right: 24px;
  padding-left: 24px;
}

.travelPackMain .container-box.top-area .txt-area .sub-tit {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.travelPackMain .container-box.top-area .txt-area .sub-tit + .main-tit {
  margin-top: 8px;
}

.travelPackMain .container-box.top-area .txt-area .main-tit {
  font-size: 22px;
  line-height: 32px;
  font-weight: bold;
}

.travelPackMain .container-box.top-area .img-area {
  position: relative;
  height: 160px;
}

.travelPackMain .container-box.top-area .img-area > img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 450px;
  opacity: 0.8;
  z-index: 20;
}

.travelPackMain .container-box.top-area .evt-link {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 13px 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  background-color: rgba(23, 22, 28, 0.6);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  z-index: 30;
}

.travelPackMain .container-box.top-area .evt-link::after {
  content: '';
  display: inline-block;
  position: inherit;
  width: 24px;
  height: 24px;
  right: 16px;
  top: calc(50% - 12px);
  z-index: 23;
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/webapp/v2/spa/assets/images/mydata/icons/ic_24_arr_right_1.5px_wh.svg);
}

.travelPackMain .container-box.top-area .evt-link > .flag.flag-green3 {
  padding: 7px 8px 5px;
  padding: 3px 8px;
  margin-right: 6px;
  height: 24px;
  letter-spacing: -0.06px;
}

.travelPackMain .container-box.top-area .evt-link > .flag.flag-green3 + .txt {
  margin-left: 6px;
}

.travelPackMain .container-box.top-area .evt-link > .txt {
  display: -webkit-box;
  width: calc(100% - 77px);
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  -webkit-line-clamp: 2;
  -Webkit-box-orient: vertical;
}

.travelPackMain .container-box.contents-area {
  padding: 60px 24px;
}

.travelPackMain .container-box.contents-area .benefit-container .top-tit {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: -0.1px;
  color: #222;
}

.travelPackMain .container-box.contents-area .benefit-container .top-tit + .sub-tit {
  margin-top: 60px;
}

.travelPackMain .container-box.contents-area .benefit-container .top-tit + .main-title {
  margin-top: 60px;
}

.travelPackMain .container-box.contents-area .benefit-container .sub-tit {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.09px;
}

.travelPackMain .container-box.contents-area .benefit-container .sub-tit + .main-title {
  margin-top: 8px;
}

.travelPackMain .container-box.contents-area .benefit-container .sub-tit + .benefit-discount {
  margin-top: 8px;
}

.travelPackMain .container-box.contents-area .benefit-container .benefit-discount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.travelPackMain .container-box.contents-area .benefit-container .benefit-discount .cnt {
  font-size: 58px;
  font-weight: bold;
  line-height: 1.03;
  letter-spacing: -0.5px;
}

.travelPackMain .container-box.contents-area .benefit-container .benefit-discount .cnt + .unit {
  margin-left: 2px;
}

.travelPackMain .container-box.contents-area .benefit-container .benefit-discount .unit {
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: -0.12px;
}

.travelPackMain .container-box.contents-area .benefit-container .benefit-discount .unit + .cnt {
  margin-left: 2px;
}

.travelPackMain .container-box.contents-area .benefit-container .benefit-discount + .desc-txt {
  margin-top: 12px;
}

.travelPackMain .container-box.contents-area .benefit-container .benefit-discount + .go-benefit {
  margin-top: 20px;
}

.travelPackMain .container-box.contents-area .benefit-container .main-title {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.38;
  letter-spacing: -0.16px;
}

.travelPackMain .container-box.contents-area .benefit-container .main-title + .desc-txt {
  margin-top: 12px;
}

.travelPackMain .container-box.contents-area .benefit-container .main-title + .benefit-discount {
  margin-top: 8px;
}

.travelPackMain .container-box.contents-area .benefit-container .main-title + .go-benefit {
  margin-top: 20px;
}

.travelPackMain .container-box.contents-area .benefit-container .service-name {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.travelPackMain .container-box.contents-area .benefit-container .service-name + .desc-txt {
  margin-top: 8px;
}

.travelPackMain .container-box.contents-area .benefit-container .service-name + .banner-area {
  margin-top: 32px;
}

.travelPackMain .container-box.contents-area .benefit-container .desc-txt {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.travelPackMain .container-box.contents-area .benefit-container .desc-txt.txt-white {
  color: #fff;
}

.travelPackMain .container-box.contents-area .benefit-container .desc-txt + .go-benefit {
  margin-top: 20px;
}

.travelPackMain .container-box.contents-area .benefit-container .desc-txt + .go-terms {
  margin-top: 20px;
}

.travelPackMain .container-box.contents-area .benefit-container .go-benefit {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  letter-spacing: -0.08px;
  color: #222;
  text-decoration: underline;
}

.travelPackMain .container-box.contents-area .benefit-container .go-benefit.txt-white {
  color: #fff;
}

.travelPackMain .container-box.contents-area .benefit-container .go-benefit + .sub-tit {
  margin-top: 32px;
}

.travelPackMain .container-box.contents-area .benefit-container .go-terms {
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.travelPackMain .container-box.contents-area .benefit-container .go-terms::after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 24px;
  height: 24px;
  right: 0;
  top: calc(50% - 11px);
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/webapp/v2/spa/assets/images/mydata/icons/ic_24_arr_right_1.5px.svg);
}

.travelPackMain .container-box.contents-area .benefit-container .img-area {
  width: 100vw;
  margin-left: -24px;
}

.travelPackMain .container-box.contents-area .benefit-container .img-area > img {
  width: 100%;
}

.travelPackMain .container-box.contents-area .benefit-container .banner-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ea7869;
  border-radius: 16px;
}

.travelPackMain .container-box.contents-area .benefit-container .banner-area .banner-txt {
  padding-left: 16px;
  width: calc(100% - 100px);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
  text-align: left;
  color: #fff;
}

.travelPackMain .container-box.contents-area .benefit-container .banner-area .banner-img {
  width: 100px;
}

.travelPackMain .container-box.contents-area .benefit-container .banner-area .banner-img > img {
  width: 100%;
}

.travelPackMain .container-box.contents-area .benefit-container .banner-area > a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.travelPackMain .container-box.contents-area .benefit-list + .benefit-list {
  margin-top: 60px;
}

.travelPackMain .container-box.service-area {
  padding: 32px 24px 40px;
}

.travelPackMain .container-box.list-area {
  padding: 24px 24px 48px;
}

.travelPackMain .container-box.list-area .list-dot {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.travelPackMain .container-box.list-area .box-gray {
  background-color: #bbb;
  border-radius: 16px;
}

.travelPackMain .container-box.list-area .box-gray .list-required > li {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #222;
}

.travelPackMain .container-box.bottom-area {
  padding: 24px;
}

.travelPackMain .container-box.bottom-banner-area {
  padding: 32px 24px 114px;
}

.travelPackMain .container-box.blank-area {
  position: absolute;
  left: 0;
  bottom: -30px;
  margin-top: 0;
  padding-top: 30px;
}

.travelPackMain hr.border-full {
  background: #bbb;
}

.travelPackMain .accordion-wrap {
  background: #d5d0cb;
  border-top: none;
  border-bottom: solid 1px #bbb;
}

.travelPackMain .accordion-wrap .accordion .fold-head {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.travelPackMain .accordion-wrap .accordion .fold-head .btn-fold::before,
.travelPackMain .accordion-wrap .accordion .fold-head .btn-fold::after {
  width: 2px;
  height: 11px;
}

.travelPackMain .accordion-wrap.type-full .accordion.is-active .fold-body .sub-title.title-depth4 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.travelPackMain .accordion-wrap.type-full .accordion.is-active .fold-body .list-dot {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.travelPackMain .accordion-wrap.type-full .accordion.is-active .fold-body .list-hyphen {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.travelPack .sub-title .flag.flag-cancel {
  margin-left: 6px;
  background-color: #ea7869;
  font-weight: 400;
  height: 22px;
  line-height: 22px;
}

.travelPack .shop-wrap .benefit-list .flex > div {
  width: calc(100% - 42px);
}

.travelPack.popup-content .box-round-gray .info-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.travelPack.popup-content .box-round-gray .info-contents .text-box {
  width: calc(100% - 48px);
}

.travelPack.popup-content .box-container .list-dot > li {
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #666;
}

.travelPack.popup-content .box-container .list-dot > li + li {
  margin-top: 4px;
}

.travelPack.popup-content .box-container .list-hyphen > li {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #666;
}

.travelPack.popup-content .box-container .list-hyphen > li + li {
  margin-top: 4px;
}

.travelPack.popup-content .box-container .list-circle-num > li {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #666;
}

.travelPack.popup-content .box-container .list-circle-num > li + li {
  margin-top: 4px;
}

.travelPack.popup-content .box-container .list-circle-num.type02 {
  margin-top: 4px;
}

.travelPack.popup-content .box-container .list-circle-num.type02 > li {
  padding-left: 15px;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #666;
}

.travelPack.popup-content .box-container .list-circle-num.type02 > li + li {
  margin-top: 4px;
}

.travelPack.popup-content .box-container .list-circle-num.type02 > li::before {
  margin: -5px 4px 0 -17px;
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.07px;
  color: #666;
  border: none;
}

.travelPack.popup-content .box-container .list-circle-num.type02 > li::after {
  content: '.';
  position: absolute;
  display: block;
  left: 10px;
  top: 0;
}

.travelPack.popup-footer {
  padding: 24px;
}

.travelPack.popup-footer .btn-alert {
  height: 48px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: -0.08px;
  background-color: #206cfe;
  border-color: #206cfe;
  border-radius: 12px;
}

/* CSRUIUX-702 [기/라/디/퍼] 고관여_리빙케어,안심쇼핑 미가입화면 UI교체 */
.livingCareMain {
  position: relative;
}

.livingCareMain .container-box {
  width: 100vw;
  margin-left: -24px;
  text-align: left;
}

.livingCareMain .container-box .img-area {
  width: 100%;
}

.livingCareMain .container-box.coral {
  background-color: #f69784;
  color: #222;
}

.livingCareMain .container-box.red {
  background-color: #d73e36;
  color: #fff;
}

.livingCareMain .container-box.gray {
  background-color: #ebe7e4;
  color: #242058;
}

.livingCareMain .container-box.top-area {
  position: relative;
  padding-top: 34px;
  margin-top: -15px;
}

.livingCareMain .container-box.top-area .txt-area {
  position: relative;
  padding-right: 24px;
  padding-left: 24px;
  z-index: 10;
}

.livingCareMain .container-box.top-area .txt-area .sub-tit {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.livingCareMain .container-box.top-area .txt-area .sub-tit + .main-tit {
  margin-top: 8px;
}

.livingCareMain .container-box.top-area .txt-area .main-tit {
  font-size: 22px;
  line-height: 32px;
  font-weight: bold;
}

.livingCareMain .container-box.top-area .img-area {
  position: relative;
  height: 160px;
  z-index: 9;
}

.livingCareMain .container-box.top-area .img-area > img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 450px;
  opacity: 0.8;
  z-index: 20;
}

.livingCareMain .container-box.top-area .evt-link {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 13px 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  background-color: rgba(23, 22, 28, 0.6);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  z-index: 30;
}

.livingCareMain .container-box.top-area .evt-link::after {
  content: '';
  display: inline-block;
  position: inherit;
  width: 24px;
  height: 24px;
  right: 16px;
  top: calc(50% - 12px);
  z-index: 23;
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/webapp/v2/spa/assets/images/mydata/icons/ic_24_arr_right_1.5px_wh.svg);
}

.livingCareMain .container-box.top-area .evt-link > .flag.flag-green3 {
  padding: 7px 8px 5px;
  padding: 3px 8px;
  margin-right: 6px;
  height: 24px;
  letter-spacing: -0.06px;
}

.livingCareMain .container-box.top-area .evt-link > .flag.flag-green3 + .txt {
  margin-left: 6px;
}

.livingCareMain .container-box.top-area .evt-link > .txt {
  display: -webkit-box;
  width: calc(100% - 77px);
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  -webkit-line-clamp: 2;
  -Webkit-box-orient: vertical;
}

.livingCareMain .container-box.contents-area {
  padding: 60px 24px;
}

.livingCareMain .container-box.contents-area .benefit-container .top-tit {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: -0.1px;
  color: #fff;
}

.livingCareMain .container-box.contents-area .benefit-container .top-tit + .sub-tit {
  margin-top: 60px;
}

.livingCareMain .container-box.contents-area .benefit-container .top-tit + .main-title {
  margin-top: 60px;
}

.livingCareMain .container-box.contents-area .benefit-container .top-txt {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #fff;
}

.livingCareMain .container-box.contents-area .benefit-container .top-txt + .main-title {
  margin-top: 8px;
}

.livingCareMain .container-box.contents-area .benefit-container .sub-tit {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.09px;
}

.livingCareMain .container-box.contents-area .benefit-container .sub-tit + .main-title {
  margin-top: 8px;
}

.livingCareMain .container-box.contents-area .benefit-container .sub-tit + .benefit-discount {
  margin-top: 8px;
}

.livingCareMain .container-box.contents-area .benefit-container .benefit-discount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.livingCareMain .container-box.contents-area .benefit-container .benefit-discount .cnt {
  font-size: 58px;
  font-weight: bold;
  line-height: 1.03;
  letter-spacing: -0.5px;
}

.livingCareMain .container-box.contents-area .benefit-container .benefit-discount .cnt + .unit {
  margin-left: 2px;
}

.livingCareMain .container-box.contents-area .benefit-container .benefit-discount .unit {
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: -0.12px;
}

.livingCareMain .container-box.contents-area .benefit-container .benefit-discount .unit + .cnt {
  margin-left: 2px;
}

.livingCareMain .container-box.contents-area .benefit-container .benefit-discount + .desc-txt {
  margin-top: 12px;
}

.livingCareMain .container-box.contents-area .benefit-container .benefit-discount + .go-benefit {
  margin-top: 20px;
}

.livingCareMain .container-box.contents-area .benefit-container .benefit-discount + .list-asterisk {
  margin-top: 16px;
}

.livingCareMain .container-box.contents-area .benefit-container .main-title {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.38;
  letter-spacing: -0.16px;
}

.livingCareMain .container-box.contents-area .benefit-container .main-title + .desc-txt {
  margin-top: 12px;
}

.livingCareMain .container-box.contents-area .benefit-container .main-title + .benefit-discount {
  margin-top: 8px;
}

.livingCareMain .container-box.contents-area .benefit-container .main-title + .go-benefit {
  margin-top: 20px;
}

.livingCareMain .container-box.contents-area .benefit-container .service-name {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.livingCareMain .container-box.contents-area .benefit-container .service-name + .desc-txt {
  margin-top: 8px;
}

.livingCareMain .container-box.contents-area .benefit-container .service-name + .banner-area {
  margin-top: 32px;
}

.livingCareMain .container-box.contents-area .benefit-container .desc-txt {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.livingCareMain .container-box.contents-area .benefit-container .desc-txt.txt-white {
  color: #fff;
}

.livingCareMain .container-box.contents-area .benefit-container .desc-txt + .go-benefit {
  margin-top: 20px;
}

.livingCareMain .container-box.contents-area .benefit-container .desc-txt + .go-terms {
  margin-top: 20px;
}

.livingCareMain .container-box.contents-area .benefit-container .go-benefit {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  letter-spacing: -0.08px;
  color: #fff;
  text-decoration: underline;
}

.livingCareMain .container-box.contents-area .benefit-container .go-benefit.txt-white {
  color: #fff;
}

.livingCareMain .container-box.contents-area .benefit-container .go-benefit + .sub-tit {
  margin-top: 32px;
}

.livingCareMain .container-box.contents-area .benefit-container .go-terms {
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.livingCareMain .container-box.contents-area .benefit-container .go-terms::after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 24px;
  height: 24px;
  right: 0;
  top: calc(50% - 11px);
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/webapp/v2/spa/assets/images/mydata/icons/ic_24_arr_right_1.5px.svg);
}

.livingCareMain .container-box.contents-area .benefit-container .img-area {
  width: 100vw;
  margin-left: -24px;
}

.livingCareMain .container-box.contents-area .benefit-container .img-area > img {
  width: 100%;
}

.livingCareMain .container-box.contents-area .benefit-container .img-area + .service-list-area {
  margin-top: 60px;
}

.livingCareMain .container-box.contents-area .benefit-container .service-list-area .service-list-tit {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #fff;
}

.livingCareMain .container-box.contents-area .benefit-container .service-list-area .service-list-tit + .service-list {
  margin-top: 8px;
}

.livingCareMain .container-box.contents-area .benefit-container .service-list-area .service-list {
  padding: 20px 30px 20px 20px;
  background-color: #f69784;
  border-radius: 16px;
}

.livingCareMain .container-box.contents-area .benefit-container .service-list-area .service-list > li {
  position: relative;
}

.livingCareMain .container-box.contents-area .benefit-container .service-list-area .service-list > li > a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.livingCareMain .container-box.contents-area .benefit-container .service-list-area .service-list > li .service-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.livingCareMain .container-box.contents-area .benefit-container .service-list-area .service-list > li .service-list-wrap .list-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.livingCareMain .container-box.contents-area .benefit-container .service-list-area .service-list > li .service-list-wrap .list-contents .list-icon {
  padding: 2px;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: #f3f3f3;
}

.livingCareMain .container-box.contents-area .benefit-container .service-list-area .service-list > li .service-list-wrap .list-contents .list-icon > img {
  width: 40px;
}

.livingCareMain .container-box.contents-area .benefit-container .service-list-area .service-list > li .service-list-wrap .list-contents .list-icon + .list-txt {
  margin-left: 12px;
}

.livingCareMain .container-box.contents-area .benefit-container .service-list-area .service-list > li .service-list-wrap .list-contents .list-txt {
  padding-right: 8px;
}

.livingCareMain .container-box.contents-area .benefit-container .service-list-area .service-list > li .service-list-wrap .list-contents .list-txt .list-tit {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.livingCareMain .container-box.contents-area .benefit-container .service-list-area .service-list > li .service-list-wrap .list-contents .list-txt .list-tit + .list-desc {
  margin-top: 4px;
}

.livingCareMain .container-box.contents-area .benefit-container .service-list-area .service-list > li .service-list-wrap .list-contents .list-txt .list-desc {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.livingCareMain .container-box.contents-area .benefit-container .service-list-area .service-list > li .service-list-wrap .arrow {
  width: 12px;
  height: 10px;
  top: calc(50% - 4px);
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.livingCareMain .container-box.contents-area .benefit-container .service-list-area .service-list > li + li {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
}

.livingCareMain .container-box.contents-area .benefit-container .banner-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ea7869;
  border-radius: 16px;
}

.livingCareMain .container-box.contents-area .benefit-container .banner-area .banner-txt {
  padding-left: 16px;
  width: calc(100% - 100px);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
  text-align: left;
  color: #fff;
}

.livingCareMain .container-box.contents-area .benefit-container .banner-area .banner-img {
  width: 100px;
}

.livingCareMain .container-box.contents-area .benefit-container .banner-area .banner-img > img {
  width: 100%;
}

.livingCareMain .container-box.contents-area .benefit-container .banner-area > a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.livingCareMain .container-box.contents-area .benefit-container .list-asterisk {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #fff;
}

.livingCareMain .container-box.contents-area .benefit-container .list-asterisk + .go-benefit {
  margin-top: 16px;
}

.livingCareMain .container-box.contents-area .benefit-list + .benefit-list {
  margin-top: 60px;
}

.livingCareMain .container-box.service-area {
  padding: 32px 24px 40px;
}

.livingCareMain .container-box.list-area {
  padding: 24px 24px 48px;
}

.livingCareMain .container-box.list-area .list-dot {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.livingCareMain .container-box.list-area .box-gray {
  background-color: #bbb;
  border-radius: 16px;
}

.livingCareMain .container-box.list-area .box-gray .list-required > li {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #222;
}

.livingCareMain .container-box.bottom-area {
  padding: 24px;
}

.livingCareMain .container-box.bottom-banner-area {
  padding: 32px 24px 114px;
}

.livingCareMain .container-box.blank-area {
  position: absolute;
  left: 0;
  bottom: -30px;
  margin-top: 0;
  padding-top: 30px;
}

.livingCareMain .tab-list-wrap.tab-full .tab-list {
  padding: 0;
}

.livingCareMain .tab-list-wrap.tab-full .tab-list::before {
  display: none;
}

.livingCareMain .tab-list-wrap.tab-full .tab-list .tab-button {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
  background-color: #ebe7e4;
}

.livingCareMain .tab-list-wrap.tab-full .tab-list .tab-button.is-active {
  font-weight: bold;
  border-bottom: none;
  color: #fff;
  background-color: #d73e36;
}

.livingCareMain .tab-list-wrap + .form-wrap-content,
.livingCareMain .tab-list-wrap + .tab-content-wrap {
  padding-top: 0;
}

.livingCareMain .tab-content-wrap .inner-btn-bottom-fix {
  padding-bottom: 0;
}

.livingCareMain hr.border-full {
  background: #bbb;
}

.livingCareMain .accordion-wrap {
  background: #ebe7e4;
  border-top: none;
  border-bottom: solid 1px #bbb;
}

.livingCareMain .accordion-wrap .accordion .fold-head {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.livingCareMain .accordion-wrap .accordion .fold-head .btn-fold::before,
.livingCareMain .accordion-wrap .accordion .fold-head .btn-fold::after {
  width: 2px;
  height: 11px;
}

.livingCareMain .accordion-wrap.type-full .accordion.is-active .fold-body .sub-title.title-depth4 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.livingCareMain .accordion-wrap.type-full .accordion.is-active .fold-body .list-dot {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.livingCareMain .accordion-wrap.type-full .accordion.is-active .fold-body .list-hyphen {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.data-list.rp-res-addr {
  margin-top: 48px;
  border-top: 1px solid #ebe7e4;
  border-bottom: 1px solid #ebe7e4;
  -ms-grid-columns: 42px 1fr;
      grid-template-columns: 42px 1fr;
}

.data-list.rp-res-addr dt, .data-list.rp-res-addr dd {
  margin: 16px 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.data-list.rp-res-addr dd {
  font-weight: 500;
}

/* pay 한번에 등록 */
.pay-wrap {
  padding-top: 24px;
  /* 로딩중 */
  /* spinner animation */
  /* .play | .active animation */
  /* .stop animation */
}

.pay-wrap .pay-item {
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 56px;
  border-radius: 10px;
}

.pay-wrap .pay-item + .pay-item {
  margin-top: 8px;
}

.pay-wrap .paycard {
  /* paycard */
  padding: 16px 20px;
  background-color: #fff;
  /* paycard.active */
  /* loading */
}

.pay-wrap .paycard-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.pay-wrap .paycard-icon {
  width: 60px;
}

.pay-wrap .paycard-icon > img {
  width: 100%;
}

.pay-wrap .paycard-status.red {
  color: #eb1100;
}

.pay-wrap .paycard-desc {
  overflow: hidden;
  line-height: 0;
  padding: 0;
  color: transparent;
  -webkit-transition: padding .4s ease-in-out,line-height .4s ease-in-out,color .4s ease-in-out;
  transition: padding .4s ease-in-out,line-height .4s ease-in-out,color .4s ease-in-out;
  -webkit-transition-delay: .6s;
          transition-delay: .6s;
}

.pay-wrap .paycard-desc .paycard-message {
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  height: 0;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: padding .4s ease-in-out .8s, height .4s ease-in-out .8s, opacity .25s ease-in-out 1.2s, -webkit-transform .25s ease-in-out 1.2s;
  transition: padding .4s ease-in-out .8s, height .4s ease-in-out .8s, opacity .25s ease-in-out 1.2s, -webkit-transform .25s ease-in-out 1.2s;
  transition: padding .4s ease-in-out .8s, height .4s ease-in-out .8s, opacity .25s ease-in-out 1.2s, transform .25s ease-in-out 1.2s;
  transition: padding .4s ease-in-out .8s, height .4s ease-in-out .8s, opacity .25s ease-in-out 1.2s, transform .25s ease-in-out 1.2s, -webkit-transform .25s ease-in-out 1.2s;
}

.pay-wrap .paycard-desc .btn-box {
  overflow: hidden;
  padding: 0;
  height: 0;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: height .4s ease-in-out .8s, opacity .25s ease-in-out 1.4s, -webkit-transform .25s ease-in-out 1.4s;
  transition: height .4s ease-in-out .8s, opacity .25s ease-in-out 1.4s, -webkit-transform .25s ease-in-out 1.4s;
  transition: height .4s ease-in-out .8s, opacity .25s ease-in-out 1.4s, transform .25s ease-in-out 1.4s;
  transition: height .4s ease-in-out .8s, opacity .25s ease-in-out 1.4s, transform .25s ease-in-out 1.4s, -webkit-transform .25s ease-in-out 1.4s;
}

.pay-wrap .paycard.active {
  -webkit-animation: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal both running scale-play;
          animation: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal both running scale-play;
}

.pay-wrap .paycard.active .paycard-desc {
  padding: 18px 0 4px;
  line-height: 1.4;
  color: inherit;
}

.pay-wrap .paycard.active .paycard-desc .paycard-message {
  height: auto;
  padding: 0 0 16px;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.pay-wrap .paycard.active .paycard-desc .btn-box {
  opacity: 1;
  height: 48px;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.pay-wrap .paycard.close {
  -webkit-animation: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal both running scale-stop;
          animation: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal both running scale-stop;
}

.pay-wrap .paycard-loading {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #f3f3f3;
  height: 100%;
}

.pay-wrap .paycard-loading .loca-loading-wrap {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 12px;
}

.pay-wrap .paycard-loading .loca-loading-wrap .loca-loading {
  width: 32px;
  height: 32px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}

.pay-wrap .paycard-loading .loca-loading-wrap .text-guide {
  display: inline-block;
  padding-left: 8px;
  vertical-align: middle;
}

.pay-wrap .paycard-loading.play {
  -webkit-animation: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal both running scale-play;
          animation: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal both running scale-play;
}

.pay-wrap .paycard-loading.play .spinner {
  opacity: 1;
}

.pay-wrap .paycard-loading.play .spinner:after {
  animation: spin-s 1s linear infinite;
  -webkit-animation: spin-s 1s linear infinite;
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}

.pay-wrap .paycard-loading.stop {
  -webkit-animation: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal both running scale-stop;
          animation: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal both running scale-stop;
}

@keyframes spin-s {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes spin-s {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes scale-play {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes scale-play {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}

@keyframes scale-stop {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
}

@-webkit-keyframes scale-stop {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
}

/* pay 간편등록 리스트 */
.list-colum-type1.custom-size {
  margin-top: 8px;
}

.list-colum-type1.custom-size .box-border-items-img {
  padding: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 96px;
  border-radius: 10px;
}

.list-colum-type1.custom-size .box-border-items-img img {
  width: 100%;
  min-width: 50px;
  height: 26px;
  max-height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}

.list-colum-type1.custom-size .box-border-items-img.complete {
  background-color: #f8f8f8;
  border: none;
}

.list-colum-type1.custom-size .box-border-items-img.complete .box-border-items-tit {
  color: #666666;
}

.list-colum-type1.custom-size .box-border-items-tit {
  font-weight: 500;
  height: auto;
  margin: 12px 0 0 0;
}

.list-data-default + .text-right {
  margin-top: 16px;
}

.popup-content .account-select-wrap.my-account + .text-right {
  margin-top: 24px;
}

.tab-list-wrap + .copy-text-wrap.box-gray.box-full.text-gray-dark {
  margin-top: 24px;
}

.form-wrap-content + .input-list-check {
  margin-top: 32px;
}

.list-data-default + .sub-title.title-depth3.title-small.sub-text-between.flex-align-start {
  margin-top: 24px;
}

.sub-title.title-depth3.title-small.sub-text-between.flex-align-start + .box-gray {
  margin-bottom: 24px;
}

/* 즉시결제 */
.sub-container > .box-gray.box-full:first-child {
  padding: 24px;
}

.sub-container > .box-gray.box-full:first-child + .list-wrap {
  margin-top: 0;
}

.sub-container > .box-gray.box-full:first-child + .list-wrap .link-item-list li {
  padding: 20px 0;
}

.sub-container > .box-gray.box-full:first-child + .list-wrap + .message-text {
  margin: 24px 0 16px;
}

.sub-container > .box-gray.box-full:first-child + .list-wrap + .message-text ~ .btn.btn-sm.btn-round.btn-border + .btn.btn-sm.btn-round.btn-border {
  margin-left: 4px;
}

.sub-container .copy-text-wrap.text-lg.welcome-message + .copy-text-wrap.guide-msg {
  margin-top: 8px;
}

.sub-container .copy-text-wrap.text-lg.welcome-message + .copy-text-wrap.guide-msg + .shadowbox {
  margin-top: 92px;
}

.sub-container .copy-text-wrap.text-lg.welcome-message + .copy-text-wrap.guide-msg + .shadowbox ~ .shadowbox {
  margin-top: 12px;
}

.sub-container .copy-text-wrap.text-lg.welcome-message + .copy-text-wrap.guide-msg + .shadowbox ~ .shadowbox:last-child {
  margin-bottom: 8px;
}

.sub-container .copy-text-wrap.text-lg.welcome-message + .copy-text-wrap.guide-msg ~ .shadowbox .contentbox .copy-text-wrap.text-lg + .copy-text-wrap.guide-msg {
  margin-top: 4px;
}

.payment-visual {
  background: url(/webapp/v2/common/assets/images/my/img-payment@2x.png) top 0 right 0/contain no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
  background: url(/webapp/v2/common/assets/images/my/img-payment@2x.png) top 0 right 0/contain no-repeat, linear-gradient(to bottom, #fff, #f9f9f9);
}

.payment-visual .custom-banner.shadow {
  margin: 12px auto;
}

.popup-content .input-list-check:only-child {
  margin: 24px 0 16px;
}

.my-main-info {
  position: relative;
  margin: 0 -24px;
}

.my-main-img {
  position: relative;
  height: 200px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f9f9f9), to(white));
  background-image: linear-gradient(to top, #f9f9f9 0, white 100%);
}

.my-main-img img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: inherit;
  width: auto;
  height: 100%;
}

.my-main-text {
  position: absolute;
  top: 16px;
  left: 0;
  padding: 0 24px;
  z-index: 2;
}

.my-main-img.my-main-bg-none {
  background-image: none;
}

.bg-gradi-f9 {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f9f9f9), to(white));
  background-image: linear-gradient(to top, #f9f9f9 0, white 100%);
}

.bg-gradi-f9 .custom-banner.shadow {
  margin: 0;
}

.bg-gradi-f9 .custom-banner.shadow + .custom-banner.shadow {
  margin-top: 12px;
}

.bg-gradi-f9 .custom-banner.shadow + .box-gray-dark {
  margin: 12px 0;
}

.bg-gradi-f9 + .list-wrap {
  margin-bottom: 40px;
}

.bg-gradi-f9 + .list-wrap + .message-text.text-center {
  margin-bottom: 16px;
}

.bg-gradi-f9.box-full {
  padding: 0 24px 32px;
}

.input-list-check .d-flex.flex-align-center.border-top .custom-checkbox.checkbox-md label {
  word-break: break-all;
}

.d-flex.flex-align-center .custom-checkbox.checkbox-sm input[type=checkbox]:disabled + label {
  color: #999;
}

.fold-head .btn-fold + .data-list.d-between {
  width: calc(100% - 40px);
}

.data-list-border-wrap {
  border-top: 1px solid #ebebeb;
  padding-top: 16px;
  margin-top: 8px;
}

.box-middle-line {
  margin-bottom: 24px;
}

.box-middle-line .message-text + .message-text {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #ebebeb;
}

/* 바로출금 */
.tab-panel > .accordion-wrap.input-list-check:first-child {
  margin-top: -24px;
}

.tab-panel > .accordion-wrap.input-list-check:first-child .accordion {
  padding: 16px 0;
}

.tab-panel > .accordion-wrap.input-list-check:first-child .accordion:last-child {
  border-bottom: 0;
}

.tab-panel > .tab-list-wrap:first-child + .tab-content-wrap .form-wrap-content + .accordion-wrap.input-list-check {
  margin-top: 8px;
}

.tab-panel > .tab-list-wrap:first-child + .tab-content-wrap .form-wrap-content + .accordion-wrap.input-list-check .accordion:last-child {
  border-bottom: 0;
}

.card-select .overcon li .d-flex .message-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-select .overcon li .d-flex .message-text.message-text-sm {
  overflow: visible;
}

.card-select .overcon li .d-flex .message-text + .message-text {
  margin-left: 8px;
}

.copy-text-wrap.text-lg + .box-gray {
  margin-top: 16px;
}

.accordion .fold-body .list-dot + .sub-title.title-depth3.title-small {
  margin: 24px 0 16px;
}

.form-wrap-content + .list-dot {
  margin-top: 16px;
}

.form-wrap-content + .list-dot + .sub-title.underline {
  margin-top: 48px;
}

.input-list-check > .grid-col-2:first-child {
  padding: 16px 0;
}

.bottomsheet .accordion-wrap.type-price + dl.data-list {
  padding-top: 18px;
}

.message-text.text-center + .form-control-clear {
  margin-top: 24px;
}

.bottomsheet .popup-content > .text-center .logo-loca {
  display: inline-block;
  margin: 40px 0 16px;
}

.data-list.no-data {
  width: 100% !important;
}

.list-data-default.border-none02 {
  border: none;
}

.payment-method-text {
  margin-top: 16px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  text-align: center;
  color: #666;
}

.instant-pay-text .text + .text {
  margin-top: 16px;
}

.instant-pay-text + .input-list-check,
.instant-pay-text + .list-dot,
.payment-method-text + .instant-pay-text {
  margin-top: 16px;
}

.info-account-area .text {
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.info-account-area .img-account {
  margin-top: 24px;
  text-align: center;
}

.info-account-area .img-account img {
  width: 100%;
  max-width: 312px;
}

.tab-list-wrap + .tab-content-wrap .tab-panel .tab-list-wrap {
  margin-top: -24px;
}

.d-flex.flex-align-center div.custom-checkbox.checkbox-sm input[type=checkbox]:checked + label em::before,
.d-flex.flex-align-center .custom-checkbox.checkbox-sm.devide-sm-right input[type=checkbox]:checked + label em::before {
  width: 2px;
}

.d-flex.flex-align-center div.custom-checkbox.checkbox-sm input[type=checkbox]:checked + label em::after,
.d-flex.flex-align-center .custom-checkbox.checkbox-sm.devide-sm-right input[type=checkbox]:checked + label em::after {
  height: 2px;
}

.d-flex.flex-align-center div.custom-checkbox.checkbox-sm input[type=checkbox]:checked + label,
.d-flex.flex-align-center .custom-checkbox.checkbox-sm.devide-sm-right input[type=checkbox]:checked + label {
  font-weight: 500;
}

.custom-bottomsheet.type-footer .data-list > dt {
  margin: 0;
}

.custom-bottomsheet.type-footer .data-list > dd {
  margin: 0;
  font-weight: 700;
  color: #3674bc;
}

.custom-bottomsheet.type-footer .fold-body .data-list > dt {
  margin: 6px 0;
}

.custom-bottomsheet.type-footer .fold-body .data-list > dd {
  margin: 6px 0;
  font-weight: 500;
  color: #222;
}

.custom-bottomsheet.type-footer .fold-body .data-list > dt:first-child {
  margin-top: 0;
}

.custom-bottomsheet.type-footer .fold-body .data-list > dt:first-child + dd {
  margin-top: 0;
}

/*아티클 전체보기*/
.article-tab-swiper-container .swiper-slide-thumb-active .img-wrapper {
  border: 2px solid #ea7869;
}

.article-tab-swiper-container .swiper-slide-thumb-active .text-wrapper {
  color: #222;
}

.article-tab-swiper-container {
  position: fixed;
  top: calc(56px + var(--safe-top));
  left: 0;
  height: 102px;
  width: 100%;
  padding: 9px 0;
  border-bottom: 1px solid #ebebeb;
  background: #fff;
  z-index: 20;
}

.article-tab-swiper-container .swiper-slide {
  width: 68px;
}

.article-tab-swiper-container .swiper-slide:first-of-type {
  margin-left: 8px;
}

.article-tab-swiper-container .swiper-slide:last-of-type {
  margin-right: 8px;
}

.article-tab-swiper-container + .article-tabconts-container {
  position: relative;
  margin-top: calc(102px + 24px - 15px);
}

.article-tab-swiper-conts {
  display: block;
  width: 68px;
  text-align: center;
}

.article-tab-swiper-conts .img-wrapper {
  width: 56px;
  height: 56px;
  margin: 0 auto;
  padding: 4px;
  border: 2px solid #fff;
  border-radius: 100%;
}

.article-tab-swiper-conts .img-wrapper img {
  width: 100%;
  border-radius: 100%;
}

.article-tab-swiper-conts .img-wrapper + .text-wrapper {
  margin-top: 8px;
}

.article-tab-swiper-conts .text-wrapper {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

/*아티클 슬라이드*/
.article-swiper-conts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.article-swiper-conts + .article-swiper-conts {
  margin-top: 34px;
}

.article-swiper-conts .img-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  width: 80px;
  border-radius: 10px;
  overflow: hidden;
}

.article-swiper-conts .img-wrapper img {
  width: 100%;
}

.article-swiper-conts .img-wrapper + .text-wrapper {
  margin-left: 16px;
}

.article-swiper-conts .text-wrapper .title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
}

.article-swiper-conts .text-wrapper .title + .tag {
  margin-top: 4px;
}

.article-swiper-conts .text-wrapper .tag {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.article-tabconts-list-items {
  padding: 16px 0;
  border-bottom: 1px solid #ebebeb;
}

.article-tabconts-list-items:first-of-type {
  padding-top: 0;
}

.article-tabconts-list-items .article-swiper-conts .img-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  width: 100px;
  border-radius: 10px;
  overflow: hidden;
}

/*아티클 상세*/
.detail-container.feed-article-container {
  position: relative;
}

.detail-container.feed-article-container .detail-container-header {
  padding-bottom: 24px;
  border-bottom: 1px solid #ebebeb;
}

.detail-container.feed-article-container .detail-container-header + .detail-container-conts {
  margin-top: 24px;
}

.detail-container.feed-article-container .detail-container-header .title {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
  line-height: 28px;
  color: #222;
}

.detail-container.feed-article-container .detail-container-header .title + .text {
  margin-top: 8px;
}

.detail-container.feed-article-container .detail-container-header .text {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

.detail-container.feed-article-container .flag {
  position: absolute;
  top: -10px;
  left: 24px;
  height: 24px;
  font-weight: 500;
}

.detail-container.feed-article-container.fixedBtn {
  padding-bottom: calc(180px + var(--safe-bottom));
}

.detail-container.feed-article-container .detail-container-btn {
  padding-top: 30px;
}

.detail-container.feed-article-container .detail-container-btn.fixedBtn {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  padding: 24px;
  margin: 0;
  background: #fff;
  padding-bottom: calc(24px + var(--safe-bottom));
}

.detail-container.feed-article-container hr + .article-wrapper {
  margin-top: 32px;
}

.detail-container.feed-article-container .article-swiper-container {
  position: relative;
  margin-top: 24px;
  margin-left: -24px;
  width: 100vw;
}

.detail-container.feed-article-container .article-swiper-container .swiper-slide {
  padding: 0 0 0 24px;
}

.detail-container.feed-article-container .article-swiper-container .swiper-slide:last-of-type {
  padding-right: 24px;
}

/*아티클 상세*/
.feedpage-container + .feedpage-container {
  margin-top: 32px;
}

.feedpage-container .feedpage-container-text > div + div, .feedpage-container .feedpage-container-text ul + div {
  margin-top: 16px;
}

.feedpage-container .feedpage-container-text > div + ul {
  margin-top: 8px;
}

.feedpage-container .feedpage-container-text + .feedpage-container-subTitle {
  margin-top: 24px;
}

.feedpage-container .feedpage-container-subTitle {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
  margin-bottom: 8px;
}

.feedpage-container .feedpage-container-title {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
}

.feedpage-container .feedpage-container-title .label {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 400;
}

.feedpage-container .feedpage-container-title + .feedpage-container-img {
  margin-top: 16px;
}

.feedpage-container .feedpage-container-img {
  width: 100%;
}

.feedpage-container .feedpage-container-img img {
  width: 100%;
}

.feedpage-container .feedpage-container-img + .feedpage-container-text {
  margin-top: 20px;
}

.sub-detail .article-detail-header .btn-close, .article-detail-layer .article-detail-header .btn-close {
  position: fixed;
  top: calc(20px + var(--safe-top));
  right: 20px;
  z-index: 90;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 0;
  background: rgba(255, 255, 255, 0.6) url(/webapp/v2/common/assets/images/common/icons/icon-close-pop.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 30px 30px;
  border: 0;
  margin-left: auto;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

.sub-detail .article-detail-header .btn-prev, .article-detail-layer .article-detail-header .btn-prev {
  position: fixed;
  top: calc(13px + var(--safe-top));
  background: rgba(255, 255, 255, 0.6) url(/webapp/v2/common/assets/images/common/icons/icon-history-back.svg);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  top: calc(20px + var(--safe-top));
  left: 20px;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) 50%;
  background-size: 40px 40px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  border: 0;
  z-index: 90;
}

.now-pay-wrap {
  margin-top: 0;
}

.now-pay-wrap .link-item-list.flex-list > li a {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

/*전체보기 - 상세*/
.article-detail-layer {
  position: fixed;
  width: 100%;
  top: 50px;
  left: 0;
  height: 100%;
  z-index: 99;
  overflow-x: hidden;
  overflow-y: auto;
  display: none;
}

.article-detail-layer .detail-image {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.article-detail-layer .detail-image img {
  width: 100%;
}

.article-detail-layer .detail-container {
  padding: 30px 24px 24px;
  margin-top: calc(100vw * 0.7);
  background: #FFF;
  border-radius: 20px;
}

.title-top-detail {
  margin: 32px 0;
}

.title-top-detail > div {
  font-size: 20px;
  line-height: 28px;
  color: #222;
  font-weight: 700;
}

.title-icon {
  width: 30px;
  height: 1px;
  background: #222;
  display: block;
  margin-top: 20px;
}

.feedpage-by-text {
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  color: #666;
  margin: 10px 0 20px;
}

.feedpage-gary-box {
  background: #ebebeb;
  padding: 20px;
  text-align: left;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  margin: 20px 0;
}

.feedpage-gary-box a {
  color: #222;
  font-weight: 400;
}

.feedpage-gary-box p {
  color: #666;
  margin-top: 6px;
}

.feedpage-container-text + .feedpage-gary-box.bg-f3f3f3 {
  margin-top: 10px;
}

.feedpage-sm-title {
  font-weight: 700;
  margin-bottom: 6px;
}

.feedpage-table-st {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.feedpage-table-st dt {
  width: 31%;
  font-weight: 500;
  padding: 6px 0;
}

.feedpage-table-st dd {
  width: 69%;
  font-weight: 400;
  padding: 6px 0;
}

.bg-fafafa {
  background: #fafafa;
}

.feedpage-container-table {
  margin-top: 19px;
}

.feedpage-container-table table {
  border-top: 1px solid #ebebeb;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
}

.feedpage-container-table table thead th {
  font-weight: 500;
  text-align: center;
  padding: 12px 0;
  background: #fafafa;
}

.feedpage-container-table table thead th + th {
  border-left: 1px solid #ebebeb;
}

.feedpage-container-table table td {
  text-align: center;
  padding: 12px 16px;
}

.feedpage-container-table table tbody th,
.feedpage-container-table table tbody td {
  border-top: 1px solid #ebebeb;
  font-weight: 400;
}

.feedpage-container-table table tbody th + td {
  border-left: 1px solid #ebebeb;
}

.feedpage-container-table li {
  color: #222;
}

.feedpage-container-table li + li {
  margin-top: 0;
}

.feedpage-hashtag {
  margin-top: 19px;
}

.feedpage-hashtag p {
  font-size: 12px;
  line-height: 18px;
  color: #666;
  margin-bottom: 8px;
}

.feedpage-hashtag li {
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  color: #666;
  border-radius: 3px;
  padding: 3px 6px;
  background: #f3f3f3;
}

.feedpage-hashtag li + li {
  margin-left: 4px;
}

.feedpage-container .list-dot {
  margin-top: 20px;
}

.bg-f3f3f3 {
  background: #f3f3f3;
  font-weight: 400;
}

.tip-border-box {
  border: 1px solid #ebebeb;
  padding: 20px;
}

.tip-border-box h4 {
  font-weight: 500;
  margin-bottom: 4px;
}

.tip-border-box p {
  color: #666;
}

.editorName {
  position: relative;
  text-align: right;
  margin-top: 40px;
}

.editorName::before {
  content: '';
  position: absolute;
  top: -10px;
  right: 0;
  height: 1px;
  width: 16px;
  border-top: 1px solid #222;
}

.editorName strong {
  color: #222;
}

.editorName p {
  color: #666;
}

.listWith_circle {
  counter-reset: section;
  margin-top: 20px;
}

.listWith_circle li {
  margin-top: 10px;
  padding-left: 20px;
  position: relative;
}

.listWith_circle li strong {
  font-weight: 400;
}

.listWith_circle li:before {
  content: counter(section) ".";
  counter-increment: section;
  display: inline-block;
  vertical-align: middle;
  margin: -3px 0 0 -15px;
  border: 1px solid #737373;
  width: 15px;
  height: 15px;
  font-size: 11px;
  border-radius: 15px;
  text-align: center;
  line-height: 13px;
  margin: -3px 4px 0 -20px;
}

.feedpage-small-title {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  margin-top: 6px;
}

div.feedpage-text-medium {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.feedpage-container .feedpage-container-text > .feedpage-text-medium + div {
  margin-top: 8px;
}

.bg-gradi-f9 .custom-banner.shadow + .custom-banner.type-box {
  margin: 12px 0;
}

.btn-wrap-now {
  text-align: center;
}

.btn-wrap-now .btn + .btn {
  margin-left: 6px;
}

.data-list.text-lg {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.data-list.text-lg dd {
  font-weight: 500;
}

.data-list.use-card {
  -ms-grid-columns: 1fr 2fr;
      grid-template-columns: 1fr 2fr;
}

.data-list.mt18.text-lg {
  margin-top: 18px;
}

.banner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 92px 0 0 0;
  width: 100%;
  height: 100px;
  background-color: #5c71e9;
  border-radius: 10px;
}

.banner-box > .banner-txt {
  padding: 0 0 0 20px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: -0.5px;
}

.banner-box > .banner-img {
  position: absolute;
  right: 0;
  top: 0;
  width: 124px;
  height: 100%;
}

.banner-box > .banner-img > img {
  width: 100%;
  height: 100%;
}

/* CSRUIUX-1234 상세 내역 퍼블리싱 요청 */
.my2025New .popup-content .usage-detail .accordion {
  border-bottom: none;
}

.my2025New .popup-content .usage-detail .accordion .fold-head .amount-wrap .text-price .detail-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}

.my2025New .popup-content .usage-detail .accordion .fold-head .amount-wrap .text-price .detail-ul .date-time {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  color: #222;
}

.my2025New .popup-content .usage-detail .accordion .fold-head .amount-wrap .text-price .detail-ul .date-time + .location {
  margin-left: 16px;
}

.my2025New .popup-content .usage-detail .accordion .fold-head .amount-wrap .text-price .detail-ul .location {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #007881;
}

.my2025New .popup-content .usage-detail .accordion .fold-head .amount-wrap .text-price .detail-ul .location::before {
  content: '';
  position: absolute;
  display: block;
  top: 5px;
  left: -8px;
  width: 1px;
  height: 12px;
  background-color: #ebe7e4;
}

.my2025New .popup-content .usage-detail .accordion .fold-head .amount-wrap .text-price + .data-border-wrap {
  margin-top: 24px;
}

.my2025New .popup-content .usage-detail .accordion .fold-head .amount-wrap .data-border-wrap {
  border-top: solid 1px #222;
}

.my2025New .popup-content .usage-detail .accordion .fold-head .amount-wrap .data-border-wrap + .btn-fold {
  margin-top: 0;
}

.my2025New .popup-content .usage-detail .accordion .fold-head .amount-wrap .btn-wrap {
  width: 100%;
  text-align: right;
}

.my2025New .popup-content .usage-detail .accordion .fold-head .amount-wrap .btn-wrap .btn-fold {
  position: relative;
  width: auto;
  height: auto;
  padding: 0 30px 0 0;
  margin-top: 0;
  bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #222;
  text-align: right;
}

.my2025New .popup-content .usage-detail .accordion .fold-head .amount-wrap .btn-wrap .btn-fold::before {
  top: calc(50% - 4px);
  left: 84%;
}

.my2025New .popup-content .usage-detail .accordion .fold-head .amount-wrap .btn-wrap .btn-fold::after {
  top: calc(50% - 4px);
  left: 83%;
}

.my2025New .popup-content .usage-detail .accordion .fold-head .amount-wrap .btn-wrap + .list-data-default {
  margin-top: 24px;
}

.my2025New .popup-content .usage-detail .accordion .fold-body {
  margin: 0;
  padding: 0;
}

.my2025New .list-data-default > li {
  padding-bottom: 8px;
}

.my2025New .list-data-default > li:last-child {
  padding-bottom: 0;
}

.my2025New .list-data-default .list-items {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.my2025New .list-data-default .list-items div:nth-child(1) {
  width: 28%;
}

.my2025New .list-data-default .list-items div:nth-child(2) {
  width: 72%;
  font-weight: 500;
  color: #222;
}

.my2025New .list-data-default .list-items.line {
  margin-top: 8px;
  padding-top: 16px;
  border-top: solid 1px #d5cfc9;
}

.my2025New .list-data-default.top {
  padding: 16px;
  background-color: #f6f5f3;
}

.my2025New .list-data-default.bottom {
  padding: 16px;
  background-color: #f2f0ed;
}

/* CSRUIUX-1128 - 연말정산 한번더 이벤트 실적 페이지 화면 디자인/퍼블 진행 - MY.5.jungsan.html*/
.pg-jungsan {
  display: block;
}

.pg-jungsan .color-4c4637 {
  color: #4c4637 !important;
}

.pg-jungsan .jg-wrap {
  background: #f2f0ed;
  padding: 28px 24px 32px 24px;
  margin: -15px -24px 24px -24px;
  position: relative;
}

.pg-jungsan .jg-wrap .jg-box {
  background: #007881;
  padding: 30px 20px;
  color: #ffffff;
}

.pg-jungsan .jg-wrap .jg-box .jg-hdt .tit {
  font-size: 16px;
  color: #daf7f6;
}

.pg-jungsan .jg-wrap .jg-box .jg-hdt .sxt {
  font-size: 20px;
  font-weight: 700;
  margin-top: 6px;
  line-height: 1.2;
}

.pg-jungsan .jg-wrap .jg-box .jg-hdt .txt {
  font-size: 16px;
  margin-top: 8px;
  min-height: 51px;
}

.pg-jungsan .jg-wrap .jg-box .jg-hdt .txt .st {
  color: #5ddbdb;
}

.pg-jungsan .jg-graph {
  margin-top: 24px;
  position: relative;
  padding: 40px 0px 0px 0px;
}

.pg-jungsan .jg-graph .verbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.pg-jungsan .jg-graph .verbox .verset {
  width: calc(100% / 3 - 3px);
  background: #00656d;
  height: 33px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pg-jungsan .jg-graph .verbox .verset.vt1 {
  height: 33px;
}

.pg-jungsan .jg-graph .verbox .verset.vt2 {
  height: 45px;
}

.pg-jungsan .jg-graph .verbox .verset.vt3 {
  height: 58px;
}

.pg-jungsan .jg-graph .verbox .verset .tt {
  font-size: 12px;
}

.pg-jungsan .jg-graph .verbox .verset.active {
  background: #5ddbdb;
}

.pg-jungsan .jg-graph .verbox .verset.active .tt {
  color: #00656d;
}

.pg-jungsan .jg-graph .verbox .verset.active .bubble-msg {
  display: block;
}

.pg-jungsan .jg-graph .verbox .verset .bubble-msg {
  display: none;
  font-size: 12px;
  position: relative;
  background: #222222;
  padding: 4px 9px;
  position: absolute;
  top: -39px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  white-space: nowrap;
}

.pg-jungsan .jg-graph .verbox .verset .bubble-msg::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 6px solid #222222;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.pg-jungsan .jg-graph .barbox {
  height: 5px;
  background: #00656d;
  margin-top: 9px;
}

.pg-jungsan .jg-graph .barbox .bar {
  height: 5px;
  background: #5ddbdb;
  max-width: 100%;
}

.pg-jungsan .jg-graph .amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  margin-top: 9px;
  padding-bottom: 30px;
}

.pg-jungsan .jg-graph .amount .amt {
  width: 1px;
  height: 6px;
  background: #009095;
  position: relative;
}

.pg-jungsan .jg-graph .amount .amt p {
  position: absolute;
  right: 0;
  bottom: -30px;
  white-space: nowrap;
}

.pg-jungsan .jg-graph .amount .amt.a1 p {
  right: auto;
  left: 0px;
}

.pg-jungsan .data-box {
  background: #f6f5f3;
  padding: 10px 16px 12px 16px;
}

.pg-jungsan .data-list + .data-list {
  margin-top: 10px;
  padding-top: 9px;
  border-top-color: #d5cfc9;
}

.pg-jungsan .list-data-jg {
  border-top: #d5cfc9 solid 1px;
  padding: 0px 0px;
  border-bottom: none;
}

.pg-jungsan .list-data-jg li {
  padding: 22px 0px;
  border-bottom: #f6f5f3 solid 1px;
}

.pg-jungsan .list-data-jg li:last-child {
  border-bottom-width: 0px;
}

.pg-jungsan .case-test {
  position: absolute;
  right: 27px;
  top: 3px;
  left: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.pg-jungsan .case-test button {
  font-size: 11px;
  opacity: 0.8;
  color: #000000;
  border: 1px solid #999;
}

.pg-jungsan .case-test button.active {
  opacity: 1;
  background: #dddddd;
}

/* CSRUIUX-1253 - MY.5.jungsan02.html*/
.pg-jungsan .jg-graph.type02 {
  padding: 30px 0 0 0;
}

.pg-jungsan .jg-graph.type02 .barbox {
  position: relative;
  height: 10px;
}

.pg-jungsan .jg-graph.type02 .barbox .bar {
  height: 10px;
}

.pg-jungsan .jg-graph.type02 .barbox .bubble-msg {
  position: absolute;
  top: -39px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  padding: 4px 9px;
  background: #222222;
  font-size: 12px;
  white-space: nowrap;
}

.pg-jungsan .jg-graph.type02 .barbox .bubble-msg::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 6px solid #222222;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.pg-jungsan .jg-graph.type02 .prd-name {
  text-align: right;
  font-size: 12px;
}

.custom-banner.type-inbtn-shape a {
  padding: 24px 20px;
}

.custom-banner.type-inbtn-shape .custom-banner-text {
  font-size: 18px !important;
  line-height: 26px !important;
}

.custom-banner.type-inbtn-shape span.btn {
  margin-top: 8px;
  font-size: 14px;
  line-height: 22px;
}

/* CSRUIUX-1261 앱 신용 다원화 회원 안내문구 추가 요청의 건 */
.form-wrap-content {
  position: relative;
}

.form-wrap-content .bubble-textbox.bill2025new {
  position: absolute;
  bottom: -32px;
  left: calc(50% - 148px);
  background: #222;
  border-radius: 0;
  color: #FFF;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.06px;
  padding: 5px 16px 3px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
}

.form-wrap-content .bubble-textbox.bill2025new.expanded {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
}

.form-wrap-content .bubble-textbox.bill2025new::after {
  content: '';
  position: absolute;
  top: -12px;
  right: 16px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #222;
  border-left: 6px solid transparent;
}

@media (max-width: 344px) {
  .form-wrap-content .bubble-textbox.bill2025new {
    padding: 5px 12px 3px;
  }
}

@media (max-width: 320px) {
  .form-wrap-content .bubble-textbox.bill2025new {
    padding: 5px 8px 3px;
    letter-spacing: -0.1px;
  }
}

/* 리볼빙 금리할인대상자 배지 노출 화면 추가 CSRUIUX-1378 */
.bubble-textbox.type-new {
  position: absolute;
  top: -32px;
  left: calc(50%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #222;
  border-radius: 0;
  white-space: nowrap;
  color: #FFF;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.06px;
  padding: 5px 10px 3px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
}

.bubble-textbox.type-new::after {
  content: '';
  position: absolute;
  bottom: -11px;
  left: 50%;
  margin-left: -6px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #222;
  border-left: 6px solid transparent;
}

.bubble-textbox.type-new.expanded {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
}

.bdg-orange {
  height: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f54d00;
  color: #ffffff;
  font-size: 12px;
  padding: 2px 4px 1px 4px;
}

/* MY 페이즈-2  CSRUIUX-532 */
.sub-wrapper.has-footer-type2 .sub-container.phase-2 {
  padding-bottom: 280px;
  padding-bottom: calc(280px + var(--safe-bottom));
}

.phase-2.custom-banner.shadow {
  -webkit-box-shadow: 0 3px 26px 1px rgba(109, 101, 96, 0.2);
          box-shadow: 0 3px 26px 1px rgba(109, 101, 96, 0.2);
  border-radius: 16px;
}

.phase-2.custom-banner.type-box {
  border-radius: 16px;
}

.phase-2.custom-banner > a.type-link:before {
  right: 23px;
  width: 9px;
  height: 9px;
}

.phase-2.p-title {
  border-bottom: 1px solid #666666;
}

.phase-2.p-title .sub-title.title-depth4 {
  color: #222222;
  font-size: 16px;
}

.phase-2.p-title .custom-checkbox.checkbox-sm label {
  font-size: 14px;
}

.phase-2.p-title .custom-checkbox input[type=checkbox] + label em::before,
.phase-2.p-title .custom-checkbox input[type=checkbox] + label em::after {
  background-color: #999999;
}

.phase-2.p-title .custom-checkbox input[type=checkbox]:checked + label em::before,
.phase-2.p-title .custom-checkbox input[type=checkbox]:checked + label em::after {
  background-color: #206cfe;
}

.phase-2.p-title .check {
  margin-right: 0px;
}

.phase-2.p-title .tooltip-wrap {
  margin-top: 0px;
}

.phase-2.list-wrap .link-item-list.flex-list > li > a::after {
  right: 10px;
  width: 9px;
  height: 9px;
}

.phase-2.tab-list-wrap .tab-box > li.is-active {
  background-color: #206cfe;
}

.phase-2.input-list-check .custom-checkbox.checkbox-md input[type=checkbox]:checked + label::before,
.phase-2.input-list-check .custom-checkbox.checkbox-lg input[type=checkbox]:checked + label::before {
  background-color: #206cfe;
}

.phase-2.input-list-check > li.ckall2 {
  border-width: 1px;
  padding: 17px 0px;
}

.phase-2.input-list-check > li .list-content .d-block.d-flex-between + .d-block.d-flex-between .checkbox-sm input[type=checkbox]:checked + label em::before,
.phase-2.input-list-check > li .list-content .d-block.d-flex-between + .d-block.d-flex-between .checkbox-sm input[type=checkbox]:checked + label em::after {
  background-color: #206cfe;
}

.phase-2.input-list-check > li {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.phase-2.input-list-check > li.pt30 {
  padding-top: 30px;
}

.phase-2.input-list-check > li.nodata {
  padding: 80px 0px 40px 0px;
  border-bottom-width: 0;
}

.phase-2.input-list-check > li .list-content {
  position: relative;
}

.phase-2.input-list-check > li .list-content label + .input-unit {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 46%;
          flex: 1 0 46%;
}

.phase-2.input-list-check .input-unit {
  border-radius: 5px;
}

.phase-2.input-list-check .input-unit .unit {
  margin-right: 10px;
  margin-left: 0px;
  font-size: 14px;
}

.phase-2.input-list-check .bubble-textbox-wrap {
  position: absolute;
  right: 0;
  top: -30px;
}

.phase-2.input-list-check .bubble-textbox-wrap .bubble-textbox {
  background: #222222;
  white-space: nowrap;
  padding: 5px 15px 3px 15px;
  left: auto;
  right: 40px;
}

.phase-2.input-list-check .bubble-textbox-wrap.bubble-bottom .bubble-textbox::after {
  left: auto;
  right: 13px;
  border-bottom: 6px solid #222222;
}

.phase-2.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-head {
  padding-bottom: 20px;
}

.phase-2.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap.dims .fold-head {
  padding-bottom: 5px;
}

.phase-2.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .fold-body {
  padding-bottom: 0;
}

.phase-2.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .accordion-wrap .accordion .fold-head dl.data-list {
  width: calc(100% - 32px);
}

.phase-2.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .fold-body dl.data-list.type-2 {
  padding: 5px 10px 16px 0px;
  border-bottom-width: 0;
  border-top-width: 0px;
}

.phase-2.custom-bottomsheet.type-footer > .bottomsheet > .popup-content .fold-body dl.data-list.type-2 dd {
  font-weight: 400;
}

.phase-2.custom-bottomsheet.type-footer .accordion-wrap .accordion .fold-head .btn-fold {
  top: -8px;
  right: -6px;
}

.phase-2.custom-bottomsheet .box-gray-pha {
  border-radius: 10px;
  padding: 20px 16px;
  margin-bottom: 0px;
  background: #fafafa;
}

.phase-2.custom-bottomsheet .box-gray-pha .txt {
  text-align: center;
}

.phase-2.input-list-check.type-2 > li {
  border-bottom-width: 0;
  padding: 12px 0px;
}

.phase-2.input-list-check.type-2 > li.ckall {
  border-width: 1px;
  padding: 20px 0px;
  margin-bottom: 7px;
}

.phase-2.input-list-check.type-2 > li.d-flex .custom-checkbox {
  margin-top: -6px;
}

.phase-2.cashback-info {
  background: #f7f7f7;
  position: relative;
  padding: 24px 24px 24px 60px;
  min-height: 92px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  border-radius: 16px;
  margin-bottom: 10px;
  line-height: 1.3;
}

.phase-2.cashback-info .card {
  position: absolute;
  top: calc(50% - 21px);
  left: 16px;
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 5px;
}

.phase-2.cashback-info .card.typeH {
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
}

.phase-2.cashback-info .inf .txs {
  font-size: 14px;
  color: #666666;
  margin-bottom: 4px;
}

.phase-2.cashback-info .inf .txt {
  font-size: 20px;
  font-weight: 700;
}

.phase-2.cashback-info .prc {
  color: #206cfe;
  font-size: 20px;
  font-weight: 700;
}

/* 260424 추가 */
.phase-2 .popup-content.complate {
  padding-top: 57px;
}

.phase-2 .popup-content.complate dl.data-list .bank-info img {
  margin-right: 4px;
  width: 24px;
  vertical-align: top;
}

.custom-banner .type-button.in-img {
  min-height: 180px;
  padding: 24px 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.custom-banner .type-button.in-img .custom-banner-img img {
  width: 142px;
}

.custom-banner .type-button.in-img .custom-banner-cont {
  text-align: left;
}

.custom-banner .type-button.in-img .custom-banner-cont .custom-banner-text {
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.custom-banner .type-button.in-img .custom-banner-cont .btn {
  padding: 0 16px;
}

.accordion-wrap.type-button.type-full .list-dot > li .list-hyphen > li {
  margin-top: 8px;
}

.fs-car-container {
  margin-top: 24px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.fs-car-container .image {
  width: 88px;
  height: 88px;
  border-radius: 100%;
  border: 1px solid #ebebeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.fs-car-container .image img {
  width: 48px;
}

.fs-car-container .text {
  text-align: center;
  margin-top: 8px;
}

.fs-car-container .text > div {
  font-weight: 500;
}

.text-info.has-icon.icon-application::before {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/finance/icon-step-application.svg);
}

.text-info.has-icon.icon-call-check::before {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/finance/icon-step-call-check.svg);
}

.custom-radio-wrap + .custom-radio-wrap {
  margin-top: 32px;
}

.custom-radio-wrap .custom-radio + .custom-radio {
  margin-top: 8px;
}

.custom-radio-wrap .custom-radio.radio-btn input[type=radio]:checked + label .text {
  font-weight: 400;
}

.finance-visual {
  position: relative;
  margin: 0 -24px;
}

.finance-visual + .list-wrap {
  margin-top: 0;
}

.finance-visual-img {
  position: relative;
  height: 200px;
  background-color: transparent;
}

.finance-visual-img img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: inherit;
  width: auto;
  height: 100%;
}

.finance-visual-text {
  position: absolute;
  top: 16px;
  left: 0;
  padding: 0 24px;
}

.finance-visual-text .sub-title {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
}

.finance-visual-text .sub-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
  margin-top: 8px;
}

.finance-visual-text .sub-desc {
  color: #666;
  margin-top: 16px;
}

/* CSRUIUX-710 - 카드금융_로카 룰렛 게임 개발 */
.sub-header .btn-share2 {
  display: block;
  width: 48px;
  height: 48px;
  margin-top: var(--safe-top);
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 0;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-32-share-copy@3x.png);
  background-size: 48px;
  margin-left: auto;
  cursor: pointer;
}

.sub-locaball .locaball-top {
  margin: -15px -24px 0px;
  position: relative;
  background: #27223b;
}

.sub-locaball .locaball-top .desc {
  color: #ffffff;
  position: absolute;
  text-align: center;
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 33%;
  margin-top: -115px;
  z-index: 10;
}

.sub-locaball .locaball-top .desc .tit {
  font-size: 28px;
  font-weight: 700;
}

.sub-locaball .locaball-top .desc .date {
  font-size: 16px;
  margin-top: 4px;
}

.sub-locaball .locaball-top .desc .txt {
  position: relative;
  font-size: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #206cfe;
  border-radius: 8px;
  height: 32px;
  margin: 18px 0px 0px 0px;
  padding: 5px 15px 3px 15px;
  line-height: 1;
}

.sub-locaball .locaball-top .desc .txt::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -6px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #206cfe;
  border-left: 6px solid transparent;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.sub-locaball .locaball-top .bgs {
  text-align: center;
}

.sub-locaball .locaball-top .bgs svg {
  max-width: 640px;
  width: 100%;
  vertical-align: middle;
}

.sub-locaball .locaball-top .bgs .img {
  max-width: 640px;
  width: 100%;
}

.sub-locaball .locaball-ctn .giftbox {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 16px;
  background: #ffffff;
}

.sub-locaball .locaball-ctn .giftbox.win {
  background: #fffaca;
}

.sub-locaball .locaball-ctn .giftbox.lose {
  -webkit-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.1);
}

.sub-locaball .locaball-ctn .giftbox .pic {
  width: 48px;
  -ms-flex-preferred-size: 48px;
      flex-basis: 48px;
  margin-right: 12px;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
}

.sub-locaball .locaball-ctn .giftbox .dsc {
  width: calc(100% - 102px);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.sub-locaball .locaball-ctn .giftbox .dsc .tit {
  font-size: 16px;
  color: #206cfe;
  font-weight: 500;
}

.sub-locaball .locaball-ctn .giftbox .dsc .txt {
  font-weight: 500;
}

.page-locaball.popup-layer .popup-footer .btn {
  font-size: 16px;
  font-weight: 500;
}

.page-locaball.popup-layer .popup-footer .btn-blue:not(:disabled) {
  background-color: #206cfe;
  border-color: #206cfe;
  color: #ffffff;
}

.page-locaball.popup-layer .popup-footer .btn-white:not(:disabled) {
  background-color: #ffffff;
  border-color: #999999;
  color: #222222;
}

.page-locaball.popup-layer svg {
  vertical-align: middle;
}

.page-locaball.popup-layer.mw-mid {
  max-width: 296px;
}

.page-locaball.popup-layer .popup-header.ht30 {
  height: 30px;
}

.page-locaball.popup-layer .popup-header.ht30 .btn-close {
  top: 18px;
}

.head-nomargin {
  margin-top: -15px;
}

.hide-text {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
}

.ordered-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.ordered-item + .ordered-item {
  padding-top: 24px;
}

.ordered-item .icon-wrap {
  position: relative;
  height: 100%;
  margin-right: 24px;
}

.ordered-item .icon-wrap:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 40%;
  position: absolute;
  top: -50%;
  left: 50%;
  background-color: #ebebeb;
}

.ordered-item .icon-wrap.top:before {
  display: none;
}

.ordered-item.small + .ordered-item {
  padding-top: 16px;
}

.ordered-item.small .icon-wrap {
  margin-right: 12px;
}

.ordered-item .icon-step-handprint {
  display: inline-block;
  width: 64px;
  height: 64px;
}

.ordered-item .icon-step-handprint:before {
  content: '';
  display: block;
  width: 64px;
  height: 64px;
  background: url(/webapp/v2/common/assets/images/customer/icon-step-handprint.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.ordered-item .icon-step-visit {
  display: inline-block;
  width: 64px;
  height: 64px;
}

.ordered-item .icon-step-visit:before {
  content: '';
  display: block;
  width: 64px;
  height: 64px;
  background: url(/webapp/v2/common/assets/images/customer/icon-step-visit.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.ordered-item .icon-step-phone {
  display: inline-block;
  width: 64px;
  height: 64px;
}

.ordered-item .icon-step-phone:before {
  content: '';
  display: block;
  width: 64px;
  height: 64px;
  background: url(/webapp/v2/common/assets/images/customer/icon-step-phonenumber.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.ordered-item .icon-step-paing {
  display: inline-block;
  width: 64px;
  height: 64px;
}

.ordered-item .icon-step-paing:before {
  content: '';
  display: block;
  width: 64px;
  height: 64px;
  background: url(/webapp/v2/common/assets/images/customer/icon-step-paing.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.ordered-item .icon-step-barcode {
  display: inline-block;
  width: 64px;
  height: 64px;
}

.ordered-item .icon-step-barcode:before {
  content: '';
  display: block;
  width: 64px;
  height: 64px;
  background: url(/webapp/v2/common/assets/images/customer/icon-step-barcode.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.ordered-item .icon-step-handprint-02 {
  display: inline-block;
  width: 64px;
  height: 64px;
}

.ordered-item .icon-step-handprint-02:before {
  content: '';
  display: block;
  width: 64px;
  height: 64px;
  background: url(/webapp/v2/common/assets/images/customer/icon-step-handprint-02.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.ordered-item .icon-step-handprint-03 {
  display: inline-block;
  width: 64px;
  height: 64px;
}

.ordered-item .icon-step-handprint-03:before {
  content: '';
  display: block;
  width: 64px;
  height: 64px;
  background: url(/webapp/v2/common/assets/images/customer/icon-step-handprint-03.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.ordered-item .icon-step-requisition {
  display: inline-block;
  width: 64px;
  height: 64px;
}

.ordered-item .icon-step-requisition:before {
  content: '';
  display: block;
  width: 64px;
  height: 64px;
  background: url(/webapp/v2/common/assets/images/customer/icon-step-requisition.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.ordered-item .icon-step-manager {
  display: inline-block;
  width: 64px;
  height: 64px;
}

.ordered-item .icon-step-manager:before {
  content: '';
  display: block;
  width: 64px;
  height: 64px;
  background: url(/webapp/v2/common/assets/images/customer/icon-step-manager.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.ordered-item .icon-step-result {
  display: inline-block;
  width: 64px;
  height: 64px;
}

.ordered-item .icon-step-result:before {
  content: '';
  display: block;
  width: 64px;
  height: 64px;
  background: url(/webapp/v2/common/assets/images/customer/icon-step-result.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.guide-text__name {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.guide-text__name + * {
  margin-top: 8px;
}

.guide-text__desc {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

.customer-step-list li {
  position: relative;
}

.customer-step-list li .customer-step-text {
  position: absolute;
  top: 15px;
  left: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.customer-step-list li .customer-step-text > span {
  font-weight: 500;
  padding: 7px 15px;
  height: 32px;
  line-height: 1;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 16px;
  margin-right: 8px;
}

.customer-step-list li + li {
  margin-top: 14px;
}

.sub-title.title-depth3.d-flex .flag.flag-use {
  top: 0;
}

.accordion-wrap.type-button.border-top-b + .page-sub-title {
  margin-top: 40px;
  margin-bottom: 8px;
}

.input-unit.has-address .form-select {
  padding-right: 0;
}

.input-unit.has-address .selectbox .select {
  width: 90px;
}

.input-unit.has-address .selectbox .tit {
  border: none;
  padding: 0 20px;
  font-weight: 500;
}

.input-unit.has-address .selectbox .tit:after {
  right: 8px;
}

.input-unit.has-address > .form-control-clear > input.custom-input {
  width: 100%;
  border: none;
  padding-left: 6px;
}

.address-box.d-flex-between > div:first-child {
  padding-right: 12px;
}

.address-box.d-flex-between > div:last-child {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.mb18 {
  margin-bottom: 18px !important;
}

.mb26 {
  margin-bottom: 26px !important;
}

.agreeChk-vw-conts {
  padding: 0 20px 8px;
  border-top: 0;
}

.agreeChk-vw-conts .agreeChk-cont-btn.d-flex {
  padding: 4px 0 8px;
}

.agreeChk-vw-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.agreeChk-vw-wrap .custom-checkbox.checkbox-border > input[type=checkbox] + label {
  padding-right: 0;
}

.fold-head.agreeChk-accodion-head .agreeChk-vw-wrap .text-link.text-blue {
  right: auto;
  position: relative;
  margin-right: 20px;
  width: 28px;
  text-align: left;
}

/* 분실신고 */
.lost-card-wrap {
  margin-top: 25px;
}

.lost-card-wrap ul > li > .custom-radio.radio-btn > input[type=radio]:checked + label::before {
  border: 1px solid #544944;
}

.lost-card-wrap ul > li > .custom-radio.radio-btn > input[type=radio] + label::before {
  border-color: #ebebeb;
}

.lost-card-wrap .report-list span,
.lost-card-wrap .report-list a {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.lost-card-wrap .list-data-default .text-12 {
  font-weight: 400;
}

.lost-card-wrap .list-data-default li.border {
  border-top: 1px solid rgba(151, 151, 151, 0.16);
  border-bottom: 0;
}

.lost-card-wrap .sub-title.title-depth4 {
  font-weight: 400;
}

.lost-card-wrap .custom-radio-list > li {
  margin-top: 0;
}

.lost-card-wrap .custom-radio-list > li + li {
  margin-top: 16px;
}

.lost-card-wrap .custom-radio-list .custom-radio.radio-btn > input[type=radio] + label {
  padding: 12px 20px;
}

.lost-card-wrap .custom-radio-list .custom-radio.radio-btn > input[type=radio] + label .custom-label-conts {
  padding-bottom: 12px;
}

.lost-card-wrap .custom-radio-list .lost-card-con .custom-radio.radio-btn > input[type=radio] + label {
  padding: 15px 24px;
  text-align: center;
  line-height: 1.4;
}

.lost-card-wrap .lost-card-con .custom-radio.radio-btn input[type=radio]:checked + label::before {
  border: 2px solid #5089ca;
}

.lost-card-wrap .lost-card-con .custom-radio.radio-btn input[type=radio]:checked + label {
  color: #5089ca;
  font-weight: 700;
}

.lost-card-wrap .lost-card-con .custom-radio.radio-btn input[type=radio] + label {
  color: #999;
}

.lost-card-wrap .report-list li span:first-child {
  color: #222;
}

.lost-card-wrap .list-data-default.border-none {
  padding: 16px 0 0;
}

.lost-card-wrap .list-data-default li.border {
  padding: 16px 0 0;
}

.lost-card-wrap .list-item .text-14 {
  font-weight: 400;
}

.lost-card-wrap .custom-checkbox input[type=checkbox] + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 12px;
}

.lost-card-txt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
  color: #222;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  padding-left: 72px;
  width: calc(100% - 36px);
}

.lost-card-txt img {
  position: absolute;
  top: calc(50% - 30px);
  left: 0;
  width: 60px;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}

.lost-card-txt img.typeH {
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
}

.lost-card-txt img + p {
  padding-top: 10px;
}

.lost-card-txt p + p {
  width: 100%;
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 400;
  margin-top: 2px;
  padding-bottom: 10px;
}

.lost-card-txt span {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 700;
  padding-right: 10px;
  word-break: keep-all;
  color: #222;
}

.lost-card-txt .d-flex {
  width: 100%;
  overflow: hidden;
}

.lost-card-txt .card-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lost-card-con {
  margin-top: 24px;
}

.li-ma-top12 li {
  margin-top: 12px;
}

.txt-no-history {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  width: 100%;
  text-align: center;
  font-weight: 400;
  padding: 4px 0;
}

.used-wrap .list-wrap .link-item-list > li:first-child {
  border-top: 1px solid #ebebeb;
}

.used-wrap .sub-title {
  font-weight: 400;
  color: #222;
  margin-bottom: 10px;
}

.delivery-cont .grid-col-3 > *:nth-child(1) {
  width: calc(24.37% - 4px) !important;
  margin-right: 4px;
}

.delivery-cont .grid-col-3 > *:nth-child(2) {
  width: calc(24.37% - 4px) !important;
  margin-left: 4px;
}

.delivery-cont .grid-col-3 > *:nth-child(3) {
  width: calc(51.26% - 8px) !important;
}

.delivery-wrap .btn-wrap {
  margin-top: 8px;
}

.delivery-txt {
  padding-top: 8px;
}

.delivery-txt ul {
  padding-top: 16px;
}

.delivery-txt .sub-title.title-depth4.type02.text-bold {
  margin-top: 24px;
}

.delivery-txt .sub-title.title-depth4.type02.text-bold + .list-dot.li-ma-top12 {
  padding-top: 0;
}

.delivery-txt .border-full + .list-dot.li-ma-top12 {
  padding-top: 24px;
}

.h-address-box {
  padding: 20px;
  background: #fafafa;
  border-radius: 10px;
}

.h-address-box p {
  margin-top: 3px;
  font-weight: 500;
}

p.no-h-address {
  color: #666;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 400;
  padding: 22px 0;
  margin-top: 0;
  text-align: center;
}

.center-txt01 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.holiday-line span {
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 400;
}

.holiday-line .btn.btn-xs {
  font-weight: 400;
}

.holiday_notice {
  padding: 16px 0;
  border-top: 1px solid #ebebeb;
  margin-top: 16px;
}

.holiday_notice p {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666666;
  font-weight: 400;
}

.tab-list-wrap + .tab-content-wrap.paTop0 {
  padding-top: 0;
}

.department-list .address-box {
  padding: 24px 0;
}

.department-list .address-box .addr-title {
  font-weight: 400;
  margin-bottom: 4px;
}

.department-list .address-box .addr-title + p {
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.register-wrap {
  margin-top: 40px;
}

.register-wrap dl.data-list.data-list-view {
  margin: 4px 0 0;
  padding: 16px 0 0;
}

.register-wrap .title-depth4 {
  color: #222;
  font-weight: 500;
  margin: 0;
}

.register-wrap dl.data-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.register-wrap dl.data-list dt {
  word-break: keep-all;
  width: 25%;
}

.register-wrap dl.data-list dd {
  word-break: keep-all;
  width: 75%;
}

.register-wrap dl.data-list dd p + p {
  margin-top: 5px;
}

.register-wrap + .register-wrap {
  margin-top: 40px;
}

.register-info {
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding: 20px;
  position: relative;
  margin-top: 8px;
}

.register-info:after {
  content: '';
  display: block;
  position: absolute;
  top: 40px;
  right: 31px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.register-info + .register-info {
  margin-top: 16px;
}

.register-gyBox {
  background: #fafafa;
  padding: 12px 9px 12px 14px;
  border-radius: 6px;
  margin-top: 13px;
}

.register-gyBox .register-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.register-gyBox p {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.register-gyBox p + p {
  padding-left: 10px;
  margin-left: 8px;
  position: relative;
}

.register-gyBox p + p::before {
  width: 1px;
  height: 12px;
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 6px);
  left: 0;
  background: #bbb;
}

.register-gyBox p.btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  margin-top: 8px;
  min-height: 24px;
}

.register-gyBox p.btns > span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: calc(100% - 80px);
}

.loss-list-wrap {
  margin-top: -4px;
}

.loss-list-wrap dl.data-list dt, .loss-list-wrap dl.data-list dd {
  margin: 4px 0;
}

.card-choice-wrap > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 36px;
}

.card-choice-wrap > ul > li {
  margin: 12px 0;
  width: 50%;
}

.card-choice-wrap .custom-checkbox.checkbox-md input[type=checkbox] + label {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.loss-wrap {
  margin-bottom: 16px;
}

.lost-card-line {
  border: 1px solid #ddd;
  border-radius: 10px;
}

.lost-card-line + .lost-card-line {
  margin-top: 16px;
}

.lost-card-line .custom-radio.radio-md input[type=radio] {
  width: 0;
  height: 0;
}

.lost-card-line .custom-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.lost-card-line .custom-radio input[type=radio] + label::before {
  right: 24px;
  top: 23px;
  left: auto;
}

.lost-card-line .custom-radio.radio-md input[type=radio] + label {
  width: 100%;
  min-height: 64px;
  padding: 10px 60px 10px 17px;
  margin: 0;
}

.lost-card-line .custom-radio.radio-md input[type=radio] + label em {
  right: 43px;
  top: 28px;
  left: auto;
}

.lost-cardBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
}

.lost-cardBox img {
  width: 48px;
  height: 48px;
  padding-right: 0px;
  -o-object-fit: contain;
     object-fit: contain;
}

.lost-cardBox img.typeH {
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
}

.lost-cardBox img + span {
  padding-left: 10px;
}

.lost-cardBox .bank-name {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-break: normal;
}

.lost-cardBox .account-number {
  margin-left: 5px;
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
}

.txt-reiss {
  text-align: left;
  display: block;
  padding-left: 58px;
  margin: -4px 0 6px;
}

.txt-reiss span {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  padding: 1px 6px;
  border: 1px solid #bbb;
  border-radius: 4px;
  display: inline-block;
}

.loss-wrap .no-result {
  padding: 96px 0;
  text-align: center;
  font-weight: 500;
}

.third-list-wrap dl.data-list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.third-list-wrap .flag.big {
  padding: 4px 6px 2px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  min-width: 34px;
}

.custom-bottomsheet .bottomsheet > .popup-content.min-height-auto {
  min-height: auto;
  padding-bottom: 12px;
}

.reiss-wrap-content .card-select .tit img {
  width: 36px;
  height: 36px;
  top: calc(50% - 18px);
}

.reiss-wrap-content .card-select .tit {
  padding: 0 40px 0 65px;
}

.reiss-wrap-content .card-select em {
  padding-right: 0;
}

.reiss-wrap-content + .form-wrap-content + .form-wrap-content + hr.border-full {
  margin-top: 48px;
}

.reiss-wrap-content .card-select .overcon span {
  font-weight: 400;
}

.reiss-wrap-content .selectbox .overcon ul li {
  height: 72px;
}

.reiss-wrap-content .selectbox .overcon ul a {
  padding-right: 32px;
}

.reiss-wrap-content .selectbox .overcon .conArea {
  padding-bottom: 0;
}

.installment-wrap + .installment-wrap {
  margin-top: 32px;
}

.installment-wrap .box-gray {
  margin: 16px 0;
  border-radius: 10px;
  padding-bottom: 24px;
}

.installment-wrap + .border-full + .accordion-wrap.type-full {
  border-top: 0;
}

.installment-step .box-gray {
  margin: 8px 0 0;
  padding: 20px;
}

.installment-step .box-gray > * {
  margin: 0;
}

.installment-step .box-gray > *:first-child {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.installment-step .title-depth4 {
  color: #222;
  padding-right: 15px;
  font-weight: 700;
}

.btn-border-h48 {
  height: 48px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  border-radius: 8px;
}

.install-txtBox + .install-txtBox {
  margin-top: 24px;
}

.install-txtBox .title-depth4 {
  color: #222;
  font-weight: 700;
}

.ink_appli_dw {
  color: #0B48BE;
  font-weight: 500;
  position: relative;
  padding-right: 15px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  margin-right: 9px;
}

.ink_appli_dw:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 3px;
  width: 9px;
  height: 9px;
  margin-top: -4px;
  border: solid #0B48BE;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.reiss-wrap-content .card-select .tit.all-cart {
  padding-left: 20px;
}

.txt_dispute .page-sub-title {
  margin-bottom: 8px;
}

.txt_dispute + .txt_dispute {
  margin-top: 16px;
}

.layer_loading {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.layer_loading .info-message-box {
  margin: 0 auto;
}

.layer_loading .message-text {
  color: #fff;
}

.layer_loading .gun_num {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  margin-bottom: 5px;
}

.layer_loading .gun_num span {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.d-f-center-none {
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
}

.used-list-wrap .btn-arrow {
  top: 1px;
}

.used-list-wrap .btn-arrow::after {
  width: 9px;
  height: 9px;
}

.used-list-wrap + .used-list-wrap {
  margin-top: 59px;
}

.used-list-wrap .loss-wrap {
  margin-bottom: 17px;
  border-bottom: 1px solid #ebebeb;
}

.used-list-wrap .text-center {
  margin-bottom: 40px;
}

.selectbox.card-select .overcon .all-card-sel a {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 400;
}

.selectbox.card-select .overcon .all-card-sel a.on p {
  font-weight: 500;
  color: #3674bc;
}

.selectbox.card-select .overcon .all-card-sel a p {
  color: #222;
  font-size: 16px;
  line-height: 22px;
}

.register-app-wrap {
  margin-top: 32px;
  margin-bottom: 12px;
}

.register-app-wrap dl.data-list dt {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
}

.register-app-wrap dl.data-list dd {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.register-app-wrap dl.data-list {
  padding: 16px 0;
}

.register-app-wrap dl.data-list + .data-list {
  margin: 0;
  border-top: 1px solid #222;
}

.register-app-wrap .sub-title.title-depth4 {
  font-weight: 400;
}

.text-light-gray {
  color: #bbb;
}

.textarea-place-gy::-webkit-input-placeholder {
  color: #bbb;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.textarea-place-gy:-ms-input-placeholder {
  color: #bbb;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.textarea-place-gy::-ms-input-placeholder {
  color: #bbb;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.textarea-place-gy::placeholder {
  color: #bbb;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.height255 {
  min-height: 255px;
}

.custom-textarea-wrap {
  position: relative;
  padding-bottom: 46px;
  width: 100%;
  border: 1px solid #ebebeb;
  border-radius: 10px;
}

.custom-textarea-wrap.is-active {
  position: relative;
  padding-bottom: 46px;
  width: 100%;
  border: 1px solid #544944;
}

.custom-textarea-wrap textarea {
  border: 0;
  min-height: 209px;
}

.custom-textarea-wrap textarea.active {
  color: #bbb;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.custom-textarea-wrap textarea::-webkit-input-placeholder {
  display: none;
  font-size: 0;
  color: transparent;
}

.custom-textarea-wrap textarea:-ms-input-placeholder {
  display: none;
  font-size: 0;
  color: transparent;
}

.custom-textarea-wrap textarea::-ms-input-placeholder {
  display: none;
  font-size: 0;
  color: transparent;
}

.custom-textarea-wrap textarea::placeholder {
  display: none;
  font-size: 0;
  color: transparent;
}

.custom-textarea-wrap
.set-duration-wrap + .set-duration-wrap,
.set-duration-wrap + .set-duration-wrap {
  margin-top: 24px;
}

.set-duration .accordion .fold-head {
  min-height: 52px;
  background: #fafafa;
  width: 100vw;
  padding: 0 24px;
  margin-left: -24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.set-duration .fold-head p {
  position: relative;
  padding-right: 24px;
}

.set-duration .accordion-wrap .accordion .fold-head .btn-fold {
  width: 24px;
  height: 22px;
}

.set-duration .accordion-wrap .accordion .fold-head .btn-fold::before {
  display: none;
}

.set-duration .accordion-wrap .accordion .fold-head .btn-fold::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #544944;
  width: 0;
  height: 0;
  border-bottom: 0;
  background: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: auto;
  right: 7px;
}

.set-duration .accordion-wrap .accordion.is-active .btn-fold::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.set-duration .accordion-wrap .accordion.is-active .fold-body {
  padding: 24px 24px 0;
}

.form-wrap-content .grid-wrap.grid-col-4 + .input-date-wrap-term.ma-dayT24 {
  margin: 24px 0;
}

.inquiry-wrap + .inquiry-wrap {
  margin-top: 47px;
}

.total-payment {
  padding-bottom: 13px;
  border-bottom: 1px solid #666;
  margin-bottom: 24px;
}

.total-payment span {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.total-payment div {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.total-payment div + div {
  font-weight: 500;
}

.inquiry-wrap .box-gray {
  padding: 14px 20px;
  border: 1px solid #ebebeb;
}

.inquiry-list .box-gray + .box-gray {
  margin-top: 16px;
}

.inquiry-list .text-center {
  margin-top: 19px;
}

.data-border-tb24 {
  border-top: 1px solid #666;
}

.data-border-tb24 div {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.data-border-tb24 div + div {
  font-weight: 500;
}

.email-wrap + .email-wrap {
  margin-top: 32px;
}

.email-wrap .list-dot > li + li {
  margin-top: 8px;
}

.email-wrap .btn-wrap {
  margin: 16px 0;
}

.email-wrap ul {
  margin-top: 8px;
}

.email-wrap + .border-full + .accordion-wrap.type-full {
  border-top: 0;
}

.text-link.icon-link.icon-link-big {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
  padding-right: 26px;
  line-height: 1;
}

.text-link.icon-link.icon-link-big::after {
  right: 8px;
  width: 9px;
  height: 9px;
}

.link-list li {
  width: 50%;
  margin: 8px 0;
}

.ars-wrap + .ars-wrap {
  margin-top: 32px;
}

.ars-wrap .box-gray {
  padding: 7px 24px;
}

.ars-wrap dl.data-list-result {
  padding: 20px 24px;
}

.ars-wrap dl.data-list,
.ars-wrap dl.data-list + .data-list {
  border-top: 0;
  margin-top: 0;
}

.ars-wrap .list-dot.list-dot-small {
  margin-top: 16px;
}

.btn-call {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 15px;
  right: 24px;
  text-indent: -999999px;
  overflow: hidden;
  display: block;
  background: url(/webapp/v2/common/assets/images/customer/icon-call.svg) no-repeat;
}

.use-guide-wrap .tab-list::before {
  display: none;
}

.use-guide-wrap .tab-content-wrap {
  position: relative;
}

.use-guide-wrap .tab-list-wrap + .tab-content-wrap {
  padding-top: 0;
}

.use-guide-wrap .tab-content-wrap::before {
  content: '';
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
  width: 100vh;
  margin: 0 -24px;
  padding: 0 24px;
  display: block;
}

.traffic-wrap + .traffic-wrap {
  margin-top: 32px;
}

.traffic-wrap .custom-table.font-xs tbody th, .traffic-wrap .custom-table.font-xs tbody td {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.traffic-wrap .custom-table tbody th, .traffic-wrap .custom-table tbody td {
  color: #666;
}

.traffic-img01 {
  max-width: 57.05%;
  margin: 13px auto 0;
}

.traffic-img02 {
  height: 12px;
  padding-left: 4px;
  vertical-align: middle;
}

.align-middle {
  vertical-align: middle;
}

.link-box li a {
  display: block;
  padding: 20px 24px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
  position: relative;
}

.link-box li a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 33px;
  width: 9px;
  height: 9px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.link-box li + li {
  border-top: 1px solid #ebebeb;
}

.notice-list li {
  border-bottom: 1px solid #ebebeb;
}

.notice-list li a {
  display: block;
  padding: 20px 0;
}

.notice-list li a div.sub-title {
  line-height: 24px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
}

.notice-list span {
  margin-top: 2px;
}

.title-notice {
  border-bottom: 1px solid #dad5d3;
  padding-bottom: 31px;
  padding-right: 30px;
}

.title-notice h3 .sub-title.title-depth3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
}

.text-notice {
  padding: 31px 0;
}

.text-notice-sec > * {
  margin-bottom: 8px;
}

.text-notice-sec + .text-notice-sec {
  margin-top: 24px;
}

.text-notice-sec h4 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #817169;
}

.text-notice-sec p {
  color: #666;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.text-notice-sec font[color="blue"] {
  color: #0B48BE;
}

.text-notice-sec font[color="red"] {
  color: #ee1100;
}

.list-qrpay li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
}

.list-qrpay span {
  min-width: 20px;
  display: inline-block;
  color: #0B48BE;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  border-radius: 5px;
  padding: 1px 0;
  background: #e5edf7;
  margin-right: 8px;
  text-align: center;
  font-weight: 500;
}

.qrpay-banner {
  margin: 16px 0 18px;
}

.payment-wrap .accordion-wrap {
  padding: 0;
  margin-top: 0;
}

.payment-wrap .accordion-wrap.type-full .accordion.is-active .fold-body {
  padding-top: 24px;
  max-height: inherit;
}

.payment-wrap .accordion-wrap.type-full {
  border-top: 0;
}

.payment-wrap .accordion-wrap.type-border .accordion {
  padding: 0;
  margin-top: 0;
}

.payment-wrap .accordion-wrap.type-border .accordion .bor-bott0 {
  border-bottom: 0;
}

.payment-wrap .accordion-wrap.type-border .accordion .fold-head {
  padding: 7px 14px 7px 24px;
}

.payment-wrap .accordion-wrap.type-border .accordion .fold-head .bor-top0 {
  border-top: 0;
}

.payment-wrap .accordion-wrap.type-border .accordion .fold-head h3 {
  font-weight: 400;
}

.payment-wrap .accordion-wrap.type-border .accordion .fold-head .btn-fold {
  width: 32px;
  height: 32px;
  right: 14px;
}

.payment-wrap .copy-text-wrap.box-full {
  padding: 7px 24px;
}

.payment-wrap .copy-text-wrap.box-full h3 {
  font-weight: 400;
}

.payment-slide-wrap + .payment-slide-wrap {
  margin-top: 32px;
}

.payment-slide-wrap .box-gray.box-full {
  padding: 7px 24px;
}

.payment-slide-wrap .payment-slide {
  width: 83%;
  padding-left: 24px;
}

.payment-slide-wrap .page-sub-title {
  padding: 0 24px 16px;
  margin-bottom: 0;
}

.payment-slide-wrap .accordion-wrap.type-full {
  margin-top: 0;
}

.payment-slide-wrap .page-sub-title.p-bot8 {
  padding-bottom: 8px;
}

.text-payment {
  padding-top: 16px;
}

.text-payment span {
  color: #999;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.text-payment p {
  color: #666;
}

.p-box24 {
  padding: 0 24px;
}

.textBox-barcode {
  padding: 0 24px;
}

.textBox-barcode .list-dot .list-required {
  margin-top: 6px;
}

.textBox-barcode + .textBox-barcode {
  margin-top: 40px;
}

.easy-wrap + .easy-wrap {
  margin-top: 32px;
}

.easy-wrap .page-sub-title {
  margin-bottom: 8px;
}

.easy-wrap .list-required {
  margin-top: 6px;
}

.promotion-visual02 .my-main-img {
  position: relative;
  height: 400px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f9f9f9), to(white));
  background-image: linear-gradient(to top, #f9f9f9 0, white 100%);
}

.promotion-visual02 .my-main-img img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: inherit;
  width: auto;
  height: 100%;
}

.tab-content-wrap .turning-list .item-content > .message-text.message-text-sm {
  margin-bottom: 0;
}

.inquiry-wrap .grid-wrap.grid-col-4 + .input-date-wrap-term {
  margin-top: 24px;
}

.ars-wrap .copy-text-wrap.box-gray.box-full .message-text.message-text-sm.message-text-gray {
  line-height: 18px;
}

.list-content .d-flex.d-flex-between.d-f-center-none > div:nth-child(1) {
  padding-right: 6px;
}

.list-content .d-flex.d-flex-between.d-f-center-none > div:nth-child(2) span {
  line-height: 24px;
  word-break: keep-all;
}

.list-content .d-flex.d-flex-between.d-f-center-none > div:nth-child(2) .btn-arrow {
  top: 0;
}

.custom-btn-pa19 .custom-radio.radio-btn input[type=radio] + label {
  padding: 15px 19px 15px 18px;
}

.text-link.icon-link-down.icon-link-wide {
  display: block;
  padding: 19px 0;
  margin-top: 0 !important;
}

.text-link.icon-link-down.icon-link-wide::after, .text-link.icon-link-down.icon-link-wide::before {
  display: none;
}

.text-link.icon-link-down.icon-link-wide span {
  padding-right: 22px;
  color: #222;
  display: inline-block;
  position: relative;
}

.text-link.icon-link-down.icon-link-wide span::before {
  height: 0;
}

.text-link.icon-link-down.icon-link-wide span::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
}

.cs-no-result .no-result {
  padding: 72px 0 50px;
}

/* 금융재기지원 CSRUIUX-504 */
.jagijiwon.accordion-wrap.type-full.type-close {
  border-top-width: 0px;
}

.jagijiwon.accordion-wrap.type-full.type-close .accordion {
  padding: 0px 0px;
  margin: 0px -24px;
  border-top: 1px solid #ebebeb;
}

.jagijiwon.accordion-wrap.type-full.type-close .accordion .fold-head {
  margin: 0px 24px;
  min-height: 64px;
}

.jagijiwon.accordion-wrap.type-full.type-close .accordion .fold-body .box {
  padding: 0px 24px 0px 24px;
}

.jagijiwon.link-box.share_list li a::after {
  width: 20px;
  height: 20px;
  right: 26px;
  margin-top: -11px;
}

.jagijiwon.link-box.share_list li:first-child {
  border-top: 1px solid #ebebeb;
}

/* QNA-67288 - 카드 재발급 신청 퍼블리싱 */
.pg-cdissunce .gray-box {
  background: #f6f5f3;
  color: #666666;
  padding: 12px 24px;
  margin-top: 32px;
}

.pg-cdissunce .gray-box + .gray-box {
  margin-top: 10px;
}

.pg-cdissunce .card-select .tit {
  padding-right: 30px;
}

.pg-cdissunce .card-select .overcon a p.d-flex {
  max-width: 100%;
  width: 100%;
}

.sub-wrapper.has-footer-type1 .sub-container.pg-cdissunce {
  padding-bottom: 132px;
}

.custom-rdo-chk {
  position: relative;
}

.custom-rdo-chk + .custom-rdo-chk {
  margin-top: 8px;
}

.custom-rdo-chk .label .tit {
  line-height: 1.3;
  font-size: 16px;
  margin-top: 0px;
  font-weight: 500;
}

.custom-rdo-chk .label .txt {
  line-height: 1.6;
  font-size: 14px;
  margin-top: 6px;
  color: #666666;
}

.custom-rdo-chk .label {
  display: block;
  position: relative;
  padding: 16px 50px 16px 20px;
  z-index: 10;
  border: #d5cfc9 solid 1px;
}

.custom-rdo-chk .label .log {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -16px;
}

.custom-rdo-chk input {
  width: 0;
  height: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  opacity: 0;
  cursor: pointer;
  position: absolute;
}

.custom-rdo-chk input ~ .trido {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -11px;
  width: 24px;
  height: 24px;
  border: #d5cfc9 solid 1px;
  border-radius: 16px;
}

.custom-rdo-chk input ~ .trido::after {
  content: '';
  display: block;
  position: absolute;
  background-color: #bbbbbb;
}

.custom-rdo-chk input ~ .trido::after {
  top: 5px;
  left: 5px;
  width: 12px;
  height: 12px;
  border-radius: 10px;
  background-color: transparent;
}

.custom-rdo-chk input:checked ~ .trido::before {
  border-width: 2px;
  border-color: #206cfe;
  background: #206cfe;
}

.custom-rdo-chk input:checked ~ .trido em::before {
  background-color: #ffffff;
}

.custom-rdo-chk input:checked ~ .label {
  border-color: #222222;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, 0.12);
          box-shadow: 0px 4px 8px 0px rgba(34, 34, 34, 0.12);
}

.custom-rdo-chk input:checked ~ .trido {
  border-color: #222222;
}

.custom-rdo-chk input:checked ~ .trido::after {
  color: #0f53d6;
  background-color: #222222;
}

.sub-container.cs-security .titDep2 {
  font-size: 16px;
  margin: 32px 0 16px;
}

.sub-container.cs-security .titDep3 {
  font-size: 16px;
  margin: 16px 0;
}

.sub-container.cs-security .titDep4 {
  font-size: 14px;
  margin: 8px 0;
}

.sub-container.cs-security .listDep2 li {
  position: relative;
  margin-top: 12px;
  padding-left: 8px;
}

.sub-container.cs-security .listDep2 li::before {
  content: '-';
  position: absolute;
  top: 0;
  left: 0;
}

.sub-container.cs-security .linkTxt, .sub-container.cs-security .btnArr {
  color: #3674bc;
  text-decoration: underline;
}

/* CSRUIUX-1280 카드론 보이스피싱 문진표 수정 */
.voicePhising .titDep3 {
  font-size: 22px !important;
  line-height: 32px !important;
  letter-spacing: -0.11px !important;
  color: #222;
}

.voicePhising .listWith_circle > li {
  position: relative;
  margin-top: 32px;
  padding-left: 24px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #666;
}

.voicePhising .listWith_circle > li > span {
  font-weight: 500;
  color: #007881;
}

.voicePhising .listWith_circle > li .comp-container {
  margin-top: 16px;
  margin-left: -24px;
  width: calc(100% - -24px);
}

.voicePhising .listWith_circle > li .error-msg {
  margin-top: 16px;
  margin-left: -24px;
  width: calc(100% - -24px);
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.38px;
  color: #e94436;
}

.voicePhising .listWith_circle > li::before {
  content: counter(section) "";
}

.voicePhising .custom-radio input[type=radio] + label {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.08px;
}

.voicePhising .custom-radio.radio-btn input[type=radio] + label {
  color: #d5cfc9;
}

.voicePhising .custom-radio.radio-btn input[type=radio] + label::before {
  border: 1px solid #d5cfc9;
}

.voicePhising .custom-radio.radio-btn input[type=radio]:checked + label {
  font-weight: 500;
}

.voicePhising .custom-radio.radio-btn input[type=radio]:checked + label::before {
  border: 1px solid #222;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
}

.card-reissuance .sub-title.title-depth3 {
  padding-top: 6px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #222;
}

.card-reissuance .sub-title.title-depth3 + .delivery-cont {
  margin-top: 24px;
}

.card-reissuance .delivery-cont .form-wrap-content .comp-container + .form-wrap-content {
  margin-top: 24px;
}

.card-reissuance .delivery-cont .form-wrap-content .custom-radio.radio-btn input[type=radio]:checked + label {
  color: #206cfe;
}

.card-reissuance .delivery-cont .form-wrap-content .custom-radio.radio-btn input[type=radio]:checked + label::before {
  border: 2px solid #206cfe;
}

.card-reissuance .delivery-cont .form-wrap-content .delivery-wrap .h-address-box .text-guide {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #666;
}

.card-reissuance .delivery-cont .form-wrap-content .delivery-wrap .h-address-box > p {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #222;
}

.card-reissuance .delivery-cont .form-wrap-content .delivery-wrap .h-address-box + .btn-wrap {
  margin-top: 12px;
}

.card-reissuance .delivery-cont .form-wrap-content .delivery-wrap .h-address-box + .btn-wrap .text-link.text-blue {
  color: #206cfe !important;
}

.card-reissuance .delivery-txt {
  padding-top: 24px;
}

.card-reissuance .delivery-txt .notice-title {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.5px;
  color: #222;
}

.card-reissuance .delivery-txt .notice-title + .list-dot {
  padding-top: 12px;
}

.card-reissuance .info-message-box + .address-table-wrap {
  margin-top: 76px;
}

.card-reissuance .address-table-wrap .custom-table tbody tr th {
  background: none;
  border-right: none;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #666;
}

.card-reissuance .address-table-wrap .custom-table tbody tr td {
  text-align: right;
}

.card-reissuance .address-table-wrap .custom-table tbody tr:first-child th,
.card-reissuance .address-table-wrap .custom-table tbody tr:first-child td {
  padding: 20px 0 6px;
}

.card-reissuance .address-table-wrap .custom-table tbody tr:nth-child(2) th,
.card-reissuance .address-table-wrap .custom-table tbody tr:nth-child(2) td {
  padding: 6px 0 20px;
}

.card-reissuance .address-table-wrap .custom-table tbody tr:nth-child(2) td {
  border-top: none;
}

.card-reissuance .form-wrap-content[data-input-labelledby] + .form-wrap-content[data-input-labelledby] {
  margin-top: 24px;
}

.wrap-content .card-infor-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  background: #f3f3f3;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 16px 20px;
  border-radius: 10px;
}

.wrap-content .card-infor-small img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  margin-right: 8px;
}

.wrap-content .card-infor-small .only-card-label {
  display: inline-block;
  width: calc(100% - 50px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 16px;
}

/* CSRUIUX-1262 - 알림톡 카드신청계약서 및 설명서 신규페이지 구성 */
.sub-header .head_logo {
  width: 40px;
  height: 40px;
  margin-top: var(--safe-top);
  background: url(/webapp/v2/web/assets/images/ico_logo_loca.png) no-repeat;
  background-size: 100% auto;
}

/* CSRUIUX-1138 - 설계사 챗봇 심사, UMS방식으로 전환 개발요청 */
.text-link.noline {
  color: #625b4e !important;
}

.text-link.noline::before {
  display: none;
}

.pg-umscard.popup-alert {
  min-width: 312px;
}

.pg-umscard.popup-alert .btn-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.pg-umscard.popup-alert .btn-grid .btn {
  width: 100%;
}

.pg-umscard.popup-alert .btn.btn-alert.btn-border {
  border-color: #d5cfc9;
}

.pg-umscard .custom-icon-img {
  width: 216px;
  height: 140px;
  margin: 40px 0px 40px 0px;
}

.pg-umscard .custom-icon-img.vertical {
  width: 140px;
  height: 216px;
  margin: 0px 0px 0px 0px;
}

.pg-umscard .data-list {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.pg-umscard .data-list dt {
  width: 23%;
}

.pg-umscard .data-list dd {
  width: 100%;
  max-width: 75%;
  overflow: hidden;
}

.pg-umscard.keypad {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100vh - 56px - var(--safe-top));
  padding: 0px !important;
}

.pg-umscard.keypad .htop {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
  padding: 80px 0px 20px 0px;
  position: relative;
}

.pg-umscard.keypad .htop .info-message-box .message-text {
  line-height: 1.45;
  font-size: 22px;
}

.pg-umscard.keypad .htop .dots {
  width: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px auto 10px auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.pg-umscard.keypad .htop .dots .dot {
  display: block;
  width: 16px;
  height: 16px;
  background: #ebe7e4;
  border-radius: 100%;
}

.pg-umscard.keypad .htop .dots .dot.on {
  background: #000046;
}

.pg-umscard.keypad .htop .dots .pwd {
  border: none !important;
  font-size: 1px;
  letter-spacing: -10px;
  text-indent: -100px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: transparent;
  caret-color: transparent;
  background: #ff000078;
  outline: none;
  opacity: 0;
  padding: 0px 0px 0px 0px;
  white-space: nowrap;
}

.pg-umscard.keypad .numbers {
  background: #000046;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 370px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.pg-umscard.keypad .numbers .tit {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  padding: 24px 0px 16px;
  line-height: 1.4;
}

.pg-umscard.keypad .numbers .dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0px;
}

.pg-umscard.keypad .numbers .dots .dot {
  display: block;
  width: 16px;
  height: 16px;
  background: #61669d;
  border-radius: 100%;
}

.pg-umscard.keypad .numbers .dots .dot.on {
  background: #ffffff;
}

.pg-umscard.keypad .numbers .bts {
  display: -ms-grid;
  display: grid;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 1px;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  padding-bottom: 22px;
  margin: 20px 0px 0px 0px;
}

.pg-umscard.keypad .numbers .bts .bt {
  border: none;
  background: #000046;
  color: #eeeeee;
}

.pg-umscard.keypad .numbers .bts .bt i {
  font-size: 20px;
}

.pg-umscard.keypad .numbers .bts .bt:active {
  background: #000;
}

.pg-umscard.keypad .numbers .bts .bt.com i {
  font-size: 16px;
}

.pg-umscard.step-bar {
  top: calc(56px + var(--safe-top));
  height: 4px;
  background: #f2f0ed;
}

/* CSRUIUX-1205 - CD.5.3S_02_h_acc.html MO웹접근성 2025.09 */
.bts-ctrlScrolll .btn {
  position: relative;
  width: 32px;
  height: 32px;
  padding: 0;
  min-width: auto;
  border-radius: 40px !important;
}

.bts-ctrlScrolll .btn i {
  position: relative;
  width: 24px;
  height: 24px;
}

.bts-ctrlScrolll .btn i::before,
.bts-ctrlScrolll .btn i::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 8px;
  background: #222222;
  border-radius: 1px;
  top: 5px;
  left: 12px;
}

.bts-ctrlScrolll .btn i::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 10px;
}

.bts-ctrlScrolll .btn i::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.bts-ctrlScrolll .btn.prev i {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.sub-detail.eventDetail .btn-close {
  z-index: 5;
}

.sub-detail.eventDetail .sub-header {
  opacity: 1;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
  z-index: 5;
}

.sub-detail.eventDetail .sub-header.hidden {
  opacity: 0;
}

.sub-detail.eventDetail .detail-container {
  margin-top: calc(100vw * 0.594);
}

.sub-detail.eventDetail .sub-content.event-content .border-full {
  padding: 0;
}

.sub-detail.eventDetail .sub-content .sub-header-fixed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: fixed;
  top: 0;
  left: 0;
  height: calc(56px + var(--safe-top));
  padding-top: var(--safe-top);
  background: #fff;
  z-index: 1;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
}

.sub-detail.eventDetail .sub-content .sub-header-fixed:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  width: 100vw;
  height: 1px;
  background-color: #ebebeb;
}

.sub-detail.eventDetail .sub-content .sub-header-fixed .sub-title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  display: block;
  font-weight: 500;
  padding: 0 52px 0 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sub-detail.eventDetail .sub-content .sub-header-fixed.visible {
  opacity: 1;
  z-index: 3;
}

.sub-detail.eventDetail .sub-content dl.event-info .sub-title {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 700;
  margin: 16px 0 8px;
}

.sub-detail.eventDetail .sub-content dl.event-info .sub-title.title-depth3 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.sub-detail.eventDetail .sub-content dl.event-info dd .evt-page-step .text-gray-dark {
  margin-top: 8px;
}

.sub-detail.eventDetail .sub-content dl.event-info dd .event-card-wrap {
  margin-top: 16px;
}

.sub-detail.eventDetail .sub-content dl.event-info dd .gray-box {
  background-color: #f8f8f8;
  border-radius: 10px;
  padding: 24px 20px;
  margin: 32px 0;
}

.sub-detail.eventDetail .sub-content dl.event-info dd .gray-box .title {
  font-weight: bold;
}

.sub-detail.eventDetail .sub-content dl.event-info dd .gray-box .desc {
  margin-top: 8px;
}

.sub-detail.eventDetail .sub-content dl.event-info dd .gray-box + .sub-title {
  margin-top: 0;
}

.sub-detail.eventDetail .sub-content dl.event-info dd .event-sub-title {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 700;
  margin-bottom: 8px;
}

.sub-detail.eventDetail .sub-content dl.event-info dd .list-dot.text-black li {
  margin-top: 8px;
}

.sub-detail.eventDetail .sub-content dl.event-info .evt-page-step {
  padding-top: 3px;
}

.sub-detail.eventDetail .sub-content dl.event-info .evt-page-step > li {
  position: relative;
  padding-left: 31px;
}

.sub-detail.eventDetail .sub-content dl.event-info .evt-page-step > li dt {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.sub-detail.eventDetail .sub-content dl.event-info .evt-page-step > li dd {
  margin-top: 8px;
  color: #666;
}

.sub-detail.eventDetail .sub-content dl.event-info .evt-page-step > li > .icon-img {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  padding-bottom: 5px;
  width: 64px;
  height: 69px;
}

.sub-detail.eventDetail .sub-content dl.event-info .evt-page-step > li > .icon-img img {
  width: 64px;
  height: 64px;
  padding-top: 5px;
}

.sub-detail.eventDetail .sub-content dl.event-info .evt-page-step > li > .contents {
  border-left: 1px solid #ebebeb;
  padding-left: 56px;
  padding-bottom: 24px;
}

.sub-detail.eventDetail .sub-content dl.event-info .evt-page-step > li > .contents.bl-n {
  border-left: none;
}

.sub-detail.eventDetail .sub-content dl.event-info .evt-page-step > li > .contents.last {
  border-left: none;
}

.sub-detail.eventDetail .sub-content dl.event-info .evt-page-step > li:last-child .contents {
  border-left: none;
  padding-bottom: 16px;
}

.sub-detail.eventDetail .sub-content dl.event-info .custom-table th {
  font-weight: 500;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap {
  border: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  padding: 30px 20px 24px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap .text {
  color: #666;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap .img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 24px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap .img-wrap .card-desc {
  padding-left: 12px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap .img-wrap .card-desc .title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: bold;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap .img-wrap img {
  width: 110px;
  height: 70px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap .text-wrap {
  border-top: 1px solid #ebebeb;
  padding-top: 20px;
  word-break: break-all;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap .text-wrap button {
  margin-top: 20px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap.typeB {
  border: none;
  border-radius: 0;
  padding: 24px 20px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap.typeB .img-wrap {
  display: block;
  padding-bottom: 0;
  text-align: center;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap.typeB .img-wrap .card-desc {
  padding-left: 0;
  color: #222;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap.typeB .img-wrap .card-desc .title {
  margin: 16px 0 8px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap.typeB .img-wrap .card-desc .text {
  color: #222;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap.typeB .img-wrap img {
  width: 200px;
  height: 125px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap.typeB .text-wrap {
  border-top: none;
  padding-top: 0;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap.typeB .text-wrap .text-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 4px 0 0 8px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap.typeB .text-wrap .text-desc .text {
  text-align: left;
  margin-top: 0px;
  margin-left: 8px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap.typeH .img-wrap {
  position: relative;
  height: 110px;
  margin-bottom: 24px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap.typeH .img-wrap img {
  position: absolute;
  top: 20px;
  left: -20px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap.typeH .card-desc {
  padding-left: 86px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-container {
  padding: 24px 28px 24px 20px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-container .container-header img {
  width: 48px;
  height: 48px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-container .container-header .title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: bold;
  margin-left: 16px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-container .container-item {
  border-top: 1px solid #ebebeb;
  margin-top: 20px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-container .container-item dt {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin-top: 16px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-container .container-item dt:first-child {
  margin-top: 20px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-container .container-item dd {
  color: #666;
  margin-top: 4px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-container .container-item .btnArea {
  margin-top: 20px;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-scroll-x {
  margin: 16px -24px 0;
  padding: 0 24px;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-scroll-x + .card-scroll-x {
  margin-top: 48px;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-scroll-x .sub-title-sm {
  margin-bottom: 16px;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-scroll-x .card-scroll-container {
  width: 94px;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-scroll-x .card-scroll-container .card-wrap {
  width: 94px;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-scroll-x .card-scroll-container .card-wrap img {
  width: 100%;
  height: 60px;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-scroll-x .card-scroll-container .card-wrap .title {
  color: #666;
  text-align: center;
  margin: 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-scroll-x .card-scroll-container .card-desc {
  color: #666;
  font-size: 12px;
}

.sub-detail.eventDetail .sub-content dl.event-info .renewCont > .btnBtm {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(255, 255, 255, 0)), color-stop(43%, #fff));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 6%, #fff 43%);
  padding: 24px;
}

.sub-detail.eventDetail .sub-content dl.event-info .text-list .sub-desc {
  color: #666;
  margin-top: 4px;
}

.sub-detail.eventDetail .sub-content dl.event-info .text-list .sub-desc + p {
  margin-top: 8px;
}

.sub-detail.eventDetail .sub-content dl.event-info .list-simple .sub-desc {
  color: #666;
  margin-top: 4px;
}

.sub-detail.eventDetail .sub-content dl.event-info .list-simple.list-dot {
  color: #222;
}

.sub-detail.eventDetail .sub-content dl.event-info .list-simple.list-dot li {
  padding-left: 8px;
}

.sub-detail.eventDetail .sub-content dl.event-info .list-simple > li > .inner-text {
  padding-left: 16px;
  margin-top: 3px;
}

.sub-detail.eventDetail .sub-content dl.event-info .list-simple > li > .inner-text > span > em {
  font-style: initial;
  text-decoration: line-through;
}

.sub-detail.eventDetail .sub-content dl.event-info .list-simple > li > .inner-text > b {
  font-weight: 500;
}

.sub-detail.eventDetail .sub-content dl.event-info .list-simple span {
  display: block;
  padding-left: 16px;
  margin-top: 4px;
  color: #666;
}

.sub-detail.eventDetail .sub-content dl.event-info .list-circle-num > li > .inner-text {
  margin-top: 3px;
}

.sub-detail.eventDetail .sub-content dl.event-info .list-circle-num > li > .inner-text > span > em {
  font-style: initial;
  text-decoration: line-through;
}

.sub-detail.eventDetail .sub-content dl.event-info .list-circle-num > li > .inner-text > b {
  font-weight: 500;
}

.sub-detail.eventDetail .sub-content dl.event-info .list-circle-num span {
  display: block;
  margin-top: 4px;
  color: #666;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-img {
  text-align: center;
  margin: 16px 0;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-img img {
  width: 200px;
  height: 125px;
  border-radius: 4px;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-img-typeH {
  padding: 16px 20px;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-img-typeH .card-img {
  text-align: center;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-img-typeH .card-img img {
  width: 125px;
  height: 200px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table {
  margin-top: 24px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-head {
  width: 100%;
  height: 42px;
  background-color: #9c8a80;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  border-radius: 0 0 0 10px;
  position: relative;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-head::after {
  content: '';
  width: 1px;
  height: 12px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-head.one {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 12px 20px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-head.one::after {
  display: none;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-head span {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #fff;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-body {
  padding: 0 12px;
  position: relative;
  border-top: 1px solid #fff;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-body.type01 {
  background-color: #f8f8f8;
  border-top: none;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-body.type02 {
  background-color: rgba(255, 202, 172, 0.15);
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-body.type03 {
  background-color: rgba(255, 202, 172, 0.25);
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-body.type04 {
  background-color: rgba(219, 207, 187, 0.2);
  padding: 12px;
  text-align: center;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-body .content {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 12px 0;
  text-align: center;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-body .content ~ .content {
  padding-top: 0;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-body .content span {
  display: inline-block;
  width: 50%;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-body .center-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background-color: #fff;
  color: #ea7869;
  text-align: center;
  padding: 9px 9px 9px 10px;
  font-size: 12px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-body .table-desc {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table + .list-required {
  margin-top: 4px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 20px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-dialog li {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 500;
  position: relative;
  text-align: center;
  width: 72px;
  height: 72px;
  border-radius: 100%;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-dialog li span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-dialog li:first-child {
  background-color: #f8f8f8;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-dialog li:nth-child(2) {
  background-color: #fff7f3;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-table .table-dialog li:last-child {
  background-color: #f8f5f1;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-wedding-milage img {
  width: 160px;
  height: 179px;
  margin-top: 32px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-wedding-consulting img {
  width: 160px;
  height: 160px;
  margin-top: 48px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-wedding-consulting .table-body.type01 {
  padding: 20px;
  margin-top: 4px;
  border-radius: 10px;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-wedding-consulting .table-body.type01 .list-dot.list-simple {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-wedding-consulting .table-body.type01 .list-dot.list-simple + .list-required {
  margin-top: 16px;
}

.sub-detail.eventDetail .sub-content dl.event-info .border-wrap {
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding: 24px;
  margin-top: 24px;
}

.sub-detail.eventDetail .sub-content dl.event-info .border-wrap .number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-top: 32px;
}

.sub-detail.eventDetail .sub-content dl.event-info .border-wrap .number span {
  display: inline-block;
  width: 32px;
  height: 32px;
  color: #fff;
  background-color: #3674bc;
  border-radius: 100%;
  line-height: 32px;
}

.sub-detail.eventDetail .sub-content dl.event-info .border-wrap .img-wrap {
  text-align: center;
}

.sub-detail.eventDetail .sub-content dl.event-info .border-wrap .img-wrap img {
  width: 187px;
  height: 120px;
}

.sub-detail.eventDetail .sub-content dl.event-info .border-wrap .event-text-wrap .sub-title {
  margin: 0 0 24px;
}

.sub-detail.eventDetail .sub-content dl.event-info .border-wrap .event-text-wrap .sub-title span {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #3674bc;
  margin-left: 0;
}

.sub-detail.eventDetail .sub-content dl.event-info .border-wrap .event-text-wrap .text-list {
  color: #666;
}

.sub-detail.eventDetail .sub-content dl.event-info .border-wrap .event-text-wrap .text-list .list-arrow {
  padding-left: 32px;
  position: relative;
  color: #666;
}

.sub-detail.eventDetail .sub-content dl.event-info .border-wrap .event-text-wrap .text-list .list-arrow::before {
  content: '→';
  position: absolute;
  left: 16px;
}

.sub-detail.eventDetail .sub-content dl.event-info .border-wrap .event-text-wrap .list-arrow {
  padding-left: 20px;
  position: relative;
  color: #666;
}

.sub-detail.eventDetail .sub-content dl.event-info .border-wrap .event-text-wrap .list-arrow::before {
  content: '→';
  position: absolute;
  left: 0px;
}

.sub-detail.eventDetail .sub-content dl.event-info .border-wrap .flag.flag-outline-skyblue {
  margin: 8px 0;
}

.sub-detail.eventDetail .sub-content dl.event-info .border-wrap .list-arrow + .sub-title-sm {
  margin-top: 8px;
}

.sub-detail.eventDetail .sub-content dl.event-info .sub-title-sm {
  font-weight: 500;
}

.sub-detail.eventDetail .sub-content dl.event-info .sub-title-sm .point-color {
  margin-left: 4px;
}

.sub-detail.eventDetail .sub-content dl.event-info .point-color {
  color: #3674bc;
  font-weight: 700;
}

.sub-detail.eventDetail .sub-content dl.event-info .box-gray {
  margin-top: 4px;
  border-radius: 10px;
  position: relative;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-example-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #ebebeb;
  padding: 2px 0 12px;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-example-header .img-card {
  width: 50px;
  height: 32px;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-example-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-example-content .title-desc {
  color: #666;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-example-content .point-color {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-example-content + .sub-detail.eventDetail .sub-content dl.event-info .card-example-content {
  margin-top: 8px;
}

.sub-detail.eventDetail .sub-content dl.event-info .icon-plus {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -13px;
  z-index: 2;
}

.sub-detail.eventDetail .sub-content dl.event-info .icon-plus img {
  width: 24px;
  height: 24px;
}

.sub-detail.eventDetail .sub-content dl.event-info .icon-arrow-blue {
  margin: 8px 0;
  text-align: center;
}

.sub-detail.eventDetail .sub-content dl.event-info .icon-arrow-blue img {
  width: 24px;
  height: 24px;
}

.sub-detail.eventDetail .sub-content dl.event-info .box-blue {
  background-color: rgba(229, 237, 247, 0.7);
  padding: 8px 20px 20px;
  border-radius: 10px;
}

.sub-detail.eventDetail .sub-content dl.event-info .box-blue .box-white {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  margin-top: 24px;
}

.sub-detail.eventDetail .sub-content dl.event-info .box-blue .box-white .sub-title-sm {
  margin-bottom: 8px;
}

.sub-detail.eventDetail .sub-content dl.event-info .box-blue .event-white-bubble-wrap {
  position: relative;
  z-index: 1;
}

.sub-detail.eventDetail .sub-content dl.event-info .box-blue .event-white-bubble-wrap .event-white-bubble {
  position: absolute;
  right: 0;
  margin: 8px 0;
  padding: 4px 8px;
  border: none;
  color: #3674bc;
  font-size: 12px;
  font-weight: 500;
  border-radius: 10px;
  width: 116px;
  background-color: #fff;
}

.sub-detail.eventDetail .sub-content dl.event-info .box-blue .event-white-bubble-wrap .event-white-bubble::after {
  content: '';
  display: block;
  position: absolute;
  top: -8px;
  right: 16px;
  border-top: 10px solid #fff;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.sub-detail.eventDetail .sub-content dl.event-info .box-blue .event-white-bubble-wrap + .card-example-content {
  margin-top: 42px;
}

.sub-detail.eventDetail .sub-content dl.event-info .benefit-img-wrap {
  text-align: center;
}

.sub-detail.eventDetail .sub-content dl.event-info .benefit-img-wrap .img-coupon {
  width: 128px;
  height: 80px;
  margin: 56px 0px 45px;
}

.sub-detail.eventDetail .sub-content dl.event-info .benefit-img-wrap .img-parking {
  width: 130px;
  height: 96px;
  margin: 50px 0 36px;
}

.sub-detail.eventDetail .sub-content dl.event-info .step-list li span {
  font-weight: 400;
}

.sub-detail.eventDetail .sub-content dl.event-info .step-list li:last-child {
  margin-bottom: 0;
}

.sub-detail.eventDetail .sub-content dl.event-info .text-info.has-icon.icon-event-coupon01::before {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-event-coupon-step01.svg);
}

.sub-detail.eventDetail .sub-content dl.event-info .text-info.has-icon.icon-event-coupon02::before {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-event-coupon-step02.svg);
}

.sub-detail.eventDetail .sub-content dl.event-info .text-info.has-icon.icon-event-coupon03::before {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-event-coupon-step03.svg);
}

.sub-detail.eventDetail .sub-content dl.event-info .text-info.has-icon.icon-event-parking01::before {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-event-parking-step01.svg);
}

.sub-detail.eventDetail .sub-content dl.event-info .text-info.has-icon.icon-event-parking02::before {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-event-parking-step02.svg);
}

.sub-detail.eventDetail .sub-content dl.event-info .text-info.has-icon.icon-event-parking03::before {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-event-parking-step03.svg);
}

.sub-detail.eventDetail .sub-content dl.event-info .text-info.has-icon.icon-event-shopping01::before {
  min-width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/benefit/icon-lmg-01@3x.png) no-repeat center center;
  background-size: 64px 64px;
}

.sub-detail.eventDetail .sub-content dl.event-info .text-info.has-icon.icon-event-shopping02::before {
  min-width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/benefit/icon-lmg-02@3x.png) no-repeat center center;
  background-size: 64px 64px;
}

.sub-detail.eventDetail .sub-content dl.event-info .text-info.has-icon.icon-event-shopping03::before {
  min-width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/benefit/icon-lmg-03@3x.png) no-repeat center center;
  background-size: 64px 64px;
}

.sub-detail.eventDetail .sub-content dl.event-info .text-info.has-icon.icon-event-shopping01::after, .sub-detail.eventDetail .sub-content dl.event-info .text-info.has-icon.icon-event-shopping02::after, .sub-detail.eventDetail .sub-content dl.event-info .text-info.has-icon.icon-event-shopping03::after {
  display: none;
}

.sub-detail.eventDetail .sub-content dl.event-info .text-info.has-icon.icon-event-step-url::before {
  min-width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-step-url.svg);
}

.sub-detail.eventDetail .sub-content dl.event-info .text-info.has-icon.icon-event-step-kakao::before {
  min-width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-step-kakao.svg);
}

.sub-detail.eventDetail .sub-content dl.event-info .text-info.has-icon.icon-event-step-url3::before {
  min-width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-step-url3.svg);
}

.sub-detail.eventDetail .sub-content dl.event-info .text-info.has-icon.icon-event-step-card-apply::before {
  min-width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-step-card-apply2.svg);
}

.sub-detail.eventDetail .sub-content dl.event-info .text-info.has-icon.icon-event-step-register::before {
  min-width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-step-card-register.svg);
}

.sub-detail.eventDetail .sub-content dl.event-info .text-info.has-icon.icon-event-step-cashback::before {
  min-width: 64px;
  height: 64px;
  margin-right: 24px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-step-cashback.svg);
}

.sub-detail.eventDetail .sub-content dl.event-info .img-revolving-wrap {
  text-align: center;
  margin: 16px -24px 0;
}

.sub-detail.eventDetail .sub-content dl.event-info .img-revolving-wrap img {
  width: 100%;
}

.sub-detail.eventDetail .sub-content dl.event-info .card-register-wrap {
  margin-top: 24px;
}

.sub-detail.eventDetail .sub-content dl.event-info .btn.type-gray-box {
  background-color: #fafafa;
}

.sub-detail.eventDetail .sub-content dl.event-info .icon-plus-block {
  text-align: center;
  margin-top: -16px;
}

.sub-detail.eventDetail .sub-content dl.event-info .icon-plus-block + .gray-box {
  margin-top: 16px;
}

.sub-detail.eventDetail .sub-content dl.event-info ol.list-circle-num {
  counter-reset: section;
  list-style: none;
}

.sub-detail.eventDetail .sub-content dl.event-info ol.list-circle-num > li {
  position: relative;
  padding-left: 20px;
}

.sub-detail.eventDetail .sub-content dl.event-info ol.list-circle-num > li::before {
  content: counter(section);
  counter-increment: section;
  border: 1px solid #222;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 10px;
  height: 10px;
  font-size: 10px;
  border-radius: 15px;
  line-height: 10px;
  margin: -3px 4px 0 -17px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 0 1px 0 0;
}

.sub-detail.eventDetail .sub-content dl.event-info ol.list-circle-num > li .list-asterisk {
  margin: 4px 0 8px -17px;
}

.btn.btn-block.h-small {
  height: 48px;
  border-radius: 8px;
}

.list-required.text-14 > li {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.list-required.text-14 > li::before {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.pd20 {
  padding: 20px !important;
}

.pb46 {
  padding-bottom: 46px !important;
}

.order-list.order-list-type1 > .d-flex > div {
  margin-top: 0;
  line-height: 22px;
}

.order-list.order-list-type1 > .d-flex > div.order-list_title {
  min-width: 44px;
  margin-right: 16px;
}

.custom-table td .let-sp-09 {
  letter-spacing: -0.9px;
}

.related-item-wrap {
  padding-left: 41px;
  margin-top: -8px;
}

.related-item-wrap .item-title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #bbb;
  font-weight: 700;
  margin-left: -41px;
  margin-right: 16px;
}

.related-item-wrap .text-link {
  margin-right: 16px;
  margin-top: 10px;
}

.title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 16px;
}

.title-wrap .sub-title {
  margin-right: 6px;
}

.title-wrap .text-link {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #000;
}

.card-list li {
  border-bottom: 1px solid #ebebeb;
  padding: 24px 0;
}

.card-list li a {
  display: block;
  overflow: hidden;
  color: inherit;
}

.card-list li .thumb-img {
  position: relative;
  width: 90px;
  height: 57px;
  float: left;
  overflow: hidden;
}

.card-list li .thumb-img img {
  width: 100%;
  height: 100%;
}

.card-list li .text-group {
  margin-left: 116px;
}

.card-list li .text-group__name {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.card-list li .text-group__desc {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
  -webkit-box-orient: vertical;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
}

.card-list li .text-group__desc + .flag {
  margin-top: 12px;
}

.card-list li__date {
  display: block;
  margin-left: 116px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  margin-top: 2px;
}

.card-list.card-list-sm li {
  border-bottom: 0;
  padding: 16px 0;
}

.card-list.card-list-sm li .text-group {
  margin-left: 110px;
}

.card-list.card-list-sm li .text-group__name {
  display: block;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  margin-top: 0px;
}

.card-list.card-list-sm li .text-group__desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
  margin-top: 0;
  line-height: 22px;
}

.card-list.card-list-sm li .text-group__date {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.card-list.card-list-sm li .text-group .flag + .text-group__name {
  margin-top: 8px;
}

.card-list.card-list-sm li .thumb-img {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.card-list.card-list-sm li .thumb-img img.typeH {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 57px;
  height: 90px;
}

.card-list.card-list-sm li .thumb-dimmed:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  overflow: hidden;
}

.breadcrumbs-list li {
  font-weight: 500;
  display: inline-block;
  line-height: 22px;
}

.breadcrumbs-list li + li:before {
  content: '>';
  display: inline-block;
  margin: 0 3px 0 2px;
}

.breadcrumbs-list li a {
  color: #222;
}

.breadcrumbs-list li em {
  font-style: normal;
}

.breadcrumbs-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  margin-top: 4px;
}

.dictionary-wrap dt {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  padding-left: 19px;
}

.dictionary-wrap dt .text-q {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #3674bc;
  margin-right: 8px;
  margin-left: -19px;
}

.dictionary-wrap dt.add-pagelink {
  padding-right: 55px;
}

.dictionary-wrap dt.add-pagelink .text-link.text-blue {
  position: absolute;
  right: 0;
  top: 5px;
}

.dictionary-wrap dd {
  position: relative;
  padding-left: 20px;
  margin-top: 4px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
}

.dictionary-wrap dd .text-a {
  position: absolute;
  top: -1px;
  left: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #eb1100;
  margin-right: 8px;
  font-weight: 500;
}

.dictionary-wrap dd a {
  color: #666;
}

.event-wrap .event-item {
  padding: 12px 0;
}

.event-wrap .event-item a {
  display: block;
}

.event-wrap .event-item .item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
  margin-top: 8px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #000;
  font-weight: 500;
}

.event-wrap .event-item .item-date {
  margin-top: 4px;
  font-weight: 400;
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.question-wrap .accordion-wrap .accordion .fold-head {
  padding: 12px 0;
}

.question-wrap .accordion-wrap .accordion .fold-body {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  border-radius: 8px;
  color: #666;
  padding-left: 20px;
  padding-right: 20px;
}

.question-wrap .accordion-wrap .accordion.is-active .fold-body {
  padding: 20px;
}

.question-wrap .question-text {
  padding-right: 40px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.question-wrap .question-text .tx-category {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
  margin-bottom: 8px;
}

.desk-wrap {
  padding: 12px 0;
}

.desk-wrap .desk-title {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.desk-wrap .desk-title a.text-link {
  margin-left: 8px;
}

.desk-wrap .desk-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  margin-top: 4px;
}

.desk-wrap .desk-date {
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.card-list.thumb .thumb-img {
  width: 90px;
  height: 90px;
  border-radius: 10px;
}

.card-list.thumb.border .thumb-img {
  border: 1px solid #ebebeb;
}

.search-form + .page-sub-title {
  margin-top: 16px;
}

.search-form + .page-sub-title.d-flex {
  margin-top: 24px;
}

.title-wrap {
  margin-bottom: 24px;
}

.title-wrap + .card-list {
  margin-top: -8px;
}

.benefit-item-wrap {
  padding: 17px 0;
}

.benefit-item-wrap + .benefit-item-wrap {
  border-top: 1px solid #ebebeb;
}

.benefit-item-wrap .info-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.benefit-item-wrap .info-flex .tit {
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 400;
}

.benefit-item-wrap .info-flex .text {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.benefit-item-wrap .info-flex .date {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
}

.benefit-item-wrap .info-flex .subtext {
  margin-top: 8px;
}

.benefit-item-wrap .info-flex .subtext .txt {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.benefit-item-wrap .info-flex .subtext .flag + .txt {
  margin-left: 6px;
}

.benefit-item-wrap .img-box img {
  width: 62px;
  height: auto;
  border-radius: 10px;
}

.benefit-item-wrap .img-box .d-day {
  color: #ee1100;
  margin-top: 8px;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.result-text + .title-wrap {
  margin-top: 26px;
}

.border-full.border-thin + .title-wrap {
  margin-top: 32px;
}

.title-wrap + .card-list.list-none {
  margin-top: 16px;
}

.breadcrumbs-list + .breadcrumbs-list,
.breadcrumbs-desc + .breadcrumbs-list {
  margin-top: 16px;
}

.dictionary-wrap + .dictionary-wrap {
  margin-top: 16px;
}

.question-wrap + .border-full.border-thin {
  margin-top: 32px;
}

.related-item-wrap + .box-gray {
  margin-top: 20px;
}

.page-sub-title + .keyword-list {
  margin-top: 21px;
}

.breadcrumbs-list + .btn-wrap.text-center.pt15, .dictionary-wrap + .btn-wrap.text-center.pt15 {
  margin-top: 8px;
}

.search-form + .box-gray + .list-wrap .no-result {
  padding: 32px 0 72px;
}

.copy-text-wrap + .btn-primary {
  margin-top: 24px;
}

.form-content.form-control + .btn-primary {
  margin-top: 8px;
}

.popup-personal-list > ol > li:before {
  display: none;
}

.popup-personal-list ul li,
.popup-personal-list ul li + li {
  margin-top: 8px;
  font-weight: 400;
}

.popup-personal-list ol li .list-tit {
  padding-top: 0;
}

.popup-personal-list .list-hyphen > li {
  font-weight: 400;
}

.popup-personal-list .list-hyphen > li::before {
  content: '';
  position: absolute;
  left: 0;
  content: '-';
  top: 0px;
  display: block;
}

.ls-youtube {
  width: 100%;
  height: 200px;
  background-color: #666;
  margin-top: 32px;
  position: fixed;
  z-index: 2;
}

.ls-youtube + .sub-container {
  padding-top: 256px;
}

.ls-text-box {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
  -webkit-line-clamp: 3;
  height: 63px;
}

.ls-text-box .d-block {
  padding: 24px 0 0;
}

.is-active {
  height: auto;
  -webkit-line-clamp: initial;
}

.text-expand-btn {
  overflow: hidden;
  position: relative;
  width: 24px;
  height: 24px;
  left: 50%;
  margin-top: 8px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: none;
  border: 0;
  font-size: 0;
}

.text-expand-btn::before, .text-expand-btn::after {
  content: '';
  position: absolute;
  top: calc(50% - 3px);
  left: 50%;
  width: 1px;
  height: 10px;
  background-color: #666;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
}

.text-expand-btn::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: -4px;
}

.text-expand-btn[aria-expanded=true]::before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.text-expand-btn::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 3px;
}

.text-expand-btn[aria-expanded=true]::after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.ls-box-container .ls-promotion-ul {
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.ls-box-container .ls-promotion-ul li {
  width: calc(50% - 6px);
  background-color: #e5edf7;
  padding: 9px;
  border-radius: 5px;
  margin: 0 0 12px 0;
  text-align: center;
}

.ls-box-container .ls-promotion-ul li:nth-child(odd) {
  margin-right: 12px;
}

.ls-box-container .ls-promotion-ul li a {
  color: #2d4f76;
}

.ls-swiper-box-container {
  padding: 0 0 48px 24px;
}

.ls-swiper-box-container .ls-swiper-box .title-box {
  margin: 48px 0 16px;
  padding-right: 24px;
}

.ls-swiper-box-container .ls-swiper-box .title-box .title-depth3 {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.ls-swiper-box-container .ls-swiper-box .title-box .text-link {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  margin-right: 4px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
}

.ls-swiper-box-container .ls-swiper-box .title-box .text-link::before {
  display: none;
}

.ls-swiper-box-container .ls-swiper-box .title-box .text-link::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.ls-swiper-box-container .ls-swiper-box .text-box {
  margin-top: 16px;
}

.ls-swiper-box-container .ls-swiper-box .text-box .text {
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
  width: 80%;
}

.ls-swiper-box-container .ls-swiper-box .thumb img {
  width: 100%;
}

.ls-swiper-box-container .ls-swiper-box .swiper-container.ls-slide {
  width: 100vw;
  margin-left: -24px;
  padding: 0 24px;
}

.ls-swiper-box-container .ls-swiper-box .swiper-container.ls-slide .swiper-slide {
  width: 165px;
  margin-right: 16px;
}

.ls-swiper-box-container .ls-swiper-box .swiper-container.ls-slide .swiper-slide:last-child {
  margin-right: 0;
}

.ls-cont-box .ls-popup-cont {
  margin: 16px 0;
  position: relative;
}

.ls-cont-box .ls-popup-cont:first-child {
  margin-top: 0px;
}

.ls-cont-box .ls-popup-cont a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ls-cont-box .ls-popup-cont .thumb img {
  min-width: 125px;
  width: 125px;
}

.ls-cont-box .ls-popup-cont .text-box {
  padding-left: 16px;
  width: 58%;
}

.ls-cont-box .ls-popup-cont .text-box .text {
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
}

.ls-cont-box .ls-popup-cont .text-box .date {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  margin-top: 8px;
}

.ls-text-box + .text-expand-btn + .border-full {
  margin-top: 32px !important;
}

.logo-loca-web {
  width: 79px;
  height: 18px;
  margin-left: 12px;
}

.main-cont-section .main-title-wrap {
  margin-left: 30px;
  margin-right: 24px;
  padding-right: 16px;
}

.main-cont-section > .shadowbox {
  margin: 0 16px;
  width: auto;
  padding-top: 24px;
  padding-bottom: 24px;
}

.main-cont-section > .shadowbox .list-data-default li.list-link a {
  padding: 16px 0;
}

.main-cont-section > .shadowbox .list-data-default li.list-link a::after {
  width: 10px;
  height: 10px;
  top: 50%;
  right: 11px;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  margin-top: -2px;
}

.main-cont-section > .shadowbox .list-data-default li.list-link a > div:nth-child(1) {
  color: #222;
}

.main-cont-section > .shadowbox .list-data-default li.list-link a > div:nth-child(2) {
  padding-right: 26px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: normal;
}

.main-cont-section .main-title-wrap.title-locamoney + .shadowbox {
  padding: 8px 20px;
}

.main-cont-section .main-title-wrap.title-locamoney + .shadowbox .list-data-default .list-link a > .text-16 {
  line-height: 22px;
}

.text-login {
  margin-right: 12px;
  position: relative;
  color: #222;
  line-height: 18px;
}

.text-login:before {
  position: absolute;
  left: 0px;
  bottom: -1px;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
}

.web-main {
  /*쿠폰함 swiper*/
  /*scroll Top 버튼*/
}

.web-main .report-slide .btn-box button.btn.btn-sm2 {
  padding: 1px 0 0;
}

.web-main .bg-full {
  background-color: #f3f0ee;
}

.web-main .d-flex-between + .type-none-border {
  margin-top: 12px;
}

.web-main .type-none-border {
  border-top: 0;
  border-bottom: 0;
}

.web-main .type-none-border li:last-child {
  border-bottom: 0;
}

.web-main .main-title-wrap {
  padding-top: 20px;
  padding-bottom: 12px;
}

.web-main .main-title-wrap.title-benefit {
  background-image: url(/webapp/v2/common/assets/images/main/bgimg/mw-img-touch@3x.png);
  background-size: 108px 96px;
  background-position: right calc(100% - 1px);
  background-repeat: no-repeat;
  padding-top: 23px;
}

.web-main .main-title-wrap.title-locamoney {
  background-image: url(/webapp/v2/common/assets/images/main/bgimg/mw-img-locamoney@3x.png);
  background-size: 108px 89px;
  background-position: right top;
  background-repeat: no-repeat;
  padding-bottom: 31px;
  margin-top: 0;
}

.web-main .main-title-wrap.title-locamoney .text-gray-dark {
  margin-top: 3px;
}

.web-main .main-title-wrap.title-card {
  background-image: url(/webapp/v2/common/assets/images/main/bgimg/mw-img-card@3x.png);
  background-size: 97px 86px;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.web-main .pr0 .title-benefit {
  background-position: calc(100% - 24px) top;
}

.web-main .pr0 .title-card {
  background-position: calc(100% - 25px) top;
}

.web-main .logo-locamoney-dark {
  width: 142px;
  height: 16px;
  background-image: url(/webapp/v2/spa/assets/images/loca-money-logo-on.svg);
  background-position: 50%;
  background-size: contain;
  color: transparent;
}

.web-main .title-link .text-link {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #222;
  line-height: 1;
  margin-top: -6px;
}

.web-main .title-link .text-link:after {
  width: 9px;
  height: 9px;
  margin-top: -6px;
}

.web-main .title-link + .text-gray-dark {
  margin-top: 4px;
}

.web-main .swiper-component-wrapper + .bg-full {
  padding-top: 20px;
}

.web-main .bg-full + .bg-full {
  padding-top: 40px;
}

.web-main .bg-full + .bg-full.bg-full-last {
  padding-bottom: 24px;
  padding-top: 0;
}

.web-main .banner-slide {
  padding-bottom: 0;
  height: auto;
}

.web-main .banner-slide .bs-inner {
  padding: 24px 14px;
}

.web-main .text-16 + .imgLisnk-list {
  margin-top: 22px;
}

.web-main .coupon-wrapper {
  text-align: center;
  height: 130px;
  padding: 12px 0 14px 0;
  border-radius: 10px;
  background: #f3f7fb;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.07);
}

.web-main .coupon-wrapper.new .coupon-number {
  position: relative;
}

.web-main .coupon-wrapper.new .coupon-number:after {
  content: '';
  position: absolute;
  top: 4px;
  right: -4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ea7869;
}

.web-main .coupon-wrapper .coupon-icon {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background-size: 100%;
  background-repeat: none;
  background-position: 0 0;
}

.web-main .coupon-wrapper .coupon-icon + .coupon-number {
  margin-top: 14px;
}

.web-main .coupon-wrapper .coupon-icon.touch {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-coupon-touch.svg);
}

.web-main .coupon-wrapper .coupon-icon.mobile {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-coupon-mobile.svg);
}

.web-main .coupon-wrapper .coupon-icon.voucher {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-coupon-voucher.svg);
}

.web-main .coupon-wrapper .coupon-icon.mainstore {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-coupon-mainstore.svg);
}

.web-main .coupon-wrapper .coupon-number {
  display: inline-block;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0px;
  color: #222;
  font-weight: 500;
}

.web-main .coupon-wrapper .coupon-name {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
}

.web-main .coupon-wrapper.green {
  background: #eff9f6;
}

.web-main .coupon-wrapper.purple {
  background: #f7f4fd;
}

.web-main .coupon-wrapper.yellow {
  background: #faf8f7;
}

.web-main .banner-slide {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}

.web-main .banner-slide .bs-inner {
  width: 100%;
  padding: 40px 16px 24px;
}

.web-main .banner-slide .bs-inner > a {
  position: relative;
  display: block;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  overflow: hidden;
  padding: 24px 10px 24px 17px;
  height: 152px;
  background: #fff;
}

.web-main .banner-slide .bs-inner > .shadowbox {
  height: 152px;
  padding: 24px 10px 24px 17px;
}

.web-main .banner-slide .bs-image-area {
  position: absolute;
  right: 0;
  width: auto;
  vertical-align: bottom;
  height: auto;
  bottom: 0;
  top: auto;
  z-index: 1;
  border-radius: 10px;
  overflow: hidden;
  border-radius: 10px;
}

.web-main .banner-slide .bs-image-area img {
  max-width: 360px;
}

.web-main .banner-slide .bs-text-area {
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
}

.web-main .banner-slide .bs-text-area .title {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 700;
}

.web-main .banner-slide .bs-text-area .title + .text {
  margin-top: 4px;
}

.web-main .banner-slide .bs-text-area .text {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

.web-main .banner-slide .bs-text-area .text + .text-sum {
  margin-top: 4px;
}

.web-main .banner-slide .bs-text-area .text-term {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.web-main .banner-slide .bs-text-area .text-sum {
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0px;
  font-weight: 700;
  color: #222;
}

.web-main .banner-slide .bs-text-area .text-sum + .text {
  margin-top: 2px;
}

.web-main .banner-slide .bs-text-area .text-sum + .text-term {
  margin-top: 2px;
}

.web-main .banner-slide .bs-text-area .text-sum em {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-style: normal;
}

.web-main .banner-slide + .custom-swiper-pagination.swiper-pagination-bullets.bottom {
  height: 6px;
  bottom: 48px;
  left: 33px;
}

.web-main #card-slide .swiper-slide {
  padding-bottom: 22px;
}

.web-main #card-slide .swiper-slide .shadowbox {
  height: 100%;
}

.web-main .report-inner .bs-text-area {
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
}

.web-main .report-inner .bs-text-area .title {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 700;
}

.web-main .report-inner .bs-text-area .title + .text {
  margin-top: 4px;
}

.web-main .report-inner .bs-text-area .text {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
}

.web-main .report-inner .bs-text-area .text + .text-sum {
  margin-top: 4px;
}

.web-main .report-inner .bs-text-area .text-term {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.web-main .report-inner .bs-text-area .text-term {
  line-height: 22px;
  font-size: 14px;
  color: #666;
}

.web-main .report-inner .bs-text-area .text-sum {
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0px;
  font-weight: 700;
  color: #222;
}

.web-main .report-inner .bs-text-area .text-sum + .text {
  margin-top: 2px;
}

.web-main .report-inner .bs-text-area .text-sum + .text-term {
  margin-top: 2px;
}

.web-main .report-inner .bs-text-area .text-sum em {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-style: normal;
}

.web-main .report-inner .bs-text-area .text-sum.link-arrow-right {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.web-main .report-inner .bs-text-area .text-sum.link-arrow-right:after {
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  margin-left: 10px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: -1px;
}

.web-main .list-link-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 4px;
}

.web-main .list-link-wrap .list-link {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 40%;
          flex: 1 1 40%;
  margin-top: 8px;
}

.web-main .list-link-wrap .list-link:nth-child(even) {
  margin-left: 12px;
}

.web-main .list-link-wrap .list-link a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  padding: 13px 24px 13px 16px;
  color: #000;
  background-color: #f8f8f8;
  border-radius: 6px;
}

.web-main .list-link-wrap .list-link a::after {
  content: '';
  display: block;
  position: absolute;
  top: 19px;
  right: 15px;
  width: 8px;
  height: 8px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.web-main .list-link-wrap .list-link a > div:nth-child(1) {
  color: #666;
}

.web-main .list-link-wrap .list-link a > div:nth-child(2) {
  color: #222;
}

.web-main .noti-list-wrap {
  margin-top: 8px;
}

.web-main .noti-list-wrap .item-list {
  display: block;
  border-bottom: 1px solid #ebebeb;
  padding: 8px 0;
}

.web-main .noti-list-wrap .item-list .item-title {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70%;
  color: #222;
}

.web-main .noti-list-wrap .item-list .item-date {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.web-main .noti-list-wrap .item-list:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}

.web-main .main-cont-container {
  margin-top: 37px;
}

.web-main .move-top {
  width: 48px;
  height: 48px;
  border: 0;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-topbtn.svg) 0 0 no-repeat;
  background-size: 100%;
}

.web-main .move-top-wrap {
  text-align: center;
  margin: 20px 0;
}

.web-main #banner-slide1 {
  padding: 0 16px;
}

.web-main .main-banner-img {
  height: 180px;
  margin: 24px 0 14px;
  padding-top: 0px;
}

.web-main .main-banner-img .bs-image-area {
  width: auto;
  height: auto;
}

.web-main .main-banner-img .shadowbox {
  height: 100%;
  padding-top: 24px;
}

.web-main .main-banner-img .bs-image-area img {
  height: 180px;
}

.web-main #card-slide {
  padding: 0 16px;
}

.web-main #card-slide .shadowbox {
  padding: 24px 20px;
}

.web-main .imgLink-list {
  margin-top: 22px;
}

.web-main .imgLink-list-items + .imgLink-list-items {
  margin-top: 26px;
}

.web-main .imgLink-list-items:last-of-type {
  border-bottom: 0;
}

.web-main .imgLink-list-items > a {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.web-main .imgLink-list-items .imgLink-list-img {
  position: relative;
  width: 84px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 86px;
          flex: 0 0 86px;
}

.web-main .imgLink-list-items .imgLink-list-img img {
  width: 100%;
}

.web-main .imgLink-list-items .imgLink-list-img .flag {
  position: absolute;
  top: 0;
  left: 0;
}

.web-main .imgLink-list-items .imgLink-list-img + .imgLink-list-info {
  margin-left: 12px;
}

.web-main .imgLink-list-items .imgLink-list-img.card-type-h {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 54px;
}

.web-main .imgLink-list-items .imgLink-list-img.card-type-h img {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 54px;
  height: 84px;
}

.web-main .imgLink-list-items .imgLink-list-info .title {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
}

.web-main .imgLink-list-items .imgLink-list-info .text {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 400;
  color: #666;
  line-height: 18px;
}

.web-main .no-result-limit {
  padding: 24px 0 0 0;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
}

.web-main .no-result-limit div + button {
  margin-top: 8px;
}

.web-main .my-banner-list-text .label + .title {
  margin-top: 5px;
}

.web-main .banner-slide-type1.inbox {
  padding: 0 16px;
}

.web-main.type-new .bg-full {
  background-color: #f5f8fe;
}

.web-main.type-new .banner-appdown {
  padding: 24px 16px 0px 16px;
}

.web-main.type-new .banner-appdown .banner {
  height: 190px;
  padding: 20px 20px 20px 20px;
  background: #ffcb12;
  border-radius: 16px;
  position: relative;
}

.web-main.type-new .banner-appdown .tit {
  font-size: 18px;
  font-weight: 700;
}

.web-main.type-new .banner-appdown .txt {
  font-size: 14px;
  margin-top: 5px;
}

.web-main.type-new .banner-appdown .bts {
  position: absolute;
  left: 22px;
  bottom: 24px;
}

.web-main.type-new .banner-appdown .bts .btn-appdown {
  background-color: #3376f6;
  font-size: 14px;
  font-weight: normal;
  padding: 2px 12px 0;
}

.web-main.type-new .banner-appdown .img {
  width: 120px;
  position: absolute;
  right: 8px;
  bottom: 0;
}

.web-main.type-new .main-customer {
  margin-top: 0;
  padding: 40px 16px 40px 16px;
}

.web-main.type-new .main-customer .list-link-wrap .list-link a {
  background-color: #ffffff;
}

.web-main.type-new .main-appdown {
  padding: 32px 20px 48px 20px;
}

.web-main.type-new .main-appdown .download {
  text-align: center;
}

.web-main.type-new .main-appdown .download .tit {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.web-main.type-new .main-appdown .download .img {
  display: block;
  margin: auto;
  width: 100px;
}

.web-main.type-new .main-appdown .download .btn {
  background-color: #3376f6;
  font-size: 14px;
  padding: 2px 12px 0;
  font-weight: normal;
  margin-top: 7px;
}

.footer-container {
  background-color: #fafafa;
  padding: 32px 30px 72px;
  text-align: center;
}

.footer-container .footer-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.footer-container .footer-menu li {
  display: inline-block;
}

.footer-container .footer-menu li + li {
  padding-left: 12px;
  margin-left: 12px;
  position: relative;
}

.footer-container .footer-menu li + li:before {
  content: '';
  display: block;
  background-color: #ebebeb;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  width: 1px;
}

.footer-container .footer-menu + .sns-channel {
  margin-top: 32px;
  margin-bottom: 21px;
}

.footer-container .footer-address {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  font-style: normal;
}

.footer-container .footer-info {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.footer-container .footer-copyright {
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.sns-channel {
  font-size: 0px;
  margin: 0px -20px;
}

.sns-channel .icon-c-youtube {
  width: 40px;
  height: 40px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-c-youtube.svg) no-repeat center center;
}

.sns-channel .icon-c-facebook {
  width: 40px;
  height: 40px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-c-facebook.svg) no-repeat center center;
}

.sns-channel .icon-c-instar {
  width: 40px;
  height: 40px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-c-instar.svg) no-repeat center center;
}

.sns-channel .icon-c-blog {
  width: 40px;
  height: 40px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-c-blog.svg) no-repeat center center;
}

.sns-channel .icon-c-post {
  /* 네이버포스트 추가 */
  width: 40px;
  height: 40px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-c-post.png) no-repeat center center;
  background-size: 100% auto;
}

.sns-channel .icon-c-kakao {
  width: 40px;
  height: 40px;
  background: url(/webapp/v2/common/assets/images/common/icons/ico-kakao.svg) no-repeat center center;
}

.sns-channel a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.sns-channel a + a {
  margin-left: 12px;
}

.sns-channel a.divider:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  background-color: #ebebeb;
  margin-right: 12px;
  margin-left: 6px;
}

.logo-wa {
  margin-top: 23px;
}

.logo-wa img {
  width: 41px;
  height: 27px;
}

.logo-wa span {
  margin-left: 6px;
}

.app-download-wrap {
  border-radius: 10px;
  padding: 24px 20px;
  background: #edf0f5 url(/webapp/v2/common/assets/images/main/bgimg/mw-img-appdown@3x.png?ver=20211119) no-repeat right bottom;
  background-size: 140px 124px;
  height: 210px;
}

.app-download-wrap .inner-title {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 700;
}

.app-download-wrap .inner-sub {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
}

.app-download-wrap .inner-title + .inner-sub {
  margin-top: 4px;
}

.app-download-wrap .inner-sub + .btn {
  margin-top: 48px;
}

.icon-appdown-wrap {
  width: 100%;
  height: 131px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 9px;
}

.icon-appdown-wrap > span {
  color: #666;
}

.icon-appdownload {
  width: 153px;
  height: 131px;
  background: url(/webapp/v2/common/assets/images/main/bgimg/mw-img-appdown@3x.png) no-repeat right -1px;
  background-size: 153px auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 10px;
}

.main-container .web-main .swiper-container .main-cont-section {
  padding: 0 24px;
  width: 100vw;
}

.main-container .web-main .swiper-container .main-cont-section .btn-box button {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.main-container .web-main .swiper-container .main-cont-section .text-price span {
  position: relative;
  padding-right: 28px;
}

.main-container .web-main .swiper-container .main-cont-section .text-price span::after {
  content: '';
  display: block;
  position: absolute;
  border: solid #000;
  border-width: 1px 1px 0 0;
  width: 10px;
  height: 10px;
  top: 50%;
  right: 11px;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  margin-top: -2px;
}

.main-container .web-main .swiper-container .main-cont-section .bubble-textbox {
  top: 13px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
}

.main-container .web-main .type-my.my-swiperCont-wrap {
  margin-top: 0;
  padding: 0 24px;
}

.main-container .web-main .type-my.my-swiperCont-wrap .list-wrap .link-item-list > li:last-child {
  border-bottom: 0;
}

.type-my.my-swiperCont-wrap + .main-cont-section {
  padding-top: 24px;
}

.no-result-swiper, .no-result-limit {
  padding: 24px 0;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
}

.my-banner-list .my-banner-list-item1 > a > button.btn-sky-blue {
  right: 0;
}

.web-main .bg-full + .main-img-wide {
  padding-top: 17px;
}

.main-cont-section.main-img-wide .bs-inner {
  padding: 23px 16px 24px;
}

.main-cont-section.main-img-wide .bs-inner a {
  background-color: #fff;
}

.main-cont-section.main-img-wide .bs-image-area {
  width: auto;
  vertical-align: bottom;
  height: auto;
  bottom: 0;
  top: auto;
}

.main-cont-section.main-img-wide .bs-image-area img {
  border-radius: 0;
  width: 100%;
  max-width: 360px;
}

.my-banner-list.my-banner-benefit {
  padding: 7px 0;
}

.my-banner-list.my-banner-benefit .my-banner-list-item1 > a {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.my-banner-list.my-banner-benefit .my-banner-list-item1 > a > button.btn {
  right: 0;
  top: 25px;
}

.my-banner-list.my-banner-benefit .my-banner-list-item1 .my-banner-list-cont {
  padding: 17px 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.my-banner-list.my-banner-benefit .my-banner-list-item1 .my-banner-list-cont img + .my-banner-list-text .title {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  font-weight: 400;
}

.my-banner-list.my-banner-benefit .my-banner-list-item1 .my-banner-list-cont img + .my-banner-list-text .text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 500;
}

.my-banner-list.my-banner-benefit .my-banner-list-item1 .my-banner-list-cont img + .my-banner-list-text .text + .label {
  margin-top: 6px;
}

.my-banner-list.my-banner-benefit .my-banner-list-item1 .my-banner-list-cont img + .my-banner-list-text.new .text {
  position: relative;
  padding-right: 16px;
}

.my-banner-list.my-banner-benefit .my-banner-list-item1 .my-banner-list-cont img + .my-banner-list-text.new .text:after {
  content: "";
  display: block;
  position: absolute;
  right: 8px;
  top: 0;
  width: 4px;
  height: 4px;
  background: #EA7869;
  border-radius: 2px;
}

.web-main .custom-swiper-pagination.swiper-pagination-bullets.bottom-center {
  bottom: 2px;
}

.web-main .custom-swiper-pagination.bottom-center-d {
  position: relative;
  top: -16px;
  left: 0;
}

.web-main .custom-swiper-pagination.bottom-center-d .swiper-pagination-bullet {
  background: #d8d0cc;
}

.web-main .custom-swiper-pagination.bottom-center-d .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #817169;
}

.btn.btn-sm.btn-round.btn-border.text-14 {
  border-color: #ebebeb;
  font-weight: 500;
  padding: 2px 14px 0;
}

.web-main .main-cont-section.bg-full.pt0 .banner-slide + .custom-swiper-pagination.swiper-pagination-bullets.bottom {
  bottom: 48px;
}

.shadowbox.pb8 {
  padding-bottom: 8px;
}

.shadowbox.type02 {
  -webkit-box-shadow: 0 3px 6px 1px rgba(138, 131, 128, 0.12);
          box-shadow: 0 3px 6px 1px rgba(138, 131, 128, 0.12);
}

.foldSec {
  padding: 32px 24px 20px;
  color: #fff;
}

.foldSec .foldSec-panel {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .4s ease-in;
  transition: max-height .4s ease-in;
}

.foldSec .foldSec-box {
  width: 100%;
  padding: 16px 20px 24px;
  background: #0B48BE;
  border-radius: 5px;
}

.foldSec .linkLst-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.foldSec .linkLst-title .sub-title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.foldSec .linkLst {
  padding-top: 8px;
}

.foldSec .linkLst .linkLst-item {
  padding: 8px 0;
}

.foldSec .linkLst .linkLst-item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  color: #fff;
}

.foldSec .linkLst .linkLst-item > a:after {
  content: '';
  display: block;
  position: absolute;
  border: solid #fff;
  border-width: 1px 1px 0 0;
  width: 10px;
  height: 10px;
  top: 50%;
  right: 2px;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  margin-top: -2px;
}

.foldSec .linkLst .linkLst-item > a > div:last-child {
  padding-right: 20px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  letter-spacing: normal;
}

.foldSec .btn.btn-round {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  background: #00437c;
}

.foldSec .linkLst-no-data {
  padding: 24px 0 0;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.foldSec .linkLst-no-data .btn.btn-round {
  margin-top: 16px;
}

.foldSec .foldSec-control {
  position: relative;
  border-top: 1px solid #ebebeb;
}

.foldSec .foldSec-control .foldSec-control-btn {
  position: absolute;
  top: -20px;
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #ebebeb;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
  font-size: 1px;
  color: transparent;
}

.foldSec .foldSec-control .foldSec-control-btn:before, .foldSec .foldSec-control .foldSec-control-btn:after {
  position: absolute;
  content: '';
  top: calc(50% - 4px);
  left: 50%;
  width: 1px;
  height: 10px;
  background-color: #666;
  -webkit-transition: top 0.4s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: top 0.4s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1), top 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1), top 0.4s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
}

.foldSec .foldSec-control .foldSec-control-btn:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: -4px;
}

.foldSec .foldSec-control .foldSec-control-btn:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 3px;
}

.foldSec.is-active .foldSec-panel {
  max-height: var(--foldbox-height);
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.foldSec.is-active .foldSec-control {
  border-top-color: transparent;
}

.foldSec.is-active .foldSec-control .foldSec-control-btn:before, .foldSec.is-active .foldSec-control .foldSec-control-btn:after {
  top: calc(50% - 6px);
}

.foldSec.is-active .foldSec-control .foldSec-control-btn:before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.foldSec.is-active .foldSec-control .foldSec-control-btn:after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.foldSec + .type-my.my-swiperCont-wrap .list-wrap {
  margin-top: 0;
}

/* CSRUIUX-399 Engagement GUide /webapp/v2/web/pages/12_CM/Engagement.**.html */
.banner-engamt {
  border-radius: 16px;
  min-height: 100px;
  text-align: left;
  padding: 22px 90px 22px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.banner-engamt.type1 {
  background-color: #69ffed;
  color: #222222;
}

.banner-engamt.type2 {
  background-color: #9f69ff;
  color: #ffffff;
}

.banner-engamt.type3 {
  background-color: #f1f6ff;
  color: #222222;
}

.banner-engamt + .banner-engamt {
  margin-top: 8px;
}

.banner-engamt .txs {
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.9px;
}

.banner-engamt .txt {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}

.banner-engamt .ico {
  background: #ffffff;
  border-radius: 100px;
  position: absolute;
  right: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  overflow: hidden;
  width: 60px;
  height: 60px;
}

.banner-engamt .ico img {
  width: 60px;
  height: 60px;
}

.banner-engamt .pic {
  position: absolute;
  right: 0px;
  top: 0px;
  overflow: hidden;
}

.banner-engamt .pic img {
  width: 100px;
  height: 100px;
}

.banner-engamt .bts {
  margin-left: 6px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.banner-engamt .bts .btn {
  background: #206cfe;
  font-size: 14px;
  padding: 2px 12px 0px;
  white-space: nowrap;
}

.banner-engamt-lg {
  position: relative;
  height: 180px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #1fad81;
  border-radius: 16px;
  padding: 24px 20px;
  text-align: left;
}

.banner-engamt-lg .txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.56;
  font-weight: 700;
  color: #ffffff;
}

.banner-engamt-lg .button-area {
  margin-top: 10px;
}

.banner-engamt-lg .button-view {
  height: 32px;
  background-color: #ffffff;
  border: 0;
  font-size: 14px;
  color: #222222;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.banner-engamt-lg .button-view.bg-blue {
  background-color: #206cfe;
  color: #ffffff;
}

.banner-engamt-lg .img-iconbox {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 142px;
  height: 142px;
  overflow: hidden;
}

.custom-bottomsheet.engamt .popup-header.pb16 {
  padding-bottom: 16px;
}

.custom-bottomsheet.engamt .popup-content {
  min-height: auto;
}

.custom-bottomsheet.engamt .popup-footer .text-box {
  margin: 16px 0px 0px 0px;
}

.custom-bottomsheet.engamt .popup-footer .text-box .link {
  color: #666666;
  font-size: 14px;
}

.custom-bottomsheet.engamt .popup-header.z20 {
  z-index: 20 !important;
}

.custom-bottomsheet.engamt .content-engamt {
  position: relative;
  padding: 54px 0px 0px 0px;
}

.custom-bottomsheet.engamt .content-engamt .icon_particle {
  position: absolute;
  left: 50%;
  top: 0px;
  display: block;
  width: 100%;
  height: 236px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}

.custom-bottomsheet.engamt .content-engamt .text-engamt {
  font-size: 20px;
  color: #222;
  letter-spacing: -0.5px;
  line-height: 28px;
  font-weight: 700;
  text-align: center;
}

.custom-bottomsheet.engamt .content-engamt .text-engamt > strong {
  color: #206cfe;
}

.custom-bottomsheet.engamt .content-engamt .text-getbnf {
  margin-top: 4px;
  font-size: 16px;
  color: #222;
  letter-spacing: -0.5px;
  font-weight: 400;
  text-align: center;
}

.custom-bottomsheet.engamt .content-engamt .bottom-banner-box {
  position: relative;
  margin-top: 45px;
  height: 180px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #1fad81;
  border-radius: 16px;
  padding: 24px 20px;
}

.custom-bottomsheet.engamt .content-engamt .bottom-banner-box .txt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.56;
  font-weight: 700;
  color: #ffffff;
}

.custom-bottomsheet.engamt .content-engamt .bottom-banner-box .button-area {
  margin-top: 10px;
}

.custom-bottomsheet.engamt .content-engamt .bottom-banner-box .button-view {
  height: 32px;
  background-color: #ffffff;
  border: 0;
  font-size: 14px;
  color: #222222;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.custom-bottomsheet.engamt .content-engamt .bottom-banner-box .img-iconbox {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 142px;
  height: 142px;
  overflow: hidden;
}

.custom-bottomsheet.engamt .bnr-box {
  margin-bottom: 32px;
}

.popup-layer.engamt .info-message-box {
  padding-top: calc(13vh - 10px);
}

.popup-layer.engamt .popup-footer .text-box {
  margin: 16px 0px 0px 0px;
}

.popup-layer.engamt .popup-footer .text-box .link {
  color: #666666;
  font-size: 14px;
}

#skip {
  position: absolute;
  width: 100%;
  overflow: visible;
}

#skip span a {
  display: block;
  width: 100%;
  margin-top: 0;
  z-index: 19999;
}

#skip span a:focus {
  height: 55px;
  margin-top: 0;
  color: #333;
  font-size: 20px;
  line-height: 51px;
  z-index: 888888;
  text-align: center;
  background: #fff;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 700;
  top: 0;
  position: absolute;
  border: none;
}

.px4 {
  padding: 0 4px !important;
}

.py20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pl24 {
  padding-left: 24px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pb31 {
  padding-bottom: 31px !important;
}

.pb32 {
  padding-bottom: 32px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pt114 {
  padding-top: 114px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.mb13 {
  margin-bottom: 13px !important;
}

.mt26 {
  margin-top: 26px !important;
}

.no_shadow {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.mb64 {
  margin-bottom: 64px !important;
}

.mt18 {
  margin-top: 18px !important;
}

.mt19 {
  margin-top: 19px !important;
}

.mt36 {
  margin-top: 36px !important;
}

.mt67 {
  margin-top: 67px !important;
}

.btn-h48 {
  height: 48px !important;
}

.mt41 {
  margin-top: 41px !important;
}

.mb41 {
  margin-bottom: 41px !important;
}

.text-222 {
  color: #222 !important;
}

.bg_white {
  background-color: #fff !important;
}

.a11y_01 {
  position: absolute !important;
  width: 10px !important;
  height: 10px !important;
  overflow: hidden !important;
  top: -100vh !important;
  left: -100vw !important;
}

.custom-checkbox .as_label {
  color: #222;
  font-weight: 400;
  white-space: normal;
  word-break: keep-all;
  word-wrap: break-word;
  margin: 0 10px 0 8px;
}

.custom-checkbox.checkbox-border .as_label {
  color: #222;
  font-weight: 400;
  white-space: normal;
  word-break: keep-all;
  word-wrap: break-word;
  padding: 16px 20px 15px;
  margin: 0 10px 0 8px;
}

.custom-checkbox.checkbox-md .as_label {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.agreeChk-accodion-box .as_label {
  margin: 0;
}

.agreeChk-cont-text_type_01 {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  margin-top: -8px;
  padding: 0 40px 0px 10px;
}

.agreeChk-cont-text_type_01 + .agreeChk-accodion-box {
  margin-top: 20px;
}

/* 240223 추가 */
.text-link.text-blue.new-color {
  color: #206cfe !important;
}

.text-link.text-blue.new-color::before {
  background-color: #206cfe !important;
}

.bg-f4f8ff {
  background-color: #f4f8ff;
}

.custom-radio.radio-btn.new-color input[type=radio]:checked + label {
  color: #206cfe;
}

.custom-radio.radio-btn.new-color input[type=radio]:checked + label::before {
  border-color: #206cfe;
}

[class^="box"].addr-info-box {
  padding: 20px;
}

[class^="box"].addr-info-box .post {
  font-size: 12px;
  color: #666;
  line-height: 18px;
  letter-spacing: -0.5px;
}

[class^="box"].addr-info-box address {
  padding-top: 7px;
  font-size: 16px;
  color: #222;
}

.border-left {
  border-left: 1px solid #ebebeb;
}

.border-right {
  border-right: 1px solid #ebebeb;
}

.custom-banner > a.type-img4 {
  padding: 26px 20px;
  min-height: 100px;
}

.custom-banner > a.type-img4 .custom-banner-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100px;
}

.custom-banner > a.type-img4 .custom-banner-cont {
  width: calc(100% - 80px);
}

.custom-banner > a.type-img4 .custom-banner-cont .custom-banner-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.09px;
  font-weight: 500;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list.new-color a.on {
  color: #206cfe;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list.new-color a.on::after {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-check-new.png) no-repeat center/32px auto !important;
}

.input-file .add-file.bg-206cfe {
  background-color: #206cfe !important;
  border-color: #206cfe !important;
}

.flag-orange02 {
  background-color: #f54d00;
}

.flag-gray02 {
  background-color: #e0e0e0;
  color: #222 !important;
}

/* 슬라이드 스와이퍼 swiper new 타입 접근성 2026 /webapp/v2/web/locapay/pages/LPHT/LPHT_02.html*/
.swiper-pagination-new {
  text-align: center;
  z-index: 100;
}

.swiper-pagination-new .swiper-pagination-bullet {
  width: 24px;
  height: 24px;
  background: transparent;
  border-radius: 0px;
  opacity: 1;
  margin: 0px !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.swiper-pagination-new .swiper-pagination-bullet::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 8px;
  border: solid 1px #222222;
}

.swiper-pagination-new .swiper-pagination-bullet-active::after {
  width: 16px;
  background-color: #222222;
}

.swiper-pagination-new.case1 {
  bottom: 36px !important;
}

.box-gray.box-full.type02 + .list-data-default.type02 {
  padding: 0;
}

.box-gray.box-full.type02 + .list-data-default.type02 .list-items.list-box + .list-items.list-box {
  padding: 24px 0 23px 0;
}

.box-gray.box-full.type02 + .list-data-default.type02 .list-items.list-box {
  border-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 0 23px 0;
}

.box-gray.box-full.type02 + .list-data-default.type02 .list-items.list-box .d-block {
  display: block;
  float: left;
  text-align: left;
  padding: 0;
}

.box-gray.box-full.type02 + .list-data-default.type02 .list-items.list-box .d-block.number {
  letter-spacing: normal;
}

.box-gray.box-full.type02 + .list-data-default.type02 .list-items.list-box ~ li {
  border-top: 1px solid #ebebeb;
}

.box-gray.box-full.type02 + .list-data-default.type02 .list-items.list-box:last-child {
  border-bottom: 1px solid #ebebeb;
}

.box-gray.box-full.type02 + .list-data-default.type02 .list-items.list-box div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}

.box-gray.box-full.type02 + .list-data-default.type02 .list-items.list-box div:first-child span {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.box-gray.box-full.type02 + .list-data-default.type02 .list-items.list-box div:first-child span:last-child {
  font-weight: 500;
}

.box-gray.box-full.type02 + .list-data-default.type02 .list-items.list-box div:last-child {
  margin-top: 4px;
}

.box-gray.box-full.type02 + .list-data-default.type02 .list-items.list-box div:last-child span {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.box-gray.box-full.type02 + .list-data-default.type02 .list-items.list-box:after {
  top: 33px;
}

.box-gray.box-full.type02 + .list-data-default.type02 .list-items.list-box.cancel a {
  padding-left: 11px;
}

.box-gray.box-full.type02 + .list-data-default.type02 .list-items.list-box.cancel a .line-through {
  padding-right: 0;
}

.box-gray.box-full.type02 + .list-data-default.type02 .list-items.list-box.cancel a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 31px;
  width: 7px;
  height: 7px;
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
}

.box-gray.box-full.type02 + .list-data-default.type02 + .btn-more-wrap {
  margin-top: 22px;
}

.box-gray.box-full.type02 + .list-data-default.type02.border-top .list-items.list-box:first-child {
  margin-top: 25px;
  border-top: 1px solid #ebebeb;
}

.special-benefit-info .flex_col_2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.special-benefit-info .card_infor {
  margin-left: -24px;
  margin-right: -24px;
  margin-bottom: 36px;
  background: #fafafa;
  width: 100vw;
  padding: 24px 36px;
}

.special-benefit-info .card_infor .card-col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.special-benefit-info .card_infor .card-col2 .img_area {
  width: 100px;
  height: auto;
}

.special-benefit-info .card_infor .card-col2 .name {
  margin: 12px 0;
  font-weight: 700;
}

.bill_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.bill_list .as_head {
  background: #fafafa;
  width: 100vw;
  margin-left: -24px;
  padding: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.bill_list .as_head .txt_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.bill_list .as_head .txt_area .tit_bill {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #222;
  letter-spacing: -0.5px;
  margin-bottom: 4px;
}

.bill_list .as_head .txt_area .infor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  color: #e5e5e5;
  letter-spacing: 0;
}

.bill_list .as_head .txt_area .infor > span {
  margin: 0 8px;
  color: #666;
}

.bill_list .as_head .txt_area .infor > span:first-child {
  margin-left: 0;
}

.bill_list .as_head .price_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 24px;
  color: #222;
  font-weight: 500;
}

.bill_list .as_content > li {
  border-bottom: 1px solid #ebebeb;
}

.bill_list .as_content > li:last-child {
  border: none;
}

.bill_list .as_content > li .depth_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 20px 0;
}

.bill_list .as_content > li .depth_01 .tit_area {
  font-size: 14px;
  line-height: 22px;
  color: #222;
  letter-spacing: -0.44px;
  font-weight: 500;
}

.bill_list .as_content > li .depth_01 .value_area {
  text-align: right;
  font-size: 14px;
  line-height: 22px;
  color: #222;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.bill_list .as_content > li .depth_01 .value_area .value {
  margin-bottom: 4px;
  font-weight: 500;
}

.bill_list .as_content > li .depth_01 .value_area .sub_value {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.bill_list .as_content > li .depth_02 {
  border: 1px solid #ebebeb;
  border-radius: 10px;
}

.bill_list .as_content > li .depth_02 > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #ebebeb;
  padding: 20px 0;
  min-height: 107px;
  position: relative;
}

.bill_list .as_content > li .depth_02 > li:last-child {
  border: none;
}

.bill_list .as_content > li .depth_02 > li::before {
  display: block;
  position: absolute;
  content: "→";
  font-size: 20px;
  color: #3674bc;
  left: 50%;
  margin-left: -11px;
  top: 50%;
  margin-top: -14px;
}

.bill_list .as_content > li .depth_02 > li .tit_area {
  font-size: 14px;
  line-height: 22px;
  color: #222;
  letter-spacing: -0.44px;
  max-width: calc(50% - 30px);
}

.bill_list .as_content > li .depth_02 > li .value_area {
  text-align: right;
  font-size: 14px;
  line-height: 22px;
  color: #222;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: calc(50% - 30px);
}

.bill_list .as_content > li .depth_02 > li .value_area .value strong {
  font-weight: 500;
}

.bill_list .as_content > li .depth_02 > li .value_area .sub_value {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.plan-discount .gaugebar .gaugebar-spot.spot-case3-right p.start {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.5px;
}

.plan-discount .gaugebar .gaugebar-spot.spot-case3-right p.start span {
  color: #666;
  margin-top: 5px;
  display: block;
}

.plan-discount .gaugebar .gaugebar-spot.spot-case3-right div {
  width: 33.333%;
  text-align: right;
}

.plan-discount .gaugebar .gaugebar-spot.spot-case3-right div::after {
  right: 0;
  left: auto;
}

.plan-discount .gaugebar .gaugebar-spot.spot-case3-right div::before {
  right: -2px;
  left: auto;
}

/* 251106 교육바우처 */
.study-vc-wrap .date-txt {
  margin: 24px 0 8px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.09px;
  color: #222;
}

.study-vc-wrap .box-gray.box-full.date-set {
  width: 100vw;
  margin: 32px -24px 0;
}

.study-vc-wrap .box-gray.box-full.date-set .btn.btn-xs {
  padding-top: 0;
}

.study-vc-wrap .list-wrap.total .total-wrap > span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.study-vc-wrap .list-wrap.total .total-wrap > span > span {
  font-weight: 700;
}

.study-vc-wrap .list-wrap.total .total-wrap > p {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.09px;
}

.study-vc-wrap .list-wrap .link-item-list .item-price {
  font-size: 18px;
  letter-spacing: -0.09px;
}

.study-vc-wrap .list-wrap .link-item-list dl.item-content .item-date > .flex-item-list li {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.07px;
}

.sub-wrapper.has-footer-typeBs2 .sub-container.lola_club {
  margin-top: 0;
  padding: 0 0 100px;
}

body.none_bg .sub-container.lola_club {
  min-height: 100vh;
}

body.none_bg .sub-wrapper .sub-header {
  background: #f8f8f8;
}

body.none_bg .sub-wrapper .sub-header::after {
  display: none;
}

body.none_bg .sub-footer {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(255, 255, 255, 0)), color-stop(43%, #f8f8f8));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 6%, #f8f8f8 43%);
}

.lola_club .custom-checkbox.checkbox-border
input[type="checkbox"]:checked
+ label::before {
  margin-top: -11px;
}

.lola_club .custom-checkbox.checkbox-border input[type="checkbox"] + label {
  padding: 3px 24px 0 52px;
}

.lola_club .custom-radio.radio-btn-arc input[type="radio"] + label {
  min-width: 54px;
  min-height: 32px;
  border-radius: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 18px;
  font-size: 12px;
  border: #bbb 1px solid;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 700;
}

.lola_club .custom-radio.radio-btn-arc input[type="radio"]:checked + label {
  border: 2px solid #0B48BE;
  color: #fff;
  font-weight: 500;
  background: #0B48BE;
}

.lola_club .custom-radio.radio-btn-arc input[type="radio"]:disabled + label {
  opacity: 0.6;
}

.lola_club .custom-radio.radio-btn-arc {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.lola_club .custom-swiper-pagination.swiper-pagination-bullets
.swiper-pagination-bullet {
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.lola_club .sub-title span.flag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 6px;
  margin-top: -3px;
  padding-top: 2px;
}

/* txt-slide swiper */
.lola_club .txt-slide {
  position: relative;
  padding-bottom: 24px;
}

.lola_club .txt-slide .txt-slide-inner {
  display: block;
  margin: 0 24px;
  -webkit-box-shadow: 7px 3px 13px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 7px 3px 13px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.lola_club .txt-slide .swiper-slide .tit_area {
  padding: 30px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lola_club .txt-slide .swiper-slide .tit_area .tit {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 8px;
}

.lola_club .txt-slide .swiper-slide .tit_area .txt {
  font-weight: 300;
  font-size: 14px;
}

.lola_club .txt-slide .swiper-slide .tit_area .txt strong {
  font-weight: 500;
}

.lola_club .txt-slide .swiper-slide .tit_area .txt strong.impact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #22a77f;
  font-weight: 500;
}

.lola_club .txt-slide .swiper-slide .coupon_list {
  padding: 24px 24px 20px;
}

.lola_club .txt-slide .swiper-slide .coupon_list li {
  padding: 17px 0;
}

.lola_club .txt-slide .swiper-slide .coupon_list li > div,
.lola_club .txt-slide .swiper-slide .coupon_list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  word-break: keep-all;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.lola_club .txt-slide .swiper-slide .coupon_list li > div .img_area,
.lola_club .txt-slide .swiper-slide .coupon_list li a .img_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.lola_club .txt-slide .swiper-slide .coupon_list li > div .img_area img,
.lola_club .txt-slide .swiper-slide .coupon_list li a .img_area img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.lola_club .txt-slide .swiper-slide .coupon_list li > div .txt_area,
.lola_club .txt-slide .swiper-slide .coupon_list li a .txt_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 96px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.lola_club .txt-slide .swiper-slide .coupon_list li > div .txt_area .tit,
.lola_club .txt-slide .swiper-slide .coupon_list li a .txt_area .tit {
  font-size: 14px;
  font-weight: 500;
}

.lola_club .txt-slide .swiper-slide .coupon_list li > div .txt_area .txt,
.lola_club .txt-slide .swiper-slide .coupon_list li a .txt_area .txt {
  font-size: 12px;
  color: #666;
  font-weight: 400;
  line-height: 18px;
}

.lola_club .txt-slide .swiper-slide .coupon_list li > div .infor_coupon,
.lola_club .txt-slide .swiper-slide .coupon_list li a .infor_coupon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 16px;
  line-height: 28px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lola_club .txt-slide .swiper-slide .coupon_list li > div .infor_coupon strong,
.lola_club .txt-slide .swiper-slide .coupon_list li a .infor_coupon strong {
  color: #222;
  font-size: 20px;
  padding-left: 5px;
  margin-top: -2px;
}

.lola_club .txt-slide .swiper-slide .coupon_list li:last-child {
  margin-bottom: 0;
}

.lola_club .wrap_card_list {
  margin-top: 60px;
}

.lola_club .wrap_card_list > .tit {
  display: block;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  padding: 16px 0 24px;
}

.lola_club .wrap_card_list .raido_card_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}

.lola_club .wrap_card_list .raido_card_list li {
  width: calc(100% - 48px);
  border-radius: 10px;
  background: #fff;
  padding: 20px;
  -webkit-box-shadow: 16px 16px 24px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 16px 16px 24px 1px rgba(0, 0, 0, 0.15);
  margin-bottom: 12px;
}

.lola_club .wrap_card_list .raido_card_list li > a,
.lola_club .wrap_card_list .raido_card_list li > div {
  position: relative;
}

.lola_club .wrap_card_list .raido_card_list li > a .img_area,
.lola_club .wrap_card_list .raido_card_list li > div .img_area {
  width: 100px;
  height: 64px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.lola_club .wrap_card_list .raido_card_list li > a .img_area img,
.lola_club .wrap_card_list .raido_card_list li > div .img_area img {
  width: 100%;
}

.lola_club .wrap_card_list .raido_card_list li > a .txt_area,
.lola_club .wrap_card_list .raido_card_list li > div .txt_area {
  margin-left: 115px;
  min-height: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.lola_club .wrap_card_list .raido_card_list li > a .txt_area .tit,
.lola_club .wrap_card_list .raido_card_list li > div .txt_area .tit {
  font-size: 14px;
  color: #222;
  line-height: 22px;
}

.lola_club .wrap_card_list .raido_card_list li > a .txt_area .txt,
.lola_club .wrap_card_list .raido_card_list li > div .txt_area .txt {
  font-size: 12px;
  color: #666;
  line-height: 18px;
  letter-spacing: -0.43px;
}

.lola_club .wrap_card_list .raido_txt_list {
  display: block;
}

.lola_club .wrap_card_list .raido_txt_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}

.lola_club .wrap_card_list .raido_txt_list li {
  width: calc(100% - 48px);
  border-radius: 10px;
  background: #fff;
  padding: 20px;
  -webkit-box-shadow: 16px 16px 24px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 16px 16px 24px 1px rgba(0, 0, 0, 0.15);
  margin-bottom: 12px;
}

.lola_club .wrap_card_list .raido_txt_list li > a,
.lola_club .wrap_card_list .raido_txt_list li > div {
  position: relative;
}

.lola_club .wrap_card_list .raido_txt_list li > a .txt_area,
.lola_club .wrap_card_list .raido_txt_list li > div .txt_area {
  min-height: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 8px;
}

.lola_club .wrap_card_list .raido_txt_list li > a .txt_area .tit,
.lola_club .wrap_card_list .raido_txt_list li > div .txt_area .tit {
  font-size: 16px;
  color: #0B48BE;
  line-height: 24px;
  margin-bottom: 8px;
}

.lola_club .wrap_card_list .raido_txt_list li > a .txt_area .sub_tit,
.lola_club .wrap_card_list .raido_txt_list li > div .txt_area .sub_tit {
  font-size: 14px;
  color: #222;
  line-height: 22px;
  margin-bottom: 2px;
}

.lola_club .wrap_card_list .raido_txt_list li > a .txt_area .txt,
.lola_club .wrap_card_list .raido_txt_list li > div .txt_area .txt {
  font-size: 14px;
  color: #222;
  line-height: 22px;
}

.lola_club .wrap_card_list .raido_txt_list li > a .txt_area .txt strong,
.lola_club .wrap_card_list .raido_txt_list li > div .txt_area .txt strong {
  color: #0B48BE;
  font-weight: 400;
}

.lola_club.custom-bottomsheet {
  max-height: 80%;
}

.lola_club.custom-bottomsheet .popup-header {
  -ms-touch-action: none;
      touch-action: none;
  overflow: hidden;
  min-height: 105px;
}

.lola_club .bottomsheet {
  max-height: 80vh;
}

.lola_club .bottomsheet .card-slide .swiper-slide.swiper-slide-next {
  -webkit-transform: translate(-36vw, 10px);
          transform: translate(-36vw, 10px);
  z-index: 1;
}

.lola_club .bottomsheet .card-slide .swiper-slide.swiper-slide-active {
  z-index: 1000;
}

.lola_club .bottomsheet .card-slide .swiper-slide.swiper-slide-prev {
  -webkit-transform: translate(36vw, 10px);
          transform: translate(36vw, 10px);
  z-index: 1;
}

.lola_club .bottomsheet .card-slide-wrap + div {
  margin-top: 32px;
}

.lola_club .bottomsheet .card-slide-title {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #222;
}

.lola_club .bottomsheet .card-slide-title + .card-slide {
  margin-top: 24px;
}

.lola_club .bottomsheet .sub-title + .card-slide {
  margin-top: 16px;
}

.lola_club .bottomsheet .card-slide {
  width: 100vw;
  height: 439px;
  margin-left: -24px;
  padding-bottom: 24px;
  position: relative;
}

.lola_club .bottomsheet .card-slide .swiper-slide {
  text-align: center;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.lola_club .bottomsheet .card-slide .card-slide-inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
}

.lola_club .bottomsheet .card-slide .card-slide-img {
  width: 234px;
  height: 150px;
  min-width: 234px;
  opacity: 0.2;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  margin: 0 auto;
}

.lola_club .bottomsheet .card-slide .card-slide-img > img {
  width: 100%;
}

.lola_club .bottomsheet .card-slide .card-slide-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 32px;
}

.lola_club .bottomsheet .card-slide .card-slide-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #ebebeb;
  opacity: 1;
  margin: 0 4px;
}

.lola_club .bottomsheet .card-slide .card-slide-pagination
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 16px;
  height: 6px;
  border-radius: 3px;
  background: #817169;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.lola_club .bottomsheet .card-slide .card-slide-text {
  margin-top: 16px;
}

.lola_club .bottomsheet .card-slide .card-slide-name {
  font-size: 14px;
  font-weight: 700;
  color: #222;
}

.lola_club .bottomsheet .card-slide .card-slide-info {
  font-size: 14px;
  color: #222;
  line-height: 22px;
}

.lola_club .bottomsheet .card-slide .card-slide-name + div {
  margin-top: 8px;
}

.lola_club .bottomsheet .card-slide .card-slide-info > div + div {
  margin-top: 8px;
}

.lola_club .bottomsheet .card-slide .swiper-slide.swiper-slide-active .card-slide-img {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  margin: 10px auto 0;
}

.lola_club .bottomsheet .card-slide .swiper-slide.swiper-slide-active .card-slide-desc {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.lola_club .bottomsheet .card-slide .card-slide-desc {
  opacity: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}

.lola_club .bottomsheet .card-slide .card-slide-desc .card-slide-text .card-text-name {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 16px;
  line-height: 22px;
}

.lola_club .bottomsheet .card-slide .card-slide-desc .card-slide-text .text-link {
  margin-bottom: 32px;
}

.lola_club .bottomsheet .card-slide .card-slide-desc .infor_list {
  padding: 20px;
  background: #fafafa;
  margin: 0 24px;
}

.lola_club .bottomsheet .card-slide .card-slide-desc .infor_list li {
  margin-bottom: 12px;
}

.lola_club .bottomsheet .card-slide .card-slide-desc .infor_list li:last-child {
  margin-bottom: 0;
}

.lola_club .bottomsheet .card-slide .card-slide-desc .infor_list li div,
.lola_club .bottomsheet .card-slide .card-slide-desc .infor_list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.lola_club .bottomsheet .card-slide .card-slide-desc .infor_list li div .tit,
.lola_club .bottomsheet .card-slide .card-slide-desc .infor_list li a .tit {
  font-size: 14px;
  font-weight: 400;
}

.lola_club .bottomsheet .card-slide .card-slide-desc .infor_list li div .txt,
.lola_club .bottomsheet .card-slide .card-slide-desc .infor_list li a .txt {
  font-size: 14px;
  font-weight: 500;
  color: #3674bc;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
}

.lola_club .list_benfit {
  padding: 36px 0px 20px;
}

.lola_club .list_benfit li {
  margin-bottom: 24px;
  background: #fff;
  border-radius: 6px;
}

.lola_club .list_benfit li > div,
.lola_club .list_benfit li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  word-break: keep-all;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 64px;
  padding-right: 24px;
}

.lola_club .list_benfit li > div .img_area,
.lola_club .list_benfit li a .img_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 66px;
  height: 66px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  top: -12px;
  display: flex;
}

.lola_club .list_benfit li > div .txt_area,
.lola_club .list_benfit li a .txt_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.lola_club .list_benfit li > div .txt_area .tit,
.lola_club .list_benfit li a .txt_area .tit {
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
}

.lola_club .list_benfit li > div .txt_area .txt,
.lola_club .list_benfit li a .txt_area .txt {
  font-size: 12px;
  color: #888;
  font-weight: 400;
  line-height: 18px;
}

.lola_club .list_benfit li > div .discount,
.lola_club .list_benfit li a .discount {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 24px;
  font-size: 16px;
  color: #22a77f;
}

.lola_club .list_benfit li > div .discount strong,
.lola_club .list_benfit li a .discount strong {
  position: relative;
  margin-right: 5px;
  display: block;
}

.lola_club .list_benfit li > div .discount strong::before,
.lola_club .list_benfit li a .discount strong::before {
  display: inline-block;
  position: absolute;
  width: 100%;
  content: "삭제 이미지";
  color: transparent;
  height: 2px;
  border-bottom: 2px solid #22a77f;
  top: 50%;
}

.lola_club .list_benfit li:last-child {
  margin-bottom: 0;
}

.lola_club .benefit_area {
  margin: 60px 24px 12px;
}

.lola_club .benefit_area .tit_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.lola_club .benefit_area .tit_area .tit {
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
}

.lola_club .benefit_area .tit_area .tit strong {
  color: #22a77f;
}

.lola_club .gaugebar-container {
  position: relative;
  width: 100%;
  height: 223px;
  padding: 30px 20px;
  border-radius: 10px;
  background: #817169;
  color: #fff;
}

.lola_club .gaugebar-container .gaugebar-header .gaugebar-term span {
  color: #ebebeb;
  font-weight: 400;
  font-size: 12px;
}

.lola_club .add_txt_pop {
  display: block;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 16px auto 4px;
}

.lola_club .box-gray.txt-r {
  padding: 20px 16px;
  font-size: 12px;
  color: #666;
  line-height: 16px;
  border-radius: 10px;
  margin-bottom: 12px;
}

.lola_club .cardmanager-voucher-swiper {
  width: 100%;
  margin-left: 0;
  overflow: visible;
}

.lola_club .cardmanager-voucher-swiper .swiper-slide {
  width: 254px;
}

.lola_club .cardmanager-voucher-swiper .voucher-card {
  position: relative;
  display: block;
  height: 160px;
  padding: 20px;
  border-radius: 10px;
  color: #fff;
}

.lola_club .cardmanager-voucher-swiper .voucher-card.type1 {
  background: #f0f0f0;
}

.lola_club .cardmanager-voucher-swiper .voucher-card.type2 {
  background: #EA7869;
}

.lola_club .cardmanager-voucher-swiper .voucher-card .name {
  color: #222;
  font-size: 16px;
  line-height: 24px;
}

.lola_club .cardmanager-voucher-swiper .voucher-card .info {
  position: absolute;
  bottom: 30px;
  left: 20px;
}

.lola_club .cardmanager-voucher-swiper .voucher-card .info .title {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.lola_club .cardmanager-voucher-swiper .voucher-card .info .term {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.lola_club .cardmanager-voucher-swiper .voucher-card .image {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 48px;
  height: 48px;
}

.lola_club .mx24 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.lola_club .mx24 .custom-checkbox.bg_gray {
  background: #f9f9f9;
}

.lola_club .my24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.lola_club .mb124 {
  margin-bottom: 123px !important;
}

.lola_club .custom-checkbox.chkAll.with_txt-link {
  padding-right: 58px;
}

.lola_club .custom-checkbox.chkAll.with_txt-link .text-link {
  position: absolute;
  right: 24px;
  top: 50%;
  margin-top: -5px;
}

.lola_club .wrap_plan-info-box {
  padding: 60px 24px 0;
  position: relative;
}

.lola_club .wrap_plan-info-box::before {
  color: transparent;
  content: "쿠폰이미지";
  position: absolute;
  width: 76px;
  height: 98px;
  background: url(/webapp/v2/common/assets/images/benefit/lola-club/coupon5@2x.png) no-repeat;
  background-size: 76px auto;
  top: -52px;
  left: 0;
}

.lola_club .wrap_plan-info-box .plan-info-box {
  padding-bottom: 32px;
}

.lola_club .wrap_plan-info-box .plan-info-box .sub-title.title-depth3 {
  font-size: 16px;
}

.lola_club .infor_box {
  display: block;
  margin: 0px 0 0;
  padding-top: 60px;
}

.lola_club .infor_box .sub_tit {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  margin: 0 0 6px;
}

.lola_club .infor_box .tit {
  text-align: center;
  margin: 0 auto 16px;
  color: #22a77f;
  font-size: 42px;
  letter-spacing: -1.5px;
  line-height: 50px;
}

.lola_club .infor_box .txt {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  min-height: 268px;
}

.lola_club .infor_box .txt strong {
  color: #22a77f;
  font-weight: 500;
}

.lola_club .deco_img::before {
  width: 70px;
  height: 50px;
  color: transparent;
  content: "쿠폰이미지";
  position: absolute;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
  top: -10px;
  background: url(/webapp/v2/common/assets/images/benefit/lola-club/coupon1@2x.png) no-repeat;
  background-size: 34px auto;
  left: 0;
}

.lola_club .deco_img::after {
  color: transparent;
  content: "쿠폰이미지";
  position: absolute;
  width: 65px;
  height: 70px;
  background: url(/webapp/v2/common/assets/images/benefit/lola-club/coupon2@2x.png) no-repeat;
  background-size: 65px auto;
  top: 32px;
  right: 0;
}

.lola_club .deco_img .inner::before {
  color: transparent;
  content: "쿠폰이미지";
  position: absolute;
  width: 67px;
  height: 91px;
  background: url(/webapp/v2/common/assets/images/benefit/lola-club/coupon3@2x.png) no-repeat;
  background-size: 67px auto;
  top: 185px;
  left: 0;
}

.lola_club .deco_img .inner::after {
  color: transparent;
  content: "쿠폰이미지";
  position: absolute;
  width: 93px;
  height: 141px;
  background: url(/webapp/v2/common/assets/images/benefit/lola-club/coupon4@2x.png) no-repeat;
  background-size: 93px auto;
  top: 845px;
  left: 0;
}

.lola_club .custom-banner-over {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  position: relative;
}

.lola_club .custom-banner-over .link {
  height: 74px;
  background: #5aae89;
  display: block;
  width: 100%;
  border-radius: 12px;
  overflow: visible;
}

.lola_club .custom-banner-over .link .custom-banner-img {
  position: absolute;
  width: 112px;
  right: 0;
  bottom: 0;
  height: 94px;
  top: auto;
}

.lola_club .custom-banner-over .link .custom-banner-img img {
  width: 100%;
  display: block;
  position: relative;
}

.lola_club .custom-banner-over .link .custom-banner-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 0px 120px 0px 20px;
}

.lola_club .custom-banner-over .link .custom-banner-cont .custom-banner-text {
  font-size: 16px;
  color: #fff;
  line-height: 1.63;
  font-weight: 700;
}

.lola_club .sub-title.title-depth2.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lola_club .add_txt {
  font-weight: 400;
  font-size: 14px;
  color: #666;
  line-height: 22px;
  margin: 16px 0;
}

.lola_club.bg_gray {
  background: #f8f8f8;
}

.lola_club .custom-icon.icon-bell {
  width: 148px;
  height: 148px;
  background: url(/webapp/v2/common/assets/images/benefit/lola-club/img_bell@2x.png) no-repeat;
  background-size: 148px auto;
}

.lola_club .custom-icon.icon-gift_00 {
  width: 148px;
  height: 148px;
  background: url(/webapp/v2/common/assets/images/benefit/lola-club/img_gift.png) no-repeat;
  background-size: 148px auto;
}

.lola_club .gray_box {
  background: url(/webapp/v2/common/assets/images/benefit/lola-club/top_img_card@2x.png) center 160px no-repeat;
  background-size: 100vw auto;
  background-color: #f7f7f7;
  margin-top: 60px;
  overflow: hidden;
  position: relative;
}

.link-box.share_list li {
  border-bottom: 1px solid #ebebeb;
  border-top: 0;
}

.link-box.share_list li a {
  padding: 20px 100px 20px 24px;
}

.link-box.share_list li a::after {
  content: "";
  position: absolute;
  border: none;
  top: 50%;
  right: 33px;
  width: 25px;
  height: 25px;
  margin-top: -13px;
  background: url(/webapp/v2/common/assets/images/customer/cs27/share.png);
  background-size: contain;
  -webkit-transform: unset;
          transform: unset;
}

.ordered-item-cs27 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: visible;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px 0;
}

.ordered-item-cs27 + .ordered-item {
  padding-top: 24px;
}

.ordered-item-cs27:before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 40px);
  position: absolute;
  top: 120px;
  left: 30px;
  background-color: #ebebeb;
}

.ordered-item-cs27:last-child:before {
  display: none;
}

.ordered-item-cs27 .icon-wrap {
  position: relative;
  height: 100%;
  margin-right: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10;
  padding: 5px 0;
  background: #fff;
}

.ordered-item-cs27 .guide-text__dash {
  max-width: 300px;
  word-break: keep-all;
  padding-left: 8px;
  position: relative;
  color: #666;
}

.ordered-item-cs27 .guide-text__dash:before {
  display: inline-block;
  content: "-";
  font-size: 12px;
  color: #666;
  position: absolute;
  left: 0;
}

.ordered-item-cs27.small + .ordered-item {
  padding-top: 16px;
}

.ordered-item-cs27.small .icon-wrap {
  margin-right: 12px;
}

.title-depth3.with_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.title-depth3.with_icon .wrap_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #3674bc;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 28px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 5px;
  margin-left: 8px;
}

.notice-list-arrow li {
  border-bottom: 1px solid #ebebeb;
}

.notice-list-arrow li a {
  position: relative;
  display: block;
  padding: 20px 24px 20px 0;
}

.notice-list-arrow li a div.sub-title {
  line-height: 24px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.notice-list-arrow li a:after {
  position: absolute;
  top: 28px;
  right: 2px;
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.notice-list-arrow span {
  margin-top: 2px;
}

.ordered-item-cs27 .icon-step-cs27-doc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 64px;
  height: 64px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fafafa;
  border-radius: 10px;
}

.ordered-item-cs27 .icon-step-cs27-doc:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url(/webapp/v2/common/assets/images/customer/cs27/step_doc.png) no-repeat 0 0;
  background-size: 100% auto;
}

.ordered-item-cs27 .icon-step-cs27-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 64px;
  height: 64px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fafafa;
  border-radius: 10px;
}

.ordered-item-cs27 .icon-step-cs27-check:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url(/webapp/v2/common/assets/images/customer/cs27/step_check.png) no-repeat 0 0;
  background-size: 100% auto;
}

.ordered-item-cs27 .icon-step-cs27-last {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 64px;
  height: 64px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fafafa;
  border-radius: 10px;
}

.ordered-item-cs27 .icon-step-cs27-last:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url(/webapp/v2/common/assets/images/customer/cs27/last_step.png) no-repeat 0 0;
  background-size: 100% auto;
}

.ordered-item-cs27 .icon-step-cs27-confirm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 64px;
  height: 64px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fafafa;
  border-radius: 10px;
}

.ordered-item-cs27 .icon-step-cs27-confirm:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url(/webapp/v2/common/assets/images/customer/cs27/doc_confirm.png) no-repeat 0 0;
  background-size: 100% auto;
}

/* 공통 화면 에러 페이지 */
.sub-wrapper .compBox.mv20 {
  padding-top: 15px;
}

.sub-wrapper .compBox.mv20 .inner {
  margin-top: 25px;
  text-align: center;
}

.sub-wrapper .compBox.mv20 .inner h2.titleText {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #222;
  margin-top: 24px;
}

.sub-wrapper .compBox.mv20 .inner > p {
  padding: 0;
  margin: 0;
}

.sub-wrapper .compBox.mv20 .inner .txt + center {
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 400;
  margin-top: 8px;
}

.sub-wrapper .compBox.mv20 .custom-icon {
  display: inline-block;
  width: 48px;
  height: 48px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-complete-nodata.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.sub-wrapper .btnArea.mv20 {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 25;
  width: 100%;
  padding: 24px;
  padding-bottom: 30px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(255, 255, 255, 0)), color-stop(43%, #fff));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 6%, #fff 43%);
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sub-wrapper .btnLP.btnM.btnLinkA {
  position: relative;
  display: inherit;
  width: 100%;
  height: 60px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  line-height: 60px;
  font-weight: 500;
  padding: 1px 10px 0;
  border-color: #544944;
  background-color: #544944;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 73px;
  color: #fff;
  border-radius: 10px;
  vertical-align: middle;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sub-detail.special-gift, .sub-container.special-gift,
.sub-wrapper.special-gift {
  position: relative;
}

.sub-detail.special-gift .btn_close_case_00, .sub-container.special-gift .btn_close_case_00,
.sub-wrapper.special-gift .btn_close_case_00 {
  position: fixed;
  top: 7px;
  right: 24px;
  width: 48px;
  height: 48px;
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-close-pop.svg);
  border: 0;
  margin-right: -12px;
  cursor: pointer;
}

.sub-detail.special-gift .btn_close_case_00.hide, .sub-container.special-gift .btn_close_case_00.hide,
.sub-wrapper.special-gift .btn_close_case_00.hide {
  background-image: none;
}

.sub-detail.special-gift .list-dot > li strong.medium, .sub-container.special-gift .list-dot > li strong.medium,
.sub-wrapper.special-gift .list-dot > li strong.medium {
  font-weight: 500;
  color: #222;
}

.sub-detail.special-gift .txt_area_ir, .sub-container.special-gift .txt_area_ir,
.sub-wrapper.special-gift .txt_area_ir {
  color: transparent;
  background: transparent;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.sub-detail.special-gift .img_area_100, .sub-container.special-gift .img_area_100,
.sub-wrapper.special-gift .img_area_100 {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.sub-detail.special-gift .detail-container, .sub-container.special-gift .detail-container,
.sub-wrapper.special-gift .detail-container {
  margin-top: 100vw;
}

.sub-detail.special-gift .raido_card_list, .sub-container.special-gift .raido_card_list,
.sub-wrapper.special-gift .raido_card_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}

.sub-detail.special-gift .raido_card_list li, .sub-container.special-gift .raido_card_list li,
.sub-wrapper.special-gift .raido_card_list li {
  width: 100%;
  border-radius: 10px;
  background: #fff;
  padding: 20px;
  -webkit-box-shadow: 16px 16px 24px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 16px 16px 24px 1px rgba(0, 0, 0, 0.15);
  margin-bottom: 16px;
}

.sub-detail.special-gift .raido_card_list li > a,
.sub-detail.special-gift .raido_card_list li > div, .sub-container.special-gift .raido_card_list li > a,
.sub-container.special-gift .raido_card_list li > div,
.sub-wrapper.special-gift .raido_card_list li > a,
.sub-wrapper.special-gift .raido_card_list li > div {
  position: relative;
}

.sub-detail.special-gift .raido_card_list .btn_area, .sub-container.special-gift .raido_card_list .btn_area,
.sub-wrapper.special-gift .raido_card_list .btn_area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.sub-detail.special-gift .raido_card_list .btn_area .link_arc, .sub-container.special-gift .raido_card_list .btn_area .link_arc,
.sub-wrapper.special-gift .raido_card_list .btn_area .link_arc {
  min-width: 64px;
  min-height: 32px;
  border-radius: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 18px;
  font-size: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #3674bc;
  color: #fff;
  font-weight: 500;
  background: #3674bc;
  margin-top: -12px;
}

.sub-detail.special-gift .raido_card_list li > a,
.sub-detail.special-gift .raido_card_list li > div, .sub-container.special-gift .raido_card_list li > a,
.sub-container.special-gift .raido_card_list li > div,
.sub-wrapper.special-gift .raido_card_list li > a,
.sub-wrapper.special-gift .raido_card_list li > div {
  display: block;
}

.sub-detail.special-gift .raido_card_list li > a .img_area,
.sub-detail.special-gift .raido_card_list li > div .img_area, .sub-container.special-gift .raido_card_list li > a .img_area,
.sub-container.special-gift .raido_card_list li > div .img_area,
.sub-wrapper.special-gift .raido_card_list li > a .img_area,
.sub-wrapper.special-gift .raido_card_list li > div .img_area {
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.sub-detail.special-gift .raido_card_list li > a .img_area img,
.sub-detail.special-gift .raido_card_list li > div .img_area img, .sub-container.special-gift .raido_card_list li > a .img_area img,
.sub-container.special-gift .raido_card_list li > div .img_area img,
.sub-wrapper.special-gift .raido_card_list li > a .img_area img,
.sub-wrapper.special-gift .raido_card_list li > div .img_area img {
  width: 100%;
}

.sub-detail.special-gift .raido_card_list li > a .txt_area,
.sub-detail.special-gift .raido_card_list li > div .txt_area, .sub-container.special-gift .raido_card_list li > a .txt_area,
.sub-container.special-gift .raido_card_list li > div .txt_area,
.sub-wrapper.special-gift .raido_card_list li > a .txt_area,
.sub-wrapper.special-gift .raido_card_list li > div .txt_area {
  margin-left: 96px;
  min-height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.sub-detail.special-gift .raido_card_list li > a .txt_area .tit,
.sub-detail.special-gift .raido_card_list li > div .txt_area .tit, .sub-container.special-gift .raido_card_list li > a .txt_area .tit,
.sub-container.special-gift .raido_card_list li > div .txt_area .tit,
.sub-wrapper.special-gift .raido_card_list li > a .txt_area .tit,
.sub-wrapper.special-gift .raido_card_list li > div .txt_area .tit {
  font-size: 14px;
  color: #222;
  line-height: 22px;
  margin-top: 4px;
}

.sub-detail.special-gift .raido_card_list li > a .txt_area .txt,
.sub-detail.special-gift .raido_card_list li > div .txt_area .txt, .sub-container.special-gift .raido_card_list li > a .txt_area .txt,
.sub-container.special-gift .raido_card_list li > div .txt_area .txt,
.sub-wrapper.special-gift .raido_card_list li > a .txt_area .txt,
.sub-wrapper.special-gift .raido_card_list li > div .txt_area .txt {
  font-size: 12px;
  color: #666;
  line-height: 18px;
  letter-spacing: -0.43px;
}

/* 2023-04-14 */
.btn-w100 {
  width: 100%;
}

/* 2023-04-11 */
.color-206cfe {
  color: #206cfe;
}

.plan-discount .gaugebar .gaugebar-spot.spot-type01 p.start {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.5px;
}

.plan-discount .gaugebar .gaugebar-spot.spot-type01 p.start span {
  color: #666;
  margin-top: 5px;
  display: block;
}

.plan-discount .gaugebar .gaugebar-spot.spot-type01 div {
  width: 43%;
  text-align: right;
}

.plan-discount .gaugebar .gaugebar-spot.spot-type01 div + div {
  width: 57%;
}

.plan-discount .gaugebar .gaugebar-spot.spot-type01 div > span.text-regular {
  font-weight: 400;
}

.plan-discount .gaugebar .gaugebar-spot.spot-type01 div:before {
  right: -2px;
  left: auto;
  display: none;
}

.plan-discount .gaugebar .gaugebar-spot.spot-type01 div:after {
  right: 0;
  left: auto;
}

.icon-c01 {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 21px;
  height: auto;
  vertical-align: middle;
}

.icon-c01 img {
  max-width: 100%;
}

.plan-discount .gaugebar.gaugebar-type01 .gaugebar-track .gaugebar-track-check {
  background: #206cfe;
}

.plan-discount .gaugebar.gaugebar-type01 .gaugebar-track .gaugebar-balloon {
  background: #206cfe;
}

.plan-discount .gaugebar.gaugebar-type01 .gaugebar-track .gaugebar-balloon.left:before {
  border-right: 6px solid transparent;
  border-left: 10px solid #206cfe;
  border-radius: 3px;
}

.plan-discount .gaugebar.gaugebar-type01 .gaugebar-track .gaugebar-balloon.right:before {
  border-right: 10px solid #206cfe;
}

.gaugebar-sub-title.text-medium.gaugebar-type01 .text-blue {
  color: #0f53d6 !important;
}

.text-link.text-blue.type01 {
  color: #0f53d6 !important;
}

.custom-icon.plan-step-money.npaytype01 {
  width: 64px;
  height: 64px;
  background: url("/webapp/v2/common/assets/images/benefit/icons/plan-disc/step3.png") no-repeat center center/100%;
}

.custom-icon.plan-step-cashback.npaytype01 {
  width: 64px;
  height: 64px;
  background: url("/webapp/v2/common/assets/images/benefit/icons/plan-disc/step4.png") no-repeat center center/100%;
}

.plan-discount-wrap .swiper-wrapper-cont .pbnn-text.slideType01 .swiper-slide {
  padding: 23px 21px 0;
  line-height: 28px;
}

.plan-discount-wrap .swiper-wrapper-cont .pbnn-img.slideType01 .swiper-slide .img_area {
  margin: 0 auto;
  width: 176px;
  height: 176px;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.plan-discount-wrap .swiper-wrapper-cont .pbnn-img.slideType01 .swiper-slide .img_area img {
  width: 100%;
}

.plan-discount-wrap .swiper-wrapper-cont .pbnn-img.slideType01 .swiper-slide.swiper-slide-active .img_area {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.plan-discount-wrap .swiper-wrapper-cont .pbnn-img.slideType01 {
  padding-bottom: 50px;
}

.plan-discount-wrap .swiper-wrapper-cont.typeColor01 {
  background-color: #f4fbef;
}

.plan-discount-wrap .swiper-wrapper-cont.typeColor02 {
  background-color: #f9fcff;
}

.plan-discount-wrap .swiper-wrapper-cont.typeColor01 .pbnn-text .swiper-slide .bnn_sub {
  color: #00a648;
}

.special-benefit-info .card_infor_list li .card_info span.display-ib {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  position: relative;
  top: -3px;
}

.nsw-card-wrap.bottom.bottom {
  padding-bottom: 0px;
}

.nsw-card-box {
  margin-top: 24px;
  text-align: center;
}

.nsw-card-box .nsw-card-img > img {
  min-width: 150px;
  max-height: 234px;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}

.nsw-card-box .nsw-card-desc .card-text__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  height: 21px;
  margin-top: 16px;
  margin-right: 4px;
  font-weight: 700;
}

.cs-survice .box-link.custom-box-cs {
  border-bottom: 1px solid #ebebeb;
  padding: 20px 0;
}

.cs-survice .text-info.has-icon[class*="icon-talk-0"]::before {
  width: 44px;
  height: 44px;
  background-size: 26px 26px;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  margin-right: 15px;
}

.cs-survice .text-info.has-icon.icon-talk-01-cs::before {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-cs-01.png);
}

.cs-survice .text-info.has-icon.icon-talk-02-cs::before {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-cs-02.png);
}

.cs-survice .accordion-wrap.type-full-v2 .accordion.is-active .fold-head {
  border-bottom: 0;
}

.cs-survice .accordion-wrap.type-full-v2 .accordion.is-active .fold-body {
  padding: 10px 0 24px;
  border-bottom: 1px solid #ebebeb;
}

.cs-survice .accordion-wrap.type-full-v2 .accordion .fold-body {
  padding: 0;
}

/* 커스텀 .radio-btn 타입 추가 (CSRUIUX-621) 2024-01-25 */
.custom-radio.radio-btn.radio-206cfe input[type=radio]:checked + label {
  color: #206cfe;
}

.custom-radio.radio-btn.radio-206cfe input[type=radio]:checked + label::before {
  border: 2px solid #206cfe;
}

.custom-radio.radio-btn.radio-3674bc input[type=radio]:checked + label {
  color: #3674bc;
}

.custom-radio.radio-btn.radio-3674bc input[type=radio]:checked + label::before {
  border: 2px solid #3674bc;
}

/* //커스텀 .radio-btn 타입 추가 (CSRUIUX-621) 2024-01-25 */
/* 분실신고 신청 화면 카드명 길이 제한 수정 */
.lost-card-wrap ul.custom-radio-list .d-flex.flex-align-center {
  width: 100%;
}

/* //분실신고 신청 화면 카드명 길이 제한 수정 */
.bubble-textbox-wrap.bubble-position.bubble-textbox-wrap .bubble-textbox {
  position: -webkit-sticky;
  position: sticky;
  display: inline-block;
  margin-top: 5px;
}

.bubble-textbox-wrap.bubble-position > div:after {
  right: 15px;
}

/*221130 자동차자산배너추가*/
/* type-img3 */
.custom-banner > a.type-img3 {
  min-height: 100px;
  padding: 26px 20px 22px;
}

.custom-banner > a.type-img3 .custom-banner-img {
  width: 96px;
}

.custom-banner > a.type-img3 .custom-banner-text {
  font-size: 18px !important;
  line-height: 1.44 !important;
  font-weight: 500 !important;
  letter-spacing: -0.56px !important;
}

/* 다른 서비스가 필요하세요 TV수신료 버튼 추가 */
.icon-c-tv {
  line-height: 1;
}

.icon-c-tv:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-tv-16@3x.png);
  background-size: 100% auto;
}

/* 고관여 골프 서비스 개선 */
.sub-container.high-invol-golf {
  margin-top: 0;
}

.high-invol-golf .box-golf {
  background: #f6f5f3;
}

.high-invol-golf h3.tit {
  margin-top: 40px;
  color: #222;
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
}

.high-invol-golf p.p-desc {
  margin-top: 8px;
  color: #4c4637;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.high-invol-golf p.p-desc + .list-asterisk {
  color: #222;
}

.high-invol-golf .top-visual-area {
  height: 472px;
  margin: -15px -24px 0;
  padding: 80px 24px 0;
  background: url(/webapp/v2/common/assets/images/life/bg_top_visual_golf.png);
  background-size: cover;
}

.high-invol-golf .top-visual-area strong.em {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
}

.high-invol-golf .swiper-card-golf {
  margin-top: 24px;
}

.high-invol-golf .swiper-card-golf .box-golf {
  height: 88px;
  padding: 16px 6px 16px 20px;
}

.high-invol-golf .swiper-card-golf .card-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.high-invol-golf .swiper-card-golf .card-item .card-thumb img {
  width: 90px;
  height: 56px;
}

.high-invol-golf .swiper-card-golf .card-item .card-name {
  padding-left: 12px;
  font-size: 16px;
  font-weight: 500;
}

.high-invol-golf .swiper-step-golf {
  margin-top: 24px;
}

.high-invol-golf .swiper-step-golf .box-golf {
  padding: 24px 20px 0;
}

.high-invol-golf .swiper-step-golf .step-tit {
  color: #222;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.high-invol-golf .swiper-step-golf .p-desc {
  margin-top: 4px;
  height: 44px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.high-invol-golf .swiper-step-golf .step-img {
  margin-top: 20px;
  text-align: center;
}

.high-invol-golf .swiper-step-golf .step-img img {
  width: 100%;
  height: auto;
  max-width: 312px;
  max-height: 285px;
}

/* CSRUIUX-1385 20260202 수정 */
/* RP.18.1.html */
.lifeLDS2024 .container-box.white.full_white {
  padding: 60px 0;
}

.lifeLDS2024.driving-care .coupon-set .benefit-slide.shadow_n {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: #f2f0ed;
}

.lifeLDS2024.driving-care .coupon-set .benefit-slide .benefit-cont .list li .go-benefit.benefit_white {
  background-color: #fff;
}

.lifeLDS2024 .container-box.contents-area .benefit-container .benefit-discount .cnt.f_46 {
  font-size: 46px;
}

/* RP.18.1.html */
/* CSRUIUX-1385 20260202 수정 */
.accordion-wrap.type-price.point .accordion.bill-wrap .fold-body
dl.data-list dt.depth_01_hyphen {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  padding-left: 8px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
}

.accordion-wrap.type-price.point .accordion.bill-wrap .fold-body
dl.data-list dt.depth_01_hyphen::before {
  content: "";
  position: absolute;
  left: 0;
  content: "-";
  top: 0px;
  display: block;
}

.accordion-wrap.type-price.point .accordion.bill-wrap .fold-body
dl.data-list dd.depth_01 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #666;
  font-size: 12px;
}

/* btn-md style */
.btn.btn-md {
  font-size: 16px;
  font-weight: 500;
}

.popup-layer:not(.popup-full) > .popup-footer > .btn.btn-md {
  font-size: 16px;
}

/* date style */
.input-date-wrap .label-date {
  border: 0;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-calendar-lds30.svg) no-repeat;
  background-position: calc(100% - 10px) 50%;
}

.input-date-wrap .label-date::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid #ebebeb;
}

.input-date-wrap .label-date:active::before,
.input-date-wrap .label-date:focus::before {
  border-bottom: 2px solid #222;
}

/* list 내역없음 style */
.list-wrap .no-result-icon {
  position: relative;
  padding: 128px 0 80px;
  font-size: 16px;
  color: #666;
  text-align: center;
}

.list-wrap .no-result-icon.mbm48 {
  margin-bottom: -48px;
}

.list-wrap .no-result-icon::before {
  content: '';
  position: absolute;
  top: 74px;
  left: 50%;
  margin-left: -24px;
  width: 48px;
  height: 48px;
  background: url(/webapp/v2/common/assets/images/common/nodata.png) no-repeat center center;
  background-size: 48px 48px;
}

.accordion-wrap.type-price.point .accordion .fold-head .amount-wrap .point-panel .btn-fold::before {
  width: 24px;
  height: 24px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-arrow-accord_30lds.svg) no-repeat;
}

.accordion-wrap.type-price.point .accordion .fold-head .text-price {
  line-height: 40px;
}

.accordion-wrap.type-price.point .accordion .fold-head .text-price span {
  font-size: 32px;
  line-height: 40px;
}

.accordion-wrap.type-price.point .accordion.bill-wrap.is-active .fold-body {
  margin-bottom: 24px;
}

.accordion-wrap.type-price.point .accordion.bill-wrap .fold-body > .tooltip-wrap > span {
  font-size: 16px;
  font-weight: 500;
  color: #222;
}

.accordion-wrap.type-price.point .accordion.bill-wrap .fold-body .data-list dt {
  color: #666;
}

.accordion-wrap.type-price.point .accordion.bill-wrap .fold-body .data-list dd {
  font-weight: 500;
  color: #222;
}

.accordion-wrap.type-price.point .accordion.bill-wrap .fold-body dl.data-list dt.depth_01_hyphen {
  margin: 4px 0;
  font-size: 14px;
  font-weight: 400;
}

.accordion-wrap.type-price.point .accordion.bill-wrap .fold-body dl.data-list dd.depth_01 {
  margin: 4px 0;
  font-size: 14px;
  font-weight: 500;
  color: #666;
}

.accordion-wrap.type-price.point .accordion.bill-wrap .fold-body dl.data-list + .data-list {
  border-top: 1px solid #ebe7e4;
}

.accordion-wrap.type-price.point + .border-full.mt48 {
  margin-top: 22px !important;
}

.box-gray.lds30-box-gray-perid {
  background-color: #f2f0ed;
}

.list-wrap.lds30-point .link-item-list > li > a dl.item-content .item-title, .list-wrap.lds30-point .link-item-list > li > div dl.item-content .item-title {
  font-weight: 500;
}

.list-wrap.lds30-point .link-item-list > li > a dl.item-content .item-date, .list-wrap.lds30-point .link-item-list > li > div dl.item-content .item-date,
.list-wrap.lds30-point .link-item-list > li > a dl.item-content .item-date > .flex-item-list li, .list-wrap.lds30-point .link-item-list > li > div dl.item-content .item-date > .flex-item-list li,
.list-wrap.lds30-point .link-item-list > li > a dl.item-content .item-comment, .list-wrap.lds30-point .link-item-list > li > div dl.item-content .item-comment {
  font-size: 14px;
  line-height: 22px;
}

.list-wrap.lds30-point .link-item-list > li > a dl.item-content .item-date > .flex-item-list > li + li::before, .list-wrap.lds30-point .link-item-list > li > div dl.item-content .item-date > .flex-item-list > li + li::before {
  height: 12px;
}

.list-wrap.lds30-point .link-item-list > li > a dl.item-content .text-12, .list-wrap.lds30-point .link-item-list > li > div .text-12 {
  font-size: 14px !important;
}

.list-wrap.lds30-point .link-item-list > li .item-list .item-content-side .item-price {
  font-size: 18px;
  font-weight: 700;
}

.list-wrap.lds30-point .link-item-list > li .item-list .item-content-side .item-price.item-price-sm {
  color: #999;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.list-wrap.lds30-point .link-item-list > li .item-list .item-content-side .item-price.item-reject.text-12 {
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 500;
}

.list-wrap.lds30-point .link-item-list > li .item-list .item-content-side .item-price.text-blue {
  color: #007881 !important;
}

.list-wrap.lds30-point .link-item-list > li ~ li {
  border-top: 1px solid #ebe7e4;
}

.list-wrap.lds30-point .sp-result-more {
  margin-top: 24px;
}

.list-wrap.lds30-point .link-item-list > li .point-area {
  width: 100%;
  overflow: hidden;
}

.list-wrap.lds30-point .link-item-list > li .point-area .point-area-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 12px 0 0 -15px;
}

.list-wrap.lds30-point .link-item-list > li .point-area .point-area-ul > li {
  display: inherit;
  position: relative;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
}

.list-wrap.lds30-point .link-item-list > li .point-area .point-area-ul > li .text {
  color: #222;
  line-height: 22px;
}

.list-wrap.lds30-point .link-item-list > li .point-area .point-area-ul > li .text + .point {
  margin-left: 4px;
}

.list-wrap.lds30-point .link-item-list > li .point-area .point-area-ul > li .point {
  color: #222;
  font-weight: 500;
  line-height: 22px;
}

.list-wrap.lds30-point .link-item-list > li .point-area .point-area-ul > li {
  padding-left: 8px;
  margin-left: 7px;
}

.list-wrap.lds30-point .link-item-list > li .point-area .point-area-ul > li ::before {
  display: none;
}

.list-wrap.lds30-point .link-item-list > li .point-area .point-area-ul > li::before {
  content: '';
  display: block;
  position: absolute;
  left: 1px;
  top: calc(50% - 5px);
  width: 1px;
  height: 10px;
  background-color: #ebebeb;
}

.list-wrap.lds30-point .link-item-list > li .btn.btn-xs.btn-lds30-point {
  padding: 0 28px 0 10px;
}

.list-wrap.lds30-point .link-item-list > li .btn.btn-xs.btn-lds30-point span {
  font-weight: 500;
  font-size: 14px;
}

.list-wrap.lds30-point .link-item-list > li .btn.btn-xs.btn-lds30-point::after {
  content: '';
  position: absolute;
  right: 8px;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  background: url(/webapp/v2/common/assets/images/common/icons/btn-point-arrow.png) no-repeat;
  background-size: 100%;
}

.custom-bottomsheet .lotte-membership-detail .point-panel {
  padding: 0 0 24px;
}

.custom-bottomsheet .lotte-membership-detail .point-panel .brand-name {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.custom-bottomsheet .lotte-membership-detail .data-border-wrap {
  padding-top: 21px;
  border-top: 1px solid #222;
}

.custom-bottomsheet .lotte-membership-detail .data-border-wrap dl.data-list + .data-list {
  margin-top: 9px;
  padding-top: 9px;
  border-top: 1px solid #ebe7e4;
}

.custom-bottomsheet .lotte-membership-detail .data-border-wrap dl.data-list dt, .custom-bottomsheet .lotte-membership-detail .data-border-wrap dl.data-list dd {
  margin: 3px 0;
  color: #666;
  font-weight: 400;
  line-height: 24px;
}

.custom-bottomsheet .lotte-membership-detail .data-border-wrap dl.data-list dt {
  position: relative;
  padding-left: 8px;
}

.custom-bottomsheet .lotte-membership-detail .data-border-wrap dl.data-list dt::before {
  content: '-';
  position: absolute;
  left: 0;
  top: 0;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.custom-bottomsheet .lotte-membership-detail .data-border-wrap dl.data-list dt.item-point-tit, .custom-bottomsheet .lotte-membership-detail .data-border-wrap dl.data-list dd.item-point-tit {
  margin-bottom: 5px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.custom-bottomsheet .lotte-membership-detail .data-border-wrap dl.data-list dt.item-point-tit {
  padding-left: 0;
}

.custom-bottomsheet .lotte-membership-detail .data-border-wrap dl.data-list dt.item-point-tit::before {
  display: none;
}

.accordion-wrap.type-price.point .bill-wrap .amount-flex-button .point-panel .brand-name {
  width: 80px;
  white-space: nowrap;
}

.pr-survice.sub-wrapper .sub-container {
  margin-top: 15px;
}

.pr-survice.sub-wrapper .sub-header {
  background-image: linear-gradient(125deg, #544944, #392f2b 100%);
}

.pr-survice.sub-wrapper .sub-header .sub-title {
  color: #ffffff;
}

.pr-survice.sub-wrapper .sub-header .btn-close {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-close-white.svg);
  background-size: 80%;
}

.pr-survice.sub-wrapper .sub-header.fixed::after {
  display: none;
}

.pr-survice.sub-wrapper .sub-header.fixed {
  background-image: linear-gradient(125deg, #544944, #392f2b 100%);
}

.pr-survice .visual-img-wrap {
  padding-top: 84px;
  padding-bottom: 40px;
  text-align: center;
  font-size: 18px;
  background-image: linear-gradient(125deg, #544944, #392f2b 100%);
  color: #fff;
}

.pr-survice .logo-digi-loca {
  background-image: url(/webapp/v2/common/assets/images/common/logo-digi-loca.png);
  background-size: 100%;
  width: 64px;
  height: 64px;
  margin: 0 auto 20px;
  background-repeat: no-repeat;
}

.pr-survice .custom-banner {
  background-color: #e5edf7;
}

.pr-survice .custom-banner .has-icon .custom-banner-cont {
  width: 100%;
  padding-left: 70px;
}

.pr-survice .custom-banner .has-icon .custom-banner-cont::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  width: 50px;
  height: 50px;
  background-size: 100%;
  background-repeat: no-repeat;
}

.pr-survice .custom-banner .has-icon.icon-talk-01-pr .custom-banner-cont::before {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-talk-01-pr.png);
}

.pr-survice .custom-banner .has-icon.icon-write-01-pr .custom-banner-cont::before {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-write-01-pr.png);
}

.ticket_barcode.ticket_barcode-type02 .sub-header::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  width: 100vw;
  height: 1px;
  background-color: #f5f5f5;
}

.ticket_barcode.ticket_barcode-type02 .btn_s.btn_copy {
  padding: 0 8px 0 21px;
}

.ticket_barcode.ticket_barcode-type02 .btn_type3_tiny {
  display: inline-block;
  width: auto;
  min-width: auto !important;
  height: 24px;
  padding: 0px 8px !important;
  font-size: 11px;
  line-height: 22px;
  font-weight: 500;
  color: #222 !important;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
}

.ticket_barcode.ticket_barcode-type02 .btn_type3_tiny > img {
  margin-right: 4px;
  width: 12px;
  height: auto;
}

.ticket_barcode.ticket_barcode-type02 .detail .tit_area .flag {
  color: #E93460 !important;
}

.ticket_barcode.ticket_barcode-type02 .detail .tit_area .gift::before {
  background: url(/webapp/v2/common/assets/images/common/gifti/ico_gift.png) no-repeat 0 0/11px 10px;
}

.ticket_barcode.ticket_barcode-type02 .barcode_area .barcode_info {
  margin-bottom: 16px;
}

.ticket_barcode.ticket_barcode-type02 .barcode_area .date {
  width: 100vw;
  padding: 12px 24px;
  margin: 0 -40px;
  border-top: 1px dashed #ebebeb;
  background: #fcfcfc;
  text-align: center;
  line-height: 20px;
  letter-spacing: -.28px;
  color: #222;
}

.ticket_barcode.ticket_barcode-type02 .promotion-banner {
  width: 100vw;
  margin: 0 -24px;
}

.ticket_barcode.ticket_barcode-type02 .promotion-banner > a {
  display: block;
  width: 100%;
}

.ticket_barcode.ticket_barcode-type02 .promotion-banner > a > img {
  width: 100%;
  height: auto;
}

.ticket_barcode.ticket_barcode-type02 .tab_content {
  padding: 20px 0 40px;
}

.ticket_barcode.ticket_barcode-type02 .tab_content .table_area table {
  width: 100%;
  border-top: 1px solid #ebebeb;
}

.ticket_barcode.ticket_barcode-type02 .tab_content .table_area table tr {
  text-align: left;
  border-bottom: 1px solid #ebebeb;
}

.ticket_barcode.ticket_barcode-type02 .tab_content .table_area table tr th {
  padding: 14px 17px;
  background: #f8f8f8;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: #222;
  word-break: break-all;
}

.ticket_barcode.ticket_barcode-type02 .tab_content .table_area table tr td {
  padding: 14px 17px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: #222;
  word-break: break-all;
}

.ticket_barcode.ticket_barcode-type02 .btn_type3_m {
  width: 100%;
  height: 36px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 20px;
  color: #222 !important;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.ticket_barcode .btn_link {
  font-size: 14px;
  color: #999;
  line-height: 1.29px;
  letter-spacing: -.28px;
  text-decoration: underline;
}

.ticket_barcode .tit_sub2 {
  font-size: 14px;
  color: #222;
  letter-spacing: -.2px;
  line-height: 20px;
  font-weight: 700;
}

.ticket_barcode caption {
  display: none;
}

.sub-detail.eventDetail .detail-container.wine-seller {
  margin-top: 0;
  padding: 0 0 100px 0;
}

.sub-detail.eventDetail .detail-container.wine-seller .sub-header {
  display: none;
}

.sub-detail.eventDetail .detail-container.wine-seller .sub-header-fixed.visible {
  display: none;
}

.sub-detail.eventDetail .detail-container.wine-seller .box-gray {
  display: none;
}

.sub-detail.eventDetail .detail-container.wine-seller [class*=contents-part] {
  padding: 30px 24px 24px;
}

.sub-detail.eventDetail .detail-container.wine-seller .visual-title {
  font-size: 20px;
  margin: 0 0 15px 0;
  color: #000;
}

.sub-detail.eventDetail .detail-container.wine-seller .visual-title span {
  display: block;
  font-size: 16px;
}

.sub-detail.eventDetail .detail-container.wine-seller .visual-text {
  font-size: 14px;
  color: #666666;
}

.sub-detail.eventDetail .detail-container.wine-seller .content-img-full img {
  width: 100%;
}

.sub-detail.eventDetail .detail-container.wine-seller .list-check > li {
  position: relative;
  padding-left: 15px;
}

.sub-detail.eventDetail .detail-container.wine-seller .list-check > li > em {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
}

.sub-detail.eventDetail .detail-container.wine-seller .contents-part-visual {
  background: url(http://image.lottecard.co.kr/webapp/v2/common/assets/images/benefit/wine-seller/seller-bg.png);
  background-size: 100%;
}

.sub-detail.eventDetail .detail-container.wine-seller .contents-part-visual .shadow-img {
  box-shadow: 6px 4px 5px 0px rgba(0, 0, 0, 0.42);
  -webkit-box-shadow: 6px 4px 5px 0px rgba(0, 0, 0, 0.42);
  border-radius: 14% 14% 0 0;
}

.sub-detail.eventDetail .detail-container.wine-seller .contents-part-visual .shadow-img img {
  width: 100%;
}

.sub-detail.eventDetail .detail-container.wine-seller .contents-part-visual .visual-title {
  color: #fff;
  font-size: 24px;
  margin: 20px 0;
}

.sub-detail.eventDetail .detail-container.wine-seller .contents-part-visual .visual-text {
  color: #fff;
}

.sub-detail.eventDetail .detail-container.wine-seller .contents-part-m02 {
  background: #f3f0ee;
}

.sub-detail.eventDetail .detail-container.wine-seller .contents-part-m02 + .contents-part-m02 .visual-title.v2 {
  margin-top: 0;
}

.sub-detail.eventDetail .detail-container.wine-seller .contents-part-m02 .visual-title.v2 {
  position: relative;
  color: #9f6843;
  font-size: 16px;
  margin: 30px 0 20px;
}

.sub-detail.eventDetail .detail-container.wine-seller .contents-part-m02 .visual-title.v2::before {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  width: 23px;
  height: 3px;
  background: #9f6843;
}

.sub-detail.eventDetail .detail-container.wine-seller .contents-part-m02 .visual-text {
  margin-top: 30px;
}

.sub-detail.eventDetail .detail-container.wine-seller .contents-part-m02 .visual-text .list-hyphen > li {
  margin-top: 0;
}

.sub-detail.eventDetail .detail-container.wine-seller .contents-part-m02 .btn.btn-block.btn-border {
  margin: 20px auto 0;
  background: none;
}

.sub-detail.eventDetail .detail-container.wine-seller .contents-part-m02 .img-item {
  text-align: center;
}

.sub-detail.eventDetail .detail-container.wine-seller .contents-part-m02 .img-item img {
  width: calc(100% - 148px);
}

.sub-detail.eventDetail .detail-container.wine-seller .box-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 24px 0px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sub-detail.eventDetail .detail-container.wine-seller .box-price .price-content {
  -ms-flex-preferred-size: 45%;
      flex-basis: 45%;
}

.sub-detail.eventDetail .detail-container.wine-seller .box-price .price-content img {
  border: 1px solid #ccc;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sub-detail.eventDetail .detail-container.wine-seller .box-price .price-content .box-title {
  margin-top: 8px;
}

.sub-detail.eventDetail .detail-container.wine-seller .box-price .price-content .box-title + span {
  font-size: 12px;
  color: #666666;
}

/* 큐레이션 */
.lotteon_curation .popup-content {
  padding: 0 !important;
}

.lotteon_curation .sub-detail .top-visual-area {
  width: 100%;
  height: auto;
}

.lotteon_curation .sub-detail .top-visual-area .top-image {
  width: 100%;
  height: auto;
}

.lotteon_curation .sub-detail .top-visual-area .top-image > img {
  width: 100%;
}

.lotteon_curation .sub-detail .top-visual-area .top-tag-area {
  position: relative;
  width: 100%;
  height: auto;
  padding: 48px 20px 80px;
  margin-top: -32px;
  text-align: center;
  border-radius: 32px 32px 0 0;
  background-color: #fff;
  z-index: 3;
}

.lotteon_curation .sub-detail .top-visual-area .top-tag-area .sub-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.2px;
  color: #666;
}

.lotteon_curation .sub-detail .top-visual-area .top-tag-area .sub-title + .main-title {
  margin-top: 12px;
}

.lotteon_curation .sub-detail .top-visual-area .top-tag-area .main-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.42;
  letter-spacing: -0.3px;
  color: #222;
}

.lotteon_curation .sub-detail .top-visual-area .top-tag-area .main-title + .tag-list-area {
  margin-top: 22px;
}

.lotteon_curation .sub-detail .top-visual-area .top-tag-area .tag-list-area {
  width: 100%;
  text-align: center;
}

.lotteon_curation .sub-detail .top-visual-area .top-tag-area .tag-list-area > li {
  display: inline-block;
  margin: 8px 2px 0;
}

.lotteon_curation .sub-detail .top-visual-area .top-tag-area .tag-list-area > li > a {
  display: block;
  padding: 4px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 2.43;
  letter-spacing: -0.68px;
  color: #e60012;
  border-radius: 30px;
  border: solid 1px #ffe0e2;
  background-color: #fff4f2;
  white-space: nowrap;
}

.lotteon_curation .sub-detail .detail-container {
  padding: 0 0 130px 0;
  border-radius: 32px;
}

.lotteon_curation .sub-detail .product-container {
  position: relative;
  padding: 48px 24px;
  width: 100%;
  margin-top: -32px;
  border-radius: 32px 32px 0 0;
  background-color: #fff;
  border-top: solid 1px #f9f9f9;
  border-left: solid 1px #f9f9f9;
  border-right: solid 1px #f9f9f9;
  z-index: 3;
}

.lotteon_curation .sub-detail .product-container.include-slide {
  padding: 48px 0 48px 24px;
}

.lotteon_curation .sub-detail .product-container.skyblue01 {
  background-color: #ebf3ff;
}

.lotteon_curation .sub-detail .product-container.skyblue02 {
  background-color: #f5fbff;
}

.lotteon_curation .sub-detail .product-container.skyblue03 {
  background-color: #ecf7f6;
}

.lotteon_curation .sub-detail .product-container.pink01 {
  background-color: #ffefef;
  border-top: solid 1px #ffe2e2;
  border-left: solid 1px #ffe2e2;
  border-right: solid 1px #ffe2e2;
}

.lotteon_curation .sub-detail .product-container.lightgray01 {
  background-color: #f9f9f9;
  border-top: solid 1px #e8e8e8;
  border-left: solid 1px #e8e8e8;
  border-right: solid 1px #e8e8e8;
}

.lotteon_curation .sub-detail .product-container.beige01 {
  background-color: #fff7ee;
  border-top: solid 1px #ffe4c4;
  border-left: solid 1px #ffe4c4;
  border-right: solid 1px #ffe4c4;
}

.lotteon_curation .sub-detail .product-container.red01 {
  background-color: #e32a2a;
  border-top: solid 1px #db1d1d;
  border-left: solid 1px #db1d1d;
  border-right: solid 1px #db1d1d;
}

.lotteon_curation .sub-detail .product-container.red01 .product-title {
  color: #fff;
}

.lotteon_curation .sub-detail .product-container.red01 .sub-text {
  color: #fff;
}

.lotteon_curation .sub-detail .product-container.red01 .event-info .product-wrap .product-item .product-fl > a .product-name {
  color: #fff;
}

.lotteon_curation .sub-detail .product-container.red01 .event-info .product-wrap .product-item .product-fl > a .product-origin-price {
  color: #fff;
}

.lotteon_curation .sub-detail .product-container.red01 .event-info .product-wrap .product-item .product-fl > a .product-sail {
  color: #fff;
}

.lotteon_curation .sub-detail .product-container.red01 .event-info .product-wrap .product-item .product-fl > a .product-sail > .discount {
  color: #fff;
}

.lotteon_curation .sub-detail .product-container .product-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.9;
  letter-spacing: -0.5px;
  color: #222;
}

.lotteon_curation .sub-detail .product-container .product-title > .text-blue {
  color: #0f53d6;
}

.lotteon_curation .sub-detail .product-container .product-title > .text-red {
  color: #e60012;
}

.lotteon_curation .sub-detail .product-container .sub-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  color: #666;
}

.lotteon_curation .sub-detail .product-container .sub-text .left {
  font-size: 14px;
  line-height: 2;
  letter-spacing: -0.32px;
}

.lotteon_curation .sub-detail .product-container .sub-text .right {
  font-size: 12px;
  line-height: 2.33;
  letter-spacing: -0.3px;
}

.lotteon_curation .sub-detail .event-info .product-wrap {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 0 48px 0;
  width: 100%;
}

.lotteon_curation .sub-detail .event-info .product-wrap .product-item {
  position: relative;
  margin-top: 56px !important;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 0;
  z-index: 2;
}

.lotteon_curation .sub-detail .event-info .product-wrap .product-item:nth-child(odd) {
  padding-right: 8px;
  padding-left: 0;
}

.lotteon_curation .sub-detail .event-info .product-wrap .product-item:nth-child(even) {
  padding-right: 0;
  padding-left: 8px;
}

.lotteon_curation .sub-detail .event-info .product-wrap .product-item:nth-child(1) {
  margin-top: 32px !important;
}

.lotteon_curation .sub-detail .event-info .product-wrap .product-item:nth-child(2) {
  margin-top: 32px !important;
}

.lotteon_curation .sub-detail .event-info .click-box {
  height: 50px;
  background: #6771ac;
  margin: 41px -24px 0;
  text-align: center;
}

.lotteon_curation .sub-detail .event-info .click-box > a {
  display: block;
  font-size: 16px;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 45px;
}

.lotteon_curation .sub-detail .event-info .click-box-w {
  height: 50px;
  background: #b3524f;
  margin: 41px -24px 0;
  text-align: center;
}

.lotteon_curation .sub-detail .event-info .click-box-w > a {
  display: block;
  font-size: 16px;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 45px;
}

.lotteon_curation .sub-detail .product-fl a .product-img {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: calc(100% - 2px);
  width: 100%;
  border: 1px solid #ededed;
  border-radius: 16px;
}

.lotteon_curation .sub-detail .product-fl a .product-img > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.lotteon_curation .sub-detail .product-fl a .product-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  width: 100%;
  display: -webkit-box;
  min-height: 53px;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
  letter-spacing: -0.5px;
  color: #000;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
}

.lotteon_curation .sub-detail .product-fl a .product-name + .product-origin-price {
  margin-top: 8px;
}

.lotteon_curation .sub-detail .product-fl a .product-origin-price {
  font-size: 12px;
  line-height: 1.83;
  color: #666;
  text-decoration: line-through;
}

.lotteon_curation .sub-detail .product-fl a .font-ml {
  text-decoration: line-through;
}

.lotteon_curation .sub-detail .product-fl a .product-sail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  text-align: left;
  font-size: 0;
  letter-spacing: -.2px;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lotteon_curation .sub-detail .product-fl a .product-sail > .discount {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.63;
  color: #e60012;
}

.lotteon_curation .sub-detail .product-fl a .product-sail > .price {
  padding-left: 5px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.63;
}

.lotteon_curation .sub-detail .product-fl a .product-star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lotteon_curation .sub-detail .product-fl a .product-star > img {
  width: 13px;
  padding-right: 2px;
}

.lotteon_curation .sub-detail .product-fl a .product-star .point {
  padding-right: 2px;
  font-size: 12px;
  line-height: 1.83;
  letter-spacing: normal;
  color: #222;
}

.lotteon_curation .sub-detail .product-fl a .product-star .point .count {
  color: #666;
}

.lotteon_curation .sub-detail .product-fl a .product-star + .product-tag-wrap {
  margin-top: 4px;
}

.lotteon_curation .sub-detail .product-fl a .product-tag-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lotteon_curation .sub-detail .product-fl a .product-tag-wrap > span {
  padding: 0 5px;
  font-size: 11px;
  font-weight: 500;
  line-height: 2.36;
  letter-spacing: -0.34px;
  border-radius: 2px;
}

.lotteon_curation .sub-detail .product-fl a .product-tag-wrap > span + span {
  margin-left: 4px;
}

.lotteon_curation .sub-detail .product-fl a .product-tag-wrap .direct-buy {
  background-color: #ffe9e2;
  color: #e60012;
}

.lotteon_curation .sub-detail .product-fl a .product-tag-wrap .free-shipping {
  background-color: #dce9f8;
  color: #1256d7;
}

.lotteon_curation .sub-detail .accordion-wrap.type-full {
  margin: 0;
}

.lotteon_curation .sub-detail .detail-container .sub-content dl.event-info dd {
  margin-top: 0 !important;
}

.lotteon_curation .product-slide {
  margin-top: 32px;
  margin-left: -24px;
  padding: 0 24px 48px 24px;
}

.lotteon_curation .product-slide .swiper-wrapper .product-item {
  position: relative;
  width: 136px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 0;
  z-index: 2;
}

.lotteon_curation .product-slide .swiper-wrapper .product-item:nth-child(odd) {
  padding-right: 0;
  padding-left: 0;
}

.lotteon_curation .product-slide .swiper-wrapper .product-item:nth-child(even) {
  padding-right: 0;
  padding-left: 0;
}

.lotteon_curation .product-slide .swiper-wrapper .product-item:nth-child(1) {
  margin-top: 0 !important;
}

.lotteon_curation .product-slide .swiper-wrapper .product-item:nth-child(2) {
  margin-top: 0 !important;
}

.lotteon_curation .box-container {
  padding: 0 24px;
}

.lotteon_curation .accordion-wrap.type-button.type-close.type-full:not(:first-child) {
  margin-top: 0px;
}

/* CSRUIUX-546 큐핏3차 개발 */
.lotteon_curation.cufit3rd.sub-header.mainArea.fixed::after {
  display: none !important;
}

.lotteon_curation.cufit3rd.sub-container {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.lotteon_curation.cufit3rd.sub-container .cufit-list-wrap {
  position: fixed;
  top: calc(56px + var(--safe-top));
  right: 0;
  left: 0;
  z-index: 30;
  margin: 0;
  padding: 8px 0 12px;
  border-bottom: none;
  background: #fff;
}

.lotteon_curation.cufit3rd.sub-container .cufit-list-wrap .cufit-anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 16px;
  overflow: auto hidden;
  white-space: nowrap;
}

.lotteon_curation.cufit3rd.sub-container .cufit-list-wrap .cufit-anchor > li {
  position: relative;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  padding: 11.5px 20px 10.5px 12px;
  height: 48px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
  letter-spacing: -0.44px;
  color: #222;
  border: solid 1px #dbdbdb;
  border-radius: 26px;
}

.lotteon_curation.cufit3rd.sub-container .cufit-list-wrap .cufit-anchor > li .ancor-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 2px;
}

.lotteon_curation.cufit3rd.sub-container .cufit-list-wrap .cufit-anchor > li .ancor-icon > img {
  width: 100%;
}

.lotteon_curation.cufit3rd.sub-container .cufit-list-wrap .cufit-anchor > li + .is-active {
  border-bottom: none;
}

.lotteon_curation.cufit3rd.sub-container .cufit-list-wrap .cufit-anchor > li + li {
  margin-left: 12px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail {
  position: relative;
  padding-top: 68px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-tag-area {
  padding: 32px 24px 40px;
  margin-top: 0;
  border-radius: 0;
  background-color: #da1414;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-tag-area .sub-title {
  color: #fff;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-tag-area .main-title {
  color: #fff;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-tag-area .tag-list-area > li > a {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-event-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  padding: 20px 24px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-event-banner .banner-img {
  width: 102px;
  height: auto;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-event-banner .banner-img > img {
  width: 100%;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-event-banner .banner-img + .event-content {
  margin-left: 10px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-event-banner .event-content .event-btn {
  padding: 8px 23px 6px 12px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.38px;
  color: #fff;
  border-radius: 13px;
  background-image: -webkit-gradient(linear, left top, right top, from(#ef2d2d), color-stop(0%, #da1414), color-stop(123%, #f39237));
  background-image: linear-gradient(to right, #ef2d2d 0%, #da1414 0%, #f39237 123%);
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-event-banner .event-content .event-btn::after {
  margin-top: -3px;
  right: 10px;
  border: solid #fff;
  border-width: 2px 2px 0 0;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-event-banner .event-content .event-btn + .event-txt {
  margin-top: 12px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-event-banner .event-content .event-txt {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-event-banner .event-content .event-txt > span {
  color: #da1414;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-event-banner .event-content .event-txt + .event-sdesc {
  margin-top: 8px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-event-banner .event-content .event-sdesc {
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: -0.38px;
  color: #666;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-event-banner > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .to-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13px 22px;
  background-color: #e82828;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .to-bottom .to-bottom-img {
  width: 34px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .to-bottom .to-bottom-img > img {
  width: 100%;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .to-bottom .to-bottom-img + .to-bottom-txt {
  margin-left: 10px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .to-bottom .to-bottom-txt {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: -0.44px;
  text-align: center;
  color: #fff;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .to-bottom .to-bottom-txt + .to-bottom-img {
  margin-left: 10px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .product-container {
  padding: 32px 24px 40px;
  margin-top: 0;
  border-radius: 0;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .product-container .product-title {
  font-size: 18px;
  line-height: 2.11;
  letter-spacing: -0.45px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .product-container.include-slide {
  padding: 32px 0 40px 24px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .product-container.pink01 {
  background-color: #fff2f2;
  border-top: solid 1px #e9e9e9;
  border-left: solid 1px #e9e9e9;
  border-right: solid 1px #e9e9e9;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .product-container.white01 {
  background-color: #fff;
  border-top: solid 1px #e9e9e9;
  border-left: solid 1px #e9e9e9;
  border-right: solid 1px #e9e9e9;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .product-container.lightgray01 {
  background-color: #f9f9f9;
  border-top: solid 1px #e9e9e9;
  border-left: solid 1px #e9e9e9;
  border-right: solid 1px #e9e9e9;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .event-info .product-wrap {
  padding: 0;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .event-info .product-wrap .product-item:nth-child(1), .lotteon_curation.cufit3rd.sub-container .sub-detail .event-info .product-wrap .product-item:nth-child(2) {
  margin-top: 12px !important;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area {
  padding: 0 24px 48px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .main-title-area {
  position: relative;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .main-title-area .title-desc-wrap {
  margin-top: 8px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .main-title-area .title-desc-wrap .title-txt {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: -0.5px;
  text-align: left;
  color: #111;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .main-title-area .title-desc-wrap .title-txt > span {
  color: #da1414;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .main-title-area .title-desc-wrap .title-txt + .desc-txt {
  margin-top: 4px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .main-title-area .title-desc-wrap .desc-txt {
  font-weight: 14px;
  line-height: 1.43;
  letter-spacing: -0.5px;
  text-align: left;
  color: #666;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .main-title-area .title-desc-wrap .desc-txt + .desc-txt {
  margin-top: 8px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .main-title-area .check-img-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 136px;
  height: auto;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .main-title-area .check-img-wrap > img {
  width: 100%;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .main-title-area + .check-cnt-area {
  margin-top: 20px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .check-cnt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
  border-radius: 12px;
  background-color: #F4F4F4;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .check-cnt-area .check-cnt-wrap {
  width: 50%;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .check-cnt-area .check-cnt-wrap .cnt-title {
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: -0.5px;
  text-align: center;
  color: #666;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .check-cnt-area .check-cnt-wrap .cnt-title + .check-cnt {
  margin-top: 4px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .check-cnt-area .check-cnt-wrap .check-cnt {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  color: #222;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .check-cnt-area .check-cnt-wrap .check-cnt .icon-wrap {
  display: inline-block;
  margin-right: 4px;
  width: 16px;
  height: 16px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .check-cnt-area .check-cnt-wrap .check-cnt .icon-wrap > img {
  width: 100%;
  margin-top: -3px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .check-cnt-area .check-cnt-wrap + .check-cnt-wrap {
  border-left: solid 1px rgba(0, 0, 0, 0.1);
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .check-cnt-area + .calendar-wrap {
  margin-top: 32px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .calendar-wrap .week-list,
.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .calendar-wrap .days-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .calendar-wrap .week-list > li,
.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .calendar-wrap .days-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: calc(100% / 7);
  font-size: 14px;
  letter-spacing: -0.28px;
  text-align: center;
  color: #222;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .calendar-wrap .week-list > li {
  font-weight: bold;
  line-height: 1.29;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .calendar-wrap .days-list > li {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: normal;
  line-height: 1.71;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .calendar-wrap .days-list > li:nth-child(-n+7) {
  margin-top: 20px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .calendar-wrap .days-list > li + .checked,
.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .calendar-wrap .days-list > li + .notChecked {
  text-indent: -9999px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .calendar-wrap .days-list > li + .checked::after,
.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .calendar-wrap .days-list > li + .notChecked::after {
  content: '';
  display: block;
  position: absolute;
  top: -11px;
  left: calc(50% - 24px);
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-size: 48px 48px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .calendar-wrap .days-list > li + .checked::after {
  background-image: url("/webapp/v2/web/assets/images/ico-checked.png");
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .calendar-wrap .days-list > li + .notChecked::after {
  background-image: url("/webapp/v2/web/assets/images/ico-not-checked.png");
}

.lotteon_curation.cufit3rd .product-slide {
  margin-top: 12px;
  padding: 0 24px 0 24px;
}

.lotteon_curation.cufit3rd .bottomsheet .popup-content {
  padding: 0 24px 24px !important;
}

.lotteon_curation.cufit3rd .bottomsheet .popup-content .bottomsheet-image > img {
  width: 112px;
  height: auto;
}

.lotteon_curation.cufit3rd .bottomsheet .popup-content .bottomsheet-image + .bottomsheet-txt {
  margin-top: 12px;
}

.lotteon_curation.cufit3rd .bottomsheet .popup-content .bottomsheet-txt {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: -0.12px;
  text-align: center;
  color: #222;
}

.lotteon_curation.cufit3rd .bottomsheet .popup-content .bottomsheet-txt > span {
  color: #ec493c;
}

.lotteon_curation.cufit3rd .bottomsheet .popup-content .bottomsheet-txt + .go-btn-area {
  margin-top: 56px;
}

.lotteon_curation.cufit3rd .bottomsheet .popup-content .go-btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 24px 18px 26px 28px;
  border-radius: 16px;
  background-color: #f9f0ef;
}

.lotteon_curation.cufit3rd .bottomsheet .popup-content .go-btn-area .content-wrap .logo-area {
  width: 65px;
}

.lotteon_curation.cufit3rd .bottomsheet .popup-content .go-btn-area .content-wrap .logo-area > img {
  width: 100%;
}

.lotteon_curation.cufit3rd .bottomsheet .popup-content .go-btn-area .content-wrap .content-txt {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.32px;
  text-align: left;
  color: #222;
}

.lotteon_curation.cufit3rd .bottomsheet .popup-content .go-btn-area .btn-wrap .btn-round {
  padding: 10px 20px;
  min-width: 66px;
  font-weight: 500 !important;
  background-color: #ec493c !important;
  border-color: #ec493c !important;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd {
  margin: 20px 0 0 0;
  /* type-img2 */
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div {
  display: block;
  width: 100%;
  padding: 28px 20px;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div.type-img2 {
  width: 100%;
  min-height: 222px;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div.type-img2 .sub-title.title-depth2.emoji-tit {
  padding-left: 24px;
  position: relative;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div.type-img2 .sub-title.title-depth2.emoji-tit:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 19px;
  height: 23px;
  background: url(/webapp/v2/common/assets/images/common/emoji/emoji15/emoji-sparkles-19@2x.png);
  background-size: 100% auto;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div.type-img2 .custom-banner-text {
  margin-bottom: 10px;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div.type-img2 .custom-banner-img {
  position: absolute;
  width: 96px;
  top: 80px;
  left: 28px;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div.type-img2 .custom-banner-img > span {
  font-size: 10px;
  color: #666;
  display: block;
  text-align: center;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div.type-img2 .custom-banner-cont {
  padding-left: 120px;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div.type-img2 .custom-banner-cont > .custom-banner-desc {
  color: #222;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div.type-img3 {
  width: 100%;
  min-height: 222px;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div.type-img3 .sub-title.title-depth2.emoji-tit {
  padding-left: 24px;
  position: relative;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div.type-img3 .sub-title.title-depth2.emoji-tit:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 19px;
  height: 23px;
  background: url(/webapp/v2/common/assets/images/common/emoji/emoji15/emoji-sparkles-19@2x.png);
  background-size: 100% auto;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div.type-img3 .custom-banner-text {
  margin-bottom: 10px;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div.type-img3 .custom-banner-img {
  position: absolute;
  width: 120px;
  top: 52px;
  right: 18px;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div.type-img3 .custom-banner-img > span {
  font-size: 10px;
  color: #666;
  display: block;
  text-align: center;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div.type-img3 .custom-banner-cont {
  min-height: 108px;
  padding-right: 134px;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div.type-img3 .custom-banner-cont > .custom-banner-desc {
  color: #222;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div.type-img3 .custom-banner-benfit {
  display: block;
  margin-bottom: -8px;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div.type-img3 .custom-banner-benfit .box-benfit {
  margin-top: 8px;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #000;
}

.re-starbucks.frd-cashbag .custom-banner.type-frd.type-nolink > div .custom-banner-benfit {
  display: none;
}

.benefit-info-box .item .benefit-info-list.type02 li p img.position-in {
  position: inherit;
}

.loca-panel-wrap textarea.custom-textarea {
  min-height: 255px;
}

.loca-panel-wrap textarea.custom-textarea::-webkit-input-placeholder {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #bbb;
}

.loca-panel-wrap textarea.custom-textarea:-ms-input-placeholder {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #bbb;
}

.loca-panel-wrap textarea.custom-textarea::-ms-input-placeholder {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #bbb;
}

.loca-panel-wrap textarea.custom-textarea::placeholder {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #bbb;
}

.loca-panel-wrap .contextbox-bottom.type02 {
  padding: 16px 0;
  border-bottom: 1px solid #ebebeb;
}

.loca-panel-wrap .info-message-box + .contextbox-bottom.type02 {
  margin-top: 48px;
}

.loca-panel-wrap .info-message-box + .contextbox-bottom.type02 .list-dot > li {
  margin-top: 0;
}

.loca-panel-wrap .sub-title.title-depth4 + .tooltip-wrap {
  line-height: 20px;
}

.loca-panel-wrap .sub-title.title-depth4 + .tooltip-wrap .tooltip-content {
  padding-right: 66px;
  color: #666;
}

.custom-bottomsheet.type-loca-panel .popup-content {
  min-height: auto;
}

.ico-homecare {
  display: inline-block;
  width: 56px;
  height: 56px;
  border-radius: 25px;
}

.ico-homecare.type-sm {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.ico-homecare.type-sm ~ .text-link {
  word-break: keep-all;
}

.ico-homecare img {
  max-width: 100%;
}

.h-auto-min {
  min-height: auto !important;
}

.ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
}

.shadowbox.type-link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.shadowbox.type-link::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 24px;
  width: 9px;
  height: 9px;
  margin-top: -5px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.shadowbox.type-link .text-box {
  padding-left: 16px;
}

.shadowbox.type-link .text-box .sub-title.title-depth3 + .copy-text-wrap {
  margin-top: 4px;
}

.service-cost-text + .shadowbox.type-link {
  margin-top: 24px;
}

.service-cost-text + .shadowbox.type-link ~ .shadowbox.type-link {
  margin-top: 12px;
}

.tooltip-box.type-none-title {
  padding-right: 56px;
}

.input-list-check .list-content > label {
  font-size: 0;
}

.input-list-check .list-content > label > em {
  font-size: 14px;
  word-break: keep-all;
}

.input-list-check .list-content > label > em + em::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 8px;
  background-color: #ebebeb;
  vertical-align: -1px;
}

.list-data-default .list-items > div em + em::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 8px;
  background-color: #ebebeb;
  vertical-align: -1px;
}

.list-data-default .list-items .text-ellipsis {
  display: inline-block;
  max-width: calc(50vw - 80px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #222;
  vertical-align: text-top;
}

.border-box.type-homecare {
  position: relative;
  padding: 20px;
}

.border-box.type-homecare .ico-homecare.type-sm {
  margin-right: 16px;
}

.border-box.type-homecare > .benefit-list > li {
  padding: 20px 0;
  border-top: 1px solid #ebebeb;
}

.border-box.type-homecare > .benefit-list > li:first-child {
  padding-top: 0;
  border-top: 0;
}

.border-box.type-homecare > .benefit-list > li:last-child {
  padding-bottom: 0;
}

.border-box.type-homecare .tooltip-title {
  margin: 0 -24px 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #ebebeb;
  font-weight: 500;
  text-align: center;
}

.border-box.type-homecare .tooltip-content .list-dot li {
  margin-top: 8px;
}

.border-box.type-homecare .tooltip-content .list-dot li:first-child {
  margin-top: 0;
}

.border-box.type-homecare .list-data-default .list-items div:nth-child(2) {
  max-width: calc(80vw - 88px);
}

.border-box.type-homecare.type-rsv-cancel .sub-title,
.border-box.type-homecare.type-rsv-cancel .copy-text-wrap,
.border-box.type-homecare.type-rsv-cancel .message-text,
.border-box.type-homecare.type-rsv-cancel .list-items {
  opacity: .3;
}

.border-box.type-homecare .balloon-text {
  display: inline-block;
  position: absolute;
  top: -12px;
  right: 0;
  padding: 5px 14px;
  background: #3674bc;
  border-radius: 4px;
  color: #fff;
}

.border-box.type-homecare .balloon-text::after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: -4px;
  right: 28px;
  width: 0;
  height: 0;
  border-top: 4px solid #3674bc;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.custom-bottomsheet.type-homecare .popup-content {
  max-height: calc(100vh - 120px - var(--safe-top) - var(--safe-bottom) - 76px);
}

.sub-title.title-depth4.underline .tooltip-wrap {
  margin-top: 0;
  vertical-align: middle;
}

.management-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
}

.management-step li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 12px;
  text-align: center;
}

.management-step li .img-box {
  width: 56px;
  height: 56px;
  margin: 0 auto 12px;
}

.management-step li::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: -24px;
  bottom: 10px;
  width: 24px;
  height: 24px;
  background: url(/webapp/v2/common/assets/images/life/icons/ico_arrowR.png) no-repeat center/8px;
}

.management-step li:last-child::after {
  display: none;
}

.rolling-banner-wrap {
  margin-top: 14px;
  border: 1px solid #ebebeb;
  border-radius: 10px;
}

.rolling-banner-wrap .rolling-wrap {
  overflow: hidden;
  height: 76px;
}

.rolling-banner-wrap .rolling-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
}

.rolling-banner-wrap .rolling-item .img {
  -ms-flex-preferred-size: 44px;
      flex-basis: 44px;
  margin-right: 10px;
}

.rolling-animation {
  -webkit-animation-name: rolling;
          animation-name: rolling;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes rolling {
  0% {
    margin-top: 0px;
  }
  20% {
    margin-top: -76px;
  }
  40% {
    margin-top: -152px;
  }
  60% {
    margin-top: -228px;
  }
  80% {
    margin-top: -304px;
  }
  100% {
    margin-top: -380px;
  }
}

@keyframes rolling {
  0% {
    margin-top: 0px;
  }
  20% {
    margin-top: -76px;
  }
  40% {
    margin-top: -152px;
  }
  60% {
    margin-top: -228px;
  }
  80% {
    margin-top: -304px;
  }
  100% {
    margin-top: -380px;
  }
}

.ars-wrap .list-dot > li {
  margin-top: 8px;
}

.ars-wrap .list-dot > li:first-child {
  margin-top: 0;
}

.ars-wrap .list-dot > li:last-child {
  padding-bottom: 8px;
}

.ars-wrap .list-dot > li .list-asterisk > li {
  margin-top: 4px;
}

.ars-wrap .list-dot > li .list-asterisk > li:first-child {
  margin-top: 0;
}

.ars-wrap .custom-table .text-link {
  text-decoration: underline;
  line-height: 1.5;
}

.ars-wrap .custom-table .text-link::before {
  display: none;
}

.ars-wrap .page-sub-title.mt32 + .custom-table {
  margin-top: 16px;
}

.ars-wrap .ars-call + .box-gray {
  margin: 20px -24px 0;
  padding: 24px;
  border-radius: 0;
}

.ars-wrap .tab-content-wrap .list-dot li .box-gray {
  margin-top: 8px;
  margin-left: -8px;
  padding: 16px 20px;
}

.ars-wrap .tab-content-wrap .page-sub-title {
  margin: 24px 0 8px;
}

.finance-new-auto .card-list li {
  padding: 12px 0;
  border-bottom: 0;
}

.finance-new-auto .card-list li .text-group {
  float: left;
  margin-left: 12px;
}

.finance-new-auto .card-list li.typeH {
  height: 57px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.finance-new-auto .card-list li.typeH .thumb-img {
  width: 57px;
  height: 90px;
  -webkit-transform: rotate(90deg) translateX(-16px);
          transform: rotate(90deg) translateX(-16px);
  margin-left: 18px;
}

.finance-new-auto .card-list li.typeH .text-group {
  margin-left: 28px;
}

.finance-new-auto .box-gray .sub-title em + em {
  position: relative;
  margin-left: 8px;
  padding-left: 8px;
}

.finance-new-auto .box-gray .sub-title em + em::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
  width: 1px;
  height: 12px;
  background: #222;
}

.finance-new-auto .box-gray .list-data-default {
  margin-top: 16px;
  border: 0;
}

.finance-new-auto .box-gray .list-data-default .list-items {
  padding-bottom: 8px;
}

.finance-new-auto .color-dark-blue {
  color: #00437c;
}

.finance-new-auto .sub-footer {
  background-image: none;
}

.finance-new-auto .sub-footer .btn-round {
  position: absolute;
  right: 16px;
  bottom: 24px;
  width: 70px;
  height: 70px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  font-size: 12px;
  line-height: 1.5;
}

.woori-banner-list {
  position: relative;
  margin-top: 48px;
}

.woori-banner-list .woori-banner {
  position: relative;
  margin: 12px 0;
  padding: 20px;
  border-radius: 10px;
}

.woori-banner-list .woori-banner.ty01 {
  background: #9080af;
}

.woori-banner-list .woori-banner.ty02 {
  background: #78abff;
}

.woori-banner-list .woori-banner.ty03 {
  background: #f29a87;
}

.woori-banner-list .woori-banner .copy-text-wrap.text-lg,
.woori-banner-list .woori-banner .copy-text-wrap.text-lg strong,
.woori-banner-list .woori-banner .copy-text-wrap.guide-msg {
  color: #fff;
}

.woori-banner-list .woori-banner .copy-text-wrap.text-lg + .copy-text-wrap.guide-msg {
  margin-top: 8px;
}

.woori-banner-list .woori-banner .img-box {
  height: 64px;
}

.woori-banner-list .woori-banner .img-box img {
  position: absolute;
  right: 0;
  bottom: 0;
}

.woori-banner-list > .img-box {
  position: absolute;
  top: -100px;
  right: 0;
}

.cs-security .border-box.type-cs-info {
  padding: 12px;
}

.cs-security .list-none .message-text.text-center {
  padding: 96px 0;
}

.cs-security .btn-more-wrap > .text-link.icon-link-down {
  display: block;
  padding: 18px;
  font-size: 14px;
  text-align: center;
}

.cs-security .btn-more-wrap > .text-link.icon-link-down::after {
  display: inline-block;
  position: static;
  -webkit-transform: rotate(135deg) translateY(5px);
          transform: rotate(135deg) translateY(5px);
  margin-left: 14px;
}

.cs-security .btn-select.card > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
}

/* 터치이용가이드 팝업 TO-be 3.0 style */
.popup-layer.popup-full.touch-guide.touch-guide-lds .popup-content {
  padding-top: 20px;
  background-color: #fff;
}

.popup-layer.popup-full.touch-guide.touch-guide-lds .popup-content .shadow-box {
  padding: 20px;
  background-color: #f6f5f3;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
  border-radius: 0;
}

.popup-layer.popup-full.touch-guide.touch-guide-lds .popup-content .shadow-box .top-cont {
  text-align: left;
}

.popup-layer.popup-full.touch-guide.touch-guide-lds .popup-content .shadow-box .top-cont span {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #222;
}

.popup-layer.popup-full.touch-guide.touch-guide-lds .popup-content .shadow-box .top-cont p {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #000;
}

.popup-layer.popup-full.touch-guide.touch-guide-lds .popup-content .shadow-box .bottom-cont {
  margin-top: 24px;
}

.popup-layer.popup-full.touch-guide.touch-guide-lds .popup-content .shadow-box .bottom-cont .visual-img {
  margin: 0 -20px -20px;
  border-radius: 0;
}

.popup-layer.popup-full.touch-guide.touch-guide-lds .popup-content .shadow-box .bottom-cont .shadow-box {
  padding: 14px 8px;
  background: #fff;
}

.popup-layer.popup-full.touch-guide.touch-guide-lds .popup-content .shadow-box .bottom-cont .shadow-box .text {
  font-size: 14px;
  line-height: 22px;
}

.popup-layer.popup-full.touch-guide.touch-guide-lds .popup-content .shadow-box .bottom-cont .shadow-box .text em {
  margin-bottom: 2px;
  font-weight: 700;
}

.popup-layer.popup-full.touch-guide.touch-guide-lds .popup-content .shadow-box .bottom-cont .shadow-box .img {
  width: 80px;
  margin: -6px 10px -6px 0;
}

.popup-layer.popup-full.touch-guide.touch-guide-lds .popup-content .shadow-box .bottom-cont .shadow-box + .shadow-box {
  margin-top: 8px;
}

.popup-layer.popup-full.touch-guide.touch-guide-lds .popup-content .shadow-box + .shadow-box {
  margin-top: 32px;
}

/* //터치이용가이드 팝업 TO-be 3.0 style */
.accordion-wrap.type-date-set .accordion .fold-head {
  min-height: auto;
  padding: 16px 24px;
  font-size: 14px;
}

.accordion-wrap.type-date-set .accordion .fold-head .btn-fold {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  font-size: 14px;
}

.accordion-wrap.type-date-set .accordion .fold-head .btn-fold::before {
  display: none;
}

.accordion-wrap.type-date-set .accordion .fold-head .btn-fold::after {
  content: '';
  display: inline-block;
  position: static;
  -webkit-transform: rotate(0) translateY(-3px);
          transform: rotate(0) translateY(-3px);
  width: 0;
  height: 0;
  margin-left: 6px;
  background: none;
  border-top: 4px solid #544944;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.accordion-wrap.type-date-set .accordion .fold-body .sub-title.title-depth4 {
  font-weight: 400;
  color: #666;
}

.accordion-wrap.type-date-set .accordion.is-active .btn-fold::after {
  -webkit-transform: scaleY(-1) translateY(3px);
          transform: scaleY(-1) translateY(3px);
}

.accordion-wrap.type-date-set .accordion.is-active .fold-body {
  padding: 24px;
}

.benefit-chkbox .text-link.icon-link-down {
  font-weight: normal;
}

.has-footer-type1 .toast-popup.has-bubble {
  bottom: calc(148px + var(--safe-bottom));
}

.popup-full .popup-content.touch-wrapper .inner-popup-header {
  position: relative;
  background: #fff;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  padding: 24px;
  border-radius: 20px 20px 0 0;
  z-index: 10;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}

.popup-full .popup-content.touch-wrapper .inner-popup-header .s-title {
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 1.57;
  font-weight: 500;
  letter-spacing: -0.5px;
  color: #222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.popup-full .popup-content.touch-wrapper .inner-popup-header .popup-title {
  color: #222;
  font-size: 20px;
  letter-spacing: -0.5px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 28px;
  margin-right: 24px;
  white-space: normal !important;
  line-height: 1.4 !important;
  max-height: 2.8em;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

.popup-full .popup-content.touch-wrapper .popup-content-inner {
  padding: 24px 24px 110px;
}

.popup-full .popup-content.touch-wrapper .popup-content-inner .btn + .event-info {
  margin-top: 32px;
}

.popup-full .popup-content.touch-wrapper .popup-content-inner .accordion-wrap {
  background: #fff !important;
}

.popup-layer.popup-alert.alertpopup-type01 {
  padding-top: 24px;
  width: 312px;
}

.popup-layer.alertpopup-type01 .bdb-line01 {
  border-bottom: 1.5px solid #000;
}

.loca-wrapper.full-notice-wrapper .text-24 {
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.12px;
}

.loca-wrapper.full-notice-wrapper .sub-header {
  background-color: #231f20;
}

.loca-wrapper.full-notice-wrapper .sub-header .sub-title img {
  width: 124px;
}

.loca-wrapper.full-notice-wrapper .sub-container .box-gray {
  padding: 20px;
}

.loca-wrapper.full-notice-wrapper .sub-container .box-gray .tit {
  display: inline-block;
  width: 18vw;
  vertical-align: top;
}

.loca-wrapper.full-notice-wrapper .sub-container .box-gray .txt {
  display: inline-block;
  width: 52vw;
  vertical-align: top;
}

.acc_edit {
  width: 79px;
  height: auto;
  margin-left: 12px;
}

body .byte-unit {
  color: #666;
}

.logo-wa {
  display: block;
}

body
.lost-card-wrap
.lost-card-con
.custom-radio.radio-btn
input[type="radio"]
+ label,
body .custom-radio.radio-btn input[type="radio"] + label {
  color: #666;
}

.line-h22 {
  line-height: 22px !important;
}

.sc-move-top-wrap {
  position: fixed;
  bottom: 24px;
  right: 24px;
}

.sc-move-top-wrap .move-top {
  display: block;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 24px;
  background: url("/webapp/v2/common/assets/images/common/icons/icon-topbtn.svg") 0 0 no-repeat;
  background-size: 100%;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

.sc-result-nav > li:not(:first-child) {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #ebebeb;
}

.sc-result-nav > li ul li {
  margin-top: 16px;
}

.sc-result-nav > li ul li:first-child {
  margin-top: 12px;
}

.sc-result-nav > li ul li .flag {
  margin-top: 4px;
}

.sc-result-nav > li ul li a {
  display: block;
}

.clauseAgree-view-inner .listTxt > li:before {
  display: none;
}

/* */
.box-policy-type01 .withdrawBox .titDep2_sub {
  margin: 0;
  margin-top: 8px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
}

.box-policy-type01 .withdrawBox .titDep2 {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.box-policy-type01 .withdrawBox .titDep3 {
  margin: 25px 0 12px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #222;
}

.box-policy-type01 .withdrawBox .titDep3:first-child {
  margin-top: 0;
}

.box-policy-type01 .withdrawBox .titDep5 {
  margin: 20px 0 10px;
  color: #000;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.box-policy-type01 .withdrawBox .titDep4 {
  margin: 25px 0 12px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.box-policy-type01 .titDep3 {
  margin: 32px 0 12px;
  color: #333;
  font-size: 17px;
  font-weight: 600;
}

.box-policy-type01 .tabFixed {
  position: fixed !important;
  top: 56px;
  top: calc(56px + var(--safe-top));
  left: 0;
  width: 100%;
  margin: 0 !important;
  background: #fff;
  z-index: 11;
}

.box-policy-type01 .tabType02 {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
}

.box-policy-type01 .tabType02 > li {
  -webkit-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
  -webkit-flex: 1 100%;
  text-align: center;
}

.box-policy-type01 .tabType02 > li > a {
  display: block;
  padding: 2px 5px 0;
  color: #999;
  font-size: 16px;
  line-height: 47px;
  border-bottom: 1px solid #e6e6e6;
}

.box-policy-type01 .tabType02 > li.on > a {
  color: #000;
  font-weight: 500;
  padding-top: 3px !important;
  line-height: 44px;
  border-bottom: 3px solid #222;
}

.box-policy-type01 .tabCont {
  display: none;
  padding-top: 55px;
}

.box-policy-type01 .tabCont.on {
  display: block !important;
}

.box-policy-type01 .txtWith01 {
  margin-top: 12px;
  color: #333;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.box-policy-type01 .txtWith01:first-child {
  margin-top: 0;
}

.box-policy-type01 .txtWith01.txtType01 {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.box-policy-type01 .txtGuide li, .box-policy-type01 p.txtGuide, .box-policy-type01 p.txtGuide02, .box-policy-type01 .txtGuide02 li {
  position: relative;
  padding-left: 12px;
  color: #737373;
  font-size: 13px;
}

.box-policy-type01 p.txtGuide02, .box-policy-type01 .txtGuide02 li {
  padding-left: 15px;
}

.box-policy-type01 .txtGuide, .box-policy-type01 .txtGuide02 {
  margin-top: 12px;
}

.box-policy-type01 .txtGuide > li:before, .box-policy-type01 p.txtGuide:before {
  content: '*';
  display: inline-block;
  width: 12px;
  margin-left: -12px;
  text-align: left;
}

.box-policy-type01 p.txtGuide02:before, .box-policy-type01 .txtGuide02 > li:before {
  content: '※';
  display: inline-block;
  width: 15px;
  margin-left: -15px;
  text-align: left;
}

.box-policy-type01 .txtGuide, .box-policy-type01 .txtGuide02 {
  margin-top: 12px;
}

.box-policy-type01 .colPoint01 {
  color: #3674bc !important;
}

.box-policy-type01 .txtUnderline {
  text-decoration: underline !important;
}

.box-policy-type01 .fontS {
  font-size: 90% !important;
}

.box-policy-type01 .fontL {
  font-size: 120% !important;
}

.box-policy-type01 strong, .box-policy-type01 b {
  font-weight: 600;
}

.box-policy-type01 .listWith_brakets li, .box-policy-type01 .listWith_braketR li {
  padding-left: 20px;
}

.box-policy-type01 .listWith_brakets li:before {
  content: "(" counter(section) ")";
  width: 20px;
  margin: -3px 0 0 -20px;
}

.box-policy-type01 .listWith_braketR li:before {
  content: counter(section) ")";
  width: 20px;
  margin: -3px 0 0 -20px;
}

.box-policy-type01 .listDep1 > li, .box-policy-type01 .listDep1 p.listDep1 {
  position: relative;
  padding-left: 10px;
  color: #555;
}

.box-policy-type01 .listDep1 > li:before, .box-policy-type01 .listDep1 p.listDep1:before {
  content: '';
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #555;
}

.box-policy-type01 .listDep1 ol > li {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.box-policy-type01 .listDep2 > li, .box-policy-type01 .listDep2 p.listDep2 {
  position: relative;
  padding-left: 10px;
  color: #737373;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.box-policy-type01 .listDep2 > li:before, .box-policy-type01 .listDep2 p.listDep2:before {
  content: '';
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 4px;
  height: 1px;
  background: #808080;
}

.box-policy-type01 .listDep2 li:before {
  top: 7px;
}

.box-policy-type01 .listDep3 > li, .box-policy-type01 .listDep3 p.listDep3, .box-policy-type01 .listDep3 div.listDep3 {
  position: relative;
  padding-left: 8px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  line-height: 1.5;
}

.box-policy-type01 .listDep3 > li {
  margin-top: 3px;
}

.box-policy-type01 .listDep3 > li:before, .box-policy-type01 .listDep3 p.listDep3:before, .box-policy-type01 .listDep3 div.listDep3:before {
  content: '';
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background: #737373;
}

.box-policy-type01 .listDep3:first-child {
  margin-top: 0;
}

.box-policy-type01 .listDep1 > li, .box-policy-type01 .listDep2 > li {
  margin-top: 8px;
}

.box-policy-type01 li .listDep2 {
  margin-top: 6px;
}

.box-policy-type01 li .listDep2 li {
  margin-top: 4px;
}

.box-policy-type01 li .listDep2 li:before {
  content: '';
}

.box-policy-type01 li .listDep2 .txtGuide.type01 > li:before {
  content: '*';
}

.box-policy-type01 [class^="listDep"] {
  margin-top: 12px;
}

.box-policy-type01 [class^="listDep"]:first-child, .box-policy-type01 [class^="listDep"] li:first-child {
  margin-top: 0;
}

.box-policy-type01 [class^="listDep"] ul, .box-policy-type01 [class^="listDep"] ol, .box-policy-type01 [class^="listDep"] p {
  margin-top: 8px !important;
}

.box-policy-type01 [class^="listDep"].colPoint01:before, .box-policy-type01 [class^="listDep"] > li.colPoint01:before {
  background: #3674bc !important;
}

.box-policy-type01 [class^="listDep"] .side {
  float: right;
}

.box-policy-type01 [class*='listDep'] > li.fontL {
  font-size: 14px !important;
}

.box-policy-type01 [class^="listWith"] {
  counter-reset: section;
}

.box-policy-type01 [class^="listWith"] > li {
  position: relative;
  margin-top: 8px;
  padding-left: 15px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.box-policy-type01 [class^="listWith"] > li:before {
  content: counter(section) ".";
  counter-increment: section;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  margin: -3px 0 0 -15px;
}

.box-policy-type01 [class^="listWith"] > li p.txtGuide {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.box-policy-type01 [class^="listWith"] .listTxt > li {
  margin-top: 4px;
}

.box-policy-type01 .listWith .numL:before {
  font-weight: 600;
  font-size: 120% !important;
}

.box-policy-type01 .listWith_circle > li {
  margin-top: 10px;
  padding-left: 20px;
}

.box-policy-type01 .listWith_circle > li:before {
  content: counter(section);
  border: 1px solid #737373;
  width: 14px;
  height: 14px;
  font-size: 11px;
  border-radius: 15px;
  text-align: center;
  line-height: 14px;
  margin: -3px 4px 0 -20px;
}

.box-policy-type01 .listWith_circle > li > .listTxt {
  counter-reset: section;
}

.box-policy-type01 .listWith_circle > li > .listTxt > li::before {
  content: inherit;
}

.box-policy-type01 .listWith_circle > li ul {
  counter-reset: section;
}

.box-policy-type01 .listWith_circle > li ul > li .listTxt > li {
  text-indent: -15px;
  margin-left: 15px;
}

.box-policy-type01 .listWith_circle > li ul > li .listTxt > li::before {
  content: inherit;
}

.box-policy-type01 .listWith_circle > li .listWith li {
  margin-top: 4px;
}

.box-policy-type01 .listWith_circle > li .listWith li:before {
  border: none;
}

.box-policy-type01 .listWith_circle > li > .listWith > li {
  padding-left: 15px;
}

.box-policy-type01 .listWith_circle > li > .listWith > li::before {
  content: counter(section) ".";
  counter-increment: section;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  margin: -3px 0 0 -15px;
  border: none;
}

.box-policy-type01 .listWith_circle > li > .listWith > li > .listDep3 > li {
  font-size: 11px;
}

.box-policy-type01 .listWith_circle > li > .listWith > li > .listDep3 > li::before {
  top: 9px;
  left: 20px;
}

.box-policy-type01 .listWith_circle.numberType {
  counter-reset: section 1 !important;
}

.box-policy-type01 .listNor > li {
  position: relative;
  margin-top: 8px;
  padding-left: 15px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.box-policy-type01 .listTxt > li {
  margin-top: 8px;
  padding: 0;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.box-policy-type01 .listTxt > li .listWith {
  margin-left: 15px;
}

.box-policy-type01 .txtGuide.import li {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.box-policy-type01 .colsize01 {
  width: 37%;
}

.box-policy-type01 .colsize02 {
  width: 34%;
}

.box-policy-type01 .tbl_type01 .colsize01 {
  width: 33%;
}

.box-policy-type01 .colsizeauto {
  width: auto;
}

.box-policy-type01 caption {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
}

.box-policy-type01 [class^="tbl"] {
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #e6e6e6;
  background: #fff;
  border-collapse: separate;
}

.box-policy-type01 [class^="tbl"] th, .box-policy-type01 [class^="tbl"] td {
  padding: 12px;
  border: 1px solid #ebebeb;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.box-policy-type01 [class^="tbl"] th {
  background: #fafafa;
  vertical-align: top;
  border-top: 1px solid #ebebeb;
  border-left: 0;
  border-bottom: 0;
  border-right: 0;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.box-policy-type01 [class^="tbl"] th:first-child, .box-policy-type01 [class^="tbl"] th + th {
  border-left: 1px solid #ebebeb;
}

.box-policy-type01 [class^="tbl"] td {
  color: #222;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  word-break: break-all;
  text-align: left;
  border-left: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  border-right: 0;
  border-bottom: 0;
}

.box-policy-type01 [class^="tbl"] td .emtxt01 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.box-policy-type01 [class^="tbl"] tbody th {
  text-align: left;
  color: #222;
}

.box-policy-type01 .marT10 {
  margin-top: 10px !important;
}

.box-policy-type01 .marT15 {
  margin-top: 15px !important;
}

.box-policy-type01 .marT35 {
  margin-top: 35px !important;
}

.box-policy-type01 .tcenter {
  text-align: center !important;
}

.box-policy-type01 .btnArr {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  color: #333;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  line-height: 20px;
  margin: 10px 0;
}

.box-policy-type01 .btnArr:after {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  right: 2px;
  width: 7px;
  height: 7px;
  border: solid #333;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.box-policy-type01 .linkTxt {
  color: #333;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.box-policy-type01 .hidden {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px !important;
  clip: rect(0 0 0 0);
}

.box-policy-type01 a {
  color: #555;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.box-policy-type01 a, .box-policy-type01 button {
  cursor: pointer;
}

.box-policy-type01 a:not([class]) {
  text-decoration-skip-ink: auto;
}

.box-policy-type01 .titArea {
  position: relative;
  margin-top: 30px;
}

.box-policy-type01 .titArea + table {
  margin-top: 10px;
}

.box-policy-type01 .titArea .titDep2 {
  font-size: 19px;
  color: #111;
  font-weight: 500;
  line-height: 1.2;
}

.box-policy-type01 .titArea .txtUnit {
  font-size: 13px;
  color: #737373;
  font-weight: 400;
}

.box-policy-type01 .titArea .txtUnit.side {
  text-align: right;
}

.box-policy-type01 .linkArr:after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: -4px 2px 0 2px;
  vertical-align: middle;
  border: solid #808080;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg) skew(-1deg, -1deg);
          transform: rotate(45deg) skew(-1deg, -1deg);
}

.btn.btn-pink {
  border-color: #ff3e6c;
  background-color: #ff3e6c;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.32px;
  border-radius: 8px;
  /* 221205 disable 버튼 케이스 추가 */
}

.btn.btn-pink.btn-disable {
  border-color: #f5f5f5;
  background-color: #f5f5f5;
  color: #ccc;
}

.btn.btn-border-pink {
  border-color: #ff3e6c;
  background-color: #fff;
  color: #e93460;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.32px;
}

.custom-radio.radio-md.color-pink {
  margin-right: 48px;
}

.custom-radio.radio-md.color-pink:last-child {
  margin-right: 0;
}

.custom-radio.radio-md.color-pink input[type="radio"] {
  width: 20px;
  height: 20px;
}

.custom-radio.radio-md.color-pink input[type="radio"] + label {
  line-height: 20px;
}

.custom-radio.radio-md.color-pink input[type="radio"] + label::before {
  width: 20px;
  height: 20px;
}

.custom-radio.radio-md.color-pink input[type="radio"] + label em {
  top: 4px;
  left: 4px;
}

.custom-radio.radio-md.color-pink input[type="radio"] + label em::before {
  width: 12px;
  height: 12px;
}

.custom-radio.radio-md.color-pink input[type="radio"]:checked + label::before {
  border-color: #ff3e6c;
}

.custom-radio.radio-md.color-pink input[type="radio"]:checked + label em::before {
  background-color: #ff3e6c;
}

.px16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.pxtype_12_16 {
  padding: 12px 16px !important;
}

.event_barcode {
  margin-top: 8px;
  /* card-slide swiper */
}

.event_barcode.popup-layer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.event_barcode.popup-layer .popup-header {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.event_barcode.popup-layer .popup-header > button {
  margin-top: -12px;
  display: block;
  position: absolute;
  right: -16px;
  top: 0;
}

.event_barcode.popup-layer .popup-header > div {
  padding: 0 32px 0 0;
}

.event_barcode.popup-layer .popup-header.eli {
  padding-bottom: 0;
}

.event_barcode.popup-layer .popup-header.eli > div {
  padding: 0 32px 17px 0;
}

.event_barcode.popup-layer .popup-header.eli .popup-title {
  display: block;
  overflow: hidden;
  width: calc(100vw - 96px);
  height: 24px;
  text-overflow: ellipsis;
  max-width: calc(100vw - 143px);
  white-space: nowrap;
}

.event_barcode.popup-layer .popup-header.eli .sub-tit {
  display: none;
}

.event_barcode .wrap_order_list .tit {
  padding: 16px 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.32px;
}

.event_barcode .wrap_order_list .order_list {
  margin-bottom: 16px;
}

.event_barcode .wrap_order_list .order_list li {
  display: block;
  position: relative;
  min-height: 76px;
  margin-bottom: 16px;
}

.event_barcode .wrap_order_list .order_list li .img_area {
  width: 56px;
  height: 56px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.event_barcode .wrap_order_list .order_list li .img_area img {
  border: 1px solid #ebebeb;
  border-radius: 4px;
}

.event_barcode .wrap_order_list .order_list li .txt_area {
  padding-left: 68px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.28px;
  color: #222;
  font-weight: 400;
}

.event_barcode .wrap_order_list .order_list li .txt_area .txt {
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  margin-bottom: 8px;
}

.event_barcode .wrap_order_list .order_list li .txt_area .price_area strong em {
  color: #000;
}

.event_barcode .wrap_order_list .order_list li .txt_area .price_area span {
  color: #000;
}

.event_barcode .accordion-wrap.form .accordion .fold-head .check_all .custom-checkbox.checkbox-lg input[type="checkbox"] {
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
}

.event_barcode .accordion-wrap.form .accordion .fold-head .check_all .custom-checkbox.checkbox-lg input[type="checkbox"] + label {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.32px;
  font-weight: 700;
  margin-left: 12px;
}

.event_barcode .accordion-wrap.form .accordion .fold-head .check_all .custom-checkbox.checkbox-lg input[type="checkbox"] + label::before {
  width: 20px;
  height: 20px;
  top: 2px;
  left: 1px;
}

.event_barcode .accordion-wrap.form .accordion .fold-head .check_all .custom-checkbox.checkbox-lg input[type="checkbox"]:checked + label::before {
  background-color: #ff326c;
}

.event_barcode .accordion-wrap.form .accordion .fold-body .agree-list-head {
  padding-top: 0;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.event_barcode .accordion-wrap.form .accordion .fold-body .agree-list-head .text-link {
  color: #999;
  line-height: 18px;
  letter-spacing: -0.24px;
  font-size: 12px;
}

.event_barcode .accordion-wrap.form .accordion .fold-body .agree-list-head .text-link::before {
  background-color: #999;
}

.event_barcode .accordion-wrap.form .accordion .fold-body .agree-list-item {
  margin-bottom: 32px;
}

.event_barcode .img_main .img_area {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.event_barcode .img_main .txt_area {
  padding: 20px 24px;
  background: #f8f8f8;
}

.event_barcode .img_main .txt_area .tit_main {
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.32px;
  font-size: 16px;
  color: #222;
}

.event_barcode .img_main .txt_area .period {
  font-size: 12px;
  color: #666;
  line-height: 18px;
  letter-spacing: -0.42px;
  margin-top: 8px;
}

.event_barcode.bill_page {
  margin: 8px -8px 0;
}

.event_barcode.bill_page .box-full {
  margin-left: -16px;
}

.event_barcode.bill_page .type-full {
  padding: 0 16px !important;
  margin-left: -16px;
}

.event_barcode.choice_page {
  margin: 8px -8px 0;
}

.event_barcode.choice_page .box-full {
  margin-left: -16px;
}

.event_barcode.choice_page .type-full {
  padding: 0 16px !important;
  margin-left: -16px;
}

.event_barcode.choice_page .select_goods {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 32px 0 16px;
}

.event_barcode.choice_page .select_goods .custom-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(50% - 8px);
  height: calc(50vw + 70px);
  margin-bottom: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: calc(50vw - 36px);
}

.event_barcode.choice_page .select_goods .custom-radio input[type="radio"] + label {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #ebebeb;
  border-radius: 8px;
  overflow: hidden;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.event_barcode.choice_page .select_goods .custom-radio input[type="radio"] + label::before {
  border-color: #ebebeb;
  top: 12px;
  left: 12px;
}

.event_barcode.choice_page .select_goods .custom-radio input[type="radio"] + label > img {
  border-bottom: 1px solid #ebebeb;
}

.event_barcode.choice_page .select_goods .custom-radio input[type="radio"] + label em::before {
  top: 12px;
  left: 12px;
  opacity: 1;
}

.event_barcode.choice_page .select_goods .custom-radio input[type="radio"]:checked + label {
  border-color: #ff3e6c;
}

.event_barcode.choice_page .select_goods .custom-radio input[type="radio"]:checked + label::before {
  opacity: 1;
  border-color: #ff3e6c;
}

.event_barcode.choice_page .select_goods .custom-radio input[type="radio"]:checked + label em::before {
  background-color: #ff3e6c;
}

.event_barcode.choice_page .select_goods.goodsType02 .custom-radio.radio-md input[type=radio] + label {
  margin: 0 0 0 0;
}

.event_barcode.choice_page .warp_call_pop {
  width: 100%;
  padding: 144px 12px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.event_barcode.choice_page .warp_call_pop .call_pop {
  overflow: hidden;
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 0;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-tooltip.svg) no-repeat;
  background-position: 0 0px;
  border: 0;
  vertical-align: top;
  margin-top: -2px;
  position: relative;
  z-index: 10;
}

.event_barcode.choice_page .warp_call_pop > span {
  color: #999;
  line-height: 18px;
  font-size: 12px;
  font-weight: 400;
}

.event_barcode.choice_page .warp_call_pop.type02 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  position: relative;
  display: block;
  line-height: 22px;
  width: 100%;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.event_barcode.choice_page .warp_call_pop.type02 .call_pop {
  position: absolute;
  right: 12px;
  top: 2px;
}

.event_barcode.choice_page .goods_tit {
  padding: 0 12px;
  color: #222;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.event_barcode.choice_page .goods_tit.type02 {
  padding: 0 12px;
  text-align: left !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

.event_barcode > .tit_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.event_barcode > .tit_area > .tit {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}

.event_barcode > .tit_area .flag {
  margin-right: 8px;
}

.event_barcode > .img_area {
  margin: 24px auto 16px;
  position: relative;
  max-width: 200px;
}

.event_barcode > .img_area.complete::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background: url("/webapp/v2/common/assets/images/life/badge/badge_complete use@3x.png") no-repeat;
  background-size: contain;
  z-index: 10;
}

.event_barcode > .img_area.complete > img {
  opacity: 0.3;
}

.event_barcode > .img_area.cancel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background: url("/webapp/v2/common/assets/images/life/badge/badge_cancel@3x.png") no-repeat;
  background-size: contain;
  z-index: 10;
}

.event_barcode > .img_area.cancel > img {
  opacity: 0.3;
}

.event_barcode > .img_area.refund::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background: url("/webapp/v2/common/assets/images/life/badge/badge_refund@3x.png") no-repeat;
  background-size: contain;
  z-index: 10;
}

.event_barcode > .img_area.refund > img {
  opacity: 0.3;
}

.event_barcode > .img_area.expire::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background: url("/webapp/v2/common/assets/images/life/badge/badge_expire@3x.png") no-repeat;
  background-size: contain;
  z-index: 10;
}

.event_barcode > .img_area.expire > img {
  opacity: 0.3;
}

.event_barcode > .img_area > img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.event_barcode > .img_area .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 20px;
  background: #817169;
  color: #fff;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.event_barcode > .txt_area .sub_tit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #222;
  margin-bottom: 2px;
  font-weight: 500;
  text-align: center;
}

.event_barcode > .txt_area .txt {
  font-size: 20px;
  font-weight: 700;
  color: #222;
  line-height: 28px;
  text-align: center;
  margin-bottom: 16px;
}

.event_barcode > .barcode_area .barcode_txt {
  font-weight: 500;
  font-size: 14px;
  color: #666;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.5px;
  margin-bottom: 16px;
}

.event_barcode > .barcode_area > .img_area {
  margin: 0 28px 13px;
}

.event_barcode > .barcode_area > .img_area img {
  width: 256px;
  display: block;
  margin: 0 auto;
}

.event_barcode > .barcode_area > .infor_area {
  margin-top: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 28px 20px;
}

.event_barcode > .barcode_area > .infor_area .num {
  color: #666;
  line-height: 18px;
}

.event_barcode > .barcode_area > .infor_area .btn-xs img {
  width: 12px;
  margin-right: 5px;
}

.event_barcode > .barcode_area > .bg-fafafa {
  border-radius: 10px;
  margin-bottom: 24px;
}

.event_barcode > .barcode_area > .bg-fafafa .txt {
  letter-spacing: 0;
  padding: 11px 0;
  text-align: center;
}

.event_barcode > .barcode_area > .bg-fafafa .txt .icon-clock::before {
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
}

.event_barcode > .barcode_area > .btn_area.col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.event_barcode > .barcode_area > .btn_area.col-2 .btn-border {
  width: calc(50% - 4px);
}

.event_barcode > .barcode_area > .btn_area .btn-border {
  height: 48px;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
}

.event_barcode .card_area {
  position: relative;
  padding: 34px 0 30px;
  background: #fafafa;
}

.event_barcode .swiper-slide {
  position: relative;
  width: auto;
  min-width: 205px;
  /* type vertical */
  /* 대표카드 아이콘 셋팅 */
}

.event_barcode .swiper-slide:last-child {
  margin-right: 0 !important;
}

.event_barcode .swiper-slide .card-slide-img {
  opacity: 0.2;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition-property: opacity, left, -webkit-transform;
  transition-property: opacity, left, -webkit-transform;
  transition-property: opacity, transform, left;
  transition-property: opacity, transform, left, -webkit-transform;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.event_barcode .swiper-slide .card-slide-img img {
  height: 140px;
  margin: 0 auto;
  display: block;
}

.event_barcode .swiper-slide .card-slide-img .tag {
  display: none;
}

.event_barcode .swiper-slide .card-slide-img.card-main {
  position: relative;
}

.event_barcode .swiper-slide .card-slide-img.card-main .tag {
  display: block;
  position: absolute;
  bottom: 50px;
  background: rgba(34, 34, 34, 0.6);
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  color: #fff;
  height: 24px;
  width: 64px;
  letter-spacing: -0.5px;
  text-align: center;
  font-size: 12px;
  padding-left: 22px;
  line-height: 24px;
  padding-right: 9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 50%;
  margin-left: -110px;
}

.event_barcode .swiper-slide .card-slide-img.card-main .tag::before {
  display: block;
  position: absolute;
  content: "";
  background: url(/webapp/v2/common/assets/images/common/gifti/ico_star.png) no-repeat;
  width: 12px;
  height: 12px;
  bottom: 5px;
  left: 5px;
  background-size: contain;
}

.event_barcode .swiper-slide.swiper-slide-active .txt_area {
  opacity: 1;
}

.event_barcode .swiper-slide .txt_area {
  opacity: 0;
  padding: 14px 0;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: #222;
  letter-spacing: -0.5px;
}

.event_barcode .swiper-slide .txt_area .kind {
  position: relative;
  margin-right: 8px;
  padding-right: 8px;
}

.event_barcode .swiper-slide .txt_area .kind::before {
  content: "|";
  color: #bbb;
  position: absolute;
  right: -3px;
}

.event_barcode .swiper-slide .txt_area .name {
  margin-right: 8px;
}

.event_barcode .swiper-slide .txt_area .num {
  color: #666;
}

.event_barcode .swiper-slide.swiper-slide-active .card-slide-img {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition-property: opacity, left, -webkit-transform;
  transition-property: opacity, left, -webkit-transform;
  transition-property: opacity, transform, left;
  transition-property: opacity, transform, left, -webkit-transform;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.event_barcode .swiper-slide.swiper-slide-active .card-slide-desc {
  margin-left: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition-property: opacity, margin-left, -webkit-transform;
  transition-property: opacity, margin-left, -webkit-transform;
  transition-property: opacity, transform, margin-left;
  transition-property: opacity, transform, margin-left, -webkit-transform;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.event_barcode .swiper-slide .card-slide-inner.vertical {
  -webkit-box-pack: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
}

.event_barcode .swiper-slide .card-slide-inner.vertical .card-slide-img {
  -webkit-transition-property: opacity, left, -webkit-transform;
  transition-property: opacity, left, -webkit-transform;
  transition-property: opacity, transform, left;
  transition-property: opacity, transform, left, -webkit-transform;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.event_barcode .swiper-slide.swiper-slide-next .card-slide-inner.vertical .card-slide-img {
  left: 10%;
}

.event_barcode .swiper-slide.swiper-slide-active .card-slide-inner.vertical .card-slide-img {
  left: 50%;
  -webkit-transform: scale(1) translateX(-50%);
          transform: scale(1) translateX(-50%);
}

.event_barcode .swiper-slide.swiper-slide-prev .card-slide-inner.vertical .card-slide-img {
  left: calc(89% - 150px);
  -webkit-transform: scale(0.8) translateX(0);
          transform: scale(0.8) translateX(0);
}

.event_barcode .swiper-slide .custom-radio {
  display: none;
}

.event_barcode .swiper-slide.swiper-slide-active .custom-radio {
  display: block;
  position: absolute;
}

.event_barcode .swiper-slide.swiper-slide-active .custom-radio.favorite-btn {
  right: 8px;
  top: 8px;
}

.event_barcode .swiper-slide.swiper-slide-active .custom-radio.round-check-lg {
  left: 12px;
  top: 12px;
}

.event_barcode .custom-swiper-pagination.swiper-pagination-bullets.bottom-center {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: auto;
  bottom: 24px;
}

.event_barcode dl.data-list.data-list-view {
  letter-spacing: -0.28px;
}

.event_barcode dl.data-list.data-list-view dt,
.event_barcode dl.data-list.data-list-view dd {
  line-height: 24px;
  margin: 0;
  min-height: 56px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.event_barcode dl.data-list.data-list-view dt {
  line-height: 24px;
  color: #666;
}

.event_barcode dl.data-list.data-list-view dd {
  line-height: 20px;
}

.event_barcode dl.data-list.data-list-view dd > span {
  color: #222;
}

.event_barcode dl.data-list.data-list-view dd .time {
  color: #ccc !important;
}

.event_barcode dl.data-list.data-list-view dd.txt_pink {
  font-weight: 700;
  color: #e93460 !important;
}

.event_barcode .box-gray {
  background: #f8f8f8;
}

.event_barcode .box-gray.infor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px 20px 48px;
}

.event_barcode .box-gray.infor img {
  width: 80px;
  height: auto;
  margin-bottom: 8px;
}

.event_barcode .box-gray.infor .txt {
  color: #222;
  font-size: 18px;
  letter-spacing: -0.32px;
  font-weight: 700;
}

.event_barcode.bottomsheet .popup-content .img_area {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 12px;
  padding-bottom: 24px;
}

.event_barcode.bottomsheet .popup-content .img_area img {
  width: 156px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #ebebeb;
}

.event_barcode.bottomsheet .popup-content .tit_goods {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  letter-spacing: -0.32px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 8px;
}

.event_barcode.bottomsheet .popup-content .period {
  text-align: center;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.28px;
  font-weight: 400;
  margin-bottom: 24px;
}

.event_barcode.bottomsheet .popup-content .box_warn {
  background: #f8f8f8;
  padding: 16px 11px;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  color: #666;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.28px;
}

.tab-list.tab-block.type_01 .tab-button {
  color: #222;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px 8px;
  max-height: 56px;
}

.barcode_table .custom-table td,
.barcode_table .custom-table th {
  padding-left: 16px;
}

.event-header-shadow .sub-header {
  background-color: transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.event-header-shadow .sub-header .btn-prev {
  background-color: #fff;
  background: url(/webapp/v2/common/assets/images/common/gifti/ico_arrow_left_w.png) no-repeat;
  background-size: 32px auto;
  background-position: center center;
}

.event-header-shadow .sub-header.on {
  background: #fff;
  border-bottom: 1px solid #f5f5f5;
}

.event-header-shadow .sub-header.on .btn-prev {
  background: url(/webapp/v2/common/assets/images/common/gifti/ico_arrow_left_b.png) no-repeat;
  background-size: 32px auto;
  background-position: center center;
}

.event-header-shadow .sub-container {
  margin-top: 0;
  padding-bottom: calc(72px + var(--safe-bottom)) !important;
}

.event-header-shadow .sub-container .top-contents {
  padding: 0 16px;
}

.event-header-shadow .sub-container .top-contents .gifti-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.56;
  letter-spacing: -0.36px;
  text-align: left;
  color: #222;
}

.event-header-shadow .banner-area {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
}

.event-header-shadow .banner-area > a {
  display: block;
  width: 100%;
  height: 100%;
}

.event-header-shadow .banner-area > a > img {
  width: 100%;
}

.mobile-event .sub-container .top-img-area {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.mobile-event .sub-container .top-img-area > img {
  width: 100%;
}

.mobile-event .sub-container .grey-txt-area {
  width: 100%;
  padding: 20px 24px;
  background-color: #f8f8f8;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.28px;
}

.mobile-event .sub-container .grey-txt-area .txt-ul > li .title {
  font-weight: bold;
  color: #222;
}

.mobile-event .sub-container .grey-txt-area .txt-ul > li .desc {
  margin-top: 8px;
  color: #666;
}

.mobile-event .sub-container .grey-txt-area .txt-ul > li + li {
  margin-top: 16px;
}

.mobile-event .sub-container .gift-select-area .gift-product-area {
  position: relative;
  margin: 32px auto 0;
  width: 220px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

.mobile-event .sub-container .gift-select-area .gift-product-area .custom-checkbox.pink {
  position: absolute;
  top: 16px;
  left: 16px;
}

.mobile-event .sub-container .gift-select-area .gift-product-area .custom-checkbox.pink input[type="checkbox"] {
  width: 20px;
  height: 20px;
}

.mobile-event .sub-container .gift-select-area .gift-product-area .custom-checkbox.pink input[type="checkbox"]:checked + label em:before {
  top: -8px;
  left: 0px;
}

.mobile-event .sub-container .gift-select-area .gift-product-area .custom-checkbox.pink input[type="checkbox"]:checked + label em:after {
  bottom: 2px;
}

.mobile-event .sub-container .gift-select-area .gift-product-area .custom-checkbox.pink input[type="checkbox"]:checked + label::before {
  width: 20px;
  height: 20px;
  background: #ff3e6c;
}

.mobile-event .sub-container .gift-select-area .gift-product-area .mission-complete {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}

.mobile-event .sub-container .gift-select-area .gift-product-area .mission-complete > img {
  width: 100%;
}

.mobile-event .sub-container .gift-select-area .gift-product-area .gift-img {
  width: 100%;
  height: 220px;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}

.mobile-event .sub-container .gift-select-area .gift-product-area .gift-img > img {
  width: 100%;
  border-radius: 8px 8px 0 0;
}

.mobile-event .sub-container .gift-select-area .gift-product-area .gift-info {
  padding: 16px;
}

.mobile-event .sub-container .gift-select-area .gift-product-area .gift-info .gift-name {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.28px;
  text-align: left;
  color: #222;
}

.mobile-event .sub-container .gift-select-area .gift-product-area .gift-info .price-wrap .orgin-price {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.24px;
}

.mobile-event .sub-container .gift-select-area .gift-product-area .gift-info .price-wrap .discount-price {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
}

.mobile-event .sub-container .gift-select-area .gift-list {
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 24px;
  font-size: 0;
  overflow-x: scroll;
  white-space: nowrap;
}

.mobile-event .sub-container .gift-select-area .gift-list > li {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 8px;
  border: solid 1px #ebebeb;
  overflow: hidden;
}

.mobile-event .sub-container .gift-select-area .gift-list > li.on {
  border: solid 2px #ff3e6c;
}

.mobile-event .sub-container .gift-select-area .gift-list > li.on:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/webapp/v2/common/assets/images/common/gifti/ico-check-sel.png) no-repeat center rgba(255, 255, 255, 0.5);
  background-size: 80%;
}

.mobile-event .sub-container .gift-select-area .gift-list > li > a {
  display: block;
  width: 100%;
  height: 100%;
}

.mobile-event .sub-container .gift-select-area .gift-list > li > a > img {
  width: 100%;
}

.mobile-event .sub-container .gift-select-area .gift-list.type-solid > li:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
}

.mobile-event .sub-container .gift-select-area .gift-list.type-solid > li.on:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
}

.mobile-event .sub-container .gift-select-area .gift-list.type-more > li + li {
  margin-left: 12px;
}

.mobile-event .sub-container .gift-select-area .gift-list.type-less {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile-event .sub-container .gift-select-area .gift-list.type-less > li + li {
  margin-left: 16px;
}

.mobile-event .accordion-wrap.type-full {
  padding: 0 16px;
  margin: 0;
}

.mobile-event .accordion-wrap.type-full .list-dot.attention > li + li {
  margin-top: 8px;
}

.mobile-event .accordion-wrap.type-full .accordion.is-active .fold-body {
  padding: 8px 0 40px;
}

.mobile-event .accordion-wrap.type-button.type-full .list-dot > li {
  margin-top: 2px;
}

.mobile-event .inner-info dd + dt {
  margin-top: 32px;
}

.event-header-shadow .sub-container,
.mobile-event .sub-container {
  padding: 0;
  padding-bottom: calc(84px + var(--safe-bottom)) !important;
}

.event-header-shadow .sub-container .price-wrap,
.mobile-event .sub-container .price-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.event-header-shadow .sub-container .price-wrap .orgin-price,
.mobile-event .sub-container .price-wrap .orgin-price {
  margin-right: 6px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.28px;
  color: #999;
  text-decoration: line-through;
}

.event-header-shadow .sub-container .price-wrap .discount-price,
.mobile-event .sub-container .price-wrap .discount-price {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: normal;
  color: #ff3e6c;
}

.event-header-shadow .swiper-component-wrapper.gifti-slide,
.mobile-event .swiper-component-wrapper.gifti-slide {
  width: 100%;
  height: 100vw;
  overflow: hidden;
}

.event-header-shadow .swiper-component-wrapper.gifti-slide:before,
.mobile-event .swiper-component-wrapper.gifti-slide:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 56px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 34, 34, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, rgba(34, 34, 34, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}

.event-header-shadow .swiper-component-wrapper.gifti-slide .custom-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet,
.mobile-event .swiper-component-wrapper.gifti-slide .custom-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.2);
}

.event-header-shadow .swiper-component-wrapper.gifti-slide .custom-swiper-pagination.swiper-pagination-bullets
.swiper-pagination-bullet.swiper-pagination-bullet-active,
.mobile-event .swiper-component-wrapper.gifti-slide .custom-swiper-pagination.swiper-pagination-bullets
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.event-header-shadow .swiper-component-wrapper .custom-swiper-pagination.swiper-pagination-bullets.bottom,
.mobile-event .swiper-component-wrapper .custom-swiper-pagination.swiper-pagination-bullets.bottom {
  left: 0;
  bottom: 16px;
  width: 100%;
}

.event-header-shadow .tab-list,
.mobile-event .tab-list {
  padding: 0 16px;
}

.event-header-shadow .tab-list .tab-button,
.mobile-event .tab-list .tab-button {
  font-weight: bold;
  color: #999 !important;
}

.event-header-shadow .tab-list .tab-button.is-active,
.mobile-event .tab-list .tab-button.is-active {
  color: #222 !important;
}

.event-header-shadow .tab-content-wrap .pro-detail-img,
.mobile-event .tab-content-wrap .pro-detail-img {
  position: relative;
  width: 100%;
  max-height: 1024px;
  overflow: hidden;
}

.event-header-shadow .tab-content-wrap .pro-detail-img.show,
.mobile-event .tab-content-wrap .pro-detail-img.show {
  max-height: auto;
}

.event-header-shadow .tab-content-wrap .pro-detail-img.show.on,
.mobile-event .tab-content-wrap .pro-detail-img.show.on {
  max-height: none;
}

.event-header-shadow .tab-content-wrap .pro-detail-img.show.on .more-btn-wrap,
.mobile-event .tab-content-wrap .pro-detail-img.show.on .more-btn-wrap {
  bottom: 10px;
  top: auto;
}

.event-header-shadow .tab-content-wrap .pro-detail-img.show.on .more-btn-wrap .more-toggle-btn span::after,
.mobile-event .tab-content-wrap .pro-detail-img.show.on .more-btn-wrap .more-toggle-btn span::after {
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  -webkit-transform-origin: center;
          transform-origin: center;
  margin-top: -1px;
}

.event-header-shadow .tab-content-wrap .pro-detail-img.show.on .more-btn-wrap .change_txt_01,
.mobile-event .tab-content-wrap .pro-detail-img.show.on .more-btn-wrap .change_txt_01 {
  display: none;
}

.event-header-shadow .tab-content-wrap .pro-detail-img.show.on .more-btn-wrap .change_txt_02,
.mobile-event .tab-content-wrap .pro-detail-img.show.on .more-btn-wrap .change_txt_02 {
  display: inline-block;
}

.event-header-shadow .tab-content-wrap .pro-detail-img.show .more-btn-wrap,
.mobile-event .tab-content-wrap .pro-detail-img.show .more-btn-wrap {
  display: block;
}

.event-header-shadow .tab-content-wrap .pro-detail-img.show .more-btn-wrap .change_txt_01,
.mobile-event .tab-content-wrap .pro-detail-img.show .more-btn-wrap .change_txt_01 {
  display: inline-block;
}

.event-header-shadow .tab-content-wrap .pro-detail-img.show .more-btn-wrap .change_txt_02,
.mobile-event .tab-content-wrap .pro-detail-img.show .more-btn-wrap .change_txt_02 {
  display: none;
}

.event-header-shadow .tab-content-wrap .pro-detail-img .more-btn-wrap,
.mobile-event .tab-content-wrap .pro-detail-img .more-btn-wrap {
  display: none;
  position: absolute;
  margin: 0 auto;
  padding: 0 16px;
  width: 100%;
  height: 48px;
  top: calc(1024px - 50px);
}

.event-header-shadow .tab-content-wrap .pro-detail-img .more-btn-wrap .more-toggle-btn,
.mobile-event .tab-content-wrap .pro-detail-img .more-btn-wrap .more-toggle-btn {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: solid 1px #ccc;
  border-radius: 8px;
  text-align: center;
  position: absolute;
  width: calc(100% - 32px);
  left: 16px;
}

.event-header-shadow .tab-content-wrap .pro-detail-img .more-btn-wrap .more-toggle-btn > span,
.mobile-event .tab-content-wrap .pro-detail-img .more-btn-wrap .more-toggle-btn > span {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  line-height: 48px;
  letter-spacing: -0.32px;
  color: #222;
}

.event-header-shadow .tab-content-wrap .pro-detail-img .more-btn-wrap .more-toggle-btn > span:after,
.mobile-event .tab-content-wrap .pro-detail-img .more-btn-wrap .more-toggle-btn > span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -16px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border: solid #222;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
}

.event-header-shadow .tab-content-wrap .pro-detail-txt,
.mobile-event .tab-content-wrap .pro-detail-txt {
  padding: 16px;
}

.event-header-shadow .tab-content-wrap .pro-detail-txt .inner-info dd .list-dot > li,
.mobile-event .tab-content-wrap .pro-detail-txt .inner-info dd .list-dot > li {
  margin-top: 8px;
}

.event-header-shadow .tab-content-wrap .pro-detail-txt .inner-info dd + dt,
.mobile-event .tab-content-wrap .pro-detail-txt .inner-info dd + dt {
  margin-top: 24px;
}

.event-header-shadow .tab-content-wrap .accordion-wrap.type-full,
.mobile-event .tab-content-wrap .accordion-wrap.type-full {
  padding: 0 16px;
  margin: 0;
}

.event-header-shadow .tab-content-wrap .accordion-wrap.type-full .accordion.is-active .fold-body,
.mobile-event .tab-content-wrap .accordion-wrap.type-full .accordion.is-active .fold-body {
  padding: 8px 0 40px;
}

.event-header-shadow .tab-content-wrap .accordion-wrap.type-button.type-full .list-dot > li,
.mobile-event .tab-content-wrap .accordion-wrap.type-button.type-full .list-dot > li {
  margin-top: 2px;
}

.event-header-shadow .tab-content-wrap .inner-info dd + dt,
.mobile-event .tab-content-wrap .inner-info dd + dt {
  margin-top: 32px;
}

.event-header-shadow .tab-content-wrap .no-line-table-wrap,
.mobile-event .tab-content-wrap .no-line-table-wrap {
  padding: 0 16px;
}

.event-header-shadow .tab-content-wrap .no-line-table-wrap .custom-table,
.mobile-event .tab-content-wrap .no-line-table-wrap .custom-table {
  border-bottom: none;
}

.event-header-shadow .tab-content-wrap .no-line-table-wrap .custom-table > tbody > tr > th,
.event-header-shadow .tab-content-wrap .no-line-table-wrap .custom-table > tbody > tr > td,
.mobile-event .tab-content-wrap .no-line-table-wrap .custom-table > tbody > tr > th,
.mobile-event .tab-content-wrap .no-line-table-wrap .custom-table > tbody > tr > td {
  padding: 6px;
  padding-left: 0;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.28px;
  border-bottom: none;
  vertical-align: top;
}

.event-header-shadow .tab-content-wrap .no-line-table-wrap .custom-table > tbody > tr > th,
.mobile-event .tab-content-wrap .no-line-table-wrap .custom-table > tbody > tr > th {
  color: #666;
  border-right: none;
  border-top: none;
  background: #fff;
}

.event-header-shadow .tab-content-wrap .no-line-table-wrap .custom-table > tbody > tr > td,
.mobile-event .tab-content-wrap .no-line-table-wrap .custom-table > tbody > tr > td {
  font-weight: 500;
  color: #222;
  border-left: none;
  border-top: none;
}

.event-header-shadow .tab-content-wrap .no-line-table-wrap .custom-table > tbody > tr > td .tel-num,
.mobile-event .tab-content-wrap .no-line-table-wrap .custom-table > tbody > tr > td .tel-num {
  text-decoration: underline;
}

.event-header-shadow .sub-footer,
.mobile-event .sub-footer {
  padding: 12px 14px 24px;
}

.mobile-event-layer {
  padding: 24px !important;
}

.mobile-event-layer .popup-header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: auto;
  padding: 0 0 24px 0;
}

.mobile-event-layer .popup-header > div {
  padding: 0 16px 0 0;
  text-align: left;
}

.mobile-event-layer .popup-header > div .popup-title {
  position: relative;
  padding: 0;
  line-height: 1.5;
  overflow: visible;
  white-space: pre-wrap;
}

.mobile-event-layer .popup-header > div .sub-tit {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.28px;
  color: #222;
}

.mobile-event-layer .popup-content {
  padding: 24px 0 !important;
}

.mobile-event-layer .popup-content .list-dot > li + li {
  margin-top: 8px;
}

.sub-wrapper.has-footer-type4 .sub-container {
  padding-bottom: 50px;
  padding-bottom: calc(50px + var(--safe-bottom));
}

.sub-wrapper.has-footer-type4 .sub-footer {
  border-top: 1px solid #ebebeb;
  background-color: #fff;
  padding-top: 12px;
  padding-bottom: 12px;
}

.popup-layer.popup-full.has-footer-type4 > .popup-footer {
  border-top: 1px solid #ebebeb;
  padding-top: 12px;
  padding-bottom: 12px;
}

.form-wrap-content.type02 {
  position: relative;
}

.form-wrap-content.type02 .form-password-wrapbox {
  position: relative;
}

.form-wrap-content.type02 .form-password-wrapbox > input {
  background-color: transparent;
  z-index: 50;
  position: relative;
  letter-spacing: 8px;
  -webkit-text-security: disc;
}

.form-wrap-content.type02 .form-password-wrapbox > input::-webkit-input-placeholder {
  /* font-size:0.2em; transform:scale(0.9); top:-1px; */
  position: relative;
}

.form-wrap-content.type02 .form-password-wrapbox > input:-ms-input-placeholder {
  /* font-size:0.2em; transform:scale(0.9); top:-1px; */
  position: relative;
}

.form-wrap-content.type02 .form-password-wrapbox > input::-ms-input-placeholder {
  /* font-size:0.2em; transform:scale(0.9); top:-1px; */
  position: relative;
}

.form-wrap-content.type02 .form-password-wrapbox > input::placeholder {
  /* font-size:0.2em; transform:scale(0.9); top:-1px; */
  position: relative;
}

.form-wrap-content.type02 .icon-group {
  position: absolute;
  left: 54px;
  top: 20px;
  z-index: 30;
  width: 76px;
  height: auto;
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 18px;
  letter-spacing: 8px;
}

.form-wrap-content.type02 .icon-group i {
  font-size: 10px;
}

.form-wrap-content.type02 .icon-group i {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.form-wrap-content.type02 .icon-group i + i {
  margin-left: 0px;
}

.form-wrap-content.type02 .icon-group i.icon-round-black {
  background-color: #000;
}

.form-wrap-content.type02 .icon-group i.icon-round-white {
  background-color: #fff;
  border: 1px solid #bbb;
}

/* CSRUIUX-624 [화면] 쿠팡 혜택 이벤트페이지 내재화 - 디자인/퍼블리싱 */
.thingjoop-box.sub-header .btn-share {
  display: block;
  width: 48px;
  height: 48px;
  margin-top: var(--safe-top);
  font-size: 0;
  background: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 0;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-32-share-copy@3x.png);
  background-size: 48px;
  margin-left: auto;
  cursor: pointer;
}

.thingjoop-box .thingjoop-bg-area {
  padding: 40px 24px;
  background: linear-gradient(258deg, #5fcccf 5%, #3cacf5 90%);
}

.thingjoop-box .thingjoop-bg-area .coupang-logo-area {
  margin: 0 auto;
  width: 83px;
}

.thingjoop-box .thingjoop-bg-area .coupang-logo-area > img {
  width: 100%;
}

.thingjoop-box .thingjoop-bg-area .coupang-logo-area + .thingjoop-title-area {
  margin-top: 4px;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-title-area {
  width: 100%;
  text-align: center;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-title-area > img {
  width: 232px;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-title-area + .thingjoop-text-area {
  margin-top: 12px;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-text-area {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  color: #fff;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-text-area + .contents-containor {
  margin-top: 24px;
}

.thingjoop-box .thingjoop-bg-area .contents-containor {
  padding: 24px 20px;
  background-color: #fff;
  border-radius: 16px;
}

.thingjoop-box .thingjoop-bg-area .contents-containor .contents-title-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 20px 0;
  width: 100%;
}

.thingjoop-box .thingjoop-bg-area .contents-containor .contents-title-area .text-link {
  font-size: 16px;
  line-height: 1.5;
  text-align: right;
  color: #666;
}

.thingjoop-box .thingjoop-bg-area .contents-containor .contents-title-area .text-link::before {
  bottom: 3px;
  background-color: #666;
}

.thingjoop-box .thingjoop-bg-area .contents-containor .contents-title-area + .random-gift-slide {
  margin-top: 16px;
}

.thingjoop-box .thingjoop-bg-area .contents-containor .contents-title-area + .contents-middle {
  margin-top: 24px;
}

.thingjoop-box .thingjoop-bg-area .contents-containor .contents-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.5px;
  text-align: left;
  color: #222;
}

.thingjoop-box .thingjoop-bg-area .contents-containor .contents-title > span {
  margin-left: 8px;
  color: #0e82ce;
}

.thingjoop-box .thingjoop-bg-area .contents-containor .contents-title + .contents-middle {
  margin-top: 24px;
}

.thingjoop-box .thingjoop-bg-area .contents-containor .contents-middle .gift-img-area {
  margin: 0 auto;
  width: 86px;
}

.thingjoop-box .thingjoop-bg-area .contents-containor .contents-middle .gift-img-area > img {
  width: 100%;
}

.thingjoop-box .thingjoop-bg-area .contents-containor .contents-middle .gift-img-area + .tab-list-wrap {
  margin-top: 24px;
}

.thingjoop-box .thingjoop-bg-area .contents-containor .contents-middle .tab-list-wrap + .tab-content-wrap {
  padding-top: 16px;
}

.thingjoop-box .thingjoop-bg-area .contents-containor .contents-middle .tab-content-wrap + .btn-area {
  margin-top: 16px;
}

.thingjoop-box .thingjoop-bg-area .contents-containor + .contents-containor,
.thingjoop-box .thingjoop-bg-area .contents-containor + .my-coupon-thingcoin {
  margin-top: 20px;
}

.thingjoop-box .thingjoop-bg-area .my-thingjoop-box-type02 .contents-title-area,
.thingjoop-box .thingjoop-bg-area .my-thingjoop-box-type03 .contents-title-area {
  padding: 0;
}

.thingjoop-box .thingjoop-bg-area .my-thingjoop-box-type02 .contents-title-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.thingjoop-box .thingjoop-bg-area .my-thingjoop-box-type02 .contents-title-area + .random-gift-slide {
  margin-top: 16px;
}

.thingjoop-box .thingjoop-bg-area .my-thingjoop-box-type02 .contents-middle .lottie-area {
  position: relative;
  width: 200px;
  margin: 0 auto;
}

.thingjoop-box .thingjoop-bg-area .my-thingjoop-box-type02 .contents-middle .lottie-area .push-img {
  position: absolute;
  top: -6px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 20;
}

.thingjoop-box .thingjoop-bg-area .my-thingjoop-box-type02 .contents-middle .lottie-area .push-img > img {
  width: 150px;
}

.thingjoop-box .thingjoop-bg-area .my-thingjoop-box-type02 .contents-middle .lottie-area .gift-cnt {
  position: absolute;
  bottom: 46px;
  right: 36px;
  width: 40px;
  height: 40px;
  padding: 9px 0 7px;
  background-color: #59e0d6;
  border: solid 2px #fff;
  border-radius: 50px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.5px;
  text-align: center;
  color: #fff;
}

.thingjoop-box .thingjoop-bg-area .my-thingjoop-box-type02 .contents-middle .tab-list-wrap {
  margin-top: -24px;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-random {
  padding: 0 0 18px;
  border-radius: 16px;
  background-color: #fff;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-random .random-gift-slide {
  overflow: hidden;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-random .random-gift-slide .random-gift-slide-wrapper {
  width: 100%;
  height: 130px;
  overflow-x: scroll;
  white-space: nowrap;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-random .random-gift-slide .random-gift-slide-wrapper::-webkit-scrollbar {
  display: none;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-random .random-gift-slide .random-gift-slide-wrapper .random-gift-list > li {
  display: inline-block;
  width: 80px;
  vertical-align: top;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-random .random-gift-slide .random-gift-slide-wrapper .random-gift-list > li .gift-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80px;
  height: 80px;
  background-color: #ebf7ff;
  border-radius: 100px;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-random .random-gift-slide .random-gift-slide-wrapper .random-gift-list > li .gift-img > img {
  width: 60px;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-random .random-gift-slide .random-gift-slide-wrapper .random-gift-list > li .gift-img + .gift-name {
  margin-top: 8px;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-random .random-gift-slide .random-gift-slide-wrapper .random-gift-list > li .gift-name {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.07px;
  text-align: center;
  color: #222;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-random .random-gift-slide .random-gift-slide-wrapper .random-gift-list > li + li {
  margin-left: 14px;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-random .random-gift-slide .random-gift-slide-wrapper .random-gift-list > li:first-child {
  margin-left: 20px;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-random .random-gift-slide .random-gift-slide-wrapper .random-gift-list > li:last-child {
  margin-right: 20px;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-random .random-btn-area {
  padding: 0 20px 0;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-random .random-btn-area .text-link.icon-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 32px;
  padding-right: 0;
  width: 100%;
  height: 56px;
  border: 2.5px solid transparent;
  border-radius: 14px;
  background-image: linear-gradient(to bottom, #ebf7ff, #ebf7ff), linear-gradient(135deg, #5fcccf 50%, #3eb4ff 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  color: #222;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-random .random-btn-area .text-link.icon-link::after {
  top: calc(50% - -1px);
  right: 18px;
  width: 9px;
  height: 9px;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-random .random-btn-area .text-link.icon-link > .img {
  width: 56px;
  height: 56px;
  margin-left: 8px;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-random .random-btn-area .text-link.icon-link > .img > img {
  width: 100%;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-random .random-btn-area .text-link.icon-link > .img + .txt {
  margin-left: 4px;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-random .random-btn-area .text-link.icon-link > .txt {
  font-size: 16px;
  font-weight: bold;
}

.thingjoop-box .thingjoop-bg-area .my-coupon-thingcoin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.thingjoop-box .thingjoop-bg-area .my-coupon-thingcoin *[class*='my-'] {
  position: relative;
  width: 50%;
  padding: 18px 16px 40px;
  border-radius: 12px;
}

.thingjoop-box .thingjoop-bg-area .my-coupon-thingcoin *[class*='my-'] .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.32px;
  text-align: left;
  color: #222;
}

.thingjoop-box .thingjoop-bg-area .my-coupon-thingcoin *[class*='my-'] .title + .desc {
  margin-top: 4px;
}

.thingjoop-box .thingjoop-bg-area .my-coupon-thingcoin *[class*='my-'] .desc {
  font-size: 14px;
  line-height: 1.57;
  text-align: left;
  color: #999;
}

.thingjoop-box .thingjoop-bg-area .my-coupon-thingcoin *[class*='my-'] .img {
  position: absolute;
  bottom: 18px;
  right: 18px;
  width: 30px;
  height: 30px;
}

.thingjoop-box .thingjoop-bg-area .my-coupon-thingcoin *[class*='my-'] .img > img {
  width: 100%;
}

.thingjoop-box .thingjoop-bg-area .my-coupon-thingcoin *[class*='my-'] > a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.thingjoop-box .thingjoop-bg-area .my-coupon-thingcoin .my-coupon {
  background-color: #f0f5ff;
}

.thingjoop-box .thingjoop-bg-area .my-coupon-thingcoin .my-coupon + .my-thingcoin {
  margin-left: 16px;
}

.thingjoop-box .thingjoop-bg-area .my-coupon-thingcoin .my-thingcoin {
  background-color: #fff3f1;
}

.thingjoop-box .thingjoop-bg-area .my-coupon-thingcoin + .thingjoop-list-dot {
  margin-top: 24px;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-list-dot {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  color: #fff;
}

.thingjoop-box .thingjoop-bg-area .thingjoop-list-dot > li::before {
  top: 12px;
  background: #fff;
}

.thingjoop-box .coupang-search-area {
  padding: 48px 24px 100px;
}

.thingjoop-box .coupang-search-area .logo-area {
  width: 100%;
}

.thingjoop-box .coupang-search-area .logo-area > img {
  width: 70px;
}

.thingjoop-box .coupang-search-area .logo-area + .search-title {
  margin-top: 20px;
}

.thingjoop-box .coupang-search-area .search-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.5px;
  color: #222;
}

.thingjoop-box .coupang-search-area .search-title + .search-desc {
  margin-top: 8px;
}

.thingjoop-box .coupang-search-area .search-desc {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
}

.thingjoop-box .coupang-search-area .search-desc + .search-form {
  margin-top: 32px;
}

.thingjoop-box .coupang-search-area .search-form .form-content .custom-input {
  height: 56px;
  font-size: 16px;
  border-radius: 15px;
}

.thingjoop-box .coupang-search-area .search-form .form-content .custom-input::-webkit-input-placeholder {
  font-size: 16px;
}

.thingjoop-box .coupang-search-area .search-form .form-content .custom-input:-ms-input-placeholder {
  font-size: 16px;
}

.thingjoop-box .coupang-search-area .search-form .form-content .custom-input::-ms-input-placeholder {
  font-size: 16px;
}

.thingjoop-box .coupang-search-area .search-form .form-content .custom-input::placeholder {
  font-size: 16px;
}

.thingjoop-box .coupang-search-area .search-form .form-content .btn-search {
  width: 56px;
  height: 56px;
}

.thingjoop-box .coupang-search-area .search-form + .search-recommend {
  margin-top: 24px;
}

.thingjoop-box .coupang-search-area .search-recommend .search-recommend-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #222;
}

.thingjoop-box .coupang-search-area .search-recommend .search-recommend-title + .search-recommend-list {
  margin-top: 8px;
}

.thingjoop-box .coupang-search-area .search-recommend .search-recommend-list-wrapper {
  width: 100vw;
  margin-left: -24px;
  overflow-x: scroll;
  white-space: nowrap;
}

.thingjoop-box .coupang-search-area .search-recommend .search-recommend-list-wrapper::-webkit-scrollbar {
  display: none;
}

.thingjoop-box .coupang-search-area .search-recommend .search-recommend-list {
  width: 100%;
  padding-left: 24px;
}

.thingjoop-box .coupang-search-area .search-recommend .search-recommend-list::after {
  content: '';
  display: block;
  clear: both;
}

.thingjoop-box .coupang-search-area .search-recommend .search-recommend-list > li {
  display: inline-block;
  margin-top: 8px;
  margin-right: 8px;
}

.thingjoop-box .coupang-search-area .search-recommend .search-recommend-list > li > a {
  display: block;
  padding: 9px 16px 7px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  color: #0e82ce;
  background: #ebf7ff;
  border-radius: 100px;
}

.thingjoop-box .coupang-search-area .search-recommend .search-recommend-list > li.on > a {
  color: #ebf7ff;
  background: #0e82ce;
}

.thingjoop-box .coupang-search-area .search-recommend .search-recommend-list > li:last-child {
  padding-right: 16px;
}

.thingjoop-box .coupang-search-area .search-recommend + .product-list {
  margin-top: 8px;
}

.thingjoop-box .coupang-search-area .product-list {
  width: 100%;
}

.thingjoop-box .coupang-search-area .product-list::after {
  content: '';
  display: block;
  clear: both;
}

.thingjoop-box .coupang-search-area .product-list > li {
  float: left;
  position: relative;
  width: calc(50% - 8px);
  margin-top: 32px;
  margin-right: 16px;
}

.thingjoop-box .coupang-search-area .product-list > li:nth-child(2n) {
  margin-right: 0;
}

.thingjoop-box .coupang-search-area .product-list > li .thum-img {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: calc(100% - 2px);
  width: 100%;
  border: 1px solid #ededed;
  border-radius: 16px;
}

.thingjoop-box .coupang-search-area .product-list > li .thum-img > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.thingjoop-box .coupang-search-area .product-list > li .thum-img + .product-name {
  margin-top: 8px;
}

.thingjoop-box .coupang-search-area .product-list > li .product-name {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.28px;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.thingjoop-box .coupang-search-area .product-list > li .product-name + .product-price {
  margin-top: 8px;
}

.thingjoop-box .coupang-search-area .product-list > li .product-price {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: -0.36px;
  color: #222;
}

.thingjoop-box .coupang-search-area .product-list > li > a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.thingjoop-box .coupang-search-area .product-list + .border-full {
  margin-top: 70px;
}

.thingjoop-box.popup-header .popup-title {
  padding: 0 24px;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: -0.08px;
  text-align: left;
  color: #222;
}

.thingjoop-box.bottomsheet .popup-content .agreeChk-list-wrap .text-link.text-blue {
  color: #3674bc !important;
}

.thingjoop-box.bottomsheet .popup-content .agreeChk-list-wrap + .agree-desc {
  margin-top: 8px;
}

.thingjoop-box.bottomsheet .popup-content .agree-desc {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
  letter-spacing: -0.5px;
  color: #666;
}

.thingjoop-box.bottomsheet .custom-checkbox.checkbox-border input[type=checkbox]:checked + label::before {
  background-color: #206cfe;
}

.thingjoop-box.bottomsheet .custom-checkbox.checkbox-md input[type=checkbox]:checked + label::before,
.thingjoop-box.bottomsheet .custom-checkbox.checkbox-lg input[type=checkbox]:checked + label::before {
  background-color: #206cfe;
}

.thingjoop-box.popup-alert {
  padding-top: 0;
}

.thingjoop-box.popup-alert .popup-header {
  padding-top: 32px;
  height: auto;
}

.thingjoop-box.popup-alert .popup-header .popup-title {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.5px;
  text-align: center;
  color: #000;
  text-overflow: clip;
}

.thingjoop-box.popup-alert .popup-header .btn-close {
  position: absolute;
  top: 8px;
  right: 10px;
}

.thingjoop-box.popup-alert .popup-content .alert-img-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 20px auto 0;
  width: 180px;
  height: 180px;
  background-color: #ebf7ff;
  border-radius: 200px;
}

.thingjoop-box.popup-alert .popup-content .alert-img-area .img-area {
  margin: 20px auto 0;
  width: 92px;
  height: 92px;
}

.thingjoop-box.popup-alert .popup-content .alert-img-area .img-area > img {
  width: 100%;
}

.thingjoop-box.popup-alert .popup-content .alert-img-area .img-area + .point {
  margin-top: 8px;
}

.thingjoop-box.popup-alert .popup-content .alert-img-area .point {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.5px;
  text-align: center;
  color: #222;
}

.thingjoop-box.popup-alert .popup-content .alert-img-area + .list-asterisk {
  margin-top: 24px;
}

.thingjoop-box.popup-alert .popup-content .list-asterisk > li {
  text-align: left;
}

.thingjoop-box.popup-alert .popup-footer {
  padding: 0 0 40px 0;
}

.thingjoop-box .popup-content .gift-info-area {
  padding: 32px 24px 24px;
  text-align: center;
  border-radius: 16px;
  -webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.thingjoop-box .popup-content .gift-info-area .this-month-txt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
  letter-spacing: -0.32px;
  color: #0e82ce;
}

.thingjoop-box .popup-content .gift-info-area .this-month-txt + .gift-title {
  margin-top: 4px;
}

.thingjoop-box .popup-content .gift-info-area .gift-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.56;
  letter-spacing: -0.5px;
  color: #222;
}

.thingjoop-box .popup-content .gift-info-area .gift-title + .period {
  margin-top: 12px;
}

.thingjoop-box .popup-content .gift-info-area .period {
  display: inline-block;
  padding: 10px 16px 8px;
  min-width: 134px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.5px;
  color: #0e82ce;
  text-align: center;
  border-radius: 100px;
  background-color: #ebf7ff;
}

.thingjoop-box .popup-content .gift-info-area .period + .gift-img {
  margin-top: 4px;
}

.thingjoop-box .popup-content .gift-info-area .gift-img {
  width: 162px;
  margin: 0 auto;
}

.thingjoop-box .popup-content .gift-info-area .gift-img > img {
  width: 100%;
}

.thingjoop-box .popup-content .gift-info-area + .event-info {
  margin-top: 40px;
}

.thingjoop-box .popup-content .event-info dt {
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: -0.7px;
  color: #222;
}

.thingjoop-box .popup-content .event-info dt + dd {
  margin-top: 8px;
}

.thingjoop-box .popup-content .event-info dd {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #222;
}

.thingjoop-box .popup-content .event-info dd + dt {
  margin-top: 32px;
}

.thingjoop-box .popup-content .event-info dd:last-child {
  padding-bottom: 34px;
}

.thingjoop-box .popup-content .event-info *[class*='list-'] {
  margin-top: 8px;
}

.thingjoop-box .tab-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.thingjoop-box .tab-list-wrap .tab-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  margin: 0 auto;
  -webkit-box-shadow: 0 1px 20px 0 rgba(92, 99, 129, 0.14);
          box-shadow: 0 1px 20px 0 rgba(92, 99, 129, 0.14);
  border-radius: 50px;
  overflow-x: hidden;
}

.thingjoop-box .tab-list-wrap .tab-list::before {
  display: none;
}

.thingjoop-box .tab-list-wrap .tab-list > li {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 13px 16px 11px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.08px;
  color: #666;
  border-radius: 50px;
}

.thingjoop-box .tab-list-wrap .tab-list > li.is-active {
  padding: 9px 16px 7px;
  height: 32px;
  color: #fff;
  background-color: #3cacf5;
  border-bottom: none;
}

.thingjoop-box .tab-list-wrap .tab-list > li:first-child {
  margin-left: 4px;
}

.thingjoop-box .tab-list-wrap .tab-list > li:last-child {
  margin-right: 4px;
}

.thingjoop-box .tab-content-wrap .tab-panel .form-wrap-content .text-regular .text-blue {
  color: #0e82ce !important;
}

.thingjoop-box .tab-content-wrap .tab-panel .list-wrap .link-item-list > li .item-list .item-price {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  color: #222;
}

.thingjoop-box .tab-content-wrap .tab-panel .list-wrap .link-item-list > li .item-list .cancel {
  color: #eb1100;
}

.thingjoop-box .tab-content-wrap .tab-panel .no-purchase {
  padding-top: 120px;
  border-top: solid 1px #ebebeb;
}

.thingjoop-box .tab-content-wrap .tab-panel .no-purchase .img-area {
  margin: 0 auto;
  width: 64px;
}

.thingjoop-box .tab-content-wrap .tab-panel .no-purchase .img-area > img {
  width: 100%;
}

.thingjoop-box .tab-content-wrap .tab-panel .no-purchase .img-area + .txt {
  margin-top: 16px;
}

.thingjoop-box .tab-content-wrap .tab-panel .no-purchase .txt {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  text-align: center;
  color: #222;
}

.thingjoop-box .tab-content-wrap .tab-panel .no-thingjoop-box {
  padding: 24px;
  background-color: #ebf7ff;
  border-radius: 12px;
  text-align: center;
}

.thingjoop-box .tab-content-wrap .tab-panel .no-thingjoop-box .m-txt {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #222;
}

.thingjoop-box .tab-content-wrap .tab-panel .no-thingjoop-box .m-txt + .s-txt {
  margin-top: 4px;
}

.thingjoop-box .tab-content-wrap .tab-panel .no-thingjoop-box .s-txt {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.5px;
  color: #999;
}

.thingjoop-box .tab-content-wrap .tab-panel .gift-type-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: auto;
  height: auto;
  padding: 13px 0;
  border-radius: 16px;
  border: solid 1px #ebebeb;
}

.thingjoop-box .tab-content-wrap .tab-panel .gift-type-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  padding-left: 32px;
  margin-top: 6px;
}

.thingjoop-box .tab-content-wrap .tab-panel .gift-type-list > li .gift-img {
  width: 40px;
  height: 40px;
}

.thingjoop-box .tab-content-wrap .tab-panel .gift-type-list > li .gift-img > img {
  width: 100%;
}

.thingjoop-box .tab-content-wrap .tab-panel .gift-type-list > li .gift-img + .gift-cnt {
  margin-left: 8px;
}

.thingjoop-box .tab-content-wrap .tab-panel .gift-type-list > li .gift-cnt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.13;
  letter-spacing: -0.08px;
  text-align: left;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.thingjoop-box .tab-content-wrap .tab-panel .gift-type-list > li:nth-child(1), .thingjoop-box .tab-content-wrap .tab-panel .gift-type-list > li:nth-child(2) {
  margin-top: 0;
}

.thingjoop-box .tab-content-wrap .tab-panel .gift-type-list + .achieve-list-wrap {
  margin-top: 20px;
}

.thingjoop-box .tab-content-wrap .tab-panel .achieve-list-wrap {
  position: relative;
}

.thingjoop-box .tab-content-wrap .tab-panel .achieve-list-wrap .achieve-list.type03 {
  padding-bottom: 5px;
}

.thingjoop-box .tab-content-wrap .tab-panel .achieve-list-wrap .achieve-list.type03::after {
  content: '';
  display: block;
  clear: both;
}

.thingjoop-box .tab-content-wrap .tab-panel .achieve-list-wrap .achieve-list.type03 > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  float: left;
  position: relative;
  text-align: center;
  padding: 4px 0 2px;
  margin-bottom: 7px;
  margin-right: 2.52707%;
  width: calc((100% - 10.10830%) / 5);
  height: 60px;
  border-radius: 8px;
  background-color: #ebf7ff;
  border-bottom: none;
}

.thingjoop-box .tab-content-wrap .tab-panel .achieve-list-wrap .achieve-list.type03 > li .icon-area {
  margin: 0 auto;
  width: 36px;
  height: 36px;
  text-align: center;
}

.thingjoop-box .tab-content-wrap .tab-panel .achieve-list-wrap .achieve-list.type03 > li .icon-area > img {
  width: 100%;
}

.thingjoop-box .tab-content-wrap .tab-panel .achieve-list-wrap .achieve-list.type03 > li .gift-name {
  font-size: 10px;
  line-height: 1.8;
  letter-spacing: -0.05px;
  text-align: center;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.thingjoop-box .tab-content-wrap .tab-panel .achieve-list-wrap .achieve-list.type03 > li.off {
  background-color: #f2f2f2;
}

.thingjoop-box .tab-content-wrap .tab-panel .achieve-list-wrap .achieve-list.type03 > li.off .icon-area {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.thingjoop-box .tab-content-wrap .tab-panel .achieve-list-wrap .achieve-list.type03 > li.off .gift-name {
  color: #999;
}

.thingjoop-box .tab-content-wrap .tab-panel .achieve-list-wrap .achieve-list.type03 > li.open {
  background-color: #3cacf5;
}

.thingjoop-box .tab-content-wrap .tab-panel .achieve-list-wrap .achieve-list.type03 > li.open .gift-name {
  color: #fff;
}

.thingjoop-box .tab-content-wrap .tab-panel .achieve-list-wrap .achieve-list.type03 > li.open.cancel {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.thingjoop-box .tab-content-wrap .tab-panel .achieve-list-wrap .achieve-list.type03 > li:nth-child(5n) {
  margin-right: 0;
}

.thingjoop-box .tab-content-wrap .tab-panel .achieve-list-wrap .btn-more-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 12px 0 8px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(40%, #fff));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 40%);
  border-top: none;
}

.thingjoop-box .tab-content-wrap .tab-panel .achieve-list-wrap .btn-more-wrap .btn-round {
  position: relative;
  padding: 0;
  padding-right: 0;
  width: 100%;
  font-size: 0;
  background-color: transparent;
  border-color: transparent;
}

.thingjoop-box .tab-content-wrap .tab-panel .achieve-list-wrap .btn-more-wrap .btn-round::after {
  content: '';
  display: block;
  position: absolute;
  top: 65%;
  width: 9px;
  height: 9px;
  margin-top: -5px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
}

.thingjoop-box .guide-list {
  width: 100vw;
  margin-left: -24px;
}

.thingjoop-box .guide-list > li {
  width: 100%;
  border-top: solid 1px #ebebeb;
}

.thingjoop-box .guide-list > li:last-child {
  border-bottom: solid 1px #ebebeb;
}

.thingjoop-box .guide-list > li .text-link.icon-link {
  width: 100%;
  padding: 21px 24px 19px;
  font-size: 16px;
  line-height: 1;
  font-weight: normal;
  text-align: left;
  color: #222;
}

.thingjoop-box .guide-list > li .text-link.icon-link::after {
  right: 24px;
  width: 12px;
  height: 12px;
}

.thingjoop-box .popup-content .list-circle-num > li {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.thingjoop-box .popup-content .list-circle-num > li::before {
  content: counter(section) ".";
  border: none;
  width: 14px;
  height: 24px;
  line-height: 22px !important;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.08px;
  text-align: left;
}

.thingjoop-box .popup-content .list-circle-num > li .list-dot {
  margin-top: 8px;
  font-weight: normal;
  letter-spacing: -0.07px;
}

.thingjoop-box .popup-content .list-circle-num > li .img-area {
  margin-top: 16px;
  width: 100%;
  text-align: center;
}

.thingjoop-box .popup-content .list-circle-num > li .img-area > img {
  width: 100%;
}

.thingjoop-box .popup-content .faq-area .faq-area-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: #222;
}

.thingjoop-box .popup-content .faq-area .accordion-wrap {
  width: 100vw;
  margin-left: -24px;
}

.thingjoop-box .popup-content .faq-area .accordion-wrap > li .fold-head {
  position: relative;
  min-height: 1px;
  padding: 22px 56px 20px 36px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.28px;
  color: #222;
}

.thingjoop-box .popup-content .faq-area .accordion-wrap > li .fold-head::before {
  content: 'Q';
  position: absolute;
  left: 16px;
  top: 22px;
  font-weight: bold;
  color: #0e82ce;
}

.thingjoop-box .popup-content .faq-area .accordion-wrap > li .fold-head .btn-fold::before, .thingjoop-box .popup-content .faq-area .accordion-wrap > li .fold-head .btn-fold::after {
  top: 28px;
  background-color: #999;
}

.thingjoop-box .popup-content .faq-area .accordion-wrap > li .fold-body {
  background-color: #f8f8f8;
  -webkit-transition-property: none;
  transition-property: none;
  -webkit-transition-duration: unset;
          transition-duration: unset;
  -webkit-transition-timing-function: unset;
          transition-timing-function: unset;
}

.thingjoop-box .popup-content .faq-area .accordion-wrap .accordion.is-active .fold-body {
  padding: 16px;
  -webkit-transition-property: none;
  transition-property: none;
  -webkit-transition-duration: unset;
          transition-duration: unset;
  -webkit-transition-timing-function: unset;
          transition-timing-function: unset;
}

.thingjoop-box .popup-content .faq-area .accordion-wrap .accordion + .accordion {
  border-top: 1px solid #f5f5f5;
}

.thingjoop-box .floating-search {
  bottom: 108px;
  -webkit-animation: none;
          animation: none;
}

.thingjoop-box .product-slide {
  width: 100vw;
  margin-left: -24px;
  padding: 0 24px 0 24px;
}

.thingjoop-box .product-slide .swiper-wrapper {
  margin-top: 32px;
}

.thingjoop-box .product-slide .swiper-wrapper .product-item {
  position: relative;
  width: 136px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 0;
  z-index: 2;
}

.thingjoop-box .product-slide .swiper-wrapper .product-item .thum-img {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: calc(100% - 2px);
  width: 100%;
  border: 1px solid #ededed;
  border-radius: 16px;
}

.thingjoop-box .product-slide .swiper-wrapper .product-item .thum-img > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.thingjoop-box .product-slide .swiper-wrapper .product-item .thum-img + .product-name {
  margin-top: 8px;
}

.thingjoop-box .product-slide .swiper-wrapper .product-item .product-name {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.28px;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.thingjoop-box .product-slide .swiper-wrapper .product-item .product-name + .product-price {
  margin-top: 8px;
}

.thingjoop-box .product-slide .swiper-wrapper .product-item .product-price {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: -0.36px;
  color: #222;
}

.thingjoop-box .product-slide .swiper-wrapper .product-item > a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.thingjoop-box .product-slide .swiper-wrapper .product-item:nth-child(odd) {
  padding-right: 0;
  padding-left: 0;
}

.thingjoop-box .product-slide .swiper-wrapper .product-item:nth-child(even) {
  padding-right: 0;
  padding-left: 0;
}

.thingjoop-box .product-slide .swiper-wrapper .product-item:nth-child(1) {
  margin-top: 0 !important;
}

.thingjoop-box .product-slide .swiper-wrapper .product-item:nth-child(2) {
  margin-top: 0 !important;
}

/* 오토할부 */
/* 새로운 기본 가이드 설정값 변경*/
.auto-fs-new .step-bar > span {
  background-color: #206cfe;
}

.auto-fs-new .btn.btn-primary,
.auto-fs-new .btn.btn-lg {
  height: 56px !important;
  border-radius: 12px !important;
}

.auto-fs-new .text-link.text-blue {
  color: #0f53d6 !important;
}

.auto-fs-new .custom-checkbox.checkbox-md input[type=checkbox] + label::before, .auto-fs-new .custom-checkbox.checkbox-lg input[type=checkbox] + label::before {
  border: 1px solid #999;
}

.auto-fs-new .custom-checkbox.checkbox-md input[type=checkbox]:checked + label::before,
.auto-fs-new .custom-checkbox.checkbox-lg input[type=checkbox]:checked + label::before {
  background-color: #206cfe !important;
  border: 0 !important;
}

.auto-fs-new .custom-checkbox.checkbox-border input[type=checkbox]:checked + label::before {
  background-color: #206dfe;
  border: 0;
}

.auto-fs-new input.custom-input:valid {
  border-color: #999;
}

.auto-fs-new input.custom-input:active, .auto-fs-new input.custom-input:focus {
  border: solid 2px #544944 !important;
}

.auto-fs-new .input-unit.unit-mix.has-mobile-num input.custom-input:active,
.auto-fs-new .input-unit.unit-mix.has-mobile-num input.custom-input:focus {
  border: none !important;
}

.auto-fs-new .input-unit {
  border: 1px solid #999;
}

.auto-fs-new .btn.btn-alert {
  height: auto !important;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 1 !important;
  letter-spacing: -0.57px !important;
  background-color: #206cfe !important;
  border-color: #206cfe !important;
  border-radius: 12px !important;
  padding: 16px 0 14px !important;
  color: #fff !important;
}

.auto-fs-new .btn.btn-alert.btn-border {
  background-color: #fff !important;
  border-color: #999 !important;
  color: #222 !important;
}

.auto-fs-new .bottomsheet > .popup-content ul.select-list a.on {
  color: #0f53d6 !important;
}

.auto-fs-new .bottomsheet > .popup-content ul.select-list a.on::after {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-check-new.png) no-repeat center/32px auto !important;
}

.auto-fs-new .account-select-wrap.my-account .my-account-list > li > a.on::after {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-check-new.png) no-repeat center/32px auto !important;
}

.auto-fs-new + .custom-bottomsheet .bottomsheet > .popup-content ul.select-list a.on {
  color: #0f53d6 !important;
}

.auto-fs-new + .custom-bottomsheet .bottomsheet > .popup-content ul.select-list a.on::after {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-check-new.png) no-repeat center/32px auto !important;
}

.auto-fs-new .d-flex-between .btn,
.auto-fs-new .form-wrap-content .btn {
  background-color: #206dfe !important;
  border: 1px solid #206dfe !important;
  border-radius: 12px !important;
}

.auto-fs-new .btn-select {
  border: 1px solid #999 !important;
}

.auto-fs-new .form-control-clear .btn-input-clear.is-active {
  background-color: transparent !important;
  border: 0 !important;
}

.auto-fs-new .custom-radio.radio-md input[type=radio]:checked + label::before {
  border-color: #206dfe !important;
}

.auto-fs-new .custom-radio.radio-md input[type=radio]:checked + label em::before {
  background-color: #206dfe !important;
}

.auto-fs-new .custom-radio.radio-btn input[type=radio]:checked + label::before {
  border: 2px solid #206cfe !important;
}

.auto-fs-new .custom-radio.radio-btn input[type=radio]:checked + label {
  color: #0f53d6 !important;
  font-weight: 500;
}

.auto-fs-new .custom-radio.radio-btn input[type=radio] + label::before {
  border: 1px solid #999 !important;
  border-radius: 12px;
}

.auto-fs-new .btn.btn-sky-blue {
  color: #0f53d6 !important;
}

.auto-fs-new .agree-box-wrap .report-list > li > a {
  color: #0f53d6 !important;
}

.auto-fs-new .list-colum-type-icon .custom-radio.list-block input[type=radio] + label::before {
  border: none !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.auto-fs-new .input-unit.unit-mix.unit-mix-active {
  border: 2px solid #544944 !important;
}

.auto-fs-new .add-info .text-blue {
  color: #0f53d6 !important;
}

.auto-fs-new .agreeChk-list-wrap {
  border: 1px solid #999 !important;
}

.auto-fs-new .custom-checkbox.checkbox-border input[type=checkbox] + label::before {
  border: 1px solid #999 !important;
}

.auto-fs-new .custom-radio.radio-md input[type=radio] + label::before {
  border: 1px solid #999 !important;
}

.auto-fs-new .agreeChk-accodion-conts .btn-wrap .btn-sky-blue {
  height: auto;
  padding: 13px 16px;
  color: #0f53d6;
  line-height: 22px;
  border-radius: 12px;
}

.auto-fs-new .text-blue-new {
  color: #206dfe !important;
}

.auto-fs-new .popup-content .agreeChk-accodion-box .agreeChk-cont-btn .agreeChk-txt {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  text-align: left;
  color: #666;
}

.auto-fs-new .popup-content .agreeChk-accodion-box .agreeChk-cont-btn .text-link {
  font-size: 14px;
  letter-spacing: -0.07px;
  color: #3674bc;
}

.auto-fs-new .popup-content .agreeChk-accodion-box .agreeChk-cont-btn .text-link::before {
  background-color: #3674bc;
}

.auto-fs-new .popup-content .btn-right-wrap .btn-icon-custom.btn-icon-custom-right {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #222;
}

.auto-fs-new .popup-content .btn-right-wrap .btn-icon-custom.btn-icon-custom-right > span::after {
  height: 22px;
}

.auto-fs-new .popup-content .form-wrap-content .bank-info .btn-select > img {
  width: 32px;
  height: 32px;
}

.auto-fs-new .popup-content .form-wrap-content .bank-info .btn-select > img + .bank-name {
  margin-left: 10px;
}

.auto-fs-new .popup-content .form-wrap-content .bank-info .btn-select .account-number,
.auto-fs-new .popup-content .form-wrap-content .bank-info .btn-select .bank-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #222;
}

.auto-fs-new .popup-content .form-wrap-content .bank-info + .form-content {
  margin-top: 8px;
}

.auto-fs-new .popup-content .bank-list > li .bank-info .btn-select > img {
  width: 32px;
  height: 32px;
}

.auto-fs-new .popup-content .bank-list > li .bank-info .btn-select > img + .bank-name {
  margin-left: 10px;
}

.auto-fs-new .popup-content .bank-list > li .bank-info .btn-select .account-number,
.auto-fs-new .popup-content .bank-list > li .bank-info .btn-select .bank-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #222;
}

.auto-fs-new .popup-content .bank-list > li .custom-radio.radio-btn input[type=radio] + label::before {
  border: 1px solid transparent !important;
  border-radius: 10px;
}

.auto-fs-new.num-input .popup-content {
  min-height: auto;
  padding: 0 24px 48px;
}

.auto-fs-new.num-input .popup-content .num-validity-check .form-control-clear {
  width: calc(100% - 82px);
}

.auto-fs-new.num-input .popup-content .num-validity-check .btn.request {
  min-width: 73px;
}

.auto-fs-new.popup-alert {
  border-radius: 20px;
}

.auto-fs-new .new-txt-blue {
  color: #206cfe !important;
}

body.focus-outline .auto-fs-new :focus {
  outline: none !important;
}

/* 오토할부 메인페이지 커스텀*/
.auto-fs-main .popup-header {
  background: transparent !important;
}

.auto-fs-main .popup-header .popup-title {
  color: #fff !important;
}

.auto-fs-main .popup-header .btn-close {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-close-white.svg) !important;
}

.auto-fs-main .popup-header.fixed {
  position: fixed;
  background: #fff !important;
  z-index: 10;
}

.auto-fs-main .popup-header.fixed .popup-title {
  color: #222 !important;
}

.auto-fs-main .popup-header.fixed .btn-close {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-close-pop.svg) !important;
}

.auto-fs-main .popup-content {
  margin-top: -56px;
}

.auto-fs-main .popup-content .top-visual-wrap {
  position: relative;
  margin: -15px -24px 0;
  height: 330px;
  background-image: linear-gradient(228deg, #8420fe 0%, #206cfd 98%, #2179fa 100%);
}

.auto-fs-main .popup-content .top-visual-wrap .main-txt {
  padding-top: 66px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.42;
  text-align: center;
  letter-spacing: -0.75px;
  color: #fff;
}

.auto-fs-main .popup-content .top-visual-wrap .main-txt > .strong {
  color: #b2feff;
}

.auto-fs-main .popup-content .top-visual-wrap .main-txt + .main-img {
  margin-top: 6px;
}

.auto-fs-main .popup-content .top-visual-wrap .main-img {
  position: relative;
  text-align: center;
  width: 100%;
  height: 156px;
  z-index: 5;
}

.auto-fs-main .popup-content .top-visual-wrap .main-img > img {
  position: relative;
  width: 300px;
  height: auto;
  z-index: 10;
}

.auto-fs-main .popup-content .top-visual-wrap .main-img::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 150px solid #fff;
  border-left: 500px solid transparent;
  z-index: 1;
}

.auto-fs-main .popup-content .top-visual-wrap + .top-result-wrap {
  padding: 20px 0 30px;
}

.auto-fs-main .popup-content .list-dot.add-txt > li {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #222;
}

.auto-fs-main .popup-content .list-dot.add-txt > li .txt-box {
  font-weight: normal;
  color: #666;
}

.fold-info-wrap {
  padding: 0 20px;
  border-radius: 21px;
  border: solid 0.8px #dcdfe4;
  background-color: #f5f9ff;
}

.fold-info-wrap .fold-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
  border-bottom: solid 1px #dfe4ed;
}

.fold-info-wrap .fold-header > .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #222;
}

.fold-info-wrap .fold-header .btn.btn-edit {
  height: 32px !important;
  padding: 7px 16px !important;
  border-radius: 16px !important;
  border: solid 1px #bbb !important;
  background-color: #fff !important;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.29;
  letter-spacing: -0.58px;
  text-align: center;
  color: #222 !important;
}

.fold-info-wrap .fold-body-wrap {
  padding: 20px 0 40px;
}

.fold-info-wrap .fold-body-wrap .main-table {
  border-bottom: none !important;
  background: transparent !important;
}

.fold-info-wrap .fold-body-wrap .main-table tbody tr:first-child th {
  padding: 0 0 6px !important;
}

.fold-info-wrap .fold-body-wrap .main-table tbody tr:first-child td {
  padding: 0 0 6px !important;
}

.fold-info-wrap .fold-body-wrap .main-table tbody tr:last-child th {
  padding: 6px 0 0 !important;
}

.fold-info-wrap .fold-body-wrap .main-table tbody tr:last-child td {
  padding: 6px 0 0 !important;
}

.fold-info-wrap .fold-body-wrap .main-table tbody th {
  padding: 6px 0 !important;
  text-align: left;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.57px;
  color: #666;
  background: transparent !important;
  border-top: none !important;
  border-right: none !important;
  vertical-align: top;
}

.fold-info-wrap .fold-body-wrap .main-table tbody td {
  padding: 6px 0 !important;
  text-align: right;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: normal;
  background: transparent !important;
  color: #222;
  border-top: none !important;
  vertical-align: top;
}

.fold-info-wrap .fold-body-wrap .body-bottom-wrap {
  padding-top: 16px;
  margin-top: 32px;
  border-top: solid 1px #dfe4ed;
}

.fold-info-wrap .fold-body-wrap .body-bottom-wrap .list-dot > li {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #222;
}

.fold-info-wrap .fold-body-wrap .body-bottom-wrap .txt-box {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.71;
  letter-spacing: -0.5px;
  color: #666;
}

.fold-info-wrap .fold-body-wrap .body-bottom-wrap .list-dot + .txt-box {
  margin-top: 8px;
}

.fold-info-wrap .fold-body-wrap .main-table-wrap + .fold-body .main-table-wrap .main-table tbody tr:first-child th {
  padding: 6px 0 !important;
}

.fold-info-wrap .fold-body-wrap .main-table-wrap + .fold-body .main-table-wrap .main-table tbody tr:first-child td {
  padding: 6px 0 !important;
}

.fold-info-wrap .fold-body-wrap .fold-body {
  padding: 0 24px;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition-property: padding, max-height, visibility, color;
  transition-property: padding, max-height, visibility, color;
  -webkit-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.fold-info-wrap .fold-footer {
  padding: 16px 0 20px;
  border-top: solid 1px #dfe4ed;
  text-align: center;
}

.fold-info-wrap .fold-footer .btn-fold {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #222;
  background-color: transparent;
  border: none;
  -webkit-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.fold-info-wrap.is-active .fold-body-wrap .fold-body {
  max-height: 5000px;
  padding: 0;
  visibility: visible;
  color: #666;
  -webkit-transition-property: padding, max-height, visibility, color;
  transition-property: padding, max-height, visibility, color;
  -webkit-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.fold-info-wrap.is-active .fold-footer .btn-fold::after {
  margin-top: -1px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

/*2023-03-08 바텀시트 커스텀*/
.custom-bottomsheet.bottom-footer-type-1 .popup-content {
  height: calc(100vh - 234px - var(--safe-top) - var(--safe-bottom));
}

.custom-bottomsheet.has-footer-type1 .popup-content .radio-grey-box {
  padding: 20px;
  border-radius: 10px;
  background-color: #fafafa;
}

.data-list-wrap .form-wrap-content .sub-title + .grey-info-box {
  margin-top: 8px;
}

.data-list-wrap .form-wrap-content .grey-info-box {
  padding: 20px;
  border-radius: 10px;
  background-color: #fafafa;
}

.data-list-wrap .form-wrap-content .grey-info-box .box-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.5px;
}

.data-list-wrap .form-wrap-content .grey-info-box .box-row .left-area {
  text-align: left;
  color: #666;
}

.data-list-wrap .form-wrap-content .grey-info-box .box-row .right-area {
  text-align: right;
  font-weight: 500;
  color: #222;
}

.data-list-wrap .form-wrap-content .grey-info-box .box-row + .box-row {
  margin-top: 8px;
}

.light-grey-box {
  padding: 20px;
  border-radius: 10px;
  background-color: #fafafa;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #222;
}

.light-grey-box > span {
  color: #0f53d6;
}

.sub-title.title-depth3 > .text-blue-new {
  color: #0f53d6;
}

.no-line-table-area {
  padding: 32px 0;
  border-top: solid 1px #ebebeb;
  border-bottom: solid 1px #ebebeb;
}

.no-line-table-area .custom-table.no-line-table {
  border-bottom: none !important;
}

.no-line-table-area .custom-table.no-line-table tbody > tr:first-child th,
.no-line-table-area .custom-table.no-line-table tbody > tr:first-child td {
  padding: 0 0 6px;
}

.no-line-table-area .custom-table.no-line-table tbody > tr:last-child th,
.no-line-table-area .custom-table.no-line-table tbody > tr:last-child td {
  padding: 0 0 6px;
}

.no-line-table-area .custom-table.no-line-table tbody th,
.no-line-table-area .custom-table.no-line-table tbody td {
  padding: 6px 0;
  font-size: 16px;
  vertical-align: top;
}

.no-line-table-area .custom-table.no-line-table tbody th {
  font-weight: normal;
  background: #fff;
  color: #666;
  border-top: none !important;
  border-right: none !important;
}

.no-line-table-area .custom-table.no-line-table tbody td {
  text-align: right;
  font-weight: 500;
  background: #fff;
  color: #222;
  border-top: none !important;
}

.top-result-wrap {
  padding: 32px 0 20px;
}

.top-result-wrap .custom-table {
  border-bottom: none !important;
}

.top-result-wrap .custom-table thead th {
  padding: 2px 0 !important;
  text-align: center;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #666;
  background: #fff;
  border-top: none !important;
  border-right: none !important;
}

.top-result-wrap .custom-table tbody td {
  padding: 2px 0 !important;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.5px;
  color: #0f53d6;
  border-top: none !important;
}

.gray-blue-table {
  border-bottom: none !important;
}

.gray-blue-table tbody tr:first-child th {
  padding: 0 0 6px !important;
}

.gray-blue-table tbody tr:first-child td {
  padding: 0 0 6px !important;
}

.gray-blue-table tbody tr:last-child th {
  padding: 6px 0 0 !important;
}

.gray-blue-table tbody tr:last-child td {
  padding: 6px 0 0 !important;
}

.gray-blue-table tbody th {
  padding: 6px 0 !important;
  text-align: left;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #666;
  background: #fafafa;
  border-top: none !important;
  border-right: none !important;
  vertical-align: top;
}

.gray-blue-table tbody td {
  padding: 6px 0 !important;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.5px;
  background: #fafafa;
  color: #0f53d6;
  border-top: none !important;
  vertical-align: top;
}

.visit-table-form.customer-check-list {
  background-image: url(/webapp/v2/common/assets/images/finance/img-check@3x.png);
}

.message-text-gray + .result-table {
  margin-top: 48px;
  padding: 20px 0;
}

.chkbox-list-wrap {
  padding: 12px 0;
  line-height: 1 !important;
}

.box-full.gray-inner + .chkbox-list-wrap {
  margin-top: 12px;
}

.box-full.gray-inner {
  padding: 16px 24px;
  background-color: #fafafa;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #222;
}

.border-bottom-none {
  border-bottom: 0 !important;
}

.product-manual-wrap .depth01 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #222;
}

.product-manual-wrap .depth02 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #222;
}

.product-manual-wrap .depth03 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #222;
}

.product-manual-wrap .depth04 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #666;
}

.product-manual-wrap .qna-l-title + .qna-list {
  margin-top: 16px;
}

.product-manual-wrap .qna-s-title + .qna-answer {
  margin-top: 8px;
}

.product-manual-wrap .qna-list + .qna-list {
  margin-top: 24px;
}

.product-manual-wrap .img-area > img {
  width: 100%;
}

.product-manual-wrap .img-area + .img-area {
  margin-top: 16px;
}

.product-manual-wrap .radio-btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-manual-wrap .radio-btn-wrap .custom-radio + .custom-radio {
  margin-left: 48px;
}

.product-manual-wrap .list-dot > li,
.product-manual-wrap .list-hyphen > li {
  margin-top: 4px !important;
}

.box-gray > .txt-blue {
  color: #0f53d6;
}

.box-gray.border-bk {
  border: solid 1px #222;
}

.sub-txt > .txt-blue {
  color: #0f53d6;
}

/* 20230619 라디오 체크박스 커스텀 */
.custom-radio.radio-md.radio-206cfe input[type=radio]:checked + label::before {
  border-color: #206cfe;
}

.custom-radio.radio-md.radio-206cfe input[type=radio]:checked + label em::before {
  background-color: #206cfe;
}

.custom-radio-chk.radio-chk-sm.radio-206cfe input[type=radio]:checked + label em::before, .custom-radio-chk.radio-chk-sm.radio-206cfe input[type=radio]:checked + label em::after {
  background-color: #206cfe;
}

.custom-checkbox.checkbox-md.checkbox-206cfe input[type=checkbox]:checked + label::before, .custom-checkbox.checkbox-lg.checkbox-206cfe input[type=checkbox]:checked + label::before {
  background-color: #206cfe;
}

.custom-checkbox.checkbox-sm.checkbox-206cfe input[type=checkbox]:checked + label em::before, .custom-checkbox.checkbox-sm.checkbox-206cfe input[type=checkbox]:checked + label em::after, .custom-checkbox.checkbox-sm.checkbox-206cfe input[type=radio]:checked + label em::before, .custom-checkbox.checkbox-sm.checkbox-206cfe input[type=radio]:checked + label em::after {
  background-color: #206cfe;
}

/* CSRUIUX-766 수정 추가 */
.sub-wrapper .auto-fs-uplodad.sub-container {
  padding: 0;
  padding-bottom: 132px;
  padding-bottom: calc(132px + var(--safe-bottom));
}

.sub-wrapper .auto-fs-uplodad.sub-container.auto-fs-file {
  padding-bottom: 260px;
  padding-bottom: calc(260px + var(--safe-bottom));
}

/* CSRUIUX-856 오토할부 Car Master등록화면 신규 개발 */
.carMaster .popup-header {
  background: #070c36 !important;
}

.carMaster .popup-header .popup-title {
  color: #fff !important;
}

.carMaster .popup-header .btn-prev {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-history-back-wite.svg);
}

.carMaster .popup-content {
  padding: 0 !important;
}

.carMaster .popup-content .new-auto-top-area {
  width: 100%;
  padding: 30px 24px 40px;
  background: #070c36;
}

.carMaster .popup-content .new-auto-top-area .lotte-card-logo {
  position: relative;
  width: 100%;
  height: 14px;
}

.carMaster .popup-content .new-auto-top-area .lotte-card-logo > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
}

.carMaster .popup-content .new-auto-top-area .lotte-card-logo + .top-tiltle {
  margin-top: 6px;
}

.carMaster .popup-content .new-auto-top-area .top-tiltle {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: -0.11px;
  text-align: left;
  color: #fff;
}

.carMaster .popup-footer .btn.btn-primary {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
  border-radius: 0;
}

.carMaster .popup-footer .btn:disabled, .carMaster .popup-footer .btn:disabled:active {
  border-color: #e2f5f5;
  background-color: #e2f5f5;
  color: #b3c2c2;
}

.carMaster.id-card-wrap .tab-list-wrap .tab-box > li.is-active {
  background: #3674bc;
}

.carMaster.id-card-wrap .form-wrap-content .unit-mix .form-select {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.carMaster.id-card-wrap .form-wrap-content .unit-mix .custom-input::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.carMaster.id-card-wrap .form-wrap-content .unit-mix .custom-input:-ms-input-placeholder {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.carMaster.id-card-wrap .form-wrap-content .unit-mix .custom-input::-ms-input-placeholder {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.carMaster.id-card-wrap .form-wrap-content .unit-mix .custom-input::placeholder {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.carMaster .data-input-area {
  padding: 36px 24px 48px;
  margin-top: -18px;
  border-radius: 0;
  background: #fff;
}

.carMaster .data-input-area .form-wrap-content .btn-select {
  border: 1px solid #ddd !important;
}

.carMaster .data-input-area .form-wrap-content .error .btn-select {
  border: 1px solid #e10 !important;
}

.carMaster .data-input-area .form-wrap-content .form-select {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.carMaster .data-input-area .form-wrap-content .form-content .form-control-clear input.custom-input:valid {
  border-color: #ddd;
}

.carMaster .data-input-area .form-wrap-content .form-content .form-control-clear input.custom-input::-webkit-input-placeholder {
  color: #999;
}

.carMaster .data-input-area .form-wrap-content .form-content .form-control-clear input.custom-input:-ms-input-placeholder {
  color: #999;
}

.carMaster .data-input-area .form-wrap-content .form-content .form-control-clear input.custom-input::-ms-input-placeholder {
  color: #999;
}

.carMaster .data-input-area .form-wrap-content .form-content .form-control-clear input.custom-input::placeholder {
  color: #999;
}

.carMaster .data-input-area .form-wrap-content .form-content .input-unit {
  border: 1px solid #ddd;
}

.carMaster .data-input-area .form-wrap-content .form-content .input-unit.is-active {
  border: solid 2px #544944 !important;
}

.carMaster .data-input-area .form-wrap-content .form-content .input-unit.is-active .btn-input-clear {
  visibility: visible;
}

.carMaster .data-input-area .form-wrap-content .form-content .input-unit.is-disabled .input-unit .unit {
  color: #222 !important;
}

.carMaster .data-input-area .form-wrap-content .form-content .input-unit input.custom-input:active,
.carMaster .data-input-area .form-wrap-content .form-content .input-unit input.custom-input:focus {
  border: none !important;
}

.carMaster .data-input-area .form-wrap-content .form-content .input-unit .btn-input-clear {
  right: 48px;
  background-color: transparent !important;
  border: none !important;
}

.carMaster .data-input-area .form-wrap-content .custom-checkbox label {
  color: #666;
}

.carMaster .data-input-area .form-wrap-content.checkBox .custom-checkbox {
  display: block;
}

.carMaster .data-input-area .form-wrap-content.checkBox .custom-checkbox .checked-area {
  display: none;
}

.carMaster .data-input-area .form-wrap-content.checkBox .custom-checkbox input:checked ~ .checked-area {
  display: block;
}

.carMaster .data-input-area .form-wrap-content.checkBox .form-content .input-unit .custom-input {
  padding-right: 24px;
  text-align: right;
}

.carMaster .data-input-area .form-wrap-content.checkBox .form-content .input-unit .btn-input-clear {
  right: 48px;
  background-color: transparent !important;
  border: none !important;
}

.carMaster .data-input-area .data-list-wrap input.custom-input {
  color: #999;
}

.carMaster .data-input-area .data-list-wrap + .sub-title.title-depth4 {
  margin-top: 24px;
}

.carMaster .data-input-area .data-area-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.1px;
  text-align: left;
  color: #222;
}

.carMaster .data-input-area .data-area-title + .data-area-desc {
  margin-top: 8px;
}

.carMaster .data-input-area .data-area-desc {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  text-align: left;
  color: #666;
}

.carMaster .data-input-area .data-area-desc > span {
  font-weight: bold;
}

.carMaster .custom-checkbox.checkbox-border input[type=checkbox]:checked + label::before {
  background-color: #206dfe;
}

.carMaster .custom-checkbox.checkbox-md input[type=checkbox]:checked + label::before, .carMaster .custom-checkbox.checkbox-lg input[type=checkbox]:checked + label::before {
  background-color: #206dfe;
}

.carMaster .text-link.text-blue {
  color: #3674bc !important;
}

/* CSRUIUX-589 오토할부 접수(이미지) 프로세스 신규 개발 */
.auto-fs-uplodad {
  /* CSRUIUX-766 수정 추가 */
}

.auto-fs-uplodad.popup-layer .popup-header {
  display: none;
}

.auto-fs-uplodad.popup-layer .popup-header.fixed {
  display: none;
}

.auto-fs-uplodad.popup-layer .popup-content {
  padding: 0 !important;
}

.auto-fs-uplodad.popup-layer .popup-content .new-auto-top-area {
  width: 100%;
  padding: 30px 24px 40px;
  background: #070c36;
}

.auto-fs-uplodad.popup-layer .popup-content .new-auto-top-area .lotte-card-logo {
  position: relative;
  width: 100%;
  height: 14px;
}

.auto-fs-uplodad.popup-layer .popup-content .new-auto-top-area .lotte-card-logo > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
}

.auto-fs-uplodad.popup-layer .popup-content .new-auto-top-area .lotte-card-logo + .top-tiltle {
  margin-top: 6px;
}

.auto-fs-uplodad.popup-layer .popup-content .new-auto-top-area .top-tiltle {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: -0.11px;
  text-align: left;
  color: #fff;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area {
  padding: 36px 24px 48px;
  margin-top: -18px;
  border-radius: 0;
  background: #fff;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .form-wrap-content .btn-select {
  border: 1px solid #ddd !important;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .form-wrap-content .form-content .form-control-clear input.custom-input:valid {
  border-color: #ddd;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .form-wrap-content .form-content .form-control-clear input.custom-input::-webkit-input-placeholder {
  color: #999;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .form-wrap-content .form-content .form-control-clear input.custom-input:-ms-input-placeholder {
  color: #999;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .form-wrap-content .form-content .form-control-clear input.custom-input::-ms-input-placeholder {
  color: #999;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .form-wrap-content .form-content .form-control-clear input.custom-input::placeholder {
  color: #999;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .form-wrap-content .form-content .input-unit {
  border: 1px solid #ddd;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .form-wrap-content .form-content .input-unit.is-active {
  border: solid 2px #544944 !important;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .form-wrap-content .form-content .input-unit.is-active .btn-input-clear {
  visibility: visible;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .form-wrap-content .form-content .input-unit.is-disabled .input-unit .unit {
  color: #222 !important;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .form-wrap-content .form-content .input-unit input.custom-input:active,
.auto-fs-uplodad.popup-layer .popup-content .data-input-area .form-wrap-content .form-content .input-unit input.custom-input:focus {
  border: none !important;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .form-wrap-content .form-content .input-unit .btn-input-clear {
  right: 48px;
  background-color: transparent !important;
  border: none !important;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .form-wrap-content .custom-checkbox label {
  color: #666;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .form-wrap-content.checkBox .custom-checkbox {
  display: block;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .form-wrap-content.checkBox .custom-checkbox .checked-area {
  display: none;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .form-wrap-content.checkBox .custom-checkbox input:checked ~ .checked-area {
  display: block;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .form-wrap-content.checkBox .form-content .input-unit .custom-input {
  padding-right: 24px;
  text-align: right;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .form-wrap-content.checkBox .form-content .input-unit .btn-input-clear {
  right: 48px;
  background-color: transparent !important;
  border: none !important;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .data-list-wrap input.custom-input {
  color: #999;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .data-list-wrap + .sub-title.title-depth4 {
  margin-top: 24px;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .data-area-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.1px;
  text-align: left;
  color: #222;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .data-area-title + .data-area-desc {
  margin-top: 8px;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .data-area-desc {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  text-align: left;
  color: #666;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .data-area-desc > span {
  font-weight: bold;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .file-list-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 16px;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .file-list-ul > li {
  position: relative;
  margin-top: 18px;
  width: 96px;
  height: 90px;
  border-radius: 12px;
  text-align: center;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .file-list-ul > li .file-upload-area {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  border: solid 1px #ebebeb;
  background: #666;
  overflow: hidden;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .file-list-ul > li .file-upload-area > img {
  width: auto;
  height: 100%;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .file-list-ul > li .file-delete {
  position: absolute;
  padding: 0;
  top: -12px;
  right: -12px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-color: transparent;
  border: none;
  text-indent: -9999px;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .file-list-ul > li:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #e5edf7;
  border: solid 1px #e5edf7;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .file-list-ul > li:first-child > .ico-area {
  width: 100%;
  height: 25px;
  background: url(/webapp/v2/common/assets/images/finance/ico-camera-after.png) no-repeat center center;
  background-size: 28px;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .file-list-ul > li:first-child > .ico-area + .file-cnt {
  margin-top: 4px;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .file-list-ul > li:first-child .file-cnt {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.7px;
  text-align: center;
  color: #0f53d6;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .file-list-ul > li input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}

.auto-fs-uplodad.popup-layer .popup-content .data-input-area .file-list-ul > li:nth-child(3n+1) {
  margin-left: 0;
}

.auto-fs-uplodad.popup-layer .popup-footer .attention-txt .list-asterisk {
  color: #0f53d6;
  font-size: 14px;
  line-height: 1.57;
  text-align: left;
}

.auto-fs-uplodad.popup-layer .popup-footer .attention-txt .list-asterisk > li > span {
  font-weight: bold;
}

.auto-fs-uplodad.popup-layer .popup-footer .attention-txt + .btn-block {
  margin-top: 24px;
}

.auto-fs-uplodad .new-auto-top-area {
  width: 100%;
  padding: 30px 24px 40px;
  background: #070c36;
}

.auto-fs-uplodad .new-auto-top-area .lotte-card-logo {
  position: relative;
  width: 100%;
  height: 14px;
}

.auto-fs-uplodad .new-auto-top-area .lotte-card-logo > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
}

.auto-fs-uplodad .new-auto-top-area .lotte-card-logo + .top-tiltle {
  margin-top: 6px;
}

.auto-fs-uplodad .new-auto-top-area .top-tiltle {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: -0.11px;
  text-align: left;
  color: #fff;
}

.auto-fs-uplodad .data-input-area {
  padding: 36px 24px 18px;
  margin-top: -18px;
  border-radius: 0;
  background: #fff;
}

.auto-fs-uplodad .data-input-area .form-wrap-content .btn-select {
  border: 1px solid #ddd !important;
}

.auto-fs-uplodad .data-input-area .form-wrap-content .form-content .form-control-clear input.custom-input:valid {
  border-color: #ddd;
}

.auto-fs-uplodad .data-input-area .form-wrap-content .form-content .form-control-clear input.custom-input::-webkit-input-placeholder {
  color: #999;
}

.auto-fs-uplodad .data-input-area .form-wrap-content .form-content .form-control-clear input.custom-input:-ms-input-placeholder {
  color: #999;
}

.auto-fs-uplodad .data-input-area .form-wrap-content .form-content .form-control-clear input.custom-input::-ms-input-placeholder {
  color: #999;
}

.auto-fs-uplodad .data-input-area .form-wrap-content .form-content .form-control-clear input.custom-input::placeholder {
  color: #999;
}

.auto-fs-uplodad .data-input-area .form-wrap-content .form-content .input-unit {
  border: 1px solid #ddd;
}

.auto-fs-uplodad .data-input-area .form-wrap-content .form-content .input-unit.is-active {
  border: solid 2px #544944 !important;
}

.auto-fs-uplodad .data-input-area .form-wrap-content .form-content .input-unit.is-active .btn-input-clear {
  visibility: visible;
}

.auto-fs-uplodad .data-input-area .form-wrap-content .form-content .input-unit.is-disabled .input-unit .unit {
  color: #222 !important;
}

.auto-fs-uplodad .data-input-area .form-wrap-content .form-content .input-unit input.custom-input:active,
.auto-fs-uplodad .data-input-area .form-wrap-content .form-content .input-unit input.custom-input:focus {
  border: none !important;
}

.auto-fs-uplodad .data-input-area .form-wrap-content .form-content .input-unit .btn-input-clear {
  right: 48px;
  background-color: transparent !important;
  border: none !important;
}

.auto-fs-uplodad .data-input-area .form-wrap-content .custom-checkbox label {
  color: #666;
}

.auto-fs-uplodad .data-input-area .form-wrap-content.checkBox .custom-checkbox {
  display: block;
}

.auto-fs-uplodad .data-input-area .form-wrap-content.checkBox .custom-checkbox .checked-area {
  display: none;
}

.auto-fs-uplodad .data-input-area .form-wrap-content.checkBox .custom-checkbox input:checked ~ .checked-area {
  display: block;
}

.auto-fs-uplodad .data-input-area .form-wrap-content.checkBox .form-content .input-unit .custom-input {
  padding-right: 24px;
  text-align: right;
}

.auto-fs-uplodad .data-input-area .form-wrap-content.checkBox .form-content .input-unit .btn-input-clear {
  right: 48px;
  background-color: transparent !important;
  border: none !important;
}

.auto-fs-uplodad .data-input-area .data-list-wrap input.custom-input {
  color: #999;
}

.auto-fs-uplodad .data-input-area .data-list-wrap + .sub-title.title-depth4 {
  margin-top: 24px;
}

.auto-fs-uplodad .data-input-area .data-area-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.1px;
  text-align: left;
  color: #222;
}

.auto-fs-uplodad .data-input-area .data-area-title + .data-area-desc {
  margin-top: 8px;
}

.auto-fs-uplodad .data-input-area .data-area-desc {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  text-align: left;
  color: #666;
}

.auto-fs-uplodad .data-input-area .data-area-desc > span {
  font-weight: bold;
}

.auto-fs-uplodad .data-input-area .file-list-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 12px;
  margin-top: 16px;
}

.auto-fs-uplodad .data-input-area .file-list-ul > li {
  position: relative;
  margin-top: 18px;
  width: calc(33.333% - 8px);
  height: 90px;
  border-radius: 12px;
  text-align: center;
}

.auto-fs-uplodad .data-input-area .file-list-ul > li .file-upload-area {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  border: solid 1px #ebebeb;
  background: #666;
  overflow: hidden;
}

.auto-fs-uplodad .data-input-area .file-list-ul > li .file-upload-area > img {
  width: auto;
  height: 100%;
}

.auto-fs-uplodad .data-input-area .file-list-ul > li .file-delete {
  position: absolute;
  padding: 0;
  top: -12px;
  right: -12px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-color: transparent;
  border: none;
  text-indent: -9999px;
}

.auto-fs-uplodad .data-input-area .file-list-ul > li:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #e5edf7;
  border: solid 1px #e5edf7;
}

.auto-fs-uplodad .data-input-area .file-list-ul > li:first-child > .ico-area {
  width: 100%;
  height: 25px;
  background: url(/webapp/v2/common/assets/images/finance/ico-camera-after.png) no-repeat center center;
  background-size: 28px;
}

.auto-fs-uplodad .data-input-area .file-list-ul > li:first-child > .ico-area + .file-cnt {
  margin-top: 4px;
}

.auto-fs-uplodad .data-input-area .file-list-ul > li:first-child .file-cnt {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.7px;
  text-align: center;
  color: #0f53d6;
}

.auto-fs-uplodad .data-input-area .file-list-ul > li input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}

.auto-fs-uplodad + .sub-footer {
  background: #fff;
}

.auto-fs-uplodad + .sub-footer .attention-txt .list-asterisk {
  color: #0f53d6;
  font-size: 14px;
  line-height: 1.57;
  text-align: left;
}

.auto-fs-uplodad + .sub-footer .attention-txt .list-asterisk > li > span {
  font-weight: bold;
}

.auto-fs-uplodad + .sub-footer .attention-txt + .btn-block {
  margin-top: 24px;
}

/* CSRUIUX-898 오토할부 차량번호 및 보완서류 등록 신규 개발 */
.carNum-24lds .data-input-area {
  border-radius: 0;
}

.carNum-24lds .data-input-area .sub-title.title-depth4 {
  margin-top: 0;
}

.carNum-24lds .data-input-area .sub-title.title-depth4 + .data-list-wrap {
  margin-top: 24px;
}

.carNum-24lds .data-input-area .data-list-wrap .form-wrap-content .input-unit {
  border-radius: 0;
}

.carNum-24lds .data-input-area .data-list-wrap .form-wrap-content .input-unit input.custom-input {
  border: none;
}

.carNum-24lds .data-input-area .data-list-wrap .form-wrap-content .input-unit input.custom-input:active {
  border: none;
}

.carNum-24lds .data-input-area .data-list-wrap .form-wrap-content .input-unit .form-select {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.carNum-24lds .data-input-area .data-list-wrap .form-wrap-content input.custom-input {
  border: 1px solid #ddd;
  border-radius: 0;
  color: #222;
}

.carNum-24lds.popup-alert {
  width: 312px;
  border-radius: 0;
}

.carNum-24lds.popup-alert .popup-content .txt-msg {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.carNum-24lds.popup-alert .popup-footer .btn.btn-alert {
  height: 48px;
  font-size: 16px;
  letter-spacing: -0.08px;
  line-height: 1;
  color: #222;
  background-color: #5ddbdb;
  border-color: #5ddbdb;
  border-radius: 0;
}

.carNum-24lds.attention-txt {
  text-align: left;
}

.carNum-24lds.attention-txt .list-asterisk {
  color: #0f53d6;
  font-size: 14px;
  line-height: 1.57;
  text-align: left;
}

.carNum-24lds.attention-txt .list-asterisk > li > span {
  font-weight: bold;
}

.carNum-24lds.attention-txt .list-asterisk + .input-area {
  margin-top: 24px;
}

.carNum-24lds.attention-txt .input-area {
  padding-top: 28px;
  border-top: solid 1px #666;
}

.carNum-24lds.attention-txt .input-area .custom-checkbox + .form-content {
  margin-top: 8px;
}

.carNum-24lds.attention-txt .input-area .form-content input.custom-input {
  letter-spacing: -0.08px;
  border: 1px solid #ddd;
  border-radius: 0;
}

.carNum-24lds.attention-txt .input-area .custom-checkbox.checkbox-md input[type=checkbox] + label,
.carNum-24lds.attention-txt .input-area .custom-checkbox.checkbox-lg input[type=checkbox] + label {
  margin-left: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.carNum-24lds.attention-txt .input-area .custom-checkbox.checkbox-md input[type=checkbox] + label::before,
.carNum-24lds.attention-txt .input-area .custom-checkbox.checkbox-lg input[type=checkbox] + label::before {
  border: 1px solid #d5cfc9;
  border-radius: 2px;
}

.carNum-24lds.attention-txt .input-area .custom-checkbox.checkbox-md input[type=checkbox]:checked + label::before,
.carNum-24lds.attention-txt .input-area .custom-checkbox.checkbox-lg input[type=checkbox]:checked + label::before {
  background-color: #222;
  border-radius: 2px;
  border: 1px solid #222;
}

.carNum-24lds.attention-txt + .btn-block {
  margin-top: 24px;
}

.carNum-24lds.info-message-box {
  margin-top: 100px;
}

.carNum-24lds.info-message-box .icon-area {
  margin: 0 auto;
  width: 48px;
  height: 48px;
}

.carNum-24lds.info-message-box .icon-area > img {
  width: 100px;
}

.carNum-24lds.info-message-box .icon-area + .message-text {
  margin-top: 16px;
}

.carNum-24lds.info-message-box .message-text {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: -0.11px;
}

/* CSRUIUX-766 신규 */
.btn.btn-206cfe {
  background-color: #206cfe;
  border-color: #206cfe;
}

.auto-fs-salesmain {
  background: #070c36;
}

.auto-fs-salesmain.sub-header {
  background: #070c36;
}

.auto-fs-salesmain.sub-header.fixed::after {
  background-color: inherit;
}

.auto-fs-salesmain.sub-header .sub-title {
  color: #fff;
}

.auto-fs-salesmain.sub-header .btn-prev {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-history-back-wite.svg);
}

.auto-fs-salesmain .top-area {
  padding-bottom: 24px;
}

.auto-fs-salesmain .top-area img {
  display: block;
  width: 60px;
  padding-bottom: 6px;
}

.auto-fs-salesmain .top-area .title {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  line-height: 32px;
  letter-spacing: -0.11px;
}

.auto-fs-salesmain .cont-area .sales-step li {
  position: relative;
  padding: 22px 20px;
  border-radius: 0;
  background-color: #fff;
  margin-top: 16px;
}

.auto-fs-salesmain .cont-area .sales-step li.last {
  background-color: #e2f2ff;
}

.auto-fs-salesmain .cont-area .sales-step li:first-child {
  margin-top: 0;
}

.auto-fs-salesmain .cont-area .sales-step li strong {
  display: block;
  padding-bottom: 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -0.06px;
  color: #222b79;
}

.auto-fs-salesmain .cont-area .sales-step li .tit {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #222;
}

.auto-fs-salesmain .cont-area .sales-step li .card-item {
  position: absolute;
  top: 28px;
  right: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60.6px;
  height: 37px;
}

.auto-fs-salesmain .cont-area .sales-step li .card-item img {
  width: 100%;
  height: 100%;
}

.auto-fs-salesmain .cont-area .sales-step li .card-item img.typeH {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 37px;
  height: 60.6px;
}

.auto-fs-salesmain .cont-area .sales-step li .btn-box {
  margin-top: 20px;
}

.auto-fs-salesmain .cont-area .sales-step li .btn-box .btn {
  height: 48px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.08px;
  border-radius: 0;
  border: solid 1px #d5cfc9;
}

.auto-fs-salesmain .cont-area .sales-step li .btn-box .btn.btn-primary {
  color: #222;
  background-color: #5ddbdb;
  border: solid 1px #5ddbdb;
}

.auto-fs-salesmain .cont-area .sales-step li .btn-box + .tit {
  margin-top: 20px;
}

/* CSRUIUX-797 이자면제 사전오퍼 신규 개발 */
.interest-free .bottomsheet .popup-header .popup-subtitle {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
}

.interest-free .bottomsheet .popup-content {
  min-height: 128px;
}

.interest-free .bottomsheet .popup-content .content-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background-color: #f6f5f3;
}

.interest-free .bottomsheet .popup-content .content-area .txt-area {
  padding: 16px 20px;
  width: calc(100% - 84px);
  text-align: left;
}

.interest-free .bottomsheet .popup-content .content-area .txt-area .l-txt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.interest-free .bottomsheet .popup-content .content-area .txt-area .l-txt + .s-txt {
  margin-top: 6px;
}

.interest-free .bottomsheet .popup-content .content-area .txt-area .s-txt {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #666;
}

.interest-free .bottomsheet .popup-content .content-area .img-area {
  width: 84px;
  height: 84px;
}

.interest-free .bottomsheet .popup-content .content-area .img-area > img {
  width: 100%;
}

/* LMS-오토서비스 한도 결제정보 */
.lms-auto-card .auto-card-wrap .auto-card-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.lms-auto-card .auto-card-wrap .card-thumb-wrap {
  height: 48px;
}

.lms-auto-card .auto-card-wrap .card-thumb-wrap .card-thumb {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 75px;
  height: 48px;
}

.lms-auto-card .auto-card-wrap .card-thumb-wrap .card-thumb > img.typeH {
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
  width: 48px;
  height: 75px;
}

.lms-auto-card .auto-card-wrap .auto-card-head .card-name {
  padding-left: 12px;
}

.lms-auto-card .auto-card-wrap .auto-card-head .card-name > strong {
  display: block;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.lms-auto-card .auto-card-wrap .auto-card-head .card-name > span {
  display: block;
  margin-top: 2px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.lms-auto-card .auto-card-wrap .auto-card-box {
  margin-top: 16px;
  padding: 20px 20px 16px 20px;
  background: #fafafa;
  border-radius: 6px;
}

.lms-auto-card .auto-card-wrap .auto-card-box .info-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lms-auto-card .auto-card-wrap .auto-card-box .info-name span {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.lms-auto-card .auto-card-wrap .auto-card-box .info-name span:nth-of-type(2) {
  margin-left: 17px;
}

.lms-auto-card .auto-card-wrap .auto-card-box .info-name span:nth-of-type(2)::before {
  content: '';
  position: absolute;
  left: -9px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background: #222;
}

.lms-auto-card .auto-card-wrap .auto-card-box dl.data-list {
  margin-top: 12px;
}

.lms-auto-card .auto-card-wrap .auto-card-box dl.data-list dt, .lms-auto-card .auto-card-wrap .auto-card-box dl.data-list dd {
  margin: 4px 0;
}

.lms-auto-card .accordion-wrap.type-button.type-full .list-dot > li {
  color: #222;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

/* //LMS-오토서비스 한도 결제정보 */
/* 오토할부 3.0 style */
.auto-fs-advance .list-dot {
  font-size: 16px;
  line-height: 24px;
}

.auto-fs-advance dl.data-list dt, .auto-fs-advance dl.data-list dd {
  font-size: 16px;
}

.auto-fs-advance .accordion .check.fold-head {
  color: #222;
}

.auto-fs-advance dl.data-list dd {
  font-weight: 500;
}

.auto-fs-advance .box-full.gray-inner {
  background: #f6f5f3;
}

.auto-fs-advance .data-list-wrap .form-wrap-content .grey-info-box {
  border: 1px solid #ebe7e4;
  border-radius: 0;
  background: #fff;
}

/* .auto-fs-advance .sub-title.underline {padding-bottom: 11px; border-bottom: 1px solid #222; font-size: 18px; line-height: 1.33;}*/
/* input */
.auto-fs-new.auto-fs-advance input.custom-input {
  border-radius: 0;
}

.auto-fs-new.auto-fs-advance .custom-radio.list-block input[type=radio] + label {
  border-radius: 0;
}

/* .auto-fs-new.auto-fs-advance .custom-radio.radio-md input[type=radio]:checked + label::before {border-color: #222 !important;}
.auto-fs-new.auto-fs-advance .custom-radio.radio-md input[type=radio]:checked + label em::before {background-color: #222 !important;} */
.auto-fs-new.auto-fs-advance .custom-radio.radio-btn input[type=radio]:checked + label::before {
  border: 1px solid #222 !important;
  -webkit-box-shadow: 0 4px 8px 0 rgba(34, 34, 34, 0.12);
          box-shadow: 0 4px 8px 0 rgba(34, 34, 34, 0.12);
}

.auto-fs-new.auto-fs-advance .custom-radio.radio-btn input[type=radio]:checked + label {
  color: #222 !important;
  font-weight: 500;
}

.auto-fs-new.auto-fs-advance .custom-radio.radio-btn input[type=radio] + label::before {
  color: #999;
  border: 1px solid #d5cfc9 !important;
  border-radius: 0;
}

.auto-fs-advance .custom-checkbox input[type=checkbox] + label::before {
  display: none;
}

.auto-fs-advance .custom-checkbox input[type=checkbox] + label em::before, .auto-fs-advance .custom-checkbox input[type=checkbox] + label em::after {
  background-color: #d5cfc9;
}

.auto-fs-advance .custom-checkbox input[type=checkbox]:checked + label em::before, .auto-fs-advance .custom-checkbox input[type=checkbox]:checked + label em::after {
  background-color: #222;
}

.auto-fs-new.auto-fs-advance .custom-checkbox.checkbox-md input[type=checkbox] + label::before, .auto-fs-new.auto-fs-advance .custom-checkbox.checkbox-lg input[type=checkbox] + label::before {
  border: 1px solid #999;
}

.auto-fs-new.auto-fs-advance .custom-checkbox.checkbox-md input[type=checkbox]:checked + label::before,
.auto-fs-new.auto-fs-advance .custom-checkbox.checkbox-lg input[type=checkbox]:checked + label::before {
  background-color: #206cfe !important;
  border: 0 !important;
}

.auto-fs-new.auto-fs-advance .custom-checkbox.checkbox-border input[type=checkbox]:checked + label::before {
  background-color: #206dfe;
  border: 0;
}

/* checkbox */
.auto-fs-advance .custom-checkbox input[type=checkbox] + label em::before {
  top: -7px;
  height: 8px;
}

.auto-fs-advance .custom-checkbox input[type=checkbox] + label em::after {
  bottom: -1px;
  width: 12px;
}

/* 약관동의 */
.auto-fs-advance .agreeChk-accodion-box {
  border-radius: 0;
}

.auto-fs-advance .agreeChk-list-wrap {
  border-radius: 0;
}

/* button */
.auto-fs-new.auto-fs-advance .btn.btn-primary {
  border-radius: 0;
  border-color: #5ddbdb;
  background-color: #5ddbdb;
  color: #222;
}

.auto-fs-new.auto-fs-advance .btn.btn-primary:disabled {
  background-color: #e2f5f5;
  border-color: #e2f5f5;
  color: #b3c2c2;
}

.auto-fs-new.auto-fs-advance .d-flex-between .btn, .auto-fs-new.auto-fs-advance .form-wrap-content .btn {
  border-radius: 0 !important;
  background-color: #ebe7e4 !important;
  border: 1px solid #ebe7e4 !important;
}

.auto-fs-new.auto-fs-advance .btn.btn-alert {
  border-radius: 0 !important;
  background-color: #5ddbdb !important;
  border-color: #5ddbdb !important;
  color: #222 !important;
}

.auto-fs-new.auto-fs-advance .btn.btn-alert:disabled {
  background-color: #e2f5f5 !important;
  border-color: #e2f5f5 !important;
  color: #b3c2c2 !important;
}

.auto-fs-new.auto-fs-advance .btn.btn-alert.btn-border {
  background-color: #fff !important;
  border-color: #999 !important;
  color: #222 !important;
}

.auto-fs-new.auto-fs-advance .btn.btn-alert.btn-border:disabled {
  background-color: #fff !important;
  border-color: #ebebeb !important;
  color: #bbb !important;
}

.auto-fs-new.auto-fs-advance .form-control-clear .btn {
  border: 0 !important;
  background-color: transparent !important;
}

/* layer */
.popup-layer.auto-fs-advance {
  border-radius: 0;
}

/* 3.0 강조 초록색 */
.auto-fs-new.auto-fs-advance .text-link.text-blue,
.auto-fs-new.auto-fs-advance .text-blue-new,
.auto-fs-new.auto-fs-advance .agree-box-wrap .report-list > li > a,
.auto-fs-advance .gray-blue-table tbody td,
.auto-fs-advance .sub-txt > .txt-blue,
.auto-fs-advance .box-gray > .txt-blue,
.auto-fs-new.auto-fs-advance .btn.btn-sky-blue {
  color: #007881 !important;
}

.auto-fs-new.auto-fs-advance .text-link.text-blue:before {
  background-color: #007881 !important;
}

/* 3.0 강조 블랙 */
.auto-fs-new.auto-fs-advance .bottomsheet > .popup-content ul.select-list a.on,
.auto-fs-new.auto-fs-advance + .custom-bottomsheet .bottomsheet > .popup-content ul.select-list a.on {
  color: #222 !important;
}

.auto-fs-new.auto-fs-advance .agreeChk-cont-btn .text-link.text-blue {
  color: #222 !important;
  text-decoration: underline;
}

.auto-fs-new.auto-fs-advance .agreeChk-cont-btn .text-link.text-blue:before {
  display: none !important;
}

/* main */
.auto-fs-main.auto-fs-advance .popup-content .list-dot.add-txt > li {
  font-size: 16px;
  line-height: 1.5;
}

.auto-fs-main.auto-fs-advance .btn.btn-primary, .auto-fs-main.auto-fs-advance .btn.btn-lg {
  border-radius: 0 !important;
}

.auto-fs-main.auto-fs-advance .popup-content {
  margin-top: 0;
}

.auto-fs-main.auto-fs-advance .popup-header .popup-title {
  color: #222 !important;
}

.auto-fs-main.auto-fs-advance .popup-header .btn-close {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-close-pop.svg) !important;
}

.auto-fs-main.auto-fs-advance .popup-content .top-visual-wrap {
  height: 432px;
  background: #ebe7e4;
}

.auto-fs-main.auto-fs-advance .popup-content .top-visual-wrap .main-txt {
  padding: 40px 24px 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: #222;
  text-align: left;
}

.auto-fs-main.auto-fs-advance .popup-content .top-visual-wrap .main-txt > .strong {
  margin-top: 4px;
  font-size: 28px;
  line-height: 40px;
  color: #222;
  letter-spacing: -0.2px;
}

.auto-fs-main.auto-fs-advance .popup-content .top-visual-wrap .main-img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  max-width: 360px;
  max-height: 260px;
}

.auto-fs-main.auto-fs-advance .popup-content .top-visual-wrap .main-img::after {
  display: none;
}

.auto-fs-main.auto-fs-advance .popup-content .top-visual-wrap .main-img img {
  width: 100%;
}

.auto-fs-main.auto-fs-advance .auto-fs-main-info {
  margin: 16px -24px;
}

.auto-fs-main.auto-fs-advance .auto-fs-main-info .accordion-wrap.type-button .accordion .fold-head {
  font-weight: 500;
}

.auto-fs-main.auto-fs-advance .auto-fs-main-info .accordion-wrap.type-button .accordion .fold-body {
  padding: 0;
}

.auto-fs-main.auto-fs-advance .auto-fs-main-info .accordion-wrap.type-button .accordion.is-active .fold-body {
  padding: 0 0 16px;
}

.auto-fs-main.auto-fs-advance .auto-fs-main-info .accordion-wrap.type-button .fold-body .fold-body-bg {
  padding: 24px;
  background: #f6f5f3;
}

.auto-fs-main.auto-fs-advance .auto-fs-main-info .accordion-wrap.type-button .fold-body .fold-body-bg .fbody-head > strong {
  color: #222;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.auto-fs-main.auto-fs-advance .auto-fs-main-info .accordion-wrap.type-button .fold-body .fold-body-bg .fbody-head > a.text-link {
  color: #625b4e;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.auto-fs-main.auto-fs-advance .auto-fs-main-info .accordion-wrap.type-button .fold-body .fold-body-bg .fbody-head > a.text-link:before {
  background: #625b4e;
}

.auto-fs-main.auto-fs-advance .auto-fs-main-info .accordion-wrap.type-button .fold-body .fold-body-bg .fbody-box {
  margin-top: 12px;
  padding: 14px 20px 20px;
  background: #ebe7e4;
}

.auto-fs-main.auto-fs-advance .auto-fs-main-info .accordion-wrap.type-button .fold-body .fold-body-bg dl.data-list-result {
  padding-bottom: 4px;
  border-bottom: 1px solid #999;
}

.auto-fs-main.auto-fs-advance .auto-fs-main-info .accordion-wrap.type-button .fold-body .fold-body-bg .body-bottom-wrap {
  margin-top: 10px;
}

.auto-fs-main.auto-fs-advance .auto-fs-main-info .accordion-wrap.type-button .fold-body .fold-body-bg .body-bottom-wrap .list-dot > li {
  color: #222;
}

.auto-fs-main.auto-fs-advance .auto-fs-main-info .accordion-wrap.type-button .fold-body .fold-body-bg .body-bottom-wrap .txt-box {
  margin-top: 10px;
  color: #666;
  font-size: 14px;
  line-height: 24px;
}

.auto-fs-main.auto-fs-advance .auto-fs-main-info .box-loan-summary {
  margin: 0 24px;
  padding: 14px 20px;
  background: #f6f5f3;
}

.auto-fs-main.auto-fs-advance .auto-fs-main-info .box-loan-summary dl.data-list.data-list-result {
  padding-bottom: 0;
  border-bottom: 0;
}

.auto-fs-main.auto-fs-advance .auto-fs-main-info .box-loan-summary dl.data-list dt {
  color: #222;
}

.auto-fs-main.auto-fs-advance .auto-fs-main-info .box-loan-summary dl.data-list dd {
  font-weight: 700;
  color: #222;
}

/* process sub */
.auto-fs-new.auto-fs-advance .btn.btn-primary, .auto-fs-new.auto-fs-advance .btn.btn-lg {
  border-radius: 0 !important;
}

.auto-fs-new.auto-fs-advance .sub-title.title-depth3 {
  color: #222;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.45;
}

.auto-fs-new.auto-fs-advance .sub-title.title-depth3 > .text-blue-new {
  color: #222 !important;
}

.auto-fs-new.auto-fs-advance .step-bar > span {
  background: #222;
}

.auto-fs-new.auto-fs-advance .box-loan-summary {
  padding: 14px 20px;
  border: 1px solid #ebe7e4;
}

.auto-fs-new.auto-fs-advance .box-loan-summary dl.data-list.data-list-result {
  padding-bottom: 0;
  border-bottom: 0;
}

.auto-fs-new.auto-fs-advance .box-loan-summary dl.data-list dd {
  font-weight: 500;
  color: #007881;
}

.auto-fs-new.auto-fs-advance .account-select-wrap.my-account .my-account-list > li > a.on::after,
.auto-fs-new.auto-fs-advance .bottomsheet > .popup-content ul.select-list a.on::after,
.auto-fs-new.auto-fs-advance + .custom-bottomsheet .bottomsheet > .popup-content ul.select-list a.on::after {
  top: calc(50% - 16px);
  width: 28px;
  height: 28px;
  background: url(/webapp/v2/common/assets/images/finance/icon-check.svg) !important;
}

/* //오토할부 3.0 style */
/* 신차오토할부 1원인증 */
.custom-icon.icon-1wonNumber.new-st {
  background-image: url(/webapp/v2/common/assets/images/common/img-account1won02.png);
}

.auto-fs-new.level1-cert .btn.btn-primary,
.auto-fs-new.level1-cert .btn.btn-lg {
  height: 60px !important;
  border-radius: 0 !important;
}

.auto-fs-new.level1-cert .btn-select.readonly {
  border-color: #f3f3f3 !important;
}

.auto-fs-new.level1-cert .num-validity-check .btn.btn-primary {
  height: 56px !important;
  border-color: #5ddbdb !important;
  background-color: #5ddbdb !important;
}

.auto-fs-new.level1-cert .cert-chk {
  padding: 24px;
  text-align: center;
}

.auto-fs-new.level1-cert .cert-chk .tit-txt {
  padding-bottom: 24px;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.auto-fs-new.level1-cert .cert-chk .custom-icon.icon-1wonNumber {
  background-size: contain;
}

/* 260119 영문이름 */
.col3-name-chk {
  gap: 8px;
}

.col3-name-chk .form-control-clear {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}

.col3-name-chk .form-control-clear > input {
  min-width: auto;
}

.col3-name-chk .form-control-clear .chk-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 73px;
          flex: 0 0 73px;
}

/* 2023-02-06 TOUCH  고도화 */
.sub-title.title-depth3.flex.new .btn-search-benefit {
  background-color: transparent;
  border: 0;
  height: 48px;
  padding: 0;
  line-height: 1;
  border-radius: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sub-title.title-depth3.flex.new .btn-search-benefit span {
  font-size: 16px;
  color: #222222;
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
}

.touch-new.touch-sch {
  padding-top: 49px;
}

.touch-new .search-form .form-content .custom-input {
  border-color: #222222;
  -webkit-transition: none;
  transition: none;
}

.touch-new .search-form .custom-input:active,
.touch-new .search-form .custom-input:focus {
  border-width: 2px;
  padding-left: 19px;
}

.touch-new .search-form.search-sticky {
  top: calc(55px + var(--safe-top));
  padding: 17px 24px 16px 24px;
}

.touch-new .recent-kwd .page-sub-title {
  margin-bottom: 0;
}

.touch-new .recent-kwd .title-wrap.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
}

.touch-new .recent-kwd .title-wrap.flex .text-link {
  color: #999999;
  line-height: 14px;
}

.touch-new .recent-kwd .title-wrap.flex .text-link::before {
  background-color: #999999;
}

.touch-new .recent-kwd .recent-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 22px;
  font-weight: 400;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.touch-new .recent-kwd .recent-list li .kwd {
  color: #222222;
  font-size: 16px;
}

.touch-new .recent-kwd .recent-list li .inf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.touch-new .recent-kwd .recent-list li .inf .date {
  color: #999999;
  margin-right: 8px;
}

.touch-new .recent-kwd .recent-list li .inf .bt-del {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-close-pop.png) no-repeat center;
  background-size: 30px auto;
  border: none;
  width: 24px;
  height: 24px;
  opacity: 0.6;
}

.touch-new .recent-kwd .recent-list li + li {
  margin-top: 18px;
}

.touch-new .result-sch .list-wrap {
  margin-top: 0px;
}

.touch-new .result-sch .list-wrap .no-result {
  padding: 56px 0px 48px 0px;
}

.touch-new .result-sch .list-wrap .list-dot > li {
  line-height: 16px;
}

.touch-new .result-sch .rlist .benefit-coupon:first-child {
  margin-top: 30px;
}

.touch-new .result-sch .rlist .benefit-coupon + .benefit-coupon {
  margin-top: 12px;
}

.touch-new .result-sch .rlist .benefit-coupon.type02 .border i:before,
.touch-new .result-sch .rlist .benefit-coupon.type02 .border i:after {
  background-color: #ffffff;
}

.touch-new .result-sch .benefit-coupon .round.type02:before,
.touch-new .result-sch .benefit-coupon .round.type02:after {
  background-color: #ffffff;
}

.touch-new .text-link.icon-link-down.text-black {
  font-size: 16px;
}

.touch-new .benefit-coupon .btn-wrap .btn.btn-sm.btn-round {
  padding: 0px 18px;
  white-space: nowrap;
}

.touch-new .kword-hots hr.border-full {
  margin-top: 40px;
}

.touch-new .kword-hots .keyword-list .tx-num {
  font-size: 14px;
}

.touch-new .kword-hots .keyword-list li a {
  font-size: 16px;
  color: #222222;
}

.touch-new .banner {
  margin-bottom: 30px;
}

.touch-new .banner .benefit-wrap {
  margin-top: 0px;
}

.touch-new .banner .touch-banner {
  margin-top: 40px;
}

.touch-new .banner .custom-swiper-pagination.swiper-pagination-bullets.bottom {
  bottom: 40px;
  left: 0;
  width: 100%;
  text-align: center;
}

.benefit-coupon {
  position: relative;
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

.benefit-coupon .info-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.benefit-coupon .info-flex .info-box .tit {
  color: #222;
  /*@include fontSize('xs');*/
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.benefit-coupon .info-flex .info-box .tit + .text {
  margin-top: 2px;
}

.benefit-coupon .info-flex .info-box .text {
  display: block;
  color: #222;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-style: normal;
}

.benefit-coupon .info-flex .info-box .date {
  color: #666;
  /*@include fontSize('xs');*/
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: normal;
}

.benefit-coupon .info-flex .img-box {
  margin-left: 16px;
}

.benefit-coupon .info-flex .img-box img {
  max-width: 56px;
  max-height: 56px;
  border-radius: 10px;
}

.benefit-coupon .round:before, .benefit-coupon .round:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.benefit-coupon .round:before {
  right: -9px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1) inset;
  z-index: 1;
}

.benefit-coupon .round:after {
  background-color: #fff;
  right: -17px;
  height: 23px;
  z-index: 2;
}

.benefit-coupon .round.type02:before, .benefit-coupon .round.type02:after {
  background-color: #fafafa;
}

.benefit-coupon .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.benefit-coupon .btn-wrap .badge {
  display: inline-block;
  background-color: #fff;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  border: 1px solid;
  border-radius: 4px;
  line-height: 18px;
  padding: 0 6px;
}

.benefit-coupon .btn-wrap .badge.type01 {
  border-color: rgba(58, 177, 140, 0.4);
  color: #05855E;
  padding: 4px 6px 2px;
  height: 20px;
  line-height: 1;
}

.benefit-coupon .btn-wrap .hashtag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 3px 6px 3px 0;
  border-radius: 4px;
  background-color: #f8f8f8;
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  padding: 7px 8px 4px;
  height: 24px;
  line-height: 1;
}

.benefit-coupon .btn-wrap .btn {
  min-width: 64px;
  margin-left: 16px;
}

.benefit-coupon .badge-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.benefit-coupon .badge-area .left-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.benefit-coupon .badge-area .badge {
  border-radius: 4px;
  border: 1px solid rgba(54, 116, 188, 0.4);
  color: #0B48BE;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-style: normal;
  padding: 4px 6px 4px;
  height: auto;
  line-height: 1;
}

.benefit-coupon .badge-area .badge + .badge {
  margin-left: 2px;
}

.benefit-coupon .badge-area .badge + .text {
  margin-left: 6px;
}

.benefit-coupon .badge-area .badge.type02 {
  color: #ea7869;
  border-color: rgba(235, 17, 0, 0.4);
}

.benefit-coupon .badge-area .badge.type03 {
  color: #66499a;
  border-color: rgba(102, 73, 154, 0.4);
}

.benefit-coupon .badge-area .badge.type04 {
  color: #544944;
  border-color: rgba(84, 73, 68, 0.4);
}

.benefit-coupon .badge-area .badge.type05 {
  color: #3ab18c;
  border-color: rgba(58, 177, 140, 0.4);
}

.benefit-coupon .badge-area .text {
  color: #0B48BE;
  font-weight: 500;
  line-height: 1;
}

.benefit-coupon + .benefit-coupon {
  margin-top: 12px;
}

.benefit-coupon + .btn-more-wrap {
  margin-top: 20px;
}

.benefit-coupon.type02 {
  padding-bottom: 16px;
}

.benefit-coupon.type02 .badge-area {
  margin-top: 17px;
}

.benefit-coupon.type02 .border {
  position: relative;
  margin: 20px 0 13px;
}

.benefit-coupon.type02 .border hr.line {
  width: 100%;
  height: 1px;
  border: none;
  background: url(/webapp/v2/common/assets/images/benefit/line-dotted.png) repeat-x;
}

.benefit-coupon.type02 .border i:before, .benefit-coupon.type02 .border i:after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.benefit-coupon.type02 .border i:before {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fafafa;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1) inset;
  z-index: 1;
}

.benefit-coupon.type02 .border i:after {
  margin-top: -1px;
  width: 20px;
  height: 23px;
  border-radius: 50%;
  background-color: #fafafa;
  z-index: 2;
}

.benefit-coupon.type02 .border i.left-round:before {
  left: -30px;
}

.benefit-coupon.type02 .border i.left-round:after {
  left: -38px;
}

.benefit-coupon.type02 .border i.right-round:before {
  right: -30px;
}

.benefit-coupon.type02 .border i.right-round:after {
  right: -38px;
}

.benefit-coupon.type02 .border i.round:before {
  width: 19px;
  height: 18px;
  z-index: 2;
}

.benefit-coupon.type02 .border i.round:after {
  display: none;
}

.benefit-coupon.type02 .border:before {
  left: -30px;
}

.benefit-coupon.type02 .border:after {
  right: -30px;
}

.benefit-coupon.type02 .btn-wrap {
  margin-top: 0;
  min-height: 32px;
}

.benefit-coupon.type02 .btn-wrap .btn {
  min-width: 64px;
  margin-left: 16px;
}

.benefit-coupon .btn-wrap .text-soldout {
  font-size: 12px;
  color: #666;
  font-weight: 500;
}

.benefit-coupon + .btn-more-wrap {
  margin-bottom: 16px;
}

.btn.benefit {
  margin-top: 48px;
  height: 48px;
  border-radius: 8px;
  background-color: #fafafa;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.swiper-component-wrapper.benefit-wrap {
  margin-top: 24px;
  margin-left: -24px;
  width: 100vw;
  padding-bottom: 8px;
}

.swiper-component-wrapper.benefit-wrap + hr.border-full {
  margin-top: 40px;
}

.swiper-component-wrapper.benefit-wrap .swiper-container.benefit-swiper .swiper-slide {
  padding: 3px 24px 24px;
}

.swiper-component-wrapper.benefit-wrap .custom-swiper-pagination {
  bottom: 0 !important;
}

.swiper-component-wrapper.benefit-wrap .benefit-coupon {
  height: 178px;
}

.swiper-component-wrapper.benefit-wrap .benefit-coupon .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-orient: vertical;
}

.swiper-component-wrapper.benefit-wrap .benefit-coupon .btn-wrap {
  position: absolute;
  bottom: 20px;
  width: calc(100% - 40px);
}

.accordion-wrap.benefit-button-accordion .accordion .fold-head {
  padding: 0;
}

.accordion-wrap.benefit-button-accordion .accordion .fold-head .radio-wrap {
  white-space: nowrap;
  overflow: auto;
  padding: 4px 40px 4px 0;
}

.accordion-wrap.benefit-button-accordion .accordion .fold-head .radio-wrap .custom-radio.radio-btn {
  padding: 4px 0;
}

.accordion-wrap.benefit-button-accordion .accordion .fold-head .radio-wrap .custom-radio.radio-btn label {
  padding: 9px 16px 7px;
  min-height: 40px;
  color: #666;
  border-radius: 20px;
  background-color: #f8f8f8;
}

.accordion-wrap.benefit-button-accordion .accordion .fold-head .radio-wrap .custom-radio.radio-btn label:before {
  display: none;
}

.accordion-wrap.benefit-button-accordion .accordion .fold-head .radio-wrap .custom-radio.radio-btn input[type=radio]:checked + label {
  color: #fff;
  font-weight: 700;
  background-color: #544944;
}

.accordion-wrap.benefit-button-accordion .accordion .fold-head .radio-wrap .custom-radio.radio-btn + .custom-radio.radio-btn {
  margin-left: 4px;
}

.accordion-wrap.benefit-button-accordion .accordion .fold-head .btn-fold {
  top: 5px;
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, #fff 50%, rgba(255, 255, 255, 0));
  z-index: 1;
  height: 46px;
}

.accordion-wrap.benefit-button-accordion .accordion.is-active .fold-head .radio-wrap {
  white-space: initial;
  overflow: inherit;
}

.sub-title.title-depth3.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sub-title.title-depth3.flex .value {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.sub-title.title-depth3.flex .value span {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.benefit-chkbox {
  margin: 10px 0 16px;
  text-align: right;
}

.benefit-chkbox .custom-checkbox.checkbox-sm input[type=checkbox]:checked + label {
  color: #222;
}

.benefit-chkbox .custom-checkbox.checkbox-sm label {
  color: #666;
  font-size: 14px !important;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.benefit-chkbox .custom-checkbox.checkbox-sm label em:before, .benefit-chkbox .custom-checkbox.checkbox-sm label em:after {
  background-color: #999;
}

.box-gray.box-full.full-page {
  margin-bottom: -30px;
  padding-bottom: 48px;
}

.box-gray.box-full.full-page.page {
  min-height: calc(100vh - 229px);
  padding: 32px 24px;
}

.box-gray.box-full.full-page.page .no-result {
  margin-top: 64px;
  text-align: center;
}

.box-gray.box-full.full-page.page .no-result .text {
  margin-bottom: 8px;
}

.box-gray.box-full.full-page.vh {
  min-height: calc(100vh - 56px);
}

.popup-content .benefit-info-box + .btn.btn-block.btn-sm2 {
  margin-top: 32px;
}

.login-touch a {
  display: block;
  position: relative;
  padding: 21px 24px 21px 20px;
  border-radius: 10px;
  background-color: #eef3f8;
  color: #222;
  font-weight: 500;
  line-height: 22px;
}

.login-touch a:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 26px;
  width: 9px;
  height: 9px;
  margin-top: -4px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.login-touch + .benefit-coupon {
  margin-top: 24px;
}

.login-touch + .touch-guide-banner {
  margin-top: 32px;
}

.touch-info-wrap {
  margin-bottom: 16px;
}

.touch-info-wrap .tit {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.touch-info-wrap .text {
  margin-bottom: 4px;
}

.touch-info-wrap .value {
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0px;
  line-height: 1.25;
  font-weight: 700;
  font-style: normal;
}

.touch-info-wrap .value span {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.popup-content.touch .alert-message + .alert-message {
  margin-top: 16px;
}

.touch-accordion-wrap .accordion-wrap.type-border .accordion:first-child {
  border-top: 1px solid #ebebeb;
}

.touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-head {
  padding: 24px 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-head .btn-fold {
  width: 24px;
  height: 24px;
  margin-top: -2px;
}

.touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-head .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(100% - 24px);
}

.touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-head .flex-box div:first-child .tit {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-head .flex-box div:first-child .date {
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-head .flex-box div:last-child .point {
  color: #0B48BE;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-style: normal;
}

.touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-body {
  padding: 0 8px;
}

.touch-accordion-wrap .accordion-wrap.type-border .accordion.is-active .fold-body {
  padding: 4px 8px 24px;
}

.touch-accordion-wrap .no-result {
  padding-top: 96px;
  border-top: 1px solid #ebebeb;
  text-align: center;
}

.touch-accordion-wrap .no-result .text {
  margin-bottom: 8px;
}

.touch-swiper-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}

.touch-swiper-wrap .touch-info p {
  color: #666;
}

.touch-swiper-wrap .touch-swiper-box .swiper-container {
  width: 142px;
  height: 142px;
  border-radius: 10px;
}

.touch-swiper-wrap .touch-swiper-box .swiper-container .swiper-wrapper .swiper-slide img {
  height: 100%;
}

.touch-swiper-wrap .touch-swiper-box .swiper-container .swiper-pagination-touch {
  display: inline-block;
  position: absolute;
  left: initial;
  top: initial;
  right: 8px;
  bottom: 8px;
  padding: 1px 8px;
  width: auto;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 500;
  border-radius: 10px;
  background-color: rgba(34, 34, 34, 0.6);
  z-index: 10;
}

.touch-swiper-wrap .touch-swiper-box .swiper-container .swiper-pagination-touch .swiper-pagination-current {
  color: #fff;
}

.text-coral-blue {
  color: #0f53d6 !important;
}

.touch-wrapper .sub-header.type-touch {
  background: #7ea6d5;
}

.touch-wrapper .sub-header.type-touch-growth {
  background: #3376f6;
}

.touch-wrapper .sub-header.type-touch-growth .sub-title {
  color: #fff;
}

.touch-wrapper .sub-header.type-touch-growth.fixed {
  background: #fff;
}

.touch-wrapper .sub-header.type-touch-growth.fixed .sub-title {
  color: #222;
}

.touch-wrapper .sub-header.type-touch .sub-title {
  opacity: 0;
  font-size: 0;
}

.touch-wrapper .sub-header.type-touch .btn-close {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-close-white.svg) center center no-repeat;
  background-size: 36px;
}

.touch-wrapper .sub-header.type-touch.fixed {
  background: #fff;
}

.touch-wrapper .sub-header.type-touch.fixed .sub-title {
  opacity: 1;
  font-size: 16px;
}

.touch-wrapper .sub-header.type-touch.fixed .btn-close {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-close-pop.svg) center center no-repeat;
  background-size: inherit;
}

.touch-wrapper .sub-title.title-depth4 {
  font-weight: 400;
}

.touch-wrapper .bg-touch-growth {
  min-height: 100vh;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(18%, #3376f6), color-stop(40%, #f0faff), to(#fff));
  background-image: linear-gradient(to bottom, #3376f6 18%, #f0faff 40%, #fff);
}

.touch-wrapper .bg-touch-growth .touch-coupon {
  display: inline-block;
  width: 100px;
  margin: 0 6px;
}

.touch-wrapper .bg-touch-growth .touch-coupon .img {
  overflow: hidden;
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 10px;
}

.touch-wrapper .bg-touch-growth .touch-coupon .img img {
  width: 100%;
  max-width: 100%;
}

.touch-wrapper .bg-touch-growth .touch-coupon .img .badge {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}

.touch-wrapper .bg-touch-growth .touch-coupon .text {
  margin-top: 8px;
  text-align: center;
}

.touch-wrapper .bg-touch-growth .touch-coupon .text .message-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
}

.touch-wrapper .bg-touch-growth .touch-coupon .text .message-text.text-black {
  font-weight: 700;
}

.touch-wrapper .bg-touch-growth .touch-coupon[aria-disabled=true] .img img, .touch-wrapper .bg-touch-growth .touch-coupon[aria-disabled=true] .message-text {
  opacity: .3;
}

.touch-wrapper .bg-touch-growth .touch-coupon-slide {
  overflow: hidden;
  height: 152px;
}

.touch-wrapper .bg-touch-growth .touch-coupon-slide-wrapper {
  overflow-x: scroll;
  padding: 0 0 10px;
  font-size: 0;
  white-space: nowrap;
}

.touch-wrapper .bg-touch-growth .touch-coupon-slide .badge {
  display: inline-block;
  padding: 0 6px;
  border-radius: 10px 0 10px 0;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #fff;
}

.touch-wrapper .bg-touch-growth .touch-coupon-slide .badge.blue {
  background: #3376f6;
}

.touch-wrapper .bg-touch-growth .touch-coupon-slide .badge.red {
  background: #eb1100;
}

.touch-wrapper .bg-touch-growth .touch-alarm {
  display: inline-block;
  position: relative;
  padding: 20px;
  background: #fff;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.touch-wrapper .bg-touch-growth .touch-alarm .img {
  overflow: hidden;
  width: 48px;
  height: 48px;
  margin-right: 12px;
  border-radius: 10px;
}

.touch-wrapper .bg-touch-growth .touch-alarm .img img {
  width: 100%;
  max-width: 100%;
}

.touch-wrapper .bg-touch-growth .touch-alarm .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.touch-wrapper .bg-touch-growth .touch-alarm .text .message-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
}

.touch-wrapper .bg-touch-growth .touch-alarm .text .message-text.text-black {
  font-size: 16px;
  font-weight: 500;
}

.touch-wrapper .bg-touch-growth .touch-alarm .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 172px;
  margin-top: 16px;
}

.touch-wrapper .bg-touch-growth .touch-alarm .btn-box .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  border-radius: 10px 0 0 10px;
}

.touch-wrapper .bg-touch-growth .touch-alarm .btn-box .btn:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  min-width: auto;
  padding: 0;
  border-left: 0;
  border-radius: 0 10px 10px 0;
}

.touch-wrapper .bg-touch-growth .touch-alarm .btn-box .icon-c-alarm {
  width: 24px;
  height: 24px;
  margin: 0;
  background: center/contain no-repeat url(/webapp/v2/common/assets/images/common/icons/icon-app-push.svg);
}

.touch-wrapper .bg-touch-growth .touch-alarm .btn-box .icon-share {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: center/16px no-repeat url(/webapp/v2/common/assets/images/common/icons/icon_copy.png);
  font-size: 0;
  color: transparent;
}

.touch-wrapper .bg-touch-growth .touch-alarm .text-balloon {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -18px);
          transform: translate(-50%, -18px);
  display: inline-block;
  padding: 4px 16px;
  background: #3376f6;
  border-radius: 26px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
}

.touch-wrapper .bg-touch-growth .touch-alarm .text-balloon b {
  font-weight: 700;
}

.touch-wrapper .bg-touch-growth .touch-alarm .text-balloon::after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: -6px;
  right: 24px;
  width: 0;
  height: 0;
  border-top: 3px solid #3376f6;
  border-left: 3px solid #3376f6;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
}

.touch-wrapper .bg-touch-growth .touch-alarm + .touch-alarm {
  margin-left: 12px;
}

.touch-wrapper .bg-touch-growth .touch-alarm[aria-disabled=true] .img img, .touch-wrapper .bg-touch-growth .touch-alarm[aria-disabled=true] .message-text {
  opacity: .3;
}

.touch-wrapper .bg-touch-growth .touch-alarm-slide-wrapper {
  overflow: scroll;
  padding: 6px 0;
  font-size: 0;
  white-space: nowrap;
}

.touch-wrapper .accordion-wrap.type-radius {
  background: none;
}

.touch-wrapper .accordion-wrap.type-radius .accordion {
  padding: 18px 20px;
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

.touch-wrapper .accordion-wrap.type-radius .accordion .fold-head {
  min-height: inherit;
}

.touch-wrapper .accordion-wrap.type-radius .accordion .fold-head .btn-fold {
  right: -12px;
}

.touch-wrapper .accordion-wrap.type-radius .accordion .fold-head .d-flex .img {
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 28px;
  max-width: 46px;
  max-height: 46px;
  margin-right: 8px;
}

.touch-wrapper .accordion-wrap.type-radius .accordion .fold-head .d-flex .img img {
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}

.touch-wrapper .accordion-wrap.type-radius .accordion .fold-head .d-flex .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.touch-wrapper .accordion-wrap.type-radius .accordion .fold-head .d-flex .text .page-sub-title {
  margin-bottom: 0;
}

.touch-wrapper .accordion-wrap.type-radius .accordion .fold-head .d-flex .text .message-text {
  display: none;
}

.touch-wrapper .accordion-wrap.type-radius .accordion .fold-body {
  margin: 0 -20px;
  padding: 0;
}

.touch-wrapper .accordion-wrap.type-radius .accordion .fold-body .btn-box {
  margin-top: 20px;
  padding: 0 20px;
}

.touch-wrapper .accordion-wrap.type-radius .accordion .fold-body .btn-box .btn {
  border-color: #3376f6;
  font-weight: 500;
  color: #3376f6;
}

.touch-wrapper .accordion-wrap.type-radius .accordion .fold-body .btn-box .btn:disabled {
  border-color: #ebebeb;
  color: #bbb;
}

.touch-wrapper .accordion-wrap.type-radius .accordion .fold-body .touch-coupon-slide {
  margin-top: 20px;
}

.touch-wrapper .accordion-wrap.type-radius .accordion .fold-body .touch-coupon-slide-wrapper {
  padding: 0 14px 10px;
}

.touch-wrapper .accordion-wrap.type-radius .accordion + .accordion {
  margin-top: 8px;
}

.touch-wrapper .accordion-wrap.type-radius .accordion.is-active .message-text {
  display: block !important;
}

.touch-wrapper .bg-touch-race {
  position: relative;
  margin: -15px -24px 0;
  padding: 15px 24px 48px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(54%, #7ea6d5), color-stop(121%, #64caaa));
  background-image: linear-gradient(to bottom, #7ea6d5 54%, #64caaa 121%);
}

.touch-wrapper .bg-touch-race .border-box {
  position: relative;
  margin-top: 80px;
  padding: 54px 24px 24px;
  background: #648cb9;
  border: 1px dashed #fff;
  border-radius: 20px;
  color: #fff;
  text-align: center;
}

.touch-wrapper .bg-touch-race .border-box::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: -58px;
  left: 0;
  width: 100%;
  height: 100px;
  background: center/contain no-repeat url(/webapp/v2/common/assets/images/benefit/touch/img_racebox@3x.png);
}

.touch-wrapper .bg-touch-race .sub-title.title-depth2.text-white {
  position: relative;
}

.touch-wrapper .bg-touch-race .sub-title.title-depth2.text-white::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: -6px;
  left: 240px;
  width: 44px;
  height: 60px;
  background: center/contain no-repeat url(/webapp/v2/common/assets/images/benefit/touch/img_trophy@3x.png);
}

.touch-wrapper .bg-touch-race::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  right: -132px;
  width: 270px;
  height: 270px;
  background: center/contain no-repeat url(/webapp/v2/common/assets/images/benefit/touch/img_race_bg@3x.png);
}

.touch-wrapper .get-touch-box {
  margin: 40px -24px 0;
}

.touch-wrapper .get-touch-box .copy-text-wrap.text-lg {
  color: #fff;
  text-align: center;
}

.touch-wrapper .get-touch-box .touch-slide {
  margin-top: 16px;
}

.touch-wrapper .get-touch-box .touch-slide .touch-coupon {
  position: relative;
  width: calc(100vw - 48px);
}

.touch-wrapper .get-touch-box .touch-slide .touch-coupon > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  background: #fff;
  border-radius: 20px;
}

.touch-wrapper .get-touch-box .touch-slide .touch-coupon > a .img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 60px;
  height: 60px;
  margin-right: 12px;
  border-radius: 8px;
}

.touch-wrapper .get-touch-box .touch-slide .touch-coupon > a .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.touch-wrapper .get-touch-box .touch-slide .touch-coupon > a .text .copy-text-wrap.guide-msg {
  font-size: 16px;
}

.touch-wrapper .get-touch-box .touch-slide .touch-coupon::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 24px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg) translateY(-4px);
          transform: rotate(45deg) translateY(-4px);
}

.touch-wrapper .get-touch-box .touch-slide .touch-coupon:first-child {
  margin-left: 24px;
}

.touch-wrapper .search-form + .box-gray.box-full.full-page {
  padding-top: 24px;
  min-height: calc(100vh - 136px);
}

.touch-wrapper .result-none {
  padding: 80px 0;
  text-align: center;
}

.touch-wrapper .result-none em {
  font-weight: 700;
}

.touch-wrapper .arrow-motion {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  background: center/contain no-repeat url(/webapp/v2/common/assets/images/common/icons/arrow-motion@2x.png);
}

.touch-race {
  position: relative;
  height: 100vw;
  margin: 0 -24px;
}

.touch-race .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8.333vw;
  margin-left: -8.333vw;
  width: 16.667vw;
  height: 16.667vw;
  background: #648cb9;
  border: 1px dashed #fff;
  border-radius: 50%;
  font-size: 3.889vw;
  color: #fff;
}

.touch-race .item.screet {
  background-image: url(/webapp/v2/common/assets/images/benefit/touch/img_box@3x.png);
  background-size: 10.556vw;
  background-repeat: no-repeat;
  background-position: center;
}

.touch-race .item.screet .touch {
  background: linear-gradient(345deg, #ffae00 8%, #ffe078 98%);
}

.touch-race .item.screet .touch::before {
  width: 6.667vw;
  height: 4.722vw;
}

.touch-race .item .touch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -0.556vw;
  left: -0.556vw;
  width: 17.778vw;
  height: 17.778vw;
  background: linear-gradient(345deg, #00788c 8%, #32f5cd 98%);
  border-radius: 50%;
  font-size: 3.333vw;
  text-align: center;
}

.touch-race .item .touch::before {
  content: '';
  display: inline-block;
  width: 5vw;
  height: 3.611vw;
  margin: 0 auto;
  background: center/contain no-repeat url(/webapp/v2/common/assets/images/benefit/touch/check@3x.png);
}

.touch-race .item:first-child {
  margin-top: -47.223vw;
  margin-left: -33.334vw;
}

.touch-race .item:nth-child(2) {
  margin-top: -47.223vw;
}

.touch-race .item:nth-child(3) {
  margin-top: -47.223vw;
  margin-left: 16.667vw;
}

.touch-race .item:nth-child(4) {
  margin-top: -20.833vw;
  margin-left: 4.167vw;
}

.touch-race .item:nth-child(5) {
  margin-top: -20.833vw;
  margin-left: -20.833vw;
}

.touch-race .item:nth-child(6) {
  margin-top: 4.166vw;
  margin-left: -33.334vw;
}

.touch-race .item:nth-child(7) {
  margin-top: 4.166vw;
}

.touch-race .item:nth-child(8) {
  margin-top: 4.166vw;
  margin-left: 16.667vw;
}

.touch-race .item:nth-child(9) {
  margin-top: 30.556vw;
  margin-left: 4.167vw;
}

.touch-race .item:last-child {
  margin-top: 30.556vw;
  margin-left: -20.833vw;
}

.touch-race.type02 {
  height: 75vw;
}

.touch-race.type02 .item:first-child {
  margin-top: -34.446vw;
  margin-left: -33.334vw;
}

.touch-race.type02 .item:nth-child(2) {
  margin-top: -34.446vw;
}

.touch-race.type02 .item:nth-child(3) {
  margin-top: -34.446vw;
  margin-left: 16.667vw;
}

.touch-race.type02 .item:nth-child(4) {
  margin-top: -9.167vw;
  margin-left: 16.667vw;
}

.touch-race.type02 .item:nth-child(5) {
  margin-top: -9.167vw;
  margin-left: -8.333vw;
}

.touch-race.type02 .item:nth-child(6) {
  margin-top: -9.167vw;
  margin-left: -33.334vw;
}

.touch-race.type02 .item:nth-child(7) {
  margin-top: 16.055vw;
  margin-left: -33.334vw;
}

.touch-race.type02 .item:nth-child(8) {
  margin-top: 16.055vw;
  margin-left: -8.333vw;
}

.touch-race.type02 .item:nth-child(9) {
  margin-top: 16.055vw;
  margin-left: 16.667vw;
}

.touch-race + .border-box.type-touch {
  margin-top: 80px;
}

.touch-dashboard {
  padding: 27px 0 23px;
  border-radius: 10px;
  background-color: #817169;
}

.touch-dashboard .top-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}

.touch-dashboard .top-cont div {
  position: relative;
  width: 50%;
  text-align: center;
}

.touch-dashboard .top-cont div a.text-link.icon-link {
  color: #ebebeb;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.touch-dashboard .top-cont div a.text-link.icon-link:before, .touch-dashboard .top-cont div a.text-link.icon-link:after {
  background: none;
  border-color: #fff;
}

.touch-dashboard .top-cont div a.text-link.icon-link:after {
  top: 4px;
  right: 0;
  margin-top: 0;
  width: 10px;
  height: 10px;
}

.touch-dashboard .top-cont div span {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.touch-dashboard .top-cont div + div:before {
  content: '';
  position: absolute;
  left: 0;
  top: 11px;
  width: 1px;
  height: 32px;
  background-color: #9C8A80;
}

.touch-dashboard .bottom-cont {
  padding: 0 20px;
}

.touch-dashboard .bottom-cont a.text-link.icon-link {
  padding-top: 23px;
  padding-left: 23px;
  width: 100%;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  border-top: 1px solid #9C8A80;
}

.touch-dashboard .bottom-cont a.text-link.icon-link:before {
  bottom: 0;
  width: 19px;
  height: 23px;
  background: url(/webapp/v2/common/assets/images/common/emoji/emoji15/emoji-sparkles-19@2x.png);
  background-size: 100% auto;
}

.touch-dashboard .bottom-cont a.text-link.icon-link:after {
  margin-top: -7px;
  width: 10px;
  height: 10px;
  border-color: #fff;
  top: unset;
  bottom: 7px;
}

.btn-coralblue {
  background-color: #3376f6;
  color: #fff;
}

.custom-checkbox.bg-type02 input[type=checkbox]:checked + label::before {
  background-color: #3376f6 !important;
}

.touch-banner .box-link {
  min-height: 80px;
  padding: 0;
  border-radius: 0;
  line-height: 1.5;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.5px;
}

.touch-banner .box-link > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  color: #fff;
}

.touch-banner .box-link > a .icon-arrow {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  right: 20px;
  width: 8px;
  height: 8px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.touch-banner .box-link > a:after {
  display: none;
}

.touch-banner .box-link.link-none > a::after {
  display: none;
}

.touch-banner .box-link .img {
  width: 80px;
  margin-right: -8px;
}

.touch-banner .box-link .img img {
  max-width: 100%;
}

.touch-banner .box-link .text {
  padding: 18px;
}

.touch-banner + .touch-dashboard.type02 {
  margin-top: 64px;
}

.swiper-component-wrapper .link-banner-swiper {
  padding-bottom: 24px;
}

.swiper-component-wrapper .link-banner-swiper .swiper-slide {
  padding: 0 24px;
}

.swiper-component-wrapper .swiper-control {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 30;
  width: 24px;
  height: 24px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-pause02.svg) center center no-repeat;
  border: 0;
  font-size: 0;
  color: transparent;
  cursor: pointer;
}

.swiper-component-wrapper .swiper-control.pause {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-play02.svg) center center no-repeat;
}

.swiper-component-wrapper + .touch-dashboard.type02 {
  margin-top: 32px;
}

.touch-dashboard.type02 {
  padding: 0;
  border-radius: 0;
  background-color: #fff;
}

.touch-dashboard.type02 .top-cont {
  margin-bottom: 0;
}

.touch-dashboard.type02 .top-cont > div {
  position: relative;
  padding: 12px;
  background-color: #ebe7e4;
  text-align: left;
}

.touch-dashboard.type02 .top-cont > div .emoji {
  width: 100%;
  text-align: left;
}

.touch-dashboard.type02 .top-cont > div .emoji img {
  width: 24px;
}

.touch-dashboard.type02 .top-cont > div .emoji + .text {
  margin-top: 14px;
}

.touch-dashboard.type02 .top-cont > div .text {
  width: 100%;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
  text-align: left;
}

.touch-dashboard.type02 .top-cont > div .text + span {
  margin-top: 4px;
}

.touch-dashboard.type02 .top-cont > div > span {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: #202020;
}

.touch-dashboard.type02 .top-cont > div > a {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}

.touch-dashboard.type02 .top-cont > div + div {
  margin-left: 8px;
}

.touch-dashboard.type02 .top-cont > div + div::before {
  display: none;
}

.touch-dashboard.type02 .top-cont div + div:before {
  display: none;
}

.touch-dashboard.type02 .badge {
  display: inline-block;
  margin-top: 4px;
  padding: 0 6px;
  background-color: #eaf3fd;
  border-radius: 4px;
  font-size: 12px;
  line-height: 22px;
}

.touch-dashboard.type02 .badge[aria-disabled=true] {
  background-color: #f3f3f3;
  color: #666;
}

.touch-dashboard.type02 + .benefit-coupon {
  margin-top: 24px;
}

.touch-dashboard.type02 + .touch-monthly-btn {
  margin-top: 16px;
}

.touch-dashboard.type02 + .touch-guide-banner {
  margin-top: 32px;
}

.touch-guide-banner {
  position: relative;
  width: 100%;
}

.touch-guide-banner .banner-contents-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 20px;
  width: 100%;
  min-height: 100px;
}

.touch-guide-banner .banner-contents-wrap .banner-txt {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: -0.5px;
  text-align: left;
  color: #fff;
}

.touch-guide-banner .banner-contents-wrap > img {
  width: 86px;
  height: auto;
}

.touch-guide-banner > a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.touch-guide-banner + .touch-monthly-btn {
  margin-top: 32px;
}

.touch-monthly-btn {
  width: 100%;
}

.touch-monthly-btn > .text-link.icon-link {
  display: block;
  padding: 21px 16px 19px;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.08px;
  color: #666;
  -webkit-box-shadow: 0 4px 10px 0 rgba(255, 255, 255, 0.04);
          box-shadow: 0 4px 10px 0 rgba(255, 255, 255, 0.04);
  border-style: solid;
  border-width: 1px;
  border-image-source: linear-gradient(100deg, #5ddbdb -8%, #327575 109%);
  border-image-slice: 1;
  background-color: #fff;
}

.touch-monthly-btn > .text-link.icon-link > span {
  margin-right: 4px;
  font-weight: bold;
  color: #007881;
}

.touch-monthly-btn > .text-link.icon-link::after {
  right: 16px;
  width: 10px;
  height: 10px;
  margin-top: -4px;
  border: solid #999;
  border-width: 1px 1px 0 0;
}

.touch-monthly-btn + hr.border-full {
  margin-top: 32px;
}

.touch-monthly-btn + .touch-guide-banner {
  margin-top: 32px;
}

hr.border-full + .touch-search {
  margin-top: 40px;
}

.touch-search input.custom-input {
  padding: 0 20px 0 0;
  border: none;
  border-bottom: 1px solid #d5cfc9;
  border-radius: 0;
}

.touch-search input.custom-input::-webkit-input-placeholder {
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  letter-spacing: -0.09px;
  color: #999;
}

.touch-search input.custom-input:-ms-input-placeholder {
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  letter-spacing: -0.09px;
  color: #999;
}

.touch-search input.custom-input::-ms-input-placeholder {
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  letter-spacing: -0.09px;
  color: #999;
}

.touch-search input.custom-input::placeholder {
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  letter-spacing: -0.09px;
  color: #999;
}

.touch-search + .touch-exhibition-wrap {
  margin-top: 40px;
}

.benefit-chkbox .checkbox-wrap {
  font-size: 0;
}

.touch-data-none {
  margin: 140px 0;
  text-align: center;
}

.touch-data-none .icon-emoji {
  display: inline-block;
  margin-left: 2px;
  width: 19px;
  height: 22px;
}

.touch-data-none .icon-emoji > img {
  width: 100%;
}

.btn.success {
  background: #e5edf7;
  border-color: #e5edf7;
  color: #3376f6;
}

.touch-wrapper .popup-content-inner .accordion-wrap.type-full .accordion.is-active .fold-body {
  margin: 0;
  -webkit-transition: max-height .4s ease-in-out;
  transition: max-height .4s ease-in-out;
}

.touch-wrapper .popup-footer .bubble-textbox-wrap.center .bubble-textbox {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.touch-wrapper .popup-footer .bubble-textbox-wrap.center .bubble-textbox.no-close {
  padding: 5px 16px;
}

.touch-wrapper .popup-footer .bubble-textbox-wrap.center .bubble-textbox-center::after {
  left: calc(50% - 6px);
}

.touch-wrapper .touch-swiper-slide .swiper-btnWrap > button.on {
  position: relative;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-play05.png) rgba(34, 34, 34, 0.6) center center no-repeat;
  background-size: 24px 24px;
  -webkit-backdrop-filter: blur(19.2px);
          backdrop-filter: blur(19.2px);
}

.touch-wrapper .accordion-wrap .accordion > .fold-head {
  color: #222;
}

.touch-logo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 50px;
  background: #f6f9ff;
}

.touch-logo-wrapper img {
  max-width: 120px;
  max-height: 120px;
  border-radius: 16px;
}

.touch-logo-wrapper .sold-out-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 2;
}

.touch-logo-wrapper .sold-out-wrap .badge-area {
  position: absolute;
  top: calc(50% - 56px);
  left: calc(50% - 56px);
  width: 112px;
  height: 112px;
}

.touch-logo-wrapper .sold-out-wrap .badge-area > img {
  width: 100%;
}

.touch-banner-wrapper {
  padding-top: 32px;
}

.touch-banner-wrapper > a {
  display: block;
  width: 100%;
  height: 100px;
}

.touch-banner-wrapper > a + a {
  margin-top: 20px;
}

.touch-banner-wrapper > a:last-child {
  margin-bottom: 18px;
}

.touch-banner-wrapper .banner {
  position: relative;
  height: 100%;
}

.touch-banner-wrapper .banner .text {
  padding: 28px 20px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.touch-banner-wrapper .banner .img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100px;
}

.touch-banner-wrapper .banner .img img {
  max-height: 100%;
}

.touch-banner-wrapper .banner.touch-guide {
  background-color: #404c59;
}

.touch-banner-wrapper .banner.touch-selly {
  background-color: #eb6a21;
}

.touch-banner-wrapper .banner.thing-coin {
  background-color: #fff;
  border: solid 1.2px #f96525;
}

.touch-banner-wrapper .banner.thing-coin .text {
  padding: 25px 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: #222;
}

.touch-banner-wrapper .banner.thing-coin .img {
  height: 120px;
  margin-bottom: -1px;
}

.popup-layer.popup-full.touch-guide .popup-content {
  background-color: #eaf3fd;
}

.popup-layer.popup-full.touch-guide .popup-content .shadow-box {
  padding: 24px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}

.popup-layer.popup-full.touch-guide .popup-content .shadow-box .top-cont {
  text-align: center;
}

.popup-layer.popup-full.touch-guide .popup-content .shadow-box .top-cont span {
  display: block;
  color: #666;
}

.popup-layer.popup-full.touch-guide .popup-content .shadow-box .top-cont strong {
  display: block;
  margin-top: 4px;
  font-size: 18px;
  font-weight: 400;
  color: #3376f6;
}

.popup-layer.popup-full.touch-guide .popup-content .shadow-box .top-cont strong b {
  font-weight: 700;
}

.popup-layer.popup-full.touch-guide .popup-content .shadow-box .top-cont p {
  margin-top: 8px;
}

.popup-layer.popup-full.touch-guide .popup-content .shadow-box .bottom-cont {
  position: relative;
  margin-top: 20px;
}

.popup-layer.popup-full.touch-guide .popup-content .shadow-box .bottom-cont .visual-img {
  overflow: hidden;
  position: relative;
  margin: 0 -24px -24px;
  border-radius: 0 0 20px 20px;
  text-align: center;
}

.popup-layer.popup-full.touch-guide .popup-content .shadow-box .bottom-cont .visual-img .box-gray {
  position: absolute;
  top: 53.333vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(100% - 36px);
  padding: 20px;
  border-radius: 10px;
  text-align: left;
}

.popup-layer.popup-full.touch-guide .popup-content .shadow-box .bottom-cont .visual-img .box-gray .list-dot li {
  font-size: 12px;
  line-height: 16px;
}

.popup-layer.popup-full.touch-guide .popup-content .shadow-box .bottom-cont .shadow-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}

.popup-layer.popup-full.touch-guide .popup-content .shadow-box .bottom-cont .shadow-box .text {
  width: 100%;
  font-size: 12px;
  color: #666;
  word-break: keep-all;
}

.popup-layer.popup-full.touch-guide .popup-content .shadow-box .bottom-cont .shadow-box .text em {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #222;
}

.popup-layer.popup-full.touch-guide .popup-content .shadow-box .bottom-cont .shadow-box .img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 78px;
  margin: -10px 10px -10px -10px;
}

.popup-layer.popup-full.touch-guide .popup-content .shadow-box .bottom-cont .shadow-box .img img {
  max-width: 100%;
}

.popup-layer.popup-full.touch-guide .popup-content .shadow-box .bottom-cont + .list-asterisk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
}

.popup-layer.popup-full.touch-guide .popup-content .shadow-box .bottom-cont + .list-asterisk li {
  margin: 0 auto;
  font-size: 12px;
}

.popup-layer.popup-full.touch-guide .popup-content .shadow-box + .shadow-box {
  margin-top: 8px;
}

.touch-wrapper .tab-list-wrap + .tab-content-wrap {
  padding-top: 0;
}

.touch-wrapper .touch-info-wrap {
  position: absolute;
}

.touch-wrapper .touch-info-wrap.type02 {
  width: 100vw;
  margin: 0 -24px;
  padding: 0;
  text-align: center;
}

.touch-wrapper .touch-info-wrap.type02 .info-box {
  width: 100%;
  padding: 34px 0 32px;
  background-color: #fff;
  border-radius: 0 0 20px 20px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.touch-wrapper .touch-info-wrap.type02 .info-box .selectbox {
  display: inline-block;
}

.touch-wrapper .touch-info-wrap.type02 .info-box .selectbox .tit {
  margin-bottom: 0;
  padding: 0 24px 0 0;
  height: auto;
  border: none;
}

.touch-wrapper .touch-info-wrap.type02 .info-box .selectbox .tit:after {
  right: 0;
  top: calc(50% + 2px);
}

.touch-wrapper .touch-info-wrap.type02 .info-box .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #222;
}

.touch-wrapper .touch-info-wrap.type02 .info-box .text > span {
  margin: 0 4px;
  color: #3376f6;
}

.touch-wrapper .touch-info-wrap.type02 .info-box .text > img {
  margin-left: 6px;
  width: 24px;
  height: auto;
}

.touch-wrapper .touch-info-wrap.type02 .info-box .value {
  margin-top: 10px;
  font-size: 32px;
  letter-spacing: 0px;
  line-height: 1.25;
  font-weight: 700;
  font-style: normal;
}

.touch-wrapper .touch-info-wrap.type02 .info-box .value > span {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -.5px;
  font-weight: 700;
}

.touch-wrapper .box-gray.box-full.full-page {
  padding-top: 170px;
  min-height: 100vh;
}

.touch-wrapper .box-gray.box-full.full-page .form-wrap-content.d-flex-between {
  padding: 17px 0;
}

.touch-wrapper .box-gray.box-full.full-page .btn-icon-custom.icon-filter > span.text-regular:after {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-filter-2.svg) 0 0 no-repeat;
}

.touch-wrapper .my-interest {
  display: block;
  padding: 32px 0 20px;
}

.touch-wrapper .my-interest.on {
  padding: 32px 0;
}

.touch-wrapper .my-interest .interest-tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.5px;
  text-align: center;
  color: #222;
}

.touch-wrapper .my-interest .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 16px;
}

.touch-wrapper .my-interest .btn-wrap .btn.btn-border {
  padding: 0 16px;
  height: 38px;
  line-height: 1.57;
  font-weight: bold;
  color: #3376f6;
}

.touch-wrapper .my-interest .btn-wrap .btn.btn-border .icon-emoji-heart {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  background: url(/webapp/v2/common/assets/images/common/emoji/emoji15/emoji-sparkles-19@2x.png) 0 0 no-repeat;
  background-size: 20px 20px;
}

.touch-wrapper .my-interest .btn-swiper-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  position: relative;
  width: 100%;
  height: 56px;
}

.touch-wrapper .my-interest .btn-swiper-wrap .left-area {
  display: inherit;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: scroll;
  width: calc(100% - 50px);
  padding-right: 16px;
}

.touch-wrapper .my-interest .btn-swiper-wrap .left-area .btn.btn-sm {
  min-width: auto;
  padding: 0 12px;
  border: solid 1px #ebebeb;
  font-weight: bold;
  line-height: 1.5;
  color: #3376f6;
  overflow: visible;
}

.touch-wrapper .my-interest .btn-swiper-wrap .left-area .btn.btn-sm + .btn.btn-sm {
  margin-left: 4px;
}

.touch-wrapper .my-interest .btn-swiper-wrap .right-area {
  display: inherit;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  width: 66px;
  height: 100%;
}

.touch-wrapper .my-interest .btn-swiper-wrap .right-area:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fafafa));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fafafa);
}

.touch-wrapper .my-interest .btn-swiper-wrap .right-area .btn-filter {
  padding: 4px 8px;
  width: 40px;
  min-width: auto;
  border: solid 1px #3376f6;
}

.touch-wrapper .my-interest .btn-swiper-wrap .right-area .btn-filter .icon-filter {
  width: 24px;
  height: 24px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-filter-2.svg) 0 0 no-repeat;
  background-size: 24px 24px;
}

.touch-wrapper .benefit-coupon .info-flex .info-box {
  width: calc(100% - 84px);
}

.touch-wrapper .benefit-coupon .info-flex .info-box .tit,
.touch-wrapper .benefit-coupon .info-flex .info-box .date,
.touch-wrapper .benefit-coupon .info-flex .info-box .text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.touch-wrapper .benefit-coupon .info-flex .img-box img {
  max-width: 68px;
  max-height: 68px;
}

.touch-wrapper .benefit-coupon .badge-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 12px;
  position: relative;
  width: 100%;
  height: 32px;
}

.touch-wrapper .benefit-coupon .badge-area > .left-area {
  display: inherit;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: scroll;
  width: calc(100% - 80px);
  padding-right: 8px;
}

.touch-wrapper .benefit-coupon .badge-area .right-area {
  display: inherit;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  width: 92px;
  height: 100%;
}

.touch-wrapper .benefit-coupon .badge-area .right-area:before {
  content: '';
  position: absolute;
  top: 0;
  left: 4px;
  width: 8px;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.touch-wrapper .benefit-coupon .badge-area .badge {
  display: inherit;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1px 6px;
  line-height: 1.5;
}

.touch-wrapper .benefit-coupon .badge-area .badge + .badge {
  margin-left: 6px;
}

.touch-wrapper .benefit-coupon .badge-area .benefit-txt {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: normal;
  color: #666;
}

.touch-wrapper .benefit-coupon .badge-area .complete {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.2px;
  color: #3376f6;
}

.touch-wrapper .benefit-coupon .badge-area .text-soldout {
  font-size: 12px;
  color: #666;
}

.touch-wrapper .benefit-coupon .badge-area .btn.btn-sm.btn-round {
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.5px;
  background-color: #3376f6;
  border: 1px solid #3376f6;
}

.touch-wrapper .benefit-coupon .badge-area .btn.btn-sm.btn-round.complete, .touch-wrapper .benefit-coupon .badge-area .btn.btn-sm.btn-round.type02 {
  color: #3376f6;
  background-color: #e5edf7;
  border: 1px solid #e5edf7;
}

.touch-wrapper .benefit-coupon .badge-area .btn.btn-sm.btn-round.btn-barcode {
  background: url(/webapp/v2/common/assets/images/benefit/barcord_btn_img.png) #e2f5f5 no-repeat center/24px !important;
  background-color: #e2f5f5 !important;
  border: 1px solid #e2f5f5 !important;
  font-size: 0 !important;
  color: transparent !important;
}

.touch-wrapper .not-yet-benefit {
  margin-top: 76px;
  margin-bottom: 204px;
  text-align: center;
}

.touch-wrapper .not-yet-benefit .text {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #222;
}

.touch-wrapper .not-yet-benefit .btn-border.btn-sm {
  margin-top: 8px;
  padding: 0 16px;
}

.touch-wrapper .attention {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 47px;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #666;
  text-align: center;
}

.touch-wrapper .attention > .img-area {
  display: inherit;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  height: 24px;
}

.touch-wrapper .attention > .img-area > img {
  width: 16px;
  height: auto;
}

.touch-wrapper .form-wrap-list .list-tit {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #666;
}

.touch-wrapper .form-wrap-list + .form-wrap-list {
  margin-top: 32px;
}

.touch-wrapper .form-wrap-list .custom-radio.radio-btn input[type=radio]:checked + label::before {
  border: 2px solid #3376f6;
}

.touch-wrapper .form-wrap-list .checkbox-list-wrap {
  margin-top: 8px;
}

.touch-wrapper .form-wrap-list .checkbox-list-wrap .all-check {
  padding: 16px 0;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  line-height: 1;
}

.touch-wrapper .form-wrap-list .checkbox-list-wrap .check-list {
  margin-top: 8px;
}

.touch-wrapper .form-wrap-list .checkbox-list-wrap .check-list .check-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 16px 0;
  width: 100%;
}

.touch-wrapper .form-wrap-list .checkbox-list-wrap .check-list .check-line .custom-checkbox {
  width: 50%;
}

.touch-wrapper .form-wrap-list .custom-checkbox.checkbox-md input[type=checkbox]:checked + label::before {
  background-color: #3376f6;
}

.touch-wrapper .popup-header .popup-title {
  white-space: normal !important;
  line-height: 1.4 !important;
  max-height: 2.8em;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.touch-wrapper .popup-header .s-title {
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 1.57;
  font-weight: 500;
  letter-spacing: -0.5px;
  color: #222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.touch-wrapper .popup-content {
  padding: 0 !important;
}

.touch-wrapper .popup-content .popup-content-inner {
  padding: 24px 24px 110px;
}

.touch-wrapper .popup-content .popup-content-inner.no-footer {
  padding: 24px 24px 0;
}

.touch-wrapper .popup-content .popup-content-inner .btn.btn-block.btn-border.btn-md {
  line-height: 1.57;
}

.touch-wrapper .popup-content .popup-content-inner .btn + .event-info {
  margin-top: 32px;
}

.touch-wrapper .coupon-area {
  position: relative;
  height: 92px;
  overflow: hidden;
  border-radius: 10px;
}

.touch-wrapper .coupon-area + .sp-coupon-wrap {
  margin-top: 12px;
}

.touch-wrapper .coupon-area > div {
  border: 1px solid #3674bc;
  border-radius: 10px;
  height: 92px;
  padding: 24px 24px 16px 24px;
}

.touch-wrapper .coupon-area > div .cost {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #3674bc;
  font-weight: 700;
  padding-bottom: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.touch-wrapper .coupon-area > div .cost + div {
  color: #666;
}

.touch-wrapper .coupon-area > div .coupon-num,
.touch-wrapper .coupon-area > div .date {
  color: #666;
}

.touch-wrapper .coupon-area > div .coupon-count {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #fff;
  background-color: #222;
  height: 20px;
  border-radius: 12px;
  margin-left: 8px;
  margin-bottom: 2px;
  padding: 2px 8px 1px;
}

.touch-wrapper .coupon-area:after {
  display: block;
  content: "";
  width: 23px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #3674bc;
  position: absolute;
  top: calc(50% - 12px);
  left: -12px;
  border-radius: 50%;
}

.touch-wrapper .coupon-area .btn.sp-coupon {
  position: absolute;
  top: 0;
  right: 0;
  width: 63px;
  height: 92px;
  border-radius: 0 0 0 0;
  background-color: #3674bc;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.touch-wrapper .coupon-area .btn.sp-coupon.sp-coupon-sc {
  background-color: #fff;
  color: #3674bc;
  border-left-style: dashed;
  border-radius: 0 10px 10px 0;
}

.touch-wrapper .coupon-area .btn.sp-coupon.sp-coupon-sc:disabled {
  border-color: #3674bc;
}

.touch-wrapper .coupon-area.disabled > div {
  border: 1px solid #ebebeb;
}

.touch-wrapper .coupon-area.disabled > div .cost {
  color: #666;
}

.touch-wrapper .coupon-area.disabled > div .text {
  color: #666;
}

.touch-wrapper .coupon-area.disabled > div .coupon-count {
  background: #666;
}

.touch-wrapper .coupon-area.disabled:after {
  border: 1px solid #ebebeb;
}

.touch-wrapper .coupon-area.disabled .btn.sp-coupon {
  background-color: #ebebeb;
}

.touch-wrapper .coupon-area + .btn {
  margin-top: 24px;
}

.touch-wrapper .coupon-area + .event-info {
  margin-top: 32px;
}

.touch-wrapper .barcode-area {
  width: 100%;
}

.touch-wrapper .barcode-area .barcode-img {
  margin: 0 auto;
  width: 256px;
  height: 72px;
  min-width: 256px;
  min-height: 72px;
  overflow: hidden;
}

.touch-wrapper .barcode-area .barcode-img > img {
  width: 100%;
  height: auto;
}

.touch-wrapper .barcode-area .barcode-num-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}

.touch-wrapper .barcode-area .barcode-num-area > .num {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #666;
}

.touch-wrapper .barcode-area .barcode-num-area .btn.btn-xs {
  min-width: auto;
  padding: 4px 10px;
  margin-left: 8px;
  line-height: 1.33;
  letter-spacing: -0.5px;
}

.touch-wrapper .barcode-area .barcode-num-area .btn.btn-xs .icon-copy {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon_copy.png) center center no-repeat;
  background-size: 12px 12px;
}

.touch-wrapper .barcode-area + .btn {
  margin-top: 24px;
}

.touch-wrapper .barcode-area + .event-info {
  margin-top: 32px;
}

.touch-wrapper dl.event-info {
  margin-top: 8px;
  margin-bottom: 48px;
}

.touch-wrapper dl.event-info dt {
  display: block;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
  margin-top: 24px;
}

.touch-wrapper dl.event-info dt:first-child {
  margin-top: 0;
}

.touch-wrapper dl.event-info dd {
  margin-top: 8px;
}

.touch-wrapper dl.event-info dd .list-dot > li {
  margin-top: 16px;
}

.touch-wrapper dl.event-info dd .list-dot > li:first-child {
  margin-top: 0;
}

.touch-wrapper dl.event-info dd .list-hyphen {
  margin-top: 8px;
}

.touch-wrapper dl.event-info dd .list-hyphen > li {
  margin-top: 8px;
}

.touch-wrapper dl.event-info dd .list-hyphen > li:first-child {
  margin-top: 0;
}

.touch-wrapper dl.event-info .event-info-tit {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.touch-wrapper dl.event-info .event-info-tit strong {
  display: block;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.touch-wrapper dl.event-info .event-info-tit + .text-gray-dark {
  margin-top: 0;
}

.touch-wrapper hr.border-full {
  margin-top: 48px;
}

.touch-wrapper .accordion-wrap {
  margin: 0;
}

.touch-wrapper .accordion-wrap .accordion {
  padding: 0;
}

.touch-wrapper .accordion-wrap .accordion > .fold-head {
  color: #0f53d6;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.5px;
}

.touch-wrapper .accordion-wrap .accordion > .fold-body {
  margin: 0 -24px;
  padding: 0 24px;
}

.touch-wrapper .accordion-wrap .accordion > .fold-body .sm-tit {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #222;
}

.touch-wrapper .accordion-wrap .accordion > .fold-body .list-dot + .sm-tit,
.touch-wrapper .accordion-wrap .accordion > .fold-body .list-hyphen + .sm-tit {
  margin-top: 24px;
}

.touch-wrapper .accordion-wrap .accordion > .fold-body .list-dot {
  margin-top: 8px !important;
}

.touch-wrapper .accordion-wrap .accordion > .fold-body .list-dot > li {
  margin-top: 12px !important;
}

.touch-wrapper .accordion-wrap .accordion > .fold-body .list-dot > li:first-child {
  margin-top: 0 !important;
}

.touch-wrapper .accordion-wrap .accordion > .fold-body .list-hyphen {
  margin-top: 8px !important;
}

.touch-wrapper .accordion-wrap .accordion > .fold-body .list-hyphen > li {
  margin-top: 4px !important;
}

.touch-wrapper .accordion-wrap .accordion > .fold-body .list-hyphen > li:first-child {
  margin-top: 0 !important;
}

.touch-wrapper .accordion-wrap .accordion > .fold-body .custom-table + .list-dot,
.touch-wrapper .accordion-wrap .accordion > .fold-body .custom-table + .list-hyphen {
  margin-top: 24px !important;
}

.touch-wrapper .accordion-wrap.type-full {
  margin: 0 -24px;
}

.touch-wrapper .touch-swiper-slide {
  position: relative;
}

.touch-wrapper .touch-swiper-slide .swiper-container.touch-swiper {
  position: relative;
}

.touch-wrapper .touch-swiper-slide .swiper-container.touch-swiper .swiper-wrapper {
  width: 100%;
  max-height: 220px;
}

.touch-wrapper .touch-swiper-slide .swiper-container.touch-swiper .swiper-wrapper .swiper-slide {
  position: relative;
  width: 100%;
}

.touch-wrapper .touch-swiper-slide .swiper-container.touch-swiper .swiper-wrapper .swiper-slide > img {
  width: 100%;
}

.touch-wrapper .touch-swiper-slide .swiper-btnWrap > button {
  display: none;
}

.touch-wrapper .touch-swiper-slide .swiper-btnWrap > button.on {
  display: block;
}

.touch-wrapper .touch-swiper-slide .custom-swiper-pagination {
  display: inline-block;
  position: absolute;
  left: initial;
  top: initial;
  right: 46px;
  bottom: 16px;
  padding: 3px 16px;
  width: auto;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -.5px;
  font-weight: 500;
  border-radius: 12px;
  background-color: rgba(34, 34, 34, 0.6);
  z-index: 10;
}

.touch-wrapper .touch-swiper-slide .custom-swiper-pagination .swiper-pagination-current {
  color: #fff;
}

.touch-wrapper .touch-swiper-slide .swiper-btnWrap.bottom {
  right: 16px;
  bottom: 16px;
  left: initial;
  top: initial;
}

.touch-wrapper .touch-swiper-slide .swiper-btnWrap.bottom .swiper-autoplay-stop {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-pause03.png) center center no-repeat;
  background-size: 24px 24px;
}

.touch-wrapper .touch-swiper-slide .badge-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  z-index: 2;
}

.touch-wrapper .touch-swiper-slide .badge-area > img {
  width: 100%;
}

.touch-wrapper .touch-swiper-slide.sold-out-slide .swiper-container.touch-swiper .swiper-wrapper .swiper-slide:after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.7);
}

.touch-wrapper .no-swiper {
  position: relative;
}

.touch-wrapper .no-swiper .img-area {
  width: 100%;
  max-height: 220px;
  overflow: hidden;
}

.touch-wrapper .no-swiper .img-area > img {
  width: 100%;
}

.touch-wrapper .no-swiper .sold-out-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 2;
}

.touch-wrapper .no-swiper .sold-out-wrap .badge-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}

.touch-wrapper .no-swiper .sold-out-wrap .badge-area > img {
  width: 100%;
}

.touch-wrapper .touch-banner-area {
  position: relative;
  width: 100%;
  max-height: 220px;
  overflow: hidden;
}

.touch-wrapper .touch-banner-area > img {
  width: 100%;
}

.touch-wrapper .cnt-area {
  position: absolute;
  top: 0;
  right: 12px;
  padding: 3px 20px;
  background-color: #fff;
  border-radius: 0 0 15px 15px;
  text-align: center;
  z-index: 22;
}

.touch-wrapper .cnt-area .txt-area {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #3376f6;
}

.touch-wrapper .popup-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(255, 255, 255, 0)), color-stop(43%, #fff));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 6%, #fff 43%);
  background-color: transparent !important;
  padding: 24px !important;
  z-index: 25;
}

.touch-wrapper .popup-footer .bubble-textbox-wrap {
  position: absolute;
  top: -16px;
  left: 0;
  width: 100%;
}

.touch-wrapper .popup-footer .toast-pop {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 16px;
  background: #3674bc;
  border-radius: 4px;
  color: #FFF;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -.5px;
  z-index: 99;
}

.touch-wrapper .popup-footer .toast-pop:after {
  content: '';
  position: absolute;
  top: -10px;
  left: calc(50% - 3px);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #3674bc;
  border-left: 6px solid transparent;
}

.touch-wrapper .popup-footer .toast-pop.toast-pop-reverse:after {
  top: auto;
  bottom: -10px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.touch-wrapper .popup-footer .btn.btn-sky-blue {
  color: #3376f6;
}

.touch-wrapper .bg-touch-growth .benefit-cnt-txt {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.5px;
  text-align: center;
  color: #222;
}

.touch-wrapper .bg-touch-growth .benefit-cnt-txt > span {
  color: #3376f6;
}

.touch-wrapper .bg-touch-growth .lotti-animaition {
  width: 100%;
  height: 56px;
}

.touch-wrapper .bg-touch-growth .round-box {
  position: relative;
  padding: 28px 20px 20px;
  border-radius: 20px;
}

.touch-wrapper .bg-touch-growth .round-box.light-gray-box {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
  background-image: linear-gradient(to bottom, #fff, #f8f8f8);
}

.touch-wrapper .bg-touch-growth .round-box.light-gray-box .box-title {
  color: #222;
}

.touch-wrapper .bg-touch-growth .round-box.light-gray-box .box-sm-title {
  color: #3376f6;
}

.touch-wrapper .bg-touch-growth .round-box.blue-green-box {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3674bc), color-stop(#64caaa), to(#fffabe));
  background-image: linear-gradient(to bottom, #3674bc, #64caaa, #fffabe);
}

.touch-wrapper .bg-touch-growth .round-box.blue-green-box .inner-box {
  padding: 14px 20px;
}

.touch-wrapper .bg-touch-growth .round-box.blue-green-box .inner-box .company-txt {
  margin-left: 8px;
}

.touch-wrapper .bg-touch-growth .round-box.blue-green-box .box-title,
.touch-wrapper .bg-touch-growth .round-box.blue-green-box .box-sm-title {
  color: #fff;
}

.touch-wrapper .bg-touch-growth .round-box.white-box {
  padding: 28px 20px 20px;
  background-color: #fff;
  background-image: none;
}

.touch-wrapper .bg-touch-growth .round-box.full-box {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.touch-wrapper .bg-touch-growth .round-box.full-box .touch-coupon-slide {
  margin-top: 20px;
}

.touch-wrapper .bg-touch-growth .round-box.full-box .touch-coupon-slide-wrapper {
  padding: 0 14px 10px;
}

.touch-wrapper .bg-touch-growth .round-box.full-box .touch-coupon-slide + .btn-box {
  padding: 0 20px;
  margin-top: 20px;
}

.touch-wrapper .bg-touch-growth .round-box.full-box .touch-alarm-slide-wrapper {
  margin-top: -10px;
  padding-top: 18px;
  padding-right: 20px;
  padding-left: 20px;
}

.touch-wrapper .bg-touch-growth .round-box .box-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: -0.5px;
  text-align: center;
}

.touch-wrapper .bg-touch-growth .round-box .box-sm-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.5px;
  text-align: center;
}

.touch-wrapper .bg-touch-growth .round-box .bg-img-area {
  position: relative;
  margin-top: 8px;
  width: 100%;
  height: 66px;
  overflow: hidden;
  z-index: 2;
}

.touch-wrapper .bg-touch-growth .round-box .bg-img-area > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.touch-wrapper .bg-touch-growth .round-box .bg-img-area + .inner-box {
  margin-top: 0;
}

.touch-wrapper .bg-touch-growth .round-box .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: 20px;
  padding: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  z-index: 3;
}

.touch-wrapper .bg-touch-growth .round-box .inner-box .company-info {
  display: inherit;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 72px);
}

.touch-wrapper .bg-touch-growth .round-box .inner-box .company-info .bi-img {
  width: 48px;
  height: 48px;
}

.touch-wrapper .bg-touch-growth .round-box .inner-box .company-info .bi-img > img {
  width: 100%;
}

.touch-wrapper .bg-touch-growth .round-box .inner-box .company-info .circlebar-area {
  width: 60px;
  height: 60px;
}

.touch-wrapper .bg-touch-growth .round-box .inner-box .company-info .company-txt {
  display: inherit;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 12px;
  width: calc(100% - 60px);
}

.touch-wrapper .bg-touch-growth .round-box .inner-box .company-info .company-txt .com-name {
  padding-right: 8px;
  width: 100%;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.touch-wrapper .bg-touch-growth .round-box .inner-box .company-info .company-txt .benefit-price {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.touch-wrapper .bg-touch-growth .round-box .inner-box .company-info .company-txt .cnt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #666;
}

.touch-wrapper .bg-touch-growth .round-box .inner-box .company-info .company-txt .cnt > span {
  color: #222;
  font-weight: bold;
}

.touch-wrapper .bg-touch-growth .round-box .inner-box .btn.btn-sm {
  min-width: 76px;
  padding: 7px 0 !important;
  background-color: #3376f6;
  border: 1px solid #3376f6;
  line-height: 1.5;
}

.touch-wrapper .bg-touch-growth .round-box .inner-box .btn.btn-sm.type02 {
  color: #3376f6;
  font-weight: 500;
  background-color: #e5edf7;
  border: 1px solid #e5edf7;
}

.touch-wrapper .bg-touch-growth .round-box .inner-box .current-txt {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #3376f6;
}

.touch-wrapper .bg-touch-growth .round-box + .round-box {
  margin-top: 32px;
}

.touch-wrapper .bg-touch-growth .round-box .touch-alarm-slide {
  margin: 14px 0 -6px;
}

.touch-wrapper .bg-touch-growth .round-box.ad-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 20px 10px 20px 20px;
}

.touch-wrapper .bg-touch-growth .round-box.ad-banner.green {
  background-color: #3caa73;
}

.touch-wrapper .bg-touch-growth .round-box.ad-banner.smokey {
  background-color: #404c59;
}

.touch-wrapper .bg-touch-growth .round-box.ad-banner.orange {
  background-color: #eb6a21;
}

.touch-wrapper .bg-touch-growth .round-box.ad-banner > a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.touch-wrapper .bg-touch-growth .round-box.ad-banner .banner-info {
  text-align: left;
}

.touch-wrapper .bg-touch-growth .round-box.ad-banner .banner-info .banner-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.56;
  letter-spacing: -0.5px;
  color: #fff;
}

.touch-wrapper .bg-touch-growth .round-box.ad-banner .banner-info .banner-date {
  margin-top: 4px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #fff;
}

.touch-wrapper .bg-touch-growth .round-box.ad-banner .banner-img {
  width: 103px;
  height: auto;
}

.touch-wrapper .bg-touch-growth .round-box.ad-banner .banner-img > img {
  width: 100%;
}

.touch-wrapper .bg-touch-growth .round-box.ad-banner.type02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px;
  border-radius: 10px;
}

.touch-wrapper .bg-touch-growth .round-box.ad-banner.type02 .banner-title {
  padding: 28px 0;
  font-size: 14px;
}

.touch-wrapper .bg-touch-growth .round-box.ad-banner.type02 .banner-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 124px;
  height: 100px;
  margin-right: -20px;
}

.touch-wrapper .bg-touch-growth .round-box.ad-banner.type02 .banner-img img {
  width: 100%;
  height: 100%;
}

.touch-wrapper .bg-touch-growth .swiper-component-wrapper .swiper-container {
  overflow: visible;
}

.touch-wrapper .bg-touch-growth .swiper-component-wrapper .swiper-container .swiper-wrapper {
  height: auto;
}

.touch-wrapper .bg-touch-growth .swiper-component-wrapper .swiper-container .swiper-wrapper .swiper-slide {
  width: 100% !important;
}

.touch-wrapper .bg-touch-growth .swiper-component-wrapper .banner-slide.swiper-container {
  padding-bottom: 22px;
}

.touch-wrapper .bg-touch-growth .swiper-component-wrapper .custom-swiper-pagination.swiper-pagination-bullets.dot-gray .swiper-pagination-bullet {
  background: #ebebeb;
}

.touch-wrapper .bg-touch-growth .swiper-component-wrapper .custom-swiper-pagination.swiper-pagination-bullets.dot-gray .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #817169;
}

.box-skyblue .box-gray.box-full {
  padding: 16px 24px 24px !important;
}

.box-skyblue .swiper-component-wrapper.benefit-wrap {
  padding-bottom: 24px;
}

.box-skyblue .swiper-component-wrapper.benefit-wrap.no_pagenation .swiper-container.benefit-swiper .swiper-slide {
  padding-bottom: 1px;
}

.box-skyblue .swiper-component-wrapper.benefit-wrap.no_pagenation .swiper-pagination-bullets {
  display: none !important;
}

.box-skyblue .swiper-component-wrapper.benefit-wrap .link-banner-swiper {
  padding-bottom: 8px;
}

.box-skyblue .swiper-component-wrapper.benefit-wrap .swiper-container.benefit-swiper .swiper-slide {
  padding: 3px 24px 8px;
}

.box-skyblue .swiper-component-wrapper.benefit-wrap + hr.border-full {
  margin-top: 40px;
}

.touch-wrapper-type02 {
  /* 20220622 탭 수정*/
}

.touch-wrapper-type02 .touch-exhibition-wrap .tab-content-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.touch-wrapper-type02 .touch-exhibition-wrap .tab-content-wrap .tab-panel {
  width: 100%;
}

.touch-wrapper-type02 .touch-exhibition-wrap .box-full {
  padding: 16px 24px 32px;
}

.touch-wrapper-type02 .touch-exhibition-wrap .sub-title.title-depth3 + .box-gray.box-full {
  margin-top: 16px;
}

.touch-wrapper-type02 .touch-exhibition-wrap .tab-list-wrap.tab-full::before, .touch-wrapper-type02 .touch-exhibition-wrap .tab-list-wrap.tab-full::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 24px;
  height: 100%;
  z-index: 10;
}

.touch-wrapper-type02 .touch-exhibition-wrap .tab-list-wrap.tab-full::before {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
}

.touch-wrapper-type02 .touch-exhibition-wrap .tab-list-wrap.tab-full::after {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, from(white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
}

.touch-wrapper-type02 .touch-exhibition-wrap .tab-list-wrap.tab-full .overflow-x {
  border: none;
}

.touch-wrapper-type02 .touch-exhibition-wrap .tab-list-wrap.tab-full .tab-list .tab-button {
  padding: 13px 16px 11px !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.07px;
  color: #666;
  border: solid 1px #d5cfc9;
}

.touch-wrapper-type02 .touch-exhibition-wrap .tab-list-wrap.tab-full .tab-list .tab-button.is-active {
  color: #fff;
  font-weight: bold;
  border-radius: 0;
  border: solid 1px #222;
  background-color: #222;
}

.touch-wrapper-type02 .touch-exhibition-wrap .tab-list-wrap.tab-full .tab-list .tab-button + .tab-button {
  margin-left: 4px !important;
}

.touch-wrapper-type02 .touch-exhibition-wrap .tab-list-wrap + .form-wrap-content, .touch-wrapper-type02 .touch-exhibition-wrap .tab-list-wrap + .tab-content-wrap {
  padding-top: 16px;
}

.touch-wrapper-type02 .touch-exhibition-wrap .sub-title.title-depth3 {
  letter-spacing: -0.1px;
}

.touch-wrapper-type02 .touch-exhibition-wrap .sub-title.title-depth3 > div .count {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  color: #222;
}

.touch-wrapper-type02 .touch-exhibition-wrap .sub-title.title-depth3 .all-view {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #625b4e;
  text-decoration: underline;
}

.touch-wrapper-type02 .touch-exhibition-wrap .radio-wrap + .exhibition-list-wrap {
  margin-top: 16px;
}

.touch-wrapper-type02 .touch-exhibition-wrap.benefit-wrap + .border-full {
  margin-top: 0 !important;
}

.touch-wrapper-type02.exhbition-all {
  padding: 0 0 48px !important;
}

.touch-wrapper-type02.exhbition-all .anchor-list-wrap + .anchor-wrap {
  padding-top: 50px;
}

.touch-wrapper-type02.exhbition-all .anchor-list-wrap.overflow-x {
  padding: 0 24px;
  border-bottom: none;
}

.touch-wrapper-type02.exhbition-all .anchor-list-wrap.overflow-x .anchor-list {
  padding: 16px 0 0;
}

.touch-wrapper-type02.exhbition-all .anchor-list-wrap.overflow-x .anchor-list .anchor-trriger {
  padding: 14px 16px 12px !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: -0.07px;
  color: #666;
  background-color: #fff;
  border: solid 1px #d5cfc9;
}

.touch-wrapper-type02.exhbition-all .anchor-list-wrap.overflow-x .anchor-list .anchor-trriger.is-active {
  border-bottom: 0 !important;
  color: #fff;
  background-color: #222;
  border: solid 1px #222;
  border-radius: 0;
}

.touch-wrapper-type02.exhbition-all .anchor-list-wrap.overflow-x .anchor-list .anchor-trriger + .anchor-trriger {
  margin-left: 4px !important;
}

.touch-wrapper-type02.exhbition-all .anchor-wrap .anchor-target + .anchor-target {
  padding-top: 16px;
  border-top: 8px solid #f6f5f3;
}

.touch-wrapper-type02.exhbition-all .top-tab .anchor-wrap .anchor-target {
  width: 100vw;
  margin-left: -24px;
  padding: 0 24px;
}

.touch-wrapper-type02.exhbition-all .top-tab .anchor-wrap .anchor-target:first-child .exhibition-list-wrap.type02 {
  margin-top: 0;
}

.touch-wrapper-type02.exhbition-all .top-tab .anchor-list-wrap.type02.overflow-x + .anchor-wrap .anchor-target:first-child {
  padding-top: 16px !important;
}

.touch-wrapper-type02 .exhibition-list-wrap {
  padding: 20px 0 0;
  background-color: #fff;
}

.touch-wrapper-type02 .exhibition-list-wrap.type02 {
  padding: 32px 0 40px;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-txt {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: -0.09px;
  text-align: left;
  color: #222;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-txt + .exhibition-ul {
  margin-top: 32px;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-txt + .exhibition-list-ul {
  margin-top: 24px;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-ul {
  width: 100%;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-ul > li .bi-img-wrap {
  width: 48px;
  height: 48px;
  border-radius: 50px;
  overflow: hidden;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-ul > li .bi-img-wrap > img {
  width: 100%;
  height: 100%;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-ul > li .bi-img-wrap + .company-wrap {
  margin-left: 12px;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-ul > li .company-wrap {
  width: calc(100% - 60px);
  text-align: left;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-ul > li .company-wrap .company-name {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-ul > li .company-wrap .discount-txt {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-ul > li + li {
  margin-top: 32px;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-ul + .btn-wrap {
  margin-top: 32px;
}

.touch-wrapper-type02 .exhibition-list-wrap .btn-wrap {
  width: 100%;
  text-align: center;
}

.touch-wrapper-type02 .exhibition-list-wrap .btn-wrap .btn.btn-primary {
  width: 100%;
  height: 48px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.touch-wrapper-type02 .exhibition-list-wrap .btn-wrap .btn.btn-sky-blue {
  background-color: #e2f5f5;
  border-color: #e2f5f5;
  color: #007881;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-list-ul {
  width: 100%;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-list-ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-list-ul > li .left-area {
  display: inherit;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 64px);
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-list-ul > li .left-area .img-box {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  overflow: hidden;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-list-ul > li .left-area .img-box > img {
  width: 100%;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-list-ul > li .left-area .procuct-txt-wrap {
  margin-left: 12px;
  width: calc(100% - 60px);
  padding-right: 8px;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-list-ul > li .left-area .procuct-txt-wrap .small-name {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-list-ul > li .left-area .procuct-txt-wrap .small-name + .dicount-txt {
  margin-top: 2px;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-list-ul > li .left-area .procuct-txt-wrap .dicount-txt {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-list-ul > li .right-area {
  width: 64px;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-list-ul > li + li {
  margin-top: 24px;
}

.touch-wrapper-type02 .exhibition-list-wrap + .exhibition-list-wrap {
  margin-top: 16px;
}

.touch-wrapper-type02.exhibition .bottomsheet .popup-content {
  padding: 0 24px 24px;
}

.touch-wrapper-type02.exhibition .bottomsheet .popup-content .text-center {
  width: 100%;
  height: 170px;
  overflow: hidden;
}

.touch-wrapper-type02.exhibition .bottomsheet .popup-content .text-center > img {
  width: auto;
  height: 100%;
}

.touch-wrapper-type02.exhibition .bottomsheet .popup-footer {
  padding: 0 24px 30px;
}

.touch-wrapper-type02 .popup-content .coupon-list-wrap {
  background-color: #f6f5f3;
  padding: 32px 24px 48px !important;
}

.touch-wrapper-type02 .popup-content .coupon-list-wrap .benefit-coupon.type02 .border i:before {
  background-color: #eaf3fd;
}

.touch-wrapper-type02 .popup-content .coupon-list-wrap .benefit-coupon.type02 .border i:after {
  background-color: #eaf3fd;
}

.touch-wrapper-type02 .popup-content .coupon-list-wrap .exhibition-tag-wrap {
  display: inline-block;
  padding: 14px 16px 12px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.07px;
  text-align: center;
  color: #fff;
  background-color: #222;
}

.touch-wrapper-type02 .popup-content .coupon-list-wrap .exhibition-tag-wrap + .exhibition-txt {
  margin-top: 8px;
}

.touch-wrapper-type02 .popup-content .coupon-list-wrap .exhibition-txt {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.1px;
  text-align: left;
  color: #222;
}

.touch-wrapper-type02 .popup-content .coupon-list-wrap .exhibition-txt + .benefit-coupon {
  margin-top: 16px;
}

.touch-wrapper-type02 .radio-wrap {
  white-space: nowrap;
  overflow: auto;
  padding: 4px 40px 4px 0;
}

.touch-wrapper-type02 .radio-wrap .custom-radio.radio-btn {
  padding: 4px 0;
}

.touch-wrapper-type02 .radio-wrap .custom-radio.radio-btn label {
  padding: 4px 16px 6px;
  min-height: 32px;
  color: #666;
  border-radius: 20px;
  background-color: transparent;
}

.touch-wrapper-type02 .radio-wrap .custom-radio.radio-btn label:before {
  display: none;
}

.touch-wrapper-type02 .radio-wrap .custom-radio.radio-btn input[type=radio]:checked + label {
  color: #fff;
  font-weight: 700;
  background-color: #544944;
}

.touch-wrapper-type02 .radio-wrap .custom-radio.radio-btn + .custom-radio.radio-btn {
  margin-left: 4px;
}

.touch-wrapper-type02 .radio-wrap + .exhibition-list-wrap {
  margin-top: 16px;
}

.touch-wrapper-type02 .anchor-list-wrap.type02 .anchor-list .anchor-trriger {
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
}

.touch-wrapper-type02 .touch-gather {
  padding: 40px 24px 32px;
  width: 100vw;
  margin-left: -24px;
  background-color: #f6f5f3;
}

.touch-wrapper-type02 .touch-gather .sub-title.title-depth3 + .tab-list-wrap {
  margin-top: 0;
}

.touch-wrapper-type02 .touch-gather .tab-list.tab-block {
  width: 100vw;
  margin-left: -24px;
}

.touch-wrapper-type02 .touch-gather .tab-list-wrap + .tab-content-wrap {
  padding-top: 12px;
}

.touch-wrapper-type02 .touch-gather .touch-exhausted {
  padding: 74px 0 104px;
  text-align: center;
}

.touch-wrapper-type02 .touch-gather .touch-exhausted .icon-area {
  margin: 0 auto;
  width: 48px;
  height: 48px;
}

.touch-wrapper-type02 .touch-gather .touch-exhausted .icon-area > img {
  width: 100%;
}

.touch-wrapper-type02 .touch-gather .touch-exhausted .icon-area + .touch-exhausted-title {
  margin-top: 16px;
}

.touch-wrapper-type02 .touch-gather .touch-exhausted .touch-exhausted-title {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: -0.11px;
  color: #222;
}

.touch-wrapper-type02 .touch-gather .touch-exhausted .touch-exhausted-title + .touch-exhausted-desc {
  margin-top: 8px;
}

.touch-wrapper-type02 .touch-gather .touch-exhausted .touch-exhausted-desc {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
}

.touch-wrapper-type02 .touch-gather .accordion-wrap.benefit-button-accordion {
  padding: 0 0 12px;
  background: #f6f5f3;
}

.touch-wrapper-type02 .touch-gather .accordion-wrap.benefit-button-accordion .accordion .fold-head {
  min-height: auto;
}

.touch-wrapper-type02 .touch-gather .accordion-wrap.benefit-button-accordion .accordion .fold-head .btn-fold {
  top: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(246, 245, 243, 0)), color-stop(46%, #f6f5f3), to(#f6f5f3));
  background: linear-gradient(to right, rgba(246, 245, 243, 0) 0%, #f6f5f3 46%, #f6f5f3);
}

.touch-wrapper-type02 .touch-gather .accordion-wrap.benefit-button-accordion .accordion .fold-head .radio-wrap {
  padding: 0 40px 0 0;
}

.touch-wrapper-type02 .touch-gather .accordion-wrap.benefit-button-accordion .accordion .fold-head .radio-wrap .custom-radio.radio-btn {
  padding: 4px 0;
}

.touch-wrapper-type02 .touch-gather .accordion-wrap.benefit-button-accordion .accordion .fold-head .radio-wrap .custom-radio.radio-btn label {
  padding: 14px 16px 12px;
  min-height: auto;
  font-size: 14px;
  line-height: 1;
  letter-spacing: -0.07px;
  color: #666;
  border-radius: 0;
  background-color: #f6f5f3;
  border: solid 1px #d5cfc9;
}

.touch-wrapper-type02 .touch-gather .accordion-wrap.benefit-button-accordion .accordion .fold-head .radio-wrap .custom-radio.radio-btn input[type=radio]:checked + label {
  color: #fff;
  font-weight: bold;
  background-color: #222;
  border-radius: 0;
  border: solid 1px #222;
}

.touch-wrapper-type02 .touch-gather .accordion-wrap.benefit-button-accordion + .box-full {
  margin-top: 16px;
}

.touch-wrapper-type02 .touch-gather .box-full {
  padding: 0 24px;
}

.touch-wrapper-type02 .touch-gather .box-full .benefit-coupon + .btn-more-wrap {
  margin-top: 16px;
  margin-bottom: 0;
}

.touch-wrapper-type02 .touch-gather .box-full .btn-more-wrap .text-link.icon-link-down {
  display: block;
  padding: 16px 16px 14px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.08px;
  color: #222;
  border: solid 1px #d5cfc9;
}

.touch-wrapper-type02 .touch-gather .box-full .btn-more-wrap .text-link.icon-link-down > span::before {
  display: none;
}

.touch-wrapper-type02 .touch-gather .box-full .btn-more-wrap .text-link.icon-link-down > span::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-left: 12px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
}

.touch-wrapper-type02 .touch-gather .box-full .btn-more-wrap .text-link.icon-link-down::before, .touch-wrapper-type02 .touch-gather .box-full .btn-more-wrap .text-link.icon-link-down::after {
  display: none;
}

/* CSRUIUX-851 TOUCH 메인화면 수정 요청_마이데이터 영역 신설 */
.touch-wrapper-type02 .swiper-component-wrapper.benefit-wrap .swiper-container.mydata-swiper .swiper-slide {
  padding: 3px 24px 8px;
}

.touch-wrapper-type02 .benefit-coupon .btn-wrap .btn.btn-sm.btn-round {
  padding: 10px 2px 8px;
  font-size: 14px;
  line-height: 1;
}

.touch-wrapper-type02 .benefit-coupon .info-flex .img-box img {
  border-radius: 16px;
}

.touch-wrapper-type02 .mydata-benefit {
  padding: 40px 24px 32px;
  width: 100vw;
  margin-left: -24px;
  background-color: #daf7f6;
}

.touch-wrapper-type02 .mydata-benefit .title-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.touch-wrapper-type02 .mydata-benefit .title-area + .benefit-coupon {
  margin-top: 24px;
}

.touch-wrapper-type02 .mydata-benefit .title-area .title {
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: -0.1px;
  color: #222;
}

.touch-wrapper-type02 .mydata-benefit .title-area .title .cnt {
  margin-left: 4px;
}

.touch-wrapper-type02 .mydata-benefit .title-area .all-btn {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #625b4e;
  text-decoration: underline;
}

.touch-wrapper-type02 .mydata-benefit .swiper-component-wrapper.benefit-wrap {
  padding-bottom: 4px;
}

.touch-wrapper-type02 .mydata-benefit .swiper-component-wrapper.benefit-wrap .swiper-container.mydata-swiper .swiper-slide {
  padding: 3px 24px 8px;
}

.touch-wrapper-type02 .mydata-benefit .swiper-component-wrapper.benefit-wrap .custom-swiper-pagination {
  bottom: -22px !important;
}

.touch-wrapper-type02 .mydata-benefit .swiper-component-wrapper.benefit-wrap .benefit-coupon {
  height: auto;
}

.touch-wrapper-type02 .mydata-benefit .swiper-component-wrapper.benefit-wrap .benefit-coupon .btn-wrap {
  position: inherit;
  bottom: inherit;
  width: auto;
}

.touch-wrapper-type02 .mydata-benefit .swiper-component-wrapper.benefit-wrap + .benefit-coupon.type02 {
  margin-top: 28px;
}

.touch-wrapper-type02 .mydata-benefit .benefit-coupon.type02 .border i:before,
.touch-wrapper-type02 .mydata-benefit .benefit-coupon.type02 .border i:after {
  background-color: #fff;
}

.touch-popup-layer .popup-footer > .btn.btn-block {
  height: 48px !important;
}

.touch-popup-layer .btn.btn-alert {
  height: 48px;
}

.touch-popup-layer .btn.btn-alert.btn-close {
  background-color: #3674bc;
  border-color: #3674bc;
}

/* CSRUIUX-606 2023-05-10[NewBiz팀]TOUCH 검색 기능 수정 */
.touch-wrapper-type03 {
  padding-top: 56px !important;
}

.touch-wrapper-type03 .search-form.search-sticky .form-content .custom-input {
  height: 56px;
  border-width: 1px;
  border-color: #ebebeb;
  border-radius: 15px;
  font-size: 16px;
}

.touch-wrapper-type03 .search-form.search-sticky .form-content .custom-input::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #999;
}

.touch-wrapper-type03 .search-form.search-sticky .form-content .custom-input:-ms-input-placeholder {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #999;
}

.touch-wrapper-type03 .search-form.search-sticky .form-content .custom-input::-ms-input-placeholder {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #999;
}

.touch-wrapper-type03 .search-form.search-sticky .form-content .custom-input::placeholder {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #999;
}

.touch-wrapper-type03 .search-form.search-sticky .form-content .custom-input:focus, .touch-wrapper-type03 .search-form.search-sticky .form-content .custom-input:active {
  border: solid 2px #222;
  outline: 0;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-property: border;
  transition-property: border;
}

.touch-wrapper-type03 .search-form.search-sticky .form-content .btn-search {
  width: 56px;
  height: 56px;
}

.touch-wrapper-type03 .search-form.search-sticky + .kword-hots {
  margin-top: 32px;
}

.touch-wrapper-type03 .recent-kwd .title-wrap {
  margin-top: 32px !important;
  margin-bottom: 12px;
}

.touch-wrapper-type03 .recent-kwd .title-wrap .page-sub-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.5px;
}

.touch-wrapper-type03 .recent-kwd .recent-sch-list > li {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  margin-top: 8px;
  margin-right: 8px;
  padding: 0 38px 0 0;
  border-radius: 50px;
  background: #f1f5fe;
}

.touch-wrapper-type03 .recent-kwd .recent-sch-list > li .kwd {
  padding: 9px 0 7px 16px;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.5px;
  color: #206cfe;
}

.touch-wrapper-type03 .recent-kwd .recent-sch-list > li .bt-del {
  position: absolute;
  top: 0;
  right: 6px;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-close-blue.png) no-repeat center;
  background-size: 12px;
  border: none;
  opacity: 0.6;
}

.touch-wrapper-type03 .recent-kwd .recent-sch-list::after {
  content: '';
  display: block;
  clear: both;
}

.touch-wrapper-type03 .kword-hots {
  margin-top: 40px;
}

.touch-wrapper-type03 .kword-hots .page-sub-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: -0.5px;
}

.touch-wrapper-type03 .kword-hots .page-sub-title + .keyword-list {
  margin-top: 20px;
}

.touch-wrapper-type03 .kword-hots .keyword-list.real-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: auto;
  height: 220px;
}

.touch-wrapper-type03 .kword-hots .keyword-list.real-time > li {
  width: 50%;
  line-height: 28px;
  font-weight: 500;
}

.touch-wrapper-type03 .kword-hots .keyword-list.real-time > li > a {
  font-size: 18px;
}

.touch-wrapper-type03 .kword-hots .keyword-list.real-time > li > a .tx-num {
  font-size: 18px;
  font-weight: 500;
}

.touch-wrapper-type03 .kword-hots .keyword-list.real-time > li:nth-child(1) > a .tx-num, .touch-wrapper-type03 .kword-hots .keyword-list.real-time > li:nth-child(2) > a .tx-num, .touch-wrapper-type03 .kword-hots .keyword-list.real-time > li:nth-child(3) > a .tx-num {
  color: #206cfe;
}

.touch-wrapper-type03 .kword-hots .keyword-list.real-time > li:nth-child(6) {
  margin-top: 0;
}

.touch-wrapper-type03 .kword-hots .keyword-list.real-time > li + li {
  margin-top: 16px;
}

.touch-wrapper-type03 .result-area {
  padding-top: 110px;
  padding-bottom: 50px;
}

.touch-wrapper-type03 .result-area .benefit-coupon {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 16px;
  border: solid 1px #ebebeb;
}

.touch-wrapper-type03 .result-area .benefit-coupon .badge-area {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.touch-wrapper-type03 .result-area .benefit-coupon .badge-area .badge {
  font-size: 14px;
}

.touch-wrapper-type03 .result-area .benefit-coupon .badge-area .badge.type01 {
  color: #3674bc;
}

.touch-wrapper-type03 .result-area .benefit-coupon .badge-area .text {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.29;
  color: #3674bc;
}

.touch-wrapper-type03 .result-area .benefit-coupon + .benefit-coupon {
  margin-top: 16px;
}

.touch-wrapper-type03 .result-area .benefit-coupon .border i::before {
  width: 200px;
  height: 100px;
  border: solid 1px #ebebeb;
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.touch-wrapper-type03 .result-area .benefit-coupon .border i::after {
  margin-top: 0;
  width: 200px;
  height: 112px;
  background-color: #fff;
}

.touch-wrapper-type03 .result-area .benefit-coupon .border .left-round::before {
  left: -212px;
}

.touch-wrapper-type03 .result-area .benefit-coupon .border .left-round::after {
  left: -214px;
}

.touch-wrapper-type03 .result-area .benefit-coupon .border .right-round::before {
  right: -212px;
}

.touch-wrapper-type03 .result-area .benefit-coupon .border .right-round::after {
  right: -214px;
}

.touch-wrapper-type03 .result-area .benefit-coupon .btn-wrap .btn.btn-sm.btn-round {
  min-width: 58px;
  padding: 10px 12px 8px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.5px;
}

.touch-wrapper-type03 .result-area .benefit-coupon .btn-wrap .btn.btn-sm.btn-round.btn-sky-blue {
  color: #206cfe;
  background-color: #e5edf7;
  border: 1px solid #e5edf7;
}

.touch-wrapper-type03 .result-area .benefit-coupon .btn-wrap .btn.btn-sm.btn-round.btn-barcode {
  background: url(/webapp/v2/common/assets/images/benefit/barcord_btn_img.png) #e2f5f5 no-repeat center/24px !important;
  background-color: #e2f5f5 !important;
  border: 1px solid #e2f5f5 !important;
  font-size: 0 !important;
  color: transparent !important;
}

.touch-wrapper-type03 .result-area .benefit-coupon .btn-wrap .btn.btn-sm.btn-round.btn-coralblue {
  background-color: #3376f6;
  border-color: #3376f6;
  color: #fff;
}

/* CSRUIUX-607 TOUCH(LADM > 미리보기 개선) */
.touch-wrapper-type02 .main-feedlayer .feedlayer-inner .feedlayer-container .my-banner > a .my-banner-img {
  top: 24px;
  right: 20px;
  width: 90px;
  height: 90px;
}

.touch-wrapper-type02 .main-feedlayer .feedlayer-inner .feedlayer-container .my-banner > a .my-banner-img > img {
  width: 100%;
  height: auto;
}

.touch-24newlds {
  /* 큰 버튼 */
  /* 작은 버튼 */
  /* PJ81-13283 터치 > 월간리포트 */
  /* CSRUIUX-527 TOUCH 월간리포트 디자인 작업 요청 */
}

.touch-24newlds.popup-layer .benefit-coupon, .touch-24newlds.touch-wrapper .benefit-coupon, .touch-24newlds.touch-wrapper-type02 .benefit-coupon {
  padding-bottom: 20px;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.touch-24newlds.popup-layer .benefit-coupon .info-flex .info-box .tit, .touch-24newlds.touch-wrapper .benefit-coupon .info-flex .info-box .tit, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .info-flex .info-box .tit {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.7px;
  color: #666;
}

.touch-24newlds.popup-layer .benefit-coupon .info-flex .info-box .tit + .text, .touch-24newlds.touch-wrapper .benefit-coupon .info-flex .info-box .tit + .text, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .info-flex .info-box .tit + .text {
  margin-top: 0;
}

.touch-24newlds.popup-layer .benefit-coupon .info-flex .info-box .text, .touch-24newlds.touch-wrapper .benefit-coupon .info-flex .info-box .text, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .info-flex .info-box .text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.touch-24newlds.popup-layer .benefit-coupon .info-flex .info-box .text + .date, .touch-24newlds.touch-wrapper .benefit-coupon .info-flex .info-box .text + .date, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .info-flex .info-box .text + .date {
  margin-top: 4px;
}

.touch-24newlds.popup-layer .benefit-coupon .info-flex .info-box .date, .touch-24newlds.touch-wrapper .benefit-coupon .info-flex .info-box .date, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .info-flex .info-box .date {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.06px;
  color: #666;
}

.touch-24newlds.popup-layer .benefit-coupon .info-flex .img-box, .touch-24newlds.touch-wrapper .benefit-coupon .info-flex .img-box, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .info-flex .img-box {
  position: relative;
}

.touch-24newlds.popup-layer .benefit-coupon .info-flex .img-box > img, .touch-24newlds.touch-wrapper .benefit-coupon .info-flex .img-box > img, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .info-flex .img-box > img {
  max-width: 68px;
  max-height: 68px;
  border-radius: 0;
}

.touch-24newlds.popup-layer .benefit-coupon .info-flex .img-box.soldout::after, .touch-24newlds.touch-wrapper .benefit-coupon .info-flex .img-box.soldout::after, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .info-flex .img-box.soldout::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/webapp/v2/common/assets/images/benefit/badge_soldout.png) rgba(255, 255, 255, 0.5) no-repeat center/56px;
}

.touch-24newlds.popup-layer .benefit-coupon .info-flex .img-box.early::after, .touch-24newlds.touch-wrapper .benefit-coupon .info-flex .img-box.early::after, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .info-flex .img-box.early::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/webapp/v2/common/assets/images/benefit/badge_early_termination.png) rgba(255, 255, 255, 0.5) no-repeat center/56px;
}

.touch-24newlds.popup-layer .benefit-coupon .badge-area, .touch-24newlds.touch-wrapper .benefit-coupon .badge-area, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .badge-area {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  margin-top: 4px;
}

.touch-24newlds.popup-layer .benefit-coupon .badge-area .badge, .touch-24newlds.touch-wrapper .benefit-coupon .badge-area .badge, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .badge-area .badge {
  padding: 4px 4px 2px;
  height: auto;
  border-radius: 0;
  border: 1px solid #ebe7e4;
  background-color: #fff;
  color: #666;
  font-size: 12px;
  line-height: 1;
  letter-spacing: -0.06px;
  font-style: normal;
}

.touch-24newlds.popup-layer .benefit-coupon .badge-area .badge.type05, .touch-24newlds.touch-wrapper .benefit-coupon .badge-area .badge.type05, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .badge-area .badge.type05 {
  border: 1px solid #daf7f6;
  background-color: #daf7f6;
  color: #007881;
}

.touch-24newlds.popup-layer .benefit-coupon .badge-area .badge + .badge, .touch-24newlds.touch-wrapper .benefit-coupon .badge-area .badge + .badge, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .badge-area .badge + .badge {
  margin-left: 6px;
}

.touch-24newlds.popup-layer .benefit-coupon .badge-area .text, .touch-24newlds.touch-wrapper .benefit-coupon .badge-area .text, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .badge-area .text {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.06px;
  color: #007881;
}

.touch-24newlds.popup-layer .benefit-coupon .badge-area .text.attention, .touch-24newlds.touch-wrapper .benefit-coupon .badge-area .text.attention, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .badge-area .text.attention {
  margin-top: 0;
  color: #ff2860;
}

.touch-24newlds.popup-layer .benefit-coupon .border, .touch-24newlds.touch-wrapper .benefit-coupon .border, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .border {
  margin: 20px 0 16px;
}

.touch-24newlds.popup-layer .benefit-coupon .border .line, .touch-24newlds.touch-wrapper .benefit-coupon .border .line, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .border .line {
  background: #ebe7e4;
}

.touch-24newlds.popup-layer .benefit-coupon .btn-wrap, .touch-24newlds.touch-wrapper .benefit-coupon .btn-wrap, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .btn-wrap {
  width: 100%;
  /*
                @media (max-width: 320px){
                    .hashtag{
                        max-width: 67%;
                    }
                }
                @media (min-width: 321px) and (max-width: 359px){
                    .hashtag{
                        max-width: 67%;
                    }
                }
                @media (min-width: 360px) and (max-width: 389px){
                    .hashtag{
                        max-width: 74%;
                    }
                }
                @media (min-width: 390px) and (max-width: 411px){
                    .hashtag{
                        max-width: 74%;
                    }
                }
                @media (min-width: 412px) and (max-width: 429px){
                    .hashtag{
                        max-width: 79%;
                    }
                }
                @media screen and (min-width: 430px){
                    .hashtag{
                        max-width: 81%;
                    }
                }
                */
}

.touch-24newlds.popup-layer .benefit-coupon .btn-wrap .hashtag-area, .touch-24newlds.touch-wrapper .benefit-coupon .btn-wrap .hashtag-area, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .btn-wrap .hashtag-area {
  width: calc(100% - 84px);
}

.touch-24newlds.popup-layer .benefit-coupon .btn-wrap .hashtag-area .line, .touch-24newlds.touch-wrapper .benefit-coupon .btn-wrap .hashtag-area .line, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .btn-wrap .hashtag-area .line {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}

.touch-24newlds.popup-layer .benefit-coupon .btn-wrap .hashtag-area .line + .line, .touch-24newlds.touch-wrapper .benefit-coupon .btn-wrap .hashtag-area .line + .line, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .btn-wrap .hashtag-area .line + .line {
  margin-top: 6px;
}

.touch-24newlds.popup-layer .benefit-coupon .btn-wrap .hashtag, .touch-24newlds.touch-wrapper .benefit-coupon .btn-wrap .hashtag, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .btn-wrap .hashtag {
  display: block;
  padding: 7px 8px 5px;
  max-width: 70%;
  height: auto;
  margin: 0;
  border-radius: 0;
  background-color: #f6f5f3;
  color: #787878;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.06px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.touch-24newlds.popup-layer .benefit-coupon .btn-wrap .hashtag + .hashtag, .touch-24newlds.touch-wrapper .benefit-coupon .btn-wrap .hashtag + .hashtag, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .btn-wrap .hashtag + .hashtag {
  margin-left: 6px;
}

.touch-24newlds.popup-layer .benefit-coupon .btn-wrap .btn, .touch-24newlds.touch-wrapper .benefit-coupon .btn-wrap .btn, .touch-24newlds.touch-wrapper-type02 .benefit-coupon .btn-wrap .btn {
  margin-left: 16px;
}

.touch-24newlds.popup-layer .touch-gather .box-full .btn-more-wrap + .btn-all-wrap, .touch-24newlds.touch-wrapper .touch-gather .box-full .btn-more-wrap + .btn-all-wrap, .touch-24newlds.touch-wrapper-type02 .touch-gather .box-full .btn-more-wrap + .btn-all-wrap {
  margin-top: 16px;
}

.touch-24newlds.popup-layer .touch-dashboard.type02 + hr.border-full, .touch-24newlds.touch-wrapper .touch-dashboard.type02 + hr.border-full, .touch-24newlds.touch-wrapper-type02 .touch-dashboard.type02 + hr.border-full {
  margin-top: 32px;
}

.touch-24newlds.popup-layer.cooper, .touch-24newlds.touch-wrapper.cooper, .touch-24newlds.touch-wrapper-type02.cooper {
  width: 100vw;
  margin-left: -24px;
}

.touch-24newlds.popup-layer.cooper .popup-header, .touch-24newlds.touch-wrapper.cooper .popup-header, .touch-24newlds.touch-wrapper-type02.cooper .popup-header {
  padding: 6px 24px 22px;
}

.touch-24newlds.popup-layer.cooper .popup-content .popup-content-inner, .touch-24newlds.touch-wrapper.cooper .popup-content .popup-content-inner, .touch-24newlds.touch-wrapper-type02.cooper .popup-content .popup-content-inner {
  padding: 24px 24px 24px;
}

.touch-24newlds .swiper-component-wrapper {
  /* 20260325 추가(인디케이터 + 시작(정지)버튼 센터정렬) */
}

.touch-24newlds .swiper-component-wrapper .custom-swiper-pagination.swiper-pagination-bullets.bottom {
  left: 0;
  width: 100%;
  text-align: center;
  padding-right: 13px;
}

.touch-24newlds .swiper-component-wrapper .custom-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 24px;
  height: 24px;
  background: transparent;
  border-radius: 10px;
  /* 20260325 추가("터치" 인디게이터 스트로크 색상 변경) */
}

.touch-24newlds .swiper-component-wrapper .custom-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:after {
  background: transparent;
  border: solid 1px #625B4E;
}

.touch-24newlds .swiper-component-wrapper .custom-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  background: #222222;
  border: solid 1px #222222;
}

.touch-24newlds .swiper-component-wrapper .swiper-control {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-pause04.png) 0px center no-repeat;
  background-size: cover;
  margin-left: 10px;
}

.touch-24newlds .swiper-component-wrapper .swiper-control.pause {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-play04.png) 0px 0px no-repeat;
  background-size: cover;
}

.touch-24newlds .swiper-component-wrapper .pagination-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.touch-24newlds .swiper-component-wrapper .pagination-container .custom-swiper-pagination.swiper-pagination-bullets.bottom {
  position: static !important;
  width: auto;
  padding-right: 0;
}

.touch-24newlds .swiper-component-wrapper .pagination-container .swiper-control {
  position: static !important;
  -webkit-transform: none !important;
          transform: none !important;
  margin-left: 0;
}

.touch-24newlds .btn.btn-primary {
  font-size: 18px;
  border-color: #5ddbdb;
  background-color: #5ddbdb;
  color: #222;
  border-radius: 0;
}

.touch-24newlds .btn.btn-primary:active {
  border: 1px solid #009095;
  background: #009095;
}

.touch-24newlds .btn.btn-primary:disabled {
  color: #b3c2c2;
  border: 1px solid #e2f5f5;
  background: #e2f5f5;
}

.touch-24newlds .btn.btn-md {
  font-size: 16px;
  font-weight: 500;
  border-radius: 0;
  border: solid 1px #d5cfc9;
}

.touch-24newlds .btn-border {
  border-radius: 0;
  border: solid 1px #d5cfc9;
}

.touch-24newlds .btn-border:active {
  border: 1px solid var(--Outline-Outline-1, #625B4E);
  background: var(--Warm-gray-100, #EBE7E4);
}

.touch-24newlds .btn.success {
  font-size: 18px;
  background: #e2f5f5;
  border-color: #e2f5f5;
  color: #007881;
  border-radius: 0;
}

.touch-24newlds .btn.success:disabled {
  font-size: 18px;
  background: #e2f5f5;
  border-color: #e2f5f5;
  color: #007881;
  border-radius: 0;
}

.touch-24newlds .btn.success:active {
  border: 1px solid #e2f5f5;
  background: #e2f5f5;
}

.touch-24newlds.bottomsheet > .popup-header {
  border-radius: 0;
}

.touch-24newlds .btn.btn-sm.btn-round {
  min-width: 68px !important;
  height: auto;
  padding: 9px 4px 7px !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.07px;
  color: #222;
  border-radius: 2px !important;
  background-color: #5ddbdb;
  border: 1px solid #5ddbdb;
}

.touch-24newlds .btn.btn-sm.btn-round.btn-sky-blue {
  color: #007881;
  background-color: #e2f5f5;
  border: 1px solid #e2f5f5;
}

.touch-24newlds .btn.btn-sm.btn-round.btn-sky-blue:active {
  border: 1px solid #e2f5f5;
  background: #e2f5f5;
}

.touch-24newlds .btn.btn-sm.btn-round.btn-sky-blue:disabled {
  color: #007881;
  background-color: #e2f5f5;
  border: 1px solid #e2f5f5;
}

.touch-24newlds .btn.btn-sm.btn-round:active {
  border: 1px solid #009095;
  background: #009095;
}

.touch-24newlds .btn.btn-sm.btn-round:disabled {
  color: #b3c2c2 !important;
  background-color: #e2f5f5 !important;
  border: 1px solid #e2f5f5 !important;
}

.touch-24newlds .btn.btn-sm.btn-round:disabled:active {
  border: 1px solid #e2f5f5 !important;
  background: #e2f5f5 !important;
}

.touch-24newlds .btn.btn-sm.btn-round.btn-barcode {
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/barcord_btn_img.png) #e2f5f5 no-repeat center/24px;
  border: 1px solid #e2f5f5;
  font-size: 0;
  color: transparent;
}

.touch-24newlds .btn.btn-sm.btn-round.btn-barcode:active {
  background: url(/webapp/v2/common/assets/images/benefit/barcord_btn_img.png) #e2f5f5 no-repeat center/24px;
}

.touch-24newlds .btn.btn-border.btn-sm {
  border-radius: 2px !important;
}

.touch-24newlds.bg-gray .popup-content {
  background: #f6f5f3;
}

.touch-24newlds.bg-gray .popup-content .tab-list-wrap {
  background-color: #f6f5f3;
}

.touch-24newlds.bg-gray .popup-content .tab-content-wrap .box-gray {
  background-color: #f6f5f3;
}

.touch-24newlds hr.border-full {
  background: #F6F5F3;
}

.touch-24newlds hr.border-full + .touch-exhibition-wrap,
.touch-24newlds hr.border-full + .touch-search-btn {
  margin-top: 40px;
}

.touch-24newlds .login-touch {
  margin-top: 16px;
}

.touch-24newlds .login-touch > a {
  display: block;
  position: relative;
  padding: 26px 20px 24px;
  border-radius: 0;
  background-color: #ebe7e4;
  font-size: 14px;
  color: #222;
  font-weight: 500;
  line-height: 1;
}

.touch-24newlds .login-touch > a > span {
  color: #3674bc;
}

.touch-24newlds .login-touch + hr.border-full {
  margin-top: 32px;
}

.touch-24newlds .touch-search-btn {
  position: relative;
  display: block;
  padding: 15px 0 14px;
  width: 100%;
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: -0.09px;
  color: #999;
  text-align: left;
  border-bottom: 1px solid #d5cfc9;
}

.touch-24newlds .touch-search-btn .btn-search {
  position: absolute;
  top: 0;
  right: 0;
}

.touch-24newlds .touch-search-btn + .touch-exhibition-wrap {
  margin-top: 40px;
}

.touch-24newlds .tab-list-wrap.tab-full.tab-sticky .tab-button {
  color: #666;
}

.touch-24newlds .tab-list-wrap.tab-full.tab-sticky .tab-button.is-active {
  color: #222;
}

.touch-24newlds .tab-content-wrap .tab-panel .box-gray.box-full.bg-light-gray {
  width: 100vw !important;
  margin-left: -24px !important;
  padding: 32px 24px 48px;
}

.touch-24newlds .bg-light-gray {
  width: 100vw !important;
  margin-left: -24px !important;
  background-color: #f2f0ed;
}

.touch-24newlds .select-period-wrap .select-period .select-period__year {
  z-index: 22;
}

.touch-24newlds .select-period-wrap .select-period .select-period__year.active {
  color: #007881;
}

.touch-24newlds .select-period-wrap .select-period .select-period__month > a .month {
  position: relative;
  z-index: 22;
}

.touch-24newlds .select-period-wrap .select-period .select-period__month > a.active {
  color: #007881;
}

.touch-24newlds .select-period-wrap .select-period .select-period__month > a.active::before {
  content: '';
  display: block;
  position: absolute;
  margin-left: -124px;
  width: 100vw;
  height: 100%;
  background-color: #f6f5f3;
  z-index: 20;
}

.touch-24newlds .select-period-wrap .select-period .select-period__month > a.active::after {
  top: calc(50% - 12px);
  width: 24px;
  height: 24px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-check-02.svg);
  z-index: 20;
}

.touch-24newlds .touch-info-wrap {
  margin-bottom: 32px;
}

.touch-24newlds .touch-info-wrap .selectbox.selectbox-sm .tit {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.touch-24newlds .touch-info-wrap .selectbox.selectbox-sm .tit::after {
  margin-top: -11px;
}

.touch-24newlds .touch-info-wrap .text {
  color: #666;
}

.touch-24newlds .touch-info-wrap .value > span {
  font-size: 30px;
  line-height: 1.33;
  letter-spacing: -0.15px;
  font-weight: 500;
}

.touch-24newlds .touch-accordion-wrap {
  width: 100vw;
  margin-left: -24px;
}

.touch-24newlds .touch-accordion-wrap .accordion-wrap.type-border {
  padding: 0 24px;
  margin-top: -24px;
}

.touch-24newlds .touch-accordion-wrap .accordion-wrap.type-border .accordion:first-child {
  border-top: none;
}

.touch-24newlds .touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-head {
  padding: 24px 0;
}

.touch-24newlds .touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-head .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(100% - 24px);
}

.touch-24newlds .touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-head .flex-box div:first-child .tit {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.5px;
}

.touch-24newlds .touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-head .flex-box div:first-child .tit + .date {
  margin-top: 4px;
}

.touch-24newlds .touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-head .flex-box div:first-child .date {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.7;
  letter-spacing: -0.7px;
  color: #666;
}

.touch-24newlds .touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-head .flex-box div:last-child .point {
  margin-right: 2px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #007881;
}

.touch-24newlds .touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-body {
  width: 100vw;
  margin-left: -24px;
  -webkit-transition-property: none;
  transition-property: none;
}

.touch-24newlds .touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-body .benefit-coupon .info-flex .info-box .text + .info-group {
  margin-top: 5px;
}

.touch-24newlds .touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-body .benefit-coupon .info-flex .info-box .info-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  letter-spacing: -0.06px;
  color: #666;
}

.touch-24newlds .touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-body .benefit-coupon .info-flex .info-box .info-group .name {
  line-height: 1;
}

.touch-24newlds .touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-body .benefit-coupon .info-flex .info-box .info-group .name + .date {
  margin-left: 6px;
  padding-left: 6px;
  border-left: solid 1px #e5e5e5;
}

.touch-24newlds .touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-body .benefit-coupon .info-flex .info-box .info-group .date {
  margin-top: 0;
  line-height: 1;
}

.touch-24newlds .touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-body .benefit-coupon .info-flex .info-box .info-group .date + .attention {
  margin-left: 4px;
}

.touch-24newlds .touch-accordion-wrap .accordion-wrap.type-border .accordion .fold-body .benefit-coupon .info-flex .info-box .info-group .attention {
  color: #ff2860;
}

.touch-24newlds .touch-accordion-wrap .accordion-wrap.type-border .accordion.is-active .fold-body {
  padding: 24px;
  background-color: #f6f5f3;
}

.touch-24newlds .touch-accordion-wrap .no-result {
  width: 100% !important;
  margin-left: 0 !important;
  margin-top: -24px;
}

.touch-24newlds .box-gray.box-full.full-page.page .no-result {
  margin-top: 0;
  padding: 138px 0 90px;
  width: 100vw;
  margin-left: -24px;
  margin-top: -24px;
  border-top: none;
  background-color: #fff;
}

.touch-24newlds .box-gray.box-full.full-page.page .no-result .icon-area {
  margin: 0 auto;
  width: 48px;
  height: 48px;
}

.touch-24newlds .box-gray.box-full.full-page.page .no-result .icon-area > img {
  width: 100%;
}

.touch-24newlds .box-gray.box-full.full-page.page .no-result .icon-area + .text {
  margin-top: 12px;
}

.touch-24newlds .box-gray.box-full.full-page.page .no-result .text {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
}

.touch-24newlds .box-gray.box-full.full-page.page .no-result .text + .btn-border {
  margin-top: 16px;
  padding: 2px 16px 0;
}

.touch-24newlds .box-gray.box-full.full-page.page .no-result .btn-border {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.07px;
}

.touch-24newlds.exhbition-all .top-tab .anchor-list-wrap {
  padding: 0 24px 16px;
}

.touch-24newlds.touch-wrapper-type03 {
  padding-top: 52px !important;
}

.touch-24newlds.touch-wrapper-type03.touch-new .search-form.search-sticky {
  top: calc(56px + var(--safe-top));
  padding: 20px 24px 32px 24px;
}

.touch-24newlds.touch-wrapper-type03 .search-form.search-sticky .form-content .form-control-clear::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #d5cfc9;
  z-index: 101;
}

.touch-24newlds.touch-wrapper-type03 .search-form.search-sticky .form-content .form-control-clear.is-active::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  background-color: #222;
  -webkit-box-shadow: 0 2px 8px 0 rgba(34, 34, 34, 0.24);
          box-shadow: 0 2px 8px 0 rgba(34, 34, 34, 0.24);
  outline: 0;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-property: border;
  transition-property: border;
  z-index: 101;
}

.touch-24newlds.touch-wrapper-type03 .search-form.search-sticky .form-content .form-control-clear .custom-input {
  position: relative;
  padding-left: 0;
  height: 48px;
  border: none;
  border-radius: 0;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.touch-24newlds.touch-wrapper-type03 .search-form.search-sticky .form-content .form-control-clear .custom-input::-webkit-input-placeholder {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #999;
}

.touch-24newlds.touch-wrapper-type03 .search-form.search-sticky .form-content .form-control-clear .custom-input:-ms-input-placeholder {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #999;
}

.touch-24newlds.touch-wrapper-type03 .search-form.search-sticky .form-content .form-control-clear .custom-input::-ms-input-placeholder {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #999;
}

.touch-24newlds.touch-wrapper-type03 .search-form.search-sticky .form-content .form-control-clear .custom-input::placeholder {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #999;
}

.touch-24newlds.touch-wrapper-type03 .search-form.search-sticky .form-content .form-control-clear .btn-input-clear {
  right: 30px;
}

.touch-24newlds.touch-wrapper-type03 .search-form.search-sticky .form-content .form-control-clear .btn-search {
  width: 56px;
  height: 56px;
}

.touch-24newlds.touch-wrapper-type03 .search-form.search-sticky .form-content .btn-search {
  width: 24px;
  height: 48px;
}

.touch-24newlds.touch-wrapper-type03 .search-form.search-sticky .form-content.no-exist-result .form-control-clear .custom-input {
  color: #999;
}

.touch-24newlds.touch-wrapper-type03 .search-form.search-sticky + .kword-hots {
  margin-top: 32px;
}

.touch-24newlds.touch-wrapper-type03 .search-form.search-sticky + .bg-light-gray {
  margin-top: 48px;
  padding-top: 32px !important;
}

.touch-24newlds.touch-wrapper-type03 .recent-kwd .title-wrap {
  margin-top: 32px !important;
  margin-bottom: 12px;
}

.touch-24newlds.touch-wrapper-type03 .recent-kwd .title-wrap .page-sub-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.touch-24newlds.touch-wrapper-type03 .recent-kwd .title-wrap .text-link {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #625b4e;
}

.touch-24newlds.touch-wrapper-type03 .recent-kwd .title-wrap .text-link::before {
  bottom: 2px;
  background-color: #625b4e;
}

.touch-24newlds.touch-wrapper-type03 .recent-kwd .recent-sch-list > li {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  margin-top: 8px;
  margin-right: 8px;
  padding: 0 38px 0 0;
  border-radius: 50px;
  background: #fff;
  border: solid 1px #ebe7e4;
}

.touch-24newlds.touch-wrapper-type03 .recent-kwd .recent-sch-list > li .kwd {
  padding: 8px 0 6px 16px;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.08px;
  color: #222;
}

.touch-24newlds.touch-wrapper-type03 .recent-kwd .recent-sch-list > li .bt-del {
  position: absolute;
  top: 0;
  right: 6px;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-close-pop.png) no-repeat center;
  background-size: 32px;
  border: none;
  opacity: 0.6;
}

.touch-24newlds.touch-wrapper-type03 .recent-kwd .recent-sch-list::after {
  content: '';
  display: block;
  clear: both;
}

.touch-24newlds.touch-wrapper-type03 .kword-hots {
  margin-top: 40px;
}

.touch-24newlds.touch-wrapper-type03 .kword-hots .page-sub-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.touch-24newlds.touch-wrapper-type03 .kword-hots .page-sub-title + .keyword-list {
  margin-top: 20px;
}

.touch-24newlds.touch-wrapper-type03 .kword-hots .keyword-list.real-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: auto;
  height: 220px;
}

.touch-24newlds.touch-wrapper-type03 .kword-hots .keyword-list.real-time > li {
  width: 50%;
  line-height: 28px;
  font-weight: 500;
}

.touch-24newlds.touch-wrapper-type03 .kword-hots .keyword-list.real-time > li > a {
  font-size: 16px;
}

.touch-24newlds.touch-wrapper-type03 .kword-hots .keyword-list.real-time > li > a .tx-num {
  font-size: 16px;
  font-weight: bold;
}

.touch-24newlds.touch-wrapper-type03 .kword-hots .keyword-list.real-time > li:nth-child(1) > a .tx-num, .touch-24newlds.touch-wrapper-type03 .kword-hots .keyword-list.real-time > li:nth-child(2) > a .tx-num, .touch-24newlds.touch-wrapper-type03 .kword-hots .keyword-list.real-time > li:nth-child(3) > a .tx-num {
  color: #007881;
}

.touch-24newlds.touch-wrapper-type03 .kword-hots .keyword-list.real-time > li:nth-child(6) {
  margin-top: 0;
}

.touch-24newlds.touch-wrapper-type03 .kword-hots .keyword-list.real-time > li + li {
  margin-top: 16px;
}

.touch-24newlds.touch-wrapper-type03 .result-area {
  padding-top: 110px;
  padding-bottom: 50px;
}

.touch-24newlds.touch-wrapper-type03 .result-area .benefit-coupon {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 16px;
  border: solid 1px #ebebeb;
}

.touch-24newlds.touch-wrapper-type03 .result-area .benefit-coupon .badge-area {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.touch-24newlds.touch-wrapper-type03 .result-area .benefit-coupon .badge-area .badge {
  font-size: 14px;
}

.touch-24newlds.touch-wrapper-type03 .result-area .benefit-coupon .badge-area .badge.type01 {
  color: #3674bc;
}

.touch-24newlds.touch-wrapper-type03 .result-area .benefit-coupon .badge-area .text {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.29;
  color: #3674bc;
}

.touch-24newlds.touch-wrapper-type03 .result-area .benefit-coupon + .benefit-coupon {
  margin-top: 16px;
}

.touch-24newlds.touch-wrapper-type03 .result-area .benefit-coupon .border i::before {
  width: 200px;
  height: 100px;
  border: solid 1px #ebebeb;
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.touch-24newlds.touch-wrapper-type03 .result-area .benefit-coupon .border i::after {
  margin-top: 0;
  width: 200px;
  height: 112px;
  background-color: #fff;
}

.touch-24newlds.touch-wrapper-type03 .result-area .benefit-coupon .border .left-round::before {
  left: -212px;
}

.touch-24newlds.touch-wrapper-type03 .result-area .benefit-coupon .border .left-round::after {
  left: -214px;
}

.touch-24newlds.touch-wrapper-type03 .result-area .benefit-coupon .border .right-round::before {
  right: -212px;
}

.touch-24newlds.touch-wrapper-type03 .result-area .benefit-coupon .border .right-round::after {
  right: -214px;
}

.touch-24newlds.touch-wrapper-type03 .result-area .benefit-coupon .btn-wrap .btn.btn-sm.btn-round {
  min-width: 58px;
  padding: 10px 12px 8px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.5px;
}

.touch-24newlds.touch-wrapper-type03 .result-area .benefit-coupon .btn-wrap .btn.btn-sm.btn-round.btn-sky-blue {
  color: #206cfe;
  background-color: #e5edf7;
  border: 1px solid #e5edf7;
}

.touch-24newlds.touch-wrapper-type03 .result-area .benefit-coupon .btn-wrap .btn.btn-sm.btn-round.btn-barcode {
  background: url(/webapp/v2/common/assets/images/benefit/barcord_btn_img.png) #e2f5f5 no-repeat center/24px !important;
  background-color: #e2f5f5 !important;
  border: 1px solid #e2f5f5 !important;
  font-size: 0 !important;
  color: transparent !important;
}

.touch-24newlds.touch-wrapper-type03 .result-area .benefit-coupon .btn-wrap .btn.btn-sm.btn-round.btn-coralblue {
  background-color: #3376f6;
  border-color: #3376f6;
  color: #fff;
}

.touch-24newlds .toast-popup {
  padding: 13px 16px 11px;
  background: var(--dim-80, rgba(0, 0, 0, 0.8));
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  border-radius: 8px;
}

.touch-24newlds .toast-popup > span {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: -0.08px;
}

.touch-24newlds.touch-popup-layer {
  border-radius: 0;
}

.touch-24newlds.bottomsheet > .popup-header {
  border-radius: 0;
}

.touch-24newlds.touch-popup-layer .popup-content {
  text-align: center;
}

.touch-24newlds.touch-popup-layer .popup-content .alert-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: -0.09px;
}

.touch-24newlds.touch-popup-layer .popup-content .gray-box {
  padding: 20px;
  background-color: #f6f5f3;
}

.touch-24newlds.touch-popup-layer .btn.btn-alert {
  font-size: 18px !important;
  border-color: #5ddbdb;
  background-color: #5ddbdb;
  color: #222;
  border-radius: 0;
}

.touch-24newlds.touch-popup-layer .btn.btn-alert:active {
  border: 1px solid #009095;
  background: #009095;
}

.touch-24newlds.touch-popup-layer .btn.btn-alert:disabled {
  color: #b3c2c2;
  border: 1px solid #e2f5f5;
  background: #009095;
}

.touch-24newlds.touch-popup-layer .btn.btn-alert.btn-border {
  border-color: #d5cfc9;
  background-color: #fff;
}

.touch-24newlds.touch-popup-layer .btn.btn-alert.btn-border:active {
  border: 1px solid var(--Outline-Outline-1, #625B4E);
  background: var(--Warm-gray-100, #EBE7E4);
}

.touch-24newlds.bottomsheet .agreeList-wrap .agree-box + .agree-box {
  padding-top: 20px;
}

.touch-24newlds .agreeList-wrap .agree-box + .agree-box {
  padding-top: 28px;
}

.touch-24newlds .agreeList-wrap .agree-box .agree-head {
  min-height: auto;
  padding: 0;
  border-radius: 0;
  border: none;
}

.touch-24newlds .agreeList-wrap .agree-box .agree-head .custom-checkbox input[type=checkbox] + label {
  font-weight: bold;
}

.touch-24newlds .agreeList-wrap .agree-box .agree-head + .agreeChk-cont-text {
  margin-top: 12px;
}

.touch-24newlds .agreeList-wrap .agree-box .agreeChk-cont-text {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #222;
}

.touch-24newlds .agreeList-wrap .agree-box .agree-inner {
  padding: 16px 8px 0;
}

.touch-24newlds .agreeList-wrap .agree-box .agree-inner .custom-checkbox + .custom-checkbox {
  margin-top: 16px;
}

.touch-24newlds .agreeList-wrap .custom-checkbox {
  width: 100%;
}

.touch-24newlds .agreeList-wrap .custom-checkbox .text-link {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #222;
}

.touch-24newlds .agreeList-wrap .custom-checkbox .text-link::before {
  bottom: 2px;
  background-color: #222;
}

.touch-24newlds .agreeList-wrap .custom-checkbox input[type=checkbox] + label {
  width: 100%;
  margin: 0 10px 0 36px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.touch-24newlds .agreeList-wrap .custom-checkbox input[type=checkbox] + label em {
  left: 24px;
}

.touch-24newlds .agreeList-wrap .custom-checkbox input[type=checkbox] + label em::before {
  top: -16px;
  left: -10px;
  width: 2px;
  height: 9px;
}

.touch-24newlds .agreeList-wrap .custom-checkbox input[type=checkbox] + label em::after {
  bottom: 6px;
  left: -10px;
  width: 16px;
  height: 2px;
}

.touch-24newlds .agreeList-wrap .custom-checkbox input[type=checkbox] + label em::before,
.touch-24newlds .agreeList-wrap .custom-checkbox input[type=checkbox] + label em::after {
  background-color: #d5cfc9;
}

.touch-24newlds .agreeList-wrap .custom-checkbox input[type=checkbox]:checked + label em::before,
.touch-24newlds .agreeList-wrap .custom-checkbox input[type=checkbox]:checked + label em::after {
  background-color: #222;
}

.touch-24newlds.touch-wrapper .tab-list-wrap + .tab-content-wrap {
  padding-top: 0;
}

.touch-24newlds.touch-wrapper .touch-info-wrap {
  position: absolute;
}

.touch-24newlds.touch-wrapper .touch-info-wrap.type02 {
  width: 100vw;
  margin: 0 -24px;
  padding: 0;
  text-align: center;
}

.touch-24newlds.touch-wrapper .touch-info-wrap.type02 .info-box {
  width: 100%;
  padding: 34px 0 32px;
  background-color: #fff;
  border-radius: 0 0 20px 20px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.touch-24newlds.touch-wrapper .touch-info-wrap.type02 .info-box .selectbox {
  display: inline-block;
}

.touch-24newlds.touch-wrapper .touch-info-wrap.type02 .info-box .selectbox .tit {
  margin-bottom: 0;
  padding: 0 24px 0 0;
  height: auto;
  border: none;
}

.touch-24newlds.touch-wrapper .touch-info-wrap.type02 .info-box .selectbox .tit:after {
  right: 0;
  top: calc(50% + 2px);
}

.touch-24newlds.touch-wrapper .touch-info-wrap.type02 .info-box .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #222;
}

.touch-24newlds.touch-wrapper .touch-info-wrap.type02 .info-box .text > span {
  margin: 0 4px;
  color: #3376f6;
}

.touch-24newlds.touch-wrapper .touch-info-wrap.type02 .info-box .text > img {
  margin-left: 6px;
  width: 24px;
  height: auto;
}

.touch-24newlds.touch-wrapper .touch-info-wrap.type02 .info-box .value {
  margin-top: 10px;
  font-size: 32px;
  letter-spacing: 0px;
  line-height: 1.25;
  font-weight: 700;
  font-style: normal;
}

.touch-24newlds.touch-wrapper .touch-info-wrap.type02 .info-box .value > span {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -.5px;
  font-weight: 700;
}

.touch-24newlds.touch-wrapper .box-gray.box-full.full-page {
  padding-top: 170px;
  min-height: 100vh;
}

.touch-24newlds.touch-wrapper .box-gray.box-full.full-page .form-wrap-content.d-flex-between {
  padding: 17px 0;
}

.touch-24newlds.touch-wrapper .box-gray.box-full.full-page .btn-icon-custom.icon-filter > span.text-regular:after {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-filter-2.svg) 0 0 no-repeat;
}

.touch-24newlds.touch-wrapper .my-interest {
  display: block;
  padding: 32px 0 20px;
}

.touch-24newlds.touch-wrapper .my-interest.on {
  padding: 32px 0;
}

.touch-24newlds.touch-wrapper .my-interest .interest-tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.5px;
  text-align: center;
  color: #222;
}

.touch-24newlds.touch-wrapper .my-interest .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 16px;
}

.touch-24newlds.touch-wrapper .my-interest .btn-wrap .btn.btn-border {
  padding: 0 16px;
  height: 38px;
  line-height: 1.57;
  font-weight: bold;
  color: #3376f6;
}

.touch-24newlds.touch-wrapper .my-interest .btn-wrap .btn.btn-border .icon-emoji-heart {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  background: url(/webapp/v2/common/assets/images/common/emoji/emoji15/emoji-sparkles-19@2x.png) 0 0 no-repeat;
  background-size: 20px 20px;
}

.touch-24newlds.touch-wrapper .my-interest .btn-swiper-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  position: relative;
  width: 100%;
  height: 56px;
}

.touch-24newlds.touch-wrapper .my-interest .btn-swiper-wrap .left-area {
  display: inherit;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: scroll;
  width: calc(100% - 50px);
  padding-right: 16px;
}

.touch-24newlds.touch-wrapper .my-interest .btn-swiper-wrap .left-area .btn.btn-sm {
  min-width: auto;
  padding: 0 12px;
  border: solid 1px #ebebeb;
  font-weight: bold;
  line-height: 1.5;
  color: #3376f6;
  overflow: visible;
}

.touch-24newlds.touch-wrapper .my-interest .btn-swiper-wrap .left-area .btn.btn-sm + .btn.btn-sm {
  margin-left: 4px;
}

.touch-24newlds.touch-wrapper .my-interest .btn-swiper-wrap .right-area {
  display: inherit;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  width: 66px;
  height: 100%;
}

.touch-24newlds.touch-wrapper .my-interest .btn-swiper-wrap .right-area:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fafafa));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fafafa);
}

.touch-24newlds.touch-wrapper .my-interest .btn-swiper-wrap .right-area .btn-filter {
  padding: 4px 8px;
  width: 40px;
  min-width: auto;
  border: solid 1px #3376f6;
}

.touch-24newlds.touch-wrapper .my-interest .btn-swiper-wrap .right-area .btn-filter .icon-filter {
  width: 24px;
  height: 24px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-filter-2.svg) 0 0 no-repeat;
  background-size: 24px 24px;
}

.touch-24newlds.touch-wrapper .benefit-coupon .info-flex .info-box {
  width: calc(100% - 84px);
}

.touch-24newlds.touch-wrapper .benefit-coupon .info-flex .info-box .tit,
.touch-24newlds.touch-wrapper .benefit-coupon .info-flex .info-box .date,
.touch-24newlds.touch-wrapper .benefit-coupon .info-flex .info-box .text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.touch-24newlds.touch-wrapper .benefit-coupon .info-flex .img-box img {
  max-width: 68px;
  max-height: 68px;
}

.touch-24newlds.touch-wrapper .benefit-coupon .badge-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 12px;
  position: relative;
  width: 100%;
  height: 32px;
}

.touch-24newlds.touch-wrapper .benefit-coupon .badge-area > .left-area {
  display: inherit;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: scroll;
  width: calc(100% - 80px);
  padding-right: 8px;
}

.touch-24newlds.touch-wrapper .benefit-coupon .badge-area .right-area {
  display: inherit;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  width: 92px;
  height: 100%;
}

.touch-24newlds.touch-wrapper .benefit-coupon .badge-area .right-area:before {
  content: '';
  position: absolute;
  top: 0;
  left: 4px;
  width: 8px;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.touch-24newlds.touch-wrapper .benefit-coupon .badge-area .badge {
  display: inherit;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1px 6px;
  line-height: 1.5;
}

.touch-24newlds.touch-wrapper .benefit-coupon .badge-area .badge + .badge {
  margin-left: 6px;
}

.touch-24newlds.touch-wrapper .benefit-coupon .badge-area .benefit-txt {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: normal;
  color: #666;
}

.touch-24newlds.touch-wrapper .benefit-coupon .badge-area .complete {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.2px;
  color: #3376f6;
}

.touch-24newlds.touch-wrapper .benefit-coupon .badge-area .text-soldout {
  font-size: 12px;
  color: #666;
}

.touch-24newlds.touch-wrapper .benefit-coupon .badge-area .btn.btn-sm.btn-round {
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.5px;
  background-color: #3376f6;
  border: 1px solid #3376f6;
}

.touch-24newlds.touch-wrapper .benefit-coupon .badge-area .btn.btn-sm.btn-round.complete, .touch-24newlds.touch-wrapper .benefit-coupon .badge-area .btn.btn-sm.btn-round.type02 {
  color: #3376f6;
  background-color: #e5edf7;
  border: 1px solid #e5edf7;
}

.touch-24newlds.touch-wrapper .benefit-coupon .badge-area .btn.btn-sm.btn-round.btn-barcode {
  background: url(/webapp/v2/common/assets/images/benefit/barcord_btn_img.png) #e2f5f5 no-repeat center/24px !important;
  background-color: #e2f5f5 !important;
  border: 1px solid #e2f5f5 !important;
  font-size: 0 !important;
  color: transparent !important;
}

.touch-24newlds.touch-wrapper .not-yet-benefit {
  margin-top: 76px;
  margin-bottom: 204px;
  text-align: center;
}

.touch-24newlds.touch-wrapper .not-yet-benefit .text {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #222;
}

.touch-24newlds.touch-wrapper .not-yet-benefit .btn-border.btn-sm {
  margin-top: 8px;
  padding: 0 16px;
}

.touch-24newlds.touch-wrapper .attention {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 47px;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #666;
  text-align: center;
}

.touch-24newlds.touch-wrapper .attention > .img-area {
  display: inherit;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  height: 24px;
}

.touch-24newlds.touch-wrapper .attention > .img-area > img {
  width: 16px;
  height: auto;
}

.touch-24newlds.touch-wrapper .form-wrap-list .list-tit {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #666;
}

.touch-24newlds.touch-wrapper .form-wrap-list + .form-wrap-list {
  margin-top: 32px;
}

.touch-24newlds.touch-wrapper .form-wrap-list .custom-radio.radio-btn input[type=radio]:checked + label::before {
  border: 2px solid #3376f6;
}

.touch-24newlds.touch-wrapper .form-wrap-list .checkbox-list-wrap {
  margin-top: 8px;
}

.touch-24newlds.touch-wrapper .form-wrap-list .checkbox-list-wrap .all-check {
  padding: 16px 0;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  line-height: 1;
}

.touch-24newlds.touch-wrapper .form-wrap-list .checkbox-list-wrap .check-list {
  margin-top: 8px;
}

.touch-24newlds.touch-wrapper .form-wrap-list .checkbox-list-wrap .check-list .check-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 16px 0;
  width: 100%;
}

.touch-24newlds.touch-wrapper .form-wrap-list .checkbox-list-wrap .check-list .check-line .custom-checkbox {
  width: 50%;
}

.touch-24newlds.touch-wrapper .form-wrap-list .custom-checkbox.checkbox-md input[type=checkbox]:checked + label::before {
  background-color: #3376f6;
}

.touch-24newlds.touch-wrapper.popup-full .popup-header {
  display: block;
  padding: 24px;
  height: auto;
}

.touch-24newlds.touch-wrapper.popup-full .popup-header .popup-header-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.touch-24newlds.touch-wrapper.popup-full .popup-header .popup-header-top .popup-title {
  position: inherit;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: #222;
  text-align: left;
}

.touch-24newlds.touch-wrapper.popup-full .popup-header .popup-header-top .btn-close {
  position: absolute;
  top: -16px;
  right: -14px;
}

.touch-24newlds.touch-wrapper.popup-full .popup-content .popup-content-inner {
  padding: 24px 24px 110px;
}

.touch-24newlds.touch-wrapper .popup-header .popup-title {
  white-space: normal !important;
  line-height: 1.4 !important;
  max-height: 2.8em;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.touch-24newlds.touch-wrapper .popup-header .s-title {
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: -0.08px;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.touch-24newlds.touch-wrapper .popup-content {
  padding: 0 !important;
}

.touch-24newlds.touch-wrapper .popup-content .popup-content-inner {
  padding: 24px 24px 110px;
}

.touch-24newlds.touch-wrapper .popup-content .popup-content-inner.no-footer {
  padding: 24px 24px 32px;
}

.touch-24newlds.touch-wrapper .popup-content .popup-content-inner .btn.btn-block.btn-border.btn-md {
  line-height: 1.57;
}

.touch-24newlds.touch-wrapper .popup-content .popup-content-inner .btn + .event-info {
  margin-top: 32px;
}

.touch-24newlds.touch-wrapper .popup-content .popup-content-inner .list-dot,
.touch-24newlds.touch-wrapper .popup-content .popup-content-inner .list-hyphen {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.touch-24newlds.touch-wrapper .coupon-area {
  position: relative;
  height: 92px;
  overflow: hidden;
  border-radius: 10px;
}

.touch-24newlds.touch-wrapper .coupon-area + .sp-coupon-wrap {
  margin-top: 12px;
}

.touch-24newlds.touch-wrapper .coupon-area > div {
  border: 1px solid #3674bc;
  border-radius: 10px;
  height: 92px;
  padding: 24px 24px 16px 24px;
}

.touch-24newlds.touch-wrapper .coupon-area > div .cost {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #3674bc;
  font-weight: 700;
  padding-bottom: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.touch-24newlds.touch-wrapper .coupon-area > div .cost + div {
  color: #666;
}

.touch-24newlds.touch-wrapper .coupon-area > div .coupon-num,
.touch-24newlds.touch-wrapper .coupon-area > div .date {
  color: #666;
}

.touch-24newlds.touch-wrapper .coupon-area > div .coupon-count {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #fff;
  background-color: #222;
  height: 20px;
  border-radius: 12px;
  margin-left: 8px;
  margin-bottom: 2px;
  padding: 2px 8px 1px;
}

.touch-24newlds.touch-wrapper .coupon-area:after {
  display: block;
  content: "";
  width: 23px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #3674bc;
  position: absolute;
  top: calc(50% - 12px);
  left: -12px;
  border-radius: 50%;
}

.touch-24newlds.touch-wrapper .coupon-area .btn.sp-coupon {
  position: absolute;
  top: 0;
  right: 0;
  width: 63px;
  height: 92px;
  border-radius: 0 0 0 0;
  background-color: #3674bc;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.touch-24newlds.touch-wrapper .coupon-area .btn.sp-coupon.sp-coupon-sc {
  background-color: #fff;
  color: #3674bc;
  border-left-style: dashed;
  border-radius: 0 10px 10px 0;
}

.touch-24newlds.touch-wrapper .coupon-area .btn.sp-coupon.sp-coupon-sc:disabled {
  border-color: #3674bc;
}

.touch-24newlds.touch-wrapper .coupon-area.disabled > div {
  border: 1px solid #ebebeb;
}

.touch-24newlds.touch-wrapper .coupon-area.disabled > div .cost {
  color: #666;
}

.touch-24newlds.touch-wrapper .coupon-area.disabled > div .text {
  color: #666;
}

.touch-24newlds.touch-wrapper .coupon-area.disabled > div .coupon-count {
  background: #666;
}

.touch-24newlds.touch-wrapper .coupon-area.disabled:after {
  border: 1px solid #ebebeb;
}

.touch-24newlds.touch-wrapper .coupon-area.disabled .btn.sp-coupon {
  background-color: #ebebeb;
}

.touch-24newlds.touch-wrapper .coupon-area + .btn {
  margin-top: 24px;
}

.touch-24newlds.touch-wrapper .coupon-area + .event-info {
  margin-top: 32px;
}

.touch-24newlds.touch-wrapper .coupon-num-area .date {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  text-align: center;
  color: #999;
}

.touch-24newlds.touch-wrapper .coupon-num-area .date + .coupon-copy-area {
  margin-top: 16px;
}

.touch-24newlds.touch-wrapper .coupon-num-area .coupon-copy-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.touch-24newlds.touch-wrapper .coupon-num-area .coupon-copy-area > .num {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.07px;
  text-align: center;
  color: #999;
}

.touch-24newlds.touch-wrapper .coupon-num-area .coupon-copy-area > .num + .btn.btn-border {
  margin-left: 6px;
}

.touch-24newlds.touch-wrapper .coupon-num-area .coupon-copy-area > .btn.btn-border {
  padding: 6px 8px 4px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: -0.06px;
  border-radius: 2px;
  border-color: #d5cfc9;
}

.touch-24newlds.touch-wrapper .coupon-num-area .coupon-copy-area > .btn.btn-border:active {
  border: 1px solid var(--Outline-Outline-1, #625B4E);
  background: var(--Warm-gray-100, #EBE7E4);
}

.touch-24newlds.touch-wrapper .coupon-num-area + .btn-block {
  margin-top: 16px;
}

.touch-24newlds.touch-wrapper .barcode-area {
  width: 100%;
}

.touch-24newlds.touch-wrapper .barcode-area .barcode-img {
  margin: 0 auto;
  width: 256px;
  height: 72px;
  min-width: 256px;
  min-height: 72px;
  overflow: hidden;
}

.touch-24newlds.touch-wrapper .barcode-area .barcode-img > img {
  width: 100%;
  height: auto;
}

.touch-24newlds.touch-wrapper .barcode-area .barcode-num-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}

.touch-24newlds.touch-wrapper .barcode-area .barcode-num-area > .num {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #999;
}

.touch-24newlds.touch-wrapper .barcode-area .barcode-num-area .btn.btn-xs {
  min-width: auto;
  padding: 7px 8px 5px;
  margin-left: 6px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: -0.06px;
  color: #222;
  border-radius: 2px;
}

.touch-24newlds.touch-wrapper .barcode-area + .btn {
  margin-top: 16px;
}

.touch-24newlds.touch-wrapper .barcode-area + .event-info {
  margin-top: 32px;
}

.touch-24newlds.touch-wrapper dl.event-info {
  margin-top: 8px;
  margin-bottom: 48px;
}

.touch-24newlds.touch-wrapper dl.event-info dt {
  display: block;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  margin-top: 24px;
}

.touch-24newlds.touch-wrapper dl.event-info dt:first-child {
  margin-top: 0;
}

.touch-24newlds.touch-wrapper dl.event-info dd {
  margin-top: 8px;
}

.touch-24newlds.touch-wrapper dl.event-info dd .list-dot > li {
  margin-top: 16px;
}

.touch-24newlds.touch-wrapper dl.event-info dd .list-dot > li:first-child {
  margin-top: 0;
}

.touch-24newlds.touch-wrapper dl.event-info dd .list-dot > li::before {
  top: 12px;
}

.touch-24newlds.touch-wrapper dl.event-info dd .list-hyphen {
  margin-top: 8px;
}

.touch-24newlds.touch-wrapper dl.event-info dd .list-hyphen > li {
  margin-top: 8px;
}

.touch-24newlds.touch-wrapper dl.event-info dd .list-hyphen > li:first-child {
  margin-top: 0;
}

.touch-24newlds.touch-wrapper dl.event-info .event-info-tit {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.touch-24newlds.touch-wrapper dl.event-info .event-info-tit strong {
  display: block;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.touch-24newlds.touch-wrapper dl.event-info .event-info-tit + .text-gray-dark {
  margin-top: 0;
}

.touch-24newlds.touch-wrapper dl.event-info .box-container.touch {
  margin-top: 16px;
}

.touch-24newlds.touch-wrapper dl.event-info .box-container.touch .card-box-title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  font-weight: 500;
  color: #222;
}

.touch-24newlds.touch-wrapper dl.event-info .box-container.touch .text-dot {
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
}

.touch-24newlds.touch-wrapper dl.event-info .box-container.touch .text-hyphen {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
}

.touch-24newlds.touch-wrapper hr.border-full {
  margin-top: 48px;
}

.touch-24newlds.touch-wrapper hr.border-full + .accordion-wrap.type-button.type-close.box-full {
  border-top: none;
}

.touch-24newlds.touch-wrapper .accordion-wrap {
  margin: 0;
}

.touch-24newlds.touch-wrapper .accordion-wrap .accordion {
  padding: 0;
}

.touch-24newlds.touch-wrapper .accordion-wrap .accordion > .fold-head {
  color: #222;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.touch-24newlds.touch-wrapper .accordion-wrap .accordion > .fold-body {
  margin: 0 -24px;
  padding: 0;
  max-height: 3000px !important;
}

.touch-24newlds.touch-wrapper .accordion-wrap .accordion > .fold-body .sm-tit {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.touch-24newlds.touch-wrapper .accordion-wrap .accordion > .fold-body .list-dot + .sm-tit,
.touch-24newlds.touch-wrapper .accordion-wrap .accordion > .fold-body .list-hyphen + .sm-tit {
  margin-top: 24px;
  padding-top: 24px;
  border-top: solid  1px #ebe7e4;
}

.touch-24newlds.touch-wrapper .accordion-wrap .accordion > .fold-body .list-dot > li {
  margin-top: 12px !important;
}

.touch-24newlds.touch-wrapper .accordion-wrap .accordion > .fold-body .list-dot > li:first-child {
  margin-top: 0 !important;
}

.touch-24newlds.touch-wrapper .accordion-wrap .accordion > .fold-body .list-dot > li::before {
  top: 12px;
}

.touch-24newlds.touch-wrapper .accordion-wrap .accordion > .fold-body .list-dot + .list-dot {
  margin-top: 24px !important;
  padding-top: 24px;
  border-top: solid  1px #ebe7e4;
}

.touch-24newlds.touch-wrapper .accordion-wrap .accordion > .fold-body .list-hyphen {
  margin-top: 8px !important;
}

.touch-24newlds.touch-wrapper .accordion-wrap .accordion > .fold-body .list-hyphen > li {
  margin-top: 4px !important;
}

.touch-24newlds.touch-wrapper .accordion-wrap .accordion > .fold-body .list-hyphen > li:first-child {
  margin-top: 0 !important;
}

.touch-24newlds.touch-wrapper .accordion-wrap .accordion > .fold-body .custom-table + .list-dot,
.touch-24newlds.touch-wrapper .accordion-wrap .accordion > .fold-body .custom-table + .list-hyphen {
  margin-top: 24px !important;
}

.touch-24newlds.touch-wrapper .accordion-wrap .accordion > .fold-body .box-gray {
  background-color: #f2f0ed;
  border-radius: 0;
}

.touch-24newlds.touch-wrapper .accordion-wrap .accordion > .fold-body .box-gray .list-required > li {
  color: #999;
}

.touch-24newlds.touch-wrapper .accordion-wrap.type-full {
  margin: 0 -24px;
}

.touch-24newlds.touch-wrapper .touch-swiper-slide {
  position: relative;
}

.touch-24newlds.touch-wrapper .touch-swiper-slide .swiper-container.touch-swiper {
  position: relative;
}

.touch-24newlds.touch-wrapper .touch-swiper-slide .swiper-container.touch-swiper .swiper-wrapper {
  width: 100%;
  max-height: 220px;
}

.touch-24newlds.touch-wrapper .touch-swiper-slide .swiper-container.touch-swiper .swiper-wrapper .swiper-slide {
  position: relative;
  width: 100%;
}

.touch-24newlds.touch-wrapper .touch-swiper-slide .swiper-container.touch-swiper .swiper-wrapper .swiper-slide > img {
  width: 100%;
}

.touch-24newlds.touch-wrapper .touch-swiper-slide .swiper-btnWrap > button {
  display: none;
}

.touch-24newlds.touch-wrapper .touch-swiper-slide .swiper-btnWrap > button.on {
  display: block;
}

.touch-24newlds.touch-wrapper .touch-swiper-slide .custom-swiper-pagination {
  display: inline-block;
  position: absolute;
  left: initial;
  top: initial;
  right: 46px;
  bottom: 16px;
  padding: 7px 8px 5px;
  width: auto;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  line-height: 1;
  letter-spacing: -0.0px;
  font-weight: 500;
  background: rgba(34, 34, 34, 0.6);
  -webkit-backdrop-filter: blur(19.2px);
          backdrop-filter: blur(19.2px);
  border-radius: 0;
  z-index: 10;
}

.touch-24newlds.touch-wrapper .touch-swiper-slide .custom-swiper-pagination .swiper-pagination-current {
  color: #fff;
}

.touch-24newlds.touch-wrapper .touch-swiper-slide .swiper-btnWrap.bottom {
  right: 16px;
  bottom: 16px;
  left: initial;
  top: initial;
}

.touch-24newlds.touch-wrapper .touch-swiper-slide .swiper-btnWrap.bottom .swiper-autoplay-stop {
  position: relative;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-pause05.png) rgba(34, 34, 34, 0.6) center center no-repeat;
  background-size: 24px 24px;
  -webkit-backdrop-filter: blur(19.2px);
          backdrop-filter: blur(19.2px);
}

.touch-24newlds.touch-wrapper .touch-swiper-slide .badge-area {
  position: absolute;
  top: calc(50% - 56px);
  left: calc(50% - 56px);
  width: 112px;
  height: 112px;
  z-index: 2;
}

.touch-24newlds.touch-wrapper .touch-swiper-slide .badge-area > img {
  width: 100%;
}

.touch-24newlds.touch-wrapper .touch-swiper-slide.sold-out-slide .swiper-container.touch-swiper .swiper-wrapper .swiper-slide:after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.7);
}

.touch-24newlds.touch-wrapper .no-swiper {
  position: relative;
}

.touch-24newlds.touch-wrapper .no-swiper .img-area {
  width: 100%;
  max-height: 220px;
  overflow: hidden;
}

.touch-24newlds.touch-wrapper .no-swiper .img-area > img {
  width: 100%;
}

.touch-24newlds.touch-wrapper .no-swiper .sold-out-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 2;
}

.touch-24newlds.touch-wrapper .no-swiper .sold-out-wrap .badge-area {
  position: absolute;
  top: calc(50% - 56px);
  left: calc(50% - 56px);
  width: 112px;
  height: 112px;
}

.touch-24newlds.touch-wrapper .no-swiper .sold-out-wrap .badge-area > img {
  width: 100%;
}

.touch-24newlds.touch-wrapper .touch-banner-area {
  position: relative;
  width: 100%;
  max-height: 220px;
  overflow: hidden;
}

.touch-24newlds.touch-wrapper .touch-banner-area > img {
  width: 100%;
}

.touch-24newlds.touch-wrapper .cnt-area {
  position: absolute;
  top: 0;
  right: 12px;
  padding: 3px 20px;
  background-color: #d4d8f0;
  border-radius: 0;
  text-align: center;
  z-index: 22;
}

.touch-24newlds.touch-wrapper .cnt-area .txt-area {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.06px;
  color: #000046;
}

.touch-24newlds.touch-wrapper .popup-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(255, 255, 255, 0)), color-stop(43%, #fff));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 6%, #fff 43%);
  background-color: transparent !important;
  padding: 24px !important;
  z-index: 25;
}

.touch-24newlds.touch-wrapper .popup-footer .bubble-textbox-wrap {
  position: absolute;
  top: -16px;
  left: 0;
  width: 100%;
}

.touch-24newlds.touch-wrapper .popup-footer .toast-pop {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 16px;
  background: #3674bc;
  border-radius: 4px;
  color: #FFF;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -.5px;
  z-index: 99;
}

.touch-24newlds.touch-wrapper .popup-footer .toast-pop:after {
  content: '';
  position: absolute;
  top: -10px;
  left: calc(50% - 3px);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #3674bc;
  border-left: 6px solid transparent;
}

.touch-24newlds.touch-wrapper .popup-footer .toast-pop.toast-pop-reverse:after {
  top: auto;
  bottom: -10px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.touch-24newlds.touch-wrapper .popup-footer .btn.btn-sky-blue {
  color: #3376f6;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .benefit-cnt-txt {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.5px;
  text-align: center;
  color: #222;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .benefit-cnt-txt > span {
  color: #3376f6;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .lotti-animaition {
  width: 100%;
  height: 56px;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box {
  position: relative;
  padding: 28px 20px 20px;
  border-radius: 20px;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.light-gray-box {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
  background-image: linear-gradient(to bottom, #fff, #f8f8f8);
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.light-gray-box .box-title {
  color: #222;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.light-gray-box .box-sm-title {
  color: #3376f6;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.blue-green-box {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3674bc), color-stop(#64caaa), to(#fffabe));
  background-image: linear-gradient(to bottom, #3674bc, #64caaa, #fffabe);
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.blue-green-box .inner-box {
  padding: 14px 20px;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.blue-green-box .inner-box .company-txt {
  margin-left: 8px;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.blue-green-box .box-title,
.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.blue-green-box .box-sm-title {
  color: #fff;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.white-box {
  padding: 28px 20px 20px;
  background-color: #fff;
  background-image: none;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.full-box {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.full-box .touch-coupon-slide {
  margin-top: 20px;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.full-box .touch-coupon-slide-wrapper {
  padding: 0 14px 10px;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.full-box .touch-coupon-slide + .btn-box {
  padding: 0 20px;
  margin-top: 20px;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.full-box .touch-alarm-slide-wrapper {
  margin-top: -10px;
  padding-top: 18px;
  padding-right: 20px;
  padding-left: 20px;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box .box-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: -0.5px;
  text-align: center;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box .box-sm-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.5px;
  text-align: center;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box .bg-img-area {
  position: relative;
  margin-top: 8px;
  width: 100%;
  height: 66px;
  overflow: hidden;
  z-index: 2;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box .bg-img-area > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box .bg-img-area + .inner-box {
  margin-top: 0;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: 20px;
  padding: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  z-index: 3;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box .inner-box .company-info {
  display: inherit;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 72px);
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box .inner-box .company-info .bi-img {
  width: 48px;
  height: 48px;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box .inner-box .company-info .bi-img > img {
  width: 100%;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box .inner-box .company-info .circlebar-area {
  width: 60px;
  height: 60px;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box .inner-box .company-info .company-txt {
  display: inherit;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 12px;
  width: calc(100% - 60px);
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box .inner-box .company-info .company-txt .com-name {
  padding-right: 8px;
  width: 100%;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box .inner-box .company-info .company-txt .benefit-price {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box .inner-box .company-info .company-txt .cnt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #666;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box .inner-box .company-info .company-txt .cnt > span {
  color: #222;
  font-weight: bold;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box .inner-box .btn.btn-sm {
  min-width: 76px;
  padding: 7px 0 !important;
  background-color: #3376f6;
  border: 1px solid #3376f6;
  line-height: 1.5;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box .inner-box .btn.btn-sm.type02 {
  color: #3376f6;
  font-weight: 500;
  background-color: #e5edf7;
  border: 1px solid #e5edf7;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box .inner-box .current-txt {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #3376f6;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box + .round-box {
  margin-top: 32px;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box .touch-alarm-slide {
  margin: 14px 0 -6px;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.ad-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 20px 10px 20px 20px;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.ad-banner.green {
  background-color: #3caa73;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.ad-banner.smokey {
  background-color: #404c59;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.ad-banner.orange {
  background-color: #eb6a21;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.ad-banner > a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.ad-banner .banner-info {
  text-align: left;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.ad-banner .banner-info .banner-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.56;
  letter-spacing: -0.5px;
  color: #fff;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.ad-banner .banner-info .banner-date {
  margin-top: 4px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #fff;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.ad-banner .banner-img {
  width: 103px;
  height: auto;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.ad-banner .banner-img > img {
  width: 100%;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.ad-banner.type02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px;
  border-radius: 10px;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.ad-banner.type02 .banner-title {
  padding: 28px 0;
  font-size: 14px;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.ad-banner.type02 .banner-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 124px;
  height: 100px;
  margin-right: -20px;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .round-box.ad-banner.type02 .banner-img img {
  width: 100%;
  height: 100%;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .swiper-component-wrapper .swiper-container {
  overflow: visible;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .swiper-component-wrapper .swiper-container .swiper-wrapper {
  height: auto;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .swiper-component-wrapper .swiper-container .swiper-wrapper .swiper-slide {
  width: 100% !important;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .swiper-component-wrapper .banner-slide.swiper-container {
  padding-bottom: 22px;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .swiper-component-wrapper .custom-swiper-pagination.swiper-pagination-bullets.dot-gray .swiper-pagination-bullet {
  background: #ebebeb;
}

.touch-24newlds.touch-wrapper .bg-touch-growth .swiper-component-wrapper .custom-swiper-pagination.swiper-pagination-bullets.dot-gray .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #817169;
}

.touch-24newlds.touch-monthly-report .popup-header.fixed {
  background: #fff !important;
}

.touch-24newlds.touch-monthly-report .popup-header.fixed .popup-title {
  color: #222 !important;
}

.touch-24newlds.touch-monthly-report .popup-header.fixed .btn-close {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-close-pop.svg) !important;
}

.touch-24newlds.touch-monthly-report .popup-content {
  padding: 0 !important;
}

.touch-24newlds.touch-monthly-report .popup-content .top-info-area {
  padding: 20px 24px 116px;
  background: #000046;
}

.touch-24newlds.touch-monthly-report .popup-content .top-info-area .main-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.1px;
  text-align: center;
  color: #fff;
}

.touch-24newlds.touch-monthly-report .popup-content .top-info-area .main-title > span {
  color: #5ddbdb;
}

.touch-24newlds.touch-monthly-report .popup-content .top-info-area .main-title + .sum-area {
  margin-top: 24px;
}

.touch-24newlds.touch-monthly-report .popup-content .top-info-area .sum-area .sum-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.touch-24newlds.touch-monthly-report .popup-content .top-info-area .sum-area .sum-list > li {
  width: 50%;
  padding: 16px;
  background-color: #fff;
}

.touch-24newlds.touch-monthly-report .popup-content .top-info-area .sum-area .sum-list > li .sum-price-area > .price {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: #222;
}

.touch-24newlds.touch-monthly-report .popup-content .top-info-area .sum-area .sum-list > li .sum-price-area > .price + .txt {
  margin-top: 4px;
}

.touch-24newlds.touch-monthly-report .popup-content .top-info-area .sum-area .sum-list > li .sum-price-area > .txt {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
}

.touch-24newlds.touch-monthly-report .popup-content .top-info-area .sum-area .sum-list > li + li {
  margin-left: 20px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area {
  padding: 0 24px 0;
  margin-top: -96px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area {
  padding: 20px 20px 20px;
  background: #fff;
  -webkit-box-shadow: 0 12px 50px 0 rgba(92, 99, 128, 0.16);
          box-shadow: 0 12px 50px 0 rgba(92, 99, 128, 0.16);
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .customer-comment {
  background: #fff;
  border-radius: 12px 12px 0 0;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .customer-comment .inner-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 16px;
  background: #daf7f6;
  min-height: 76px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .customer-comment .inner-area .icon-area {
  width: 24px;
  height: 24px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .customer-comment .inner-area .icon-area > img {
  width: 100%;
  height: auto;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .customer-comment .inner-area .icon-area + .txt-area {
  margin-left: 6px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .customer-comment .inner-area .txt-area {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #222;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .customer-comment .inner-area .txt-area > span {
  color: #007881;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .customer-comment .inner-area.case03 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .customer-comment .inner-area.case03 .icon-area {
  margin-top: -3px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .customer-comment + .graph-info {
  margin-top: 8px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-info > li {
  padding: 5px 8px 3px;
  background: #fff;
  border: 1px solid #ebe7e4;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-info > li .graph-name {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #222;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-info > li > span {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 6px;
  width: 10px;
  height: 4px;
  border-radius: 100px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-info > li > span.type01 {
  background: #5ddbdb;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-info > li > span.type02 {
  background: #ebe7e4;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-info > li + li {
  margin-left: 8px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-info + .graph-wrap {
  margin-top: 8px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .graph-border-ul {
  width: 100%;
  height: 100px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .graph-border-ul > li {
  height: 50%;
  border-top: dashed 1px #ebebeb;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .graph-border-ul > li:last-child {
  border-bottom: dashed 1px #ebebeb;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph {
  position: absolute;
  display: inline-block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph::after {
  content: '';
  display: block;
  clear: both;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph > li {
  position: relative;
  float: left;
  width: 33%;
  height: 100%;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph > li .graph-bar-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  height: 100%;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph > li .graph-bar-ul > li {
  position: relative;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph > li .graph-bar-ul > li .progressBar-wrap {
  width: 16px;
  height: 100px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph > li .graph-bar-ul > li .progressBar-wrap .limit-bar {
  display: block;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph > li .graph-bar-ul > li .progressBar-wrap .limit-bar > i {
  display: block;
  border-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-animation: limitBar-max2 .7s ease-in forwards;
  animation: limitBar-max2 .7s ease-in forwards;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@keyframes limitBar-max2 {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph > li .graph-bar-ul > li .progressBar-wrap.me .limit-bar > i {
  background-color: #5ddbdb;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph > li .graph-bar-ul > li .progressBar-wrap.locaAll .limit-bar > i {
  background-color: #ebe7e4;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph > li .graph-bar-ul > li + li {
  margin-left: 10px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph > li .graph-legend {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  padding: 4px 8px;
  border-radius: 0;
  background: #222;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph > li .graph-legend.on {
  display: block;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph > li .graph-legend > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph > li .graph-legend > li *[class*='graph-color-'] {
  display: inline-block;
  width: 8px;
  height: 4px;
  border-radius: 4px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph > li .graph-legend > li *[class*='graph-color-'] + .graph-cnt {
  margin-left: 4px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph > li .graph-legend > li .graph-color-blue {
  background: #206cfe;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph > li .graph-legend > li .graph-color-gray {
  background: #ebebeb;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph > li .graph-legend > li .graph-cnt {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.06px;
  color: #fff;
  text-align: left;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph > li .graph-legend > li .graph-cnt.my {
  color: #5ddbdb;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .graph-wrap .touch-graph > li .graph-legend::after {
  content: '';
  position: absolute;
  top: auto;
  bottom: -10px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  right: 16px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #222;
  border-left: 6px solid transparent;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .month-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 6px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .month-ul > li {
  width: 33.33333%;
  width: 100%;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  text-align: center;
  color: #999;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .month-ul > li.active {
  color: #222;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .month-ul + .go-benefit-area {
  margin-top: 16px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .go-benefit-area {
  text-align: center;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .go-benefit-area .go-benefit {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #007881;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.graph-area .go-benefit-area .go-benefit::before {
  bottom: 1px;
  background-color: #007881;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.favorite-chart .content-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.1px;
  text-align: center;
  color: #222;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.favorite-chart .content-title > span {
  color: #007881;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.favorite-chart .content-title + .favorite-chart-ul {
  margin-top: 16px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.favorite-chart .favorite-chart-ul {
  width: 100%;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.favorite-chart .favorite-chart-ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.favorite-chart .favorite-chart-ul > li .chart-icon {
  width: 32px;
  height: 32px;
  border-radius: 50px;
  background: #f3f3f3;
  text-align: center;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.favorite-chart .favorite-chart-ul > li .chart-icon > img {
  margin-top: 2px;
  width: 28px;
  height: auto;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.favorite-chart .favorite-chart-ul > li .chart-icon + .chart-graph-area {
  margin-left: 8px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.favorite-chart .favorite-chart-ul > li .chart-graph-area {
  width: calc(100% - 40px);
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.favorite-chart .favorite-chart-ul > li .chart-graph-area .chart-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #222;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.favorite-chart .favorite-chart-ul > li .chart-graph-area .chart-info .chart-cnt {
  color: #007881;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.favorite-chart .favorite-chart-ul > li .chart-graph-area .chart-graph .progressBar-wrap {
  width: 100%;
  height: 16px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.favorite-chart .favorite-chart-ul > li .chart-graph-area .chart-graph .progressBar-wrap .limit-bar {
  display: block;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.favorite-chart .favorite-chart-ul > li .chart-graph-area .chart-graph .progressBar-wrap .limit-bar > i {
  display: block;
  height: 16px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(93, 219, 219, 0.1)), to(#5ddbdb));
  background-image: linear-gradient(to right, rgba(93, 219, 219, 0.1), #5ddbdb);
  border-radius: 0;
  -webkit-animation: limitBar-max .7s ease-in forwards;
  animation: limitBar-max .7s ease-in forwards;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

@keyframes limitBar-max {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area.favorite-chart .favorite-chart-ul > li + li {
  margin-top: 20px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area + .content-area {
  margin-top: 32px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .content-area + .mid-info-title {
  margin-top: 32px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .mid-info-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.1px;
  text-align: center;
  color: #222;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .mid-info-title > span {
  color: #007881;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .mid-info-title + .swiper-component-wrapper.touch-list-slide,
.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .mid-info-title + .touch-list {
  margin-top: 16px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .mid-info-title + .swiper-component-wrapper.touch-alarm-slide,
.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .mid-info-title + .touch-alarm {
  margin-top: 36px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .mid-info-title + .benefit-award {
  margin-top: 24px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  -webkit-box-shadow: 0 12px 50px 0 rgba(92, 99, 128, 0.16);
          box-shadow: 0 12px 50px 0 rgba(92, 99, 128, 0.16);
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-list .brand-thum {
  width: 48px;
  height: 48px;
  border-radius: 50px;
  overflow: hidden;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-list .brand-thum > img {
  width: 100%;
  height: auto;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-list .brand-thum + .brand-info {
  margin-left: 10px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-list .brand-info {
  width: calc(100% - 128px);
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-list .brand-info .brand-name {
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-list .brand-info .brand-name + .brand-txt {
  margin-top: 2px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-list .brand-info .brand-txt {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-list .brand-info .brand-txt + .brand-date {
  margin-top: 2px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-list .brand-info .brand-date {
  width: 100%;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm {
  padding: 20px;
  -webkit-box-shadow: 0 12px 50px 0 rgba(92, 99, 128, 0.16);
          box-shadow: 0 12px 50px 0 rgba(92, 99, 128, 0.16);
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm .touch-alarm-brand {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm .touch-alarm-brand .brand-thum {
  width: 48px;
  height: 48px;
  border-radius: 50px;
  overflow: hidden;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm .touch-alarm-brand .brand-thum > img {
  width: 100%;
  height: auto;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm .touch-alarm-brand .brand-thum + .brand-info {
  margin-left: 10px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm .touch-alarm-brand .brand-info {
  width: calc(100% - 58px);
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm .touch-alarm-brand .brand-info .brand-txt {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #222;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm .touch-alarm-brand + .alarm-btn-wrap {
  margin-top: 16px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm .touch-alarm-brand .text-balloon {
  top: -22px;
  left: 20px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm .alarm-btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm .alarm-btn-wrap *[class*='alarm-'] {
  padding: 13px 16px 11px;
  width: 100%;
  height: 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.08px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm .alarm-btn-wrap .btn.alarm-on {
  color: #007881;
  border: solid 1px #e2f5f5;
  background-color: #e2f5f5;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm .alarm-btn-wrap .btn.alarm-on > i {
  width: 16px;
  height: 16px;
  margin: 2px 4px 0 0;
  background: center/contain no-repeat url(/webapp/v2/common/assets/images/benefit/touch/icon-bell-on-02.png);
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm .alarm-btn-wrap .btn.alarm-on:disabled {
  color: #007881;
  border: solid 1px #e2f5f5;
  background-color: #e2f5f5;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm .alarm-btn-wrap .btn.alarm-off {
  color: #222;
  border: solid 1px #d5cfc9;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm .alarm-btn-wrap .btn.alarm-off > i {
  width: 16px;
  height: 16px;
  margin: 2px 4px 0 0;
  background: center/contain no-repeat url(/webapp/v2/common/assets/images/benefit/touch/icon-bell-off-02.png);
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm .alarm-btn-wrap .btn.alarm-soldout {
  color: #b3c2c2;
  border: solid 1px #e2f5f5;
  background-color: #e2f5f5;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm .alarm-btn-wrap .btn.alarm-soldout > i {
  width: 16px;
  height: 16px;
  margin: 2px 4px 0 0;
  background: center/contain no-repeat url(/webapp/v2/common/assets/images/benefit/touch/icon-bell-soldout-02.png);
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm .alarm-btn-wrap .btn.alarm-soldout:disabled {
  color: #b3c2c2;
  border: solid 1px #e2f5f5;
  background-color: #e2f5f5;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm .alarm-btn-wrap + .right-btn {
  margin-left: 8px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .touch-alarm + .bg-gray {
  margin-top: 32px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .text-balloon {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -18px);
  transform: translate(0, -18px);
  display: inline-block;
  padding: 10px 16px 8px;
  background: #222;
  border-radius: 0;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: -0.06px;
  color: #fff;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .text-balloon::after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: -6px;
  left: 16px;
  width: 0;
  height: 0;
  border-top: 6px solid #222;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 0 solid transparent;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .swiper-component-wrapper .swiper-container {
  overflow: visible;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .swiper-component-wrapper .custom-swiper-pagination.swiper-pagination-bullets.dot-gray .swiper-pagination-bullet {
  background: #d5cfc9;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .swiper-component-wrapper .custom-swiper-pagination.swiper-pagination-bullets.dot-gray .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #222;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .swiper-component-wrapper + .mid-info-title {
  margin-top: 32px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .swiper-component-wrapper + .bg-gray {
  margin-top: 32px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .swiper-component-wrapper.touch-alarm-slide .swiper-container .swiper-wrapper .swiper-slide {
  width: 242px !important;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .swiper-component-wrapper.touch-alarm-slide .swiper-container .swiper-wrapper .swiper-slide .touch-alarm {
  padding: 20px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .bg-gray {
  width: 100vw;
  margin: 0 -24px;
  padding: 40px 24px 32px;
  background: #f2f0ed !important;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .benefit-award > li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  border-radius: 0;
  background: #fff;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .benefit-award > li .medal-img {
  width: 32px;
  height: 32px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .benefit-award > li .medal-img > img {
  width: 100%;
  height: auto;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .benefit-award > li .medal-img + .brand-name {
  margin-left: 6px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .benefit-award > li .brand-name {
  width: calc(100% - 122px);
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.5px;
  text-align: left;
  color: #222;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .benefit-award > li .brand-name + .brand-cnt {
  margin-left: 8px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .benefit-award > li .brand-cnt {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.08px;
  text-align: right;
  color: #007881;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .benefit-award > li + li {
  margin-top: 8px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .benefit-award > li .text-balloon {
  top: 4px;
  left: 40px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .last-comment {
  padding-top: 36px;
  padding-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  text-align: center;
  color: #222;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .last-comment + .emoji-icon {
  margin-left: 6px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .last-comment > span {
  color: #007881;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .last-comment .emoji-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.touch-24newlds.touch-monthly-report .popup-content .mid-info-area .last-comment .emoji-icon > img {
  margin-top: -5px;
  width: 100%;
  height: auto;
}

.touch-24newlds.touch-monthly-report .popup-footer {
  padding: 16px 24px 30px !important;
}

/* CSRUIUX-1126 TOUCH 상품 노출 영역 (신규 추가) - 라이팅/디자인*/
.touch-wrapper-type02 .touch-exhibition-wrap + .touch-hotdeal {
  margin-top: 8px;
}

.touch-wrapper-type02 .touch-hotdeal .hotdeal-swiper .swiper-wrapper .swiper-slide {
  padding: 0 24px 40px;
}

.touch-wrapper-type02 .touch-hotdeal .hotdeal-slide .img-area {
  width: 100%;
  height: auto;
  overflow: hidden;
  text-align: center;
}

.touch-wrapper-type02 .touch-hotdeal .hotdeal-slide .img-area > img {
  width: 100%;
  height: auto;
}

.touch-wrapper-type02 .touch-hotdeal .hotdeal-slide .img-area + .hotdeal-tit {
  margin-top: 12px;
}

.touch-wrapper-type02 .touch-hotdeal .hotdeal-slide .hotdeal-tit {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-BOX-ORIENT: vertical;
  min-height: 48px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.09px;
  color: #222;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.touch-wrapper-type02 .touch-hotdeal .hotdeal-slide .hotdeal-tit + .price-area {
  margin-top: 4px;
}

.touch-wrapper-type02 .touch-hotdeal .hotdeal-slide .price-area {
  position: relative;
}

.touch-wrapper-type02 .touch-hotdeal .hotdeal-slide .price-area .s-price {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #666;
  text-decoration: line-through;
}

.touch-wrapper-type02 .touch-hotdeal .hotdeal-slide .price-area .l-price {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.touch-wrapper-type02 .touch-hotdeal .hotdeal-slide .price-area .l-price > span {
  font-weight: 500;
  color: #007881;
}

.touch-wrapper-type02 .touch-hotdeal .hotdeal-slide .price-area .btn.btn-sm {
  position: absolute;
  right: 0;
  top: calc(50% - 15.5px);
}

.touch-wrapper-type02 .touch-hotdeal + .mydata-benefit {
  margin-top: 24px;
}

.touch-wrapper-type02 .touch-hotdeal + .touch-gather {
  margin-top: 24px;
}

/* CSRUIUX-684 온라인패널 등록/탈퇴 페이지_디자인/퍼블 */
.soboroService .top-area {
  width: 100vw;
  margin-left: -24px;
  margin-top: -15px;
  padding: 48px 24px 0;
  background-color: #89dcff;
}

.soboroService .top-area .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #222;
}

.soboroService .top-area .title-box .s-title {
  padding: 9px 12px 7px;
  border: solid 2px #222;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.24);
          box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.24);
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.08px;
}

.soboroService .top-area .title-box .s-title + .l-title {
  margin-top: 8px;
}

.soboroService .top-area .title-box .l-title {
  padding: 15px 20px 13px;
  border: solid 2px #222;
  border-radius: 12px;
  background-color: #fff;
  -webkit-box-shadow: 4px 5px 0 0 rgba(0, 0, 0, 0.24);
          box-shadow: 4px 5px 0 0 rgba(0, 0, 0, 0.24);
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.14px;
}

.soboroService .top-area .title-box .l-title + .desc {
  margin-top: 28px;
}

.soboroService .top-area .title-box .desc {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.07px;
}

.soboroService .top-area .title-box + .img-area {
  margin-top: 30px;
}

.soboroService .top-area .img-area {
  margin: 0 auto;
  width: 255px;
  padding-right: 27px;
}

.soboroService .top-area .img-area > img {
  width: 100%;
}

.soboroService .info-txt-area {
  width: 100vw;
  margin-left: -24px;
  padding: 40px 24px;
  background-color: #f7f6f6;
  text-align: center;
  color: #222;
}

.soboroService .info-txt-area .title {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: -0.11px;
}

.soboroService .info-txt-area .title + .text {
  margin-top: 10px;
}

.soboroService .info-txt-area .text {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.soboroService .soboro-register {
  padding: 40px 0 16px;
}

.soboroService .soboro-register .title {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: -0.11px;
  color: #222;
}

.soboroService .soboro-register .title + .desc {
  margin-top: 8px;
}

.soboroService .soboro-register .desc {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #666;
}

.soboroService .soboro-register .form-wrap-content {
  margin-top: 32px;
}

.soboroService .soboro-register .form-wrap-content + .form-wrap-content {
  margin-top: 16px;
}

.soboroService .accordion-wrap .accordion .fold-body .list-dot {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.soboroService .light-gray-box {
  padding: 16px 20px;
  border-radius: 12px;
  background-color: #f8f8f8;
}

.soboroService .light-gray-box > .title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.soboroService .light-gray-box > .desc {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #999;
}

.soboroService .light-gray-box + .withdraw-reason {
  margin-top: 36px;
}

.soboroService .light-gray-box + .card-new-info {
  margin-top: 36px;
}

.soboroService .card-new-info + .withdraw-reason {
  margin-top: 36px;
}

.soboroService .withdraw-reason .tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: #222;
}

.soboroService .withdraw-reason .tit > span {
  color: #0f53d6;
}

.soboroService .withdraw-reason .tit + .check-list {
  margin-top: 24px;
}

.soboroService .withdraw-reason .check-list > li .custom-checkbox input[type=checkbox]:checked + label::before {
  background-color: #206cfe;
}

.soboroService .withdraw-reason .check-list > li .custom-checkbox input[type=checkbox] + label {
  font-size: 16px;
  font-size: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.soboroService .withdraw-reason .check-list > li .custom-checkbox + .form-content {
  margin-top: 16px;
}

.soboroService .withdraw-reason .check-list > li + li {
  margin-top: 28px;
}

.soboroService .withdraw-reason textarea.custom-textarea {
  min-height: 130px !important;
}

.soboroService.bottomsheet > .popup-content {
  min-height: auto;
}

.soboroService.bottomsheet > .popup-content .custom-checkbox.checkbox-md input[type=checkbox]:checked + label::before,
.soboroService.bottomsheet > .popup-content .custom-checkbox.checkbox-lg input[type=checkbox]:checked + label::before {
  background-color: #206cfe;
}

.soboroService.bottomsheet > .popup-content .custom-checkbox input[type=checkbox] + label {
  color: #666;
}

.soboroService.bottomsheet > .popup-content .agreeChk-list-wrap .agreeChk-cont-btn .text-link.text-blue {
  color: #3674bc !important;
}

.soboroService.popup-full .popup-content .agree-txt {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #222;
}

.soboroService.popup-full .popup-content .agree-txt + .agree-txt {
  margin-top: 8px;
}

.soboroService.popup-alert .popup-content .alert-tit {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.soboroService.popup-alert .popup-content .alert-tit .desc-txt {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #666;
}

.soboroService.popup-alert .popup-content .alert-tit + .alert-txt {
  margin-top: 16px;
}

.soboroService.popup-alert .popup-content .alert-txt {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.soboroService.popup-alert .popup-footer .btn-alert {
  height: 48px !important;
  font-size: 16px !important;
  line-height: 1 !important;
  letter-spacing: -0.08px;
  font-weight: 500;
  background-color: #206cfe;
  border-color: #206cfe;
  border-radius: 12px;
  padding: 13px 0 11px;
}

.soboroService.popup-alert .popup-footer .btn-border {
  background-color: #fff !important;
  border-color: #999 !important;
}

/* CSRUIUX-1140 배송만족도 설문 조사 리뉴얼 */
.cardDeliverySurvey .top-message {
  width: 100vw;
  margin-left: -24px;
  padding: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #666;
  text-align: center;
  background-color: #f6f5f3;
  border-top: solid 1px #ebe7e4;
}

.cardDeliverySurvey .top-message + .survey-list {
  margin-top: 24px;
}

.cardDeliverySurvey .survey-list .survey-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: -0.09px;
  text-align: center;
  color: #222;
}

.cardDeliverySurvey .survey-list .survey-title + .rating-container {
  margin-top: 8px;
}

.cardDeliverySurvey .survey-list .rating-container .rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}

.cardDeliverySurvey .survey-list .rating-container .rating > input {
  display: none;
}

.cardDeliverySurvey .survey-list .rating-container .rating > input:checked ~ label {
  color: #007881;
}

.cardDeliverySurvey .survey-list .rating-container .rating > label {
  font-size: 40px;
  line-height: 40px;
  color: #ebe7e4;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.cardDeliverySurvey .survey-list .rating-container .rating > label:hover,
.cardDeliverySurvey .survey-list .rating-container .rating > label:hover ~ label {
  color: #007881;
}

.cardDeliverySurvey .survey-list .rating-container .rating + .rating-result {
  margin-top: 8px;
}

.cardDeliverySurvey .survey-list .rating-container .rating-result {
  min-height: 24px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.08px;
  text-align: center;
  color: #666;
}

.cardDeliverySurvey .survey-list .rating-container .rating-result > span {
  font-weight: bold;
  color: #222;
}

.cardDeliverySurvey .survey-list .rating-container + .form-content {
  margin-top: 8px;
}

.cardDeliverySurvey .survey-list .form-content.form-control textarea {
  padding: 16px 20px 34px;
  min-height: 102px;
  resize: none;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cardDeliverySurvey .survey-list .form-content.form-control textarea::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #999;
}

.cardDeliverySurvey .survey-list .form-content.form-control textarea:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #999;
}

.cardDeliverySurvey .survey-list .form-content.form-control textarea::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #999;
}

.cardDeliverySurvey .survey-list .form-content.form-control textarea::placeholder {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #999;
}

.cardDeliverySurvey .survey-list .form-content.form-control .byte-unit {
  color: #e6e6e6;
}

.cardDeliverySurvey .survey-list .form-content.form-control .byte-unit > span {
  color: #e6e6e6;
}

.cardDeliverySurvey .survey-list + .survey-list {
  margin-top: 36px;
}

i.icon-card2:before {
  width: 16px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/emoji/emoji12/emoji-card-16_1@3x.png);
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
}

.other-service-list.scr {
  overflow: auto;
  width: calc(100% + 24px);
  padding-right: 24px;
  position: relative;
  z-index: 100;
}

.other-service-list.scr .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-bottom: 16px;
}

.other-service-list.scr .inner .btn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0 12px;
}

.icon-tting {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-tting:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-tting2x.png) no-repeat 0 0;
  background-size: 100% auto;
}

.rp-banner-wrapper {
  position: relative;
  height: 180px;
  text-align: left;
}

.rp-banner-wrapper.rp-banner-bg-type1 {
  background: #ebe7e4;
}

.rp-banner-wrapper.rp-banner-bg-type2 {
  background: #e2f5f5;
}

.rp-banner-wrapper a {
  display: block;
  height: 180px;
}

.rp-banner-wrapper .rp-banner-img {
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: 0;
  width: 142px;
  height: 142px;
}

.rp-banner-wrapper .rp-banner-img img {
  width: 100%;
}

.rp-banner-wrapper .rp-banner-cont {
  position: relative;
  padding: 24px;
  z-index: 10;
}

.rp-banner-wrapper .rp-banner-cont .rp-banner-title {
  color: #222;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.rp-banner-wrapper .rp-banner-cont .rp-banner-button {
  margin-top: 12px;
}

.rp-banner-wrapper .rp-banner-cont .rp-banner-button .btn.btn-sm.btn-round {
  width: 84px;
  height: 32px;
  background: #5ddbdb;
  border-radius: 2px !important;
  color: #222;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
}

.btn.btn-npay {
  background-color: #03c75a;
  border-color: #03c75a;
}

.btn.btn-npay.btn-primary:active {
  background-color: #03c75a;
  border-color: #03c75a;
}

.btn.btn-npay .icon-npay {
  margin: 0 5px;
  width: 46px;
  height: 18px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/ico_npay.svg);
}

.btn.btn-npay:disabled {
  border-color: #ebebeb;
  background-color: #ebebeb;
}

.btn.btn-npay:disabled .icon-npay {
  background-image: url(/webapp/v2/common/assets/images/common/icons/ico_disable_npay.svg);
}

.btn.btn-npay:disabled:active {
  border-color: #ebebeb;
  background-color: #ebebeb;
}

.bg-none {
  background-color: #fff;
}

/* 더피플라이프 개인정보 제공동의 */
.form-wrap-content .form-select-time-1024 .custom-radio.radio-md input[type=radio] + label {
  margin-top: -3px;
  font-size: 16px;
  font-weight: 500;
}

.thepepolelife-appr-list {
  margin-top: 24px;
}

.thepepolelife-appr-list > li {
  margin-top: 8px;
}

.thepepolelife-appr-list > li:first-child {
  margin-top: 0;
}

.thepepolelife-appr-list > li > a.tpl-appr-box {
  display: block;
  padding: 23px 20px;
  border: 1px solid #ebebeb;
  background: #fff;
  border-radius: 16px;
}

.thepepolelife-appr-list .tpl-appr-box .d-flex-between .tpl-date-wrap {
  color: #222;
  font-size: 16px;
  line-height: 24px;
}

.thepepolelife-appr-list .tpl-appr-box .d-flex-between .tpl-date-wrap .tpl-time {
  margin-left: 6px;
}

.thepepolelife-appr-list .tpl-appr-box .d-flex-between .tpl-price {
  font-weight: 500;
}

.thepepolelife-appr-list .tpl-appr-box .tpl-sub-det {
  margin-top: 4px;
  color: #666;
  font-size: 12px;
  line-height: 18px;
}

.thepepolelife-appr-list .tpl-appr-box .tpl-sub-det span + span {
  position: relative;
  margin-left: 8px;
  padding-left: 9px;
}

.thepepolelife-appr-list .tpl-appr-box .tpl-sub-det span + span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 12px;
  margin-top: -6px;
  background: #666;
}

.thepepolelife-appr-list .tpl-appr-box .tpl-agr {
  margin-top: 6px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}

.thepepolelife-appr-list > li > a.tpl-appr-box.selected {
  padding-top: 22px;
  padding-bottom: 22px;
  border: 2px solid #206cfe;
}

.thepepolelife-appr-list > li > a.tpl-appr-box.done {
  border: 1px solid #ebebeb;
  background: #f3f3f3;
  color: #999;
}

.thepepolelife-appr-list .tpl-appr-box.done .d-flex-between .tpl-date-wrap,
.thepepolelife-appr-list .tpl-appr-box.done .d-flex-between .tpl-price,
.thepepolelife-appr-list .tpl-appr-box.done .tpl-sub-det {
  color: #999;
}

.thepepolelife-appr-list .tpl-appr-box.done .tpl-sub-det span + span::before {
  background: #999;
}

/* 단기카드대출 오퍼 지급 */
.popup-layer.popup-alert.popup-alert-03-206cfe .goal-img-wrap {
  margin-top: 24px;
}

.popup-layer.popup-alert.popup-alert-03-206cfe .goal-img-wrap img, .lms-message-box .goal-img-wrap img {
  width: 156px;
  height: 108px;
}

.custom-bottomsheet .bottomsheet > .popup-content.popup-goal-ing {
  min-height: auto;
  padding-bottom: 32px;
}

.popup-content.popup-goal-ing .gaugebar {
  position: relative;
  padding-top: 50px;
}

.popup-content.popup-goal-ing .gaugebar .gaugebar-track {
  height: 20px;
  background: #c2d8ff;
  border-radius: 4px;
  overflow: hidden;
}

.popup-content.popup-goal-ing .gaugebar .gaugebar-track .gaugebar-track-check {
  border-radius: 0;
  background: #206cfe;
}

.popup-content.popup-goal-ing .gaugebar .gaugebar-spot {
  position: absolute;
  left: 0;
  right: 0;
  top: 28px;
  margin-top: 0;
  color: #222;
  font-size: 14px;
  line-height: 22px;
}

.popup-content.popup-goal-ing .gaugebar .gaugebar-spot div:nth-of-type(1) {
  color: #666;
}

.has-footer-type1 .toast-goal-popup.active {
  display: block;
}

.has-footer-type1 .toast-goal-popup {
  display: none;
  position: fixed;
  top: 20px;
  top: calc(20px + var(--safe-top));
  left: 24px;
  z-index: 9999;
  width: calc(100% - 48px);
  border-radius: 20px;
  background: #206cfe;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

.has-footer-type1 .toast-goal-popup .icon_particle {
  content: '';
  position: absolute;
  left: 50%;
  top: -20px;
  width: 312px;
  height: 236px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.has-footer-type1 .toast-goal-popup span.txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 10;
  width: 100%;
  height: 132px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
}

.lms-message-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 105px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.lms-message-box .lms-message-text p {
  margin-top: 16px;
  color: #222;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

/* 2023-05-22 이벤트 이탈팝업 (CSRUIUX-316) */
.pop-event-break .img-box img {
  width: 100%;
}

.pop-event-break .bgbox-event {
  margin-top: 16px;
  padding: 20px 32px;
  background-color: #fafafa;
  border-radius: 10px;
  color: #666;
}

/* 이벤트에서 이탈팝업이 뜰때 사용하는 X 버튼 */
.sub-detail.eventDetail .btn-break-close {
  position: fixed;
  top: 4px;
  top: calc(4px + var(--safe-top));
  right: 4px;
  display: block;
  width: 48px;
  height: 48px;
  font-size: 0;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-close-detail.svg) no-repeat 50% 50%;
  border: 0;
  margin-left: auto;
  cursor: pointer;
  z-index: 5;
}

/* //2023-05-22 이벤트 이탈팝업 (CSRUIUX-316) */
/* 2023-05-22 이벤트 button disabled 스타일 추가  */
.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 .btn.btn-md:disabled,
.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 .btn.btn-md:disabled:active {
  border-color: #ebebeb;
  background-color: #ebebeb;
}

/* //2023-05-22 이벤트 button disabled 스타일 추가  */
/* 20230731 라디오 체크박스 커스텀 */
.custom-checkbox.checkbox-border.checkbox-206cfe input[type=checkbox]:checked + label::before {
  background-color: #206cfe;
}

/* 2023-06-14 (CSRUIUX-315)  */
.title-depth3.with_icon img.wrap_img2 {
  width: 32px;
  height: 32px;
  margin-right: 4px;
}

.fss-anchor-target .shuttle-box {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #ebebeb;
}

/* //2023-06-14 (CSRUIUX-315)  */
/* CSRUIUX-490 앱설치이벤트 */
.apply-event.sub-container {
  margin-top: calc(0px - var(--safe-top));
}

.apply-event .tops-area {
  margin: -15px -24px 0px -24px;
  background-image: linear-gradient(115deg, #6c4f3a -4%, #403328 95%);
}

.apply-event .tops-area .logo {
  text-align: center;
  padding: 30px 0;
  padding-top: calc( 30px + var(--safe-top));
}

.apply-event .tops-area .logo .img {
  width: 54px;
  height: 54px;
}

.apply-event .cont-area .htbox {
  position: relative;
  padding: 24px 0;
}

.apply-event .cont-area .htbox .pic {
  position: absolute;
  right: -24px;
  top: 0;
}

.apply-event .cont-area .htbox .pic img {
  width: 131px;
  height: 164px;
}

.apply-event .cont-area .text-link.text-blue {
  color: #206cfe !important;
}

/* UIUX-3612 로카머니 활용백서 웹툰 브랜딩 페이지 */
.sub-container.not-head-top {
  margin-top: var(--safe-top);
  padding-top: 0;
}

.livingpaper-20240125 .top-visual-livingpaper {
  margin: 0 -24px 32px;
}

.livingpaper-20240125 .d-flex-center {
  margin-top: 20px;
}

.livingpaper-20240125 .top-visual-livingpaper img, .livingpaper-20240125 .d-flex-center img {
  width: 100%;
}

/* //UIUX-3612 로카머니 활용백서 웹툰 브랜딩 페이지 */
/* CSRUIUX-671 로카머니 활용백서 웹툰 메인 */
.mt-15 {
  margin-top: -15px;
}

.webtoons-list {
  margin-top: 24px;
}

.webtoons-list li {
  position: relative;
  margin-top: 20px;
}

.webtoons-list a.webtoons-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.webtoons-list .thumb-img {
  position: relative;
  width: 80px;
  height: 80px;
  overflow: hidden;
}

.webtoons-list .thumb-img img {
  width: 100%;
}

.webtoons-list .thumb-img .new-icon {
  position: absolute;
  bottom: 4px;
  left: 4px;
  width: 38px;
  height: auto;
}

.webtoons-list .thumb-img .new-icon > img {
  width: 100%;
}

.webtoons-list .thumb-txt {
  width: calc(100% - 92px);
  margin-left: 12px;
}

.webtoons-list li .thumb-txt > strong {
  display: block;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.webtoons-list li .thumb-txt > span {
  display: block;
  margin-top: 4px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

/* //CSRUIUX-671 로카머니 활용백서 웹툰 메인 */
/* csruiux-604 모두의 가위바위보 */
.popup-layer.popup-full.img-bg-mogabo {
  background-image: url(/webapp/v2/web/assets/images/mogabo/img_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.popup-layer.popup-full.img-bg-mogabo > .popup-content {
  background-color: transparent;
}

.popup-layer.popup-full.img-bg-mogabo .popup-head-title01 {
  padding-top: 98px;
  font-size: 28px;
  color: #fff;
  font-weight: normal;
  line-height: 36px;
  text-align: center;
}

.popup-layer.popup-full.img-bg-mogabo .popup-head-title01 .deco-style01 {
  display: block;
  color: #ffca30;
  font-weight: bold;
}

.popup-layer.popup-full.img-bg-mogabo .popup-head-subtitle01 {
  margin-top: 16px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 26px;
  letter-spacing: -0.5px;
}

.popup-layer.popup-full.img-bg-mogabo .detail-img-mogabo {
  position: relative;
  z-index: 10;
  margin-top: 52px;
  text-align: center;
}

.popup-layer.popup-full.img-bg-mogabo .detail-img-mogabo.icon-logo {
  margin-top: 20px;
}

.popup-layer.popup-full.img-bg-mogabo .detail-img-mogabo.icon-logo img {
  width: 126px;
}

.popup-layer.popup-full.img-bg-mogabo .img-deco-box {
  position: absolute;
  z-index: 1;
  height: auto;
}

.popup-layer.popup-full.img-bg-mogabo .img-deco-box img {
  max-width: 100%;
  height: auto;
}

.popup-layer.popup-full.img-bg-mogabo .img-deco-box.deco-type01 {
  left: 24px;
  top: -25px;
  width: 68px;
}

.popup-layer.popup-full.img-bg-mogabo .img-deco-box.deco-type02 {
  left: 0px;
  top: 114vw;
  width: 52px;
}

.popup-layer.popup-full.img-bg-mogabo .img-deco-box.deco-type03 {
  right: 0px;
  top: 109vw;
  width: 59px;
}

.popup-layer.popup-full.img-bg-mogabo .img-deco-box.deco-type04 {
  left: 0px;
  top: 30vw;
  width: 35px;
}

.popup-layer.popup-full.img-bg-mogabo .img-deco-box.deco-type05 {
  right: 0px;
  top: 58vw;
  width: 48px;
}

/* 로카머니 push 랜딩 */
.popup-content.lc-money_lending {
  margin-top: calc(0px + var(--safe-top));
  padding-top: 0 !important;
}

.lc-money_lending .visual-area {
  margin: 0 -24px 24px;
  max-height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.lc-money_lending .visual-area img {
  max-width: 455px;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.lc-money_lending .btn-break-close {
  position: absolute;
  top: 4px;
  top: calc(4px + var(--safe-top));
  right: 12px;
  display: block;
  width: 48px;
  height: 48px;
  font-size: 0;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-close-detail.svg) no-repeat 50% 50%;
  border: 0;
  margin-left: auto;
  cursor: pointer;
  z-index: 99;
}

.lc-money_lending .txt-area p {
  padding-top: 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.popup-layer.popup-full.has-footer-gradi > .popup-content {
  padding-bottom: 140px;
}

.popup-layer.popup-full.has-footer-gradi > .popup-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(255, 255, 255, 0)), color-stop(43%, #fff));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 6%, #fff 43%);
  padding: 24px;
  z-index: 25;
}

.pt48 {
  padding-top: 48px !important;
}

.bg-206cfe {
  background-color: #206cfe !important;
}

.text-link.text-coral-blue::before {
  background-color: #0f53d6;
}

.custom-radio.radio-md.n_st_radio input[type=radio]:checked + label {
  border-color: #bbb;
}

.custom-radio.radio-md.n_st_radio input[type=radio]:checked + label::before {
  border-color: #206cfe;
  background-color: #206cfe;
}

.custom-radio.radio-md.n_st_radio input[type=radio]:checked + label em {
  top: 6px;
  left: 6px;
}

.custom-radio.radio-md.n_st_radio input[type=radio]:checked + label em::before {
  width: 12px;
  height: 12px;
  background-color: #fff;
}

.custom-radio.radio-btn.n_st_radio input[type=radio]:checked + label {
  color: #0f53d6;
}

.custom-radio.radio-btn.n_st_radio input[type=radio]:checked + label::before {
  border-color: #206cfe;
}

.card-select .overcon.n_st_chk a.on::after,
.selectbox.card-select .overcon.n_st_chk a.on::after,
.custom-bottomsheet .bottomsheet .overcon.n_st_chk a.on::after {
  background: url("/webapp/v2/common/assets/images/common/icons/check_act.png") no-repeat;
  background-size: 100%;
}

.btn.btn-alert.n_st-alert {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  background-color: #206cfe;
  border-color: #206cfe;
}

.btn.btn-alert.n_st-alert.btn-border {
  background-color: #fff;
  border-color: #999;
}

.custom-icon.plan-step-purchase {
  width: 64px;
  height: 64px;
  background: url("/webapp/v2/common/assets/images/benefit/icons/plan-disc/step_purchase.png") no-repeat center center/100%;
}

.custom-icon.plan-step-request {
  width: 64px;
  height: 64px;
  background: url("/webapp/v2/common/assets/images/benefit/icons/plan-disc/step_request.png") no-repeat center center/100%;
}

.custom-icon.plan-step-money {
  width: 64px;
  height: 64px;
  background: url("/webapp/v2/common/assets/images/benefit/icons/plan-disc/step_money.png") no-repeat center center/100%;
}

.custom-icon.plan-step-cashback {
  width: 64px;
  height: 64px;
  background: url("/webapp/v2/common/assets/images/benefit/icons/plan-disc/step_cashback.png") no-repeat center center/100%;
}

.plan-discount-wrap .swiper-wrapper-cont {
  margin-bottom: 48px;
  border-radius: 16px;
  -webkit-box-shadow: 0 4px 24px 0 rgba(185, 189, 193, 0.5);
          box-shadow: 0 4px 24px 0 rgba(185, 189, 193, 0.5);
}

.plan-discount-wrap .swiper-wrapper-cont .pbnn-text .swiper-slide {
  padding: 24px 21px 26px;
  line-height: 28px;
}

.plan-discount-wrap .swiper-wrapper-cont .pbnn-text .swiper-slide .bnn_sub {
  padding-bottom: 4px;
  color: #1b67d4;
  letter-spacing: -0.35px;
}

.plan-discount-wrap .swiper-wrapper-cont .pbnn-text .swiper-slide .bnn_tit {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.plan-discount-wrap .swiper-wrapper-cont .pbnn-img {
  padding-bottom: 78px;
}

.plan-discount-wrap .swiper-wrapper-cont .pbnn-img .swiper-slide {
  width: 144px;
}

.plan-discount-wrap .swiper-wrapper-cont .pbnn-img .swiper-slide .img_area {
  margin: 0 auto;
  width: 112px;
  height: 112px;
  -webkit-transform: scale(0.86);
          transform: scale(0.86);
}

.plan-discount-wrap .swiper-wrapper-cont .pbnn-img .swiper-slide .img_area img {
  width: 100%;
}

.plan-discount-wrap .swiper-wrapper-cont .pbnn-img .swiper-slide.swiper-slide-active .img_area {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.plan-discount-wrap .swiper-wrapper-cont .pbnn-img .custom-swiper-pagination.bottom {
  bottom: 15px;
}

.special-benefit-info .card_infor_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
  padding: 16px 20px;
  border: 1px solid #ebebeb;
  border-radius: 10px;
}

.special-benefit-info .card_infor_list li .card_info img {
  margin-top: 3px;
  display: inline-block;
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}

.special-benefit-info .card_infor_list li .card_info span {
  padding-left: 5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.5px;
  vertical-align: middle;
}

.special-benefit-info .card_infor_list li .card_info.card_rotate img {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.special-benefit-info .card_infor_list li .btn {
  font-size: 14px;
  border-color: #bbb;
}

.special-benefit-info .card_infor_list.type2 li {
  padding: 13px 20px;
}

.special-benefit-info .card_infor_list.type2 li .card_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.special-benefit-info .card_infor_list.type2 li .card_info img {
  margin-top: 0;
  width: 59px;
  height: 59px;
}

.special-benefit-info .card_infor_list.type2 li .card_info .txt {
  padding-top: 10px;
  padding-left: 24px;
}

.special-benefit-info .card_infor_list.type2 li .card_info .txt span {
  padding-left: 0;
  line-height: 24px;
}

.special-benefit-info .card_infor_list.type2 li .card_info .txt p {
  font-size: 14px;
  color: #666;
  line-height: 22px;
}

.special-benefit-info .ordered-item.three .icon-wrap,
.special-benefit-info .ordered-item.four .icon-wrap {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.special-benefit-info .ordered-item.four {
  overflow: visible;
}

@media all and (max-width: 562px) {
  .special-benefit-info .ordered-item.four .icon-wrap::before {
    height: 100%;
    top: -110%;
  }
}

.plan-discount .gaugebar .gaugebar-track .gaugebar-balloon.n_st_gballoon {
  padding: 7px 12px 7px;
  font-weight: 700;
  background: #206cfe;
}

.plan-discount .gaugebar .gaugebar-track .gaugebar-balloon.n_st_gballoon.left::before {
  border-left-color: #206cfe;
}

.plan-discount .gaugebar .gaugebar-track .gaugebar-balloon.n_st_gballoon.right::before {
  border-right-color: #206cfe;
}

.btn-w100 {
  width: 100%;
}

/* 2023-04-11 */
.color-206cfe {
  color: #206cfe;
}

/* 2024-02-06 */
.color-3376f6 {
  color: #3376f6;
}

/* 색상 컬러 추가 */
.popup-layer > .popup-header .popup-title.popup-left-title {
  padding-left: 24px;
  font-weight: 700;
  text-align: left;
}

/* popup-layer 타이틀 왼쪽 정렬 케이스 추가 */
.card-recomm-bnn {
  border-radius: 16px;
}

.card-recomm-bnn > a.type-img2 {
  padding: 25px 20px;
}

.card-recomm-bnn > a.type-img2 .custom-banner-img {
  bottom: 50%;
  margin-bottom: -50px;
  width: 100px !important;
}

.card-recomm-bnn > a.type-img2 .custom-banner-text {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 1.5 !important;
  letter-spacing: -0.5px;
}

.recommend-top {
  margin: -15px -24px 0;
  padding: 24px;
  height: 224px;
  background: #4ea1f7 url("/webapp/v2/common/assets/images/card/recommend_bg.png") right bottom/contain no-repeat;
}

.recommend-top h3 {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #fff;
  font-weight: 700;
}

.card-list.list-type02 > li {
  padding: 32.5px 0;
}

.card-list.list-type02 > li:last-child {
  border-bottom: 0;
}

.card-list.list-type02 > li a {
  position: relative;
}

.card-list.list-type02 > li a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 9px;
  width: 8px;
  height: 8px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.card-list.list-type02 > li .thumb-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.card-list.list-type02 > li .thumb-img img.typeH {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 57px;
  height: 90px;
}

.card-list.list-type02 > li .text-group {
  margin-left: 106px;
  margin-right: 18px;
}

.card-list.list-type02 > li .text-group__desc {
  margin-top: 4px;
  font-size: 16px;
  line-height: 24px;
}

.card-list.list-type02 > li .text-group__name {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}

.card-list.list-type02 > li .recommend-mfee {
  position: relative;
  margin-top: 20px;
  padding: 0 0 0 8px;
}

.card-list.list-type02 > li .recommend-mfee::before {
  content: '';
  position: absolute;
  left: 0;
  background: #666;
  top: 8px;
  width: 2px;
  height: 2px;
}

.btn.btn_new {
  height: 48px;
  line-height: 48px;
  background-color: #206cfe;
}

.car-master_popup.popup-layer .popup-content {
  padding: 0 !important;
}

.car-master_popup.popup-layer .popup-content .top-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(170px + var(--safe-top));
  padding: 30px 26px 0;
  background-color: #070c36;
}

.car-master_popup.popup-layer .popup-content .top-area img {
  display: block;
  width: 60px;
  padding-bottom: 6px;
}

.car-master_popup.popup-layer .popup-content .top-area .title {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  line-height: 32px;
  letter-spacing: -0.11px;
}

.car-master_popup.popup-layer .popup-content .cont-area {
  position: relative;
  z-index: 1;
  margin-top: 100px;
  padding: 30px 24px 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #fff;
}

.car-master_popup.popup-layer .popup-content .cont-area .info-text {
  margin: 8px 0 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.07px;
  color: #0f53d6;
}

.car-master_popup.popup-layer .popup-content .cont-area .phone-chk .form-control-clear {
  width: calc(100% - 75px);
}

.car-master_popup.popup-layer .popup-content .cont-area .phone-chk .request {
  min-width: 67px;
  margin-left: 8px;
  background-color: #206cfe;
  border-color: #206cfe;
}

.car-master_popup.popup-layer .popup-content .cont-area .info-box {
  border-radius: 19px;
  margin-top: 16px;
}

.car-master_popup.popup-layer .popup-content .cont-area .info-box .data-list {
  padding-bottom: 24px;
}

.car-master_popup.popup-layer .popup-content .cont-area .info-box .btn {
  width: 100%;
  height: 48px;
  border-radius: 12px;
}

.cm-popup .btn-select img {
  width: 32px;
  margin-right: 10px;
}

.cm-popup .btn-select span {
  color: #222;
  font-size: 16px;
}

.cm-popup .btn-select.readonly {
  background-color: #fff;
}

.cm-popup .btn-select.readonly img {
  opacity: 1;
}

.cm-popup .info-text {
  margin: 8px 0 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.07px;
  color: #0f53d6;
}

/* 240703 일반 페이지로 수정 */
.car-master.sub-container {
  padding-left: 0;
  padding-right: 0;
}

.car-master.sub-container.sub-footer {
  background: #fff;
}

.car-master .top-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(170px + var(--safe-top));
  padding: 30px 26px 0;
  background-color: #070c36;
}

.car-master .top-area img {
  display: block;
  width: 60px;
  padding-bottom: 6px;
}

.car-master .top-area .title {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  line-height: 32px;
  letter-spacing: -0.11px;
}

.car-master .cont-area {
  position: relative;
  z-index: 1;
  margin-top: 85px;
  padding: 30px 24px 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #fff;
}

.car-master .cont-area .info-text {
  margin: 8px 0 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.07px;
  color: #0f53d6;
}

.car-master .cont-area .phone-chk .form-control-clear {
  width: calc(100% - 75px);
}

.car-master .cont-area .phone-chk .request {
  min-width: 67px;
  margin-left: 8px;
  background-color: #206cfe;
  border-color: #206cfe;
}

.car-master .cont-area .info-box {
  border-radius: 19px;
  margin-top: 16px;
}

.car-master .cont-area .info-box .data-list {
  padding-bottom: 24px;
}

.car-master .cont-area .info-box .btn {
  width: 100%;
  height: 48px;
  border-radius: 12px;
}

.icon-main-appdownload {
  width: 153px;
  height: 131px;
  background: url(/webapp/v2/common/assets/images/main/bgimg/popup/mw-img-appdown@3x.png) no-repeat right -1px;
  background-size: 153px auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 10px;
}

.icon-main-appdownload2 {
  width: 170px;
  height: 120px;
  background: url(/webapp/v2/common/assets/images/main/bgimg/popup/170_120_ctype.png) no-repeat right -1px;
  background-size: 170px auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 10px;
  margin-top: 15px;
}

.nonboder .agreeChk-accodion-conts {
  border-top: 0 !important;
}

.fold-head.agreeChk-accodion-head.stbdtop {
  border-top: 1px solid #ebebeb;
}

/* 230810 모두의 가위바위보 배너 */
.bg-bdf0f2 {
  background-color: #bdf0f2 !important;
}

.bg-fbf4b4 {
  background-color: #fbf4b4 !important;
}

.bg-d3e2fe {
  background-color: #d3e2fe !important;
}

.bg-ffd6d6 {
  background-color: #ffd6d6 !important;
}

.web-main.type-new .banner-appdown.bnn-rps .img {
  right: 0;
  bottom: -3px;
  width: 142px;
}

.benefit-ma-bnn .custom-banner {
  margin: 8px 0 0;
}

.benefit-ma-bnn .custom-banner:first-child {
  margin-top: 24px;
}

.benefit-ma-bnn .custom-banner > a.type-img2 {
  padding: 23px 20px;
}

.benefit-ma-bnn .custom-banner > a.type-img2 .custom-banner-img {
  width: 100px;
}

.benefit-ma-bnn .custom-banner .custom-banner-text {
  font-size: 16px;
}

.benefit-ma-bnn .custom-banner .custom-banner-text + .custom-banner-text {
  font-size: 18px;
}

.agreeChk-accodion-sub-dep {
  margin: 12px 0 0 26px;
}

.agreeChk-accodion-wrap.type2 {
  border: 0;
  border-radius: 0;
}

.agreeChk-accodion-wrap.type2 li {
  margin-top: 8px;
  border: 1px solid #ebebeb;
  border-radius: 10px;
}

.agreeChk-accodion-wrap.type2 li:first-child {
  margin-top: 0;
  border-top: 1px solid #ebebeb;
}

.ml24 {
  margin-left: 24px;
}

.wrap-bnf-infobox {
  padding-left: 113px;
  position: relative;
  min-height: 96px;
}

.wrap-bnf-infobox .info-imgbox {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 96px;
  height: 96px;
  border-radius: 10px;
  overflow: hidden;
}

.wrap-bnf-infobox .info-imgbox img {
  max-width: 100%;
  height: auto;
}

.wrap-bnf-infobox .info-description-textgroup .text-cat {
  font-size: 12px;
  color: #666;
  font-weight: 400;
  line-height: 22px;
}

.wrap-bnf-infobox .info-description-textgroup .titDep3 {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.5px;
  color: #222;
  margin: 0;
}

.wrap-bnf-infobox .info-description-textgroup .text-date {
  font-size: 12px;
  color: #666;
  line-height: 18px;
}

.wrap-bnf-infobox .info-description-textgroup {
  min-height: 96px;
}

.btns-touch-banners {
  position: relative;
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  padding: 20px 84px 20px 20px;
  border: 1px solid #206cfe;
  background-color: #fff;
  border-radius: 16px;
  letter-spacing: -7px;
}

.btns-touch-banners .btn-touch-icon {
  display: inline-block;
  width: 48px;
  height: 48px;
}

.btns-touch-banners .btn-sm {
  height: 32px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #206cfe;
  border-radius: 16px;
}

.btns-touch-banners .btns-touch-icon {
  width: 48px;
  height: 48px;
  display: inline-block;
  border-radius: 8px;
  vertical-align: middle;
  overflow: hidden;
}

.btns-touch-banners .btns-touch-icon img {
  max-width: 100%;
}

.btns-touch-banners .btns-text-group {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 58px);
  height: auto;
  margin-left: 0px;
  letter-spacing: -0.5px;
}

/* csruiux-688 */
.sub-wrapper.type-atpick .sub-container.atpick-container {
  padding-top: 0;
  margin-top: 0;
  background-color: #d4cfca;
}

.sub-wrapper.type-atpick .sub-header {
  background-color: transparent;
}

.sub-wrapper.type-atpick .sub-footer {
  background: transparent;
}

.sub-wrapper.type-atpick .top-visual-area {
  position: relative;
  height: 430px;
  padding-top: 80px;
  margin-left: -24px;
  margin-right: -24px;
  /* margin-top:-15px; */
  background-color: #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sub-wrapper.type-atpick .top-visual-area .txt-area {
  position: relative;
  z-index: 20;
  padding: 0 24px;
}

.sub-wrapper.type-atpick .top-visual-area .txt-area .tit {
  font-size: 28px;
  color: #fff;
  line-height: 40px;
  letter-spacing: -0.14px;
}

.sub-wrapper.type-atpick .top-visual-area .txt-area .txt {
  font-size: 16px;
  color: #cdfa39;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.sub-wrapper.type-atpick .top-visual-area .txt-area .txt + .tit {
  margin-top: 8px;
}

.sub-wrapper.type-atpick .top-visual-area .img-area {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.sub-wrapper.type-atpick .sub-header.fixed {
  background-color: #fff;
}

.sub-wrapper.type-atpick .sub-header .sub-title {
  color: #fff;
}

.sub-wrapper.type-atpick .sub-header .btn-prev {
  background-image: none;
  background-color: #fff;
  -webkit-mask: url(/webapp/v2/common/assets/images/common/icons/icon-history-back.svg) no-repeat center;
  mask: url(/webapp/v2/common/assets/images/common/icons/icon-history-back.svg) no-repeat center;
}

.sub-wrapper.type-atpick .sub-header.fixed .sub-title {
  color: #222;
}

.sub-wrapper.type-atpick .sub-header.fixed .btn-prev {
  background-color: #000;
}

.sub-wrapper.type-atpick .accordion-wrap.type-full {
  background-color: #d4cfca;
  border-top: 1px solid #d4cfca;
  border-bottom: 1px solid #d4cfca;
}

.sub-wrapper.type-atpick .accordion .check.fold-head {
  color: #00437c;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.09px;
}

.sub-wrapper.type-atpick hr.border-full {
  background-color: #c9c2ba;
}

.sub-wrapper.type-atpick .box-gray {
  background-color: #d1c7bd;
}

.sub-wrapper.type-atpick .list-required > li {
  color: #222;
  font-size: 12px;
}

.text-32 {
  font-size: 32px;
}

.box-pagescript-wrap {
  margin-left: -24px;
  margin-right: -24px;
  padding: 40px 24px;
}

.box-pagescript-wrap {
  /* 매진임박 텍스트 아이콘 */
}

.box-pagescript-wrap.bgtype01-1 {
  background-color: #000046;
}

.box-pagescript-wrap.bgtype01-2 {
  background-color: #15606d;
}

.box-pagescript-wrap.bgtype01-3 {
  background-color: #0b1916;
}

.box-pagescript-wrap.bgtype01-4 {
  background-color: #9e3b89;
}

.box-pagescript-wrap.bgtype02 {
  background-color: #d4cfca;
}

.box-pagescript-wrap .box-pagescript .sectit {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.09px;
  line-height: 28px;
  color: #222;
}

.box-pagescript-wrap .box-pagescript .tagtxt {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.1px;
  color: #222;
}

.box-pagescript-wrap .box-pagescript .subtxt {
  color: #fff;
}

.box-pagescript-wrap .box-pagescript .tit {
  color: #cdfa39;
  font-weight: 600;
}

.box-pagescript-wrap .box-pagescript .tit + .subtxt {
  margin-top: 8px;
  color: #e6e6e6;
}

.box-pagescript-wrap .box-pagescript .subtxt + .tit {
  margin-top: 4px;
}

.box-pagescript-wrap .box-pagescript ~ .box-pagescript {
  margin-top: 40px;
}

.box-pagescript-wrap .icon-txt01 {
  color: #ff0000;
  font-size: 20px;
  font-weight: 700;
}

.box-pagescript-wrap .icon-clockimg {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 20px;
  height: auto;
  vertical-align: middle;
  margin-right: 4px;
  line-height: 1;
}

.box-pagescript-wrap .icon-clockimg img {
  max-width: 100%;
  height: auto;
}

/* 이미지 리스트 영역 */
.main-img-box {
  position: relative;
  margin-top: 12px;
}

.main-img-box .imgarea {
  position: relative;
  z-index: 10;
  height: auto;
  overflow: hidden;
}

.main-img-box .txtarea {
  position: absolute;
  z-index: 20;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 18px 24px 20px 24px;
  background-color: rgba(11, 11, 11, 0.5);
}

.main-img-box .txtarea .txt-01 {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  letter-spacing: -0.08px;
}

.main-img-box .txtarea .txt-02 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
  letter-spacing: -0.08px;
  margin-top: 4px;
}

.main-img-box .txtarea .txt-03 {
  font-size: 18px;
  font-weight: bold;
  color: #cdfa39;
  line-height: 24px;
  letter-spacing: -0.1px;
  margin-top: 4px;
}

.main-img-box + .sub-list-box {
  margin-top: 24px;
}

.main-time-box {
  width: 100%;
  height: 56px;
  background-color: #110f10;
  text-align: center;
}

.main-time-box .txt-01 {
  font-size: 16px;
  color: #e8d808;
  line-height: 56px;
  letter-spacing: -0.08px;
}

.main-time-box .icon-img01 {
  width: 25px;
  height: auto;
  display: inline-block;
  margin-right: 6px;
}

.main-time-box .icon-img01 img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.main-time-box .txt-01 .emtxt01 {
  font-weight: 700;
}

.sub-list-box .list-info .infogroup {
  position: relative;
  display: block;
  min-height: 110px;
  padding-left: 120px;
}

.sub-list-box .list-info .infogroup .imgarea {
  position: absolute;
  left: 0;
  top: 0;
  width: 110px;
  height: 110px;
}

.sub-list-box .list-info .infogroup .txtarea {
  padding-top: 0px;
}

.sub-list-box .list-info .infogroup .txtarea p ~ p {
  margin-top: 2px;
}

.sub-list-box .list-info .infogroup .txtarea .txt-01 {
  font-size: 14px;
  color: #222;
  line-height: 22px;
}

.sub-list-box .list-info .infogroup .txtarea .txt-02 {
  font-size: 16px;
  font-weight: 700;
  color: #222;
  line-height: 24px;
}

.sub-list-box .list-info .infogroup .txtarea .txt-02 .emtxt01 {
  color: #e42456;
  padding-right: 4px;
}

.sub-list-box .list-info .infogroup .txtarea .txt-03 {
  font-size: 12px;
  font-weight: 700;
  color: #666;
  line-height: 18px;
}

.sub-list-box .list-info .infogroup + .infogroup {
  margin-top: 16px;
}

.main-img-box .tag-wrap {
  letter-spacing: -7px;
}

.main-img-box .tag-wrap .tag-type01, .main-img-box .tag-wrap .tag-type02 {
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.05px;
  font-weight: 400;
}

.main-img-box .tag-wrap .tag-type01 {
  padding: 3px 8px;
  color: #fff;
  background-color: #3674bc;
}

.main-img-box .tag-wrap .tag-type02 {
  padding: 3px 8px;
  color: #666;
  background-color: #fff;
}

.main-img-box .tag-wrap .tag-type01 + .tag-type02 {
  margin-left: 4px;
}

.main-img-box .tag-wrap ~ .txt-02 {
  margin-top: 8px;
}

.sub-list-box .tag-wrap {
  letter-spacing: -7px;
}

.sub-list-box .tag-wrap .tag-type03, .sub-list-box .tag-wrap .tag-type04 {
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
  font-size: 10px;
  line-height: 18px;
  letter-spacing: -0.05px;
  font-weight: 400;
}

.sub-list-box .tag-wrap .tag-type03 {
  padding: 1px 4px;
  color: #fff;
  border-radius: 4px;
  background-color: #00437c;
}

.sub-list-box .tag-wrap .tag-type04 {
  padding: 1px 4px;
  color: #fff;
  border-radius: 4px;
  background-color: #9781be;
}

.sub-list-box .tag-wrap .tag-type03 + .tag-type04 {
  margin-left: 4px;
}

.sub-list-box .tag-wrap ~ .txt-01 {
  margin-top: 8px;
}

.edu-child .ex-info {
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.06px;
  color: #3674bc;
}

.edu-child .child-add {
  padding-top: 24px;
}

.edu-child .border-full.border-gray {
  background-color: #ebebeb;
}

.edu-child .btn-child {
  width: 100%;
  height: 40px;
  background-color: #f3f3f3;
  border-color: #f3f3f3;
  color: #222;
  border-radius: 8px;
}

.edu-child .btn-child .icon {
  margin-top: 1px;
  margin-right: 4px;
  display: block;
  width: 18px;
  height: 18px;
  background: url("/webapp/v2/web/assets/images/ico-plus-black.png") center/cover no-repeat;
}

.edu-child .add-child .photo-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 22px;
  width: 100%;
}

.edu-child .add-child .photo-add .photo {
  position: relative;
}

.edu-child .add-child .photo-add .photo::after {
  content: '';
  position: absolute;
  top: 41px;
  left: 47px;
  width: 22px;
  height: 22px;
  background: url("/webapp/v2/web/assets/images/ico-camera.png") center/cover no-repeat;
}

.edu-child .add-child .photo-add .photo label {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
}

.edu-child .add-child .photo-add .photo label .img {
  display: block;
  height: 100%;
  font-size: 0;
  text-indent: -999px;
  background: url("/webapp/v2/common/assets/images/edu-child/default.png") center/cover no-repeat;
}

.edu-child .add-child .photo-add .photo label .img.boy {
  background-image: url("/webapp/v2/common/assets/images/edu-child/boy.png");
}

.edu-child .add-child .photo-add .photo label .img.girl {
  background-image: url("/webapp/v2/common/assets/images/edu-child/girl.png");
}

.edu-child .add-child .photo-add .photo input[type="file"] {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
}

.edu-child .add-child .photo-add .name {
  padding-left: 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.5px;
}

.edu-child .add-child .photo-add .file-delete {
  margin-left: auto;
  padding-top: 0;
  min-width: 47px;
  height: 28px;
  border-color: #ddd;
}

.edu-child .add-child.list .photo-add {
  margin-top: 16px;
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.edu-child .add-child.list .photo-add:first-child {
  margin-top: 0;
}

.edu-child .add-child.list .photo-add .name {
  padding-left: 12px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.07px;
}

.edu-child .add-child.list .photo-add .name > span {
  font-weight: 500;
}

.child-apply {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px 50px;
  border-radius: 16px;
  background: #fff;
  -webkit-box-shadow: 0 3px 26px 1px rgba(92, 99, 128, 0.16);
          box-shadow: 0 3px 26px 1px rgba(92, 99, 128, 0.16);
}

.child-apply .icon {
  display: block;
  margin-bottom: 8px;
  width: 100%;
  text-align: center;
}

.child-apply .icon img {
  width: 48px;
}

.child-apply .tit {
  width: 100%;
  margin-bottom: 4px;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  font-weight: 700;
}

.child-apply .txt {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.07px;
  color: #666;
}

.child-apply .btn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-radius: 8px;
}

.child-list {
  position: relative;
  padding: 10px 16px;
  border-radius: 8px;
  background: #f3f3f3;
}

.child-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 28px);
  overflow-y: auto;
  padding-right: 20px;
}

.child-list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.07px;
}

.child-list ul li:first-child {
  margin-left: 0;
}

.child-list ul li .img {
  margin-right: 4px;
  display: block;
  width: 32px;
  height: 32px;
  background: url("/webapp/v2/common/assets/images/edu-child/default.png") center/cover no-repeat;
}

.child-list ul li .img.boy {
  background-image: url("/webapp/v2/common/assets/images/edu-child/boy.png");
}

.child-list ul li .img.girl {
  background-image: url("/webapp/v2/common/assets/images/edu-child/girl.png");
}

.child-list .btn-arr {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 47px;
  height: 52px;
  background: url("/webapp/v2/common/assets/images/common/icons/icon-24-arrow-right@3x.png") center/24px no-repeat;
  font-size: 0;
  border: 0;
}

.child-list .btn-arr::after {
  content: '';
  position: absolute;
  width: 18px;
  left: -8px;
  height: 52px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(14%, rgba(243, 243, 243, 0)), color-stop(75%, rgba(243, 243, 243, 0.95)), color-stop(96%, #f3f3f3));
  background-image: linear-gradient(to right, rgba(243, 243, 243, 0) 14%, rgba(243, 243, 243, 0.95) 75%, #f3f3f3 96%);
}

.sub-wrapper .sub-container.foreign-use {
  padding: 18px 24px 0.5px;
}

.sub-wrapper .sub-container.foreign-use.pd-b {
  padding-bottom: calc(132px + var(--safe-bottom));
}

.text-link.color-206cfe {
  color: #206cfe;
}

.text-link.color-206cfe::before {
  background-color: #206cfe;
}

.input-date-wrap .label-date.disabled {
  color: #999;
  background-color: #f3f3f3;
  border-color: #f3f3f3;
}

.input-date-wrap .label-date.disabled > .txt-date {
  color: inherit;
}

.textarea-type02 textarea.custom-textarea {
  position: relative;
  padding-bottom: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 1;
  min-height: 115px;
}

.textarea-type02 textarea.custom-textarea.textarea-round + .byte-unit {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.textarea-type02 textarea.custom-textarea:-moz-read-only + .byte-unit,
.textarea-type02 textarea.custom-textarea:disabled + .byte-unit {
  display: none;
}

.textarea-type02 textarea.custom-textarea:read-only + .byte-unit,
.textarea-type02 textarea.custom-textarea:disabled + .byte-unit {
  display: none;
}

.textarea-type02 textarea.custom-textarea:-moz-read-only, .textarea-type02 textarea.custom-textarea:disabled {
  min-height: 150px;
  padding-bottom: 20px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.textarea-type02 textarea.custom-textarea:read-only, .textarea-type02 textarea.custom-textarea:disabled {
  min-height: 150px;
  padding-bottom: 20px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.textarea-type02 textarea.custom-textarea.textarea-round:-moz-read-only, .textarea-type02 textarea.custom-textarea.textarea-round:disabled {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.textarea-type02 textarea.custom-textarea.textarea-round:read-only, .textarea-type02 textarea.custom-textarea.textarea-round:disabled {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.textarea-type02 textarea.custom-textarea:required + .byte-unit,
.textarea-type02 textarea.custom-textarea.error + .byte-unit {
  border-color: #ee1100;
}

.textarea-type02 textarea.custom-textarea:active + .byte-unit,
.textarea-type02 textarea.custom-textarea:focus + .byte-unit {
  border-color: #544944;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-property: border;
  transition-property: border;
}

.textarea-type02 .byte-unit {
  position: relative;
  right: 0;
  bottom: 0;
  margin-top: -4px;
  padding: 0 16px 20px;
  z-index: 2;
  width: 100%;
  text-align: right;
  border: 1px solid #ebebeb;
  border-top: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: #fff;
}

.foreign-use .foreign-navi {
  padding-bottom: 8px;
}

.foreign-use .foreign-navi .foreign-box {
  position: relative;
  margin: 16px 0 0;
  padding: 20px;
  border-radius: 16px;
  -webkit-box-shadow: 0 16px 28px 4px rgba(92, 99, 128, 0.08), 0 0 4px 0 rgba(92, 99, 128, 0.08);
  box-shadow: 0 16px 28px 4px rgba(92, 99, 128, 0.08), 0 0 4px 0 rgba(92, 99, 128, 0.08);
  background-color: #fff;
}

.foreign-use .foreign-navi .foreign-box .foreign-box-tit {
  padding-bottom: 12px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.09px;
  font-weight: 700;
  color: #206cfe;
}

.foreign-use .foreign-navi .foreign-box .foreign-box-list li {
  padding: 12px 0;
}

.foreign-use .foreign-navi .foreign-box .foreign-box-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.8px;
  font-weight: 500;
}

.foreign-use .foreign-navi .foreign-box .foreign-box-list a img {
  width: 32px;
  margin-right: 12px;
}

.foreign-use .foreign-navi .foreign-box .foreign-box-list a.text-link.icon-link {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #222;
  font-weight: 500;
}

.foreign-use .foreign-navi .foreign-box .foreign-box-list a.text-link.icon-link:after {
  right: 0;
  width: 10px;
  height: 10px;
}

.foreign-use .foreign-info .tab-list-wrap {
  margin-top: 0;
}

.foreign-use .foreign-info .tab-content-wrap .tab-list-wrap .overflow-x {
  border: 0;
}

.foreign-use .foreign-info .tab-content-wrap .tab-list-wrap .overflow-x .tab-list {
  padding-top: 16px;
  padding-bottom: 16px;
}

.foreign-use .foreign-info .tab-content-wrap .tab-list-wrap::before {
  content: '';
  display: block;
  width: 23px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(14%, rgba(255, 255, 255, 0)), color-stop(96%, #fff), color-stop(96%, #fff));
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 14%, #fff 96%, #fff 96%);
  background-color: transparent;
  z-index: 2;
}

.foreign-use .foreign-info .tab-content-wrap .tab-list-wrap::after {
  content: '';
  display: block;
  width: 23px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(14%, rgba(255, 255, 255, 0)), color-stop(96%, #fff), color-stop(96%, #fff));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 14%, #fff 96%, #fff 96%);
  z-index: 1;
}

.foreign-use .foreign-info .tab-content-wrap.tab-depth1 {
  padding-top: 24px;
}

.foreign-use .foreign-info .tab-content-wrap.tab-depth2 {
  padding-top: 0;
}

.foreign-use .foreign-info .tab-content-wrap.tab-depth2 .accordion-wrap {
  padding: 0;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-head {
  padding: 19.5px 30px 19.5px 24px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: -1px;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-head .btn-fold {
  width: 100%;
  height: 100%;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-head .btn-fold::before {
  left: auto;
  right: 31px;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-head .btn-fold::after {
  left: auto;
  right: 24px;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body {
  background-color: #f8f8f8;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner {
  padding: 16px 24px 0;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.08px;
  font-weight: 400;
  font-size: 16px;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner [class*="list"] {
  margin-top: 10px;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner li {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #222;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .cont-tit {
  margin: 32px 0 10px;
  font-size: inherit;
  font-weight: 700;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .cont-tit:first-child {
  margin-top: 0;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .btn-wrap {
  margin-top: 16px;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .btn-wrap .btn {
  font-size: 14px;
  line-height: 22px;
  border-radius: 16px;
  font-weight: 500;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .inner-list {
  margin-top: 6px;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .box-white {
  margin: 16px 0;
  padding: 20px;
  border-radius: 16px;
  background-color: #fff;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .box-white .list-dot li {
  font-weight: 500;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .sub-tit {
  display: block;
  margin-bottom: 16px;
  font-weight: 700;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .list-asterisk li {
  color: #666;
  font-weight: 400;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .step-list {
  font-size: inherit;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .step-list li {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .step-list li span {
  display: inline-block;
  padding-right: 5px;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .card-brend {
  margin-top: 20px;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .card-brend .link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 16px;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .card-brend .link-list li {
  width: calc(50% - 8px);
  margin: 16px 0 0;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .card-brend .link-list li:nth-child(even) {
  margin-left: 16px;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .card-brend .link-list li a {
  display: block;
  padding: 15px 16px;
  border-radius: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 20px 0 rgba(92, 99, 128, 0.14);
          box-shadow: 0 1px 20px 0 rgba(92, 99, 128, 0.14);
  text-align: center;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .card-brend .link-list li a img {
  display: block;
  width: 74px;
  margin: 0 auto 4px;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .card-brend .link-list li a img.jcb {
  width: 64.6px;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .card-brend .link-list li a span {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.07px;
  color: #222;
  font-weight: 500;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .billing-img-area {
  text-align: center;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .billing-img-area img {
  max-width: 286px;
}

.foreign-use .foreign-info .custom-banner {
  margin: 16px 0 48px;
}

.foreign-use .foreign-info .custom-banner > a.type-img3 {
  min-height: 103px;
}

.foreign-use .foreign-info .custom-banner > a.type-img3 .custom-banner-img {
  width: 103px;
}

.foreign-use .foreign-info .custom-banner > a.type-img3 .custom-banner-text {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: -0.08px !important;
}

.foreign-use .foreign-list-area {
  margin-top: 48px;
}

.foreign-use .foreign-list-area .list-sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}

.foreign-use .foreign-list-area .list-sort .total {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.foreign-use .foreign-list-area .list-sort .date-sel .date {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: #666;
}

.foreign-use .foreign-list-area .list-sort .date-sel .btn {
  background: none;
  min-width: 32px;
  padding: 0;
  border: 0;
  height: 24px;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}

.foreign-use .foreign-list-area .list-sort .date-sel .btn span::before {
  margin: 0;
}

.foreign-use .foreign-list-area .input-list-check.foreign-list .info-text {
  -webkit-box-flex: 1;
  -ms-flex: 1 50%;
  flex: 1 50%;
  padding-right: 10px;
  word-break: break-all;
}

.foreign-use .foreign-list-area .input-list-check.foreign-list .info-text label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  /* 말줄임 */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -Webkit-box-orient: vertical;
}

.foreign-use .foreign-list-area .input-list-check.foreign-list .info-text .info {
  padding-top: 8px;
}

.foreign-use .foreign-list-area .input-list-check.foreign-list .info-text .info span {
  display: block;
}

.foreign-use .foreign-list-area .input-list-check.foreign-list .info-text .info span.reject {
  color: #ee1100;
}

.foreign-use .foreign-list-area .input-list-check.foreign-list .info-text .info span:not(:first-child) {
  margin-top: 4px;
}

.foreign-use .foreign-list-area .input-list-check.foreign-list > li .custom-checkbox.checkbox-md.check-only:first-child label::before {
  top: 0;
}

.foreign-use .foreign-list-area .input-list-check.foreign-list > li .custom-checkbox.checkbox-md.check-only:first-child label em {
  top: 16px;
}

.foreign-use .foreign-list-area .input-list-check.foreign-list > li .list-content .copy-text-wrap {
  padding-top: 2px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  text-align: right;
}

.foreign-use .foreign-list-area .input-list-check.foreign-list > li .list-content .copy-text-wrap .price {
  display: block;
  font-size: inherit;
  color: inherit;
  line-height: 24px;
}

.foreign-use .foreign-list-area .input-list-check.foreign-list > li .list-content .copy-text-wrap .price.reject {
  color: #ee1100;
  text-decoration: line-through;
}

.foreign-use .foreign-list-area .input-list-check.foreign-list > li .list-content .copy-text-wrap .price.foreign {
  margin-top: 0;
}

.foreign-use .foreign-list-area .input-list-check.foreign-list .disabled .info-text label,
.foreign-use .foreign-list-area .input-list-check.foreign-list .disabled .info-text .info span,
.foreign-use .foreign-list-area .input-list-check.foreign-list .disabled .list-content .copy-text-wrap,
.foreign-use .foreign-list-area .input-list-check.foreign-list .disabled .list-content .copy-text-wrap .price.reject {
  color: #999;
}

.foreign-use .foreign-list-area .input-list-check.foreign-list .wrong-msg {
  padding-top: 4px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: #3674bc;
}

.foreign-use .foreign-list-area .input-list-check.foreign-list .btn-select span {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #999;
}

.foreign-use .objection-target-list {
  position: relative;
  margin-bottom: 12px;
  padding: 20px;
  background-color: #fafafa;
  border-radius: 10px;
  z-index: 1;
}

.foreign-use .objection-target-list .list-data-default {
  padding: 0;
  border: 0;
}

.foreign-use .objection-target-list .list-data-default li {
  padding: 20px 0 0;
  margin-top: 20px;
  font-size: 16px;
  border-top: 1px solid #ebebeb;
  /* 240812 추가 */
}

.foreign-use .objection-target-list .list-data-default li:first-child {
  padding: 0;
  margin: 0;
  border-top: 0;
}

.foreign-use .objection-target-list .list-data-default li .info {
  -webkit-box-flex: 1;
  -ms-flex: 1 50%;
  flex: 1 50%;
  padding-right: 10px;
  word-break: break-all;
  white-space: normal !important;
  text-align: left !important;
}

.foreign-use .objection-target-list .list-data-default li .info strong {
  display: block;
  padding-bottom: 4px;
  line-height: 24px;
  letter-spacing: -0.5px;
  /* 말줄임 */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.foreign-use .objection-target-list .list-data-default li .info span {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 18px;
}

.foreign-use .objection-target-list .list-data-default li .info span:first-child {
  margin-top: 0;
}

.foreign-use .objection-target-list .list-data-default li .price {
  text-align: right;
}

.foreign-use .objection-target-list .list-data-default li .info strong,
.foreign-use .objection-target-list .list-data-default li .price {
  font-weight: 500;
  color: #222;
  line-height: 24px;
}

.foreign-use .objection-target-list .list-data-default li .info strong .foreign,
.foreign-use .objection-target-list .list-data-default li .price .foreign {
  display: block;
  font-weight: inherit;
  color: inherit;
}

.foreign-use .objection-target-list .list-data-default li .state-cancel {
  margin-top: 8px;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.foreign-use .objection-target-list .list-data-default li .state-cancel .btn-cancel {
  margin-left: auto;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #206cfe;
  text-decoration: underline;
  background: none;
  border: 0;
  cursor: pointer;
}

.foreign-use .objection-target-list .list-data-default li .state-cancel .flag {
  padding: 1px 4px;
  min-width: auto;
}

.foreign-use .objection-target-list .list-data-default li .state-cancel .flag.flag-outline-skyblue {
  border-color: #afc7e4;
  color: #3674bc !important;
}

.foreign-use .objection-target-list .list-data-default li .state-cancel .flag.flag-outline-purple {
  border-color: #9781be;
  color: #9781be !important;
}

.foreign-use .objection-target-list .list-data-default li .state-cancel .flag.flag-cancel {
  padding: 1px 8px;
  background-color: #ebebeb;
  color: #666 !important;
}

.foreign-use .objection-target-list .msg-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #206cfe;
  border-top: 1px solid #ebebeb;
}

.foreign-use .objection-target-list .msg-txt span {
  margin-left: auto;
}

.foreign-use .form-wrap-content .sub-title {
  margin-top: 48px;
}

.foreign-use .form-wrap-content .input-file .add-file {
  min-width: 67px;
}

.foreign-use .form-wrap-content .input-file input[type="file"] {
  width: 80px;
  right: 0;
}

.foreign-use .form-wrap-content .input-file .form-control-clear {
  width: calc(100% - 75px);
}

.foreign-use input.custom-input:-moz-read-only,
.foreign-use input.custom-input:disabled {
  opacity: 1;
}

.foreign-use input.custom-input:-moz-read-only:active, .foreign-use input.custom-input:-moz-read-only:focus,
.foreign-use input.custom-input:disabled:active,
.foreign-use input.custom-input:disabled:focus {
  border-color: #ebebeb;
}

.foreign-use input.custom-input:-moz-read-only,
.foreign-use input.custom-input:disabled {
  opacity: 1;
}

.foreign-use input.custom-input:read-only,
.foreign-use input.custom-input:disabled {
  opacity: 1;
}

.foreign-use input.custom-input:-moz-read-only:active, .foreign-use input.custom-input:-moz-read-only:focus,
.foreign-use input.custom-input:disabled:active,
.foreign-use input.custom-input:disabled:focus {
  border-color: #ebebeb;
}

.foreign-use input.custom-input:read-only:active, .foreign-use input.custom-input:read-only:focus,
.foreign-use input.custom-input:disabled:active,
.foreign-use input.custom-input:disabled:focus {
  border-color: #ebebeb;
}

.foreign-use textarea.custom-textarea:-moz-read-only,
.foreign-use textarea.custom-textarea:disabled {
  opacity: 1;
}

.foreign-use textarea.custom-textarea:read-only,
.foreign-use textarea.custom-textarea:disabled {
  opacity: 1;
}

.foreign-use textarea.custom-textarea:-moz-read-only:active, .foreign-use textarea.custom-textarea:-moz-read-only:focus,
.foreign-use textarea.custom-textarea:disabled:active,
.foreign-use textarea.custom-textarea:disabled:focus {
  border-color: #ebebeb;
}

.foreign-use textarea.custom-textarea:read-only:active, .foreign-use textarea.custom-textarea:read-only:focus,
.foreign-use textarea.custom-textarea:disabled:active,
.foreign-use textarea.custom-textarea:disabled:focus {
  border-color: #ebebeb;
}

.foreign-use .input-file input.custom-input:-moz-read-only,
.foreign-use .input-file input.custom-input:disabled {
  opacity: 1;
  color: #222;
  background-color: #fff;
  border-color: #ebebeb;
}

.foreign-use .input-file input.custom-input:read-only,
.foreign-use .input-file input.custom-input:disabled {
  opacity: 1;
  color: #222;
  background-color: #fff;
  border-color: #ebebeb;
}

.foreign-use .input-file input.custom-input:active,
.foreign-use .input-file input.custom-input:focus {
  border-color: #ebebeb;
}

.foreign-use .input-file input.custom-input:required,
.foreign-use .input-file input.custom-input.error {
  border-color: #ee1100;
}

.foreign-use .upfile-list {
  margin-top: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0 12px;
}

.foreign-use .upfile-list > li {
  position: relative;
  margin-top: 24px;
  width: calc(33.333% - 8px);
  height: 90px;
  border-radius: 12px;
  text-align: center;
}

.foreign-use .upfile-list > li .uplpad-file {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  border: solid 1px #ebebeb;
  background: #666;
  overflow: hidden;
}

.foreign-use .upfile-list > li .uplpad-file > img {
  width: auto;
  height: 100%;
}

.foreign-use .upfile-list > li .file-delete {
  position: absolute;
  padding: 0;
  top: -12px;
  right: -12px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-color: transparent;
  border: none;
  font-size: 0px;
}

.foreign-use .objection-card {
  position: relative;
  margin-bottom: -30px;
  padding: 20px 20px 28px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #e5edf7;
  z-index: 0;
}

.foreign-use .objection-card img {
  position: absolute;
  top: calc(50% - 31px);
  left: 20px;
  width: 36px;
  height: 36px;
  -o-object-fit: contain;
     object-fit: contain;
}

.foreign-use .objection-card img.typeH {
  -webkit-transform: rotateZ(-90deg);
  transform: rotateZ(-90deg);
}

.foreign-use .objection-card img + .d-flex {
  padding-left: 44px;
  margin-bottom: 21px;
}

.foreign-use .objection-card img + .d-flex .card-label {
  font-size: 16px;
  line-height: 24px;
  color: #222;
  font-weight: 500;
  letter-spacing: -0.08px;
  max-width: 60%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.foreign-use .objection-card img + .d-flex em {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.07px;
  color: #666;
}

.foreign-use .objection-target-list .list-data-default li .state-msg {
  display: block;
  width: 100%;
}

.foreign-use .objection-target-list .list-data-default li .state-msg + .info {
  padding-left: 0;
  text-align: left;
}

.foreign-use .objection-target-list .list-data-default li .state-msg .flag {
  padding: 1px 4px;
}

.foreign-use .uploaded-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px;
  width: 100%;
  height: 56px;
  line-height: 56px;
  font-size: 16px;
  letter-spacing: -0.5px;
  font-weight: 500;
  border-radius: 10px;
  color: #999;
  background-color: #f3f3f3;
}

.foreign-use .list-data-default.foreign-list {
  padding: 0;
}

.foreign-use .list-data-default.foreign-list > li {
  padding: 24px 0;
  border-bottom: 1px solid #ebebeb;
}

.foreign-use .list-data-default.foreign-list > li a {
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.foreign-use .list-data-default.foreign-list > li > div {
  text-align: left;
}

.foreign-use .list-data-default.foreign-list > li .info-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 50%;
          flex: 1 50%;
  padding-right: 10px;
  word-break: break-all;
}

.foreign-use .list-data-default.foreign-list > li .info-text .objection-msg {
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 18px;
  color: #206cfe;
}

.foreign-use .list-data-default.foreign-list > li .info-text .name {
  display: block;
  padding-bottom: 4px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -Webkit-box-orient: vertical;
}

.foreign-use .list-data-default.foreign-list > li .info-text .price {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.foreign-use .list-data-default.foreign-list > li .info-text .price span {
  display: block;
  color: #222;
}

.foreign-use .list-data-default.foreign-list > li .info-text .price .reject > span {
  display: inline-block;
  color: #ee1100;
  text-decoration: line-through;
}

.foreign-use .list-data-default.foreign-list > li .info-text .price .reject-msg {
  font-size: 12px;
  line-height: 18px;
  color: #ee1100;
  font-weight: 400;
}

.foreign-use .list-data-default.foreign-list > li .date-text {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 14px;
  line-height: 18px;
  color: #666;
}

.foreign-use .list-data-default.foreign-list > li .state-msg {
  margin-top: 8px;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  text-align: right;
}

.foreign-use .list-data-default.foreign-list > li .state-msg .flag {
  padding: 3px 8px;
  height: 24px;
}

.foreign-use .list-data-default.foreign-list > li .state-msg .flag.flag-chk {
  background-color: #e2f2ff;
  color: #0f53d6 !important;
}

.foreign-use .list-data-default.foreign-list > li .state-msg .flag.flag-cancel {
  background-color: #ea7869;
}

.foreign-use .list-data-default.foreign-list > li .process-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 24px;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.foreign-use .list-data-default.foreign-list > li .process-list:before {
  content: "";
  display: block;
  position: absolute;
  left: 49%;
  top: 11px;
  width: calc(100% - 21px);
  height: 1px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, #bbb), color-stop(0%, rgba(187, 187, 187, 0)));
  background-image: linear-gradient(to right, #bbb 33%, rgba(187, 187, 187, 0) 0%);
  background-position: bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.foreign-use .list-data-default.foreign-list > li .process-list .process-item {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 0;
}

.foreign-use .list-data-default.foreign-list > li .process-list .process-item .process-text {
  display: block;
  text-align: center;
  margin-top: 6px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.5px;
  color: #666;
}

.foreign-use .list-data-default.foreign-list > li .process-list .process-item .process-status {
  position: relative;
  z-index: 1;
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #e6e6e6;
  text-align: center;
}

.foreign-use .list-data-default.foreign-list > li .process-list .process-item .process-status span {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
}

.foreign-use .list-data-default.foreign-list > li .process-list .process-item .process-status em {
  position: absolute;
  top: 15px;
  left: 11px;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
}

.foreign-use .list-data-default.foreign-list > li .process-list .process-item .process-status em::before, .foreign-use .list-data-default.foreign-list > li .process-list .process-item .process-status em::after {
  content: '';
  display: block;
  position: absolute;
  background-color: #ddd;
}

.foreign-use .list-data-default.foreign-list > li .process-list .process-item .process-status em::before {
  top: -6px;
  left: -1px;
  width: 2px;
  height: 6px;
  border-radius: 2px 2px 0 0;
}

.foreign-use .list-data-default.foreign-list > li .process-list .process-item .process-status em::after {
  bottom: 0;
  left: 0;
  width: 10px;
  height: 2px;
  border-radius: 0 2px 2px 0;
}

.foreign-use .list-data-default.foreign-list > li .process-list .process-item .process-status.complete em::before,
.foreign-use .list-data-default.foreign-list > li .process-list .process-item .process-status.complete em::after {
  background-color: #206cfe;
}

.foreign-use .list-data-default.foreign-list > li .process-list .process-item .process-status.stay {
  border-color: #206cfe;
  background: #206cfe;
}

.foreign-use .list-data-default.foreign-list > li .process-list .process-item .process-status.stay em::before,
.foreign-use .list-data-default.foreign-list > li .process-list .process-item .process-status.stay em::after {
  background-color: #fff;
}

.foreign-use .list-data-default.foreign-list > li .process-list .process-item .process-status.stay + .process-text {
  font-weight: 500;
  color: #206cfe;
}

.foreign-use .list-data-default.foreign-list > li .process-list .flag {
  margin-top: 4px;
  padding: 3px 8px;
  height: 24px;
}

.foreign-use .list-data-default.foreign-list > li .process-list .flag.flag-win {
  background-color: #64caaa;
}

.foreign-use .list-data-default.foreign-list > li .process-list .flag.flag-lose {
  background-color: #f3f3f3;
  color: #666 !important;
}

.foreign-use .no-result {
  text-align: center;
  padding: calc(31%) 0;
}

.foreign-use .no-result .ico_empty {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-size: contain;
  vertical-align: top;
  width: 4.8rem;
  height: 4.8rem;
  background-image: url(/webapp/v2/web/locapay/assets/images/icon_empty.png);
}

.foreign-use .byte-unit.is-active span {
  color: #0f53d6;
}

.tab-list-wrap .tab-round.tab-list.round-st02 > .tab-button {
  margin-left: 6px;
  height: 40px;
  line-height: 40px;
  border-radius: 24px;
  border: 1px solid #ddd;
  color: #666;
}

.tab-list-wrap .tab-round.tab-list.round-st02 > .tab-button:first-child {
  margin-left: 0;
}

.tab-list-wrap .tab-round.tab-list.round-st02 > .tab-button.is-active {
  background-color: #fff;
  border: 1px solid #206cfe;
  color: #206cfe;
  font-weight: 500;
}

.tab-list-wrap .tab-round.tab-list.round-st02 .tab-button:last-of-type:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -24px;
  width: 24px;
  height: 100%;
}

@media screen and (max-width: 320px) {
  .foreign-use .foreign-info .custom-banner > a.type-img3 .custom-banner-cont {
    width: calc(100% - 103px);
  }
  .foreign-use .foreign-info .custom-banner > a.type-img3 .custom-banner-img {
    bottom: 50%;
    margin-bottom: -51.5px;
  }
}

.ic-card-pop .popup-header .popup-title {
  padding-left: 24px;
  text-align: left;
  font-weight: 700;
}

.ic-card-pop .text-info-wrap .title {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
}

@media screen and (max-width: 350px) {
  .foreign-use .foreign-list-area .input-list-check.foreign-list .btn-select span {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.5px;
  }
  .foreign-use .upfile-list > li {
    width: calc(33.3% - 12px);
  }
}

.foreign-bottomchk .popup-content li {
  font-size: 16px;
  color: #222;
  line-height: 24px;
}

.foreign-bottomchk .bottomsheet > .popup-content {
  padding-bottom: 110px;
  max-height: calc(100vh - 200px - var(--safe-top) - var(--safe-bottom));
}

.foreign-bottomchk .bottomsheet > .popup-footer {
  position: absolute;
  bottom: 0;
  padding-top: 24px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(255, 255, 255, 0)), color-stop(43%, #fff));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 6%, #fff 43%);
  background-color: transparent !important;
}

.popup-layer.popup-full .popup-content.foreign-use {
  padding-bottom: 120px;
}

.popup-layer.popup-full .popup-content.foreign-use + .popup-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(255, 255, 255, 0)), color-stop(43%, #fff));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 6%, #fff 43%);
  background-color: transparent !important;
  z-index: 25;
}

/* 케어별 색상 - 펫케어 */
.bg-f69784 {
  background-color: #f69784 !important;
}

.bg-d73e36 {
  background-color: #d73e36 !important;
}

/* 안심플러스 */
.bg-7cafc7 {
  background-color: #7cafc7 !important;
}

.bg-242058 {
  background-color: #242058 !important;
}

/* 240429 추가 */
.bg-bed72f {
  background-color: #bed72f !important;
}

.bg-008482 {
  background-color: #008482 !important;
}

.bg-83cece {
  background-color: #83cece !important;
}

.bg-f6f5f3 {
  background-color: #f6f5f3 !important;
}

.pt32 {
  padding-top: 32px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.text-24 {
  font-size: 24px !important;
  line-height: 36px;
  letter-spacing: -0.12px;
}

.text-c242058 {
  color: #242058;
}

.border-full.border-gray {
  background-color: #bbb;
}

.box-gray.type-f8 {
  padding: 20px 10px;
  border-radius: 12px;
  background-color: #f8f8f8;
}

.img-area-full {
  margin: 0 -24px;
}

.border-top {
  border-top: 1px solid #ebe7e4;
}

.text-green {
  color: #007881 !important;
}

.sub-header.fixed[class*=bg-]::after {
  background-color: inherit;
}

.sub-container.high-invol-wrap {
  background: #d5d0cb;
  padding-top: 0;
}

.sub-container.high-invol-wrap .accordion-wrap {
  background: #d5d0cb;
  border-color: #bbb;
}

.sub-container.high-invol-wrap .accordion-wrap.type-full .accordion .fold-head {
  font-size: 18px;
  letter-spacing: -0.09px;
  color: #222;
}

.sub-container.high-invol-wrap .accordion-wrap .accordion .fold-body {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.sub-container.high-invol-wrap .sure-check [class*=list] {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.08px;
}

.sub-container.high-invol-wrap .deliberation {
  background-color: #bbb;
}

.sub-container.high-invol-wrap .deliberation li {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.07px;
  color: #222;
}

.sub-container.high-invol-wrap + .sub-footer {
  background: none;
}

.sub-container.high-invol-wrap .top-visual-area {
  position: relative;
  margin: 0 -24px;
  padding: 34px 24px 0;
}

.sub-container.high-invol-wrap .top-visual-area .txt-area .tit {
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.sub-container.high-invol-wrap .top-visual-area .txt-area .txt {
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -0.09px;
  font-weight: 700;
}

.sub-container.high-invol-wrap .top-visual-area .img-area {
  margin: 0 -24px;
  text-align: right;
}

.sub-container.high-invol-wrap .top-visual-area .img-area img {
  max-width: 360px;
}

.sub-container.high-invol-wrap .top-visual-area .evt-link {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 13px 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  background-color: rgba(23, 22, 28, 0.6);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  z-index: 1;
}

.sub-container.high-invol-wrap .top-visual-area .evt-link::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 24px;
  margin-top: -5.5px;
  width: 12px;
  height: 12px;
  border: solid #fff;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.sub-container.high-invol-wrap .top-visual-area .evt-link .flag {
  padding: 3px 8px;
  margin-right: 6px;
  height: 24px;
  letter-spacing: -0.06px;
}

.sub-container.high-invol-wrap .top-visual-area .evt-link .txt {
  display: -webkit-box;
  width: calc(100% - 77px);
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  -webkit-line-clamp: 2;
  /* autoperfixer: off */
  -Webkit-box-orient: vertical;
  /* autoperfixer: on */
}

.sub-container.high-invol-wrap .high-invol-infoset {
  padding: 60px 0;
}

.sub-container.high-invol-wrap .high-invol-infoset.diff-area {
  margin: 0 -24px;
  padding: 60px 24px;
}

.sub-container.high-invol-wrap .high-invol-infoset .title-area {
  padding-bottom: 16px;
}

.sub-container.high-invol-wrap .high-invol-infoset .title-area .tit {
  padding-bottom: 16px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.09px;
  font-weight: 500;
  color: #242058;
}

.sub-container.high-invol-wrap .high-invol-infoset .title-area .sub-tit {
  display: block;
  font-size: 32px;
  line-height: 44px;
  letter-spacing: -0.16px;
  font-weight: 700;
}

/* 240429 추가 */
.sub-container.high-invol-wrap .high-invol-infoset .title-area .price-num {
  display: block;
  font-size: 58px;
  line-height: 60px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.sub-container.high-invol-wrap .high-invol-infoset .title-area .price-num span {
  display: inline-block;
  padding-left: 2px;
  font-size: 24px;
  line-height: 26px;
  letter-spacing: -0.12px;
  font-weight: 400;
}

.sub-container.high-invol-wrap .high-invol-infoset .title-area .info-txt {
  padding-top: 16px;
  font-size: 32px;
  line-height: 44px;
  letter-spacing: -0.16px;
  color: #242058;
}

.sub-container.high-invol-wrap .high-invol-infoset .pop-link {
  font-size: 16px;
  line-height: 18px;
  letter-spacing: -0.08px;
  text-decoration: underline;
  font-weight: 500;
}

.sub-container.high-invol-wrap .high-invol-infoset .img-area {
  padding-top: 60px;
}

.sub-container.high-invol-wrap .list-data-wrap .sub-title.title-depth3 {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.09px;
}

/* 고관여(오토/재테크) 롯데렌탈 단독특가(CSRUIUX-708) */
.sub-container.high-invol-wrap.bg-rental {
  background: #fff;
}

.sub-container.high-invol-wrap.bg-rental .accordion-wrap {
  background: #fff;
  border-color: #fff;
}

.sub-container.high-invol-wrap.bg-rental .deliberation {
  background-color: #f2f0ed;
}

.sub-container.high-invol-wrap.bg-rental .deliberation li {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.06px;
  color: #666666;
}

.sub-container .high-invol-rental .top-visual-rental {
  margin-left: -24px;
  margin-right: -24px;
  background: #98cae3;
}

.sub-container .high-invol-rental strong.info-strong {
  display: block;
  padding-left: 24px;
  padding-right: 24px;
  color: #222;
  font-size: 32px;
  line-height: 44px;
  letter-spacing: -1.6px;
}

.sub-container .high-invol-rental .info-text {
  padding-left: 24px;
  padding-right: 24px;
  color: #222;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -1px;
}

.sub-container .high-invol-rental .top-visual-rental .txt-area {
  padding: 24px 24px 0;
}

.sub-container .high-invol-rental .top-visual-rental .txt-area .tit {
  color: #222;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: -1.6px;
}

.sub-container .high-invol-rental .top-visual-rental .txt-area .txt {
  margin-top: 8px;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -1px;
}

.sub-container .high-invol-rental .top-visual-rental .img-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 28px -24px 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sub-container .high-invol-rental .top-visual-rental .img-area img {
  width: 100%;
  height: auto;
}

.sub-container .high-invol-rental .high-invol-rental-1 {
  position: relative;
  margin-left: -24px;
  margin-right: -24px;
  padding: 40px 0 36px;
  background: #f9fafb;
}

.sub-container .high-invol-rental .high-invol-rental-1 strong.info-strong {
  margin: 16px 0 40px;
  font-size: 28px;
  line-height: 40px;
}

.sub-container .high-invol-rental .high-invol-rental-1 .rental-summary {
  position: relative;
  margin: 16px 24px 0;
  padding: 54px 20px 24px;
  background: #fff;
  -webkit-box-shadow: 0 1px 20px 0 rgba(92, 99, 128, 0.14);
          box-shadow: 0 1px 20px 0 rgba(92, 99, 128, 0.14);
}

.sub-container .high-invol-rental .high-invol-rental-1 .rental-summary .summary-tag {
  position: absolute;
  left: 18px;
  top: 20px;
  width: 88px;
  height: 26px;
  background: #f54d00;
  border-radius: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
}

.sub-container .high-invol-rental .high-invol-rental-1 .rental-summary .img-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sub-container .high-invol-rental .high-invol-rental-1 .rental-summary .img-area img {
  width: 250px;
  height: 116px;
}

.sub-container .high-invol-rental .high-invol-rental-1 .rental-summary .img-area .summary-flag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotate(-23.85deg);
          transform: rotate(-23.85deg);
  position: absolute;
  right: 20px;
  top: 20px;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.68);
  border: 1px solid #3d7ab1;
  color: #3d7ab1;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  text-align: center;
}

.sub-container .high-invol-rental .high-invol-rental-1 .rental-summary .summary-tit {
  display: block;
  margin-top: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  word-break: keep-all;
  word-wrap: break-word;
}

.sub-container .high-invol-rental .high-invol-rental-1 .rental-summary .monthly {
  margin-top: 8px;
  color: #666;
  font-size: 16px;
  line-height: 24px;
}

.sub-container .high-invol-rental .high-invol-rental-1 .rental-summary .monthly strong {
  color: #3d7ab1;
  font-weight: 700;
}

.sub-container .high-invol-rental .high-invol-rental-1 .rental-summary .summary-desc {
  margin: 8px 10px 0 0;
  color: #999;
  font-size: 14px;
  line-height: 22px;
  word-break: keep-all;
  word-wrap: break-word;
}

.sub-container .high-invol-rental .high-invol-rental-2 {
  margin-left: -24px;
  margin-right: -24px;
  padding: 40px 0;
  background: #223f61;
}

.sub-container .high-invol-rental .high-invol-rental-2 h4.tit {
  padding: 0 24px;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper {
  margin-top: 40px;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide {
  padding: 0 24px;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-button-next, .sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-button-prev {
  top: 43px;
  right: 15px;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  color: #fff;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-button-prev {
  left: 15px;
  right: auto;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-button-next::after, .sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-button-prev::after {
  font-size: 14px;
  font-weight: 600;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-button-next::after {
  margin-left: 2px;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-button-prev::after {
  margin-right: 2px;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide .img-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide .img-area img {
  width: 250px;
  height: 116px;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide .detail-info {
  margin-top: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide .box-gray {
  margin: 40px 0 0;
  padding: 16px;
  background: #43638a;
  border-radius: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide .detail-table {
  margin-top: 36px;
  width: 100%;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide .detail-table thead th {
  padding: 12px 6px;
  min-height: 36px;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide .detail-table thead th > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  border-radius: 0;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  line-height: 36px;
  text-align: center;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide .detail-table thead th > span.monthly {
  background: #98cae3;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide .detail-table tbody th {
  min-height: 76px;
  padding: 12px 0 12px 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  vertical-align: top;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide .detail-table tbody th > span,
.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide .detail-table tbody td > span {
  margin-top: 8px;
  display: block;
  color: #f2f0ed;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide .detail-table tbody th.sub-th {
  min-height: none;
  padding: 12px 0 8px;
  border-bottom: 2px solid #d9d9d9;
  color: #fff;
  font-size: 16px;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide .detail-table tbody th.sub-th.sec {
  padding-top: 36px;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide .detail-table tbody td {
  min-height: 76px;
  padding: 12px 2px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
  vertical-align: top;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide .detail-table tbody td.monthly {
  color: #98cae3;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide .detail-table tbody td .list-hyphen li {
  margin-top: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide .detail-table tbody td .list-hyphen li + li {
  margin-top: 6px;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide .detail-table tbody td .list-hyphen li > ul > li {
  margin-top: 0;
}

.sub-container .high-invol-rental .high-invol-rental-3 {
  padding: 60px 24px;
  margin-left: -24px;
  width: 100vw;
  background-color: #f2f0ed;
}

.sub-container .high-invol-rental .high-invol-rental-3 * {
  color: #222;
}

.sub-container .high-invol-rental .high-invol-rental-3 h4.tit {
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
}

.sub-container .high-invol-rental .high-invol-rental-3 > dl > dt {
  margin-top: 24px;
  padding: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}

.sub-container .high-invol-rental .high-invol-rental-3 > dl > dd > dl > dt {
  margin-top: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.sub-container .high-invol-rental .high-invol-rental-3 dd .img-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 24px -24px 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.sub-container .high-invol-rental .high-invol-rental-3 dd .img-area img {
  width: 100%;
  max-width: 360px;
}

.sub-container .high-invol-rental .high-invol-rental-3 dd .list-hyphen li {
  margin-top: 8px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.sub-container .high-invol-rental .high-invol-rental-4 {
  position: relative;
  margin-left: -24px;
  margin-right: -24px;
  padding: 40px 0 20px;
  background: #f9fafb;
}

.sub-container .high-invol-rental .high-invol-rental-4 strong.info-strong {
  margin: 16px 0 40px;
  font-size: 28px;
  line-height: 40px;
}

.sub-container .high-invol-rental .high-invol-rental-4 ul.rental-benfit {
  margin: 24px 24px 0;
}

.sub-container .high-invol-rental .high-invol-rental-4 ul.rental-benfit li {
  position: relative;
  margin-top: 10px;
  padding: 20px 2px 24px;
  background: #fff;
  border-radius: 0;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
}

.sub-container .high-invol-rental .high-invol-rental-4 ul.rental-benfit li ~ li {
  padding-top: 25px;
}

.sub-container .high-invol-rental .high-invol-rental-4 ul.rental-benfit li ~ li::before {
  content: '';
  position: absolute;
  left: 50%;
  top: -26px;
  width: 32px;
  height: 32px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(/webapp/v2/web/assets/images/icon_rental_benfit_plus.png) 0 0 no-repeat;
  background-size: 100%;
}

.sub-container .high-invol-rental .high-invol-rental-4 ul.rental-benfit li > span {
  display: block;
  margin-bottom: 4px;
  color: #3d7ab1;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.sub-container .high-invol-rental .high-invol-rental-4 ul.rental-benfit li > p {
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.sub-container .high-invol-rental .border-full {
  margin-top: 0;
  background: #f6f5f3;
}

.sub-container .high-invol-rental .accordion .fold-body li {
  color: #666;
  font-size: 16px;
  line-height: 24px;
}

.sub-container .high-invol-rental .accordion .fold-body li .text-link {
  color: #007881;
}

.sub-container .high-invol-rental .accordion .fold-body li .text-link::before {
  background-color: #007881;
}

.sub-container .high-invol-rental .accordion .fold-body .box-gray {
  background: #bbb;
}

/* //고관여(오토/재테크) 롯데렌탈 단독특가(CSRUIUX-708) */
/* CSRUIUX-1115 롯데렌터카 신차장기렌터카 수정 */
.sub-container .high-invol-rental .high-invol-rental-5 {
  position: relative;
  margin-left: -24px;
  margin-right: -24px;
  padding: 60px 24px 41px;
  background: #f6f6f3;
}

.sub-container .high-invol-rental .high-invol-rental-5 .info-tit {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4;
}

.sub-container .high-invol-rental .high-invol-rental-5 .info-txt {
  font-size: 18px;
  color: #666666;
  margin-top: 8px;
  line-height: 1.4;
}

.sub-container .high-invol-rental .high-invol-rental-5 .list1 {
  color: #999999;
  margin-top: 8px;
  line-height: 1.4;
}

.sub-container .high-invol-rental .high-invol-rental-5 .box-area {
  margin-top: 60px;
  text-align: center;
}

.sub-container .high-invol-rental .high-invol-rental-5 .box-area .img {
  width: 100%;
  max-width: 312px;
}

.sub-container .high-invol-rental .high-invol-rental-5 .img-area {
  text-align: center;
  margin-top: 10px;
}

.sub-container .high-invol-rental .high-invol-rental-5 .img-area .img {
  max-width: 230px;
}

.sub-container .high-invol-rental .high-invol-rental-5 .txt-car {
  text-align: center;
  color: #999999;
  font-size: 14px;
}

.high-invol-wrap .line {
  height: 1px;
  background: #ebe7e4;
  margin-top: 24px;
  margin-bottom: 24px;
}

/* UIUX-4838 롯데렌탈 마이카 브릿지 페이지 수정 요청의 건 */
.sub-container .high-invol-rental .top-visual-rental.rental-mod-2507 {
  background: #f2f0ed;
}

.sub-container .high-invol-rental .top-visual-rental.rental-mod-2507 .txt-area {
  padding: 40px 24px 0;
}

.sub-container .high-invol-rental .top-visual-rental.rental-mod-2507 .txt-area .logo {
  width: 184px;
}

.sub-container .high-invol-rental .top-visual-rental.rental-mod-2507 .txt-area .logo img {
  width: 100%;
}

.sub-container .high-invol-rental .top-visual-rental.rental-mod-2507 .txt-area .tit {
  margin-top: 8px;
}

.sub-container .high-invol-rental .top-visual-rental.rental-mod-2507 .txt-area .tit .key-color {
  color: #00656d;
}

.sub-container .high-invol-rental .top-visual-rental.rental-mod-2507 .txt-area .txt {
  margin-top: 32px;
}

.sub-container .high-invol-rental .high-invol-rental-1.rental-mod-2507 {
  padding: 40px 0 15px;
}

.sub-container .high-invol-rental .high-invol-rental-1.rental-mod-2507 strong.info-strong {
  margin: 0 0 8px;
  font-size: 28px;
  line-height: 40px;
}

.sub-container .high-invol-rental .high-invol-rental-1.rental-mod-2507 .txt {
  margin-bottom: 8px;
  padding-left: 24px;
  padding-right: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.sub-container .high-invol-rental .high-invol-rental-1.rental-mod-2507 .carinfo-swiper {
  padding-bottom: 45px;
}

.sub-container .high-invol-rental .high-invol-rental-1.rental-mod-2507 .carinfo-swiper.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0;
}

.sub-container .high-invol-rental .high-invol-rental-1.rental-mod-2507 .carinfo-swiper.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
}

.sub-container .high-invol-rental .high-invol-rental-1.rental-mod-2507 .swiper-pagination-bullet,
.sub-container .high-invol-rental .high-invol-rental-1.rental-mod-2507 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  position: relative;
  width: 15px;
  height: 24px;
  opacity: 1;
  background: transparent;
}

.sub-container .high-invol-rental .high-invol-rental-1.rental-mod-2507 .swiper-pagination-bullet::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 50%;
  background: #d5cfc9;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.sub-container .high-invol-rental .high-invol-rental-1.rental-mod-2507 .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background: #222;
}

.sub-container .high-invol-rental .high-invol-rental-1.rental-mod-2507 .rental-summary .img-area .summary-flag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotate(-23.85deg);
          transform: rotate(-23.85deg);
  position: absolute;
  right: 20px;
  top: 20px;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  background: linear-gradient(144deg, #e2f5f5 15%, #93d8d8 61%), linear-gradient(to bottom, #fff, #fff);
  border: none;
  color: #00656d;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  text-align: center;
}

.sub-container .high-invol-rental .high-invol-rental-5 .rental-tip {
  margin-bottom: 60px;
}

.sub-container .high-invol-rental .high-invol-rental-5 .rental-tip p {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sub-container .high-invol-rental .high-invol-rental-5 .rental-tip p .txt-tip,
.sub-container .high-invol-rental .high-invol-rental-5 .rental-tip p strong {
  font-weight: 700;
}

.sub-container .high-invol-rental .high-invol-rental-5 .rental-tip .img-area {
  margin-top: 24px;
}

.sub-container .high-invol-rental .high-invol-rental-2 .detail-swiper .swiper-slide .desc-info {
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
}

.sub-container .high-invol-rental .high-invol-rental-3 dd .list-hyphen li .list-required li {
  margin-top: 8px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

/* //UIUX-4838 롯데렌탈 마이카 브릿지 페이지 수정 요청의 건 */
/* 240719 케어 리뉴얼 : CSRUIUX-785 */
.sub-container.high-invol-wrap.type02 .accordion-wrap, .sub-container.high-invol-use .accordion-wrap {
  background: #fff;
  border-color: #ebe7e4;
}

.sub-container.high-invol-wrap.type02 .accordion-wrap.type-full .accordion .fold-head, .sub-container.high-invol-use .accordion-wrap.type-full .accordion .fold-head {
  min-height: 48px;
  font-size: 16px;
  letter-spacing: -0.08px;
  color: #222;
}

.sub-container.high-invol-wrap.type02 .accordion-wrap .accordion .fold-body, .sub-container.high-invol-use .accordion-wrap .accordion .fold-body {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.sub-container.high-invol-wrap.type02 .accordion-wrap .accordion .fold-body .list-dot, .sub-container.high-invol-use .accordion-wrap .accordion .fold-body .list-dot {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.sub-container.high-invol-wrap.type02 .list-data-wrap .sub-title.title-depth3, .sub-container.high-invol-use .list-data-wrap .sub-title.title-depth3 {
  font-weight: 500;
}

.sub-container.high-invol-wrap.type02 .border-full.border-gray, .sub-container.high-invol-use .border-full.border-gray {
  background-color: #f6f5f3;
}

.sub-container.high-invol-wrap.type02 .deliberation, .sub-container.high-invol-use .deliberation {
  background-color: #f2f0ed;
  border-radius: 0;
  padding: 20px;
}

.sub-container.high-invol-wrap.type02 .deliberation li, .sub-container.high-invol-use .deliberation li {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.06px;
  color: #666666;
}

.sub-container.high-invol-wrap.type02 {
  background: #fff;
  padding-top: 0;
}

.sub-container.high-invol-wrap.type02 .top-visual-area {
  padding-top: 40px;
  background: #f6f5f3;
}

.sub-container.high-invol-wrap.type02 .top-visual-area .txt-area .tit {
  font-weight: 400;
}

.sub-container.high-invol-wrap.type02 .top-visual-area .txt-area .txt {
  font-size: 28px;
  line-height: 40px;
  letter-spacing: -0.14px;
  font-weight: 700;
}

.sub-container.high-invol-wrap.type02 .high-invol-infoset .title-area {
  padding-bottom: 20px;
}

.sub-container.high-invol-wrap.type02 .high-invol-infoset .title-area .tit {
  padding-bottom: 8px;
  font-weight: 400;
  color: #666;
}

.sub-container.high-invol-wrap.type02 .high-invol-infoset .title-area .info-txt {
  padding: 8px 0;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.12px;
  color: #222;
}

.sub-container.high-invol-wrap.type02 .high-invol-infoset .pop-link {
  line-height: 24px;
  color: #625b4e;
}

.sub-container.high-invol-wrap.type02 .high-invol-infoset .img-area {
  padding-top: 60px;
  margin: 0 -24px;
}

.sub-container.high-invol-wrap.type02 .serviece-price {
  padding-top: 32px;
}

.sub-container.high-invol-wrap.type02 .serviece-price .title-area {
  padding-bottom: 16px;
}

.sub-container.high-invol-wrap.type02 .serviece-price li.list-items {
  position: relative;
  padding-left: 16px;
}

.sub-container.high-invol-wrap.type02 .serviece-price li.list-items > div::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 6px;
  width: 4px;
  height: 4px;
  background-color: #4c4637;
  border-radius: 50%;
}

.sub-container.high-invol-wrap.type02 .serviece-terms.link-box li a {
  padding: 12px 24px;
}

.sub-container.high-invol-wrap.type02 + .sub-footer {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(255, 255, 255, 0)), color-stop(43%, #fff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 6%, #fff 43%);
}

.sub-container.high-invol-use .sure-check [class*=list] {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.08px;
}

.sub-container.high-invol-use .sure-check [class*=list] .list-required > li {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.sub-container.high-invol-use .top-bnn {
  margin-top: -24px !important;
}

.sub-container.high-invol-use .bottom-bnn {
  margin-top: -8px !important;
}

/* UIUX-5117 마이카플러스 추가 */
.sub-container .high-invol-rental .high-invol-rental-6 {
  margin-left: -24px;
  margin-right: -24px;
  padding: 60px 24px 32px;
  background: #c3cac4;
}

.sub-container .high-invol-rental .high-invol-rental-6 .info-txt {
  padding-bottom: 16px;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.09px;
}

.sub-container .high-invol-rental .high-invol-rental-6 .info-tit {
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.14px;
}

.sub-container .high-invol-rental .high-invol-rental-6 .img-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 16px -24px;
}

.sub-container .high-invol-rental .high-invol-rental-6 .img-area img {
  max-width: 360px;
  width: 100%;
}

.sub-wrapper.has-footer-type1 .sub-container.digiloga-guide {
  padding-bottom: 132px;
  padding-bottom: calc(132px + var(--safe-bottom));
}

.sub-container.digiloga-guide {
  padding-top: 0;
  /* main end */
}

.sub-container.digiloga-guide.main {
  padding-bottom: 40px;
  padding-bottom: calc(40px + var(--safe-bottom));
  background-color: #f2f0ed;
}

.sub-container.digiloga-guide.main .title .tit {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.12px;
  color: #222;
}

.sub-container.digiloga-guide.main .title .txt {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  font-weight: 500;
}

.sub-container.digiloga-guide.main .slide-area {
  background-color: #fff;
  margin: 0 -24px;
  padding: 40px 24px 0;
}

.sub-container.digiloga-guide.main .slide-area .swiper-slide .title {
  text-align: center;
}

.sub-container.digiloga-guide.main .slide-area .swiper-slide .img {
  max-width: 312px;
  margin: 0 auto;
}

.sub-container.digiloga-guide.main .contents {
  padding-top: 40px;
}

.sub-container.digiloga-guide.main .contents .menu {
  padding-top: 32px;
}

.sub-container.digiloga-guide.main .contents .menu li {
  padding-top: 16px;
}

.sub-container.digiloga-guide.main .contents .menu li:first-child {
  padding-top: 0;
}

.sub-container.digiloga-guide.main .contents .menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sub-container.digiloga-guide.main .contents .menu li a strong {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.sub-container.digiloga-guide.main .contents .menu li a img {
  width: 72px;
}

.sub-container.digiloga-guide .top-area {
  margin: 0 -24px;
  padding: 40px 24px 20px;
  background-color: #f2f0ed;
  text-align: center;
}

.sub-container.digiloga-guide .top-area .tit {
  padding-bottom: 2px;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  letter-spacing: -0.12px;
}

.sub-container.digiloga-guide .top-area img {
  width: 126px;
}

.sub-container.digiloga-guide .top-area.type02 img {
  max-width: 262px;
  width: 100%;
}

.sub-container.digiloga-guide .box-gray {
  padding: 16px 20px;
  border-radius: 0;
  background-color: #f6f5f3;
}

.sub-container.digiloga-guide .btn.btn-primary {
  font-size: 18px;
  border-radius: 0;
  border-color: #5ddbdb;
  background-color: #5ddbdb;
  color: #222;
}

.sub-container.digiloga-guide hr.border-full {
  background: #f6f5f3;
}

.sub-container.digiloga-guide .accordion-wrap.border-in-bottom {
  padding: 0;
  border-top: 0;
}

.sub-container.digiloga-guide .accordion-wrap.border-in-bottom .accordion {
  padding: 0 24px;
  border-bottom: 1px solid #ebebeb;
}

.sub-container.digiloga-guide .accordion-wrap.border-in-bottom .accordion.is-active {
  border: 0;
}

.sub-container.digiloga-guide .accordion-wrap.border-in-bottom .accordion .check.fold-head {
  color: #222;
}

.sub-container.digiloga-guide .accordion-wrap.border-in-bottom .accordion .list-dot {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #666;
}

.sub-container.digiloga-guide .contents {
  padding-top: 32px;
}

.sub-container.digiloga-guide .contents .tit-area .txt {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.sub-container.digiloga-guide .contents .tit {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.09px;
  color: #007881;
}

.sub-container.digiloga-guide .contents .chat li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 32px;
}

.sub-container.digiloga-guide .contents .chat li .icon {
  margin-right: 12px;
  display: block;
  width: 24px;
  height: 24px;
  background: center / 100% no-repeat;
}

.sub-container.digiloga-guide .contents .chat li .icon.gpt {
  background-image: url("/webapp/v2/web/assets/images/appguide/icon_gpt.png");
}

.sub-container.digiloga-guide .contents .chat li .icon.user {
  background-image: url("/webapp/v2/web/assets/images/appguide/icon_user.png");
}

.sub-container.digiloga-guide .contents .chat li .chat_cont {
  width: calc(100% - 36px);
}

.sub-container.digiloga-guide .contents .chat li .chat_cont strong.qst {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.sub-container.digiloga-guide .contents .chat li .chat_cont .answer p {
  padding-top: 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.sub-container.digiloga-guide .contents .chat li .chat_cont .detail {
  padding-top: 32px;
}

.sub-container.digiloga-guide .contents .chat li .chat_cont .detail .tit {
  margin-bottom: 12px;
}

.sub-container.digiloga-guide .contents .chat li .chat_cont .detail .cont dl {
  padding-top: 24px;
}

.sub-container.digiloga-guide .contents .chat li .chat_cont .detail .cont dl:first-child {
  padding-top: 0;
}

.sub-container.digiloga-guide .contents .chat li .chat_cont .detail .cont dl dt {
  position: relative;
  padding-left: 8px;
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.sub-container.digiloga-guide .contents .chat li .chat_cont .detail .cont dl dt::before {
  content: '';
  position: absolute;
  left: 0;
  background: #222;
  top: 11px;
  width: 2px;
  height: 2px;
}

.sub-container.digiloga-guide .contents .chat li .chat_cont .detail .cont dl dd {
  position: relative;
  margin-left: 8px;
  padding-left: 8px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.sub-container.digiloga-guide .contents .chat li .chat_cont .detail .cont dl dd strong {
  font-weight: 700;
}

.sub-container.digiloga-guide .contents .chat li .chat_cont .detail .cont dl dd::before {
  content: '';
  position: absolute;
  left: 0;
  background: #222;
  top: 11px;
  width: 2px;
  height: 2px;
}

.sub-container.digiloga-guide .contents .box-gray.gpt-guide-txt {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.sub-container.digiloga-guide .contents .box-gray.gpt-guide-txt .icon-bell {
  display: inline-block;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
  background: url("/webapp/v2/web/assets/images/appguide/icon_bell.png") 0/100% no-repeat;
}

.sub-container.digiloga-guide .contents .cont-box {
  margin: 20px 0 32px;
  background-color: #f6f5f3;
}

.sub-container.digiloga-guide .contents .cont-box.type02 {
  padding: 24px;
}

.sub-container.digiloga-guide .contents .cont-box.type02 .cont-txt {
  padding: 0 0 15px;
}

.sub-container.digiloga-guide .contents .cont-box.img {
  padding: 24px 0;
}

.sub-container.digiloga-guide .contents .cont-box dl.cont-txt {
  padding: 20px 20px 24px;
}

.sub-container.digiloga-guide .contents .cont-box dl.cont-txt dt {
  padding-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.09px;
}

.sub-container.digiloga-guide .contents .cont-box dl.cont-txt dd {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.07px;
}

.sub-container.digiloga-guide .contents .cont-box .btn-area {
  padding: 24px 20px 20px;
}

.sub-container.digiloga-guide .contents .ordered-item {
  padding: 0 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.sub-container.digiloga-guide .contents .ordered-item .icon-wrap {
  margin-right: 16px;
}

.sub-container.digiloga-guide .contents .ordered-item .icon-wrap::before {
  display: none;
}

.sub-container.digiloga-guide .contents .ordered-item .icon-wrap .custom-icon {
  width: 40px;
  height: 40px;
}

.sub-container.digiloga-guide .contents .ordered-item .icon-wrap .custom-icon.icon-cal {
  background: url("/webapp/v2/web/assets/images/appguide/icon_calendar.png") center/100% no-repeat;
}

.sub-container.digiloga-guide .contents .ordered-item .icon-wrap .custom-icon.icon-money {
  background: url("/webapp/v2/web/assets/images/appguide/icon_money.png") center/100% no-repeat;
}

.sub-container.digiloga-guide .contents .ordered-item .icon-wrap .custom-icon.icon-money::before {
  display: none;
}

.sub-container.digiloga-guide .contents .ordered-item .guide-text__name {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.sub-container.digiloga-guide .contents .ordered-item .guide-text__name + * {
  margin-top: 4px;
}

.sub-container.digiloga-guide .contents .benefit-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  padding: 8px;
  background-color: #fff;
}

.sub-container.digiloga-guide .contents .benefit-list li:first-child {
  margin-top: 0;
}

.sub-container.digiloga-guide .contents .benefit-list li .icon {
  width: 74px;
  margin-right: 16px;
}

.sub-container.digiloga-guide .contents .benefit-list li .text {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.07px;
}

.sub-container.digiloga-guide .contents .benefit-list li .text strong {
  display: block;
  font-weight: 700;
}

.sub-container.digiloga-guide .contents .benefit-list li .text span {
  color: #666;
}

.sub-container.digiloga-guide .contents .benefit-list li .text > *:first-child {
  padding-bottom: 2px;
}

.sub-container.digiloga-guide .contents.mobility .cont-box .img-right {
  text-align: right;
}

.sub-container.digiloga-guide .contents.mobility .cont-box .img-right img {
  width: 160px;
}

.sub-container.digiloga-guide .contents.mobility .cont-box .btn-area .btn {
  height: 48px;
  font-weight: 500;
}

.sub-container.digiloga-guide .contents.mobility .mobility-list .tit-area {
  padding-bottom: 20px;
}

.sub-container.digiloga-guide .contents.mobility .mobility-list .tit-area .tit {
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 36px;
  color: #222;
}

.sub-container.digiloga-guide .contents.mobility .mobility-list .tit-area .txt {
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.sub-container.digiloga-guide .contents.mobility .mobility-list .list-area li {
  padding-top: 16px;
}

.sub-container.digiloga-guide .contents.mobility .mobility-list .list-area li:first-child {
  padding-top: 0px;
}

.sub-container.digiloga-guide .contents.mobility .mobility-list .list-area li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sub-container.digiloga-guide .contents.mobility .mobility-list .list-area li a .txt {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.sub-container.digiloga-guide .contents.mobility .mobility-list .list-area li a .txt strong {
  display: block;
  padding-bottom: 2px;
}

.sub-container.digiloga-guide .contents.mobility .mobility-list .list-area li a .img {
  width: 72px;
}

.sub-footer.digiloga-guide .btn {
  font-size: 18px;
  border-radius: 0;
  border-color: #5ddbdb;
  background-color: #5ddbdb;
  color: #222;
}

.bgBody-locapay-bf {
  background: #f6f5f3;
}

.bgBody-locapay-bf .sub-wrapper {
  background: #f6f5f3;
}

.bgBody-locapay-bf .locapay-benefit .benefit-coupon .round,
.bgBody-locapay-bf .locapay-benefit .benefit-coupon .round:before,
.bgBody-locapay-bf .locapay-benefit .benefit-coupon .round:after {
  display: none;
}

.locapay-bf-banner ~ .locapay-bf-banner {
  margin-top: 12px;
}

.locapay-bf-tocuh ~ .locapay-bf-etc {
  margin-top: 12px;
}

.locapay-benefit {
  margin-top: -15px;
}

.locapay-benefit .locapay-bf-title {
  margin-bottom: 32px;
  text-align: center;
}

.locapay-benefit .locapay-bf-title h3 {
  color: #222;
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
}

.locapay-benefit .locapay-bf-title h3 span.bf-title-desc {
  display: block;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}

.locapay-benefit .locapay-bf-tocuh .benefit-coupon {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.locapay-benefit .locapay-bf-tocuh .benefit-coupon .btn-wrap {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.locapay-benefit .locapay-bf-tocuh .benefit-coupon .info-flex .img-box img {
  border-radius: 16px;
}

.locapay-benefit .locapay-bf-tocuh .benefit-coupon .btn-wrap .btn.btn-sm.btn-round {
  min-width: 68px;
  padding: 2px 0 0 0;
  border: 1px solid #5ddbdb;
  background: #5ddbdb;
  font-size: 14px;
  font-weight: 500;
}

.locapay-benefit .locapay-bf-tocuh .benefit-coupon .btn-wrap .btn.btn-sm.btn-round.btn-sky-blue {
  background-color: #E2F5F5;
  border-color: #E2F5F5;
  color: #007881;
}

/* 신청완료 */
.locapay-benefit .locapay-bf-tocuh .benefit-coupon .btn-wrap .btn.btn-sm.btn-round:disabled {
  color: #b3c2c2 !important;
  background-color: #e2f5f5 !important;
  border: 1px solid #e2f5f5 !important;
}

.locapay-bf-etc .locapay-bf-banner {
  position: relative;
  padding: 20px;
  background: #fff;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.locapay-bf-etc .locapay-bf-banner .info-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.locapay-bf-etc .locapay-bf-banner .info-flex .info-box .tit {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.locapay-bf-etc .locapay-bf-banner .info-flex .info-box .tit + .text {
  margin-top: 4px;
}

.locapay-bf-etc .locapay-bf-banner .info-flex .info-box .text {
  display: block;
  color: #222;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-style: normal;
}

.locapay-bf-etc .locapay-bf-banner .info-flex .img-box {
  margin-left: 16px;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 16px;
}

.locapay-bf-etc .locapay-bf-banner .info-flex .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.locapay-bf-etc .locapay-bf-banner .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.locapay-bf-etc .locapay-bf-banner .btn-wrap .btn {
  min-width: 68px;
  margin-left: 16px;
  padding: 2px 0 0 0;
  border: 1px solid #5ddbdb;
  background: #5ddbdb;
  font-size: 14px;
  font-weight: 500;
}

.locapay-bf-etc .locapay-bf-banner .btn-wrap .btn.btn-sky-blue {
  background-color: #E2F5F5;
  border-color: #E2F5F5;
  color: #007881;
}

/* 신청완료 */
.locapay-bf-etc .locapay-bf-banner .btn-wrap .btn:disabled {
  color: #b3c2c2 !important;
  background-color: #e2f5f5 !important;
  border: 1px solid #e2f5f5 !important;
}

.locapay-bf-etc .locapay-bf-banner.text-color-white .info-flex .info-box .tit,
.locapay-bf-etc .locapay-bf-banner.text-color-white .info-flex .info-box .text {
  color: #fff;
}

.locapay-bf-etc .locapay-bf-banner.text-color-white .btn-wrap .btn.btn-coralblue {
  min-width: 68px;
  padding: 2px 0 0 0;
  border: 1px solid #5ddbdb;
  background: #5ddbdb;
  font-size: 14px;
  font-weight: 500;
}

.locapay-bf-etc .locapay-bf-banner.text-color-white .btn-wrap .btn.btn-coralblue.btn-sky-blue {
  background-color: #E2F5F5;
  border-color: #E2F5F5;
  color: #007881;
}

/* 신청완료 */
.locapay-bf-etc .locapay-bf-banner.text-color-white .btn-wrap .btn.btn-coralblue:disabled {
  color: #b3c2c2 !important;
  background-color: #e2f5f5 !important;
  border: 1px solid #e2f5f5 !important;
}

/* 2023-04-04 .eventNewstyle01 내용 추가 */
.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 dd .list-required > li::before {
  font-size: 16px;
  text-indent: -17px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 dd .list-dot li {
  font-size: 16px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 dd .list-asterisk > li {
  padding-left: 10px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 dd .list-required > li {
  padding-left: 17px;
}

/* //2023-04-04 .eventNewstyle01 내용 추가 */
/* 2023-04-04 이벤트 '응모했어요' 반팝업 작업으로 추가 */
.evt-custom-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 16px;
  margin-top: 24px;
  background-color: #f1f6ff;
}

.evt-custom-banner > .type-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 24px 20px;
}

.evt-custom-banner .custom-banner-cont {
  position: relative;
}

.evt-custom-banner .custom-banner-text {
  text-align: left;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
  color: #222;
  word-break: keep-all;
}

.evt-custom-banner .custom-banner-text.text-bold {
  line-height: 26px;
}

.evt-custom-banner .custom-banner-text + .custom-banner-text {
  margin-top: 2px;
}

.evt-custom-banner .btn.btn-round {
  white-space: nowrap;
  background-color: #206cfe;
  border: 1px solid #206cfe;
}

/* //2023-04-04 이벤트 '응모했어요' 반팝업 작업으로 추가 */
/* 2023-12-27 이벤트 상단 단순오브제 타입 추가 */
.sub-detail.eventDetail.event-vis-obj .detail-vis-obj {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: calc(262px + var(--safe-top));
  padding: calc(32px + var(--safe-top)) 56px 32px 24px;
}

.sub-detail.eventDetail.event-vis-obj .detail-vis-obj .img-obj {
  position: absolute;
  right: 24px;
  bottom: 24px;
  width: 142px;
  height: 142px;
}

.sub-detail.eventDetail.event-vis-obj .detail-vis-obj .img-obj img {
  width: 100%;
}

.sub-detail.eventDetail.event-vis-obj .detail-vis-obj .sub-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: #000;
}

.sub-detail.eventDetail.event-vis-obj .detail-vis-obj .sub-date {
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
  color: #222;
}

.sub-detail.eventDetail.event-vis-obj.white .detail-vis-obj .sub-title {
  color: #fff;
}

.sub-detail.eventDetail.event-vis-obj.white .detail-vis-obj .sub-date {
  color: #fff;
}

.sub-detail.eventDetail.event-vis-obj .detail-container {
  margin-top: calc(262px + var(--safe-top));
  padding-top: 32px;
  border-radius: 0;
}

.sub-detail.eventDetail.event-vis-obj .sub-header {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: -108px;
  height: 56px;
  opacity: 0;
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* //2023-12-27 이벤트 상단 단순오브제 타입 추가 */
/* event design text size up */
.sub-detail.eventDetail .detail-container .sub-header .sub-date {
  font-size: 16px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 dt {
  font-size: 18px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 dd {
  font-size: 16px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 dd .card-box-wrap dt {
  font-size: 16px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 .btn.btn-md {
  background-color: #206cfe;
  border-radius: 8px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 .btn.btn-border {
  background-color: #fff;
  border-color: #999;
  color: #222;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 .btn.btn-sm {
  font-size: 14px;
  width: 94px;
  padding-left: 10px;
  padding-right: 10px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 dd .event-card-wrap {
  padding: 20px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 dd .event-card-wrap > .event-info-desc {
  text-align: left;
  padding-left: 24px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 dd .event-card-wrap .event-info-desc dt {
  font-size: 16px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 dd .event-card-wrap .event-info-desc dd {
  font-size: 16px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 dd .event-info-desc dd .list-dot > li {
  font-size: 16px;
  margin-top: 4px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 .step-list li .text-info.has-icon b {
  font-size: 16px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 .step-list li span {
  font-size: 16px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 .card-box-wrap .btn.btn-border {
  height: 48px;
}

.sub-detail.eventDetail .sub-content dl.event-info.eventNewstyle01 .event-container {
  padding: 24px 20px 24px 20px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 dd .list-asterisk {
  font-size: 16px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 dd .list-required {
  font-size: 16px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 dd .list-hyphen {
  font-size: 16px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 dd .list-asterisk > li {
  font-size: 16px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 dd .list-required > li {
  font-size: 16px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 dd .list-hyphen > li {
  font-size: 16px;
}

/* 20250530 이벤트 응모 이력 확인 */
.box-gray.d-flex-between.ev-enter {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 24px;
}

.box-gray.d-flex-between.ev-enter .text-16 {
  font-weight: 500;
}

.box-gray.d-flex-between.ev-enter .text-link.icon-link::after {
  width: 8px;
  height: 8px;
  border-width: 2px 2px 0 0;
  line-height: 24px;
}

.ev-induce-area {
  background: #f6f5f3;
  margin: -15px -24px 0;
  padding-top: 40px;
}

.ev-induce-area h3 {
  padding: 0 24px;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.ev-induce-area h3 strong.d-block {
  margin-top: 8px;
  font-size: 28px;
  line-height: 40px;
}

.ev-induce-area .ev-induce-image {
  position: relative;
  height: 224px;
}

.ev-induce-area .ev-induce-image img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 312px;
  height: 224px;
}

/* //20250530 이벤트 응모 이력 확인 */
.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 .btn.btn-md {
  border-radius: 0;
  background-color: #5ddbdb;
  border-color: #5ddbdb;
  color: #222;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 .btn.btn-border {
  border-color: #999;
  background-color: #fff;
}

.sub-detail.eventDetail .sub-content dl.event-info .event-card-wrap {
  border-radius: 0;
}

.sub-detail.eventDetail .sub-content dl.event-info .border-wrap {
  border-radius: 0;
}

.prd-list-wrap .prd-list .has-icon .btn_apply {
  background-color: #5ddbdb !important;
  border-radius: 0 !important;
  border-color: #5ddbdb !important;
  color: #222 !important;
}

.selectbox .overcon {
  border-radius: 0;
}

.thumbnail-list li .thumb-img {
  border-radius: 0;
}

.selectbox .overcon ul a.on,
.selectbox .overcon ul a:focus-visible {
  color: #222;
}

.selectbox .overcon ul a.on::after,
.selectbox .overcon ul a:focus-visible:after {
  width: 28px;
  height: 28px;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 .btn.btn-sm {
  border-radius: 0;
}

.sub-detail.eventDetail .sub-content dl.event-info .box-gray {
  border-radius: 0;
}

.sub-detail.eventDetail .t_blue {
  color: #007881 !important;
}

.box-round-gray {
  border-radius: 16px;
  border: 1px solid #ebebeb;
  padding: 24px;
  letter-spacing: -7px;
  white-space: 0;
}

.box-round-gray > div {
  letter-spacing: 0;
}

.box-round-gray .img-box {
  display: inline-block;
  width: 48px;
  height: 48px;
  vertical-align: middle;
}

.box-round-gray .img-box img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.box-round-gray .text-box {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
}

.box-round-gray .text-box .emtxt01 {
  color: #1b67d4;
}

.box-round-gray .info-contents ~ .info-contents {
  margin-top: 24px;
}

/* 우리은행 고객확인서 아코디어 추가 */
.accordion-wrap.borderbox-2 .accordion {
  padding: 0 0px;
  border: 1px solid #ebebeb;
  border-radius: 10px;
}

.accordion-wrap.borderbox-2 .accordion + .accordion {
  margin-top: 20px;
}

.accordion-wrap.borderbox-2 .accordion .fold-head {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  padding: 20px 20px 20px 20px;
  min-height: auto;
}

.accordion-wrap.borderbox-2 .accordion .fold-head .btn-fold {
  top: 50%;
  margin-top: -23px;
  right: 10px;
}

.accordion-wrap.borderbox-2 .accordion .fold-head .hdtit {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.accordion-wrap.borderbox-2 .accordion .fold-head .btn-fold + .hdtit {
  padding-right: 30px;
}

.accordion-wrap.borderbox-2 .accordion .fold-body {
  padding: 0px !important;
  -webkit-transition-property: max-height, visibility, color;
  transition-property: max-height, visibility, color;
}

.accordion-wrap.borderbox-2 .accordion .fold-body .hdctn {
  padding: 20px;
}

.accordion-wrap.borderbox-2 .accordion.is-active .fold-head {
  padding-bottom: 19px;
  border-bottom: 1px solid #ebebeb;
}

.accordion-wrap.borderbox-2 .accordion.is-active .fold-body {
  padding: 0px !important;
}

.btn.btn-alert.bg-206cfe {
  background-color: #206cfe;
  border-color: #206cfe;
}

.custom-bottomsheet .bottomsheet > .popup-content.np-content01 {
  max-height: calc(100vh - var(--safe-top) - var(--safe-bottom));
}

/* 2024-01-02(popup-alert (#206cfe) Case ) */
.popup-layer.popup-alert.popup-alert-03-206cfe .popup-content {
  font-size: 16px;
}

.popup-layer.popup-alert.popup-alert-03-206cfe .popup-content p {
  line-height: 24px;
}

.popup-layer.popup-alert.popup-alert-03-206cfe .btn.btn-alert {
  height: 48px;
  font-size: 16px;
  border-radius: 10px;
}

.popup-layer.popup-alert.popup-alert-03-206cfe .popup-footer .btn-close {
  background-color: #206cfe;
  border: 1px solid #206cfe;
}

.popup-layer.popup-alert.popup-alert-03-206cfe .btn.btn-alert.btn-sm2 {
  height: 40px;
  border-radius: 8px;
  padding: 1px 15px 0;
}

/* //2024-01-02(popup-alert (#206cfe) Case ) */
/* 2024-01-02(CSRUIUX-590) */
.custom-bottomsheet .rp-auto-change-202401 .txt01 {
  position: relative;
  padding-bottom: 118px;
}

.custom-bottomsheet .rp-auto-change-202401 .txt01::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -62.5px;
  width: 125px;
  height: 96.5px;
  background: url(/webapp/v2/common/assets/images/life/img_life_card_auto_change.png) no-repeat 0 0;
  background-size: 125px auto;
}

.custom-bottomsheet .rp-auto-change-202401 .agr-view-box-border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
  margin: 22px 0 11px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 12px;
  border: 1px solid #ebebeb;
}

.custom-bottomsheet .rp-auto-change-202401 .agr-view-box-border .auto-agr-tit {
  color: #222;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

/* //2024-01-02(CSRUIUX-590) */
/* 2024-01-16(UIUX-3611) 고객센터 | 지정인 알림서비스 */
.customer-prot-noti {
  margin-top: 0;
}

.customer-prot-noti .page-sub-title {
  margin-bottom: 8px;
}

.customer-noti-step .step-tit {
  display: block;
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}

.customer-noti-step p {
  color: #666;
  font-size: 14px;
  line-height: 22px;
}

.customer-noti-step li {
  margin-top: 32px;
}

.customer-noti-step li:first-child {
  margin-top: 0;
}

.customer-noti-step .card-box-img {
  margin-top: 16px;
}

/* //2024-01-16(UIUX-3611) 고객센터 | 지정인 알림서비스 */
/* 메인 - 공지팝업 - 20250820 */
.popup-layer.popup-main-notice {
  background: transparent;
}

.popup-layer.popup-main-notice > .popup-content {
  padding: 0;
}

.popup-layer.popup-main-notice .text-modal .text-modal-header {
  margin: 0 24px;
  padding: 29px 0 20px;
  border-bottom: 1px solid #222;
}

.popup-layer.popup-main-notice .text-modal .text-modal-header h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #222;
  letter-spacing: -0.5px;
}

.popup-layer.popup-main-notice .text-modal .text-modal-content {
  padding: 16px 24px;
}

.popup-layer.popup-main-notice .text-modal .text-modal-content .notice-title-sub {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #222;
  letter-spacing: -0.5px;
}

.popup-layer.popup-main-notice .text-modal .text-modal-content .notice-text-sub {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #222;
  letter-spacing: -0.1px;
}

.popup-layer.popup-main-notice .image-modal .notice-modal-layer {
  text-align: center;
}

.popup-layer.popup-main-notice .btn-box {
  margin-top: 0;
}

.popup-layer.popup-main-notice .footer-main-notice {
  position: relative;
  padding: 16px 0 16px 16px;
  height: 56px;
}

.popup-layer.popup-main-notice .footer-main-notice .custom-checkbox.checkbox-md label,
.popup-layer.popup-main-notice .footer-main-notice .custom-checkbox.checkbox-md input[type=checkbox] + label {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #fff;
}

.popup-layer.popup-main-notice .footer-main-notice .btn-close {
  position: absolute;
  right: 4px;
  top: 4px;
  width: 48px;
  height: 48px;
  background: none;
  color: transparent;
  font-size: 1px;
  border: 0;
  cursor: pointer;
}

.popup-layer.popup-main-notice .footer-main-notice .btn-close::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 36px;
  height: 36px;
  background: url(/webapp/v2/common/assets/images/common/icons/icon-close-white.svg) no-repeat 0 0;
  background-size: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.popup-layer.popup-main-notice .content-main-notice {
  background: #fff;
}

.popup-layer.popup-main-notice .content-main-notice .notice-modal-layer {
  overflow-y: scroll;
  overflow-x: hidden;
  height: auto;
  min-height: 278px;
  max-height: calc(100vh - (var(--safe-bottom) + var(--safe-top) + 290px));
}

.popup-layer.popup-main-notice .text-modal .notice-modal-layer.individ .text-modal-header {
  margin: 0 24px;
  padding: 24px 0 8px;
  border-bottom: none;
}

.popup-layer.popup-main-notice .text-modal .notice-modal-layer.individ .text-modal-header h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #222;
  letter-spacing: -0.5px;
}

.popup-layer.popup-main-notice .text-modal .notice-modal-layer.individ .text-modal-content {
  padding: 0 24px 16px;
}

.popup-layer.popup-main-notice .text-modal .notice-modal-layer.individ .text-modal-content .box-individ {
  background: #f6f5f3;
  padding: 16px 12px 16px 12px;
  word-break: keep-all;
  word-wrap: break-word;
}

.popup-layer.popup-main-notice .text-modal .notice-modal-layer.individ .text-modal-content .box-individ p + p {
  margin-top: 12px;
}

.popup-layer.popup-main-notice .text-modal .notice-modal-layer.individ .text-modal-content .box-individ p.txt-green {
  padding-left: 10px;
  color: #007881;
  text-indent: -9px;
}

/* 메인 - full 공지팝업 */
.popup-layer.popup-full.popup-full-notice > .popup-content {
  padding: 0 24px;
}

/* 메인 - 공지팝업 - Html 탬플릿 */
.popup-layer.popup-main-notice .content-main-notice .html-modal .notice-modal-layer {
  padding: 24px;
  color: #666;
}

.popup-html-notice .key-color {
  color: #007881 !important;
}

.popup-html-notice .sub-title.title-depth3.title-small02 {
  margin-top: 24px;
}

.popup-html-notice .sub-title.title-depth3.title-small02:first-child,
.popup-html-notice .list-dot > li:first-child,
.popup-html-notice .list-asterisk > li:first-child {
  margin-top: 0;
}

.popup-html-notice .sub-title.title-depth3.title-small02 + .list-dot,
.popup-html-notice .sub-title.title-depth3.title-small02 + .text-guide,
.popup-html-notice .text-guide + .text-guide,
.popup-html-notice .text-guide + .list-dot,
.popup-html-notice .text-guide + .list-asterisk,
.popup-html-notice .list-dot + .list-asterisk,
.popup-html-notice .list-dot > li,
.popup-html-notice .list-asterisk > li {
  margin-top: 4px;
}

.popup-html-notice .list-dot.text-black > li::before {
  color: #222;
}

.popup-html-notice .list-dot.key-color > li::before {
  color: #007881;
}

.popup-html-notice .box-gray {
  margin-top: 24px;
  padding: 16px;
}

.popup-html-notice .box-gray .sub-title.title-depth3.title-small02 {
  margin-top: 20px;
}

.popup-html-notice .box-gray + .list-dot.list-dot-small {
  margin-top: 10px;
}

.popup-html-notice .sub-title.title-depth3.title-small02:first-child {
  margin-top: 0;
}

.popup-html-notice img.img-notice {
  margin-top: 8px;
}

.popup-html-notice img.img-notice + .list-dot,
.popup-html-notice img.img-notice + .text-guide,
.popup-html-notice img.img-notice + .list-asterisk {
  margin-top: 8px;
}

.popup-html-notice .list-dot + img.img-notice,
.popup-html-notice .text-guide.list-dot + img.img-notice,
.popup-html-notice .list-asterisk.list-dot + img.img-notice {
  margin-top: 20px;
}

.popup-html-notice .btn-box {
  margin-top: 26px;
}

.popup-html-notice .btn-box + .btn-box {
  margin-top: 12px;
}

.popup-html-notice .btn-box + .list-dot,
.popup-html-notice .btn-box + .list-asterisk {
  margin-top: 12px;
}

.popup-html-notice .box-gray .btn-box {
  margin-top: 12px;
}

.popup-html-notice .box-gray .btn-box + .btn-box {
  margin-top: 8px;
}

.popup-html-notice .btn.btn-arrow + .btn-arrow {
  margin-top: 0;
}

.popup-html-notice .btn.btn-arrow {
  padding: 1px 10px 0;
  text-align: center;
}

.popup-html-notice .btn.btn-arrow::after {
  position: static;
  display: inline-block;
  margin-left: 8px;
}

/* 3.0 style */
.btn.btn-sm {
  font-size: 14px;
  font-weight: 500;
  border-radius: 2px !important;
}

/* 즉시결제 리볼빙 추가 - 20250317 */
.box-revolving-apply {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: -12px 0 16px;
  background-color: #f6f5f3;
  border-radius: 0;
  padding: 16px;
}

.box-revolving-apply .revol-text {
  color: #666;
  font-size: 16px;
  line-height: 24px;
}

.money-moa-popup .popup-header {
  height: 64px;
}

.money-moa-popup .popup-header .popup-title {
  padding: 0 24px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: -0.09px;
  text-align: left;
  color: #222;
}

.money-moa-popup.popup-layer:not(.popup-full) > .popup-footer > .btn.btn-block {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  letter-spacing: -0.08px;
}

.money-moa-popup .money-slide {
  margin: 0 -24px;
}

.money-moa-popup .money-slide .swiper-wrapper {
  position: relative;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  padding: 15px 0;
}

.money-moa-popup .money-slide .swiper-slide {
  padding: 0 4px;
  width: auto;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.money-moa-popup .money-slide .swiper-slide:first-child {
  padding-left: 24px;
}

.money-moa-popup .money-slide .swiper-slide:nth-child(odd) {
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
  -webkit-animation-name: odd-slide;
          animation-name: odd-slide;
}

.money-moa-popup .money-slide .swiper-slide:nth-child(even) {
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
  -webkit-animation-name: even-slide;
          animation-name: even-slide;
}

.money-moa-popup .money-slide .swiper-slide img {
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
}

.money-moa-popup .ani-slide {
  position: relative;
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  -webkit-animation: ani-slide 40s linear infinite;
          animation: ani-slide 40s linear infinite;
}

.money-moa-popup .ani-slide .slide-item {
  position: relative;
  padding: 0 4px;
  width: auto;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.money-moa-popup .ani-slide .slide-item:first-child {
  padding-left: 24px;
}

.money-moa-popup .ani-slide .slide-item:nth-child(odd) {
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
  -webkit-animation: odd-slide 4s linear infinite;
          animation: odd-slide 4s linear infinite;
}

.money-moa-popup .ani-slide .slide-item:nth-child(even) {
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
  -webkit-animation: even-slide 4s linear infinite;
          animation: even-slide 4s linear infinite;
}

.money-moa-popup .ani-slide .slide-item img {
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
}

.money-moa-popup .store-list dt {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #222;
}

.money-moa-popup .store-list dt .icon-img {
  position: relative;
  margin-right: 8px;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}

.money-moa-popup .store-list dt .icon-img img {
  position: relative;
  width: 100%;
}

.money-moa-popup .store-list dt .icon-img::before {
  content: '';
  position: absolute;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ebe7e4;
  border-radius: inherit;
}

.money-moa-popup .store-list dt .txt {
  width: calc(100% - 56px);
}

.money-moa-popup .store-list dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.money-moa-popup .store-list dd .btn {
  min-width: 54px;
  height: 32px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.07px;
}

@-webkit-keyframes odd-slide {
  0%, 100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  50% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
}

@keyframes odd-slide {
  0%, 100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  50% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
}

@-webkit-keyframes even-slide {
  0%, 100% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  50% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

@keyframes even-slide {
  0%, 100% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  50% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

@-webkit-keyframes ani-slide {
  0% {
    -webkit-transform: translateX(-114px);
            transform: translateX(-114px);
  }
  100% {
    -webkit-transform: translateX(-1274px);
            transform: translateX(-1274px);
  }
}

@keyframes ani-slide {
  0% {
    -webkit-transform: translateX(-114px);
            transform: translateX(-114px);
  }
  100% {
    -webkit-transform: translateX(-1274px);
            transform: translateX(-1274px);
  }
}

/* 문자명세서 본인인증 - 2025-05-12 */
body.bg-full-f6f5f3, body.bg-full-f6f5f3 .sub-wrapper, body.bg-full-f6f5f3 .sub-wrapper .sub-header {
  background: #f6f5f3;
}

.sub-wrapper .sub-header .logo-loca.logo-text-center {
  width: 100%;
  margin: 16px 0 0 0;
  background: none;
  text-align: center;
}

.sub-wrapper .sub-header .logo-loca.logo-text-center img {
  width: 104px;
  height: 28px;
}

.sub-wrapper .sub-container .sub-wrapper .sub-container .message-certify.box-gray {
  margin-top: -52px;
}

.message-certify.box-gray {
  margin-top: 17px;
  padding: 40px 20px;
  background: #ebe7e4;
}

.message-certify.box-gray .message-text.text-center {
  font-size: 16px;
  line-height: 24px;
}

.message-certify.box-gray .message-text.text-center + .form-control-clear {
  margin-top: 16px;
}

.custom-banner.type-inbtn-shape2 a {
  padding: 6px 0;
}

.custom-banner.type-inbtn-shape2 .custom-banner-cont {
  margin-top: 8px;
}

.custom-banner.type-inbtn-shape2 .custom-banner-text {
  font-size: 16px !important;
  line-height: 24px !important;
  min-height: 24px;
}

.custom-banner.type-inbtn-shape2 > a.type-img1 .custom-banner-text {
  font-weight: 500;
}

.custom-banner.type-inbtn-shape2 span.btn {
  margin-top: 8px;
  min-width: 90px;
  font-size: 14px;
  line-height: 22px;
}

.custom-banner.type-inbtn-shape2 > a.type-img1 .custom-banner-img {
  bottom: auto;
  top: 0;
  width: 136px;
}

.btn.btn-md {
  font-size: 16px;
  font-weight: 500;
}

.btn.btn-sm {
  font-weight: 500;
}

/* //문자명세서 본인인증 - 2025-05-12 */
.popup-layer:not(.popup-full) > .popup-footer > .btn.btn-block.new-block {
  height: 48px;
  line-height: 47px;
  background-color: #206cfe;
  font-size: 16px;
  border-color: #206cfe;
}

.copy-text-wrap.welcome-message .sub-tit {
  margin-top: 7px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #666;
}

.box-container .card-box-title a.arr-none {
  padding-right: 0;
}

.box-container .card-box-title a.arr-none:after {
  display: none;
}

.text-link.text-blue.text-blue2 {
  color: #3674bc !important;
}

.text-link.text-blue.text-blue2::before {
  background-color: #3674bc;
}

.bubble-textbox-wrap.type02 .bubble-textbox {
  background: #3376F6;
}

.bubble-textbox-wrap.type02 .bubble-textbox::after {
  border-bottom: 6px solid #3376F6;
}

.bubble-textbox-wrap.type02.sm > .bubble-textbox.none-btn-close {
  padding: 3px 16px;
  line-height: 22px;
}

.flag.flag-coral2 {
  background: #ea7869;
}

.safe-plus > * {
  letter-spacing: -0.07px;
}

.safe-plus .shop-wrap > .copy-text-wrap.guide-msg {
  letter-spacing: -0.07px;
}

.safe-plus .shop-wrap .benefit-list > li div.flex .tit-name {
  letter-spacing: -0.06px;
}

.safe-plus .shop-wrap .benefit-list > li div.flex .tit-cost {
  letter-spacing: -0.08px;
}

.safe-plus .shop-wrap .benefit-list .text-link.text-blue {
  color: #3674bc !important;
}

.safe-plus .shop-wrap .benefit-list .text-link.text-blue::before {
  background-color: #3674bc;
}

.safe-plus .service-cost.join-info > .bt-btn + .btn-md,
.safe-plus .service-cost + .btn-md {
  height: 56px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.08px;
}

@media screen and (max-width: 330px) {
  .safe-plus .service-cost.join-info .data-list-view dd > .d-flex > .btn {
    top: 25px;
  }
}

.btn {
  color: #222;
  background-color: #ebe7e4;
  border: 1px solid #ebe7e4;
  border-radius: 0px !important;
}

.btn.btn-primary {
  border-color: #5ddbdb;
  background-color: #5ddbdb;
  color: #222;
}

.btn.btn-primary:active {
  background-color: #009095;
  border-color: #009095;
}

.btn.btn-primary:disabled {
  background-color: #e2f5f5;
  border-color: #e2f5f5;
}

.btn.btn-gray {
  color: #222;
  border-color: #d5cfc9;
  background-color: #fff;
}

.btn.btn-gray:active {
  background-color: #ede7e4;
  border-color: #222;
}

.btn.btn-sky-blue {
  color: #222;
  border-color: #ebe7e4;
  background-color: #ebe7e4;
}

.btn.btn-sky-blue:active {
  background-color: #c0b3a9;
  border-color: #c0b3a9;
}

.btn:active {
  background-color: #aaa39a;
  border-color: #aaa39a;
}

.btn.btn-border {
  color: #222;
  border-color: #d5cfc9;
  background-color: #fff;
}

.btn.btn-border:active {
  background-color: #ede7e4;
  border-color: #222;
}

.btn.btn-border:disabled, .btn.btn-border:disabled:active {
  border-color: #ebebeb;
  background-color: #fff;
  color: #bbb;
}

.btn.btn-border.light {
  font-weight: 500;
  border: 1px solid #ebebeb;
}

.btn.btn-border.gray {
  border-color: #bbb !important;
}

.btn.btn-border.bg-transparent {
  background-color: transparent;
  border-color: #fff;
  font-weight: 400;
  color: #fff;
}

.text-link {
  color: #007881;
}

.text-link:before {
  background-color: #007881;
}

.text-link:active {
  color: #035657;
}

.text-link:active:before {
  background-color: #035657;
}

.text-link:disabled {
  color: #b3c2c2;
}

.text-link:disabled:before {
  background-color: #b3c2c2;
}

.text-link.text-blue {
  color: #007881 !important;
}

.text-link.text-blue:before {
  background-color: #007881 !important;
}

.text-link.text-blue:active {
  color: #035657 !important;
}

.text-link.text-blue:active:before {
  background-color: #035657 !important;
}

.text-link.text-blue:disabled {
  color: #b3c2c2 !important;
}

.text-link.text-blue:disabled:before {
  background-color: #b3c2c2 !important;
}

.text-link.icon-link {
  color: #222;
}

.text-link.icon-link-up {
  color: #222;
}

.web-main.type-new .banner-appdown .bts .btn-appdown {
  background-color: #5ddbdb;
}

.web-main.type-new .main-appdown .download .btn {
  background-color: #5ddbdb;
}

.main-wrapper .main-header .btn-appdown {
  background-color: #5ddbdb;
}

.btn.btn-sm2 {
  border-radius: 0;
}

.btn.btn.btn-lg.btn-round {
  border-radius: 0;
}

.btn.btn-sm.btn-round {
  border-radius: 0;
}

.btn.btn-md.btn-round {
  border-radius: 0;
}

.btn.btn-xs.btn-round {
  border-radius: 0;
}

.btn.btn-alert.btn-round {
  border-radius: 0;
}

.text-link, .text-link.text-blue {
  color: #625b4e;
}

.text-link:before, .text-link.text-blue:before {
  background-color: #625b4e;
}

.input-date-wrap .label-date {
  border-radius: 0px;
}

input.custom-input {
  border-radius: 0px;
}

.input-unit {
  border-radius: 0px;
}

.btn-select {
  border-radius: 0px;
}

.selectbox .tit {
  border-radius: 0px;
}

.card-select .tit {
  border-radius: 0px;
}

.promotion-visual.type-visual-img ~ .anchor-list-wrap .anchor-list {
  margin-left: -24px;
  margin-right: -24px;
}

.recommend-info {
  border-radius: 0;
}

.recommend-info .footer {
  border-radius: 0;
}

.recommend-info .info .item i {
  border-radius: 0;
  background-color: #d5e1ff;
  color: #222;
}

.recommend-info .info .item div .text-blue {
  color: #007881 !important;
}

.re-starbucks .box-bor {
  border-radius: 0;
}

.box-bor > p .text-blue, .box-bor > div .text-blue {
  color: #007881 !important;
}

.benefit-card-list {
  background-color: #f2f0eb;
}

.custom-banner.type-frd {
  border-radius: 0;
}

.benefit-card-list .item > li {
  border-radius: 0;
}

.benefit-card-list .item > li .btn-area button {
  border-radius: 0;
}

.amount-wrap.amount-tooltip-button.re-starbucks .bubble-textbox-wrap .bubble-textbox {
  background-color: #222;
  border-radius: 0;
}

.amount-wrap.amount-tooltip-button.re-starbucks .bubble-textbox-wrap.sm > .bubble-textbox.none-btn-close {
  padding: 5px 16px;
}

.amount-wrap.amount-tooltip-button.re-starbucks .bubble-textbox-wrap .bubble-textbox::after {
  border-bottom: 6px solid #222;
}

.amount-wrap.amount-tooltip-button + .bubble-textbox-wrap .bubble-textbox {
  background-color: #222;
  border-radius: 0;
}

.amount-wrap.amount-tooltip-button + .bubble-textbox-wrap.sm > .bubble-textbox.none-btn-close {
  padding: 5px 16px;
}

.amount-wrap.amount-tooltip-button + .bubble-textbox-wrap .bubble-textbox::after {
  border-bottom: 6px solid #222;
}

.custom-banner.type-frd.type-nolink .color-3376f6 {
  color: #009095;
}

.accordion .check.fold-head {
  color: #222;
}

.custom-banner, .phase-2.custom-banner.type-box, .custom-banner.shadow, .custom-banner.shadow.phase-2 {
  border-radius: 0;
}

.custom-banner.type-box.phase-2 .btn.btn-round, .custom-banner .btn.btn-alert.btn-round, .custom-banner .btn.btn-round,
.custom-banner.type-box.phase-2 .btn.btn-alert.btn-round {
  border-radius: 0;
}

.btn-wrap-now .btn.btn-sm.btn-round {
  border-radius: 0;
}

.btn-wrap-now .btn.btn-sm {
  font-size: 14px;
}

.phase-2.custom-banner.shadow {
  -webkit-box-shadow: 0 0px 10px 0px rgba(109, 101, 96, 0.1);
          box-shadow: 0 0px 10px 0px rgba(109, 101, 96, 0.1);
}

.tooltip-pop.open .tooltip-box {
  border-radius: 0;
}

.tab-list-wrap .tab-box {
  border-radius: 0;
  padding: 4px;
  border: 0;
}

.tab-list-wrap .tab-box > li.is-active {
  border-radius: 0;
  color: #fff;
}

.tab-list-wrap .tab-box > li.is-active,
.phase-2.tab-list-wrap .tab-box > li.is-active {
  background-color: #007881;
  font-weight: 700;
}

.tab-list-wrap .tab-box > li ~ li:after {
  display: none;
}

.tab-list-wrap .tab-box > li {
  font-size: 16px;
}

.bubble-textbox-wrap .bubble-textbox {
  border-radius: 0;
}

.bubble-textbox-wrap .bubble-textbox > p {
  color: #fff !important;
}

.custom-checkbox.checkbox-md input[type=checkbox] + label::before,
.custom-checkbox.checkbox-lg input[type=checkbox] + label::before {
  border-radius: 0;
}

.phase-2.input-list-check .custom-checkbox.checkbox-md input[type=checkbox]:checked + label::before,
.phase-2.input-list-check .custom-checkbox.checkbox-lg input[type=checkbox]:checked + label::before {
  background-color: #222;
}

.box-gray dl.data-list dt, .box-gray dl.data-list dd {
  font-size: 16px;
}

.custom-bottomsheet.type-footer .data-list > dd {
  color: #222;
}

.form-wrap-content .sub-title > a.text-link {
  font-size: 16px;
}

.custom-bottomsheet.type-footer {
  border-radius: 0;
}

.text-blue.new-color {
  color: #222 !important;
}

.phase-2.input-list-check .input-unit {
  border-radius: 0;
}

.input-list-check > li .list-content label + .input-unit {
  height: 56px;
}

.phase-2.input-list-check .input-unit input.custom-input.text-14 {
  font-size: 16px !important;
}

.phase-2.input-list-check .input-unit .unit {
  font-size: 16px;
}

.accordion-wrap.input-list-check .accordion .fold-head .input-unit {
  height: 56px;
}

.accordion-wrap.input-list-check .accordion .fold-head .input-unit > input {
  font-size: 16px !important;
}

.accordion-wrap.input-list-check .accordion .fold-head .input-unit > .unit {
  font-size: 16px;
}

.custom-banner.type-box .btn.btn-alert.btn-border {
  border-color: #5ddbdb;
  background-color: #5ddbdb;
}

.custom-banner.type-box .btn.btn-alert.btn-border {
  font-size: 14px;
}

.bubble-textbox-wrap .bubble-textbox {
  background-color: #222;
}

.custom-checkbox.checkbox-border {
  border-radius: 0;
}

.custom-checkbox.checkbox-border.chkAll {
  border: 0;
  background-color: #ebe7e4;
}

.custom-checkbox.checkbox-border input[type=checkbox] + label:before {
  border-radius: 0;
}

.custom-checkbox.checkbox-border input[type=checkbox]:checked + label::before {
  background-color: #222;
}

.agreeChk-accodion-wrap {
  border-radius: 0;
  border: 1px solid #d5cfc9;
}

.agreeChk-accodion-wrap .agreeChk-accodion {
  border-top: 1px solid #d5cfc9;
}

.agreeChk-accodion-conts {
  background-color: #f6f5f3;
  border: 0px solid #d5cfc9;
}

.agreeChk-accodion-conts .text-link.text-blue {
  color: #625b4e !important;
}

.agreeChk-accodion-conts .text-link.text-blue:before {
  background-color: #625b4e !important;
}

.agreeChk-accodion-conts .btn-wrap .btn.btn-block.btn-sm2 {
  border-radius: 0;
}

.agreeChk-accodion-conts .btn-wrap .btn.btn-sm2 {
  height: 48px;
}

input.custom-input, input.custom-input:valid {
  border-color: #b7b1ab;
}

.card-select .overcon a:active::after, .selectbox.card-select .overcon a:active::after, .custom-bottomsheet .bottomsheet .overcon a:active::after {
  width: 26px;
  height: 26px;
  background-position: center center;
  top: calc(50%-13px);
}

.card-select .overcon a.on::after, .selectbox.card-select .overcon a.on::after, .custom-bottomsheet .bottomsheet .overcon a.on::after {
  width: 26px;
  height: 26px;
  background-position: center center;
  top: calc(50%-13px);
}

.account-select-wrap.my-account .my-account-list > li > a.on::after {
  width: 26px;
  height: 26px;
  background-position: center center;
  top: calc(50%-13px);
}

.btn.btn-alert {
  border-color: #5ddbdb;
  background-color: #5ddbdb;
  color: #222;
}

.custom-bottomsheet .bottomsheet {
  border-radius: 0;
}

.input-list-check > li .list-content .d-block.d-flex-between + .d-block.d-flex-between .checkbox-sm input[type=checkbox]:checked + label em::before, .input-list-check > li .list-content .d-block.d-flex-between + .d-block.d-flex-between .checkbox-sm input[type=checkbox]:checked + label em::after {
  background-color: #5ddbdb;
}

.btn.btn-sm.bg-206cfe {
  border-color: #5ddbdb !important;
  background-color: #5ddbdb !important;
  color: #222;
}

.toast-popup {
  border-radius: 0;
}

.step-bar > span {
  background-color: #222;
}

.lotteon_curation.cufit3rd.sub-container .cufit-list-wrap .cufit-anchor > li {
  border-radius: 0;
}

.lotteon_curation .sub-detail .top-visual-area .top-tag-area .tag-list-area > li > a {
  border-radius: 0;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-event-banner .event-content .event-btn {
  border-radius: 0;
  color: #fff !important;
}

.lotteon_curation .sub-detail .product-fl a .product-img {
  border-radius: 0;
  border: 0;
}

.box-gray.box-gray-rd10 {
  border-radius: 0;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-tag-area .sub-title, .lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-tag-area .main-title {
  color: #222;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .product-container.pink01 {
  background-color: #f6f5f3;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .to-bottom {
  background-color: #f54d00;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .calendar-check-area .check-cnt-area {
  border-radius: 0;
}

.funeral-service.promotion-wrap .box-container .product-list > li {
  border-radius: 0;
}

.funeral-service.promotion-visual .promotion-name .text {
  color: #007881;
}

.funeral-service.promotion-wrap .box-container .card-box-title {
  color: #007881;
}

.funeral-service.promotion-wrap .box-container .product-list > li .price-area .total-price {
  color: #007881;
}

.funeral-service.promotion-wrap .box-container .product-list > li .product-title + .price-area {
  position: relative;
}

.funeral-service.promotion-wrap .box-container .product-list > li .price-area .total-price {
  position: absolute;
  right: 0;
  top: -43px;
  font-size: 18px;
}

.lotteon_curation.cufit3rd.sub-container .sub-detail .top-visual-area .top-tag-area {
  background: #fdefdf;
}

.custom-bottomsheet .bottomsheet > .popup-header {
  border-radius: 0;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list a.on,
.custom-bottomsheet .bottomsheet > .popup-content ul.select-list a:focus-visible {
  color: #222;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list a.on::after,
.custom-bottomsheet .bottomsheet > .popup-content ul.select-list a:focus-visible::after {
  width: 26px;
  height: 26px;
  top: calc(50% - 13px);
  background-position: center center;
}

.LPCSTAA_V100 .faqList.toggleList > li > a .cate {
  color: #007881 !important;
}

.custom-radio.radio-btn input[type=radio]:checked + label {
  color: #222;
  font-weight: 700;
}

.custom-radio.radio-btn input[type=radio]:checked + label::before {
  border: 2px solid #222;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
}

.custom-radio.radio-btn input[type=radio] + label::before {
  border-radius: 0;
}

.sub-footer.has-data-field .list-data-default li > div:last-child {
  color: #222 !important;
}

.custom-checkbox.checkbox-md input[type=checkbox]:checked + label::before, .custom-checkbox.checkbox-lg input[type=checkbox]:checked + label::before {
  background-color: #222;
}

textarea.custom-textarea.textarea-round {
  border-radius: 0;
}

.custom-radio.radio-btn.radio-3674bc input[type=radio]:checked + label::before {
  border: 2px solid #222;
}

.custom-radio.radio-btn.radio-3674bc input[type=radio]:checked + label {
  color: #222;
}

.popup-layer {
  border-radius: 0;
}

.popup-layer .btn.btn-alert {
  border-radius: 0;
}

.popup-layer.popup-alert.popup-alert-02 .popup-footer .btn-close {
  border-color: #5ddbdb;
  background-color: #5ddbdb;
  color: #222;
  border-radius: 0;
  border-radius: 0 !important;
}

.popup-layer.popup-alert.popup-alert-02 .popup-footer .btn {
  border-radius: 0 !important;
}

.btn.btn-primary:disabled {
  color: #bbb;
}

.custom-textarea-wrap {
  border-radius: 0px;
  border-color: #D5CFC9;
}

.custom-textarea-wrap.is-active .custom-textarea.textarea-round + .byte-unit.is-active {
  border: 0px;
}

.sub-footer.has-data-field .list-data-default {
  border-radius: 0;
}

.byte-unit.is-active span {
  color: #007881;
}

.form-control .custom-textarea-wrap .custom-textarea.textarea-round + .byte-unit {
  border: 0px;
}

textarea.custom-textarea {
  border-color: #D5CFC9;
}

textarea.custom-textarea:required, textarea.custom-textarea.error {
  border-color: #ee1100 !important;
}

.form-control textarea.custom-textarea:active, .form-control textarea.custom-textarea:focus {
  border-color: #544944 !important;
}

.form-control .custom-textarea.textarea-round:focus {
  border-color: #D5CFC9;
}

.form-control .custom-textarea.textarea-round + .byte-unit {
  width: 100%;
  text-align: right;
  right: 0;
  padding-right: 18px;
  background-color: #fff;
  bottom: 0;
  border: 1px solid #D5CFC9;
  border-top: 0;
  padding-bottom: 16px;
}

.form-control textarea.custom-textarea:active + .byte-unit, .form-control textarea.custom-textarea:focus + .byte-unit {
  border-color: #544944 !important;
}

.form-control textarea.custom-textarea:required + .byte-unit, textarea.custom-textarea.error + .byte-unit {
  border-color: #ee1100 !important;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list li {
  position: relative;
  margin: 0px -24px;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list a {
  padding: 0px 24px;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list li a.on::before {
  content: '';
  position: absolute !important;
  top: 50%;
  left: 0;
  width: 100% !important;
  height: 56px !important;
  background: #f6f5f3;
  margin: 0 !important;
  margin-top: -28px !important;
  z-index: -1;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list a.on::after,
.custom-bottomsheet .bottomsheet > .popup-content ul.select-list a:focus-visible:after {
  right: 24px;
}

.accordion-wrap.type-button .accordion .text-link.icon-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 56px;
  padding: 0 40px 0 0;
  font-size: 16px;
  padding: 0 24px;
  font-weight: 500;
  color: #222 !important;
}

.accordion-wrap.type-button .accordion .text-link.icon-link::after, .accordion-wrap.type-button .accordion .text-link.icon-link::before {
  position: absolute;
  content: '';
  top: calc(50% + 2px);
  left: auto;
  right: 24px;
  width: 1px;
  height: 10px;
  background-color: #222;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.3, 1);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 3px;
}

.accordion-wrap.type-button .accordion .text-link.icon-link::before {
  top: 18px;
  right: 24px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.footer-wh hr.border-full {
  display: block;
}

.footer-wh .sub-footer {
  background: #fff !important;
}

.selectbox .overcon {
  border-radius: 0px !important;
}

.LPCSTAA_V100 .faqSel.tabCont .selectbox.type03 .tit {
  border-radius: 0px;
}

.d-flex-center {
  text-align: center;
}

.tab-list-wrap.tab-full {
  margin: 0 -24px !important;
}

.custom-checkbox.checkbox-sm input[type=checkbox]:checked + label em::before, .custom-checkbox.checkbox-sm input[type=checkbox]:checked + label em::after, .custom-checkbox.checkbox-sm input[type=radio]:checked + label em::before, .custom-checkbox.checkbox-sm input[type=radio]:checked + label em::after {
  background-color: #007881;
}

.utilbar .total em {
  color: #007881;
}

.custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=checkbox]:checked + label em::before, .custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=radio]:checked + label em::before {
  background-color: #007881;
}

.custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=checkbox]:checked + label em::after, .custom-radio-chk.radio-chk-sm.custom-radioChk-type1 input[type=radio]:checked + label em::after {
  background-color: #007881;
}

.agree-box-wrap .report-list .custom-checkbox.checkbox-sm input[type=checkbox]:checked + label em:before, .agree-box-wrap .report-list .custom-checkbox.checkbox-sm input[type=checkbox]:checked + label em:after {
  background-color: #007881;
}

.shadowbox.opacitybox {
  border-radius: 0;
}

.text-blue {
  color: #007881 !important;
}

.btn-plan-change {
  background-color: #000046;
}

input[type=range] {
  --progress: #5ddbdb;
}

.btn.btn-alert.btn-border.border-wh {
  background-color: #5ddbdb;
  border-color: #5ddbdb;
  color: #222;
}

.ul-table-wrap.partition .ul-table-thead {
  background-color: #f6f5f3;
  border-bottom: 1px solid #ebe7e4;
}

.ul-table-tr {
  border-top: 1px solid #ebe7e4;
}

.ul-table-thead .ul-table-cell + .ul-table-cell {
  border-left: 1px solid #ebe7e4;
}

.ul-table-tbody {
  background-color: #fff;
  border-bottom: 1px solid #ebe7e4;
}

.ul-table-tbody .ul-table-cell + .ul-table-cell {
  border-left: 1px solid #ebe7e4;
}

.ul-table-tbody .ul-table-tr:first-of-type {
  padding-top: 0;
}

.ul-table-tbody .ul-table-tr + .ul-table-tr {
  border-top: 1px solid #ebe7e4;
}

.bubble-textbox-wrap .bubble-textbox {
  background: #222;
}

.bubble-textbox-wrap .bubble-textbox::after {
  border-bottom: 6px solid #222;
}

.agree-box-wrap {
  border-radius: 0;
}

.agree-box-wrap .report-list > li > a {
  color: #625b4e;
}

.box-gray {
  border-radius: 0;
}

.custom-bottomsheet .bottomsheet > .popup-footer .text-link {
  color: #625b4e;
}

.custom-bottomsheet .bottomsheet > .popup-footer .text-link:before {
  background-color: #625b4e;
}

.info-message-box .message-text {
  font-size: 22px;
}

.info-message-box .message-text-gray {
  font-size: 16px;
}

.custom-banner > a.type-link .custom-banner-text {
  font-size: 18px;
  line-height: 24px;
}

.custom-banner > a.type-link .custom-banner-desc {
  font-size: 14px;
  line-height: 22px;
}

.flag.flag-blue {
  color: #222 !important;
  background-color: #dcdcac;
  border-radius: 0;
}

.border-box {
  border-radius: 0;
}

.my-banner-list .my-banner-list-item1 .my-banner-list-cont.type1 img {
  border-radius: 0;
}

.couponbox-wrapper.type-benefit .tab-list-wrap.tab-full {
  overflow-x: hidden;
}

.couponbox-wrapper.type-benefit .tab-list-wrap.tab-full .tab-list:not(.tab-block):not(.tab-round) {
  width: auto;
}

.couponbox-wrapper.type-benefit .tab-list-wrap.tab-full .tab-list:not(.tab-block):not(.tab-round) .tab-button {
  width: 50%;
  margin-left: 0;
}

.couponbox-wrapper.type-benefit .tab-list:not(.tab-block):not(.tab-round) .tab-button:last-of-type:after {
  height: 2px;
  bottom: 0;
  top: inherit;
}

input[type=range] {
  border-radius: 0;
}

input[type=range]::-webkit-slider-thumb {
  border: 0;
  height: 32px;
  width: 32px;
  cursor: pointer;
  margin-top: -14px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  background: initial;
  border: 1px solid #ebe7e4;
  background-color: #fff;
  border-radius: 16px;
}

.shadowbox.opacitybox {
  -webkit-box-shadow: initial;
          box-shadow: initial;
  border: 1px solid #ebe7e4;
}

.box-gray,
.box-gray.box-gray-pa20 {
  background-color: #f6f5f3;
}

.box-gray .message-text,
.box-gray.mt16 .message-text {
  text-align: center;
}

.flex-item-list.flex-row .text-blue {
  color: #222 !important;
}

.custom-banner .type-button {
  background-color: #f2f0ed;
}

.custom-banner .type-button .btn.btn-sm.btn-round {
  background-color: #5ddbdb;
  border-color: #5ddbdb;
  color: #222;
}

.custom-banner[style] {
  background-color: #f6f5f3;
}

.custom-banner[style] a.type-link {
  background-color: #f6f5f3;
}

.custom-banner > a.type-img2 .custom-banner-img {
  width: 100px;
  right: 20px;
}

.my-main-info.top-visu-mt15.my-vis-type01 {
  position: relative;
  padding-top: 15px;
  padding-bottom: 8px;
}

.my-main-info.top-visu-mt15.my-vis-type01 .my-main-text {
  position: relative;
  top: 0;
}

.my-main-info.top-visu-mt15.my-vis-type01 .my-main-img {
  position: relative;
  width: 100%;
  height: auto;
  text-align: right;
  margin-top: 8px;
  padding-bottom: 70px;
  -webkit-box-sizing: initial;
          box-sizing: initial;
}

.my-main-info.top-visu-mt15.my-vis-type01 .my-main-img img {
  max-width: 142px;
  height: auto;
  position: relative;
}

.my-main-info.top-visu-mt15.my-vis-type01 + .shadowbox.opacitybox {
  margin-top: -70px;
}

.my-main-info.top-visu-mt15.my-vis-type02 {
  position: relative;
  padding-top: 15px;
  padding-bottom: 78px;
}

.my-main-info.top-visu-mt15.my-vis-type02 .my-main-text {
  position: relative;
  top: 0;
}

.my-main-info.top-visu-mt15.my-vis-type02 .my-main-img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 142px;
  height: 142px;
}

.agreeChk-list-wrap, .flag, .h-address-box,
.register-info {
  border-radius: 0;
}

/* 폰트 컬러 */
.box-container .benefit-wrap .benefit-list p strong {
  color: #007881;
}

/* 팝업 타이틀 */
.popup-layer.left-tit > .popup-header {
  height: 64px;
}

.popup-layer.left-tit > .popup-header .popup-title {
  left: 24px;
  width: auto;
  padding: 0;
  font-size: 18px;
}

/* 팝업 버튼 */
.btn-box.btn-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: block;
}

.btn-box.btn-column:not([class*='col']) .btn {
  margin-left: 0;
}

.btn-box.btn-column button {
  font-size: 16px;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list li {
  position: relative;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list li a.on::before {
  content: '';
  position: fixed;
  width: 100vw;
  height: 54px;
  background: #f6f5f3;
  margin: 0 -24px;
  z-index: -1;
}

/* 탭메뉴 */
.promotion-visual.pt0 + .tab-list-wrap.tab-full .overflow-x {
  border-bottom: none;
}

/* 버튼 */
.info-text-box {
  width: 100%;
  border-radius: 0;
}

.b-radius-0 {
  border-radius: 0;
}

.box-container .benefit-wrap .benefit-list .benefit-list-btn {
  border: 0;
  border-radius: 0;
  background-color: #5ddbdb;
}

.custom-bottomsheet .bottomsheet > .popup-content ul.select-list a.on {
  color: #222;
}

.custom-icon img {
  width: 100%;
  height: 100%;
}

.custom-icon.icon-alert {
  background-image: url(/webapp/v2/common/assets/images/benefit/icons/iconsicon-bang.png);
}

.custom-icon.icon-alert2 {
  background: url(/webapp/v2/common/assets/images/benefit/icons/iconsicon-bang.png) no-repeat center;
  background-size: cover;
}

.icon-apply {
  background: url(/webapp/v2/common/assets/images/benefit/icons/iconsicon-apply.png) no-repeat center;
  background-size: cover;
}

.icon-none {
  background: url(/webapp/v2/common/assets/images/benefit/icons/icon-none.png) no-repeat center;
  background-size: cover;
}

.promotion-visual.type-voucher {
  background-color: #f6f5f3;
  margin: 0 -24px;
  padding: 40px 24px 0;
}

.promotion-visual.type-voucher .promotion-name {
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  top: 40px;
}

.promotion-visual.type-voucher .promotion-banner {
  margin: 0 -24px;
  text-align: right;
  height: 344px;
  background-image: none;
}

.promotion-visual.type-voucher .promotion-banner img {
  width: auto;
  height: 224px;
}

.bs-tab-nav.tab-list-wrap.tab-full .overflow-x {
  border: 0;
  padding: 16px 8px;
}

.bs-tab-nav .tab-list .tab-button {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -.07px;
  color: #81796e;
}

.bs-tab-nav .tab-list:not(.tab-block):not(.tab-round) .tab-button {
  padding: 9px 16px;
  margin: 0;
}

.tab-list-wrap.tab-full.bs-tab-nav .tab-list:not(.tab-block):not(.tab-round) .tab-button {
  border: 1px solid #d5cfc9;
  margin-left: 8px;
  font-size: 14px;
  color: #bbb;
}

.tab-list-wrap.tab-full.bs-tab-nav .tab-list:not(.tab-block):not(.tab-round) .tab-button.is-active {
  border: 0;
  background-color: #222;
  color: #fff;
}

.bs-tab-nav .tab-list:not(.tab-block):not(.tab-round) .tab-button:last-of-type:after {
  width: 8px;
  right: -8px;
}

/* CSRUIUX-1245 교육급여바우처 서비스 내 배너 노출(MO/PC) */
.promotion-wrap .banner-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  background-color: #fde25d;
  width: 100%;
  height: 100px;
}

.promotion-wrap .banner-area .banner-text-aera .banner-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #222;
  text-align: left;
}

.promotion-wrap .banner-area .banner-text-aera .arrow-txt {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #007881;
}

.promotion-wrap .banner-area .banner-text-aera .arrow-txt::after {
  top: calc(50% - -3px);
  width: 6px;
  height: 6px;
  border: solid #007881;
  border-width: 1px 1px 0 0;
}

.promotion-wrap .banner-area img {
  width: 80px;
  height: auto;
}

.promotion-wrap .banner-area > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sub-container.high-invol-wrap {
  background-color: #fff;
}

.sub-container.high-invol-wrap .border-full.border-gray {
  background-color: #f6f5f3;
}

.sub-container.high-invol-wrap .accordion-wrap {
  background: #fff !important;
  border-color: #ebe7e4 !important;
}

.diriving-care .sub-container.high-invol-wrap .top-visual-area.bg-242058 {
  background-color: #242058 !important;
}

.diriving-care .sub-container.high-invol-wrap .top-visual-area.bg-242058 .txt-area .tit.text-white {
  color: #fff !important;
}

.diriving-care .sub-container.high-invol-wrap .top-visual-area.bg-242058 .txt-area .txt.text-white {
  color: #fff !important;
}

.diriving-care .sub-container.high-invol-wrap {
  background: #fff !important;
}

.diriving-care .bg-bed72f {
  background: #fff !important;
}

.diriving-care .bg-242058 {
  background: #f6f5f3 !important;
}

.diriving-care .bg-242058 .text-white {
  color: #242058 !important;
}

.diriving-care .sub-container.high-invol-wrap .high-invol-infoset.diff-area.bg-bed72f.pt0 + div:not(.bg-bed72f) {
  background: #f6f5f3 !important;
}

.diriving-care .border-full.border-gray {
  background-color: #f6f5f3;
}

.diriving-care .sub-container.high-invol-wrap .accordion-wrap {
  background: #fff !important;
  border-color: #ebe7e4 !important;
}

.sub-container.high-invol-wrap .high-invol-infoset.diff-area.bg-83cece {
  background: #fff !important;
}

.high-invol-infoset.diff-area.bg-83cece.pt0 + div {
  background: #FFF !important;
}

.sub-container.high-invol-wrap .high-invol-infoset.diff-area.bg-008482 {
  background: #f6f5f3 !important;
}

.sub-container.high-invol-wrap .high-invol-infoset.diff-area.bg-008482 .text-white {
  color: #242058 !important;
}

.phoneCareMain .container-box.contents-area.skyblue {
  background-color: #fff !important;
}

.phoneCareMain .container-box.gray {
  background-color: #fff !important;
}

.phoneCareMain .container-box.list-area .box-gray {
  border-radius: 0px !important;
}

.phoneCareMain hr.border-full {
  background-color: #f6f5f3;
}

.travelPackMain .container-box.lime {
  background-color: #fff !important;
}

.travelPackMain .container-box.gray {
  background-color: #f6f5f3 !important;
}

.travelPackMain .container-box.gray.list-area {
  background-color: #fff !important;
}

.travelPackMain .container-box.navy.contents-area {
  background-color: #fff !important;
  color: #242058 !important;
}

.travelPackMain .container-box.list-area .box-gray {
  border-radius: 0px !important;
}

.travelPackMain .container-box.contents-area .benefit-container .go-benefit.txt-white {
  color: #242058;
}

.travelPackMain .container-box.gray.service-area {
  background-color: #fff !important;
}

.travelPackMain hr.border-full {
  background-color: #f6f5f3 !important;
}

.high-invol-infoset.diff-area.bg-242058.pt0 + div {
  background: #f6f5f3 !important;
}

.sub-container.high-invol-wrap .high-invol-infoset.diff-area.bg-7cafc7 {
  background-color: #f6f5f3 !important;
}

.sub-container.high-invol-wrap .high-invol-infoset.diff-area.bg-83cece {
  background: #fff !important;
}

.high-invol-infoset.diff-area.bg-83cece.pt0 + div {
  background: #FFF !important;
}

.livingCareMain .tab-list-wrap.tab-full .tab-list .tab-button.is-active {
  background-color: #f6f5f3 !important;
  color: #222 !important;
}

.livingCareMain .tab-list-wrap.tab-full .tab-list .tab-button {
  background-color: #fff !important;
  color: #666 !important;
}

.livingCareMain .container-box.gray {
  background-color: #fff !important;
}

.livingCareMain .container-box.red {
  background-color: #f6f5f3 !important;
}

.livingCareMain .container-box.contents-area .benefit-container .top-txt {
  color: #242058 !important;
}

.livingCareMain .container-box.contents-area .benefit-container .top-txt + .main-title {
  color: #242058 !important;
}

.livingCareMain .container-box.contents-area .benefit-container .service-list-area .service-list-tit {
  color: #242058 !important;
}

.livingCareMain .container-box.contents-area .benefit-container .service-list-area .service-list {
  background-color: #fff !important;
}

.livingCareMain hr.border-full {
  background-color: #f6f5f3 !important;
}

.livingCareMain .accordion-wrap {
  background: #fff !important;
  border-color: #ebe7e4 !important;
}

.livingCareMain .container-box.list-area .box-gray {
  border-radius: 0px !important;
}

/* CSRUIUX-925 TOUCH 버튼 CSS 수정 */
.benefit-coupon.type02 .btn-wrap .btn.type02 {
  min-width: 68px !important;
  background: #e2f5f5 !important;
  border-color: #e2f5f5 !important;
  color: #007881 !important;
  font-weight: 500;
}

.touch-wrapper-type02 .benefit-coupon .btn-wrap .btn.btn-sm.btn-round.btn-barcode {
  background: url(/webapp/v2/common/assets/images/benefit/barcord_btn_img.png) #e2f5f5 no-repeat center/24px !important;
  background-color: #e2f5f5 !important;
  border: 1px solid #e2f5f5 !important;
  font-size: 0 !important;
  color: transparent !important;
}

.foreign-use .foreign-navi .foreign-box {
  border-radius: 0;
}

.foreign-use .foreign-navi .foreign-box .foreign-box-tit {
  color: #222;
}

.tab-list-wrap .tab-round.tab-list.round-st02 > .tab-button {
  border-radius: 0;
  border: 1px solid #d5cfc9;
}

.tab-list-wrap .tab-round.tab-list.round-st02 > .tab-button.is-active {
  background-color: #222;
  color: #fff;
  border-color: #222;
}

.foreign-use .foreign-list-area .list-sort .text-link.icon-link-down.text-black {
  border: 0 !important;
  width: inherit !important;
}

.foreign-use .foreign-navi .foreign-box:first-of-type {
  background-color: #1d2571;
}

.foreign-use .foreign-navi .foreign-box:first-of-type a {
  color: #fff !important;
}

.foreign-use .foreign-navi .foreign-box:first-of-type .foreign-box-list a.text-link.icon-link:after {
  border-color: #fff;
}

.foreign-use .sub-title.title-depth2 {
  position: relative;
  padding-right: 74px;
  height: auto;
  padding-bottom: 40px;
}

.foreign-use .sub-title.title-depth2:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 74px;
  height: 74px;
  background-image: url(/webapp/v2/common/assets/images/my/foreign-icon00.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}

.foreign-use .foreign-info .accordion-wrap .accordion .fold-body .inner .btn-wrap .btn {
  border-radius: 0;
}

.box-container .card-box-title .title-badge {
  padding: 3px 8px;
  line-height: 18px;
  border-radius: 0;
  background-color: #007881;
}

.box-container .benefit-wrap .benefit-list {
  border-radius: 0;
}

.tab-content-wrap.study-vc-wrap .no-result.icon-nodata {
  position: relative;
  padding: 45% 0 40%;
  font-size: 16px;
  color: #666;
}

.tab-content-wrap.study-vc-wrap .no-result.icon-nodata::before {
  content: '';
  position: absolute;
  top: calc(50% - 60px);
  left: 50%;
  margin-left: -24px;
  width: 48px;
  height: 48px;
  background: url(/webapp/v2/common/assets/images/common/nodata.png) no-repeat center center;
  background-size: 48px 48px;
}

.sub-title.study-tit {
  margin-top: 40px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 0.11px;
  color: #222;
}

.custom-icon.icon-nodata.type2 {
  width: 72px;
  height: 72px;
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-nodata.png);
}

.text-link.icon-link-down.text-black {
  border: 1px solid #d5cfc9;
  display: block;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -.5px;
  font-weight: 500;
  padding-right: 28px;
  width: 100%;
  height: auto;
  padding: 12px 0;
}

.text-link.icon-link-down.text-black:after {
  margin-top: -7px;
  right: initial;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  top: 0;
  margin-left: 10px;
}

.tab-panel .box-gray.box-full {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.text-link.icon-link-down.icon-link-wide::after, .text-link.icon-link-down.icon-link-wide::before {
  display: none;
}

.eventNewstyle01 .custom-table th {
  background: #F6F5F3;
}

.eventNewstyle01 .custom-table th + th {
  border: 1px solid #EBE7E4;
}

.eventNewstyle01 .custom-table thead th {
  border: 1px solid #EBE7E4;
}

.eventNewstyle01 .custom-table td {
  border-top: 1px solid #EBE7E4;
}

.eventNewstyle01 .custom-table td + td {
  border-left: 1px solid #EBE7E4;
}

.sub-detail.eventDetail .detail-container .sub-content dl.event-info.eventNewstyle01 .btn.btn-md.type2 {
  background-color: #EBE7E4;
  border-color: #EBE7E4;
}

.text-point-type2 {
  color: #007881;
}

.banner-box {
  border-radius: 0;
}

.custom-icon.icon-complete-nodata {
  background-image: url(/webapp/v2/common/assets/images/common/icons/icon-complete-nodata.png);
}

.wbti-contents.wbti-main .wbti-main-footer .btn {
  margin-top: 24px;
  background: #5ddbdb !important;
  border: 1px solid #5ddbdb !important;
}

.point-box {
  border-radius: 0;
}

.bottom-banner {
  border-radius: 0;
}

.phase-2.p-title .custom-checkbox input[type=checkbox]:checked + label em::before, .phase-2.p-title .custom-checkbox input[type=checkbox]:checked + label em::after {
  background-color: #007881;
}

.custom-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 24px;
  height: 24px;
  background: transparent;
  border-radius: 0px;
  opacity: 1;
  margin: 0px !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.custom-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet::after {
  content: "";
  display: inline-block;
  width: .8rem;
  height: .8rem;
  background: #ffffff;
  border-radius: .8rem;
  border: solid 1px #222222;
}

.custom-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 24px;
  height: 24px;
  border-radius: 0;
  -webkit-transition: width .3s ease;
  transition: width .3s ease;
  background-color: transparent;
  border-radius: 0px;
}

.custom-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  width: 16px;
  background-color: #222222;
}

.lost-card-wrap .lost-card-con .custom-radio.radio-btn input[type=radio]:checked + label::before {
  border-color: #222;
}

.lost-card-wrap .lost-card-con .custom-radio.radio-btn input[type=radio]:checked + label {
  color: #222;
}

.custom-radio.list-block input[type=radio] + label {
  border-radius: 0;
}

.order-list-type1 li {
  border-radius: 0;
}

.evt-custom-banner,
.evt-custom-banner > .type-button {
  border-radius: 0;
}

.evt-custom-banner .btn.btn-round {
  background-color: #5ddbdb;
  border-color: #5ddbdb;
  color: #222;
}

.evt-custom-banner .btn.btn-round:active {
  background-color: #009095;
  border-color: #009095;
}

.subscribe-list a .subscribe-list-icon,
.subscribe-list a {
  border-radius: 0;
}

.lost-card-line {
  border-radius: 0;
}

.lost-card-line .custom-radio.radio-md input[type=radio]:checked + label::before {
  border-color: #222;
}

.lost-card-line .custom-radio.radio-md input[type=radio]:checked + label em::before {
  background-color: #222;
}

.hihomeCare.popup-alert .popup-footer .btn.btn-alert {
  border-color: #5ddbdb;
  background-color: #5ddbdb;
  color: #222;
}

.hihomeCare .item-chk-wrap .chk-item .item-cnt-area {
  border-radius: 0;
}

.hihomeCare + .custom-bottomsheet .bottomsheet > .popup-content ul.select-list a.on {
  color: #222 !important;
}

.hihomeCare + .custom-bottomsheet .bottomsheet > .popup-content ul.select-list a.on::after {
  background: url(/webapp/v2/common/assets/images/common/icons/icon-check.svg) no-repeat center/32px auto !important;
}

.hihomeCare .item-chk-wrap .chk-item .chk-item-head .custom-checkbox input[type=checkbox]:checked + label::before {
  background-color: #222;
}

.hihomeCare .popup-content .my-care-wrap .tab-content-wrap .reservation-wrap .tab-list-wrap .tab-round > .tab-button.is-active,
.hihomeCare .popup-content .reservation-list > li,
.hihomeCare .shop-wrap .revservation-list > li,
.hihomeCare .toast-popup,
.hihomeCare .shop-wrap .go-care-benefit,
.merbiz-info, .address-box .addr-subtitle em.label, .box-round-gray,
.hihomeCare .item-chk-wrap .chk-item, .agreeChk-accodion-box,
.hihomeCare .popup-content .reservation-info .reservation-table-wrap .custom-table-wrap,
.hihomeCare .popup-content .service-banner-wrap,
.hihomeCare .shop-wrap .go-care-benefit > a {
  border-radius: 0;
}

.hihomeCare .popup-content .reservation-info .form-wrap-content .form-content .btn,
.hihomeCare .shop-wrap .revservation-list > li .revserv-btn .btn-round {
  border-color: #5ddbdb;
  background-color: #5ddbdb;
  color: #222;
}

.tab-list-wrap .tab-round > .tab-button.is-active {
  background-color: #222;
}

.benefit-chkbox .text-link.icon-link-down.text-black {
  width: inherit;
  border: 0;
}

.touch-wrapper-type02 .benefit-coupon .btn-wrap .btn.btn-sm.btn-round.btn-coralblue {
  border-color: #5ddbdb;
  background-color: #5ddbdb;
  color: #222;
}

.touch-wrapper-type02 .benefit-coupon .btn-wrap .btn.btn-sm.btn-round.btn-sky-blue {
  background-color: #E2F5F5;
  border-color: #E2F5F5;
  color: #007881;
}

.touch-wrapper-type02 .benefit-coupon .btn-wrap .btn.btn-sm.btn-round.btn-barcode {
  background: url(/webapp/v2/common/assets/images/benefit/touch/barcord_btn_img.png) #e5edf7 no-repeat center/34px;
  background-color: #e2f5f5;
  border-color: #e2f5f5;
  color: transparent;
}

.locapay-bf-etc .locapay-bf-banner .info-flex .img-box {
  border-radius: 0;
}

.benefit-coupon.type02 .btn-wrap .btn {
  min-width: 68px;
}

.popup-layer.popup-full .tab-panel .box-gray.box-full {
  margin-left: -24px !important;
  margin-right: -24px !important;
  width: 100vw;
}

.benefit-coupon.type02 {
  border-radius: 0;
}

.benefit-coupon.type02 .border i:before, .benefit-coupon.type02 .border i:after {
  display: none;
}

.touch-wrapper-type02 .exhibition-list-wrap .btn-wrap .btn.btn-alert {
  border-color: #5ddbdb;
  background-color: #5ddbdb;
  color: #222;
}

.touch-wrapper-type02 .exhibition-list-wrap .btn-wrap .btn.btn-sky-blue.btn-alert,
.touch-wrapper-type02 .exhibition-list-wrap .btn-wrap .btn.btn-sky-blue {
  background-color: #E2F5F5;
  border-color: #E2F5F5;
  color: #007881;
}

.touch-wrapper-type02 .exhibition-list-wrap .exhibition-list-ul > li .btn.btn-sm.btn-round.btn-sky-blue {
  background-color: #E2F5F5;
  border-color: #E2F5F5;
  color: #007881;
}

.benefit-coupon.type02 .btn-wrap .btn.btn-coralblue,
.benefit-coupon.type02 .btn-wrap .btn.btn-alert {
  border-color: #5ddbdb;
  background-color: #5ddbdb;
  color: #222;
}

.benefit-coupon.type02 .btn-wrap .btn.btn.btn-sky-blue,
.benefit-coupon.type02 .btn-wrap .btn.btn-alert.btn-sky-blue {
  background-color: #E2F5F5;
  border-color: #E2F5F5;
  color: #007881;
}

.exhibition-list-ul .btn.btn-sm {
  min-width: 68px;
}

.btn.btn-sm.btn-round {
  padding: 2px 6px 0;
}

.tab-content-wrap.study-vc-wrap .no-result.icon-nodata {
  position: relative;
  padding-top: 45% 0 40%;
  font-size: 16px;
  color: #666;
}

.tab-content-wrap.study-vc-wrap .no-result.icon-nodata::before {
  content: '';
  position: absolute;
  top: calc(50% - 60px);
  left: 50%;
  margin-left: -24px;
  width: 48px;
  height: 48px;
  background: url(https://dimage.lottecard.co.kr/webapp/v2/common/assets/images/common/nodata.png) no-repeat center center;
  background-size: 48px 48px;
}

.sub-title.study-tit {
  margin-top: 40px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 0.11px;
  color: #222;
}

.custom-icon.icon-nodata.type2 {
  width: 72px;
  height: 72px;
  background-image: url(https://dimage.lottecard.co.kr/webapp/v2/common/assets/images/common/icons/icon-nodata.png);
}

.text-link.text-625b4e {
  color: #625b4e !important;
}

.text-link.text-625b4e::before {
  background-color: #625b4e !important;
}

/* 간격조절 */
.mt25 {
  margin-top: 25px;
}

.p24 {
  padding: 24px;
}

/* 폰트사이즈 */
.text-28 {
  font-size: 28px;
}

.text-22 {
  font-size: 22px;
}

.line-h-40 {
  line-height: 40px;
}

/* 박스 스타일 */
.plan-box-shadow {
  -webkit-box-shadow: 0 3px 26px 1px rgba(92, 99, 128, 0.16);
          box-shadow: 0 3px 26px 1px rgba(92, 99, 128, 0.16);
}

.plan-img-area img {
  width: auto;
  height: 142px;
}

/* CSRUIUX-1199 [기/디/퍼] 플랜할인 서비스 페이지 개선사항 */
.paln-discount-wrap {
  margin-top: -15px;
}

.paln-discount-wrap .plan-bg {
  position: relative;
  padding: 40px 24px;
  width: 100vw;
  height: 260px;
  margin-left: -24px;
  background-color: #f6f5f3;
}

.paln-discount-wrap .content {
  margin-top: -64px;
}

.paln-discount-wrap .content .plan-banner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  width: 100%;
  height: 114px;
  background-color: #d5cfc9;
}

.paln-discount-wrap .content .plan-banner .banner-txt {
  text-align: left;
}

.paln-discount-wrap .content .plan-banner .banner-txt .s-txt {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #222;
}

.paln-discount-wrap .content .plan-banner .banner-txt .s-txt + .l-txt {
  margin-top: 4px;
}

.paln-discount-wrap .content .plan-banner .banner-txt .l-txt {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.paln-discount-wrap .content .plan-banner .img-area {
  width: 74px;
  height: auto;
}

.paln-discount-wrap .content .plan-banner .img-area > img {
  width: 100%;
}

.paln-discount-wrap .content .plan-banner > a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.paln-discount-wrap .content .plan-banner + .plan-box-shadow {
  margin-top: 20px;
}

.paln-discount-wrap .plan-box-shadow {
  position: relative;
}

.paln-discount-wrap .plan-box-shadow .badge {
  position: absolute;
  top: 24px;
  left: 24px;
  padding: 7px 8px 5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.06px;
  text-align: center;
}

.paln-discount-wrap .plan-box-shadow .badge.using {
  background-color: #d4d8f0;
  color: #000046;
}

.debt-set.info > * {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  color: #666;
}

.debt-set.info .text-link.text-blue {
  font-size: 16px;
  letter-spacing: -0.08px;
}

.debt-set.info .sub-title.title-depth3 {
  margin-top: 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.09px;
  color: #222;
}

.debt-set.info .sub-title.title-depth3 + .title-depth4 {
  margin-top: 16px;
}

.debt-set.info .sub-title.title-depth4 {
  margin-top: 12px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.08px;
  color: #222;
}

.debt-set.info .debt-step-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  padding: 16px 20px;
  background: #f6f5f3;
}

.debt-set.info .debt-step-list li .step {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
  font-weight: 700;
  color: #222;
}

.debt-set.info .debt-step-list li .cont {
  width: calc(100% - 61px);
  margin-left: auto;
}

.debt-set.info .debt-step-list li .cont strong {
  display: block;
  margin-bottom: 8px;
  color: #222;
}

.debt-set.info .btn.btn-md {
  color: #222;
}

/* CSRUIUX-1282 티니카드 신청 신규 팝업 디자인 요청 */
.teeny2025Newapply.banner-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 88px;
  background-color: #f2f0ed;
}

.teeny2025Newapply.banner-area > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.teeny2025Newapply.banner-area .img-area {
  width: 92px;
}

.teeny2025Newapply.banner-area .img-area > img {
  width: 60px;
  height: auto;
}

.teeny2025Newapply.banner-area .txt-area {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  text-align: left;
  color: #222;
}

.teeny2025Newapply.banner-area::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 24px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.teeny2025Newapply .form-wrap-content .sub-title.title-depth4 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.teeny2025Newapply .form-wrap-content .form-content .form-control-clear .custom-input {
  position: relative;
  padding-left: 0;
  height: 48px;
  border: none;
  border-radius: 0;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #222;
}

.teeny2025Newapply .form-wrap-content .form-content .form-control-clear .custom-input::-webkit-input-placeholder {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #999;
}

.teeny2025Newapply .form-wrap-content .form-content .form-control-clear .custom-input:-ms-input-placeholder {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #999;
}

.teeny2025Newapply .form-wrap-content .form-content .form-control-clear .custom-input::-ms-input-placeholder {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #999;
}

.teeny2025Newapply .form-wrap-content .form-content .form-control-clear .custom-input::placeholder {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.09px;
  color: #999;
}

.teeny2025Newapply .form-wrap-content .form-content .form-control-clear::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #d5cfc9;
  z-index: 101;
}

.teeny2025Newapply .form-wrap-content .form-content .form-control-clear.is-active::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  background-color: #222;
  -webkit-box-shadow: 0 2px 8px 0 rgba(34, 34, 34, 0.24);
          box-shadow: 0 2px 8px 0 rgba(34, 34, 34, 0.24);
  outline: 0;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-property: border;
  transition-property: border;
  z-index: 101;
}

.teeny2025Newapply .form-wrap-content + .service-agree-txt {
  margin-top: 32px;
}

.teeny2025Newapply .service-agree-txt .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: #222;
}

.teeny2025Newapply .service-agree-txt .title + .desc-txt {
  margin-top: 4px;
}

.teeny2025Newapply .service-agree-txt .desc-txt {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #949494;
}

.teeny2025Newapply .service-agree-txt + .agreeList-wrap {
  margin-top: 20px;
}

.teeny2025Newapply .agreeList-wrap .agree-box + .agree-box {
  padding-top: 28px;
}

.teeny2025Newapply .agreeList-wrap .agree-box .agree-head {
  min-height: auto;
  padding: 0;
  border-radius: 0;
  border: none;
}

.teeny2025Newapply .agreeList-wrap .agree-box .agree-head .custom-checkbox input[type=checkbox] + label {
  font-weight: bold;
}

.teeny2025Newapply .agreeList-wrap .agree-box .agree-head + .agreeChk-cont-text {
  margin-top: 12px;
}

.teeny2025Newapply .agreeList-wrap .agree-box .agreeChk-cont-text {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.07px;
  color: #222;
}

.teeny2025Newapply .agreeList-wrap .agree-box .agree-inner {
  padding: 16px 8px 0;
}

.teeny2025Newapply .agreeList-wrap .agree-box .agree-inner .custom-checkbox + .custom-checkbox {
  margin-top: 16px;
}

.teeny2025Newapply .agreeList-wrap .custom-checkbox {
  width: 100%;
}

.teeny2025Newapply .agreeList-wrap .custom-checkbox .text-link {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.5px;
  color: #222;
}

.teeny2025Newapply .agreeList-wrap .custom-checkbox .text-link::before {
  bottom: 2px;
  background-color: #222;
}

.teeny2025Newapply .agreeList-wrap .custom-checkbox input[type=checkbox] + label {
  width: 100%;
  margin: 0 10px 0 36px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.teeny2025Newapply .agreeList-wrap .custom-checkbox input[type=checkbox] + label em {
  left: 24px;
}

.teeny2025Newapply .agreeList-wrap .custom-checkbox input[type=checkbox] + label em::before {
  top: -16px;
  left: -10px;
  width: 2px;
  height: 9px;
}

.teeny2025Newapply .agreeList-wrap .custom-checkbox input[type=checkbox] + label em::after {
  bottom: 6px;
  left: -10px;
  width: 16px;
  height: 2px;
}

.teeny2025Newapply .agreeList-wrap .custom-checkbox input[type=checkbox] + label em::before,
.teeny2025Newapply .agreeList-wrap .custom-checkbox input[type=checkbox] + label em::after {
  background-color: #d5cfc9;
}

.teeny2025Newapply .agreeList-wrap .custom-checkbox input[type=checkbox]:checked + label em::before,
.teeny2025Newapply .agreeList-wrap .custom-checkbox input[type=checkbox]:checked + label em::after {
  background-color: #222;
}

.teeny2025Newapply + .btn.btn-primary {
  margin-top: 24px;
}