@charset "UTF-8";
.c-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -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; }
  .c-flex__glow-6 {
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6; }
  .c-flex__glow-5 {
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5; }
  .c-flex__glow-4 {
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4; }
  .c-flex__glow-3 {
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3; }
  .c-flex__glow-2 {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2; }
  .c-flex__glow-1 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .c-flex__glow-0 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  .c-flex__self-center {
    -ms-flex-item-align: center;
        align-self: center; }
  .c-flex__self-end {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .c-flex__self-start {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .c-flex__self-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch; }
  .c-flex__shrink-3 {
    -ms-flex-negative: 3;
        flex-shrink: 3; }
  .c-flex__shrink-2 {
    -ms-flex-negative: 2;
        flex-shrink: 2; }
  .c-flex__shrink-1 {
    -ms-flex-negative: 1;
        flex-shrink: 1; }
  .c-flex__shrink-0 {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .c-flex--inline {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; }
  .c-flex--wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .c-flex--wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse; }
  .c-flex--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .c-flex--column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
  .c-flex--item-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .c-flex--item-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .c-flex--item-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .c-flex--item-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .c-flex--jfy-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .c-flex--jfy-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .c-flex--jfy-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .c-flex--jfy-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .c-flex--jfy-around {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .c-flex--between {
    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; }

/* reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: inherit;
  font: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font: inherit;
  vertical-align: baseline; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

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

a,
button {
  padding: 0;
  margin: 0;
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  line-height: inherit;
  -webkit-tap-highlight-color: transparent; }

label {
  cursor: pointer; }

b {
  font-weight: bold; }

input {
  padding: 0;
  border: 0;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  input:focus {
    outline: none; }
  input::ms-clear {
    display: none; }
  input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
            appearance: none; }
  input[type='number'], input[type='date'], input[type='time'] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield; }

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white  inset;
	box-shadow: 0 0 0 1000px white  inset; }

input:disabled:-webkit-autofill {
	-webkit-text-fill-color: bfbfbf ;
	-webkit-box-shadow: 0 0 0 1000px #e8e8e8  inset;
	box-shadow: 0 0 0 1000px #e8e8e8  inset; }

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  select::-ms-expand {
    display: none; }

textarea[name="reviewSbst"]::placeholder, textarea[name="reviewContent"]::placeholder {
  color: #b4b1b4;
  font-size: 0.75rem; }

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  font-family: "KT-sans", "Spoqa Han Sans", "Spoqa Han Sans Neo", "Spoqa Han Sans JP", "Source Sans Pro", Apple SD Gothic Neo, Nanum Barun Gothic, Nanum Gothic, "돋움", Dotum, Verdana, Arial, sans-serif; }

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

:focus-visible {
  outline: 0.0625rem solid #1d1d1b; }

:focus:not(:focus-visible) {
  outline: 0; }

html,
body {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: none; }

/* font */
@font-face {
  font-family: 'KT-sans';
  font-weight: 700;
  font-display: fallback;
  src: url("../../fonts/mobile/SpoqaHanSansNeo-Bold.eot");
  src: local("Spoqa Han Sans Neo Bold"), url("../../fonts/mobile/SpoqaHanSansNeo-Bold.woff2") format("woff2"), url("../../fonts/mobile/SpoqaHanSansNeo-Bold.woff") format("woff"), url("../../fonts/mobile/SpoqaHanSansNeo-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'KT-sans';
  font-weight: 500;
  font-display: fallback;
  src: url("../../fonts/mobile/SpoqaHanSansNeo-Medium.eot");
  src: local("Spoqa Han Sans Neo Medium"), url("../../fonts/mobile/SpoqaHanSansNeo-Medium.woff2") format("woff2"), url("../../fonts/mobile/SpoqaHanSansNeo-Medium.woff") format("woff"), url("../../fonts/mobile/SpoqaHanSansNeo-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'KT-sans';
  font-weight: 400;
  font-display: fallback;
  src: url("../../fonts/mobile/SpoqaHanSansNeo-Regular.eot");
  src: local("Spoqa Han Sans Neo Regular"), url("../../fonts/mobile/SpoqaHanSansNeo-Regular.woff2") format("woff2"), url("../../fonts/mobile/SpoqaHanSansNeo-Regular.woff") format("woff"), url("../../fonts/mobile/SpoqaHanSansNeo-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'KT-sans';
  font-weight: 300;
  font-display: fallback;
  src: url("../../fonts/mobile/SpoqaHanSansNeo-Light.eot");
  src: local("Spoqa Han Sans Neo Light"), url("../../fonts/mobile/SpoqaHanSansNeo-Light.woff2") format("woff2"), url("../../fonts/mobile/SpoqaHanSansNeo-Light.woff") format("woff"), url("../../fonts/mobile/SpoqaHanSansNeo-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'KT-sans';
  font-weight: 100;
  font-display: fallback;
  src: url("../../fonts/mobile/SpoqaHanSansNeo-Thin.eot");
  src: local("Spoqa Han Sans Neo Thin"), url("../../fonts/mobile/SpoqaHanSansNeo-Thin.woff2") format("woff2"), url("../../fonts/mobile/SpoqaHanSansNeo-Thin.woff") format("woff"), url("../../fonts/mobile/SpoqaHanSansNeo-Thin.ttf") format("truetype"); }

@font-face {
  font-family: 'FORTE';
  font-weight: 400;
  font-display: fallback;
  src: url("/resources/fonts/mobile/FORTE.ttf") format("truetype"); }

@font-face {
  font-family: 'Baeum';
  font-weight: 400;
  font-display: fallback;
  src: url("/resources/fonts/mobile/KOHIBaeum.otf");
  src: url("/resources/fonts/mobile/KOHIBaeum.ttf") format("truetype"); }

@font-face {
  font-family: 'GmarketSans';
  src: url('../../fonts/portal/GmarketSansLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'GmarketSans';
  src: url('../../fonts/portal/GmarketSansMedium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'GmarketSans';
  src: url('../../fonts/portal/GmarketSansBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 900;
  font-display: swap;
  src: local('Pretendard Black'), url(../../resources/fonts/portal/Pretendard-Black.woff2) format('woff2'), url(../../fonts/portal/Pretendard-Black.woff) format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 800;
  font-display: swap;
  src: local('Pretendard ExtraBold'), url(../../fonts/portal/Pretendard-ExtraBold.woff2) format('woff2'), url(../../fonts/portal/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  font-display: swap;
  src: local('Pretendard Bold'), url(../../fonts/portal/Pretendard-Bold.woff2) format('woff2'), url(../../fonts/portal/Pretendard-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 600;
  font-display: swap;
  src: local('Pretendard SemiBold'), url(../../fonts/portal/Pretendard-SemiBold.woff2) format('woff2'), url(../../fonts/portal/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 500;
  font-display: swap;
  src: local('Pretendard Medium'), url(../../fonts/portal/Pretendard-Medium.woff2) format('woff2'), url(../../fonts/portal/Pretendard-Medium.woff) format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  font-display: swap;
  src: local('Pretendard Regular'), url(../../fonts/portal/Pretendard-Regular.woff2) format('woff2'), url(../../fonts/portal/Pretendard-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 300;
  font-display: swap;
  src: local('Pretendard Light'), url(../../fonts/portal/Pretendard-Light.woff2) format('woff2'), url(../../fonts/portal/Pretendard-Light.woff) format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 200;
  font-display: swap;
  src: local('Pretendard ExtraLight'), url(../../fonts/portal/Pretendard-ExtraLight.woff2) format('woff2'), url(../../fonts/portal/Pretendard-ExtraLight.woff) format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 100;
  font-display: swap;
  src: local('Pretendard Thin'), url(../../fonts/portal/Pretendard-Thin.woff2) format('woff2'), url(../../fonts/portal/Pretendard-Thin.woff) format('woff');
}


/* util */
.u-show {
  display: block !important; }

.u-hide {
  display: none !important; }

.u-block {
  display: block !important; }

.u-co-black {
  color: #1d1d1b !important; }

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

.u-co-gray {
  color: #707070 !important; }

.u-co-gray-1 {
  color: #f9f9f9 !important; }

.u-co-gray-2 {
  color: #f5f5f5 !important; }

.u-co-gray-3 {
  color: #eaeaea !important; }

.u-co-gray-4 {
  color: #e8e8e8 !important; }

.u-co-gray-5 {
  color: #dddddd !important; }

.u-co-gray-6 {
  color: #cccccc !important; }

.u-co-gray-7 {
  color: #bfbfbf !important; }

.u-co-gray-8 {
  color: #707070 !important; }

.u-co-gray-9 {
  color: #4c4c4c !important; }

.u-co-gray-10 {
  color: #333333 !important; }

.u-co-red {
  color: #ed0000 !important; }

.u-co-red-sub1 {
  color: #ffb1b1 !important; }

.u-co-blue {
  color: #0573e8 !important; }

  .u-co-blue-1 {
  color: #2e96ff !important; }

.u-co-mint {
  color: #00c0aa !important; }

.u-co-mint__light {
  color: #0be6ff !important; }

.u-co-sub-1 {
  color: #94a2a0 !important; }

.u-co-sub-2 {
  color: #00c3bd !important; }

.u-co-sub-3 {
  color: #018786 !important; }

.u-co-sub-4 {
  color: #008080 !important; }

.u-co-point-1 {
  color: #fab74b !important; }

.u-co-point-2 {
  color: #fff5e9 !important; }

.u-co-point-3 {
  color: #0573e8 !important; }

.u-co-point-4 {
  color: #ff5100 !important; }

.u-td-line-through {
  text-decoration: line-through !important; }

.u-td-underline {
  text-decoration: underline !important; }

.u-word-break {
  word-break: break-all; }

.u-va-top {
  vertical-align: top !important; }

.u-va-mid {
  vertical-align: middle !important; }

.u-va-bot {
  vertical-align: bottom !important; }

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

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

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

.u-m--0 {
  margin: 0 !important; }

.u-mt--0 {
  margin-top: 0 !important; }

.u-mt--2 {
  margin-top: 0.125rem !important; }

.u-mt--4 {
  margin-top: 0.25rem !important; }

.u-mt--5 {
  margin-top: 0.3125rem !important; }

.u-mt--6 {
  margin-top: 0.375rem !important; }

.u-mt--8 {
  margin-top: 0.5rem !important; }

.u-mt--9 {
  margin-top: 0.5625rem !important; }

.u-mt--10 {
  margin-top: 0.625rem !important; }

.u-mt--11 {
  margin-top: 0.6875rem !important; }

.u-mt--12 {
  margin-top: 0.75rem !important; }

.u-mt--14 {
  margin-top: 0.875rem !important; }

.u-mt--15 {
  margin-top: 0.9375rem !important; }

.u-mt--16 {
  margin-top: 1rem !important; }

.u-mt--17 {
  margin-top: 1.0625rem !important; }

.u-mt--18 {
  margin-top: 1.125rem !important; }

.u-mt--19 {
  margin-top: 1.1875rem !important; }

.u-mt--20 {
  margin-top: 1.25rem !important; }

.u-mt--22 {
  margin-top: 1.375rem !important; }

.u-mt--24 {
  margin-top: 1.5rem !important; }

.u-mt--25 {
  margin-top: 1.563rem !important; }

.u-mt--26 {
  margin-top: 1.625rem !important; }

.u-mt--28 {
  margin-top: 1.75rem !important; }

.u-mt--29 {
  margin-top: 1.8125rem !important; }

.u-mt--30 {
  margin-top: 1.875rem !important; }

.u-mt--32 {
  margin-top: 2rem !important; }

.u-mt--34 {
  margin-top: 2.125rem !important; }

.u-mt--35 {
  margin-top: 2.1875rem !important; }

.u-mt--36 {
  margin-top: 2.25rem !important; }

.u-mt--38 {
  margin-top: 2.375rem !important; }

.u-mt--40 {
  margin-top: 2.5rem !important; }

.u-mt--42 {
  margin-top: 2.625rem !important; }

.u-mt--44 {
  margin-top: 2.75rem !important; }

.u-mt--45 {
  margin-top: 2.8125rem !important; }

.u-mt--46 {
  margin-top: 2.875rem !important; }

.u-mt--48 {
  margin-top: 3rem !important; }

.u-mt--50 {
  margin-top: 3.125rem !important; }

.u-mt--56 {
  margin-top: 3.5rem !important; }

.u-mt--58 {
  margin-top: 3.625rem !important; }

.u-mt--60 {
  margin-top: 3.75rem !important; }

.u-mt--62 {
  margin-top: 3.875rem !important; }

.u-mt--64 {
  margin-top: 4rem !important; }

.u-mt--68 {
  margin-top: 4.25rem !important; }

.u-mt--70 {
  margin-top: 4.375rem !important; }

.u-mt--74 {
  margin-top: 4.625rem !important; }

.u-mt--80 {
  margin-top: 5rem !important; }

.u-mt--88 {
  margin-top: 5.5rem !important; }

.u-mt--98 {
  margin-top: 6.125rem !important; }

.u-mt--m2 {
  margin-top: -0.125rem !important; }

.u-mt--m4 {
  margin-top: -0.25rem !important; }

.u-mt--m6 {
  margin-top: -0.375rem !important; }

.u-mt--m8 {
  margin-top: -0.5rem !important; }

.u-mt--m12 {
  margin-top: -0.75rem !important; }

.u-mt--m14 {
  margin-top: -0.875rem !important; }

.u-mt--m15 {
  margin-top: -0.9375rem !important; }

.u-mt--m16 {
  margin-top: -1rem !important; }

.u-mt--m17 {
  margin-top: -1.0625rem !important; }

.u-mt--m20 {
  margin-top: -1.25rem !important; }

.u-mt--m24 {
  margin-top: -1.5rem !important; }

.u-mt--m30 {
  margin-top: -1.875rem !important; }

.u-mt--m32 {
  margin-top: -2rem !important; }

.u-mt--m42 {
  margin-top: -2.625rem !important; }

.u-mt--m56 {
  margin-top: -3.5rem !important; }

.u-mb--0 {
  margin-bottom: 0 !important; }

.u-mb--2 {
  margin-bottom: 0.125rem !important; }

.u-mb--4 {
  margin-bottom: 0.25rem !important; }

.u-mb--5 {
  margin-bottom: 0.3125rem !important; }

.u-mb--6 {
  margin-bottom: 0.375rem !important; }

.u-mb--8 {
  margin-bottom: 0.5rem !important; }

.u-mb--10 {
  margin-bottom: 0.625rem !important; }

.u-mb--12 {
  margin-bottom: 0.75rem !important; }

.u-mb--14 {
  margin-bottom: 0.875rem !important; }

.u-mb--16 {
  margin-bottom: 1rem !important; }

.u-mb--18 {
  margin-bottom: 1.125rem !important; }

.u-mb--20 {
  margin-bottom: 1.25rem !important; }

.u-mb--24 {
  margin-bottom: 1.5rem !important; }

.u-mb--25 {
  margin-bottom: 1.563rem !important; }

.u-mb--26 {
  margin-bottom: 1.625rem !important; }

.u-mb--28 {
  margin-bottom: 1.75rem !important; }

.u-mb--32 {
  margin-bottom: 2rem !important; }

.u-mb--40 {
  margin-bottom: 2.5rem !important; }

.u-mb--43 {
  margin-bottom: 2.6875rem !important; }

.u-mb--46 {
  margin-bottom: 2.875rem !important; }

.u-mb--48 {
  margin-bottom: 3rem !important; }

.u-mb--56 {
  margin-bottom: 3.5rem !important; }

.u-mb--64 {
  margin-bottom: 4rem !important; }

.u-mb--m20 {
  margin-bottom: -1.25rem !important; }

.u-mb--m32 {
  margin-bottom: -2rem !important; }

.u-mb--m40 {
  margin-bottom: -2.5rem !important; }

.u-mb--m56 {
  margin-bottom: -3.5625rem !important; }

.u-mb--m2 {
  margin-bottom: -0.125rem !important; }


.u-ml--auto {
  margin-left: auto; }

.u-ml--0 {
  margin-left: 0 !important; }

.u-ml--2 {
  margin-left: 0.125rem !important; }

.u-ml--4 {
  margin-left: 0.25rem !important; }

.u-ml--6 {
  margin-left: 0.375rem !important; }

.u-ml--8 {
  margin-left: 0.5rem !important; }

.u-ml--10 {
  margin-left: 0.625rem !important; }

.u-ml--12 {
  margin-left: 0.75rem !important; }

.u-ml--16 {
  margin-left: 1rem !important; }

.u-ml--18 {
  margin-left: 1.125rem !important; }

.u-ml--20 {
  margin-left: 1.25rem !important; }

.u-ml--24 {
  margin-left: 1.5rem !important; }

.u-ml--32 {
  margin-left: 2rem !important; }

.u-ml--36 {
  margin-left: 2.25rem !important; }

.u-ml--80 {
  margin-left: 5rem !important; }

.u-mr--auto {
  margin-right: auto; }

.u-mr--0 {
  margin-right: 0 !important; }

.u-mr--4 {
  margin-right: 0.25rem !important; }

.u-mr--6 {
  margin-right: 0.375rem !important; }

.u-mr--8 {
  margin-right: 0.5rem !important; }

.u-mr--10 {
  margin-right: 0.625rem !important; }

.u-mr--11 {
  margin-right: 0.6875rem !important; }

.u-mr--12 {
  margin-right: 0.75rem !important; }

.u-mr--16 {
  margin-right: 1rem !important; }

.u-mr--24 {
  margin-right: 1.5rem !important; }

.u-mr--32 {
  margin-right: 2rem !important; }

.u-mr--36 {
  margin-right: 2.25rem !important; }

.u-mr--80 {
  margin-right: 5rem !important; }

.u-mtb-baner {
	    margin-top: -2.75rem;
    margin-bottom: 0rem; }

.u-p--0 {
  padding: 0 !important; }

.u-pt--0 {
  padding-top: 0 !important; }

.u-pt--4 {
  padding-top: 0.25rem !important; }

.u-pt--8 {
  padding-top: 0.5rem !important; }

.u-pt--10 {
  padding-top: 0.625rem !important; }

.u-pt--12 {
  padding-top: 0.75rem !important; }

.u-pt--14 {
  padding-top: 0.875rem !important; }

.u-pt--15 {
  padding-top: 0.9375rem !important; }

.u-pt--16 {
  padding-top: 1rem !important; }

.u-pt--17 {
  padding-top: 1.0625rem !important; }

.u-pt--20 {
  padding-top: 1.25rem !important; }

.u-pt--22 {
  padding-top: 1.375rem !important; }

.u-pt--24 {
  padding-top: 1.5rem !important; }

.u-pt--30 {
  padding-top: 1.875rem !important; }

.u-pt--32 {
  padding-top: 2rem !important; }

.u-pt--36 {
  padding-top: 2.25rem !important; }

.u-pt--40 {
  padding-top: 2.5rem !important; }

.u-pt--44 {
  padding-top: 2.75rem !important; }

.u-pt--45 {
  padding-top: 2.8125rem !important; }

.u-pt--46 {
  padding-top: 2.875rem !important; }

.u-pt--48 {
  padding-top: 3rem !important; }

.u-pt--50 {
  padding-top: 3.125rem !important; }

.u-pt--56 {
  padding-top: 3.5rem !important; }

.u-pt--60 {
  padding-top: 3.75rem !important; }

.u-pt--64 {
  padding-top: 4rem !important; }

.u-pt--80 {
  padding-top: 5rem !important; }

.u-pb--0 {
  padding-bottom: 0 !important; }

.u-pb--4 {
  padding-bottom: 0.25rem !important; }

.u-pb--5 {
  padding-bottom: 0.3125rem !important; }

.u-pb--8 {
  padding-bottom: 0.5rem !important; }

.u-pb--12 {
  padding-bottom: 0.75rem !important; }

.u-pb--16 {
  padding-bottom: 1rem !important; }

.u-pb--20 {
  padding-bottom: 1.25rem !important; }

.u-pb--24 {
  padding-bottom: 1.5rem !important; }

.u-pb--26 {
  padding-bottom: 1.625rem !important; }

.u-pb--30 {
  padding-bottom: 1.875rem !important; }

.u-pb--32 {
  padding-bottom: 2rem !important; }

.u-pb--40 {
  padding-bottom: 2.5rem !important; }

.u-pb--43 {
  padding-bottom: 2.6875rem !important; }

.u-pb--48 {
  padding-bottom: 3rem !important; }

.u-pb--50 {
  padding-bottom: 3.125rem !important; }

.u-pb--56 {
  padding-bottom: 3.5rem !important; }

.u-pb--64 {
  padding-bottom: 3.5rem !important; }

.u-pb--150 {
  padding-bottom: 9.375rem !important; }

.u-ptb--32 {
  padding: 2rem 0 !important; }

.u-pl--auto {
  padding-left: auto; }

.u-pl--0 {
  padding-left: 0 !important; }

.u-pl--4 {
  padding-left: 0.25rem !important; }

.u-pl--6 {
  padding-left: 0.375rem !important; }

.u-pl--8 {
  padding-left: 0.5rem !important; }

.u-pl--10 {
  padding-left: 0.625rem !important; }

.u-pl--12 {
  padding-left: 0.75rem !important; }

.u-pl--16 {
  padding-left: 1rem !important; }

.u-pl--24 {
  padding-left: 1.5rem !important; }

.u-pl--28 {
  padding-left: 1.75rem !important; }

.u-pl--32 {
  padding-left: 2rem !important; }

.u-pl--36 {
  padding-left: 2.25rem !important; }

.u-pl--38{
  padding-left: 3rem !important; }

.u-pl--80 {
  padding-left: 5rem !important; }

.u-pr--auto {
  padding-right: auto; }

.u-pr--0 {
  padding-right: 0 !important; }

.u-pr--4 {
  padding-right: 0.25rem !important; }

.u-pr--6 {
  padding-right: 0.375rem !important; }

.u-pr--8 {
  padding-right: 0.5rem !important; }

.u-pr--10 {
  padding-right: 0.625rem !important; }

.u-pr--12 {
  padding-right: 0.75rem !important; }

.u-pr--16 {
  padding-right: 1rem !important; }

.u-pr--24 {
  padding-right: 1.5rem !important; }

.u-pr--32 {
  padding-right: 2rem !important; }

.u-pr--36 {
  padding-right: 2.25rem !important; }

.u-pr--80 {
  padding-right: 5rem !important; }

.u-plr--0 {
  padding: 0 !important; }

.u-plr--12 {
  padding: 0 0.75rem !important; }

.u-plr--16 {
  padding: 0 1rem !important; }

.u-plr--20 {
  padding: 0 1.25rem !important; }

.u-plr--40 {
  padding: 0 2.5rem !important; }

.u-pa--0 {
  padding: 0 !important; }

.u-pa--4 {
  padding: 0.25rem !important; }

.u-pa--5 {
  padding: 0.3125rem !important; }

.u-pa--8 {
  padding: 0.5rem !important; }

.u-pa--12 {
  padding: 0.75rem !important; }

.u-pa--16 {
  padding: 1rem !important; }

.u-pa--20 {
  padding: 1.25rem !important; }

.u-pa--24 {
  padding: 1.5rem !important; }

.u-pa--26 {
  padding: 1.625rem !important; }

.u-pa--30 {
  padding: 1.875rem !important; }

.u-pa--32 {
  padding: 2rem !important; }

.u-pa--40 {
  padding: 2.5rem !important; }

.u-pa--43 {
  padding: 2.6875rem !important; }

.u-pa--48 {
  padding: 3rem !important; }

.u-pa--50 {
  padding: 3.125rem !important; }

.u-pa--56 {
  padding: 3.5rem !important; }

.u-pa--64 {
  padding: 3.5rem !important; }

.u-width--10p {
  width: 10% !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.u-width--15p {
  width: 15% !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.u-width--20p {
  width: 20% !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.u-width--25p {
  width: 25% !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.u-width--30p {
  width: 30% !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.u-width--35p {
  width: 35% !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.u-width--40p {
  width: 40% !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.u-width--42p {
  width: 42% !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.u-width--45p {
  width: 45% !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.u-width--47p {
  width: 47% !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.u-width--50p {
  width: 50% !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.u-width--60p {
  width: 60% !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.u-width--70p {
  width: 70% !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.u-width--73p {
  width: 73% !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.u-width--75p {
  width: 75% !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.u-width--80p {
  width: 80% !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.u-width--90p {
  width: 90% !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.u-width--100p {
  width: 100% !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.u-w100p {
  width: 100% !important; }

.u-width--50 {
  width: 3.125rem !important; }

.u-width--70 {
  width: 4.375rem !important; }

.u-width--75 {
  width: 4.688rem !important; }

.u-width--80 {
  width: 5rem !important; }

.u-width--105 {
  width: 6.563rem !important; }

.u-width--120 {
  width: 7.5rem !important; }

.u-width--130 {
  width: 8.125rem !important; }

.u-width--140 {
  width: 8.75rem !important; }

.u-width--160 {
  width: 10rem !important; }

.u-width--170 {
  width: 10.625rem !important; }

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

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

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

.u-fw--light {
  font-weight: 300 !important; }

.u-fw--thin {
  font-weight: 100 !important; }

.u-fw-normal {
  font-weight: 500 !important; }

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

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

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

.u-flex-start-center {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important; }

.fs-12 {
  font-size: 0.75rem !important; }

.fs-13 {
  font-size: 0.8125rem !important; }

.fs-14 {
  font-size: 0.875rem !important; }

.fs-16 {
  font-size: 1rem !important; }

.fs-18 {
  font-size: 1.125rem !important; }

.fs-20 {
  font-size: 1.25rem !important; }

.fs-22 {
  font-size: 1.375rem !important; }

.fs-24 {
  font-size: 1.5rem !important; }

.fs-26 {
  font-size: 1.625rem !important; }

.u-fs-12 {
  font-size: 0.75rem !important; }

.u-fs-13 {
  font-size: 0.8125rem !important; }

.u-fs-14 {
  font-size: 0.875rem !important; }

.u-fs-15 {
  font-size: 0.9375rem !important; }

.u-fs-16 {
  font-size: 1rem !important; }

.u-fs-17 {
  font-size: 1.0625rem !important; }

.u-fs-18 {
  font-size: 1.125rem !important; }

.u-fs-20 {
  font-size: 1.25rem !important; }

.u-fs-22 {
  font-size: 1.375rem !important; }

.u-fs-24 {
  font-size: 1.5rem !important; }

.u-fs-26 {
  font-size: 1.625rem !important; }

.u-fs-36 {
  font-size: 2.25rem !important; }

.u-border-error {
  border-color: #ed0000 !important; }

.u-border-bottom {
  border-bottom: 0.0625rem solid #ededed;}

.u-h--48 {
  height: 3rem; }
.u-h--70 {
  height: 4.375rem; }

.u-row-box {
  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; }

.u-br--0 {
  border-right: 0 !important; }

.u-bl--0 {
  border-left: 0 !important; }

.u-bt--0 {
  border-top: 0 !important; }

.u-bb--0 {
  border-bottom: 0 !important; }

.u-bt-gray-3 {
  border-top: 0.0625rem solid #eaeaea; }

.u-bb-gray-2 {
  border-bottom: 0.0625rem solid #ccc !important; }

.u-bb-gray-3 {
  border-bottom: 0.0625rem solid #eaeaea; }

.u-bc--black {
  border-color: #1d1d1b !important; }

.u-img-full {
  font-size: 0; }
  .u-img-full img {
    width: 100%; }

.u-round--30 {
  border-radius: 1.875rem !important;
  overflow: hidden; }

.n-content::before {
  content: none !important; }

.u-bg--transparent {
  background-color: transparent !important; }

.u-bg--white {
  background-color: #fff !important; }

.u-bg--gray-1 {
  background-color: #f9f9f9 !important; }

.u-bg--gray-2 {
  background-color: #f5f5f5 !important; }

.u-bg--blue-light {
  background: #f6f8fc !important; }

.u-bg--red-light {
  background: #fdf8f7 !important; }

.u-wd-break--normal {
  word-break: normal !important; }

/* common */
html {
  height: 100%; }

body {
  line-height: 1.43;
  font-family: "KT-sans", "Spoqa Han Sans", "Spoqa Han Sans Neo", "Spoqa Han Sans JP", "Source Sans Pro", Apple SD Gothic Neo, Nanum Barun Gothic, Nanum Gothic, "돋움", Dotum, Verdana, Arial, sans-serif;
  letter-spacing: -0.5px;
  word-break: break-all;
  color: #1d1d1b;
  font-weight: 400;
  background: #fff; }

@media (max-width: 320px) {
  html,
  body {
    font-size: 13px; } }

@media (min-width: 321px) and (max-width: 359px) {
  html,
  body {
    font-size: 14px; } }

@media (min-width: 360px) and (max-width: 374px) {
  html,
  body {
    font-size: 15px; } }

@media (min-width: 375px) and (max-width: 757px) {
  html,
  body {
    font-size: 16px; } }

.c-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%); }

.c-expand {
  margin-left: -1.25rem !important;
  margin-right: -1.25rem !important; }
  .c-expand__right {
    margin-left: 0 !important;
    margin-right: -1.25rem !important; }
  .c-expand__left {
    margin-left: -1.25rem !important;
    margin-right: 0 !important; }

.c-un-expand {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important; }

.inbox--bg {
  width: 2rem;
  height: 2rem;
  background: url(../../images/mobile/common/ico_comparison.svg) no-repeat 50% 50%; }

input[type='date']::-webkit-calendar-picker-indicator,
input[type='date']::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
          appearance: none; }

.scroll-x-box {
  width: 100%;
  overflow-x: auto; }

.has-dialog {
  overflow: hidden;
  height: 100%; }

[data-move-fadein] {
  opacity: 0;
  -webkit-transition: opacity 0.75s;
  transition: opacity 0.75s; }
  [data-move-fadein].active {
    opacity: 1; }

[data-move-up] {
  opacity: 0;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 0.5s, transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 0.5s, transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  -webkit-transform: translateY(90px);
          transform: translateY(90px); }
  [data-move-up].active {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }

.animating {
  overflow: hidden;
  -webkit-transition: all 0.3s !important;
  transition: all 0.3s !important; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes bsIn {
  from {
    -webkit-transform: translateY(60%);
            transform: translateY(60%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; } }

@keyframes bsIn {
  from {
    -webkit-transform: translateY(60%);
            transform: translateY(60%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; } }

@-webkit-keyframes bsOut {
  from {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; }
  to {
    -webkit-transform: translateY(60%);
            transform: translateY(60%);
    opacity: 0; } }

@keyframes bsOut {
  from {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; }
  to {
    -webkit-transform: translateY(60%);
            transform: translateY(60%);
    opacity: 0; } }

@-webkit-keyframes defaultIn {
  from {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; } }

@keyframes defaultIn {
  from {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; } }

@-webkit-keyframes defaultOut {
  from {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
    opacity: 0; } }

@keyframes defaultOut {
  from {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
    opacity: 0; } }

@-webkit-keyframes toastIn {
  from {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; } }

@keyframes toastIn {
  from {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; } }

@-webkit-keyframes toastOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes toastOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes tboxIn {
  from {
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; } }

@keyframes tboxIn {
  from {
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; } }

@-webkit-keyframes tboxOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes tboxOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes dungdung {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    -webkit-transform: translateY(1.875rem);
            transform: translateY(1.875rem); }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes dungdung {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    -webkit-transform: translateY(1.875rem);
            transform: translateY(1.875rem); }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

.shake {
  -webkit-animation: shake-animation 0.5s ease 1;
          animation: shake-animation 0.5s ease 1;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%; }

@-webkit-keyframes shake-animation {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0); }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0); }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-3px, 0, 0);
            transform: translate3d(-3px, 0, 0); }
  40%,
  60% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0); } }

@keyframes shake-animation {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0); }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0); }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-3px, 0, 0);
            transform: translate3d(-3px, 0, 0); }
  40%,
  60% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0); } }

.datepicker {
  display: none; }

.datepicker.active {
  display: block; }

.datepicker-dropdown {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  padding-top: 4px; }

.datepicker-dropdown.datepicker-orient-top {
  padding-top: 0;
  padding-bottom: 4px; }

.datepicker-picker {
  display: inline-block;
  border-radius: 4px;
  background-color: white; }

.datepicker-dropdown .datepicker-picker {
  -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
          box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); }

.datepicker-picker span {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 0;
  border-radius: 4px;
  cursor: default;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.datepicker-main {
  padding: 2px; }

.datepicker-footer {
  -webkit-box-shadow: inset 0 1px 1px rgba(10, 10, 10, 0.1);
          box-shadow: inset 0 1px 1px rgba(10, 10, 10, 0.1);
  background-color: whitesmoke; }

.datepicker-controls,
.datepicker-view,
.datepicker-view .days-of-week,
.datepicker-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

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

.datepicker-view .dow,
.datepicker-view .days .datepicker-cell {
  -ms-flex-preferred-size: 14.28571%;
      flex-basis: 14.28571%; }

.datepicker-view.datepicker-grid .datepicker-cell {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%; }

.datepicker-view .week,
.datepicker-cell {
  height: 2.25rem;
  line-height: 2.25rem; }

.datepicker-title {
  -webkit-box-shadow: inset 0 -1px 1px rgba(10, 10, 10, 0.1);
          box-shadow: inset 0 -1px 1px rgba(10, 10, 10, 0.1);
  background-color: whitesmoke;
  padding: 0.375rem 0.75rem;
  text-align: center;
  font-weight: 700; }

.datepicker-header .datepicker-controls {
  padding: 2px 2px 0; }

.datepicker-controls .button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: white;
  cursor: pointer;
  padding: calc(0.375em - 1px) 0.75em;
  height: 2.25em;
  vertical-align: top;
  text-align: center;
  line-height: 1.5;
  white-space: nowrap;
  color: #363636;
  font-size: 1rem; }

.datepicker-controls .button:focus,
.datepicker-controls .button:active {
  outline: none; }

.datepicker-controls .button:hover {
  border-color: #b5b5b5;
  color: #363636; }

.datepicker-controls .button:focus {
  border-color: #3273dc;
  color: #363636; }

.datepicker-controls .button:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
          box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); }

.datepicker-controls .button:active {
  border-color: #4a4a4a;
  color: #363636; }

.datepicker-controls .button[disabled] {
  cursor: not-allowed; }

.datepicker-header .datepicker-controls .button {
  border-color: transparent;
  font-weight: bold; }

.datepicker-header .datepicker-controls .button:hover {
  background-color: #f9f9f9; }

.datepicker-header .datepicker-controls .button:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
          box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }

.datepicker-header .datepicker-controls .button:active {
  background-color: #f2f2f2; }

.datepicker-header .datepicker-controls .button[disabled] {
  -webkit-box-shadow: none;
          box-shadow: none; }

.datepicker-footer .datepicker-controls .button {
  margin: calc(0.375rem - 1px) 0.375rem;
  border-radius: 2px;
  width: 100%;
  font-size: 0.75rem; }

.datepicker-controls .view-switch {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto; }

.datepicker-controls .prev-btn,
.datepicker-controls .next-btn {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
  width: 2.25rem; }

.datepicker-controls .prev-btn.disabled,
.datepicker-controls .next-btn.disabled {
  visibility: hidden; }

.datepicker-view .dow {
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.875rem;
  font-weight: 700; }

.datepicker-view .week {
  width: 2.25rem;
  color: #b5b5b5;
  font-size: 0.75rem; }

@media (max-width: 22.5rem) {
  .datepicker-view .week {
    width: 1.96875rem; } }

.datepicker-grid {
  width: 15.75rem; }

@media (max-width: 22.5rem) {
  .calendar-weeks + .days .datepicker-grid {
    width: 13.78125rem; } }

.datepicker-cell:not(.disabled):hover {
  background-color: #f9f9f9;
  cursor: pointer; }

.datepicker-cell.focused:not(.selected) {
  background-color: #e8e8e8; }

.datepicker-cell.selected,
.datepicker-cell.selected:hover {
  background-color: #3273dc;
  color: #fff;
  font-weight: 600; }

.datepicker-cell.disabled {
  color: #dbdbdb; }

.datepicker-cell.prev:not(.disabled),
.datepicker-cell.next:not(.disabled) {
  color: #7a7a7a; }

.datepicker-cell.prev.selected,
.datepicker-cell.next.selected {
  color: #e6e6e6; }

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
  border-radius: 0;
  background-color: whitesmoke; }

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
  background-color: #eeeeee; }

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
  background-color: #e8e8e8; }

.datepicker-cell.today:not(.selected) {
  background-color: #00d1b2; }

.datepicker-cell.today:not(.selected):not(.disabled) {
  color: #fff; }

.datepicker-cell.today.focused:not(.selected) {
  background-color: #00c4a7; }

.datepicker-cell.range-start:not(.selected),
.datepicker-cell.range-end:not(.selected) {
  background-color: #b5b5b5;
  color: #fff; }

.datepicker-cell.range-start.focused:not(.selected),
.datepicker-cell.range-end.focused:not(.selected) {
  background-color: #afafaf; }

.datepicker-cell.range-start {
  border-radius: 4px 0 0 4px; }

.datepicker-cell.range-end {
  border-radius: 0 4px 4px 0; }

.datepicker-cell.range {
  border-radius: 0;
  background-color: #dbdbdb; }

.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
  background-color: #d5d5d5; }

.datepicker-cell.range.disabled {
  color: #c2c2c2; }

.datepicker-cell.range.focused {
  background-color: #cfcfcf; }

.datepicker-view.datepicker-grid .datepicker-cell {
  height: 4.5rem;
  line-height: 4.5rem; }

.datepicker-input.in-edit {
  border-color: #2366d1; }

.datepicker-input.in-edit:focus,
.datepicker-input.in-edit:active {
  -webkit-box-shadow: 0 0 0.25em 0.25em rgba(35, 102, 209, 0.2);
          box-shadow: 0 0 0.25em 0.25em rgba(35, 102, 209, 0.2); }

/* layout */
#skipNav {
  position: relative;
  z-index: 1000; }
  #skipNav .skip-link {
    position: absolute;
    top: -200px;
    left: 0;
    background: #1d1d1b;
    color: white;
    padding: 0.5rem;
    z-index: 100;
    width: 100%;
    height: 1.875rem; }
    #skipNav .skip-link:focus {
      top: 0; }

.ly-wrap {
  width: 100%; }
  .ly-wrap.use-bs {
    padding-bottom: 5.625rem; }
  .ly-wrap.use-bs02 {
    padding-bottom: 3rem; }
  .ly-wrap .ly-header__logo {
    cursor: pointer;
    width: 8.75rem;
    height: 2.75rem; }
    .ly-wrap .ly-header__logo img {
      width: 100%; }

.ly-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.5rem;
  background: rgba(255, 255, 255, 0.05);
  z-index: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px); }
  .ly-header.header-slide__up {
    opacity: 0.5;
    -webkit-transform: translateY(-56px);
            transform: translateY(-56px);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .ly-header.header-slide__down {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  .ly-header .header-main {
    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%;
    height: 3.5rem;
    padding: 0 0.875rem 0 1.875rem;
    border-bottom: 1px solid #eaeaea;
    background: #fff;
    opacity: 1; }
  .ly-header__util {
    position: absolute;
    top: 0.125rem;
    right: 0.875rem;
    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; }
    .ly-header__util li {
      display: block;
      padding: 0.625rem; }
      .ly-header__util li .ly-header__search {
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 2rem;
        height: 2rem;
        padding: 0;
        background: url("../../images/mobile/common/ico_search.svg") no-repeat 50% 50%; }
      .ly-header__util li .ly-header__login {
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 2rem;
        height: 2rem;
        padding: 0;
        background: url("../../images/mobile/common/ico_login.svg") no-repeat 50% 50%; }
      .ly-header__util li .ly-header__gnb {
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 2rem;
        height: 2rem;
        padding: 0;
        background: url("../../images/mobile/common/ico_gnb.svg") no-repeat 50% 50%;
        -webkit-transition: all 0.2 ease-in;
        transition: all 0.2 ease-in; }
        .ly-header__util li .ly-header__gnb.is-active {
          -webkit-transition: all 0.2 ease-in;
          transition: all 0.2 ease-in; }

.ly-content {
  position: relative;
  padding: 3.5rem 1.25rem 2rem; }
  .ly-content.main {
    overflow: hidden; }
  .ly-content .ly-page-sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    left: 0;
    min-height: 3.5rem;
    margin: 0 -1.25rem;
    background: #fff;
    z-index: 90; }
  .ly-content .ly-page__head {
    padding: 0 1.25rem 0 2.5rem;
    height: 3.875rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 3.875rem;
    white-space: nowrap; }
    .ly-content .ly-page__head::before {
      content: "";
      display: block;
      clear: both;
      position: absolute;
      top: 50%;
      left: 1.6875rem;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 0.3125rem;
      height: 0.3125rem;
      background: #1d1d1b; }
    .ly-content .ly-page__head .header-clone__gnb {
      display: block;
      position: absolute;
      right: 1.5rem;
      display: block;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 2rem;
      height: 2rem;
      padding: 0;
      background: url("../../images/mobile/common/ico_gnb.svg") no-repeat 50% 50%;
      opacity: 0;
      visibility: hidden;
      top: -1.25rem; }
      .ly-content .ly-page__head .header-clone__gnb.is-active {
        opacity: 1;
        top: 1.0625rem;
        visibility: visible;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s; }

.ly-footer {
  width: 100%;
  border-top: 1px solid #eaeaea;
  padding: 1.5rem 1.25rem 2.5rem;
  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; }
  .ly-footer .c-logo {
    width: 6.4375rem;
    height: 1.125rem; }
  .ly-footer .c-button-wrap {
    margin-top: 0; }
    .ly-footer .c-button-wrap .c-button--xsm {
      color: #666; }
  .ly-footer .footer__link {
    text-align: center; }
    .ly-footer .footer__link li {
      display: inline-block;
      line-height: 2; }
      .ly-footer .footer__link li::before {
        content: '|';
        font-size: 0.8125rem;
        color: #707070;
        display: inline-block;
        margin: 0 0.0625rem; }
      .ly-footer .footer__link li.no-split::before {
        content: none; }
  .ly-footer .footer-info {
    position: relative;
    line-height: 1.42; }
    .ly-footer .footer-info .logo-isms {
      position: absolute;
      top: 1.25rem;
      right: 0;
      width: 3rem;
      height: 2.9375rem; }
      .ly-footer .footer-info .logo-isms img {
        width: 100%; }
  .ly-footer .c-accordion--type4 .c-accordion__inside {
    padding: 0; }

.ly-footer.outform {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }


/* fab */

.c-fab {
  position: fixed;
  bottom: 7rem;
  right: 2.0625rem;
  font-size: 1rem;
  width: 3rem;
  height: 3rem;
  z-index: 15;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }

  .c-fab .c-fab__delete {
	position: absolute;
	border-radius: 50%;
	z-index: 45;
    top: -1.1875rem;
    right: -1.25rem; }

  .c-fab.is-active.is-delet  {
    display: none !important; }

  .c-fab .c-fab__open:checked ~ .c-fab__delete {
	display: none; }

  .c-fab.is-active {
    opacity: 1; }

  .c-fab .c-fab__item {
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    margin-left: -1.5625rem;
    position: absolute;
    -webkit-transform: scale(0.5) translate3d(55px, 15px, 0);
            transform: scale(0.5) translate3d(55px, 15px, 0);
    opacity: 0;
    -webkit-box-shadow: 0 6px 7px 4px rgba(0, 0, 0, 0.2);
            box-shadow: 0 6px 7px 4px rgba(0, 0, 0, 0.2); }
    .c-fab .c-fab__item img {
      margin: 0;
      padding: 0;
      vertical-align: top;
      width: 100%; }

  .c-fab .c-fab__open--btn {
    background: url("../../images/common/ico_help_man_mint.png") no-repeat 50% 50%;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    position: absolute;
    -webkit-box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2);
    z-index: 15;
    background-size: cover; }

  .c-fab .c-fab__open {
    display: none; }
  .c-fab .fab-dim {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 1; }
    .c-fab .fab-dim.is-active {
      display: block; }
  .c-fab .lines {
    width: 1.5625rem;
    height: 0.1875rem;
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12.5px;
    margin-top: -1.5px;
    -webkit-transition: -webkit-transform 200ms;
    transition: -webkit-transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms, -webkit-transform 200ms; }
  .c-fab .line-1 {
    opacity: 0;
    -webkit-transform: translate3d(0, -8px, 0);
            transform: translate3d(0, -8px, 0); }
  .c-fab .line-2 {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .c-fab .line-3 {
    opacity: 0;
    -webkit-transform: translate3d(0, 8px, 0);
            transform: translate3d(0, 8px, 0); }

  .c-fab .c-fab__open--txt {
    display: none;
    pointer-events: none;
    min-width: 8.625rem;
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: center;
    font-size: 0.8125rem;
    color: #fff;
    background: #ee060b;
    padding: 0 0.625rem;
    z-index: 1500;
    position: absolute;
    top: -2.3125rem;
    right: 1.75rem;
    border-radius: 1.25rem;
    opacity: 1;
    -webkit-transform: translate(100px 100px);
            transform: translate(100px 100px);
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.3s cubic-bezier(0.935, 0, 0.34, 1.33);
    transition: opacity 0.2s ease, -webkit-transform 0.3s cubic-bezier(0.935, 0, 0.34, 1.33);
    transition: transform 0.3s cubic-bezier(0.935, 0, 0.34, 1.33), opacity 0.2s ease;
    transition: transform 0.3s cubic-bezier(0.935, 0, 0.34, 1.33), opacity 0.2s ease, -webkit-transform 0.3s cubic-bezier(0.935, 0, 0.34, 1.33);
    -webkit-box-shadow: 0 0.1875rem 0.375rem 0.1875rem rgba(238, 6, 11, 0.3);
            box-shadow: 0 0.1875rem 0.375rem 0.1875rem rgba(238, 6, 11, 0.3);
    white-space: nowrap; }
    .c-fab .c-fab__open--txt::before {
      content: '';
      width: 0px;
      height: 0px;
      position: absolute;
      border-left: 6px solid transparent;
      border-right: 6px solid #ee060b;
      border-top: 6px solid #ee060b;
      border-bottom: 6px solid transparent;
      right: 1.25rem;
      bottom: -0.5rem; }
  .c-fab .c-fab__open:checked + .c-fab__open--btn {
    background: #1d1d1b;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
    -webkit-transform: scale(0.65, 0.65);
            transform: scale(0.65, 0.65);
    -webkit-transition: none;
    transition: none; }
    .c-fab .c-fab__open:checked + .c-fab__open--btn .c-fab__open--txt {
      -webkit-transform-origin: 100% 100%;
              transform-origin: 100% 100%;
      -webkit-transform: scale(0, 0);
              transform: scale(0, 0);
      opacity: 0;
      -webkit-transition: opacity 0.2s ease, -webkit-transform 0.3s cubic-bezier(0.935, 0, 0.34, 1.33);
      transition: opacity 0.2s ease, -webkit-transform 0.3s cubic-bezier(0.935, 0, 0.34, 1.33);
      transition: transform 0.3s cubic-bezier(0.935, 0, 0.34, 1.33), opacity 0.2s ease;
      transition: transform 0.3s cubic-bezier(0.935, 0, 0.34, 1.33), opacity 0.2s ease, -webkit-transform 0.3s cubic-bezier(0.935, 0, 0.34, 1.33); }
    .c-fab .c-fab__open:checked + .c-fab__open--btn .line-1 {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
              transform: translate3d(0, 0, 0) rotate(45deg); }
    .c-fab .c-fab__open:checked + .c-fab__open--btn .line-2 {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
              transform: translate3d(0, 0, 0) scale(0.1, 1); }
    .c-fab .c-fab__open:checked + .c-fab__open--btn .line-3 {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
              transform: translate3d(0, 0, 0) rotate(-45deg); }
    .c-fab .c-fab__open:checked + .c-fab__open--btn ~ .c-fab__item {
      z-index: 2;
      opacity: 1;
      -webkit-transition: opacity 0.45s, -webkit-transform 0.45s cubic-bezier(0.935, 0, 0.34, 1.33);
      transition: opacity 0.45s, -webkit-transform 0.45s cubic-bezier(0.935, 0, 0.34, 1.33);
      transition: opacity 0.45s, transform 0.45s cubic-bezier(0.935, 0, 0.34, 1.33);
      transition: opacity 0.45s, transform 0.45s cubic-bezier(0.935, 0, 0.34, 1.33), -webkit-transform 0.45s cubic-bezier(0.935, 0, 0.34, 1.33); }
      .c-fab .c-fab__open:checked + .c-fab__open--btn ~ .c-fab__item:nth-child(3) {
        -webkit-transform: scale(1) translate3d(-42.58361px, 66.59997px, 0);
                transform: scale(1) translate3d(-42.58361px, 66.59997px, 0);
        -webkit-transition-delay: 0s;
                transition-delay: 0s; }
      .c-fab .c-fab__open:checked + .c-fab__open--btn ~ .c-fab__item:nth-child(4) {
        -webkit-transform: scale(1) translate3d(-68.9466px, -2.47586px, 0);
                transform: scale(1) translate3d(-68.9466px, -2.47586px, 0);
        -webkit-transition-delay: 0.1s;
                transition-delay: 0.1s; }
      .c-fab .c-fab__open:checked + .c-fab__open--btn ~ .c-fab__item:nth-child(5) {
        -webkit-transform: scale(1) translate3d(-43.58361px, -71.59997px, 0);
                transform: scale(1) translate3d(-43.58361px, -71.59997px, 0);
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s; }
      .c-fab .c-fab__open:checked + .c-fab__open--btn ~ .c-fab__item:nth-child(6) {
        -webkit-transform: scale(1) translate3d(28.41639px, -97.59997px, 0);
                transform: scale(1) translate3d(28.41639px, -97.59997px, 0);
        -webkit-transition-delay: 0.3s;
                transition-delay: 0.3s; }

.c-top {
  position: fixed;
  bottom: 3.3125rem;
  right: 2.0625rem;
  width: 3rem;
  height: 3rem;
  z-index: 15;
  opacity: 0;
  background: #fff;
  border-radius: 50%;
  border: 0.0625rem solid #eee;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1); }
.c-top.is-active {
    opacity: 1; }

.c-top a {
  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: 3rem;
  height: 3rem;
  border-radius: 50%; }

.c-top a .c-icon {
    width: 1.25rem;
    height: 1.25rem;
	-webkit-transform: translateX(-0.0625rem);
    transform: translateX(-0.0625rem); }


.event-fab {
	position: fixed;
    bottom: 3.3125rem;
    left: 1.25rem;
    z-index: 15; }

.event-fab a {
	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; }

.event-fab a img {
	max-width: 6.25rem;
    max-height: 6.25rem; }

.c-modal .event-fab {
    display: none !important; }

.ly-header-main {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.5rem;
  background: rgba(255, 255, 255, 0.05);
  z-index: 11;
  -webkit-transform: translateY(0px);
          transform: translateY(0px); }
  .ly-header-main .header-main {
    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%;
    height: 3.5rem;
    padding: 0 0.875rem 0 1.875rem;
    border-bottom: 1px solid #eaeaea;
    background: #fff;
    opacity: 1; }
  .ly-header-main__util {
    position: absolute;
    top: 0.125rem;
    right: 0.875rem;
    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; }
    .ly-header-main__util li {
      display: block;
      padding: 0.625rem; }
      .ly-header-main__util li .ly-header__search {
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 2rem;
        height: 2rem;
        padding: 0;
        background: url("../../images/mobile/common/ico_search.svg") no-repeat 50% 50%; }
      .ly-header-main__util li .ly-header__login {
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 2rem;
        height: 2rem;
        padding: 0;
        background: url("../../images/mobile/common/ico_login.svg") no-repeat 50% 50%; }
      .ly-header-main__util li .ly-header__gnb {
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 2rem;
        height: 2rem;
        padding: 0;
        background: url("../../images/mobile/common/ico_gnb.svg") no-repeat 50% 50%;
        -webkit-transition: all 0.2 ease-in;
        transition: all 0.2 ease-in; }
        .ly-header-main__util li .ly-header__gnb.is-active {
          -webkit-transition: all 0.2 ease-in;
          transition: all 0.2 ease-in; }

.c-page-menu {
  position: relative;
  width: 100%; }
  .c-page-menu__wrap {
    padding: 0.625rem 0; }
  .c-page-menu__depth1 {
    overflow-x: auto;
    overflow-y: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.75rem 0; }
    .c-page-menu__depth1 > li {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0.25rem 1rem; }
      .c-page-menu__depth1 > li.is-active > a {
        color: #4c4c4c;
        font-weight: bold; }
        .c-page-menu__depth1 > li.is-active > a:after {
          content: '';
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          bottom: 0;
          width: calc(100% - 32px);
          height: 2px;
          background-color: #4c4c4c; }
      .c-page-menu__depth1 > li:last-child:after {
        content: none; }
      .c-page-menu__depth1 > li:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0.4375rem;
        width: 1px;
        height: 0.625rem;
        background-color: #ccc; }
      .c-page-menu__depth1 > li > a {
        font-size: 0.875rem;
        color: #999; }
  .c-page-menu__depth2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    .c-page-menu__depth2 > li {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      padding: 0.25rem 0.25rem; }
      .c-page-menu__depth2 > li > a {
        font-size: 0.875rem;
        color: #4c4c4c;
        padding: 0.5rem 0.875rem;
        background-color: #fff;
        border: 1px solid #e8e8e8;
        border-radius: 1.3125rem;
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none; }

/* text */
.c-heading {
  position: relative;
  display: block; }
  .c-heading--type1 {
    margin: 3rem 0 1.5rem;
    font-size: 1.375rem;
    font-weight: 700; }
  .c-heading--type2 {
    margin: 2.5rem 0 1.5rem;
    font-size: 1rem;
    font-weight: 500; }
  .c-heading--type3 {
    margin: 3rem 0 1.5rem;
    font-size: 1.25rem;
    font-weight: 700; }
  .c-heading--type4 {
    margin: 1.5rem 0 0.75rem;
    font-size: 0.8125rem;
    font-weight: 700; }
  .c-heading--type5 {
    margin: 2.5rem 0 1rem;
    font-size: 1.25rem;
    font-weight: normal; }
    .c-heading--type5 small {
      margin-left: 0.25rem;
      font-size: 0.875rem;
      color: #bfbfbf; }
    .c-heading--type5 + .c-hr--type2 {
      margin-top: 0; }
  .c-heading--type6 {
    margin: 1.5rem 0 0.75rem;
    font-size: 0.875rem;
    font-weight: 700; }
  .c-heading--type7 {
    font-size: 1.125rem;
    font-weight: 400; }
    .c-heading--type8 {
    margin: 2.25rem 0 1.25rem 0;
    font-size: 1rem;
    font-weight: 500; }
    .c-heading--type9 {
    margin: 2rem 0 0.75rem 0;
    font-weight: 500; }
  .c-heading .c-icon--tooltip {
    margin-bottom: 0.1875rem; }

.c-tabs__panel > .c-heading:first-child {
  margin-top: 0; }

.c-text--type1 {
  font-size: 1.375rem; }

.c-text--type2 {
  font-size: 1rem; }

.c-text--type3 {
  font-size: 0.875rem; }

.c-text--type4 {
  font-size: 0.8125rem; }

.c-text--type5 {
  font-size: 0.75rem; }

.c-text--type6 {
  font-size: 0.6875rem; }

.c-text--type7 {
  font-size: 0.9375rem; }

.c-text--normal {
  font-weight: 500; }

.c-text--regular {
  font-weight: 400; }

.c-text--bold {
  font-weight: 700; }

.c-text--strike {
  text-decoration: line-through; }

.c-text--underline {
  position: relative;
  text-decoration: none; }
  .c-text--underline::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.125rem;
    border-bottom: 0.0625rem solid #1d1d1b; }
  .c-text--underline.u-co-sub-3::before {
    border-bottom: 0.0625rem solid #018786; }

 .c-text--line {
    position: relative;
    color: inherit;
    text-decoration: underline;
    text-underline-position: under; }

 .c-text--redline {
    position: relative;
    color: #ed0000;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: underline;
    text-underline-position: under; }

.c-text--opacity {
  color: rgba(255, 255, 255, 0.7); }

.c-bullet:not(.c-text-list),
.c-bullet.c-text-list > .c-text-list__item {
  position: relative;
  margin-top: 0.25rem; }

.c-bullet:not(.c-text-list) + .c-bullet:not(.c-text-list) {
  margin-top: 0.5rem; }

.c-bullet .c-bullet {
  display: block; }

.c-bullet--dot {
  font-size: 0.8125rem; }
  .c-bullet--dot:not(.c-text-list),
  .c-bullet--dot.c-text-list > .c-text-list__item {
    margin-top: 0.5rem;
    padding-left: 0.5rem;
    word-break: break-word; }
    .c-bullet--dot:not(.c-text-list)::before,
    .c-bullet--dot.c-text-list > .c-text-list__item::before {
      content: "";
      display: block;
      clear: both;
      position: absolute;
      top: 0.4375rem;
      left: 0;
      width: 0.1875rem;
      height: 0.1875rem;
      border-radius: 50%;
      background: #1d1d1b; }
    .c-bullet--dot:not(.c-text-list).u-co-gray::before,
    .c-bullet--dot.c-text-list > .c-text-list__item.u-co-gray::before {
      background-color: #d8d8d8; }
    .c-bullet--dot:not(.c-text-list).u-co-red::before,
    .c-bullet--dot.c-text-list > .c-text-list__item.u-co-red::before {
      background-color: #ed0000; }
    .c-bullet--dot:not(.c-text-list).u-size-6,
    .c-bullet--dot.c-text-list > .c-text-list__item.u-size-6 {
      padding-left: 0.625rem; }
      .c-bullet--dot:not(.c-text-list).u-size-6::before,
      .c-bullet--dot.c-text-list > .c-text-list__item.u-size-6::before {
        width: 0.375rem;
        height: 0.375rem; }

.c-bullet--dot.c-text-list.giftInfoTxt > .c-text-list__item {
    margin-top: 0.375rem; }

.c-bullet--hyphen:not(.c-text-list),
.c-bullet--hyphen.c-text-list > .c-text-list__item {
  font-size: 0.8125rem;
  padding-left: 0.625rem;
  word-break: break-all; }
  .c-bullet--hyphen:not(.c-text-list)::before,
  .c-bullet--hyphen.c-text-list > .c-text-list__item::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 0.25rem;
    height: 0.0625rem;
    border-radius: 50%;
    background: #1d1d1b; }
  .c-bullet--hyphen:not(.c-text-list).u-co-gray::before,
  .c-bullet--hyphen.c-text-list > .c-text-list__item.u-co-gray::before {
    background-color: #888; }

.c-bullet--fyr:not(.c-text-list).c-bullet,
.c-bullet--fyr.c-text-list > .c-text-list__item {
  padding-left: 0.75rem;
  font-size: 0.8125rem;
  word-break: break-word; }
  .c-bullet--fyr:not(.c-text-list).c-bullet::before,
  .c-bullet--fyr.c-text-list > .c-text-list__item::before {
    position: absolute;
    content: '※';
    top: 0.125rem;
    left: 0;
    font-size: 0.4375rem; }

.c-bullet--fyr.u-fs-12.c-text-list > .c-text-list__item {
	padding-left: 0.75rem;
	font-size: 0.75rem; }
.c-bullet--fyr.u-fs-12.c-text-list > .c-text-list__item::before {
	top: -0.0625rem;
   	font-size: 0.75rem; }
.c-bullet--fyr.u-fs-13.c-text-list > .c-text-list__item {
	padding-left: 0.8125rem;
	font-size: 0.8125rem; }
.c-bullet--fyr.u-fs-13.c-text-list > .c-text-list__item::before {
	top: -0.0625rem;
   	font-size: 0.8125rem; }
.c-bullet--fyr.u-fs-14.c-text-list > .c-text-list__item {
	padding-left: 0.875rem;
	font-size: 0.875rem; }
.c-bullet--fyr.u-fs-14.c-text-list > .c-text-list__item::before {
	top: -0.0625rem;
   	font-size: 0.875rem; }
.c-bullet--fyr.u-fs-15.c-text-list > .c-text-list__item {
	padding-left: 0.9375rem;
	font-size: 0.9375rem; }
.c-bullet--fyr.u-fs-15.c-text-list > .c-text-list__item::before {
	top: -0.0625rem;
   	font-size: 0.9375rem; }
.c-bullet--fyr.u-fs-16.c-text-list > .c-text-list__item {
	padding-left: 1rem;
	font-size: 1rem; }
.c-bullet--fyr.u-fs-16.c-text-list > .c-text-list__item::before {
	top: -0.0625rem;
   	font-size: 1rem; }

.c-bullet--fyr.u-fs-12:not(.c-text-list).c-bullet {
	padding-left: 0.75rem;
	font-size: 0.75rem; }
.c-bullet--fyr.u-fs-12:not(.c-text-list).c-bullet::before {
 	top: -0.0625rem;
  	font-size: 0.75rem; }
.c-bullet--fyr.u-fs-13:not(.c-text-list).c-bullet {
	padding-left: 0.8125rem;
	font-size: 0.8125rem; }
.c-bullet--fyr.u-fs-13:not(.c-text-list).c-bullet::before {
 	top: -0.0625rem;
  	font-size: 0.8125rem; }
.c-bullet--fyr.u-fs-14:not(.c-text-list).c-bullet {
	padding-left: 0.875rem;
	font-size: 0.875rem; }
.c-bullet--fyr.u-fs-14:not(.c-text-list).c-bullet::before {
 	top: -0.0625rem;
  	font-size: 0.875rem; }
.c-bullet--fyr.u-fs-15:not(.c-text-list).c-bullet {
	padding-left: 0.9375rem;
	font-size: 0.9375rem; }
.c-bullet--fyr.u-fs-15:not(.c-text-list).c-bullet::before {
	top: -0.0625rem;
	font-size: 0.9375rem; }
.c-bullet--fyr.u-fs-16:not(.c-text-list).c-bullet {
	padding-left: 1rem;
	font-size: 1rem; }
.c-bullet--fyr.u-fs-16:not(.c-text-list).c-bullet::before {
	top: -0.0625rem;
  font-size: 1rem; }

.c-bullet--number {
  counter-reset: num;
  font-size: 0.8125rem; }
  .c-bullet--number > .c-text-list__item {
    padding-left: 0.9375rem; }
    .c-bullet--number > .c-text-list__item::before {
      counter-increment: num;
      content: counter(num) ". ";
      position: absolute;
      top: 0;
      left: 0; }
    .c-bullet--number > .c-text-list__item.num-red::before{
      color: #ed0000;}

.c-bullet.c-border-top {
  border-top: 0.0625rem solid #eaeaea;
  margin-top: 2rem;
  padding-top: 1.5rem; }

.c-bullet--dot-number {
  counter-reset: num;
  margin-top: 1.5rem;
  color: #4c4c4c; }
  .c-bullet--dot-number > .c-text-list__item {
    padding-left: 1.75rem;
    position: relative;
    font-size: 0.9375rem;
    margin-top: 1rem; }
    .c-bullet--dot-number > .c-text-list__item::before {
      counter-increment: num;
      content: counter(num);
      position: absolute;
      font-size: 0.75rem;
      top: 0;
      left: 0;
      width: 1.25rem;
      height: 1.25rem;
      background: #1d1d1b;
      border-radius: 50%;
      color: #fff;
      margin-right: 0.5rem;
      line-height: 1.25rem;
      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: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }

.c-bullet--dot.c-bullet--type2 {
    font-size: 0.875rem;
    color: #4c4c4c; }

.c-bullet--dot.c-bullet--type2:not(.c-text-list)::before, .c-bullet--dot.c-bullet--type2.c-text-list > .c-text-list__item::before {
    background: #ccc; }

.c-bullet--dot.c-bullet--type2 > .c-text-list__item:first-child {
    margin-top: 1rem; }

.c-box.c-box--type6 .c-bullet--dot.c-bullet--type2 > .c-text-list__item:first-child {
    margin-top: 0; }

.c-form .c-box.c-box--type6 .c-bullet--dot {
    margin-top: 0; }

.c-bullet--dot.c-bullet--type2:not(.c-text-list).u-co-red::before, .c-bullet--dot.c-bullet--type2.c-text-list > .c-text-list__item.u-co-red::before {
    background-color: #ed0000; }

.c-text-list {
  font-size: 0.8125rem; }
  .c-text-list__item ~ .c-text-list__item {
    margin-top: 0.5rem; }
  .c-text-list + .c-bullet {
    margin-top: 0.5rem; }
  .c-text-list + .c-table {
    margin-top: 1rem; }

.c-text-link {
	margin-left: 0;
	position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.5rem;
    vertical-align: middle; }

.c-text-link:before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.0625rem;
    border-bottom: 0.0625rem solid;
    border-color: inherit; }

.c-text-link--bluegreen {
	font-size: 0.8125rem;
	font-weight: 500;
	margin-top: -0.125rem;
	margin-left: 0.25rem;
	color: #008080;
	position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.5rem;
    vertical-align: middle; }

.c-text-link--bluegreen:before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.0625rem;
    border-bottom: 0.0625rem solid;
    border-color: inherit; }

.c-text-link--bluegreen-type2 {
	font-size: 0.8125rem;
	font-weight: 500;
	margin-left: 0.0625rem;
	color: #008080;
	position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.5rem;
    vertical-align: text-bottom; }

.c-text-link--bluegreen-type2:before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.0625rem;
    border-bottom: 0.0625rem solid;
    border-color: inherit; }

.ad-text .c-text-link--bluegreen {
	font-size: 0.8125rem !important;
	font-weight: 500;
	margin-top: -0.125rem !important;
	margin-left: 0.125rem !important;
	color: #008080 !important;
	position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.5rem;
    vertical-align: middle; }

.ad-text .c-text-link--bluegreen:before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 0.0625rem solid;
    border-color: inherit; }

.c-text-link--red {
	font-size: 0.8125rem;
	font-weight: 500;
	margin-top: -0.125rem;
	margin-left: 0.25rem;
	color: #ed0000 !important;
	position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.5rem;
    vertical-align: middle; }

.c-text-link--red:before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.0625rem;
    border-bottom: 0.0625rem solid;
    border-color: inherit; }

.c-text-link--blue {
	font-size: 0.8125rem;
	font-weight: 500;
	margin-top: -0.125rem;
	margin-left: 0.25rem;
	color: #006bdd !important;
	position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.5rem;
    vertical-align: middle; }

.c-text-link--blue:before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.0625rem;
    border-bottom: 0.0625rem solid;
    border-color: inherit; }

.c-text-link--gray {
	font-size: 0.8125rem;
	font-weight: 500;
	margin-top: -0.125rem;
	margin-left: 0.25rem;
	color: #94a2a0 !important;
	position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.5rem;
    vertical-align: middle; }

.c-text-link--gray:before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.0625rem;
    border-bottom: 0.0625rem solid;
    border-color: inherit; }

.c-text-label {
  display: inline-block;
  border-radius: 0.625rem;
  padding: 0.125rem 0.5rem;
  font-size: 0.6875rem;
  font-weight: 500;
  text-align: center; }
  .c-text-label--red {
    background: #e73939;
    color: #fff; }
  .c-text-label--mint-type2 {
    background: #008080;
    color: #fff; }
  .c-text-label--mint-type1 {
    background: #2aab9c;
    color: #fff; }
  .c-text-label--violet-type1 {
    background: #ebf4fe;
    color: #633df0; }
  .c-text-label--blue-type1 {
    background: #e7f3fa;
    color: #1e22ba; }
  .c-text-label--mint {
    background: rgba(42, 171, 156, 0.15);
    color: #018786; }
  .c-text-label--yellow {
    background: #fab74b;
    color: #fff; }
  .c-text-label--gray {
    background: #eaeaea;
    color: #4c4c4c; }
  .c-text-label--gray-4 {
    background: #e8e8e8; }
  .c-text-label--gray-type1 {
    background: #94a2a0;
    color: #fff; }
  .c-text-label--darkgray {
    background: rgba(255, 255, 255, 0.2);
    color: #fff; }
  .c-text-label--orange {
    background: rgba(255, 81, 0, 0.3);
    color: #ff5100;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 81, 0, 0.5);
            box-shadow: 0 0 0 1px rgba(255, 81, 0, 0.5); }
  .c-text-label--rank {
    background: #ff7f02;
    color: #fff; }
  .c-text-label--sm {
    padding: 0.0625rem 0.375rem;
    min-height: 1rem; }
  .c-text-label--type2 {
    background: transparent !important;
    border-radius: 0.25rem !important; }
    .c-text-label--type2.c-text-label--red {
      color: #e73939;
      border: 0.0625rem solid #e73939; }
    .c-text-label--type2.c-text-label--mint-type1 {
      color: #2aab9c;
      border: 0.0625rem solid #2aab9c; }
    .c-text-label--type2.c-text-label--mint {
      color: #2aab9c;
      border: 0.0625rem solid rgba(42, 171, 156, 0.15); }
    .c-text-label--type2.c-text-label--gray {
      color: #4c4c4c;
      border: 0.0625rem solid #eaeaea; }
  .c-text-label ~ .c-text-label {
    margin-left: 0.25rem; }

.c-text-ellipsis {
  white-space: nowrap;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis; }
  .c-text-ellipsis--type2 {
    display: -webkit-box !important;
    width: 100%;
    max-height: 2.625rem;
    line-height: 1.375rem;
    word-wrap: normal;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .c-text-ellipsis--type3 {
    display: -webkit-box !important;
    width: 100%;
    line-height: 1.375rem;
    word-wrap: normal;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }

.c-balloon {
  position: relative;
  display: inline-block;
  padding: 0.25rem 1rem;
  background-color: #fff;
  border: 1px solid #e73939;
  border-radius: 1.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #e73939;
  white-space: nowrap; }
  .c-balloon--sm {
    padding: 0.0625rem 0.375rem;
    font-size: 0.625rem; }
  .c-balloon::before {
    position: absolute;
    width: 0;
    height: 0;
    bottom: -0.4375rem;
    border-right: 9px solid transparent;
    border-top: 6px solid #e73939;
    content: ''; }
  .c-balloon::after {
    position: absolute;
    bottom: -0.3125rem;
    width: 0;
    height: 0;
    border-right: 9px solid transparent;
    border-top: 6px solid #fff;
    content: ''; }
  .c-balloon--left::before {
    left: 0.9375rem; }
  .c-balloon--left::after {
    left: 1rem; }
  .c-balloon--center::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .c-balloon--center::after {
    left: 50%;
    -webkit-transform: translateX(-39%);
            transform: translateX(-39%); }
  .c-balloon--right::before {
    right: 0.9375rem; }
  .c-balloon--right::after {
    right: 0.875rem; }

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

/* form */
.c-input,
.c-textarea,
.c-select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  background: #fff;
  width: 100%;
  color: #1d1d1b;
  font-size: 1rem;
  height: 3.5rem;
  padding: 0 1rem;
  background-clip: padding-box; }
  .c-input::-webkit-input-placeholder, .c-textarea::-webkit-input-placeholder, .c-select::-webkit-input-placeholder {
    font-size: 1rem;
    color: #bfbfbf; }
  .c-input::-moz-placeholder, .c-textarea::-moz-placeholder, .c-select::-moz-placeholder {
    font-size: 1rem;
    color: #bfbfbf; }
  .c-input:-ms-input-placeholder, .c-textarea:-ms-input-placeholder, .c-select:-ms-input-placeholder {
    font-size: 1rem;
    color: #bfbfbf; }
  .c-input::-ms-input-placeholder, .c-textarea::-ms-input-placeholder, .c-select::-ms-input-placeholder {
    font-size: 1rem;
    color: #bfbfbf; }
  .c-input::placeholder,
  .c-textarea::placeholder,
  .c-select::placeholder {
    font-size: 1rem;
    color: #bfbfbf; }
  .c-input:not(.c-select):-moz-read-only, .c-textarea:not(.c-select):-moz-read-only, .c-select:not(.c-select):-moz-read-only {
    background-color: #f5f5f5;
    color: #707070; }
  .c-input:not(.c-select):read-only,
  .c-textarea:not(.c-select):read-only,
  .c-select:not(.c-select):read-only {
    background-color: #f5f5f5;
    color: #707070; }
    .c-input:not(.c-select):read-only::-webkit-input-placeholder, .c-textarea:not(.c-select):read-only::-webkit-input-placeholder, .c-select:not(.c-select):read-only::-webkit-input-placeholder {
      color: #707070; }
    .c-input:not(.c-select):read-only::-moz-placeholder, .c-textarea:not(.c-select):read-only::-moz-placeholder, .c-select:not(.c-select):read-only::-moz-placeholder {
      color: #707070; }
    .c-input:not(.c-select):read-only:-ms-input-placeholder, .c-textarea:not(.c-select):read-only:-ms-input-placeholder, .c-select:not(.c-select):read-only:-ms-input-placeholder {
      color: #707070; }
    .c-input:not(.c-select):read-only::-ms-input-placeholder, .c-textarea:not(.c-select):read-only::-ms-input-placeholder, .c-select:not(.c-select):read-only::-ms-input-placeholder {
      color: #707070; }
    .c-input:not(.c-select):-moz-read-only::placeholder, .c-textarea:not(.c-select):-moz-read-only::placeholder, .c-select:not(.c-select):-moz-read-only::placeholder {
      color: #707070; }
    .c-input:not(.c-select):read-only::placeholder,
    .c-textarea:not(.c-select):read-only::placeholder,
    .c-select:not(.c-select):read-only::placeholder {
      color: #707070; }
  .c-input:disabled, .c-input[disabled],
  .c-textarea:disabled,
  .c-textarea[disabled],
  .c-select:disabled,
  .c-select[disabled] {
    background-color: #e8e8e8 !important;
    color: #bfbfbf !important;
    -webkit-text-fill-color: #bfbfbf;
    -webkit-opacity: 1; }
    .c-input:disabled::-webkit-input-placeholder, .c-input[disabled]::-webkit-input-placeholder, .c-textarea:disabled::-webkit-input-placeholder, .c-textarea[disabled]::-webkit-input-placeholder, .c-select:disabled::-webkit-input-placeholder, .c-select[disabled]::-webkit-input-placeholder {
      color: #bfbfbf !important; }
    .c-input:disabled::-moz-placeholder, .c-input[disabled]::-moz-placeholder, .c-textarea:disabled::-moz-placeholder, .c-textarea[disabled]::-moz-placeholder, .c-select:disabled::-moz-placeholder, .c-select[disabled]::-moz-placeholder {
      color: #bfbfbf !important; }
    .c-input:disabled:-ms-input-placeholder, .c-input[disabled]:-ms-input-placeholder, .c-textarea:disabled:-ms-input-placeholder, .c-textarea[disabled]:-ms-input-placeholder, .c-select:disabled:-ms-input-placeholder, .c-select[disabled]:-ms-input-placeholder {
      color: #bfbfbf !important; }
    .c-input:disabled::-ms-input-placeholder, .c-input[disabled]::-ms-input-placeholder, .c-textarea:disabled::-ms-input-placeholder, .c-textarea[disabled]::-ms-input-placeholder, .c-select:disabled::-ms-input-placeholder, .c-select[disabled]::-ms-input-placeholder {
      color: #bfbfbf !important; }
    .c-input:disabled::placeholder, .c-input[disabled]::placeholder,
    .c-textarea:disabled::placeholder,
    .c-textarea[disabled]::placeholder,
    .c-select:disabled::placeholder,
    .c-select[disabled]::placeholder {
      color: #bfbfbf !important; }

.c-select-wrap,
.c-form__input,
.c-form__select,
.c-input-wrap,
.c-form__input-group,
.c-textarea-wrap,
.c-form__group > .c-input:not(:first-child),
.c-form__group > .c-select:not(:first-child),
.c-input + .c-input,
.c-input + .c-select,
.c-select + .c-select,
.c-select + .c-input,
.c-input-wrap + .c-select-wrap,
.c-check-wrap + .c-input {
  margin-top: 0.5rem; }

.has-error .c-input,
.has-error .c-select {
  border-color: #ed0000 !important; }
  .has-error .c-input:focus,
  .has-error .c-select:focus {
    border-color: #ed0000 !important;
    outline: none; }

.has-error + .c-form__text,
.has-error + .c-text--form {
  color: #ed0000; }

.has-safe .c-input,
.has-safe .c-select {
  border-color: #008080 !important; }
  .has-safe .c-input:focus,
  .has-safe .c-select:focus {
    border-color: #008080 !important;
    outline: none; }

.has-safe + .c-form__text,
.has-safe + .c-text--form {
  color: #008080; }

.c-text--form {
  margin: 0.25rem 0 0.5rem;
  padding-left: 0.625rem;
  font-size: 0.75rem; }

.c-input-wrap {
  position: relative; }
  .c-input-wrap input[type='date'] {
    -webkit-appearance: none;
    margin: 0; }
  .c-input-wrap .c-button--underline {
    height: calc(100% - 8px);
    padding: 0 0.75rem;
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 1;
    color: #018786; }
    .c-input-wrap .c-button--underline::before {
      border-color: #018786;
      left: 0.8125rem;
      right: 0.8125rem;
      bottom: calc(50% - 0.625rem); }

    .c-input-wrap ._btnAddr.c-button--underline::before {
      left: 0.75rem;
      right: 0.75rem; }

    .c-input-wrap .c-button--underline:disabled {
      background: transparent; }
      .c-input-wrap .c-button--underline:disabled:before {
        border-color: #ccc; }
  .c-input-wrap .c-button--calendar {
    pointer-events: none;
    position: absolute;
    top: 50%;
    right: 1rem;
    z-index: 1;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .c-input-wrap--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -0.25rem; }
    .c-input-wrap--flex * {
      margin-top: 0 !important;
      margin-right: 0.25rem; }
    .c-input-wrap--flex .c-input--h34 {
      height: 2.125rem;
      border-radius: 0.25rem; }

.c-select {
  padding: 0 3.25rem 0 1rem;
  background: #fff url(../../images/mobile/common/ico_select.svg) no-repeat right 1rem top 50%;
  color: #707070; }
  .c-select + .c-label {
    width: 100%; }
  .c-select:disabled {
    background: #fff url(../../images/mobile/common/ico_select_disabled.svg) no-repeat right 1rem top 50%; }
  .c-select.has-value {
    color: #1d1d1b; }
  .c-select--type2 {
    height: 3rem; }
  .c-select--type3 {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    height: 1.5rem;
    border: 0;
    border-radius: initial;
    border-bottom: 1px solid #1d1d1b;
    margin: 0.5rem 0;
    position: relative;
    background: #fff url(../../images/mobile/common/ico_triangle_down.svg) no-repeat;
    background-position: 100% 50%;
    background-size: 1.125rem;
    padding: 0 0.5rem 0 0.25rem; }

.c-select-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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .c-select-wrap.u-select-adj_size {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -ms-flex-line-pack: left;
        align-content: left; }
    .c-select-wrap.u-select-adj_size .c-select {
      width: auto;
      padding-right: 1.125rem;
      -webkit-box-flex: 0;
          -ms-flex: 0;
              flex: 0; }
  .c-select-wrap .c-select {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 0; }
    .c-select-wrap .c-select ~ .c-select {
      margin-left: 0.5rem; }

.c-textarea {
  height: 11.5625rem;
  padding: 1rem; }

.c-textarea-wrap {
  position: relative; }
  .c-textarea-wrap .c-textarea {
    padding-bottom: 3.0625rem;
    line-height: 1.43;
    font-family: "KT-sans", "Spoqa Han Sans", "Spoqa Han Sans Neo", "Spoqa Han Sans JP", "Source Sans Pro", Apple SD Gothic Neo, Nanum Barun Gothic, Nanum Gothic, "돋움", Dotum, Verdana, Arial, sans-serif;
    letter-spacing: -0.5px;
    word-break: break-all; }
  .c-textarea-wrap__sub {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    color: #707070;
    font-size: 0.75rem; }

.c-radio,
.c-checkbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  vertical-align: middle;
  color: #1d1d1b;
  -webkit-transition: border 200ms ease-in-out;
  transition: border 200ms ease-in-out;
  display: inline-block;
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0; }
  .c-radio + .c-label,
  .c-checkbox + .c-label {
    position: relative;
    display: inline-block;
    padding-left: 2rem;
    line-height: 1.5rem;
    margin-right: 1rem;
    font-size: 0.875rem;
    font-weight: 400; }
    .c-radio + .c-label::before,
    .c-checkbox + .c-label::before {
      content: "";
      display: block;
      clear: both;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 1.5rem;
      height: 1.5rem; }
      @media (max-width: 359px) {
        .c-radio + .c-label::before,
        .c-checkbox + .c-label::before {
          width: 1.6875rem;
          height: 1.6875rem; } }
    .c-radio + .c-label.top-check::before,
    .c-checkbox + .c-label.top-check::before {
      content: "";
      display: block;
      clear: both;
      position: absolute;
      top: 20%;
      left: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 1.5rem;
      height: 1.5rem; }

.c-check-wrap--column .c-radio + .c-label ~ .c-label, .c-check-wrap--column .c-checkbox + .c-label ~ .c-label {
    margin-top: 0.5rem; }

.c-checkbox + .c-label::before {
  background: url(../../images/mobile/common/ico_checkbox.svg) no-repeat 50% 50%; }

.c-checkbox:checked + .c-label::before {
  background: url(../../images/mobile/common/ico_checkbox_checked.svg) no-repeat 50% 50%; }

.c-checkbox:disabled + .c-label::before {
  background: url(../../images/mobile/common/ico_checkbox_disabled.svg) no-repeat 50% 50%; }

.c-checkbox:disabled:checked + .c-label::before {
  background: url(../../images/mobile/common/ico_checkbox_checked_disabled.svg) no-repeat 50% 50%; }

.c-checkbox--type2 + .c-label::before {
  top: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: url(../../images/mobile/common/ico_checkmark_light-gray.svg) no-repeat 50% 50%; }

.c-checkbox--type2:checked + .c-label::before {
  background: url(../../images/mobile/common/ico_checkmark_checked.svg) no-repeat 50% 50%; }

.c-checkbox--type2:disabled + .c-label::before {
  background: url(../../images/mobile/common/ico_checkmark_light-gray.svg) no-repeat 50% 50%;
  opacity: 80%; }

.c-checkbox--type2:disabled:checked + .c-label::before {
  background: url(../../images/mobile/common/ico_checkmark_checked.svg) no-repeat 50% 50%;
  opacity: 60%; }

.c-checkbox--type2.top-type + .c-label::before {
  top: 27% !important; }

.c-checkbox--type3 + .c-label::before {
  background: url(../../images/mobile/common/ico_checkbox_type2.svg) no-repeat 50% 50%; }

.c-checkbox--type3:checked + .c-label::before {
  background: url(../../images/mobile/common/ico_checkbox_type2_checked.svg) no-repeat 50% 50%; }

.c-checkbox--type4 + .c-card__label {
  font-size: 0.875rem;
  font-weight: 400; }
  .c-checkbox--type4 + .c-card__label::before {
    background: url(../../images/mobile/common/ico_checkmark_light-gray.svg) no-repeat 50% 50%; }

.c-checkbox--type4:checked + .c-card__label::before {
  background: url(../../images/mobile/common/ico_checkmark_black.svg) no-repeat 50% 50%; }

.c-checkbox--badge + .c-label::before {
  content: '';
  width: 2rem;
  height: 2rem;
  background: url(../../images/mobile/common/ico_badge.svg) no-repeat 50% 50%; }

.c-checkbox--badge:checked + .c-label::before {
  background: url(../../images/mobile/common/ico_badge_checked.svg) no-repeat 50% 50%; }

.c-checkbox--switch + .c-label {
  width: 3.25rem;
  height: 1.75rem;
  line-height: 1.75rem;
  margin-right: 0; }
  .c-checkbox--switch + .c-label::before {
    width: 3.25rem;
    height: 1.75rem;
    background: #eee !important;
    border-radius: 0.875rem;
    -webkit-box-shadow: inset 0 1px 1px 0 #ccc;
            box-shadow: inset 0 1px 1px 0 #ccc;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .c-checkbox--switch + .c-label::after {
    position: absolute;
    top: 50%;
    left: 0.125rem;
    width: 1.5rem;
    height: 1.5rem;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    content: ''; }

.c-checkbox--switch:checked + .c-label::before {
  background: #00c3bd !important;
  border-color: #00c3bd;
  -webkit-box-shadow: inset 0 1px 1px 0 #009c9b;
          box-shadow: inset 0 1px 1px 0 #009c9b; }

.c-checkbox--switch:checked + .c-label::after {
  left: 1.625rem; }

.c-checkbox--switch:disabled + .c-label::before {
  opacity: 0.7; }

.c-checkbox--switch:disabled + .c-label::after {
  opacity: 0.7; }

.c-radio + .c-label::before {
  background: url(../../images/mobile/common/ico_radio.svg) no-repeat 50% 50%; }

.c-radio:checked + .c-label::before {
  background: url(../../images/mobile/common/ico_radio_checked.svg) no-repeat 50% 50%; }

.c-radio:checked:disabled + .c-label::before {
  background: url(../../images/mobile/common/ico_radio_checked_disabled.svg) no-repeat 50% 50%; }

.c-radio:disabled + .c-label::before {
  background: url(../../images/mobile/common/ico_radio_disabled.svg) no-repeat 50% 50%; }

.c-checkbox--button + .c-label,
.c-radio--button + .c-label {
  position: relative;
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  padding: 1rem 1rem 1rem;
  margin-right: 0.5rem;
  text-align: center;
  color: #707070;
  font-weight: 400;
  line-height: 1.43;
  min-width: 5.5rem; }
  .c-checkbox--button + .c-label::before,
  .c-radio--button + .c-label::before {
    left: auto;
    right: 0.75rem;
    background: none;
    z-index: 1; }
  .c-checkbox--button + .c-label .c-icon,
  .c-radio--button + .c-label .c-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.5rem; }
  .c-checkbox--button + .c-label.u-ta-left,
  .c-radio--button + .c-label.u-ta-left {
    padding-left: 1rem; }

.c-checkbox--button:checked + .c-label,
.c-radio--button:checked + .c-label {
  border-color: #1d1d1b;
  color: #1d1d1b; }
  .c-checkbox--button:checked + .c-label::before,
  .c-radio--button:checked + .c-label::before {
    background: url(../../images/mobile/common/ico_checkmark_black.svg) no-repeat 50% 50%; }

.c-checkbox--button:disabled + .c-label,
.c-radio--button:disabled + .c-label {
  border-color: #f5f5f5;
  background-color: #f5f5f5;
  color: #ccc; }
  .c-checkbox--button:disabled + .c-label::before,
  .c-radio--button:disabled + .c-label::before {
    background: none; }

.c-checkbox--button:disabled:checked + .c-label::before,
.c-radio--button:disabled:checked + .c-label::before {
  background: url(../../images/mobile/common/ico_checkmark_light-gray.svg) no-repeat 50% 50%; }

.c-checkbox--button--type2 + .c-label,
.c-radio--button--type2 + .c-label {
  padding: 1.5rem 0.75rem;
  font-size: 0.875rem; }
  .c-checkbox--button--type2 + .c-label .c-icon,
  .c-radio--button--type2 + .c-label .c-icon {
    width: 2rem;
    height: 2rem;
    display: block;
    margin: 0 auto 0.375rem; }
  .c-checkbox--button--type2 + .c-label span,
  .c-radio--button--type2 + .c-label span {
    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-flex: 1;
        -ms-flex: 1;
            flex: 1;
    word-break: keep-all; }

.c-checkbox--button--type2:checked + .c-label,
.c-radio--button--type2:checked + .c-label {
  color: #018786;
  border-color: #018786;
  z-index: 1; }
  .c-checkbox--button--type2:checked + .c-label::before,
  .c-radio--button--type2:checked + .c-label::before {
    top: 0.5rem;
    right: 0.5rem;
    -webkit-transform: none;
            transform: none; }
  .c-checkbox--button--type2:checked + .c-label::before,
  .c-radio--button--type2:checked + .c-label::before {
    background: url(../../images/mobile/common/ico_checkmark_mint.svg) no-repeat 50% 50%; }

.c-checkbox--button--type2:disabled + .c-label,
.c-radio--button--type2:disabled + .c-label {
  border-color: #f5f5f5;
  background-color: #f5f5f5;
  color: #ccc; }
  .c-checkbox--button--type2:disabled + .c-label::before,
  .c-radio--button--type2:disabled + .c-label::before {
    background: none; }

.c-checkbox--button--type2:disabled:checked + .c-label::before,
.c-radio--button--type2:disabled:checked + .c-label::before {
  background: url(../../images/mobile/common/ico_checkmark_light-gray.svg) no-repeat 50% 50%; }

.c-checkbox--button--type3 + .c-label,
.c-radio--button--type3 + .c-label {
  margin: 0.25rem 0.25rem;
  font-size: 0.8125rem;
  font-weight: 400;
  min-width: auto;
  height: 2rem;
  line-height: 1.875rem;
  padding: 0 0.75rem;
  border: 0.0625rem solid #ccc;
  color: #1d1d1b;
  background: #fff;
  border-radius: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .c-checkbox--button--type3 + .c-label::before,
  .c-radio--button--type3 + .c-label::before {
    display: none; }

.c-checkbox--button--type3:checked + .c-label,
.c-radio--button--type3:checked + .c-label {
  color: #fff;
  background: #1d1d1b; }

.c-checkbox--button--type3:checked:disabled + .c-label,
.c-radio--button--type3:checked:disabled + .c-label {
  color: rgba(255, 255, 255, 0.5);
  background: rgba(0, 0, 0, 0.4); }

.c-checkbox--button--type4 + .c-label,
.c-radio--button--type4 + .c-label {
  margin: 0.25rem 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.25rem 1rem 0.25rem 0.25rem;
  border: 0.0625rem solid #f5f5f5;
  color: rgba(29, 29, 27, 0.9);
  background: #f5f5f5;
  border-radius: 1.375rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-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;
  overflow: hidden; }
  .c-checkbox--button--type4 + .c-label::before,
  .c-radio--button--type4 + .c-label::before {
    display: none; }

.c-checkbox--button--type4:checked + .c-label,
.c-radio--button--type4:checked + .c-label {
  color: #333333;
  background: #fff;
  border: 1px solid #018786; }

.c-checkbox--button--type4:checked:disabled + .c-label,
.c-radio--button--type4:checked:disabled + .c-label {
  color: #333333;
  background: #fff;
  border: 1px solid #018786; }

.c-checkbox--button--type4:disabled + .c-label,
.c-radio--button--type4:disabled + .c-label {
  color: #333333;
  background: #f5f5f5;
  border: 0.0625rem solid #f5f5f5; }

.c-checkbox--button--type5 + .c-label,
.c-radio--button--type5 + .c-label {
  padding: 1.5rem 0.75rem;
  font-size: 0.875rem; }
  .c-checkbox--button--type5 + .c-label .c-icon,
  .c-radio--button--type5 + .c-label .c-icon {
    width: 2rem;
    height: 2rem;
    display: block;
    margin: 0 auto 0.375rem; }

.c-checkbox--button--type5:checked + .c-label,
.c-radio--button--type5:checked + .c-label {
  color: #018786;
  border-color: #018786;
  z-index: 1; }
  .c-checkbox--button--type5:checked + .c-label::before,
  .c-radio--button--type5:checked + .c-label::before {
    top: 0.5rem;
    right: 0.5rem;
    -webkit-transform: none;
            transform: none; }
  .c-checkbox--button--type5:checked + .c-label::before,
  .c-radio--button--type5:checked + .c-label::before {
    background: url(../../images/mobile/common/ico_checkmark_mint.svg) no-repeat 50% 50%; }

.c-checkbox--button--type5:disabled + .c-label,
.c-radio--button--type5:disabled + .c-label {
  border-color: #f5f5f5;
  background-color: #f5f5f5;
  color: #ccc; }
  .c-checkbox--button--type5:disabled + .c-label::before,
  .c-radio--button--type5:disabled + .c-label::before {
    background: none; }

.c-checkbox--button--type5:disabled:checked + .c-label::before,
.c-radio--button--type5:disabled:checked + .c-label::before {
  background: url(../../images/mobile/common/ico_checkmark_light-gray.svg) no-repeat 50% 50%; }

.c-checkbox--list + .c-label,
.c-radio--list + .c-label {
  position: relative;
  display: block;
  padding: 0.75rem 0;
  margin-right: 0.5rem;
  color: #707070;
  font-weight: 400;
  line-height: 1.43;
  min-width: 5.5rem; }
  .c-checkbox--list + .c-label::before,
  .c-radio--list + .c-label::before {
    left: auto;
    right: 0.75rem;
    background: none; }
  .c-checkbox--list + .c-label .c-icon,
  .c-radio--list + .c-label .c-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.5rem; }
  .c-checkbox--list + .c-label.u-ta-left,
  .c-radio--list + .c-label.u-ta-left {
    padding-left: 1rem; }

.c-checkbox--list:checked + .c-label,
.c-radio--list:checked + .c-label {
  border-color: #1d1d1b;
  color: #1d1d1b;
  font-weight: 500; }
  .c-checkbox--list:checked + .c-label::before,
  .c-radio--list:checked + .c-label::before {
    background: url(../../images/mobile/common/ico_checkmark_black.svg) no-repeat 50% 50%; }

.c-checkbox--list:disabled + .c-label,
.c-radio--list:disabled + .c-label {
  border-color: #f5f5f5;
  background-color: #f5f5f5;
  color: #ccc; }
  .c-checkbox--list:disabled + .c-label::before,
  .c-radio--list:disabled + .c-label::before {
    background: none; }

.c-checkbox--list:disabled:checked + .c-label::before,
.c-radio--list:disabled:checked + .c-label::before {
  background: url(../../images/mobile/common/ico_checkmark_light-gray.svg) no-repeat 50% 50%; }

.c-checkbox--card + .c-label,
.c-radio--card + .c-label {
  position: relative;
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  color: #707070;
  font-weight: 400;
  line-height: 1.43;
  min-width: 5.5rem; }
  .c-checkbox--card + .c-label::before,
  .c-radio--card + .c-label::before {
    left: auto;
    right: 0.75rem;
    background: none;
    z-index: 1; }
  .c-checkbox--card + .c-label .c-icon,
  .c-radio--card + .c-label .c-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.5rem; }
  .c-checkbox--card + .c-label.u-ta-left,
  .c-radio--card + .c-label.u-ta-left {
    padding-left: 1rem; }

.c-checkbox--card:checked + .c-label,
.c-radio--card:checked + .c-label {
  border-color: #1d1d1b;
  color: #1d1d1b; }
  .c-checkbox--card:checked + .c-label::before,
  .c-radio--card:checked + .c-label::before {
    background: url(../../images/mobile/common/ico_checkmark_black.svg) no-repeat 50% 50%; }

.c-checkbox--card:disabled + .c-label,
.c-radio--card:disabled + .c-label {
  border-color: #f5f5f5;
  background-color: #f5f5f5;
  color: #ccc; }
  .c-checkbox--card:disabled + .c-label::before,
  .c-radio--card:disabled + .c-label::before {
    background: none; }

.c-checkbox--card:disabled:checked + .c-label::before,
.c-radio--card:disabled:checked + .c-label::before {
  background: url(../../images/mobile/common/ico_checkmark_light-gray.svg) no-repeat 50% 50%; }

.c-checkbox--card--type1 + .c-label,
.c-radio--card--type1 + .c-label {
  padding: 0;
  margin: 0;
  font-size: 0.875rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .c-checkbox--card--type1 + .c-label .c-icon,
  .c-radio--card--type1 + .c-label .c-icon {
    width: 2rem;
    height: 2rem;
    display: block;
    margin: 0 auto 0.375rem; }

.c-checkbox--card--type1:checked + .c-label,
.c-radio--card--type1:checked + .c-label {
  color: #018786;
  border-color: #018786;
  z-index: 1; }
  .c-checkbox--card--type1:checked + .c-label::before,
  .c-radio--card--type1:checked + .c-label::before {
    top: 0.5rem;
    right: 0.5rem;
    -webkit-transform: none;
            transform: none; }
  .c-checkbox--card--type1:checked + .c-label::before,
  .c-radio--card--type1:checked + .c-label::before {
    background: url(../../images/mobile/common/ico_checkmark_mint.svg) no-repeat 50% 50%; }

.c-checkbox--card--type1:disabled + .c-label,
.c-radio--card--type1:disabled + .c-label {
  border-color: #f5f5f5;
  background-color: #f5f5f5;
  color: #ccc; }
  .c-checkbox--card--type1:disabled + .c-label::before,
  .c-radio--card--type1:disabled + .c-label::before {
    background: none; }

.c-checkbox--card--type1:disabled:checked + .c-label::before,
.c-radio--card--type1:disabled:checked + .c-label::before {
  background: url(../../images/mobile/common/ico_checkmark_light-gray.svg) no-repeat 50% 50%; }

.c-check-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .c-check-wrap.col-3 .c-radio--button + .c-label:before,
  .c-check-wrap.col-3 .c-checkbox--button + .c-label:before {
    content: none; }
  .c-check-wrap .c-chk-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 30%;
            flex: 1 0 30%; }
    .c-check-wrap .c-chk-wrap:last-of-type .c-radio--button + .c-label,
    .c-check-wrap .c-chk-wrap:last-of-type .c-checkbox--button + .c-label {
      margin-right: 0; }
  .c-check-wrap .c-radio--button,
  .c-check-wrap .c-checkbox--button {
    margin: 0; }
    .c-check-wrap .c-radio--button + .c-label,
    .c-check-wrap .c-checkbox--button + .c-label {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .c-check-wrap .c-radio--button--type2 + .c-label,
    .c-check-wrap .c-checkbox--button--type2 + .c-label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .c-check-wrap .c-radio--button--h56 + .c-label,
    .c-check-wrap .c-checkbox--button--h56 + .c-label {
      height: 3.5rem;
      padding: 0.5rem 1rem; }
  .c-check-wrap .c-radio--list + .c-label,
  .c-check-wrap .c-checkbox--list + .c-label {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .c-check-wrap--type2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .c-check-wrap--type2 .c-chk-wrap {
      -webkit-box-flex: 1;
          -ms-flex: auto;
              flex: auto;
      width: calc(50% - 8px); }
      .c-check-wrap--type2 .c-chk-wrap:nth-of-type(even) .c-radio--button + .c-label,
      .c-check-wrap--type2 .c-chk-wrap:nth-of-type(even) .c-checkbox--button + .c-label {
        margin-right: 0; }
      .c-check-wrap--type2 .c-chk-wrap:nth-of-type(n + 3) {
        margin-top: 0.5rem; }
    .c-check-wrap--type2 .c-radio--button + .c-label,
    .c-check-wrap--type2 .c-checkbox--button + .c-label {
      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;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      word-break: keep-all; }

.c-check-wrap--type2.c-check-wrap--half {
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
	justify-content: space-between; }
.c-check-wrap--type2.c-check-wrap--half .c-checkbox--button + .c-label, .c-check-wrap--type2.c-check-wrap--half .c-radio--button + .c-label {
    margin-right: 0; }
.c-check-wrap--type2.c-check-wrap--half .c-chk-wrap {
    width: calc(50% - 0.25rem);
    max-width: calc(50% - 0.25rem); }

  .c-check-wrap--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .c-check-wrap--column .c-chk-wrap + .c-chk-wrap {
      margin-top: 0.5rem; }
    .c-check-wrap--column .c-radio--button + .c-label,
    .c-check-wrap--column ˆ.c-checkbox--button + .c-label {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-right: 0; }
      .c-check-wrap--column .c-radio--button + .c-label:not(:first-of-type),
      .c-check-wrap--column ˆ.c-checkbox--button + .c-label:not(:first-of-type) {
        margin-top: 0.5rem; }
    .c-check-wrap--column .c-radio--list + .c-label,
    .c-check-wrap--column .c-checkbox-list + .c-label {
      margin-right: 0; }
      .c-check-wrap--column .c-radio--list + .c-label:not(:first-of-type),
      .c-check-wrap--column .c-checkbox-list + .c-label:not(:first-of-type) {
        margin-top: 0.5rem; }
    .c-check-wrap--column .c-radio--button + .c-label.u-ta-left,
    .c-check-wrap--column .c-checkbox--button + .c-label.u-ta-left {
      margin-right: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .c-check-wrap--column .c-radio--button + .c-label.u-ta-left:not(:first-of-type),
      .c-check-wrap--column .c-checkbox--button + .c-label.u-ta-left:not(:first-of-type) {
        margin-top: 0.5rem; }
      .c-check-wrap--column .c-radio--button + .c-label.u-ta-left .icon-prefix,
      .c-check-wrap--column .c-checkbox--button + .c-label.u-ta-left .icon-prefix {
        width: 3rem;
        height: 3rem;
        margin-right: 1rem; }
        .c-check-wrap--column .c-radio--button + .c-label.u-ta-left .icon-prefix img,
        .c-check-wrap--column .c-checkbox--button + .c-label.u-ta-left .icon-prefix img {
          vertical-align: bottom;
          width: 100%; }
    .c-check-wrap--column .c-radio--list + .c-label.u-ta-left,
    .c-check-wrap--column .c-checkbox-list + .c-label.u-ta-left {
      margin-right: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .c-check-wrap--column .c-radio--list + .c-label.u-ta-left:not(:first-of-type),
      .c-check-wrap--column .c-checkbox-list + .c-label.u-ta-left:not(:first-of-type) {
        margin-top: 0.5rem; }
      .c-check-wrap--column .c-radio--list + .c-label.u-ta-left .icon-prefix,
      .c-check-wrap--column .c-checkbox-list + .c-label.u-ta-left .icon-prefix {
        margin-right: 1rem; }

#cprtForm .c-check-wrap--column .c-chk-wrap:last-of-type {
    margin-bottom: 1.8125rem; }

.c-check-wrap.c-check-wrap--col2 {
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
    gap: 0.5rem; }

.c-check-wrap.c-check-wrap--col2 .c-checkbox--button + .c-label {
	-webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: calc(50% - 0.25rem);
    margin-right: 0; }

.c-form-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 3.125rem 0 1.5rem;}

.c-form-step__number {
	width: 1.5rem;
    height: 1.5rem;
	background: #1d1d1b;
    color: #fff;
    text-align: center;
    border-radius: 1rem;
    padding: 0.125rem 0.25rem 0.0625rem;
    margin: 0.125rem 0.5rem 0.125rem 0; }

.c-form-step__title {
    font-size: 1.375rem;
    font-weight: 700; }

.c-form {
  position: relative; }
  .c-form.border-top {
    padding-top: 1.5rem;
    border-top: 0.0625rem solid #eaeaea; }
  .c-form__label {
    font-size: 1rem;
    color: #707070;
    position: absolute;
    top: 0;
    left: 0;
    padding: 1.5625rem 1rem 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .c-form__title {
    margin: 2rem 0 0.75rem;
    display: inline-block;
    position: relative;
    font-weight: 500; }
    .c-form__title.flex-type {
      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; }
      .c-form__title.flex-type .c-radio + .c-label,
      .c-form__title.flex-type .c-checkbox + .c-label {
        margin-right: 0; }
    .c-form__title .c-icon {
      margin-left: 0.375rem; }

  .c-form__title .c-icon--tooltip {
	  margin-top: -0.125rem; }

  .c-form__title + .c-icon--tooltip {
  	  margin-top: -0.125rem; }

  .c-form__title--type2 {
    display: block;
    position: relative;
    margin: 2.5rem 0 0.75rem;
    font-size: 1.25rem;
    font-weight: 500; }

  .c-form__title--type2 small {
    margin-left: 0.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: #bfbfbf; }

  .c-form__title--type2 + .gift-tit__sub {
  	margin-top: 0; }

  .c-form__title--type2.flex-type {
    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; }

  .c-form__title--type2.flex-type .paymentPop .c-icon {
    top: -0.0625rem;
    right: 0.25rem; }

  .c-form__title--type2.combine {
    width: 100%;
  }
 .c-form__title--type2.combine .c-icon {
    width: 1rem;
    height: 1rem;
    margin-left: 0;
}

  .c-form__title--type3 {
    display: inline-block;
    position: relative;
    margin: 2.5rem 0 0.75rem;
    font-size: 1.25rem;
    font-weight: 500; }

  .c-form__title--type3 + .c-icon--tooltip {
    margin-top: -0.375rem;
    margin-left: 0; }

  .c-form__text {
    padding-left: 0.625rem;
    margin-top: 0.25rem;
    font-size: 0.875rem; }
  .c-form__input, .c-form__select {
    position: relative;
    border-radius: 0.5rem;
    height: 4.5rem; }
    .c-form__input .c-input:focus,
    .c-form__input .c-select:focus, .c-form__select .c-input:focus,
    .c-form__select .c-select:focus {
      padding: 2.25rem 1rem 0.875rem;
      border-color: #1d1d1b;
      color: #1d1d1b; }
      .c-form__input .c-input:focus::-webkit-input-placeholder, .c-form__input .c-select:focus::-webkit-input-placeholder, .c-form__select .c-input:focus::-webkit-input-placeholder, .c-form__select .c-select:focus::-webkit-input-placeholder {
        color: #bfbfbf; }
      .c-form__input .c-input:focus::-moz-placeholder, .c-form__input .c-select:focus::-moz-placeholder, .c-form__select .c-input:focus::-moz-placeholder, .c-form__select .c-select:focus::-moz-placeholder {
        color: #bfbfbf; }
      .c-form__input .c-input:focus:-ms-input-placeholder, .c-form__input .c-select:focus:-ms-input-placeholder, .c-form__select .c-input:focus:-ms-input-placeholder, .c-form__select .c-select:focus:-ms-input-placeholder {
        color: #bfbfbf; }
      .c-form__input .c-input:focus::-ms-input-placeholder, .c-form__input .c-select:focus::-ms-input-placeholder, .c-form__select .c-input:focus::-ms-input-placeholder, .c-form__select .c-select:focus::-ms-input-placeholder {
        color: #bfbfbf; }
      .c-form__input .c-input:focus::placeholder,
      .c-form__input .c-select:focus::placeholder, .c-form__select .c-input:focus::placeholder,
      .c-form__select .c-select:focus::placeholder {
        color: #bfbfbf; }
      .c-form__input .c-input:focus + .c-form__label,
      .c-form__input .c-select:focus + .c-form__label, .c-form__select .c-input:focus + .c-form__label,
      .c-form__select .c-select:focus + .c-form__label {
        padding-top: 0.875rem;
        font-size: 0.75rem; }
      .c-form__input .c-input:focus ~ .c-button--underline,
      .c-form__input .c-select:focus ~ .c-button--underline, .c-form__select .c-input:focus ~ .c-button--underline,
      .c-form__select .c-select:focus ~ .c-button--underline {
        display: block; }
    .c-form__input .c-input[readonly], .c-form__select .c-input[readonly] {
      color: #bfbfbf; }
    .c-form__input .c-input:-moz-read-only, .c-form__select .c-input:-moz-read-only {
      color: #bfbfbf;
      padding: 2.25rem 1rem 0.875rem; }
    .c-form__input .c-input:read-only, .c-form__select .c-input:read-only {
      color: #bfbfbf;
      padding: 2.25rem 1rem 0.875rem; }
      .c-form__input .c-input:-moz-read-only + .c-form__label, .c-form__select .c-input:-moz-read-only + .c-form__label {
        color: #bfbfbf;
        padding-top: 0.875rem;
        font-size: 0.75rem; }
      .c-form__input .c-input:read-only + .c-form__label, .c-form__select .c-input:read-only + .c-form__label {
        color: #bfbfbf;
        padding-top: 0.875rem;
        font-size: 0.75rem; }
      .c-form__input .c-input:-moz-read-only ~ .c-button--underline, .c-form__select .c-input:-moz-read-only ~ .c-button--underline {
        display: block; }
      .c-form__input .c-input:read-only ~ .c-button--underline, .c-form__select .c-input:read-only ~ .c-button--underline {
        display: block; }
    .c-form__input .c-input:disabled,
    .c-form__input .c-select:disabled, .c-form__select .c-input:disabled,
    .c-form__select .c-select:disabled {
      padding: 2.25rem 1rem 0.875rem; }
      .c-form__input .c-input:disabled + .c-form__label,
      .c-form__input .c-select:disabled + .c-form__label, .c-form__select .c-input:disabled + .c-form__label,
      .c-form__select .c-select:disabled + .c-form__label {
        color: #bfbfbf;
        padding-top: 0.875rem;
        font-size: 0.75rem; }
      .c-form__input .c-input:disabled ~ .c-button--underline,
      .c-form__input .c-select:disabled ~ .c-button--underline, .c-form__select .c-input:disabled ~ .c-button--underline,
      .c-form__select .c-select:disabled ~ .c-button--underline {
        display: block; }
    .c-form__input.has-value .c-form__label, .c-form__select.has-value .c-form__label {
      padding-top: 0.875rem;
      font-size: 0.75rem; }
    .c-form__input.has-value .c-button--underline, .c-form__select.has-value .c-button--underline {
      display: block; }
    .c-form__input.has-value .c-input,
    .c-form__input.has-value .c-select, .c-form__select.has-value .c-input,
    .c-form__select.has-value .c-select {
      color: #1d1d1b;
      padding: 2.25rem 1rem 0.875rem; }
      .c-form__input.has-value .c-input:not(.c-select):disabled,
      .c-form__input.has-value .c-select:not(.c-select):disabled, .c-form__select.has-value .c-input:not(.c-select):disabled,
      .c-form__select.has-value .c-select:not(.c-select):disabled {
        color: #bfbfbf !important;
        -webkit-text-fill-color: #bfbfbf;
        opacity: 1; }
      .c-form__input.has-value .c-input:not(.c-select):-moz-read-only, .c-form__input.has-value .c-select:not(.c-select):-moz-read-only, .c-form__select.has-value .c-input:not(.c-select):-moz-read-only, .c-form__select.has-value .c-select:not(.c-select):-moz-read-only {
        color: #bfbfbf; }
      .c-form__input.has-value .c-input:not(.c-select):read-only,
      .c-form__input.has-value .c-select:not(.c-select):read-only, .c-form__select.has-value .c-input:not(.c-select):read-only,
      .c-form__select.has-value .c-select:not(.c-select):read-only {
        color: #bfbfbf; }
    .c-form__input .c-button--underline, .c-form__select .c-button--underline {
      height: calc(100% - 2px);
      padding: 0 1rem;
      position: absolute;
      top: 1px;
      right: 1px;
      z-index: 1;
      background: transparent;
      color: #018786; }
      .c-form__input .c-button--underline::before, .c-form__select .c-button--underline::before {
        border-color: #018786;
        left: 1rem;
        right: 1rem;
        bottom: calc(50% - 10px); }
      .c-form__input .c-button--underline:disabled, .c-form__select .c-button--underline:disabled {
        background: #f5f5f5; }
        .c-form__input .c-button--underline:disabled:before, .c-form__select .c-button--underline:disabled:before {
          border-color: #ccc; }
  .c-form__input .c-input {
    padding: 1.5625rem 1rem;
    height: 100%;
    border: 1px solid #ddd; }
    .c-form__input .c-input::-webkit-input-placeholder {
      display: none;
      color: transparent; }
    .c-form__input .c-input::-moz-placeholder {
      display: none;
      color: transparent; }
    .c-form__input .c-input:-ms-input-placeholder {
      display: none;
      color: transparent; }
    .c-form__input .c-input::-ms-input-placeholder {
      display: none;
      color: transparent; }
    .c-form__input .c-input::placeholder {
      display: none;
      color: transparent; }
  .c-form__select .c-select {
    height: 100%;
    color: transparent; }
  .c-form--datepicker .c-form__input .c-input {
    padding-right: 4rem; }
    .c-form--datepicker .c-form__input .c-input::-webkit-input-placeholder {
      opacity: 0; }
    .c-form--datepicker .c-form__input .c-input::-moz-placeholder {
      opacity: 0; }
    .c-form--datepicker .c-form__input .c-input:-ms-input-placeholder {
      opacity: 0; }
    .c-form--datepicker .c-form__input .c-input::-ms-input-placeholder {
      opacity: 0; }
    .c-form--datepicker .c-form__input .c-input::placeholder {
      opacity: 0; }
    .c-form--datepicker .c-form__input .c-input:focus {
      opacity: 1;
      color: #1d1d1b; }
    .c-form--datepicker .c-form__input .c-input::-webkit-date-and-time-value {
      text-align: left; }
  .c-form--datepicker .c-form__input .c-button {
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    pointer-events: none; }
  .c-form--search {
    margin-bottom: 1.5rem; }
    .c-form--search .c-form__input {
      height: 3rem;
      border-radius: 1.5rem; }
      .c-form--search .c-form__input .c-input {
        padding: 0 3.25rem 0 1rem;
        border-radius: 1.5rem; }
        .c-form--search .c-form__input .c-input::-webkit-input-placeholder {
          display: block;
          color: #bfbfbf; }
        .c-form--search .c-form__input .c-input::-moz-placeholder {
          display: block;
          color: #bfbfbf; }
        .c-form--search .c-form__input .c-input:-ms-input-placeholder {
          display: block;
          color: #bfbfbf; }
        .c-form--search .c-form__input .c-input::-ms-input-placeholder {
          display: block;
          color: #bfbfbf; }
        .c-form--search .c-form__input .c-input::placeholder {
          display: block;
          color: #bfbfbf; }
      .c-form--search .c-form__input .c-button--search-bk {
        position: absolute;
        top: 1px;
        right: 1px;
        width: 2.5rem;
        height: 2.5rem;
        margin-top: 0.1875rem;
        margin-right: 0.1875rem; }
      .c-form--search .c-form__input .c-button--reset {
        height: calc(100% - 2px);
        padding: 0 1rem;
        position: absolute;
        top: 1px;
        right: 46px;
        background: #fff;
        border-radius: 1.5rem;
        display: none; }
        .c-form--search .c-form__input .c-button--reset.is-active {
          display: block; }

  #paymentSelect .c-form--search .c-form__input .c-button--reset .c-icon {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_reset.svg) 50% 50% no-repeat;
  }

  .c-form--lg {
    margin-top: 2.5rem; }
  .c-form .c-bullet--dot {
    margin-top: 0.5rem; }
  .c-form .c-form__select--phone .c-select {
    background-position: left 9.5rem bottom 1rem; }

.c-select-badge {
  margin-left: auto;
  width: 2rem;
  height: 2rem;
  background: url(../../images/mobile/common/ico_comparison.svg) no-repeat 50% 50%; }

.c-checkbox--button--type5 {
  position: relative;
  display: block; }
  .c-checkbox--button--type5 + .c-label-card {
    padding: 0;
    margin: 0;
    border-radius: 0.5rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .c-checkbox--button--type5 + .c-label-card::before {
      background: url(../../images/mobile/common/ico_checkmark_light-gray.svg) no-repeat 50% 50%;
      top: 1.75rem;
      right: 0.5rem;
      z-index: 10; }
    .c-checkbox--button--type5 + .c-label-card .c-card--type1 {
      margin-bottom: 0; }
    .c-checkbox--button--type5 + .c-label-card .c-card__box {
      margin: 0;
      padding: 1.25rem 1.25rem 0 1.25rem;
      text-align: left; }
    .c-checkbox--button--type5 + .c-label-card .c-card__info {
      background: #f5f5f5;
      padding: 1rem 1.25rem;
      border-bottom-left-radius: 0.5rem;
      border-bottom-right-radius: 0.5rem; }
    .c-checkbox--button--type5 + .c-label-card .info-dl {
      font-size: 0.8125rem; }
      .c-checkbox--button--type5 + .c-label-card .info-dl dt {
        margin-top: 0.75rem;
        color: #707070; }
        .c-checkbox--button--type5 + .c-label-card .info-dl dt:first-of-type {
          margin-top: 0; }
      .c-checkbox--button--type5 + .c-label-card .info-dl dd {
        margin-top: 0.25rem;
        color: #1d1d1b; }
  .c-checkbox--button--type5:checked + .c-label-card {
    border-radius: 0.5rem;
    border: 1px solid #1d1d1b; }
    .c-checkbox--button--type5:checked + .c-label-card::before {
      background: url(../../images/mobile/common/ico_checkmark_black.svg) no-repeat 50% 50%;
      top: 1rem;
      right: 0.5rem;
      z-index: 10; }

.c-form__input-group {
  position: relative;
  height: 4.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  background: #fff;
  width: 100%;
  color: #1d1d1b;
  font-size: 1rem; }
  .c-form__input-group span {
    visibility: hidden;
    padding: 1.75rem 0 0.5rem; }
  .c-form__input-group.is-readonly {
    background-color: #f5f5f5; }
    .c-form__input-group.is-readonly .c-form__input-division .c-input--div4,
    .c-form__input-group.is-readonly .c-form__input-division .c-input--div3,
    .c-form__input-group.is-readonly .c-form__input-division .c-input--div2,
    .c-form__input-group.is-readonly .c-form__input-division .c-input--div {
      background-color: #f5f5f5 !important;
      color: #707070 !important; }
    .c-form__input-group.is-readonly .c-form__input-division .c-form__label {
      color: #707070; }
  .c-form__input-group.is-disabled {
    background-color: #e8e8e8; }
    .c-form__input-group.is-disabled span {
      color: #bfbfbf; }
    .c-form__input-group.is-disabled .c-form__input-division .c-input--div4,
    .c-form__input-group.is-disabled .c-form__input-division .c-input--div3,
    .c-form__input-group.is-disabled .c-form__input-division .c-input--div2,
    .c-form__input-group.is-disabled .c-form__input-division .c-input--div {
      background-color: #e8e8e8 !important;
      color: #bfbfbf !important;
      -webkit-text-fill-color: #bfbfbf;
      -webkit-opacity: 1; }
    .c-form__input-group.is-disabled .c-form__input-division .c-form__label {
      color: #bfbfbf; }
    .c-form__input-group.is-disabled .c-form__input-division .has-value .c-form__label {
      padding-top: 0.875rem;
      font-size: 0.75rem; }
  .c-form__input-group.is-focused {
    border: 1px solid #1d1d1b; }
    .c-form__input-group.is-focused span {
      visibility: visible; }
  .c-form__input-group.has-error {
    border: 1px solid #ed0000; }
    .c-form__input-group.has-error.is-focused {
      border: 1px solid #ed0000; }
    .c-form__input-group.has-error + .c-form__text,
    .c-form__input-group.has-error + .c-text--form {
      color: #ed0000; }
  .c-form__input-group.has-safe {
    border: 1px solid #008080; }
    .c-form__input-group.has-safe.is-focused {
      border: 1px solid #008080; }
    .c-form__input-group.has-safe + .c-form__text,
    .c-form__input-group.has-safe + .c-text--form {
      color: #008080; }
  .c-form__input-group .c-form__input-division {
    padding: rem-clac(0 0 0 0);
    margin: 0;
    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;
    width: 100%;
    height: 4.5rem; }
    .c-form__input-group .c-form__input-division > .c-input--div4:checked,
    .c-form__input-group .c-form__input-division .c-input--div3:checked,
    .c-form__input-group .c-form__input-division .c-input--div2:checked,
    .c-form__input-group .c-form__input-division .c-input--div:checked {
      -webkit-box-shadow: 0 0 0 1px #1d1d1b;
              box-shadow: 0 0 0 1px #1d1d1b; }
    .c-form__input-group .c-form__input-division span {
      margin: 0.5rem 0.5rem 0; }
    .c-form__input-group .c-form__input-division .c-form__lable {
      font-size: 1rem;
      color: #707070;
      position: absolute;
      top: 0;
      left: 0;
      padding: 1rem 1rem 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .c-form__input-group .c-form__input-division.has-value .c-form__label {
      padding-top: 0.875rem;
      font-size: 0.75rem; }
    .c-form__input-group .c-form__input-division.has-value .c-input--div4,
    .c-form__input-group .c-form__input-division.has-value .c-input--div3,
    .c-form__input-group .c-form__input-division.has-value .c-input--div2,
    .c-form__input-group .c-form__input-division.has-value .c-input--div {
      color: #707070;
      padding: 2rem 1rem 0.5rem;
      height: 3.5rem; }
    .c-form__input-group .c-form__input-division.has-value > span {
      visibility: visible; }

	.c-form__input-group .c-form__input-division .c-input--div {
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background: #fff;
      color: #1d1d1b;
      font-size: 1rem;
      height: 3.5rem;
      padding: 1rem;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .c-form__input-group .c-form__input-division .c-input--div::-webkit-input-placeholder {
      visibility: hidden; }
    .c-form__input-group .c-form__input-division .c-input--div::-moz-placeholder {
      visibility: hidden; }
    .c-form__input-group .c-form__input-division .c-input--div:-ms-input-placeholder {
      visibility: hidden; }
    .c-form__input-group .c-form__input-division .c-input--div::-ms-input-placeholder {
      visibility: hidden; }
    .c-form__input-group .c-form__input-division .c-input--div::placeholder {
      visibility: hidden; }
    .c-form__input-group .c-form__input-division .c-input--div:focus {
      padding: 2rem 1rem 0.5rem;
      color: #1d1d1b;
      outline: none; }
    .c-form__input-group .c-form__input-division .c-input--div:focus::-webkit-input-placeholder {
      visibility: visible;
      padding: 1.5rem 0 0.875rem;
      color: #bfbfbf; }
    .c-form__input-group .c-form__input-division .c-input--div:focus::-moz-placeholder {
      visibility: visible;
      padding: 1.5rem 0 0.875rem;
      color: #bfbfbf; }
    .c-form__input-group .c-form__input-division .c-input--div:focus:-ms-input-placeholder {
      visibility: visible;
      padding: 1.5rem 0 0.875rem;
      color: #bfbfbf; }
    .c-form__input-group .c-form__input-division .c-input--div:focus::-ms-input-placeholder {
      visibility: visible;
      padding: 1.5rem 0 0.875rem;
      color: #bfbfbf; }
    .c-form__input-group .c-form__input-division .c-input--div:focus::placeholder {
      visibility: visible;
      padding: 1.5rem 0 0.875rem;
      color: #bfbfbf; }
    .c-form__input-group .c-form__input-division .c-input--div:focus ~ .c-form__label {
      padding-top: 0.875rem;
      font-size: 0.75rem; }
    .c-form__input-group .c-form__input-division .c-input--div:focus ~ .c-input--div2 {
      padding: 2rem 1rem 0.5rem; }
      .c-form__input-group .c-form__input-division .c-input--div:focus ~ .c-input--div2::-webkit-input-placeholder {
        visibility: visible;
        padding: 1.5rem 0 0.875rem;
        color: #bfbfbf; }
      .c-form__input-group .c-form__input-division .c-input--div:focus ~ .c-input--div2::-moz-placeholder {
        visibility: visible;
        padding: 1.5rem 0 0.875rem;
        color: #bfbfbf; }
      .c-form__input-group .c-form__input-division .c-input--div:focus ~ .c-input--div2:-ms-input-placeholder {
        visibility: visible;
        padding: 1.5rem 0 0.875rem;
        color: #bfbfbf; }
      .c-form__input-group .c-form__input-division .c-input--div:focus ~ .c-input--div2::-ms-input-placeholder {
        visibility: visible;
        padding: 1.5rem 0 0.875rem;
        color: #bfbfbf; }
      .c-form__input-group .c-form__input-division .c-input--div:focus ~ .c-input--div2::placeholder {
        visibility: visible;
        padding: 1.5rem 0 0.875rem;
        color: #bfbfbf; }
    .c-form__input-group .c-form__input-division .c-input--div:focus:parent(div) {
      border: 1px solid #1d1d1b; }

    .c-form__input-group .c-form__input-division .c-input--div2 {
      width: 49%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background: #fff;
      color: #1d1d1b;
      font-size: 1rem;
      height: 3.5rem;
      padding: 1rem;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .c-form__input-group .c-form__input-division .c-input--div2::-webkit-input-placeholder {
        visibility: hidden; }
      .c-form__input-group .c-form__input-division .c-input--div2::-moz-placeholder {
        visibility: hidden; }
      .c-form__input-group .c-form__input-division .c-input--div2:-ms-input-placeholder {
        visibility: hidden; }
      .c-form__input-group .c-form__input-division .c-input--div2::-ms-input-placeholder {
        visibility: hidden; }
      .c-form__input-group .c-form__input-division .c-input--div2::placeholder {
        visibility: hidden; }
      .c-form__input-group .c-form__input-division .c-input--div2:focus {
        padding: 2rem 1rem 0.5rem;
        color: #1d1d1b;
        outline: none; }
        .c-form__input-group .c-form__input-division .c-input--div2:focus::-webkit-input-placeholder {
          visibility: visible;
          padding: 1.5rem 0 0.875rem;
          color: #bfbfbf; }
        .c-form__input-group .c-form__input-division .c-input--div2:focus::-moz-placeholder {
          visibility: visible;
          padding: 1.5rem 0 0.875rem;
          color: #bfbfbf; }
        .c-form__input-group .c-form__input-division .c-input--div2:focus:-ms-input-placeholder {
          visibility: visible;
          padding: 1.5rem 0 0.875rem;
          color: #bfbfbf; }
        .c-form__input-group .c-form__input-division .c-input--div2:focus::-ms-input-placeholder {
          visibility: visible;
          padding: 1.5rem 0 0.875rem;
          color: #bfbfbf; }
        .c-form__input-group .c-form__input-division .c-input--div2:focus::placeholder {
          visibility: visible;
          padding: 1.5rem 0 0.875rem;
          color: #bfbfbf; }
        .c-form__input-group .c-form__input-division .c-input--div2:focus ~ .c-form__label {
          padding-top: 0.875rem;
          font-size: 0.75rem; }
        .c-form__input-group .c-form__input-division .c-input--div2:focus ~ .c-input--div2 {
          padding: 2rem 1rem 0.5rem; }
          .c-form__input-group .c-form__input-division .c-input--div2:focus ~ .c-input--div2::-webkit-input-placeholder {
            visibility: visible;
            padding: 1.5rem 0 0.875rem;
            color: #bfbfbf; }
          .c-form__input-group .c-form__input-division .c-input--div2:focus ~ .c-input--div2::-moz-placeholder {
            visibility: visible;
            padding: 1.5rem 0 0.875rem;
            color: #bfbfbf; }
          .c-form__input-group .c-form__input-division .c-input--div2:focus ~ .c-input--div2:-ms-input-placeholder {
            visibility: visible;
            padding: 1.5rem 0 0.875rem;
            color: #bfbfbf; }
          .c-form__input-group .c-form__input-division .c-input--div2:focus ~ .c-input--div2::-ms-input-placeholder {
            visibility: visible;
            padding: 1.5rem 0 0.875rem;
            color: #bfbfbf; }
          .c-form__input-group .c-form__input-division .c-input--div2:focus ~ .c-input--div2::placeholder {
            visibility: visible;
            padding: 1.5rem 0 0.875rem;
            color: #bfbfbf; }
        .c-form__input-group .c-form__input-division .c-input--div2:focus:parent(div) {
          border: 1px solid #1d1d1b; }
    .c-form__input-group .c-form__input-division .c-input--div3 {
      width: 30%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background: #fff;
      color: #1d1d1b;
      font-size: 1rem;
      height: 3.5rem;
      padding: 1rem;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .c-form__input-group .c-form__input-division .c-input--div3::-webkit-input-placeholder {
        visibility: hidden; }
      .c-form__input-group .c-form__input-division .c-input--div3::-moz-placeholder {
        visibility: hidden; }
      .c-form__input-group .c-form__input-division .c-input--div3:-ms-input-placeholder {
        visibility: hidden; }
      .c-form__input-group .c-form__input-division .c-input--div3::-ms-input-placeholder {
        visibility: hidden; }
      .c-form__input-group .c-form__input-division .c-input--div3::placeholder {
        visibility: hidden; }
      .c-form__input-group .c-form__input-division .c-input--div3:focus {
        padding: 2rem 1rem 0.5rem;
        color: #1d1d1b;
        outline: none; }
        .c-form__input-group .c-form__input-division .c-input--div3:focus::-webkit-input-placeholder {
          visibility: visible;
          padding: 1.5rem 0 0.875rem;
          color: #bfbfbf; }
        .c-form__input-group .c-form__input-division .c-input--div3:focus::-moz-placeholder {
          visibility: visible;
          padding: 1.5rem 0 0.875rem;
          color: #bfbfbf; }
        .c-form__input-group .c-form__input-division .c-input--div3:focus:-ms-input-placeholder {
          visibility: visible;
          padding: 1.5rem 0 0.875rem;
          color: #bfbfbf; }
        .c-form__input-group .c-form__input-division .c-input--div3:focus::-ms-input-placeholder {
          visibility: visible;
          padding: 1.5rem 0 0.875rem;
          color: #bfbfbf; }
        .c-form__input-group .c-form__input-division .c-input--div3:focus::placeholder {
          visibility: visible;
          padding: 1.5rem 0 0.875rem;
          color: #bfbfbf; }
        .c-form__input-group .c-form__input-division .c-input--div3:focus ~ .c-form__label {
          padding-top: 0.875rem;
          font-size: 0.75rem; }
        .c-form__input-group .c-form__input-division .c-input--div3:focus ~ .c-input--div3 {
          padding: 2rem 1rem 0.5rem; }
          .c-form__input-group .c-form__input-division .c-input--div3:focus ~ .c-input--div3::-webkit-input-placeholder {
            visibility: visible;
            padding: 1.5rem 0 0.875rem;
            color: #bfbfbf; }
          .c-form__input-group .c-form__input-division .c-input--div3:focus ~ .c-input--div3::-moz-placeholder {
            visibility: visible;
            padding: 1.5rem 0 0.875rem;
            color: #bfbfbf; }
          .c-form__input-group .c-form__input-division .c-input--div3:focus ~ .c-input--div3:-ms-input-placeholder {
            visibility: visible;
            padding: 1.5rem 0 0.875rem;
            color: #bfbfbf; }
          .c-form__input-group .c-form__input-division .c-input--div3:focus ~ .c-input--div3::-ms-input-placeholder {
            visibility: visible;
            padding: 1.5rem 0 0.875rem;
            color: #bfbfbf; }
          .c-form__input-group .c-form__input-division .c-input--div3:focus ~ .c-input--div3::placeholder {
            visibility: visible;
            padding: 1.5rem 0 0.875rem;
            color: #bfbfbf; }

textarea {
  resize: none; }

/* button */
.c-button {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0.5rem;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center; }
  .c-button__sub {
    margin-left: 0.25rem;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #707070; }
  .c-button:disabled, .c-button.is-disabled {
    color: rgba(112, 112, 112, 0.4) !important;
    background-color: #e8e8e8 !important;
    border-color: #e8e8e8 !important;
    cursor: default; }
  .c-button--xsm {
    height: 1.5rem;
    line-height: 1.375rem;
    padding: 0 0.625rem;
    font-size: 0.75rem;
    font-weight: 400;
    border-radius: 0.75rem;
    color: #666; }
    .c-button--xsm b {
      font-weight: 500;
      color: #1d1d1b; }
  .c-button--sm {
    height: 2rem;
    line-height: 1.875rem;
    padding: 0 0.75rem;
    font-size: 0.875rem;
    border-radius: 1rem; }
  .c-button--md {
    height: 3rem;
    line-height: 2.875rem;
    padding: 0 1rem;
    font-size: 1rem;
    border-radius: 1.25rem; }
  .c-button--lg {
    padding: 1rem 0.75rem;
    font-size: 1rem; }
  .c-button--full {
    width: 100%;
    padding: 1rem 0.75rem;
    font-size: 1rem; }
  .c-button--h48 {
    height: 3rem;
    line-height: 1rem;
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .c-button--primary {
    background-color: #1d1d1b;
    border: 0.0625rem solid #1d1d1b;
    color: #fff; }
    .c-button--primary.is-active {
      border-color: #ccc !important;
      background-color: #ccc !important;
      color: #707070 !important; }
  .c-button--white {
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    color: #1d1d1b; }
    .c-button--white.is-active {
      background-color: #1d1d1b !important;
      color: #fff !important; }
    .c-button--white.c-button--md.c-button--white {
      text-align: left; }
      .c-button--white	.c-button--md.c-button--white .c-button__sub {
        float: right; }

 .c-button--gray {
  background-color: #f5f5f5;
  border: 0.0625rem solid #f5f5f5;
  color: #4c4c4c; }

   .c-button--gray--type2 {
  background-color: #eaeaea;
  border: 0.0625rem solid #eaeaea;
  color: #bfbfbf; }

  .c-button--bluegreen {
     background-color: #008080;
    border-color: #008080;
    color: #fff; }

    .c-button--gray.is-active {
      background-color: #00c3bd !important;
      border-color: #00c3bd !important;
      color: #fff !important; }
  .c-button--mint {
    background-color: #00c3bd;
    border: 0.0625rem solid #00c3bd;
    color: #fff; }
    .c-button--mint:disabled, .c-button--mint.is-disabled {
      color: #bfbfbf !important;
      background-color: #eaeaea;
      border-color: #eaeaea; }
    .c-button--mint.is-complete {
      color: rgba(255, 255, 255, 0.5) !important;
      background-color: #00c3bd;
      border-color: #00c3bd; }
  .c-button--mint-type2 {
    background: rgba(0, 128, 128, 0.06);
    border-radius: 0.5rem;
    color: #008080; }
  .c-button--red {
    background-color: #ed1c24;
    border: 0.0625rem solid #ed1c24;
    color: #fff; }
    .c-button--red:disabled, .c-button--red.is-disabled {
      color: #bfbfbf !important;
      background-color: #eaeaea;
      border-color: #eaeaea; }
  .c-button--mint--type2 {
    background-color: #fff;
    border: 0.0625rem solid #00c0aa;
    color: #00c0aa; }
    .c-button--mint--type2.is-active {
      background-color: #00c3bd !important;
      color: #fff !important; }
  .c-button--share {
    width: 3.5rem;
    height: 3.5rem;
    background: #eaeaea;
    line-height: 3.5rem; }
    .c-button--share:disabled .c-icon, .c-button--share.is-disabled .c-icon {
      background: #eaeaea url(../../images/mobile/common/ico_share_disabled.svg) 50% 50% no-repeat; }
  .c-button--underline {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    height: auto;
    line-height: 1.43; }
    .c-button--underline::before {
      content: "";
      display: block;
      clear: both;
      position: absolute;
      left: 0;
      right: 0;
      bottom: -0.0625rem;
      border-bottom: 0.0625rem solid #1d1d1b; }
    .c-button--underline.u-co-mint::before {
      border-bottom: 0.0625rem solid #00c0aa; }
    .c-button--underline.u-co-sub-4::before {
      border-bottom: 0.0625rem solid #008080; }
  .c-button.with-right-arrow {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .c-button.with-right-arrow .c-icon--arrow-right {
      position: absolute;
      right: 0.75rem; }
  .c-button--sort {
    border-bottom: 1px solid #eaeaea; }
  .c-button > .c-icon:first-child:not(:last-child) {
    margin-right: 0.5rem; }
  .c-button > .c-hidden + .c-icon {
    margin: 0 !important; }
  .c-button .c-icon--arrow-right:last-child {
    margin-left: 0.25rem; }
  .c-button--kakao {
    border-color: #f7df05;
    background: #f7df05;
    color: #1d1d1b; }
  .c-button--naver {
    border-color: #03cf5d;
    background: #03cf5d;
    color: #fff; }
  .c-button--facebook {
    border-color: #3c5b9a;
    background: #3c5b9a;
    color: #fff; }
  .c-button--apple {
    border: 1px solid #000;
    background: #fff;
    color: #000; }
  .c-button--bs-openner {
    width: 100%;
    height: 6.875rem;
    padding: 1rem 2rem 2.0625rem;
    border-radius: 1.5rem 1.5rem 0 0;
    background-color: #ff4c4c;
    color: #fff;
    text-align: left; }
  .c-button--round {
    width: 1.875rem;
    height: 1.875rem;
    border: 1px solid #f5f5f5;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); }

.c-button--icon {
	display: flex;
    align-items: center;
    width: 100%;
    height: 3rem;
    padding: 0 0.75rem;
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    color: #1d1d1b; }

.c-button--icon:hover {
	border-color : #008080; }

.c-button--link {
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    color: #707070;
    padding: 0 1.25rem;
    width: 100%;
    height: 3rem;
    line-height: 2.85rem;
    position: relative;
    display: inline-block;
    border-radius: 0.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    font-size: 1rem;
    letter-spacing: -0.031rem;
    font-weight: 400; }

.c-button--link::before {
	content: '';
    display: block;
    clear: both;
    background: url(../../images/portal/common/ico_arrow_gray.svg) 50% 50% no-repeat;
    background-size: 2rem;
    position: absolute;
    right: 1rem;
    top: 0.8rem;
    width: 1.25rem;
    height: 1.25rem;
    background-size: cover;
    background-size: 1.5rem; }

.c-button--link:hover {
	color: #008080;
    border-color: #008080; }

.c-button--link:hover::before {
    background: url(../../images/portal/common/ico_arrow_bluegreen.svg) no-repeat 50% 50%;
   	content: '';
    display: block;
    clear: both;
    background-size: 2rem;
    position: absolute;
    right: 1rem;
    top: 0.8rem;
    width: 1.25rem;
    height: 1.25rem;
    background-size: cover;
    background-size: 1.5rem; }

.c-button--link .c-icon {
    position: absolute;
    left: 1.5rem;
    top: 0.5rem; }

.c-button-wrap .c-button--link ~ .c-button--link {
    margin-left: 0.5rem; }
.c-button-wrap--column .c-button--link ~ .c-button--link {
    margin-top: 0.5rem;
    margin-left: 0 !important; }

.c-button--link:hover > .c-icon--ktmm {
    background: url(../../images/portal/usim/ico_ktmm_bluegreen.svg) 50% 50% no-repeat !important; }
.c-button--link:hover > .c-icon--mart {
    background: url(../../images/portal/usim/ico_mart_bluegreen.svg) 50% 50% no-repeat !important; }
.c-button--link:hover > .c-icon--openmarket {
	background: url(../../images/portal/usim/ico_openmarket_bluegreen.svg) 50% 50% no-repeat !important; }

.c-button--link__type2 {
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    color: #707070;
    padding: 0 1rem;
    width: 100%;
    height: 3rem;
    line-height: 2.85rem;
    position: relative;
    display: inline-block;
    border-radius: 0.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 1rem;
    letter-spacing: -0.031rem;
    font-weight: 400; }

.c-button--link__type2::before {
	content: '';
    display: block;
    clear: both;
    background: url(../../images/portal/common/ico_arrow_gray.svg) 50% 50% no-repeat;
    background-size: 2rem;
    position: absolute;
    right: 1rem;
    top: 0.8rem;
    width: 1.25rem;
    height: 1.25rem;
    background-size: cover;
    background-size: 1.5rem; }

.c-button--link__type2:hover {
	color: #008080;
    border-color: #008080; }

.c-button--link__type2:hover::before {
    background: url(../../images/portal/common/ico_arrow_bluegreen.svg) no-repeat 50% 50%;
   	content: '';
    display: block;
    clear: both;
    background-size: 2rem;
    position: absolute;
    right: 1rem;
    top: 0.8rem;
    width: 1.25rem;
    height: 1.25rem;
    background-size: cover;
    background-size: 1.5rem; }

.c-button--link__type2 .c-icon {
	margin-right: 0.5rem;
	margin-left: -0.125rem; }

.c-button-wrap .c-button--link__type2 ~ .c-button--link__type2 {
    margin-left: 0.5rem; }
.c-button-wrap--column .c-button--link__type2 ~ .c-button--link__type2 {
    margin-top: 0.5rem;
    margin-left: 0 !important; }

.c-button--center {
	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;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    min-width: 5.5rem;
    padding: 1.25rem 0.75rem 0.9375rem;
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
    color: #777;
    border: 0.0625rem solid #ddd;
    border-radius: 0.5rem; }

.c-button--center .c-icon {
    width: 2rem;
    height: 2rem;
    display: block;
    margin: 0 auto 0.75rem; }

.c-button-wrap .c-button--center ~ .c-button--center {
    margin-left: 0.5rem; }

.c-button--center:active, .c-button--center.is-active {
	color: #018786;
    border-color: #018786; }

.c-button--center:disabled, .c-button--center.is-disabled {
    color: rgba(112, 112, 112, 0.4) !important;
    background-color: #e8e8e8 !important;
    border-color: #e8e8e8 !important;
    cursor: default; }

.c-button--center.is-active .c-icon--phone, .c-button--center:active .c-icon--phone {
	background: url(../../images/mobile/common/ico_phone_checked.svg) 50% 0 no-repeat !important; }

.c-button--center:disabled:hover .c-icon--phone, .c-button--center.is-disabled .c-icon--phone {
	background: url(../../images/mobile/common/ico_phone.svg) 50% 0 no-repeat !important; }

.c-button--center.is-active .c-icon--card, .c-button--center:active .c-icon--card {
 	background: url(../../images/mobile/common/ico_card_checked.svg) 50% 0 no-repeat !important; }

.c-button--center:disabled:hover .c-icon--card, .c-button--center.is-disabled .c-icon--card {
 	background: url(../../images/mobile/common/ico_card.svg) 50% 0 no-repeat !important; }

.c-button-wrap {
  margin-top: 2rem;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0; }
  .c-button-wrap.c-flex {
    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; }
    .c-button-wrap.c-flex .c-button {
      margin: 0.75rem; }
  .c-button-wrap--b-floating {
    position: fixed;
    margin: 0;
    left: 0;
    bottom: -20px;
    right: 0;
    z-index: 10;
    display: none; }
    .c-button-wrap--b-floating .c-icon--arrow-up {
	    position: absolute;
	    top: 0.75rem;
	    left: 50%;
	    height: 0.5rem;
	    -webkit-transform: translateX(-50%);
    	transform: translateX(-50%);
	    background: url(../../images/mobile/common/ico_arrow_up.svg) 50% -0.75rem no-repeat; }
    .c-button-wrap--b-floating.is-active {
      display: block;
      -webkit-animation-duration: 0.5s;
              animation-duration: 0.5s;
      -webkit-animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
              animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
      -webkit-animation-name: bsIn;
              animation-name: bsIn; }
    .c-button-wrap--b-floating.is-deactive {
      -webkit-animation-duration: 0.5s;
              animation-duration: 0.5s;
      -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
              animation-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
      -webkit-animation-name: bsOut;
              animation-name: bsOut; }
  .c-button-wrap--left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .c-button-wrap--right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .c-button-wrap--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .c-button-wrap--column .c-button:not(.c-button--underline) {
      width: 100%; }
    .c-button-wrap--column .c-button ~ .c-button {
      margin-top: 0.5rem;
      margin-left: 0 !important; }
    .c-button-wrap--column .c-block {
      margin-bottom: 0.5rem; }
  .c-button-wrap .c-button ~ .c-button {
    margin-left: 0.5rem; }
  .c-button-wrap .c-button--xsm ~ .c-button--xsm {
    margin: 0; }
    .c-button-wrap .c-button--xsm ~ .c-button--xsm::after {
      content: "";
      display: block;
      clear: both;
      position: absolute;
      left: -0.0625rem;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 0.0625rem;
      height: 0.6875rem;
      border-left: 0.0625rem solid #ddd; }
  .c-button-wrap .c-button--full {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.ly-content > .c-button-wrap:last-child,
.c-tabs__panel > .c-button-wrap:last-child {
  margin-top: 3rem; }

.card-issuance-btn {
  width: 100%; }

.c-icon {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-size: cover !important; }
  [class*='c-icon--arrow'] {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_arrow_gray.svg) 50% 50% no-repeat; }
  .c-icon--arrow-right-yellow {
    background: url(../../images/mobile/common/ico_arrow_yellow.svg) 50% 50% no-repeat; }
  .c-icon--arrow-top {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .c-icon--arrow-top {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .c-icon--arrow-left {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg); }
  .c-icon--arrow-bottom {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .c-icon--arrow-type2 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_arrow_type2.svg) 50% 50% no-repeat; }
  .c-icon--arrow-up {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_arrow_up.svg) 50% 50% no-repeat; }
  .c-icon--arrow-down {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_arrow_down.svg) 50% 50% no-repeat; }
  .c-icon--arrow-up-bold {
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/mobile/common/ico_arrow_up_b.svg) 50% 50% no-repeat; }
  .c-icon--arrow-down-bold {
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/mobile/common/ico_arrow_down_b.svg) 50% 50% no-repeat; }
  .c-icon--arrow-down-open {
    width: 1.75rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_arrow_open.svg) 50% 50% no-repeat; }
  .c-icon--arrow-down-mint {
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/mobile/common/ico_arrow_down_mint.svg) 50% 50% no-repeat; }
  .c-icon--arrow-mint {
    background: url(../../images/mobile/common/ico_arrow_mint.svg) 50% 50% no-repeat !important; }
  .c-icon--arrow-bluegreen {
    background: url(../../images/mobile/common/ico_arrow_bluegreen.svg) 50% 50% no-repeat !important; }
  .c-icon--arrow-black {
    background: url(../../images/mobile/common/ico_arrow_black.svg) 50% 50% no-repeat !important; }
  .c-icon--arrow-black-bold {
    background: url(../../images/mobile/common/ico_arrow_black_bold.svg) 50% 50% no-repeat !important; }
  .c-icon--arrow-gray {
    background: url(../../images/mobile/common/ico_arrow_gray2.svg) 50% 50% no-repeat !important; }
  .c-icon--arrow-gray4 {
    background: url(../../images/mobile/common/ico_arrow_gray4.svg) 50% 50% no-repeat !important; }
  .c-icon--arrow-gray-2 {
    background: url(../../images/mobile/common/ico_arrow_gray3.svg) 50% 50% no-repeat !important; }
  .c-icon--arrow-down-gray {
    background: url(../../images/mobile/common/ico_arrow_down_gray.svg) 50% 50% no-repeat !important; }
  .c-icon--arrow-blue {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_arrow_blue.svg) 50% 50% no-repeat; }
  .c-icon--coupon {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_coupon.svg) 50% 50% no-repeat !important; }
  .c-icon--point {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_point.svg) 50% 50% no-repeat !important; }
  .c-icon--point-star {
    width: 1rem;
    height: 1rem;
    background: url(../../images/mobile/common/ico_point_star.svg) 50% 50% no-repeat !important; }
  .c-icon--present {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/mobile/common/ico_present.svg) 50% 50% no-repeat !important; }
  [class*='c-icon--triangle'] {
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/mobile/common/ico_triangle.svg) 50% 50% no-repeat; }
  .c-icon--triangle-top {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .c-icon--triangle-left {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg); }
  .c-icon--triangle-bottom {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .c-icon--triangle-start {
    background: url(../../images/mobile/common/ico_triangle_start.svg) 50% 50% no-repeat; }
  .c-icon--triangle-end {
    background: url(../../images/mobile/common/ico_triangle_start.svg) 50% 50% no-repeat;
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg); }

  [class*='c-icon--triangle_bluegreen'] {
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/mobile/common/ico_triangle_bluegreen.svg) 50% 50% no-repeat; }
  .c-icon--triangle_bluegreen-top {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .c-icon--triangle_bluegreen-left {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg); }
  .c-icon--triangle_bluegreen-bottom {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .c-icon--download {
    width: 2.625rem;
    height: 2.625rem;
    background: url(../../images/mobile/common/ico_download.png) 50% 50% no-repeat;
    background-size: 100% 100%; }
  .c-icon--download-ty2-bk {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/common/ico_download_ty2_bk.svg) 50% 50% no-repeat;
    background-size: 100% 100%; }
  .c-icon--download-ty2-white {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/common/ico_download_ty2_white.svg) 50% 50% no-repeat;
    background-size: 100% 100%; }
  .c-icon--download-ty2-red {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/common/ico_download_ty2_red.svg) 50% 50% no-repeat;
    background-size: 100% 100%; }
  .c-icon--download-ty2-gray {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/common/ico_download_ty2_gray.svg) 50% 50% no-repeat;
    background-size: 100% 100%; }
  .c-icon--calendar {
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/mobile/common/ico_calendar.svg) 50% 50% no-repeat; }
  .c-icon--calendar-black {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_calendar_black.svg) 50% 50% no-repeat; }
  .c-icon--close {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_x.svg) 50% 50% no-repeat; }
  .c-icon--close-ty2 {
    width: 1.8125rem;
    height: 1.8125rem;
    background: url(../../images/mobile/common/ico_event_close.svg) 50% 50% no-repeat; }
  .c-icon--close-ty3 {
    width: 5.625rem;
    height: 6.0625rem;
    background: url(../../images/mobile/common/ico_event_close2.svg) 50% 50% no-repeat; }
  .c-icon--close-ty4 {
    width: 0.5rem;
    height: 0.5rem;
    background: url(../../images/mobile/common/ico_event_close3.svg) 50% 50% no-repeat; }
  .c-icon--close-black {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_close_black.svg) 50% 50% no-repeat; }
  .c-icon--reset {
    width: 1.25rem;
    height: 1.25rem;
    background: #eaeaea url(../../images/mobile/common/ico_x.svg) 50% 50% no-repeat;
    background-size: 0.75rem;
    border-radius: 50%; }
  .c-icon--delete {
    width: 1rem;
    height: 1rem;
    background: url(../../images/mobile/common/ico_delete.svg) 50% 50% no-repeat; }
  .c-icon--delete2 {
    width: 1rem;
    height: 1rem;
    background: url(../../images/mobile/common/ico_delete_2.svg) 50% 50% no-repeat; }
  .c-icon--delete3 {
    width: 1rem;
    height: 1rem;
    background: url(../../images/portal/common/ico_delete_3.svg) 50% 50% no-repeat; }
  .c-icon--tooltip-close {
    width: 1rem;
    height: 1rem;
    background: url(../../images/mobile/common/ico_delete.svg) 50% 50% no-repeat; }
  .c-icon--anchor {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_anchor.svg) 50% 50% no-repeat; }
  .c-icon--anchor-gray {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_anchor_gray.svg) 50% 50% no-repeat; }
  .c-icon--anchor-reverse {
    width: 1.25rem;
    height: 1.25rem;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
    background: url(../../images/mobile/common/ico_anchor.svg) 50% 50% no-repeat; }
  .c-icon--anchor-white {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_anchor_white.svg) 50% 50% no-repeat; }
  .c-icon--anchor-black {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_anchor_black.svg) 50% 50% no-repeat; }
  .c-icon--anchor-purple {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/public/icon/ico_anchor_purple.svg) 50% 50% no-repeat; }
  .c-icon--search {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_search.svg) 50% 50% no-repeat; }
  .c-icon--search-bk {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/mobile/common/ico_search_bk.svg) 50% 50% no-repeat; }
  .c-icon--search-gray {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_search_gray.svg) 50% 50% no-repeat; }
  .c-icon--search-bluegreen {
    width: 2rem;
    height: 2rem;
    background: url(../../images/common/ico_search_bluegreen.svg) 50% 50% no-repeat; }
  .c-icon--bang {
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/mobile/common/ico_bang_gray.svg) 50% 50% no-repeat; }
  .c-icon--bang--black {
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/mobile/common/ico_bang_black.svg) 50% 50% no-repeat; }
  .c-icon--bang--gray2 {
    width: 0.75rem;
    height: 0.75rem;
    background: url(../../images/mobile/common/ico_bang_gray_02.svg) 50% 50% no-repeat; }
  .c-icon--bang--red {
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/mobile/common/ico_bang_red.svg) 50% 50% no-repeat; }
  .c-icon--bang--yellow {
    width: 1rem;
    height: 1rem;
    background: url(../../images/mobile/common/ico_bang_yellow.png) 50% 50% no-repeat; }
  .c-icon--refresh {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_refresh.svg) 50% 50% no-repeat; }
  .c-icon--refresh-type2 {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_refresh_type2.svg) 50% 50% no-repeat; }
  .c-icon--refresh-type3 {
    width: 0.656rem;
    height: 0.6875rem;
    background: url(../../images/mobile/common/ico_refresh_type3.svg) 50% 50% no-repeat; }
  .c-icon--nodata {
    width: 6.25rem;
    height: 6.25rem;
    background: url(../../images/mobile/common/ico_nodata.png) 50% 50% no-repeat;
    background-size: 100% 100%; }
  .c-icon--nodata-mark {
    width: 3rem;
    height: 3rem;
    background: url(../../images/mobile/common/ico_nodata.svg) 50% 50% no-repeat; }
  .c-icon--phone {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_phone.svg) 50% 50% no-repeat; }
  .c-icon--card {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_card.svg) 50% 50% no-repeat; }
  .c-icon--ipin {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_ipin.svg) 50% 50% no-repeat; }
  .c-icon--complete {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/mobile/common/ico_complete.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--notice {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/mobile/common/ico_notice.svg) 50% 50% no-repeat; }
  .c-icon--notice2 {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/mobile/common/ico_notice2.svg) 50% 50% no-repeat; }
  .c-icon--notice-sm {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_notice_sm.svg) 50% 50% no-repeat; }
  .c-icon--kakao {
    width: 2.875rem;
    height: 2.875rem;
    background: url(../../images/mobile/common/ico_sns_kakao.svg) 50% 50% no-repeat; }
  .c-icon--facebook {
    width: 2.875rem;
    height: 2.875rem;
    background: url(../../images/mobile/common/ico_sns_facebook.svg) 50% 50% no-repeat; }
  .c-icon--facebook {
    width: 2.875rem;
    height: 2.875rem;
    background: url(../../images/mobile/common/ico_sns_facebook.svg) 50% 50% no-repeat; }
  .c-icon--line {
    width: 2.875rem;
    height: 2.875rem;
    background: url(../../images/mobile/common/ico_sns_line.svg) 50% 50% no-repeat; }
  .c-icon--naver {
    width: 2.875rem;
    height: 2.875rem;
    background: url(../../images/mobile/common/ico_sns_naver.svg) 50% 50% no-repeat; }
  .c-icon--apple-sns {
    width: 2.875rem;
    height: 2.875rem;
    background: url(../../images/mobile/common/ico_sns_apple.svg) 50% 50% no-repeat; }
  .c-icon--naver-login {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/naver_sns@3x.png) 50% 50% no-repeat; }
  .c-icon--apple-login {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/apple_sns@3x.png) 50% 50% no-repeat; }
  .c-icon--kakao-login {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/kakao_sns@3x.png) 50% 50% no-repeat; }
  .c-icon--facebook-login {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/facebook_sns@3x.png) 50% 50% no-repeat; }
  .c-icon--link {
    width: 2.875rem;
    height: 2.875rem;
    background: url(../../images/mobile/common/ico_sns_link.svg) 50% 50% no-repeat; }
  .c-icon--eye {
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/mobile/common/ico_eye.svg) 50% 50% no-repeat; }
  .c-icon--tel {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_tel.svg) 50% 50% no-repeat; }
  .c-icon--call {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_call.svg) 50% 50% no-repeat; }
  .c-icon--call-type2 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_call_type2.png) 50% 50% no-repeat; }
  .c-icon--call-type3 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_call_type3.svg) 50% 50% no-repeat; }
  .c-icon--call-white {
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/mobile/common/ico_call_white.svg) 50% 50% no-repeat; }
  .c-icon--call-white-type2 {
    width: 1.375rem;
    height: 1.375rem;
    background: url(../../images/mobile/common/ico_call_white_type2.svg) 50% 50% no-repeat; }
  .c-icon--call-gray {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_call_gray.svg) 50% 50% no-repeat; }
  .c-icon--call-gray-type2 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_payment_call_gray.svg) 50% 50% no-repeat; }
  .c-icon--charge {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_charge.svg) 50% 50% no-repeat; }
  .c-icon--service {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_service.svg) 50% 50% no-repeat; }
  .c-icon--usim {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_usim.svg) 50% 50% no-repeat; }
  .c-icon--coin {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_coin.svg) 50% 50% no-repeat; }
  .c-icon--plus-phone {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_plus_phone.svg) 50% 50% no-repeat; }
  .c-icon--usim-chip {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_usim_chip.svg) 50% 50% no-repeat; }
  .c-icon--magnifier {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_magnifier.svg) 50% 50% no-repeat; }
  .c-icon--document {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_document.svg) 50% 50% no-repeat; }
  .c-icon--person {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_person.svg) 50% 50% no-repeat; }
  .c-icon--mint-mobile {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_mint_mobile.svg) 50% 50% no-repeat; }
  .c-icon--mint-call {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_mint_call.svg) 50% 50% no-repeat; }
  .c-icon--coin-plus {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_coin_plus.svg) 50% 50% no-repeat; }
  .c-icon--coin-magnifier {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_coin_magnifier.svg) 50% 50% no-repeat; }
  .c-icon--lock {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_lock.svg) 50% 50% no-repeat; }
  .c-icon--lock2 {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/mobile/common/ico_lock2.svg) 50% 50% no-repeat; }
  .c-icon--lock-type2 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/public/icon/ico_lock_02.svg) 50% 50% no-repeat; }
  .c-icon--lock-type3 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_lock_03.png) 50% 50% no-repeat; }
  .c-icon--roaming {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_roaming.svg) 50% 50% no-repeat; }
  .c-icon--vari-card {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_vari_card.svg) 50% 50% no-repeat; }
  .c-icon--vari-naver {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_vari_naver.svg) 50% 50% no-repeat; }
  .c-icon--vari-pass {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_vari_pass.svg) 50% 50% no-repeat; }
  .c-icon--num0 {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_num_0.svg) 50% 50% no-repeat; }
  .c-icon--num1 {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_num_1.svg) 50% 50% no-repeat; }
  .c-icon--num2 {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_num_2.svg) 50% 50% no-repeat; }
  [class*='c-icon--function'] {
    width: 3.25rem;
    height: 3.25rem; }
  .c-icon--function1 {
    width: 3.3125rem;
    height: 3.25rem;
    background: url(../../images/mobile/common/ico_func_01.svg) 50% 50% no-repeat; }
  .c-icon--function2 {
    width: 3.3125rem;
    height: 3.25rem;
    background: url(../../images/mobile/common/ico_func_02.svg) 50% 50% no-repeat; }
  .c-icon--function3 {
    width: 3.3125rem;
    height: 3.25rem;
    background: url(../../images/mobile/common/ico_func_03.svg) 50% 50% no-repeat; }
  .c-icon--function4 {
    width: 3.3125rem;
    height: 3.25rem;
    background: url(../../images/mobile/common/ico_func_04.svg) 50% 50% no-repeat; }
  .c-icon--function5 {
    width: 3.3125rem;
    height: 3.25rem;
    background: url(../../images/mobile/common/ico_func_05.svg) 50% 50% no-repeat; }
  .c-icon--function6 {
    width: 3.3125rem;
    height: 3.25rem;
    background: url(../../images/mobile/common/ico_func_06.svg) 50% 50% no-repeat; }
  .c-icon--cu {
    width: 4.375rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_cu.svg) 50% 50% no-repeat; }
  .c-icon--gs25 {
    width: 4.375rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_gs25.svg) 50% 50% no-repeat; }
  .c-icon--hot {
    width: 2.3125rem;
    height: 1.1875rem;
    background: url(../../images/mobile/common/ico_hot_png.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--emart {
    width: 4.375rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_emart.png) 50% 50% no-repeat; }
  .c-icon--storyway {
    width: 6.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_storyway.png) 50% 50% no-repeat; }
  .c-icon--sevenElleven {
    width: 5.9375rem;
    height: 0.8125rem;
    background: url(../../images/mobile/common/ico_sevenElleven.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--ministop {
    width: 1.75rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_ministop.svg) 50% 50% no-repeat; }
  .c-icon--cspace {
    width: 6.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_cspace.png) 50% 50% no-repeat; }
  .c-icon--map {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_map.png) 50% 50% no-repeat; }
  .c-icon--card-kb {
    width: 3rem;
    height: 3rem;
    background: url(../../images/mobile/common/ico_card_kb.svg) 50% 50% no-repeat; }
  .c-icon--card-hyundai {
    width: 3rem;
    height: 3rem;
    background: url(../../images/mobile/common/ico_card_hyundai.svg) 50% 50% no-repeat; }
  .c-icon--more {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_more.svg) 50% 50% no-repeat; }
  .c-icon--plus {
    width: 1.375rem;
    height: 1.375rem;
    background: url(../../images/mobile/common/ico_plus.svg) 50% 50% no-repeat; }
  .c-icon--plus-bluegreen {
    width: 1.375rem;
    height: 1.375rem;
    background: url(../../images/common/ico_plus_bluegreen.svg) 50% 50% no-repeat; }
  .c-icon--plus-2 {
    width: 1rem;
    height: 1rem;
    background: url(../../images/mobile/common/ico_plus_white.svg) 50% 50% no-repeat; }
  .c-icon--plus--2 {
    width: 1rem;
    height: 1rem;
    background: url(../../images/mobile/common/ico_plus_02.png) 50% 50% no-repeat; }
  .c-icon--tooltip {
    width: 1rem;
    height: 1rem;
    background: url(../../images/mobile/common/ico_tooltip.svg) 50% 50% no-repeat;
    margin-left: 0.125rem; }
  .c-icon--tooltip-type2 {
    width: 0.8125rem;
    height: 0.8125rem;
    background: url(../../images/mobile/common/ico_tooltip_type2.png) 50% 50% no-repeat;
    margin-left: 0.125rem; }
  .c-icon--tooltip-large {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_tooltip.svg) 50% 50% no-repeat;
    margin-left: 0.125rem; }
  .c-icon--comparison {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_comparison.svg) 50% 50% no-repeat; }
  .c-icon--question {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/icon_question.png) 50% 50% no-repeat; }
  .c-icon--share {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_share.svg) 50% 50% no-repeat; }
  .c-icon--share-box {
    width: 2.625rem;
    height: 2.625rem;
    background: url(../../images/mobile/common/ico_share_box.svg) 50% 50% no-repeat; }
  .c-icon--data {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_data.svg) 50% 50% no-repeat; }
  .c-icon--data-type2 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_data_type2.png) 50% 50% no-repeat; }
  .c-icon--data-type3 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_data_type3.svg) 50% 50% no-repeat; }
  .c-icon--data-type4 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_payment_data_gray.svg) 50% 50% no-repeat; }
  .c-icon--data-type5 {
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background: url(../../images/mobile/common/ico_payment_data_gray.svg) 50% 50% no-repeat; }
  .c-icon--msg {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_msg.svg) 50% 50% no-repeat; }
  .c-icon--msg-type2 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_msg_type2.png) 50% 50% no-repeat; }
  .c-icon--msg-type3 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_msg_type3.svg) 50% 50% no-repeat; }
  .c-icon--msg-type4 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_payment_sms_gray.svg) 50% 50% no-repeat; }
  .c-icon--rate-coupon {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_rate_coupon.png) 50% 50% no-repeat; }
  .c-icon--combine {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_combine.png) 50% 50% no-repeat; }
  .c-icon--rate-comparison {
    width: 3rem;
    height: 2.375rem;
    background: url(../../images/mobile/common/ico_rate_comparison.png) 50% 50% no-repeat; }

  .c-icon--rate-comp-data {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/public/icon/ico_rate_comp_data.svg) 50% 50% no-repeat; }

  .c-icon--rate-comp-solo {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/public/icon/ico_rate_comp_solo.svg) 50% 50% no-repeat; }

  .c-icon--rate-comp-coupon {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/public/icon/ico_rate_comp_coupon.svg) 50% 50% no-repeat; }

  .c-icon--controller {
    width: 2.25rem;
    height: 2.25rem;
    background: url(../../images/mobile/common/ico_controller.svg) 50% 50% no-repeat; }
  .c-icon--trash {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_trash.svg) 50% 50% no-repeat; }
  .c-icon--scan {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_scan.svg) 50% 50% no-repeat; }
  .c-icon--balloon-brown {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_balloon_brown.svg) 50% 50% no-repeat; }
  .c-icon--balloon-white {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_balloon_white.svg) 50% 50% no-repeat; }
  .c-icon--photo {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_photo.svg) 50% 50% no-repeat; }
  .c-icon--sort {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_sort.svg) 50% 50% no-repeat; }
  .c-icon--card-sample {
    width: 2.5rem;
    height: 1.5625rem;
    background: url(../../images/mobile/common/ico_card_sample.png) 50% 50% no-repeat; }
  .c-icon--badge {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_badge_checked.svg) 50% 50% no-repeat; }
  .c-icon--payment-guide {
    width: 3rem;
    height: 3rem;
    background: url(../../images/mobile/common/ico_payment.svg) 50% 50% no-repeat; }
  .c-icon--payment-data {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_payment_data.svg) 50% 50% no-repeat; }
  .c-icon--payment-call {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_payment_call.svg) 50% 50% no-repeat; }
  .c-icon--payment-sms {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_payment_sms.svg) 50% 50% no-repeat; }
  .c-icon--payment-wifi {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_payment_wifi.svg) 50% 50% no-repeat; }
  .c-icon--payment-wifi-gray {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_payment_wifi_gray.svg) 50% 50% no-repeat; }
  .c-icon--payment-use {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_payment_use.svg) 50% 50% no-repeat; }
  .c-icon--guide {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_guide.png) 50% 50% no-repeat; }
  .c-icon--label-new {
    width: 2rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_label_new@2x.png) 50% 50% no-repeat; }
  .c-icon--label-recmd {
    width: 2rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_label_popular.svg) 50% 50% no-repeat; }
  .c-icon--store {
    width: 3rem;
    height: 3rem;
    background: url(../../images/mobile/common/ico_store.svg) 50% 50% no-repeat; }
  .c-icon--label-tip {
    width: 2rem;
    height: 1rem;
    background: url(../../images/mobile/common/ico_label_tip.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--compare-phone {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_compare_phone.svg) 50% 50% no-repeat; }
  .c-icon--compare-fee {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_compare_fee.svg) 50% 50% no-repeat; }
  .c-icon--balloon-wifi {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_balloon_wifi.svg) 50% 50% no-repeat; }
  .c-icon--secure-person {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_secure_person.svg) 50% 50% no-repeat; }
  .c-icon--secure-prevent {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_secure_prevent.svg) 50% 50% no-repeat; }
  .c-icon--phone-normal {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_phone_normal.svg) 50% 50% no-repeat !important; }
  .c-icon--phone-nfc {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_phone_nfc.svg) 50% 50% no-repeat !important; }
  .c-icon--phone-5gnfc {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_phone_5gnfc.svg) 50% 50% no-repeat !important; }
  .c-icon--circle-arrow-right {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_circle_arrow.svg) 50% 50% no-repeat !important; }
  .c-icon--circle-arrow-left {
    width: 2rem;
    height: 2rem;
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
    background: url(../../images/mobile/common/ico_circle_arrow.svg) 50% 50% no-repeat !important; }
  .c-icon--type-adult {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_type_adult.svg) 50% 50% no-repeat !important; }
  .c-icon--type-kid {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_type_kid.svg) 50% 50% no-repeat !important; }
  .c-icon--type-foreigner {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_type_foreigner.svg) 50% 50% no-repeat !important; }
  .c-icon--naver-blog {
    width: 5.5625rem;
    height: 1.125rem;
    background: url(../../images/mobile/common/ico_naver_blog@2x.png) 50% 50% no-repeat; }
  .c-icon--facebook-2 {
    width: 5.3125rem;
    height: 1.3125rem;
    background: url(../../images/mobile/common/ico_facebook@2x.png) 50% 50% no-repeat; }
  .c-icon--facebook-3 {
    width: 5.3125rem;
    height: 1.3125rem;
    background: url(../../images/mobile/common/ico_facebook-3.png) 50% 50% no-repeat; }
  .c-icon--insta {
    width: 5.1875rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_insta@2x.png) 50% 50% no-repeat; }
  .c-icon--youtube {
    width: 4.5rem;
    height: 1.125rem;
    background: url(../../images/mobile/common/ico_youtube@2x.png) 50% 50% no-repeat; }
  .c-icon--add-service {
    width: 3.625rem;
    height: 3.625rem;
    background: url(../../images/mobile/common/ico_add_service.svg) 50% 50% no-repeat; }
  .c-icon--add-service-gray {
    width: 3.625rem;
    height: 3.625rem;
    background: url(../../images/mobile/common/ico_add_service_gray.svg) 50% 50% no-repeat; }
  .c-icon--triangle-up {
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/mobile/common/ico_triangle_up2.svg) 50% 50% no-repeat; }
  .c-icon--triangle-down {
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/mobile/common/ico_triangle_down2.svg) 50% 50% no-repeat; }
  .c-icon--giftbox {
    width: 1rem;
    height: 1rem;
    background: url(../../images/mobile/common/ico_giftbox.svg) 50% 50% no-repeat; }
  .c-icon--gift-type2 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_payment_use_gray.svg) 50% 50% no-repeat; }
  .c-icon--menu-home {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_menu_home.svg) 50% 50% no-repeat; }
  .c-icon--menu-logout {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_menu_logout.svg) 50% 50% no-repeat; }
  .c-icon--menu-setting {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_menu_setting.svg) 50% 50% no-repeat; }
  .c-icon--menu-close {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_menu_close.svg) 50% 50% no-repeat; }
  .c-icon--card-balloon {
    width: 2.1875rem;
    height: 1.4375rem;
    background: url(../../images/mobile/common/ico_card_balloon.png) 50% 50% no-repeat; }
  .c-icon--card-new {
    width: 2.3125rem;
    height: 1.1875rem;
    background: url(../../images/mobile/common/ico_card_new.png) 50% 50% no-repeat; }
  .c-icon--play {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_play.svg) 50% 50% no-repeat; }
  .c-icon--play-type2 {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_play_02.png) 50% 50% no-repeat; }
  .c-icon--play-type3 {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_play_03.png) 50% 50% no-repeat; }
  .c-icon--stop {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_stop.svg) 50% 50% no-repeat; }
  .c-icon--mobile-bill {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_mobile_bill.svg) 50% 50% no-repeat; }
  .c-icon--email-bill {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_email_bill.svg) 50% 50% no-repeat; }
  .c-icon--post-bill {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_post_bill.svg) 50% 50% no-repeat; }
  .c-icon--coupon-ticket {
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_coupon_ticket.svg) 50% 50% no-repeat; }
  .c-icon--suit-person {
    width: 3.25rem;
    height: 3.25rem;
    background: url(../../images/mobile/common/ico_suit_person.svg) 50% 50% no-repeat; }
  .c-icon--carrier-present {
    width: 3rem;
    height: 3rem;
    background: url(../../images/mobile/common/ico_carrier_present.svg) 50% 50% no-repeat; }
  .c-icon--notice-ty2 {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/mobile/common/ico_notice_ty2.svg) 50% 50% no-repeat; }
  .c-icon--alliance {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/mobile/common/ico_alliance.svg) 50% 50% no-repeat; }
  .c-icon--trophy {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/mobile/common/ico_trophy.svg) 50% 50% no-repeat; }
  .c-icon--android {
    width: 1.75rem;
    height: 1.75rem;
    background: url(../../images/mobile/common/ico_android.png) 50% 50% no-repeat; }
  .c-icon--apple {
    width: 1.75rem;
    height: 1.75rem;
    background: url(../../images/mobile/common/ico_apple.png) 50% 50% no-repeat; }
  .c-icon--feature {
    width: 1.75rem;
    height: 1.75rem;
    background: url(../../images/mobile/common/ico_ftphone.svg) 50% 50% no-repeat; }
.c-icon--my-lte {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_my_lte.svg) 50% 50% no-repeat;
    background-size: cover; }

.c-icon--my-5g {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_my_5g.svg) 50% 50% no-repeat;
    background-size: cover; }

.c-icon--cs-bill {
width: 2.5rem;
height: 2rem;
  background: url(../../images/mobile/cs/icon_cs_bill.svg) 50% 50% no-repeat; }

.c-icon--cs-chgpay {
width: 2.5rem;
height: 2rem;
 background: url(../../images/mobile/cs/icon_cs_chgpay.svg) 50% 50% no-repeat; }

.c-icon--cs-chgrate {
width: 2.5rem;
height: 2rem;
background: url(../../images/mobile/cs/icon_cs_chgrate.svg) 50% 50% no-repeat; }

.c-icon--cs-extraservice {
width: 2.5rem;
height: 2rem;
background: url(../../images/mobile/cs/icon_cs_extraservice.svg) 50% 50% no-repeat; }

.c-icon--cs-immpay {
width: 2.5rem;
height: 2rem;
background: url(../../images/mobile/cs/icon_cs_immediatelypay.svg) 50% 50% no-repeat; }

.c-icon--cs-joininfo {
width: 2.5rem;
height: 2rem;
background: url(../../images/mobile/cs/icon_cs_joininfo.svg) 50% 50% no-repeat; }

.c-icon--cs-lost {
width: 2.5rem;
height: 2rem;
background: url(../../images/mobile/cs/icon_cs_lost.svg) 50% 50% no-repeat; }

.c-icon--cs-pause {
width: 2.5rem;
height: 2rem;
background: url(../../images/mobile/cs/icon_cs_pause.svg) 50% 50% no-repeat; }

.c-icon--ktmm {
  width: 2rem;
  height: 2rem;
  background: url(../../images/mobile/usim/ico_ktmm.svg) 50% 50% no-repeat; }
.c-icon--ktmm--bluegreen {
  width: 2rem;
  height: 2rem;
  background: url(../../images/mobile/usim/ico_ktmm_bluegreen.svg) 50% 50% no-repeat; }
.c-icon--mart {
  width: 2rem;
  height: 2rem;
  background: url(../../images/mobile/usim/ico_mart.svg) 50% 50% no-repeat; }
.c-icon--mart--bluegreen {
  width: 2rem;
  height: 2rem;
  background: url(../../images/mobile/usim/ico_mart_bluegreen.svg) 50% 50% no-repeat; }
.c-icon--openmarket {
  width: 2rem;
  height: 2rem;
  background: url(../../images/mobile/usim/ico_openmarket.svg) 50% 50% no-repeat; }
.c-icon--openmarket--bluegreen {
  width: 2rem;
  height: 2rem;
  background: url(../../images/mobile/usim/ico_openmarket_bluegreen.svg) 50% 50% no-repeat; }
.c-icon--star {
    width: 2rem;
    height: 2rem;
    background: url(../../images/common/ico_star.svg) 50% 50% no-repeat !important; }
.c-icon--star-type2 {
  width: 0.9375rem;
  height: 0.875rem;
  background: url(../../images/mobile/common/ico_star_type2.svg) 50% 50% no-repeat; }
.c-icon--click {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/mobile/common/ico_click.png) 50% 50% no-repeat;
    background-size: cover; }
.c-icon--url {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/mobile/common/ico_url.png) 50% 50% no-repeat;
    background-size: cover; }
.c-icon--ars-type2 {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/mobile/common/ico_ars_02.png) 50% 50% no-repeat;
    background-size: cover; }
.c-icon--complete-type2 {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/mobile/common/ico_complete_02.png) 50% 50% no-repeat;
    background-size: cover; }

.c-icon--event-summary {
  width: 2rem;
  height: 2rem;
  background: url(../../images/mobile/common/ico_event_summary.png) 50% 50% no-repeat; }

.c-icon--mbership-all {
	width: 2rem;
	height: 2rem;
	background: url(../../images/mobile/common/ico_mbership_all.svg) 50% 50% no-repeat; }

.c-icon--mbership-edu {
	width: 2rem;
	height: 2rem;
	background: url(../../images/mobile/common/ico_mbership_edu.svg) 50% 50% no-repeat; }

.c-icon--mbership-food {
	width: 2rem;
	height: 2rem;
	background: url(../../images/mobile/common/ico_mbership_food.svg) 50% 50% no-repeat; }

.c-icon--mbership-life {
	width: 2rem;
	height: 2rem;
	background: url(../../images/mobile/common/ico_mbership_life.svg) 50% 50% no-repeat; }

.c-icon--mbership-play {
	width: 2rem;
	height: 2rem;
	background: url(../../images/mobile/common/ico_mbership_play.svg) 50% 50% no-repeat; }

.c-icon--mbership-shopping {
	width: 2rem;
	height: 2rem;
	background: url(../../images/mobile/common/ico_mbership_shopping.svg) 50% 50% no-repeat; }

.c-icon--mbership-traffic {
	width: 2rem;
	height: 2rem;
	background: url(../../images/mobile/common/ico_mbership_traffic.svg) 50% 50% no-repeat; }

.c-icon--mbership-travel {
	width: 2rem;
	height: 2rem;
	background: url(../../images/mobile/common/ico_mbership_travel.svg) 50% 50% no-repeat; }

.c-icon--freq-event {
  width: 1.344rem;
  height: 1.8125rem;
  background: url(../../images/mobile/common/ico_freq_event.svg) 50% 50% no-repeat; }
.c-icon--freq-marketing {
  width: 2rem;
  height: 1.406rem;
  background: url(../../images/mobile/common/ico_freq_marketing.svg) 50% 50% no-repeat; }
.c-icon--freq-men {
  width: 1.281rem;
  height: 1.9375rem;
  background: url(../../images/mobile/common/ico_freq_men.svg) 50% 50% no-repeat; }
.c-icon--freq-rate {
  width: 1.906rem;
  height: 1.719rem;
  background: url(../../images/mobile/common/ico_freq_rate.svg) 50% 50% no-repeat; }
.c-icon--freq-triple {
  width: 2.625rem;
  height: 1rem;
  background: url(../../images/mobile/common/ico_freq_triple.svg) 50% 50% no-repeat; }
.c-icon--freq-usim {
  width: 1.406rem;
  height: 2rem;
  background: url(../../images/mobile/common/ico_freq_usim.svg) 50% 50% no-repeat; }
.c-icon--freq-women {
  width: 1.281rem;
  height: 2rem;
  background: url(../../images/mobile/common/ico_freq_women.svg) 50% 50% no-repeat; }
.c-icon--check {
  width: 1.25rem;
  height: 1.25rem;
  background: url(../../images/portal/common/ico_select.svg) 50% 50% no-repeat; }
.c-icon--home {
  width: 1.9375rem;
  height: 1.6875rem;
  background: url(../../images/portal/common/ico_home.svg) 50% 50% no-repeat;
  background-size: cover; }
.c-icon--man {
  width: 1.8125rem;
  height: 2.40625rem;
  background: url(../../images/portal/common/ico_man.svg) 50% 50% no-repeat;
  background-size: cover; }
.c-icon--family {
  width: 3.15625rem;
  height: 2.96875rem;
  background: url(../../images/portal/common/ico_family.svg) 50% 50% no-repeat;
  background-size: cover; }

.c-icon--bell {
  width: 2.125rem;
  height: 2.125rem;
  background: url(../../images/mobile/common/ico_bell.png) 50% 50% no-repeat; }

.c-icon--coupon-new {
  width: 1.90625rem;
  height: 2.53125rem;
  background: url(../../images/mobile/common/ico_coupon_new.svg) 50% 50% no-repeat; }

.c-icon--event-news {
  width: 2.3125rem;
  height: 2.3125rem;
  background: url(../../images/mobile/common/ico_event_news.svg) 50% 50% no-repeat; }

.c-icon--rate-new {
  width: 2.96925rem;
  height: 2.625rem;
  background: url(../../images/mobile/common/ico_rate_new.svg) 50% 50% no-repeat; }
.c-icon--watch{
  width: 0.9375rem;
  height: 1.15625rem;
  background: url(../../images/public/icon/ico_watch.svg) 50% 50% no-repeat;
  background-size: cover; }

.c-sticker {
	display: inline-block;
	padding: 0.0625rem 0.625rem;
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: -0.038rem;
    border-radius: 1rem;
    line-height: 1.5rem;
    background: #478405;
    color: #fff;
    text-align: center;
    min-width: 2.5rem; }

.c-sticker--type1 {
    background: #e40980;
    color: #fff; }

.c-sticker--type2 {
    background: #ed0000;
    color: #fff; }

.c-sticker--type3 {
    background: #008080;
    color: #fff; }

.c-sticker--type4 {
    background: #baebe5;
    color: #136f76; }

.c-sticker--type5 {
    background: #dddddd;
    color: #626262; }

.c-sticker--type6 {
    background: #4c4c4c;
    color: #fff; }

.c-sticker--type7 {
    background: #ffdede;
    color: #c90f13; }

.c-sticker--type8 {
    background: #1871e4;
    color: #fff; }

.c-sticker--type9 {
    background: #f9e400;
    color: #1d1d1b; }

.c-sticker--type10 {
    background: #478405;
    color: #fff; }

.c-sticker--type11 {
    background: #8a63c4;
    color: #fff; }

.c-sticker--type12 {
    background: #ff7200;
    color: #fff; }

.c-sticker--type13 {
    background: #8cf736;
    color: #1b1b1d; }

.c-sticker--read {
    display: inline-block;
    padding: 0 0.5rem;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.06rem;
    border-radius: 1rem;
    line-height: 1.375rem;
    background: #ed0000;
    color: #fff;
    text-align: center;
    margin-top: 1.1875rem; }

.c-label--Network {
	display: inline-block;
    color: #707070;
    border: 0.0625rem solid #aaaaaa;
    background: transparent;
    padding: 0 0.379rem;
    font-size: 0.813rem;
    font-weight: 500;
    line-height: 1.125rem;
    text-align: center; }

.c-label--Network__detail {
	min-width: 2.313rem;
	display: inline-block;
    color: #707070;
    border: 0.0625rem solid #aaaaaa;
    background: transparent;
    padding: 0.25rem 0.47rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.125rem;
    text-align: center; }


.c-button:active .c-icon--phone,
.c-button.is-active .c-icon--phone,
.c-checkbox--button--type2:checked + .c-label .c-icon--phone,
.c-radio--button--type2:checked + .c-label .c-icon--phone {
  background: url(../../images/mobile/common/ico_phone_checked.svg) 50% 0 no-repeat !important; }

.c-button:active .c-icon--card,
.c-button.is-active .c-icon--card,
.c-checkbox--button--type2:checked + .c-label .c-icon--card,
.c-radio--button--type2:checked + .c-label .c-icon--card {
  background: url(../../images/mobile/common/ico_card_checked.svg) 50% 0 no-repeat !important; }

.c-button:active .c-icon--ipin,
.c-button.is-active .c-icon--ipin,
.c-checkbox--button--type2:checked + .c-label .c-icon--ipin,
.c-radio--button--type2:checked + .c-label .c-icon--ipin {
  background: url(../../images/mobile/common/ico_ipin_checked.svg) 50% 0 no-repeat !important; }

.c-button:active .c-icon--mobile-bill,
.c-button.is-active .c-icon--mobile-bill,
.c-checkbox--button--type2:checked + .c-label .c-icon--mobile-bill,
.c-radio--button--type2:checked + .c-label .c-icon--mobile-bill {
  background: url(../../images/mobile/common/ico_mobile_bill_active.svg) 50% 50% no-repeat !important; }

.c-button:active .c-icon--email-bill,
.c-button.is-active .c-icon--email-bill,
.c-checkbox--button--type2:checked + .c-label .c-icon--email-bill,
.c-radio--button--type2:checked + .c-label .c-icon--email-bill {
  background: url(../../images/mobile/common/ico_email_bill_active.svg) 50% 50% no-repeat !important; }

.c-button:active .c-icon--post-bill,
.c-button.is-active .c-icon--post-bill,
.c-checkbox--button--type2:checked + .c-label .c-icon--post-bill,
.c-radio--button--type2:checked + .c-label .c-icon--post-bill {
  background: url(../../images/mobile/common/ico_post_bill_active.svg) 50% 50% no-repeat !important; }

.c-button:active .c-icon--type-adult,
.c-button.is-active .c-icon--type-adult,
.c-checkbox--button--type2:checked + .c-label .c-icon--type-adult,
.c-radio--button--type2:checked + .c-label .c-icon--type-adult {
  background: url(../../images/mobile/common/ico_type_adult_checked.svg) 50% 50% no-repeat !important; }

.c-button:active .c-icon--type-kid,
.c-button.is-active .c-icon--type-kid,
.c-checkbox--button--type2:checked + .c-label .c-icon--type-kid,
.c-radio--button--type2:checked + .c-label .c-icon--type-kid {
  background: url(../../images/mobile/common/ico_type_kid_checked.svg) 50% 50% no-repeat !important; }

.c-button:active .c-icon--type-foreigner,
.c-button.is-active .c-icon--type-foreigner,
.c-checkbox--button--type2:checked + .c-label .c-icon--type-foreigner,
.c-radio--button--type2:checked + .c-label .c-icon--type-foreigner {
  background: url(../../images/mobile/common/ico_type_foreigner_checked.svg) 50% 50% no-repeat !important; }

.c-button:active .c-icon--phone-normal,
.c-button.is-active .c-icon--phone-normal,
.c-checkbox--button--type2:checked + .c-label .c-icon--phone-normal,
.c-radio--button--type2:checked + .c-label .c-icon--phone-normal {
  background: url(../../images/mobile/common/ico_phone_normal_checked.svg) 50% 50% no-repeat !important; }

.c-button:active .c-icon--phone-nfc,
.c-button.is-active .c-icon--phone-nfc,
.c-checkbox--button--type2:checked + .c-label .c-icon--phone-nfc,
.c-radio--button--type2:checked + .c-label .c-icon--phone-nfc {
  background: url(../../images/mobile/common/ico_phone_nfc_checked.svg) 50% 50% no-repeat !important; }

.c-button:active .c-icon--phone-5gnfc,
.c-button.is-active .c-icon--phone-5gnfc,
.c-checkbox--button--type2:checked + .c-label .c-icon--phone-5gnfc,
.c-radio--button--type2:checked + .c-label .c-icon--phone-5gnfc {
  background: url(../../images/mobile/common/ico_phone_5gnfc_checked.svg) 50% 50% no-repeat !important; }

.c-radio--button:checked + .c-label .c-icon--vari-card {
  background: url(../../images/mobile/common/ico_vari_card_checked.svg) 50% 50% no-repeat; }

.c-radio--button:checked + .c-label .c-icon--vari-naver {
  background: url(../../images/mobile/common/ico_vari_naver_checked.svg) 50% 50% no-repeat; }

.c-radio--button:checked + .c-label .c-icon--vari-pass {
  background: url(../../images/mobile/common/ico_vari_pass_checked.svg) 50% 50% no-repeat; }

.c-button:disabled [class*='c-icon--triangle'],
.c-button.is-disabled [class*='c-icon--triangle'] {
  background-image: url(../../images/mobile/common/ico_triangle_disabled.svg); }

.deli-step .c-icon--accept-ready {
  width: 3rem;
  height: 3rem;
  background: url(../../images/mobile/common/ico_accept_ready.svg) 50% 50% no-repeat; }

.deli-step .c-icon--delivery-ready {
  width: 3rem;
  height: 3rem;
  background: url(../../images/mobile/common/ico_delivery_ready.svg) 50% 50% no-repeat; }

.deli-step .c-icon--delivery {
  width: 3rem;
  height: 3rem;
  background: url(../../images/mobile/common/ico_delivery.svg) 50% 50% no-repeat; }

.deli-step .c-icon--open-ready {
  width: 3rem;
  height: 3rem;
  background: url(../../images/mobile/common/ico_open_ready.svg) 50% 50% no-repeat; }

.deli-step .c-icon--open-complete {
  width: 3rem;
  height: 3rem;
  background: url(../../images/mobile/common/ico_open_complete.svg) 50% 50% no-repeat; }

.deli-step .c-icon--delivery-complete {
  width: 3rem;
  height: 3rem;
  background: url(../../images/mobile/common/ico_delivery_complete.svg) 50% 50% no-repeat; }

.deli-step li:not(.is-active) .c-icon {
  opacity: 0.2; }

/* table */
.c-table {
  position: relative; }
  .c-table > table {
    position: relative;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border-top: 0.0625rem solid #ccc;
    border-bottom: 0.0625rem solid #ccc; }
    .c-table > table caption {
      visibility: hidden;
      overflow: hidden;
      width: 0;
      height: 0;
      font-size: 0;
      line-height: 0; }
  .c-table .c-table-title {
    font-size: 0.875rem;
    color: #707070;
    margin-bottom: 0.75rem; }
  .c-table tbody tr:last-child {
    border-bottom: 0.0635rem solid #ccc; }
    .c-table tbody tr:last-child th,
    .c-table tbody tr:last-child td {
      border-bottom: 0; }
  .c-table th,
  .c-table td {
    min-height: 3.125rem;
    padding: 1rem;
    border-bottom: 0.0625rem solid #e8e8e8;
    border-left: 0.0625rem solid #e8e8e8;
    border-right: 0.0625rem solid #e8e8e8;
    text-align: center;
    font-size: 0.8125rem;
    font-weight: 400;
    vertical-align: middle; }
    .c-table th:first-child,
    .c-table td:first-child {
      border-left: 0; }
    .c-table th:last-child,
    .c-table td:last-child {
      border-right: 0; }
  .c-table th {
    background: #f9f9f9;
    color: #707070;
    word-break: break-word; }
  .c-table td {
    background: #fff;
    word-break: break-word; }
  .c-table > thead > tr > th {
    min-height: 3.125rem; }
  .c-table__left > tr > th,
  .c-table__left > tr > td {
    text-align: left; }
  .c-table__right > tr > th,
  .c-table__right > tr > td {
    text-align: right; }
  .c-table__center > tr > th,
  .c-table__center > tr > td {
    text-align: center; }
  .c-table--plr-8 th,
  .c-table--plr-8 td {
    padding: 1rem 0.5rem; }
  .c-table--row table {
    border-top: 0 !important; }
  .c-table--row th,
  .c-table--row td {
    border-right: 0;
    border-left: 0; }
  .c-table--row th {
    background: #f9f9f9;
    color: #707070; }
  .c-table--row td {
    background: #fff;
    color: #1d1d1b; }
  .c-table--row tr:first-child {
    border-top: 1px solid #ccc !important; }
  .c-table--row th + th {
    border-left: 1px solid #e8e8e8; }

.c-table.c-table--x-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem; }

.c-table-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;
    margin-top: 2rem;
    margin-bottom: 0.75rem; }

.c-table-tit h4 {
	font-size: 1rem;
	font-weight: 500; }

.c-table-tit p {
	color: #bfbfbf;
	font-size: 0.8125rem;
	font-weight: 500;}


/* list */
.c-list--type1 {
  font-size: 0; }
  .c-list--type1 .c-list__item {
    position: relative;
    border-bottom: 0.0625rem solid #eaeaea;
    padding: 1.25rem 0; }
  .c-list--type1 .c-list__anchor {
    position: relative;
    display: block;
    margin: -1.25rem 0;
    padding: 1.25rem 0; }
  .c-list--type1 .c-list__anchor--icon {
    padding-right: 2.5rem; }
    .c-list--type1 .c-list__anchor--icon::before {
      position: absolute;
      top: 50%;
      right: 0;
      width: 1.25rem;
      height: 1.25rem;
      background: url(../../images/mobile/common/ico_anchor.svg) 50% 50% no-repeat;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      content: ''; }
  .c-list--type1 .c-list__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    .c-list--type1 .c-list__image::before {
      content: "";
      display: block;
      clear: both;
      position: absolute;
      bottom: -0.0625rem;
      left: 0;
      right: -0.75rem;
      border-bottom: 0.0625rem solid #fff; }
    .c-list--type1 .c-list__image img {
      height: 3.75rem;
      border-radius: 50%; }
    .c-list--type1 .c-list__image + .c-list__anchor {
      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: left;
          -ms-flex-align: left;
              align-items: left;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      padding-left: 5rem;
      min-height: 5.25rem; }
  .c-list--type1 .c-list__title {
    display: block;
    color: #4c4c4c;
    font-size: 1rem;
    font-weight: 500; }
    .c-list--type1 .c-list__title .u-co-red {
      margin-right: 0.25rem; }
  .c-list--type1 .c-list__desc {
    margin-top: 0.5rem;
    display: block;
    color: #4c4c4c;
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .c-list--type1 .c-list__sub {
    margin-top: 0.5rem;
    display: block;
    color: #707070;
    font-size: 0.75rem;
    line-height: 1.125rem; }
    .c-list--type1 .c-list__sub--tel {
      position: absolute;
      left: 0;
      bottom: 0.75rem;
      margin-top: 0;
      margin-left: 5rem; }
    .c-list--type1 .c-list__sub .tit {
      position: relative;
      margin: 0 0.5625rem 0 1rem; }
      .c-list--type1 .c-list__sub .tit::before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 50%;
        right: -0.375rem;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 0.0625rem;
        height: 0.3125rem;
        background: #ccc; }
    .c-list--type1 .c-list__sub .c-icon {
      margin-right: 0.125rem; }

.c-list--download .c-list__item {
  padding-right: 3.375rem; }

.c-list--download .c-button {
  width: auto;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

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

.c-list--inp-number .c-list__item {
  position: relative;
  margin-top: 0.75rem;
  padding: 1.125rem 4.25rem 1.125rem 1rem;
  background: #f5f5f5;
  border-radius: 0.5rem; }
  .c-list--inp-number .c-list__item .c-button {
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 2.125rem;
    height: 2.125rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .c-list--inp-number .c-list__item .c-button .c-icon--delete2 {
      margin: 0.5625rem 0 0.5625rem 1.125rem; }

.c-item {
  position: relative; }
  .c-item__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 500; }
    .c-item__title.flex-type--between {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .c-item__title.flex-type--center {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .c-item__sub span {
    position: relative;
    display: inline-block;
    font-size: 0.8125rem; }
    .c-item__sub span ~ span {
      padding-left: 1.0625rem; }
      .c-item__sub span ~ span::after {
        content: "";
        display: block;
        clear: both;
        position: absolute;
        left: 0.5rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 0.0625rem;
        height: 0.625rem;
        border-left: 0.0625rem solid #ccc; }
  .c-item--type2 {
    margin: 2.5rem 0; }
    .c-item--type2 .c-item__title {
      display: block;
      margin: 0.75rem 0; }
      .c-item--type2 .c-item__title p ~ p {
        margin-top: 0.375rem; }
    .c-item--type2 .c-item__amount {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      font-size: 0.875rem; }
    .c-item--type2 .c-item__info {
      position: relative;
      margin-top: 1rem;
      font-size: 0.8125rem; }
      .c-item--type2 .c-item__info .u-co-point-4 {
        display: inline-block;
        margin-left: 0.25rem; }
    .c-item--type2 .c-button--sm {
      position: absolute;
      right: 0;
      bottom: 0;
      font-size: 0.75rem; }
  .c-item--type3 {
    position: relative;
    margin-top: 2rem; }
    .c-item--type3 .c-flex.c-flex--jfy-between {
      padding: 1rem 0;
      border-top: 1px solid #1d1d1b; }
    .c-item--type3 .c-item__title {
      margin: 0.5rem 0; }
    .c-item--type3 .c-item__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      padding-top: 1.5rem;
      border-top: 1px solid #eaeaea; }
      .c-item--type3 .c-item__list + .c-item__list {
        margin-top: 1.5rem; }
    .c-item--type3 .c-item__image {
      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: 4.75rem;
      height: 4.75rem;
      background-color: #f6f4f7; }
      .c-item--type3 .c-item__image img {
        width: 3rem;
        height: 3rem; }
    .c-item--type3 .c-item__item {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding-left: 1rem; }
    .c-item--type3 .c-item__info span {
      display: block; }
      .c-item--type3 .c-item__info span ~ span {
        margin-top: 0.25rem; }
    .c-item--type3 .c-button--sm {
      position: absolute;
      top: 1.125rem;
      right: 0;
      font-size: 0.75rem; }

.c-nodata {
  padding: 0.5rem 0;
  text-align: center; }
  .c-nodata .c-icon {
    display: block;
    margin: 0 auto 0.5rem; }
  .c-nodata__text {
    color: #4c4c4c;
    font-size: 0.875rem; }
  .c-nodata--type2 .c-icon {
    margin: 0 auto 1.25rem; }
  .c-nodata--type2 .c-nodata__text {
    color: #4c4c4c; }

/* paging */
.c-paging {
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.5rem; }
  .c-paging .c-button {
    margin: 0 0.3125rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #707070;
    background: none; }
    .c-paging .c-button > .c-icon--triangle-start {
      margin: 0 0.5rem 0 0 !important; }
    .c-paging .c-button > .c-icon--triangle-end {
      margin: 0 0 0 0.5rem !important; }
    .c-paging .c-button.is-disabled {
      display: none; }
  .c-paging__anchor {
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    min-width: 0.75rem;
    height: 1.5rem;
    margin: 0 0.9375rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #dddddd; }
    .c-paging__anchor:focus, .c-paging__anchor--current {
      color: #707070;
      border-bottom: 0.0625rem solid #707070; }

/* card */
.c-card__label {
  display: inline-block;
  padding: 0 0.25rem;
  font-size: 0.75rem;
  text-align: center; }

.c-card__anchor {
  position: relative;
  display: block;
  background: #fff;
  z-index: 1; }

.c-card__box {
  position: relative;
  display: block;
  background: #fff;
  margin-top: 1rem; }

.c-card__title {
  display: block;
  font-size: 1.25rem; }

.c-card__text {
  display: block; }

.c-card__price {
  display: block;
  text-align: right;
  font-size: 1rem; }
  .c-card__price b {
    font-size: 1.25rem; }
  .c-card__price .td-line-through {
    display: inline-block;
    margin-right: 20px;
    color: #4c4c4c; }

.c-card__image {
  display: block; }
  .c-card__image img {
    width: 100%;
    height: 100%;
    background: rgba(237, 0, 0, 0.5); }

.c-card .pad-box {
  padding: 1.375rem 1.25rem; }

.c-card__price-box--type2 {
    color: #00c0aa;
    font-size: 0.8125rem;
    padding: 0.875rem 1.25rem 1.25rem;
    text-align: right; }

.c-card__price-box--type2 .c-card__price-info {
	font-size: 0.8125rem;
    font-weight: 400;
    color: #707070;
    margin-top: 0.3125rem;
    margin-bottom: -0.125rem;}

.c-card__price-box--type2 .c-card__price-info em {
	margin: 0 0.25rem; }

.c-card__price-box--type2 span > b {
    font-size: 1.25rem;
    margin-right: 0.125rem; }

.c-card--type1 {
  margin-bottom: 1rem;
  -webkit-box-shadow: 0 0 0 1px #eaeaea;
          box-shadow: 0 0 0 1px #eaeaea;
  border-radius: 0.5rem; }
  .c-card--type1 .c-card__box {
    background: #fff;
    border-radius: 0.5rem; }
    .c-card--type1 .c-card__box.box-gray {
      background: #f5f5f5;
      border-color: #eaeaea; }
  .c-card--type1 .c-checkbox--badge:checked ~ .c-card__label {
    -webkit-box-shadow: 0 0 0 1px #1d1d1b;
            box-shadow: 0 0 0 1px #1d1d1b;
    border-radius: 0.5rem; }
    .c-card--type1 .c-checkbox--badge:checked ~ .c-card__label::before {
      content: '';
      position: absolute;
      top: 1.25rem;
      right: 2.8125rem;
      width: 2rem;
      height: 2rem;
      background: url("../../images/mobile/common/ico_box_check_checked.svg") no-repeat;
      background-size: 2rem 2rem;
      background-position: 0 100%;
      border-radius: 0.5rem; }
  .c-card--type1 .c-card__label {
    position: absolute;
    color: #fff;
    line-height: 23px;
    width: 100%;
    height: 100%;
    padding: 1.25rem;
    border-radius: 0.5rem; }
    .c-card--type1 .c-card__label::before {
      position: absolute;
      top: 1.25rem;
      right: 2.8125rem;
      content: '';
      width: 2rem;
      height: 2rem;
      background: url("../../images/mobile/common/ico_box_check.svg") no-repeat;
      background-size: 2rem 2rem;
      background-position: 0 100%;
      border-radius: 0.5rem; }
  .c-card--type1 .c-card__top {
    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;
    padding: 1.25rem 0 1rem 1.25rem; }
  .c-card--type1 .c-card__title {
    font-size: 1rem;
    color: #1d1d1b;
    padding: 0 1.25rem; }
  .c-card--type1 .c-card__sub {
    font-size: 0.8125rem;
    font-weight: 400;
    color: #707070; }
    .c-card--type1 .c-card__sub span {
      position: relative;
      display: inline-block;
      margin-right: 0.8125rem; }
      .c-card--type1 .c-card__sub span::before {
        position: absolute;
        top: 50%;
        left: -0.375rem;
        width: 0.0625rem;
        height: 0.6875rem;
        background-color: #ccc;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        content: ''; }
      .c-card--type1 .c-card__sub span:first-child::before {
        content: none; }
  .c-card--type1 .c-card__text {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #4c4c4c; }
  .c-card--type1 .c-card__price-box {
    color: #00c0aa;
    text-align: right;
    padding: 0.5rem 1.25rem 1.5rem 1.25rem; }
    .c-card--type1 .c-card__price-box .u-td-line-through {
      display: block;
      color: #707070;
      font-size: 16px; }
    .c-card--type1 .c-card__price-box > b {
      margin: 0.25rem;
      font-size: 1.125rem; }
  .c-card--type1 .c-card__content {
    margin-top: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .c-card--type1 .c-card__content > li {
      font-size: 0.9375rem;
      color: #bfbfbf;
      margin-bottom: 0.75rem; }
      .c-card--type1 .c-card__content > li > span {
        display: inline-block;
        padding: 0.75rem 0.625rem; }
      .c-card--type1 .c-card__content > li::last-child {
        margin-bottom: 0.5rem; }
      .c-card--type1 .c-card__content > li .c-icon {
        margin-right: 12px; }
      .c-card--type1 .c-card__content > li.c-card__info-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
        .c-card--type1 .c-card__content > li.c-card__info-list b {
          color: #1d1d1b; }
  .c-card--type1 .ico-type img {
    width: 2rem;
    height: 2rem; }

.c-card--type2 {
  margin-bottom: 1rem;
  -webkit-box-shadow: 0 0 0 1px #eaeaea;
          box-shadow: 0 0 0 1px #eaeaea;
  border-radius: 0.5rem; }
  .c-card--type2 .c-card__box {
    background-color: #fff;
    border-radius: 0.5rem; }
  .c-card--type2 .c-checkbox--box:checked ~ .c-card__box-label {
    -webkit-box-shadow: 0 0 0 1px #1d1d1b;
            box-shadow: 0 0 0 1px #1d1d1b;
    border-radius: 0.5rem; }
  .c-card--type2 .c-card__box-label {
    position: absolute;
    color: #fff;
    line-height: 23px;
    width: 100%;
    height: 100%;
    padding: 1.25rem;
    border-radius: 0.5rem; }
  .c-card--type2 .c-card__top {
    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;
    padding: 1rem 0 0.75rem 1.25rem; }
    .c-card--type2 .c-card__top .c-select-badge {
      margin-left: auto;
      width: 2rem;
      height: 2rem;
      background: url(../../images/mobile/common/ico_comparison.svg) no-repeat 50% 50%; }
  .c-card--type2 .c-card__badge {
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: 1rem;
    right: 2.8125rem; }
  .c-card--type2 .c-card__badge-label {
    display: block;
    width: 2rem;
    height: 2rem;
    background: url("../../images/mobile/common/ico_box_check.svg") no-repeat;
    background-size: 2rem 2rem;
    background-position: 0 100%;
    border-radius: 0.5rem; }
  .c-card--type2 .c-checkbox--badge:checked ~ .c-card__badge-label {
    background: url("../../images/mobile/common/ico_box_check_checked.svg") no-repeat;
    background-size: 2rem 2rem; }
  .c-card--type2 .c-card__title {
    padding: 0 1.25rem;
    font-size: 1rem;
    color: #1d1d1b; }
  .c-card--type2 .c-card__title .c-card__subtitle {
    margin-right: 1rem;
    line-height: 1.375rem;
    font-size: 1rem;
    font-weight: 500;
  }
  .c-card--type2 .c-card__sub {
    font-size: 0.8125rem;
    font-weight: 400;
    color: #707070;
    margin-top: 0.5rem;
    pointer-events: none; }
    .c-card--type2 .c-card__sub span {
      position: relative;
      display: inline-block;
      margin-right: 0.8125rem; }
      .c-card--type2 .c-card__sub span::before {
        position: absolute;
        top: 50%;
        left: -0.375rem;
        width: 0.0625rem;
        height: 0.6875rem;
        background-color: #ccc;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        content: ''; }
      .c-card--type2 .c-card__sub span:first-child::before {
        content: none; }
  .c-card--type2 .c-card__text {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #4c4c4c; }
  .c-card--type2 .c-card__price-box {
    color: #00c0aa; }
    .c-card--type2 .c-card__price-box .u-td-line-through {
      display: block;
      color: #707070;
      font-size: 16px; }
    .c-card--type2 .c-card__price-box > b {
      margin: 0.25rem;
      font-size: 1.125rem; }
  .c-card--type2 .c-card__price-box {
    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;
    color: #00c0aa;
    font-size: 0.8125rem;
    padding: 0.875rem 1.25rem 1.25rem; }
    .c-card--type2 .c-card__price-box.multi-row {
      padding-bottom: 0; }
      .c-card--type2 .c-card__price-box.multi-row.multi-row ~ .multi-row {
        padding-top: 0; }
      .c-card--type2 .c-card__price-box.multi-row:last-child {
        padding-bottom: 1.25rem; }
    .c-card--type2 .c-card__price-box .u-td-line-through {
      display: block;
      color: #94a2a0;
      font-size: 14px;
      margin-right: 0.625rem; }
    .c-card--type2 .c-card__price-box span > b {
      font-size: 1.25rem;
      margin-right: 0.125rem; }
  .c-card--type2 .c-card__content {
    margin-top: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .c-card--type2 .c-card__content > li {
      font-size: 0.9375rem;
      color: #bfbfbf;
      margin-bottom: 0.75rem; }
      .c-card--type2 .c-card__content > li > span {
        display: inline-block;
        padding: 0.75rem 0.625rem; }
      .c-card--type2 .c-card__content > li::last-child {
        margin-bottom: 0.5rem; }
      .c-card--type2 .c-card__content > li .c-icon {
        margin-right: 12px; }
  .c-card--type2 .c-accordion {
    padding: 0 1.25rem; }
  .c-card--type2 .c-card__detail-info {
    padding: 1rem 1.25rem 0 1.25rem;
    pointer-events: none; }
    .c-card--type2 .c-card__detail-info .c-text-list {
      padding: 0 0.75rem; }
    .c-card--type2 .c-card__detail-info .c-hr {
      margin-bottom: 0.875rem; }

.c-card--type3 {
  margin-bottom: 1rem;
  -webkit-box-shadow: 0 0 0 1px #eaeaea;
          box-shadow: 0 0 0 1px #eaeaea;
  border-radius: 0.5rem; }
  .c-card--type3.var-type1 {
    background: #f5f5f5; }
  .c-card--type3 .c-card__box {
    background-color: #fff;
    border-radius: 0.5rem; }
    .c-card--type3 .c-card__box.box-gray {
      background: #f5f5f5; }
  .c-card--type3 .c-radio--type4:checked + .c-card__label,
  .c-card--type3 .c-checkbox--type4:checked + .c-card__label {
    -webkit-box-shadow: 0 0 1px 1px #1d1d1b;
            box-shadow: 0 0 1px 1px #1d1d1b;
    border-radius: 0.5rem; }
    .c-card--type3 .c-radio--type4:checked + .c-card__label::before,
    .c-card--type3 .c-checkbox--type4:checked + .c-card__label::before {
      content: '';
      position: absolute;
      width: 2rem;
      height: 2rem;
      background: url("../../images/mobile/common/ico_checkmark_black.svg") no-repeat;
      background-size: 2rem 2rem;
      background-position: 0 100%;
      border-radius: 0.5rem; }
  .c-card--type3 .c-card__label {
    position: absolute;
    color: #fff;
    line-height: 23px;
    width: 100%;
    height: 100%; }
    .c-card--type3 .c-card__label::before {
      position: absolute;
      top: 1rem;
      right: 0.625rem;
      content: '';
      width: 2rem;
      height: 2rem;
      background: url("../../images/mobile/common/ico_checkmark_light-gray.svg") no-repeat;
      background-size: 2rem 2rem;
      background-position: 0 100%;
      border-radius: 0.5rem; }
  .c-card--type3 .c-card__top {
    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; }
    .c-card--type3 .c-card__top .c-select-badge {
      margin-left: auto;
      width: 2rem;
      height: 2rem;
      background: url(../../images/mobile/common/ico_comparison.svg) no-repeat 50% 50%; }
  .c-card--type3 .c-card__title {
    font-size: 1rem;
    color: #1d1d1b;
    padding: 1.25rem; }
  .c-card--type3 .c-card__sub {
    margin-top: 0.25rem;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #707070; }
    .c-card--type3 .c-card__sub span {
      position: relative;
      display: inline-block;
      margin-right: 0.8125rem; }
      .c-card--type3 .c-card__sub span::before {
        position: absolute;
        top: 50%;
        left: -0.375rem;
        width: 0.0625rem;
        height: 0.6875rem;
        background-color: #ccc;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        content: ''; }
      .c-card--type3 .c-card__sub span:first-child::before {
        content: none; }
  .c-card--type3 .c-card__text {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #4c4c4c; }
  .c-card--type3 .c-card__price-box,
  .c-card--type3 .c-card__price-wrap {
    padding: 0 1.25rem 1rem;
    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;
    color: #1d1d1b;
    font-size: 0.875rem; }
    .c-card--type3 .c-card__price-box .u-td-line-through,
    .c-card--type3 .c-card__price-wrap .u-td-line-through {
      display: block;
      color: #bfbfbf;
      font-size: 14px;
      margin-right: 0.625rem; }
    .c-card--type3 .c-card__price-box span > b,
    .c-card--type3 .c-card__price-wrap span > b {
      font-size: 1rem;
      color: #00c0aa; }
    .c-card--type3 .c-card__price-box .c-icon,
    .c-card--type3 .c-card__price-wrap .c-icon {
      width: 1.75rem;
      height: 1.75rem; }
    .c-card--type3 .c-card__price-box .c-card__price,
    .c-card--type3 .c-card__price-wrap .c-card__price {
      font-size: 0.875rem; }
      .c-card--type3 .c-card__price-box .c-card__price b,
      .c-card--type3 .c-card__price-wrap .c-card__price b {
        font-size: 1rem;
        color: #00c0aa;
        margin-left: 4px; }

 #divSelNew .c-card--type3 .c-card__price-wrap .c-icon + .c-icon,
 #divSelUsim .c-card--type3 .c-card__price-wrap .c-icon + .c-icon,
 #divSelSelf .c-card--type3 .c-card__price-wrap .c-icon + .c-icon,
 #ulInsrProdList .c-card--type3 .c-card__price-wrap .c-icon + .c-icon {
	margin-left: 0.25rem; }

#insrProdView.c-card--type3 .ico-type img + img {
    margin-left: 0.0625rem; }

#ulInsrProdList .c-card--type3 .c-card__price-wrap .c-card__price {
    margin-left: auto; }

  .c-card--type3 .c-card__content {
    margin-top: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .c-card--type3 .c-card__content > li {
      font-size: 0.9375rem;
      color: #bfbfbf;
      margin-bottom: 0.75rem; }
      .c-card--type3 .c-card__content > li > span {
        display: inline-block;
        padding: 0.75rem 0.625rem; }
      .c-card--type3 .c-card__content > li::last-child {
        margin-bottom: 0.5rem; }
      .c-card--type3 .c-card__content > li .c-icon {
        margin-right: 12px; }
  .c-card--type3 .ico-type {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .c-card--type3 .ico-type img {
      width: 1.75rem;
      height: 1.75rem; }
      .c-card--type3 .ico-type img + img {
        margin-left: -0.5rem; }
    .c-card--type3 .ico-type + .ico-type {
      margin-left: -3rem;
      z-index: 1; }
  .c-card--type3 .info-dl,
  .c-card--type3 .product-desc {
    font-size: 0.8125rem; }
    .c-card--type3 .info-dl dt,
    .c-card--type3 .product-desc dt {
      color: #707070; }
      .c-card--type3 .info-dl dt:not(:first-child),
      .c-card--type3 .product-desc dt:not(:first-child) {
        margin-top: 0.75rem; }
    .c-card--type3 .info-dl dd,
    .c-card--type3 .product-desc dd {
      color: #1d1d1b;
      margin-top: 0.25rem; }
  .c-card--type3 .c-box--type1 {
    border-top: 0;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem; }
  .c-card--type3 .c-card__info {
    padding: 1rem 1.25rem 1.25rem; }
  .c-card--type3 .c-card__content {
    padding: 1rem 1.25rem 1.25rem;
    border-top: 0;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    background: #f4f4f4;
    margin-top: 0; }
  .c-card--type3 .product-desc .c-text-label {
    margin-left: 4px;
    padding: 0 0.375rem;
    font-size: 0.6875rem; }
  .c-card--type3 .c-text-label-wrap {
    margin-top: 1.25rem; }

.c-card--type4 {
  margin-bottom: 1rem;
  -webkit-box-shadow: 0 0 0 1px #eaeaea;
          box-shadow: 0 0 0 1px #eaeaea;
  border-radius: 0.5rem; }
  .c-card--type4 .c-card__box {
    background-color: #fff;
    border-radius: 0.5rem;
    padding: 1.25rem 0; }
  .c-card--type4 .c-card__title {
    padding: 0 1.25rem;
    font-size: 0.8125rem;
    color: #1d1d1b; }
  .c-card--type4 .c-card__price-box {
    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;
    color: #00c0aa;
    font-size: 0.875rem;
    padding: 0.75rem 1.25rem 0; }
    .c-card--type4 .c-card__price-box .u-td-line-through {
      display: block;
      color: #cccccc;
      font-size: 13px;
      margin-right: 0.625rem; }
    .c-card--type4 .c-card__price-box span > b {
      font-size: 1rem; }

.c-card-list--type1 .c-card-list__item ~ .c-card-list__item {
  margin-top: 1.25rem; }

.c-card-list--type2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -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-top: -1.25rem; }
  .c-card-list--type2 .c-card-list__item {
    width: calc(50% - 10px);
    margin-top: 1.25rem; }

.c-card-wrap--x-scroll {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap; }
  .c-card-wrap--x-scroll .c-card-list__item {
    display: inline-block;
    font-size: 0;
    margin-left: 1.25rem; }
    .c-card-wrap--x-scroll .c-card-list__item:last-child {
      margin-right: 1.25rem; }

.c-coupon {
  position: relative;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0 0 1px #eaeaea;
          box-shadow: 0 0 0 1px #eaeaea; }
  .c-coupon .c-card__box {
    border-radius: 0.5rem; }
  .c-coupon .c-checkbox--type4:checked + .c-card__label {
    -webkit-box-shadow: 0 0 1px 1px #1d1d1b;
            box-shadow: 0 0 1px 1px #1d1d1b;
    border-radius: 0.5rem; }
    .c-coupon .c-checkbox--type4:checked + .c-card__label::before {
      content: '';
      position: absolute;
      width: 2rem;
      height: 2rem;
      background: url("../../images/mobile/common/ico_checkmark_black.svg") no-repeat;
      background-size: 2rem 2rem;
      background-position: 0 100%;
      border-radius: 0.5rem; }
    .c-coupon .c-checkbox--type4:checked + .c-card__label::after {
      position: absolute;
      top: calc(50% - 12px);
      right: -0.75rem;
      content: '';
      display: block;
      width: 1.5rem;
      height: 1.5rem;
      background: #fff;
      border-radius: 50%;
      -webkit-box-shadow: 1px 0 0 0 #1d1d1b inset;
              box-shadow: 1px 0 0 0 #1d1d1b inset;
      z-index: 2; }
  .c-coupon::after {
    position: absolute;
    top: calc(50% - 12px);
    right: -0.75rem;
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 1px 0 0 0 #1d1d1b inset;
            box-shadow: 1px 0 0 0 #1d1d1b inset; }
  .c-coupon .c-pad__box {
    padding: 1.25rem; }
  .c-coupon .c-card__label {
    position: absolute;
    color: #fff;
    line-height: 23px;
    width: 100%;
    height: 100%; }
    .c-coupon .c-card__label::before {
      position: absolute;
      top: 1.5rem;
      right: 2.5rem;
      content: '';
      width: 2rem;
      height: 2rem;
      background: url("../../images/mobile/common/ico_checkmark_light-gray.svg") no-repeat;
      background-size: 2rem 2rem;
      background-position: 0 100%;
      border-radius: 0.5rem; }
  .c-coupon::after {
    position: absolute;
    top: calc(50% - 12px);
    right: -0.75rem;
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: #fff;
    border-radius: 50%;
    border-left: 1px solid #eaeaea;
    -webkit-box-shadow: 1px 0 0 0 #eaeaea inset;
            box-shadow: 1px 0 0 0 #eaeaea inset; }
  .c-coupon .c-card__sub {
    margin-top: 0.75rem;
    display: block; }
    .c-coupon .c-card__sub .c-text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .c-coupon .c-card__sub .c-text .sub-title {
        display: inline-block;
        margin-right: 0.5rem; }
      .c-coupon .c-card__sub .c-text .sub-code {
        word-break: break-all; }

.c-card--coupon.c-card--type2 .c-card__sub {
  margin: 0.75rem 0 1rem; }
  .c-card--coupon.c-card--type2 .c-card__sub .c-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .c-card--coupon.c-card--type2 .c-card__sub .c-text span {
      margin-right: 0; }
    .c-card--coupon.c-card--type2 .c-card__sub .c-text .sub-code {
      margin-left: 0.5rem;
      word-break: break-all; }
      .c-card--coupon.c-card--type2 .c-card__sub .c-text .sub-code:before {
        content: none; }

.c-card.c-card--type2.c-card--coupon.mcoupon .c-card__box {
    padding: 1.375rem 1.25rem 1.5rem; }

.c-card.c-card--type2.c-card--coupon.mcoupon .c-card__title {
	padding: 0; }

.c-card.c-card--type2.c-card--coupon.mcoupon .c-card__sub {
	margin: 0.625rem 0 0.8125rem; }

.c-card.c-card--type2.c-card--coupon.mcoupon .c-card__sub .c-text {
    color: #999 !important; }

.c-card.c-card--type2.c-card--coupon.mcoupon .c-button-wrap .c-button ~ .c-button {
    margin-left: 0.625rem; }

.c-card.c-card--type2.c-card--coupon.mcoupon .c-button-coupon--copy {
	height: 1.875rem;
    padding: 0;
    font-size: 0.875rem;
    color: #4c4c4c;
    border-radius: 1rem;}

.c-card.c-card--type2.c-card--coupon.mcoupon .c-button-coupon--detail {
	height: 1.875rem;
    padding: 0;
    font-size: 0.875rem;
    border-radius: 1rem; }


/* hr */
.c-hr {
  border: 0;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none; }
  .c-hr--type1 {
    position: relative;
    margin: 3rem 0 2.5rem;
    height: 0.625rem; }
    .c-hr--type1::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      content: "";
      display: block;
      clear: both;
      background: #f4f4f4; }
    .c-hr--type1 + .c-form .c-form__title {
      margin-top: 0; }
  .c-hr--type2 {
    position: relative;
    margin: 2rem 0 1.5rem;
    height: 0.0625rem; }
    .c-hr--type2::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      content: "";
      display: block;
      clear: both;
      background: #eaeaea; }
  .c-hr--type3 {
    position: relative;
    height: 0.0625rem; }
    .c-hr--type3::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      content: "";
      display: block;
      clear: both;
      background: #eaeaea; }
  .c-hr.c-expand {
    width: calc(100% + 2.5rem); }

/* box */
.c-box {
  position: relative;
  display: block; }
  .c-box--type1 {
    padding: 1.875rem 1.5rem;
    background: #f4f4f4; }
    .c-box--type1.u-pad--12 {
      padding: 0.75rem; }
  .c-box--type2 {
    padding: 0.625rem 2rem;
    border-radius: 0.25rem;
    border: 0.0625rem solid #eaeaea;
    background-color: #f5f5f5; }
    .c-box--type2 .c-icon {
      margin-right: 0.5rem; }
  .c-box--type3 {
    padding: 2.375rem 1.875rem;
    border-radius: 3.75rem;
    border: 0.0625rem solid #ddd; }
  .c-box--type4 {
    padding: 1rem 1.25rem 1.5rem;
    background: #f5f5f5;
    border-radius: 1.25rem; }
  .c-box--type5 {
    padding: 0.8125rem 1rem;
    background: #fff;
    border-radius: 1.25rem;
    border: 0.0625rem solid #eaeaea; }
  .c-box--type6 {
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
    margin-top: 1.125rem;
    padding: 1.25rem;
    background: #f9f9f9; }

.c-box--type6 .c-radio + .c-label.top-check::before, .c-box--type6 .c-checkbox + .c-label.top-check::before {
    top: 7%; }

  .c-box .c-box__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 500; }
    .c-box .c-box__title.flex-type--between {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .c-box .c-box__title.flex-type--center {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .c-box--circle {
    position: relative;
    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;
    width: 5.4375rem;
    height: 5.4375rem;
    border-radius: 50%; }
    .c-box--circle.c-box-gray {
      background: #f1f1f1; }
    .c-box--circle .c-in--title {
      position: absolute;
      bottom: 0.375rem; }
    .c-box--circle .c-balloon {
      margin-top: -0.625rem;
      margin-left: 2rem; }
    .c-box--circle .deco-img {
      max-width: 3.125rem;
      height: auto; }
  .c-box .c-tabs {
    margin-top: 1.5rem; }

/* text-box */
.c-text-box {
  position: relative;
  padding: 1rem 1.25rem;
  border-radius: 8px;
  font-size: 0.8125rem;
  text-align: center; }
  .c-text-box--blue {
    background-color: rgba(5, 115, 232, 0.1);
    border: 1px solid rgba(5, 115, 232, 0.15);
    color: #0573e8; }
  .c-text-box--red {
    background-color: rgba(231, 57, 57, 0.1);
    border: 1px solid rgba(231, 57, 57, 0.1);
    color: #e73939; }
  .c-text-box--gray {
    background-color: #f5f5f5;
    border: 1px solid #eaeaea;
    color: #333;
    font-size: 0.875rem; }
  .c-text-box.deco-combine img {
    position: absolute;
    top: 0.5625rem;
    right: 1.5rem;
    width: 3.25rem;
    height: 3.25rem; }
  .c-text-box.deco-combine-possible img {
    position: absolute;
    top: 0.5625rem;
    right: 1.5rem;
    width: 3.25rem;
    height: 3.25rem; }

/* filter */
.c-filter {
  position: relative;
  font-size: 0;
  margin: -0.25rem; }
  .c-filter::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    right: 0;
    width: 1rem;
    height: 2.1875rem;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.9)));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9));
    z-index: 1; }
  .c-filter__inner {
    position: relative;
    white-space: nowrap;
    overflow-x: auto;
    padding: 0 1rem 0.5rem;
    background: #fff; }
    .c-filter__inner .c-button {
      margin: 0.25rem 0.25rem;
      font-size: 0.8125rem;
      font-weight: 400; }
      .c-filter__inner .c-button:active, .c-filter__inner .c-button.is-active {
        font-weight: 400; }
    .c-filter__inner .c-chk-wrap {
      display: inline-block; }
      .c-filter__inner .c-chk-wrap > .c-label.no-select {
        padding-left: 1rem;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
        height: 2.875rem; }
    .c-filter__inner__type2 .c-button {
      margin: 0.25rem 0.25rem;
      font-size: 0.8125rem;
      font-weight: 400;
      height: 2.75rem; }
      .c-filter__inner__type2 .c-button:active, .c-filter__inner__type2 .c-button.is-active {
        font-weight: 400; }
  .c-filter--accordion__button {
    position: absolute;
    top: 0.125rem;
    right: 0;
    width: 4.375rem;
    height: 2.25rem;
    z-index: 2; }
    .c-filter--accordion__button::before {
      content: "";
      display: block;
      clear: both;
      width: 1.25rem;
      height: 1.25rem;
      position: absolute;
      right: 1.5rem;
      top: 50%;
      -webkit-transform: translateY(-50%) rotate(90deg);
              transform: translateY(-50%) rotate(90deg);
      background: url(../../images/mobile/common/ico_arrow_gray.svg) no-repeat; }
    .c-filter--accordion__button[aria-expanded='true']::before {
      -webkit-transform: translateY(-50%) rotate(270deg);
              transform: translateY(-50%) rotate(270deg); }
  .c-filter--accordion::before {
    width: 3.125rem; }
  .c-filter--accordion .c-filter__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 3.125rem;
    overflow-y: hidden; }
    .c-filter--accordion .c-filter__inner::-webkit-scrollbar {
      display: none; }
  .c-filter--accordion.is-expanded .c-filter__inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    white-space: inherit;
    overflow-x: hidden; }
    .c-filter--accordion.is-expanded .c-filter__inner .c-button {
      max-width: calc(100% - 10px);
      text-overflow: ellipsis;
      overflow: hidden;
      word-break: break-all;
      white-space: nowrap; }

.c-filter__type2 .c-filter--accordion__button {
  width: 4.375rem;
  height: 3.125rem; }

.c-filter__type2::before {
  width: 4.375rem;
  height: 3.125rem; }

.c-filter__type2 .c-filter__inner .c-button {
  font-size: 0.8125rem;
  font-weight: 400;
  height: 2.75rem;
  line-height: 2.75rem;
  border-radius: 1.375rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.c-filter__type2 .filter-prefix {
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  margin-right: 0.75rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none; }
  .c-filter__type2 .filter-prefix img {
    width: 100%;
    height: 100%; }


.c-loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1100;
}
.c-loader .c-loader--circle img{
  position: absolute;
  top: 40%;
  left: 43%;
  width: 4rem;
  height: 4rem;
  animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear; }

.c-loader--type2 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 1100;
    text-align: center; }

.c-loader--type2 .c-loader--circle--type2 {
position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.c-loader--type2 .c-loader--circle--type2 img{
    animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear; }

.c-loader--type2 .c-loader-text {
   	margin-top: 0.5rem;
    color: #fff;
    font-size: 1.25rem;
    text-align: center; }

.c-loader--type2 .c-loader-text strong {
	font-size: 1.5rem;
    font-weight: 700; }

.c-loader--type2 .c-loader-text p {
    margin-top: 0.25rem; }



/* 로딩바 원본 소스
.c-loader--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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }

  .c-loader--wrap .c-loader {
    width: 4rem;
    height: 4rem; }
  .c-loader--wrap.is-active {
    opacity: 1; }

.c-loader--circle {
  width: 4rem;
  height: 4rem;
  background: url(../../images/mobile/common/img-loading.svg) no-repeat;
  background-size: 4rem;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear; }
*/

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: center center;
            transform-origin: center center; } }

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: center center;
            transform-origin: center center; } }

.c-box--mint {
  background: #00c0aa;
  color: #fff;
  border-radius: 0.5rem;
  padding: 1.125rem 1.25rem; }
  .c-box--mint .c-text--regular {
    margin-top: 0.25rem; }

.c-box--dotted {
  border-radius: 0.5rem;
  border: 1px dashed #ddd;
  padding: 0.625rem 0;
  text-align: center; }
  .c-box--dotted .u-ptb--32 {
    padding: 2rem 0; }

.c-box--white {
  background: #fff; }

.c-box.c-box--sticky {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 2;
  background: #fff; }

.c-box .center-img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%; }

.c-bottom-padding {
  width: 100%;
  height: 1px;
  padding-bottom: 9.625rem; }

.c-counter {
  border: 1px solid #c0c0c0;
  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;
  overflow: visible;
  width: 8.125rem;
  height: 2.5rem;
  border-radius: 1.75rem;
  background: #fff;
  padding: 2px;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  align-items: center; }
  .c-counter input {
    width: 3.625rem;
    height: 100%;
    text-align: center !important;
    border: 0;
    background: transparent;
    color: #1d1d1b; }
  .c-counter .c-button {
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.5rem;
    border-radius: 50%; }

.c-indicator {
  display: block;
  position: relative;
  height: 0.1875rem;
  background: #eaeaea; }
  .c-indicator span {
    display: block;
    height: 0.1875rem;
    max-width: 100%;
    background: #00c0aa; }
  .c-indicator--type1 {
    height: 0.375rem;
    background: #eaeaea;
    border-radius: 0.3125rem; }
    .c-indicator--type1 .mark-mint {
      display: block;
      height: 0.375rem;
      max-width: 100%;
      background: #00c0aa;
      border-radius: 0.3125rem; }
    .c-indicator--type1 .mark-blue {
      display: block;
      height: 0.375rem;
      max-width: 100%;
      background: #0573e8;
      border-radius: 0.3125rem; }
    .c-indicator--type1 .mark-green {
      display: block;
      height: 0.375rem;
      max-width: 100%;
      background: #018786;
      border-radius: 0.3125rem; }
    .c-indicator--type1 .mark-red {
      display: block;
      height: 0.375rem;
      max-width: 100%;
      background: #ff5100;
      border-radius: 0.3125rem; }

.c-step-indicator {
  position: relative;
  overflow: hidden;
  counter-reset: kt-step;
  width: 100%; }
  .c-step-indicator li {
    position: relative;
    float: left;
    width: 20%;
    text-align: center;
    color: #ed0000; }
    .c-step-indicator li.current ~ li {
      color: #555; }
    .c-step-indicator li:before {
      counter-increment: kt-step;
      content: counter(kt-step);
      display: block;
      color: #fff;
      background-color: #ed0000;
      border: 5px solid #ed0000;
      text-align: center;
      width: 2em;
      height: 2em;
      line-height: 2em;
      border-radius: 2em;
      position: relative;
      left: 50%;
      margin-bottom: 1em;
      margin-left: -1em;
      z-index: 1; }
    .c-step-indicator li + li:after {
      content: '';
      display: block;
      width: 100%;
      background-color: #ed0000;
      height: 5px;
      position: absolute;
      left: -50%;
      top: 1em;
      z-index: 0; }
  .c-step-indicator .current ~ li::after {
    background-color: #555; }
  .c-step-indicator .current ~ li::before {
    background-color: #fff;
    color: #555;
    border-color: #555; }

.c-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1; }

.fadeIn {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
          animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn; }

.fadeOut {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
          animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

/* modal */
.c-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto; }
  .c-modal.is-active {
    display: block;
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
    -webkit-animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
            animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    -webkit-animation-name: defaultIn;
            animation-name: defaultIn; }
  .c-modal.is-deactive {
    display: block;
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
    -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
            animation-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
    -webkit-animation-name: defaultOut;
            animation-name: defaultOut; }
  .c-modal--bs.is-active {
    -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
            animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-animation-name: bsIn;
            animation-name: bsIn; }
  .c-modal--bs.is-deactive {
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
            animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
    -webkit-animation-name: bsOut;
            animation-name: bsOut; }
  .c-modal--bs .c-modal__dialog {
    border-radius: 15px 15px 0 0;
    margin: 0;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    min-height: calc(100%); }
  .c-modal--bs .c-modal__content {
    height: auto;
    border-radius: 1.875rem 1.875rem 0 0; }
  .c-modal--bs .c-modal__content .c-modal__header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;  }
  .c-modal--bs .c-modal__content .c-icon--arrow-down {
   	height: 0.5rem;
    margin-right: 0 !important;
    background: url(../../images/mobile/common/ico_arrow_down.svg) 50% -0.25rem no-repeat; }

  .c-modal__dialog {
    position: relative;
    width: auto;
    margin: 1.25rem;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (1.25rem * 2));
    -webkit-transform: none;
            transform: none; }
    .c-modal__dialog--alert {
      text-align: center; }
      .c-modal__dialog--alert .c-button--full {
        padding: 0.875rem 0.75rem; }
    .c-modal__dialog--sm .c-modal__header {
      padding-left: 0.625rem;
      padding-right: 0.625rem; }
    .c-modal__dialog--sm .c-modal__body {
      padding: 1.5rem 0.625rem;
      text-align: center; }
    .c-modal__dialog--sm .c-modal__footer {
      border-top: 0.0625rem solid #eaeaea;
      padding: 0;
      margin: 0 0.625rem; }
      .c-modal__dialog--sm .c-modal__footer .c-button--full {
        border-color: #fff;
        padding: 0.875rem 0.75rem; }
    .c-modal__dialog--full {
      margin: 0;
      height: 100%; }
      .c-modal__dialog--full .c-modal__content {
        min-height: 100%;
        height: 100%;
        border: 0;
        border-radius: 0; }
      .c-modal__dialog--full .c-modal__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 0 1.25rem 2.125rem; }
        .c-modal__dialog--full .c-modal__body + .payment-result {
          margin-top: -2rem; }
      .c-modal__dialog--full .c-modal__footer {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(10%), to(white));
        background: linear-gradient(rgba(255, 255, 255, 0), 10%, white);
        z-index: 100; }
        .c-modal__dialog--full .c-modal__footer .c-button-wrap {
          margin-top: 0; }
        .c-modal__dialog--full .c-modal__footer::before {
          content: '';
          position: absolute;
          bottom: 5.9375rem;
          left: 0;
          display: block;
          width: 100%;
          height: 1rem;
          background: -webkit-gradient(linear, left bottom, left top, color-stop(18%, white), color-stop(85%, rgba(255, 255, 255, 0)));
          background: linear-gradient(to top, white 18%, rgba(255, 255, 255, 0) 85%); }
      .c-modal__dialog--full .c-modal__title {
        position: relative;
        display: block;
        padding-left: 1.25rem; }
        .c-modal__dialog--full .c-modal__title::before {
          content: "";
          display: block;
          clear: both;
          position: absolute;
          top: 0.625rem;
          left: 0.4375rem;
          width: 0.3125rem;
          height: 0.3125rem;
          background: #1d1d1b; }
      .c-modal__dialog--full .c-tabs--type2 > .c-tabs__list.sticky-header--modal {
        position: sticky;
        position: -webkit-sticky;
        padding-top: 0.8125rem;
        top: 0;
        z-index: 1020; }
        .c-modal__dialog--full .c-tabs--type2 > .c-tabs__list.sticky-header--modal ~ .c-tabs__panel .c-tabs--type3 > .c-tabs__panel::before {
          top: 4.375rem; }
      .c-modal__dialog--full .c-tabs--type3 > .c-tabs__panel .payment-result {
        margin-top: -2rem !important;
        padding-top: 1.5rem; }
  .c-modal__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0.3rem;
    outline: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-height: calc(100vh - (1.25rem * 2));
    overflow: hidden; }
  .c-modal__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1.125rem 1.25rem 1.125rem;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .c-modal__title {
    font-size: 1.125rem;
    font-weight: 500; }
  .c-modal__body {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 2rem 1.25rem;
    overflow-y: auto; }
  .c-modal__footer {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 0.5rem 1.25rem 2.125rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff; }
    .c-modal__footer::before {
      content: '';
      position: absolute;
      bottom: 6.125rem;
      left: 0;
      display: block;
      width: 100%;
      height: 1rem;
      background: -webkit-gradient(linear, left bottom, left top, color-stop(18%, white), color-stop(85%, rgba(255, 255, 255, 0)));
      background: linear-gradient(to top, white 18%, rgba(255, 255, 255, 0) 85%); }
  .c-modal__search .c-form--search {
    margin: 0;
    padding: 1rem 1.25rem 0.75rem; }

.c-modal--editor .c-modal__content {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.c-modal--editor .c-modal__body {
	-webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-height: 52%;
    padding: 0 1.25rem 1.25rem; }

.c-modal--editor .c-modal__body a {
	display: block;
	margin-top: 1.25rem; }

.c-modal--editor .c-modal__body a:first-child {
    margin-top: 0; }

.c-modal--editor .c-modal__body img {
	width: 100%;
    vertical-align: bottom; }

.event-summary-button {
    position: fixed;
    width: 100%;
    bottom: 1.5rem;
    z-index: 10; }

.event-summary-button__wrap {
    width: 16rem;
    margin: 0 auto; }

.event-summary-button__wrap button {
    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: 16rem;
    height: 3.375rem;
    padding: 1rem;
    border: 0.0625rem solid #eb3333;
    border-radius: 1.875rem;
    background-color: #fff;
    color: #252525;
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.25rem;
    letter-spacing: -0.05rem;
    -webkit-box-shadow: 0 0.5rem 2rem 0 rgb(244 184 184 / 92%);
    box-shadow: 0 0.5rem 2rem 0 rgb(244 184 184 / 92%); }

.event-summary-button__wrap .c-icon {
	margin-left: -0.25rem;
	margin-right: 0.5rem; }

.c-modal--event-summary .c-modal__title {
    font-size: 1.125rem;
    font-weight: 700; }

.c-modal--event-summary .c-modal__title span {
    margin-left: 0.5rem;
    color: #6c6c6c;
    font-size: 1rem; }

.c-modal--event-summary .c-modal__body {
    padding: 0.625rem 1.25rem 0;
    background-color: #f5f5f5; }

.c-modal--event-summary .c-modal__footer {
    padding: 1.25rem 1.25rem 2.125rem; }

.c-modal--event-summary .c-modal__footer::before {
    bottom: 6.875rem; }

.event-summary__ltem {
    border-bottom: 0.0625rem solid #eaeaea; }
.event-summary__ltem:last-child {
	border-bottom: none; }

.event-summary__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    padding: 0.5625rem 0;
    align-items: center; }

.event-summary__info img {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 0.75rem; }

.event-summary__text strong {
    font-size: 0.9375rem;
    font-weight: 700; }

.event-summary__text p {
    font-size: 0.8125rem;
    color: #656565; }


/* bottom-sheet */
.c-bottom-sheet {
  display: none;
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4); }
  .c-bottom-sheet.is-active {
    display: block !important; }
  .c-bottom-sheet__box {
    position: fixed;
    bottom: 0;
    background-color: #fefefe;
    width: 100%;
    max-height: 90vh;
    min-height: 30vh;
    border-top-right-radius: 0.625rem;
    border-top-left-radius: 0.625rem;
    overflow-y: hidden;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s; }
  .c-bottom-sheet__close {
    position: absolute;
    top: 0;
    right: 0.625rem;
    font-size: 28px;
    font-weight: bold;
    z-index: 300; }
  .c-bottom-sheet__title {
    position: absolute;
    top: 1rem;
    width: 100%;
    z-index: 200; }
  .c-bottom-sheet__content {
    max-height: calc(90vh - 200px);
    height: 20vh;
    margin: 2.625rem 0;
    overflow-y: auto; }
  .c-bottom-sheet__btn-area {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 200; }
  .c-bottom-sheet.closing .c-bottom-sheet__box {
    position: fixed;
    bottom: 0;
    background-color: #fefefe;
    width: 100%;
    max-height: 90vh;
    min-height: 30vh;
    border-top-right-radius: 0.625rem;
    border-top-left-radius: 0.625rem;
    overflow-y: hidden;
    -webkit-animation-name: slideDown;
    -webkit-animation-duration: 0.4s;
    animation-name: slideDown;
    animation-duration: 0.4s; }
  .c-bottom-sheet.closing .c-bottom-sheet__btn-area {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 200;
    -webkit-animation-name: slideDown;
    -webkit-animation-duration: 0.4s;
    animation-name: slideDown;
    animation-duration: 0.4s; }

.c-bottom-sheet__dim {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 200; }
  .c-bottom-sheet__dim.is-active {
    display: block;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  .c-bottom-sheet__dim.closing {
    display: none; }

@-webkit-keyframes slideIn {
  from {
    bottom: -300px;
    opacity: 0; }
  to {
    bottom: 0;
    opacity: 1; } }

@keyframes slideIn {
  from {
    bottom: -300px;
    opacity: 0; }
  to {
    bottom: 0;
    opacity: 1; } }

@-webkit-keyframes slideDown {
  from {
    bottom: 0;
    opacity: 0; }
  to {
    bottom: -300px;
    opacity: 1; } }

@keyframes slideDown {
  from {
    bottom: 0;
    opacity: 0; }
  to {
    bottom: -300px;
    opacity: 1; } }

/* accordion */
.c-accordion .expand:not(.open):not(.expanded) {
  display: none; }

.c-accordion .expanding {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s cubic-bezier(0.33, 1, 0.68, 1);
  transition: height 0.35s cubic-bezier(0.33, 1, 0.68, 1); }

.c-accordion__head, .c-accordion .no-c-accordion__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;
  position: relative;
  margin: 0;
  padding: 0; }
  .c-accordion__head.is-active .c-accordion__button::after, .c-accordion .is-active.no-c-accordion__head .c-accordion__button::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg); }

.c-accordion__check {
  position: relative;
  width: 70%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }
  .c-accordion__check ~ .is-active::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg); }

.c-accordion__trigger {
  min-height: 1.5rem;
  width: 100%;
  padding-right: 2rem;
  margin-left: auto;
  position: relative; }

.c-accordion__button {
  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;
  width: 100%;
  height: 100%;
  text-align: left;
  z-index: 2; }
  .c-accordion__button:after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_arrow_gray.svg) 50% 50% no-repeat;
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }

.c-accordion--type1 .c-accordion__item {
  border-bottom: 0.0625rem solid #eaeaea; }

.c-accordion--type1 .c-accordion__button {
  display: block;
  padding: 1.25rem 1.75rem 1.25rem 0; }
.c-accordion--type1 .c-accordion__button.inner--charge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .c-accordion--type1 .c-accordion__button::after {
    bottom: 1.25rem;
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg); }

.c-accordion--type1 .c-accordion__head.is-active .c-accordion__button::after, .c-accordion--type1 .c-accordion .is-active.no-c-accordion__head .c-accordion__button::after, .c-accordion .c-accordion--type1 .is-active.no-c-accordion__head .c-accordion__button::after {
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg); }

.c-accordion--type1 .c-accordion__head .c-text, .c-accordion--type1 .c-accordion .no-c-accordion__head .c-text, .c-accordion .c-accordion--type1 .no-c-accordion__head .c-text {
  color: #bfbfbf; }

.c-accordion--type1 .c-accordion__text {
  margin-top: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #bfbfbf; }

.c-accordion--type1 .c-accordion__image {
  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;
  height: 100%;
  margin-right: 0.75rem; }
  .c-accordion--type1 .c-accordion__image img {
    width: 2.5rem;
    height: 2.5rem; }

.c-accordion--type1 .c-accordion__inside {
  position: relative;
  padding: 1.5rem 1.25rem;
  background: #f5f5f5; }

.c-accordion--type1 + .c-button-wrap {
  margin-top: 0 !important; }

.c-accordion--type1.blue-inside .c-accordion__head p, .c-accordion--type1.blue-inside .c-accordion .no-c-accordion__head p, .c-accordion .c-accordion--type1.blue-inside .no-c-accordion__head p {
  color: #94a2a0;
  font-weight: 400; }

.c-accordion--type1.blue-inside .c-accordion__inside {
  background: #ebf4fe; }

.c-accordion--type2 {
  margin-top: 1.5rem; }
  .c-accordion--type2 .c-accordion__box {
    padding: 0 0.625rem;
    border: 0.0625rem solid #ddd;
    border-radius: 0.5rem; }
  .c-accordion--type2 .c-accordion__button {
    padding: 1.25rem 1.625rem 0.875rem 0;
    color: #707070;
    font-size: 0.8125rem;
    font-weight: 500; }
    .c-accordion--type2 .c-accordion__button:after {
      right: 0.375rem;
      width: 1.125rem;
      height: 1.125rem;
      background: url(../../images/mobile/common/ico_triangle.svg) 50% 50% no-repeat; }
    .c-accordion--type2 .c-accordion__button .c-icon {
      margin-right: 0.375rem; }
  .c-accordion--type2 .c-accordion__inside {
    border-top: 0.0625rem solid #eaeaea;
    padding: 1.5rem 1rem;
    font-size: 0.8125rem; }

.c-accordion--type3 .c-accordion__button {
  padding: 0 1.75rem 0 0; }
  .c-accordion--type3 .c-accordion__button::after {
    bottom: 1.25rem;
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg); }

.c-accordion--type3 .c-accordion__head, .c-accordion--type3 .c-accordion .no-c-accordion__head, .c-accordion .c-accordion--type3 .no-c-accordion__head {
  padding: 0.625rem 0;
  height: auto; }
  .c-accordion--type3 .c-accordion__head.is-active .c-accordion__button::after, .c-accordion--type3 .c-accordion .is-active.no-c-accordion__head .c-accordion__button::after, .c-accordion .c-accordion--type3 .is-active.no-c-accordion__head .c-accordion__button::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg); }

.c-accordion--type3 .c-accordion__check {
  position: relative;
  width: 75%;
  z-index: 3;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }
  .c-accordion--type3 .c-accordion__check .c-label {
    font-size: 0.875rem; }
    .c-accordion--type3 .c-accordion__check .c-label::before {
      top: 0.0625rem;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
  .c-accordion--type3 .c-accordion__check ~ .is-active::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg); }

.c-accordion--type3 .c-accordion__trigger {
  min-height: 1.5rem;
  width: 100%;
  padding-right: 0;
  margin-left: auto;
  position: relative; }

.c-accordion--type3 .c-accordion__panel {
  margin: 0.625rem 0 0.375rem; }

.c-accordion--type3 .c-accordion__inside {
  position: relative;
  padding: 1.5rem 3rem 1.5rem 3.25rem;
  background: #f5f5f5;
  color: #4c4c4c;
  font-weight: 400; }

.c-accordion--type3 + .c-button-wrap {
  margin-top: 0 !important; }

.c-accordion--type3 .acco-border .c-accordion__item {
    border-bottom: 0.0625rem solid #eaeaea; }
.c-accordion--type3 .acco-border .c-accordion__panel {
    margin: 0; }
.c-accordion--type3 .acco-border .c-accordion__head {
    padding: 0.75rem 0;
    height: auto; }

.c-accordion--type4 .c-accordion__item {
  position: relative;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #eaeaea; }
  .c-accordion--type4 .c-accordion__item.no-line {
    border-bottom: 0; }

.c-accordion--type4 .c-accordion__button {
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #eaeaea;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: -0.9375rem; }
  .c-accordion--type4 .c-accordion__button::after {
    content: none; }

.c-accordion--type4 .c-accordion__head, .c-accordion--type4 .c-accordion .no-c-accordion__head, .c-accordion .c-accordion--type4 .no-c-accordion__head {
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .c-accordion--type4 .c-accordion__head.is-active, .c-accordion--type4 .c-accordion .is-active.no-c-accordion__head, .c-accordion .c-accordion--type4 .is-active.no-c-accordion__head {
    margin-top: -0.9375rem; }
    .c-accordion--type4 .c-accordion__head.is-active i, .c-accordion--type4 .c-accordion .is-active.no-c-accordion__head i, .c-accordion .c-accordion--type4 .is-active.no-c-accordion__head i {
      -webkit-transform: translateX(1px) rotate(180deg);
              transform: translateX(1px) rotate(180deg); }

.c-accordion--type4 .c-accordion__panel {
  margin-bottom: -1px; }

.c-accordion--type4 .c-accordion__inside {
  position: relative;
  padding: 0.75rem 0.875rem 1.625rem 0.875rem;
  background: #f5f5f5;
  color: #4c4c4c;
  font-weight: 400; }
  .c-accordion--type4 .c-accordion__inside.box-white {
    background: #fff; }

.c-accordion--type4 + .c-button-wrap {
  margin-top: 0 !important; }


.c-accordion--type4 .phone-find__box .c-accordion__head.is-active, .c-accordion--type4 .phone-want__box .c-accordion .phone-want__box .is-active.no-c-accordion__head, .c-accordion .c-accordion--type4 .phone-want__box .is-active.no-c-accordion__head {
  margin-top: 0 !important; }

.c-accordion--type4 .phone-find__box .find_phone_btn {
	position: absolute;
    right: 1.375rem;
    top: -4.6rem; }



.c-accordion--type5 {
  margin-top: 2rem; }
  .c-accordion--type5 .c-accordion__item {
    position: relative;
    padding: 1.4375rem 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea; }
  .c-accordion--type5 .c-accordion__check {
    width: 90%; }
    .c-accordion--type5 .c-accordion__check .c-label {
      font-size: 1rem;
      font-weight: 500; }
      .c-accordion--type5 .c-accordion__check .c-label::before {
        top: 0;
        -webkit-transform: translateY(0);
                transform: translateY(0); }
    .c-accordion--type5 .c-accordion__check .u-co-gray {
      margin-left: 0.25rem;
      font-size: 0.875rem;
      font-weight: 400; }
  .c-accordion--type5 .c-accordion__inside {
    padding-top: 1.5rem; }

.c-accordion--type6 .c-accordion__item {
  position: relative;
  width: 100%; }

.c-accordion--type6 .c-accordion__head, .c-accordion--type6 .c-accordion .no-c-accordion__head, .c-accordion .c-accordion--type6 .no-c-accordion__head {
  display: block;
  padding: 0 0 1.25rem 1rem;
  width: 100%; }

.c-accordion--type6 .c-accordion__title {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 500;
  width: 100%; }

.c-accordion--type6 .c-accordion__button {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2; }
  .c-accordion--type6 .c-accordion__button:after {
    top: 1rem;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
  .c-accordion--type6 .c-accordion__button.is-active:after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg); }

.c-accordion--type6 .c-accordion__panel {
  font-size: 0.875rem;
  font-weight: 400;
  color: #4c4c4c, #f5f5f5, "faq-pannel text";
  background: #f5f5f5;
  margin: 0 -1.25rem; }
  .c-accordion--type6 .c-accordion__panel.c-expand--pop > .c-accordion__inside {
    padding-left: 3rem;
    padding-right: 3rem; }

.c-accordion--type6 .c-accordion__inside {
  display: block;
  width: 100%;
  padding: 1.5rem 2rem 1.5rem 2rem;
  font-size: 0.9375rem;
  overflow-x: hidden; }
  .c-accordion--type6 .c-accordion__inside .c-text-list {
    font-size: 0.875rem; }

.c-accordion.acc-agree .c-accordion__check .c-label {
    margin-right: 0.5rem;
    font-size: 0.875rem;
    font-weight: 400; }

.c-accordion.acc-agree .c-accordion__head {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }

.c-accordion.acc-agree .c-accordion__inside {
    padding-top: 0.75rem; }

.c-accordion.acc-agree .c-accordion__item {
    padding: 1.4375rem 0 0.75rem; }

.c-accordion.promotion {
	margin-top: 0;
    background-color: #f9f9f9; }

.c-accordion.promotion .c-accordion__item {
    padding: 0;
    border-top: none; }

.c-accordion.promotion:first-child .c-accordion__item {
	border-top: 0.0625rem solid #eaeaea; }

.c-accordion.promotion:last-child .c-accordion__item {
    border-bottom: none; }

.c-accordion.acc-agree .c-accordion__head {
    padding: 0.75rem; }

.c-accordion.acc-agree .c-accordion__check .u-co-gray {
    margin-left: 0; }

.c-accordion.promotion .c-accordion__inside {
    padding: 1rem;
    background-color: #eaeaea; }

/* tabs */
.c-tabs .c-tabs__panel {
  outline: 0; }

.c-tabs--type1 > .c-tabs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0.0625rem solid #eaeaea;
  background: #fff; }
  .c-tabs--type1 > .c-tabs__list.sticky-header {
    position: sticky;
    position: -webkit-sticky;
    top: 3.875rem;
    z-index: 5; }
  .c-tabs--type1 > .c-tabs__list > .c-tabs__button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    margin: 0 1.5rem;
    padding: 0 1rem;
    background: #fff;
    font-size: 1rem;
    font-weight: 500;
    line-height: 3rem;
    color: #bbb; }
    .c-tabs--type1 > .c-tabs__list > .c-tabs__button.is-active {
      color: #1d1d1b; }
      .c-tabs--type1 > .c-tabs__list > .c-tabs__button.is-active::before {
        content: "";
        display: block;
        clear: both;
        position: absolute;
        bottom: 0;
        left: 0.25rem;
        right: 0.25rem;
        border-bottom: 0.125rem solid #00c0aa; }

.c-tabs--type1 > .c-tabs__panel {
  padding-top: 3rem; }

.c-tabs--type2 > .c-tabs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-bottom: 0.75rem;
  background: #fff; }
  .c-tabs--type2 > .c-tabs__list.sticky-header {
    position: sticky;
    position: -webkit-sticky;
    top: 3.875rem;
    z-index: 5; }
    .c-tabs--type2 > .c-tabs__list.sticky-header ~ .c-tabs__panel::before {
      position: sticky;
      position: -webkit-sticky;
      top: 7.4375rem; }
    .c-tabs--type2 > .c-tabs__list.sticky-header ~ .c-tabs__panel .c-tabs--type3 > .c-tabs__panel::before {
      position: sticky;
      position: -webkit-sticky;
      top: 7.4375rem;
      z-index: 5; }
  .c-tabs--type2 > .c-tabs__list.sticky-header--modal {
    position: sticky;
    position: -webkit-sticky;
    top: -2rem;
    z-index: 5; }
    .c-tabs--type2 > .c-tabs__list.sticky-header--modal ~ .c-tabs__panel::before {
      position: sticky;
      position: -webkit-sticky;
      top: 1.5625rem; }
    .c-tabs--type2 > .c-tabs__list.sticky-header--modal ~ .c-tabs__panel .c-tabs--type3 > .c-tabs__panel::before {
      position: sticky;
      position: -webkit-sticky;
      top: 1.5625rem;
      z-index: 5; }
  .c-tabs--type2 > .c-tabs__list.c-expand {
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
    .c-tabs--type2 > .c-tabs__list.c-expand ~ .c-tabs__panel::before {
      margin-left: -1.25rem;
      margin-right: -1.25rem; }
  .c-tabs--type2 > .c-tabs__list > .c-tabs__button {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 0.75rem;
    background: #f7f7f7;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 2.8125rem;
    color: #1d1d1b; }
    .c-tabs--type2 > .c-tabs__list > .c-tabs__button:not(:first-child):before {
      content: '';
      display: block;
      clear: both;
      position: absolute;
      width: 0.0625rem;
      height: 0.625rem;
      top: 50%;
      left: 0;
      background: #ccc;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .c-tabs--type2 > .c-tabs__list > .c-tabs__button.is-active {
      background-color: #1d1d1b;
      color: #fff; }
      .c-tabs--type2 > .c-tabs__list > .c-tabs__button.is-active::before {
        content: none; }
      .c-tabs--type2 > .c-tabs__list > .c-tabs__button.is-active + .c-tabs__button::before {
        content: none; }

.c-tabs--type2 > .c-tabs__list > .c-tabs__button {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 0.75rem;
    background: #f7f7f7;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 2.8125rem;
    color: #1d1d1b; }




.c-tabs--type2 > .c-tabs__panel {
  position: relative; }
  .c-tabs--type2 > .c-tabs__panel::before {
    content: "";
    display: block;
    clear: both;
    border-top: 0.0625rem solid #ededed;
    z-index: 1;
    margin-bottom: 2rem; }

 .c-tabs--type2 > .border-none::before {
    border : none !important;}

.c-tabs--type2 .c-tabs--type3 {
  margin-top: -3rem; }
  .c-tabs--type2 .c-tabs--type3 .c-tabs__list {
    background: #fff;
    z-index: 2; }

.c-tabs--type3 > .c-tabs__list {
  position: relative;
  padding: 2.25rem 1.25rem 0.625rem;
  padding-bottom: 0.625rem;
  background: #fff;
  text-align: left;
  white-space: nowrap;
  border-bottom: 0.0625rem solid #ededed;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 0; }
  .c-tabs--type3 > .c-tabs__list::-webkit-scrollbar {
    display: none; }
  .c-tabs--type3 > .c-tabs__list.sticky-header {
    position: sticky;
    position: -webkit-sticky;
    top: 3.875rem;
    z-index: 5; }
  .c-tabs--type3 > .c-tabs__list.c-expand ~ .c-tabs__panel::before {
    margin-left: -1.25rem;
    margin-right: -1.25rem; }
  .c-tabs--type3 > .c-tabs__list > .c-tabs__button {
    position: relative;
    padding: 0 0.625rem;
    font-size: 0.875rem;
    color: #707070;
    white-space: nowrap;
    padding-bottom: 0.75rem; }
    .c-tabs--type3 > .c-tabs__list > .c-tabs__button.is-active {
      color: #1d1d1b;
      font-weight: 500; }
      .c-tabs--type3 > .c-tabs__list > .c-tabs__button.is-active::before {
        content: "";
        display: block;
        clear: both;
        position: absolute;
        left: 0.4375rem;
        right: 0.4375rem;
        bottom: -0.6875rem;
        border-bottom: 0.0625rem solid #1d1d1b;
        bottom: 0; }

.c-tabs--type3 > .c-tabs__panel {
  margin-top: 2rem; }

.c-tabs--type3 .c-table {
  margin-top: 0.25rem; }

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform; }

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-lock {
  display: none; }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #1d1d1d;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform; }

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff; }

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #1d1d1d; }

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #1d1d1d; }

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

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  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; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #1d1d1d;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px; }

/* swiper */
.c-swiper {
  width: 100%;
  min-height: 12.5rem; }
  .c-swiper .swiper-wrapper {
    min-height: 100%; }
  .c-swiper .swiper-slide {
    height: auto;
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    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; }
    .c-swiper .swiper-slide a{
      width: 100%; }
    .c-swiper .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

.swiper-pagination-bullet {
  width: 0.3125rem;
  height: 0.3125rem;
  display: inline-block;
  border-radius: 100%;
  background: #1d1d1b;
  opacity: 0.2; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #1d1d1b; }

.c-tooltip-box {
  position: absolute;
  display: none;
  width: 100%;
  margin-top: 0.8125rem;
  padding: 1.25rem 1rem;
  border: 1px solid #c0c0c0;
  background-color: #fff;
  border-radius: 0.25rem;
  z-index: 2; }
  .c-tooltip-box.is-active {
    display: block;
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
    -webkit-animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
            animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    -webkit-animation-name: tboxIn;
            animation-name: tboxIn; }
  .c-tooltip-box.is-deactive {
    display: block;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-name: tboxOut;
            animation-name: tboxOut; }
  .c-tooltip-box.active {
    display: block;
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
    -webkit-animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
            animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    -webkit-animation-name: tboxIn;
            animation-name: tboxIn; }
  .c-tooltip-box__title {
    font-size: 0.875rem;
    font-weight: 500; }
  .c-tooltip-box__content {
    margin-top: 0.75rem;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.25rem;
    color: #4c4c4c; }
    .c-tooltip-box__content + .c-tooltip-box__title {
      margin-top: 1.5rem; }
  .c-tooltip-box__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_tooltip_close.svg) 50% 50% no-repeat; }

.range-fake {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1.5rem; }
  .range-fake__bg {
    position: absolute;
    background-color: #eee;
    height: 0.25rem;
    width: 100%;
    top: 50%;
    margin-top: -0.125rem; }
  .range-fake__fill {
    position: absolute;
    background-color: #1d1d1b;
    height: 0.25rem;
    width: 100%;
    top: 50%;
    margin-top: -0.125rem; }
  .range-fake__handle {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background: #fff url(../../images/mobile/common/ico_controller.svg) center no-repeat;
    margin-left: -0.75rem;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.15);
    border-radius: 50%; }

.c-range__title {
  margin-bottom: 6px; }

.c-range__slider {
  position: relative;
  width: calc(100% - 24px);
  margin: 0 12px;
  height: 1.5rem; }
  .c-range__slider input[type='range'] {
    position: absolute;
    pointer-events: none;
    -webkit-appearance: none;
    z-index: 2;
    height: 1.5rem;
    width: calc(100% + 24px);
    margin-top: 0;
    margin-left: -12px;
    opacity: 0; }
  .c-range__slider input[type='range']::-webkit-slider-thumb {
    pointer-events: all;
    width: 24px;
    height: 24px;
    border-radius: 0;
    border: 0 none;
    background-color: red;
    cursor: pointer;
    -webkit-appearance: none; }

.c-range__label {
  margin-bottom: 0.5rem; }
  .c-range__label i {
    margin-right: 0.625rem; }

.c-range__ruler {
  position: relative;
  width: 100%;
  margin: 10px 0;
  padding-bottom: 40px; }
  .c-range__ruler .ruler-mark {
    color: #ccc;
    font-size: 0.9375rem;
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    .c-range__ruler .ruler-mark.is-point {
      color: #1d1d1b; }
    .c-range__ruler .ruler-mark:first-child {
      left: 0;
      -webkit-transform: translateX(0%);
              transform: translateX(0%); }
      .c-range__ruler .ruler-mark:first-child:before {
        content: none; }
    .c-range__ruler .ruler-mark:last-child {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
      right: 0; }
      .c-range__ruler .ruler-mark:last-child:before {
        content: none; }

.c-range--step3 .c-range__ruler .ruler-mark:nth-child(2) {
  left: 50%;
  margin-left: -3px; }

.c-range--step5 .c-range__ruler .ruler-mark:nth-child(1) {
  left: 0;
  -webkit-transform: translateX(0%);
          transform: translateX(0%); }
  .c-range--step5 .c-range__ruler .ruler-mark:nth-child(1):before {
    content: none; }

.c-range--step5 .c-range__ruler .ruler-mark:nth-child(2) {
  left: 25%;
  margin-left: -3px; }

.c-range--step5 .c-range__ruler .ruler-mark:nth-child(3) {
  left: 50%;
  margin-left: -5px; }

.c-range--step5 .c-range__ruler .ruler-mark:nth-child(4) {
  left: 75%;
  margin-left: -5px; }

.c-range--step5 .c-range__ruler .ruler-mark:nth-child(5) {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  right: 0; }
  .c-range--step5 .c-range__ruler .ruler-mark:nth-child(5):before {
    content: none; }

.c-range--step6 .c-range__ruler .ruler-mark:nth-child(1) {
  left: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.c-range--step6 .c-range__ruler .ruler-mark:nth-child(2) {
    left: 20%;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%); }

.c-range--step6 .c-range__ruler .ruler-mark:nth-child(3) {
    left: 40%;
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);}

.c-range--step6 .c-range__ruler .ruler-mark:nth-child(4) {
    left: 60%;
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%); }

.c-range--step6 .c-range__ruler .ruler-mark:nth-child(5) {
    left: 80%;
    -webkit-transform: translateX(-80%);
    transform: translateX(-80%); }

.c-range--step6 .c-range__ruler .ruler-mark:nth-child(6) {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  right: 0; }

.c-range--step7 .c-range__ruler .ruler-mark:nth-child(1) {
  left: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.c-range--step7 .c-range__ruler .ruler-mark:nth-child(2) {
    left: 15%;
    -webkit-transform: translateX(10%);
    transform: translateX(10%); }

.c-range--step7 .c-range__ruler .ruler-mark:nth-child(3) {
    left: 30%;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);}

.c-range--step7 .c-range__ruler .ruler-mark:nth-child(4) {
    left: 45%;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }

.c-range--step7 .c-range__ruler .ruler-mark:nth-child(5) {
    left: 60%;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }

.c-range--step7 .c-range__ruler .ruler-mark:nth-child(6) {
	left: 74%;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }

.c-range--step7 .c-range__ruler .ruler-mark:nth-child(7) {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    right: -0.5rem; }

.c-range.c-range--type2 .c-range__ruler .ruler-mark {
    color: #707070;
    width: auto;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 500; }

.c-range.c-range--type2 .range-fake__fill {
    background-color: #00c3bd; }

.c-range.c-range--type2 .range-fake__handle {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background: #00c3bd;
    margin-left: -0.75rem;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.15);
    border-radius: 50%; }

.c-range.c-range--type2 .range-fake__handle::before {
    content: '';
    display: block;
    width: 70%;
    height: 70%;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.c-toast {
  position: fixed;
  width: 100%;
  padding: 0 1.25rem;
  left: 0;
  bottom: 2.125rem; }
  .c-toast__box {
    display: none;
    width: 100%;
    padding: 12px 12px;
    opacity: 0.96;
    border-radius: 8px;
    -webkit-box-shadow: -1px 10px 12px 0 rgba(0, 0, 0, 0.2);
            box-shadow: -1px 10px 12px 0 rgba(0, 0, 0, 0.2);
    background-color: #333;
    font-size: 0.875rem;
    color: #fff;
    text-align: center;
    margin: 5px 0; }
    .c-toast__box.is-active {
      display: block;
      -webkit-animation-duration: 0.4s;
              animation-duration: 0.4s;
      -webkit-animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
              animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
      -webkit-animation-name: toastIn;
              animation-name: toastIn; }
    .c-toast__box.is-deactive {
      display: block;
      -webkit-animation-duration: 0.3s;
              animation-duration: 0.3s;
      -webkit-animation-name: toastOut;
              animation-name: toastOut; }

.c-text--type2 + .c-form {
  margin-top: 3.5rem; }

.c-bullet + .c-input {
  margin-top: 3rem; }

.c-bullet + .c-form {
  margin-top: 1rem; }

.c-bullet + .c-box--type1 {
  margin-top: 3.5rem; }

.c-input + .c-checkbox-wrap {
  margin-top: 1.5rem; }

.c-form + .c-bullet--dot {
  margin-top: 1.5rem; }

.c-button-wrap--column + .c-bullet--fyr {
  margin-top: 1rem; }

.c-list + .c-bullet--dot {
  margin-top: 2rem; }

.c-heading--type1 + .c-text--type2.u-co-gray {
  margin-top: -0.75rem; }

.c-agree {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 0.0625rem solid #eaeaea; }
  .c-agree > .c-label {
    margin-bottom: 1.5rem; }
  .c-agree .c-label {
    display: block; }
    .c-agree .c-label > .u-co-gray {
      font-size: inherit;
      margin-left: 0.25rem; }
  .c-agree__item {
    position: relative;
    margin: 0.75rem 0;
    padding-right: 1.25rem;
    font-size: 0.875rem; }
    .c-agree__item:only-child {
      margin-top: 0;
      padding-bottom: 1.5rem;
      border-bottom: 0.0625rem solid #eaeaea; }
    .c-agree__item .c-button {
      position: absolute;
      top: 0;
      right: 0;
      padding: 0; }

.c-board__title {
  font-size: 1rem;
  font-weight: 700;
  white-space: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }
  .c-board__title .u-co-red {
    margin-right: 0.25rem; }

.c-board__title.policy {
  font-size: 1.25rem; }

.c-board__sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
  color: #bfbfbf;
  font-size: 0.75rem; }
  .c-board__sub .c-icon--calendar {
    margin-right: 0.5rem; }
  .c-board__sub .tit {
    position: relative;
    margin: 0 0.5625rem 0 1rem; }
    .c-board__sub .tit::before {
      content: '';
      display: block;
      clear: both;
      position: absolute;
      top: 50%;
      right: -0.375rem;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 0.0625rem;
      height: 0.3125rem;
      background: #ccc; }

.c-board__content {
  position: relative;
  margin-top: 1.5rem;
  padding: 1.5rem 0 3.625rem;
  border-top: 0.0625rem solid #eaeaea; }
  .c-board__content::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    bottom: 0;
    left: -1.25rem;
    right: -1.25rem;
    border-top: 0.0625rem solid #eaeaea; }
.nohead .c-board__content::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    bottom: 0;
    left: -1.25rem;
    right: -1.25rem;
    border-top: none; }
  .c-board__content img {
    max-width: 100%;
    font-size: 0;
    vertical-align: top; }

.c-board__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 1.5rem;
  text-align: right; }
  .c-board__nav .c-button {
    position: relative;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #707070;
    background: none; }
    .c-board__nav .c-button:first-child {
      padding-right: 0.8125rem; }
    .c-board__nav .c-button:last-child {
      padding-left: 0.8125rem; }
    .c-board__nav .c-button .c-icon {
      margin: 0 0.25rem 0.125rem !important; }
    .c-board__nav .c-button ~ .c-button::before {
      content: "";
      display: block;
      clear: both;
      position: absolute;
      top: 50%;
      left: -0.0625rem;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 0.0625rem;
      height: 0.625rem;
      border-left: 0.0625rem solid #d8d8d8; }
.c-board__nav .c-button.is-disabled {
    background: transparent !important; }

.c-board--type2 .c-board__head {
  position: relative;
  margin-top: 0.1875rem;
  padding-right: 3.375rem; }
  .c-board--type2 .c-board__head .c-button {
    width: auto;
    position: absolute;
    top: 0;
    right: 0; }

.c-board--type2 .c-board__content {
  color: #4c4c4c; }
  .c-board--type2 .c-board__content img {
    width: 100%;
    vertical-align: bottom; }
  .c-board--type2 .c-board__content.pd-0 {
    padding: 0 !important; }

.c-board-head {
  position: relative;
  padding-right: 3.375rem; }
  .c-board-head .c-button {
    width: auto;
    position: absolute;
    top: 0;
    right: 0; }

.c-heading--type3 + .c-button-wrap--right {
  margin-top: -3.1875rem !important; }
  .c-heading--type3 + .c-button-wrap--right .c-button:not(.c-button--white) {
    padding-right: 0; }

.c-heading--type3 + .c-text--type3 {
  font-weight: 500; }

.c-heading--type6 span {
  vertical-align: middle; }

.c-box.c-box--type1 .c-heading--type2 {
  margin-top: 0; }

.c-form + .c-bullet {
  margin-top: 0.5rem; }

.c-filter + .c-form {
  margin-top: 2.5rem; }

.c-select-wrap + .c-text--type3 {
  margin-top: 0.75rem; }

.c-list--type1 + .c-button-wrap {
  margin-top: 0.5rem !important; }

.c-modal .c-board {
  margin-top: 2rem; }

.card-company-event {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 2rem; }
  .card-company-event img {
    width: 100%;
    height: auto; }

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

.event-wrap table {
  width: 100%;
  margin: 0 auto; }
  .event-wrap table img {
    vertical-align: top !important; }

.event-wrap img {
  vertical-align: bottom; }

.event-wrap .video-box {
  padding: 0 1.25rem; }

.attention-box {
  padding: 0 1.25rem; }

.login__title {
  font-size: 1.375rem;
  margin: 1rem 0;
  color: #393939;
  text-align: center; }
  .login__title span {
    display: block;
    font-weight: 400;
    font-size: 0.875rem; }

.login__title_m {
    font-size: 1.375rem;
    margin: 3.25rem 0 3rem;
    color: #393939;
    text-align: center; }
  .login__title_m span {
    display: block;
    font-weight: 400;
    font-size: 0.875rem; }

.login__txt {
	margin-top: 0.75rem; }
.login__txt b {
	color: #00c0aa; }

.login-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1rem 0 0; }
  .login-sns__item {
    position: relative; }
    .login-sns__item ~ .login-sns__item {
      margin-left: 1.25rem; }
    .login-sns__item .c-balloon {
      position: absolute;
      top: -2.5rem;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }

.login-sns_m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 3.75rem 0 0; }

.certification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .certification .c-button {
    font-size: 0.875rem; }
    .certification .c-button .c-icon--phone,
    .certification .c-button .c-icon--card,
    .certification .c-button .c-icon--ipin {
      display: block;
      margin: 0 auto 0.5rem !important; }
    .certification .c-button ~ .c-button {
      margin-left: 0.75rem; }

.complete {
  padding-top: 4rem;
  text-align: center; }
  .complete__heading {
    margin-top: 1.5rem;
    font-size: 1.375rem; }
  .complete__text {
    margin-top: 0.5rem;
    color: #707070;
    font-size: 1rem; }
  .complete__sub {
    margin-top: 0.375rem;
    font-size: 0.875rem; }
  .complete img {
    width: 100%;
    margin: 1.5rem 0;
    vertical-align: bottom; }
  .complete--lock {
    padding-top: 7.5rem; }
.complete .esim-qrcode {
	width: 9.875rem;
    height: 14.250rem;
    margin-bottom: 0;
    margin-top: 1.625rem; }

.c-box.c-box--type3 {
  position: relative;
  min-height: 19.6875rem;
  overflow: hidden; }
  .c-box.c-box--type3__title {
    position: relative;
    font-size: 1.25rem;
    font-weight: 700;
    z-index: 2; }
  .c-box.c-box--type3__text {
    position: relative;
    margin: 0.5rem 0 1.25rem;
    color: #333333;
    z-index: 2; }
  .c-box.c-box--type3__button {
    display: inline-block;
    position: relative;
    padding: 0.375rem 1.125rem;
    border-radius: 8px;
    background-color: #e73939;
    font-size: 0.8125rem;
    color: #fff;
    z-index: 2; }
 .c-box.c-box--type3__button--mint {
    display: inline-block;
    position: relative;
    padding: 0.375rem 1.125rem;
    border-radius: 8px;
    background-color: #00c3bd;
    font-size: 0.8125rem;
    color: #fff;
    z-index: 2; }
  .c-box.c-box--type3__image {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    text-align: right; }
    .c-box.c-box--type3__image img {
      width: 16.25rem;
      height: 10rem;
      vertical-align: bottom; }

.c-button-wrap.service .c-button {
  color: #1d1d1b;
  border: 0; }
  .c-button-wrap.service .c-button:nth-child(1) {
    background-color: #f5f5f5; }
  .c-button-wrap.service .c-button:nth-child(2) {
    background-color: #f5f5f5; }
  .c-button-wrap.service .c-button:nth-child(3) {
    background-color: #f5f5f5; }
  .c-button-wrap.service .c-button img {
    vertical-align: middle; }
  .c-button-wrap.service .c-button span {
    display: inline-block;
    margin-left: 0.5rem;
    vertical-align: middle; }


.c-board__content .c-editor .winner-wrap {
  color: #1d1d1b; }

.c-board__content .c-editor .winner-wrap p {
  margin-bottom: 1rem;
  font-size: 1rem; }

.c-board__content .c-editor .winner-wrap h5 {
  margin-top: 2rem;
  font-weight: 700; }

.c-board__content .c-editor .winner-wrap ul {
  margin-bottom: 1.5rem;
  margin-top: 0.5rem;
  font-size: 0.9375rem; }

.c-board__content .c-editor .winner-wrap ul > li:not(.u-co-gray) {
    position: relative;
    padding-left: 0.5rem;
    margin-top: 0.25rem;
    font-size: 1rem; }

.c-board__content .c-editor .winner-wrap .c-bullet--dot:not(.c-text-list)::before, .c-board__content .c-editor .winner-wrap ul > li::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #1d1d1b; }

.c-board__content .c-editor .winner-wrap table {
	width: 100%;
    margin-top: 0.625rem !important;
    position: relative;
    border: 0.0625rem solid #e8e8e8;
    border-collapse: collapse;
    table-layout: fixed; }
.c-board__content .c-editor .winner-wrap table caption {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%); }
.c-board__content .c-editor .winner-wrap table th,
.c-board__content .c-editor .winner-wrap table td {
    padding: 0.375rem 1rem;
    min-height: 3.3125rem;
    border-bottom: 0.0625rem solid #e8e8e8;
    border-left: 0.0625rem solid #e8e8e8;
    border-right: 0.0625rem solid #e8e8e8;
    text-align: center;
    font-size: 0.9375rem;
    font-weight: 400;
    vertical-align: middle; }
.c-board__content .c-editor .winner-wrap table th:first-child,
.c-board__content .c-editor .winner-wrap table td:first-child {
      border-left: 0; }
.c-board__content .c-editor .winner-wrap table th:last-child,
.c-board__content .c-editor .winner-wrap table td:last-child {
      border-right: 0; }
.c-board__content .c-editor .winner-wrap table th {
    background: #f9f9f9;
    color: #707070; }
.c-board__content .c-editor .winner-wrap table td {
    background: #fff;
    color: #1d1d1b; }
.c-board__content .c-editor .winner-wrap table > thead > tr > th {
    min-height: 3.3125rem; }

.banner {
  height: 6.625rem;
  margin-top: 2.5rem;
  background: rgba(237, 0, 0, 0.5);
  border-radius: 46px; }

.banner-bottom {
  height: 4.375rem;
  background: rgba(237, 0, 0, 0.5); }

.ars-menu ~ h4.c-heading.c-expand {
  padding: 1rem 1.25rem;
  background-color: #f5f5f5;
  font-size: 0.875rem;
  font-weight: 500;
  color: #018786; }

.ars-menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 1rem 6.875rem 1rem 0; }
  .ars-menu__item + .ars-menu__item {
    border-top: 1px solid #eaeaea; }

.ars-menu__title {
  display: block;
  color: #4c4c4c;
  font-size: 1rem;
  font-weight: 500; }

.ars-menu__number {
  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: 2.25rem;
  height: 1.875rem;
  border: 1px solid #1d1d1b;
  border-radius: 15px;
  font-size: 0.875rem; }

.ars-menu__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  top: 50%;
  width: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  .ars-menu__row .c-icon {
    margin: 0 0.125rem;
    opacity: 0.1; }

.function {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(157px, 1fr));
  gap: 0.75rem 1.25rem; }
  @media screen and (max-width: 375px) {
    .function {
      grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); } }
  .function__item {
    height: 10.5rem;
    padding: 2rem 1.25rem 1.25rem;
    border: 1px solid #dddddd;
    border-radius: 48px;
    text-align: center; }
    .function__item:after {
      content: '';
      display: block;
      padding-bottom: 100%; }
  .function__text {
    text-align: left;
    margin-bottom: 1.5rem;
    font-size: 0.8125rem;
    font-weight: 500; }
  .function__highlight {
    display: block;
    font-size: 0.875rem;
    font-weight: 700; }

.order-list-wrap {
  margin: 1rem 0 2rem;
  padding: 0.25rem 0.625rem 0;
  border-top: 1px solid #e2e2e2; }
  .order-list-wrap .order-list {
    position: relative;
    padding-left: 2.375rem; }
    .order-list-wrap .order-list__item {
      position: relative; }
    .order-list-wrap .order-list__title {
      display: block;
      margin-top: 1.25rem;
      font-size: 1rem;
      font-weight: 500;
      color: #00c0aa; }
    .order-list-wrap .order-list__number {
      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: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: absolute;
      top: 0;
      left: -2.375rem;
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 100%;
      background: #00c0aa;
      font-size: 0.6875rem;
      color: #fff; }
    .order-list-wrap .order-list__text {
      margin-top: 0.5rem;
      font-size: 0.8125rem;
      color: #222; }
    .order-list-wrap .order-list::before {
      position: absolute;
      left: 0.6875rem;
      top: 0.125rem;
      width: 0.125rem;
      height: 85%;
      background: url(../../images/mobile/content/order_line_bg.png) repeat-y 0 0;
      background-size: 2px auto;
      content: ''; }

.swiper-guide-wrap {
  margin-top: 1.5rem; }
  .swiper-guide-wrap .swiper-slide {
    position: relative;
    width: 18.625rem !important;
    height: auto !important;
    border-radius: 12px; }
    .swiper-guide-wrap .swiper-slide .c-box.c-box--type3 {
      min-height: 18.625rem;
      padding: 2.5rem 2.5rem 0 1.25rem;
      font-size: 1.125rem;
      color: #ff3c3c; }
      .swiper-guide-wrap .swiper-slide .c-box.c-box--type3__title {
        font-size: 1.125rem; }
      .swiper-guide-wrap .swiper-slide .c-box.c-box--type3__text {
        font-size: 0.8125rem;
        word-break: break-word; }

.opening-guide__item {
  padding: 2.5rem 0; }
  .opening-guide__item:last-child {
    padding-bottom: 2rem; }

.opening-guide__step {
  display: block;
  margin: 0 auto;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #008080;
  border-radius: 50%;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.25rem;
  text-align: center; }

.opening-guide__text {
  margin-top: 0.75rem;
  font-size: 1rem;
  text-align: center; }

.opening-guide__image {
  margin: 2.5rem 0 1.5rem; }
  .opening-guide__image:last-child {
    margin-bottom: 0; }

.opening-guide .c-box {
  padding: 1.5rem 1.25rem; }
  .opening-guide .c-box .link-item {
    margin-top: 1rem; }
    .opening-guide .c-box .link-item a {
      color: #008080;
      font-weight: 500; }

.opening-guide .c-accordion--type1 .c-accordion__item {
  margin-top: 2rem; }

.opening-guide strong {
  display: block; }

.opening-guide img {
  width: 100%;
  vertical-align: bottom; }

 .widget-guide__item {
  padding: 2.5rem 0; }
  .opening-guide__item:last-child {
    padding-bottom: 2rem; }

.widget-guide__step {
  display: block;
  margin: 0 auto;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #008080;
  border-radius: 50%;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.25rem;
  text-align: center; }

.widget-guide__text {
  margin-top: 0.75rem;
  font-size: 1rem;
  text-align: center; }

.widget-guide__image {
  text-align: center;
  margin: 2.5rem 0 0; }
  .opening-guide__image:last-child {
    margin-bottom: 0; }

.widget-guide .c-box {
  padding: 1.5rem 1.25rem; }
  .opening-guide .c-box .link-item {
    margin-top: 1rem; }
    .opening-guide .c-box .link-item a {
      color: #008080;
      font-weight: 500; }

.widget-guide .c-accordion--type1 .c-accordion__item {
  margin-top: 2rem; }

.widget-guide strong {
  display: block; }

.widget-guide img {
  width: 100%;
  vertical-align: bottom; }

.guide-app-img {
  position: relative;
  bottom: -1.75rem;
  right: -1rem; }

.c-form--search + .c-text.c-text--type3 {
  display: block;
  margin-bottom: 1.25rem; }

.search-ex__item:not(:first-child) {
  margin-top: 0.75rem; }

.search-ex__title {
  font-size: 0.875rem;
  color: #2c2c2c; }

.search-ex__desc {
  margin-top: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #009b89; }

.c-text--type3 [class*='c-icon--bang'] {
  margin-top: -0.1rem;
  margin-right: 0.25rem; }

.addr-result__item {
  padding: 1rem 0 1.25rem;
  border-bottom: 1px solid #eaeaea; }
  .addr-result__item.bd-none {
    border: 0; }

.addr-result__number {
  font-size: 0.875rem;
  color: #1d1d1b;
  font-weight: 500; }

.addr-result__text {
  position: relative;
  margin: 0.75rem 0.5rem 0 0;
  padding-left: 3.625rem;
  font-size: 0.875rem;
  color: #707070; }
  .addr-result__text .c-text-label {
    position: absolute;
    left: 0;
    top: 0; }

.c-form--search ~ .addr-result__item {
  border: 0; }

.c-bullet ~ .c-text-box {
  margin-top: 2rem; }

.store-result {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 2.5rem;
  padding: 1.25rem 1.25rem 2rem;
  background: #f5f5f5; }
  .store-result__heading {
    font-size: 1rem;
    font-weight: 500; }
  .store-result__cont {
    margin: 7.9375rem 0 4.4375rem;
    padding-top: 6.75rem;
    background: url(../../images/mobile/content/img_search_prev_bg.png) 50% 0 no-repeat;
    background-size: 6.25rem;
    font-size: 0.875rem;
    color: #4c4c4c;
    text-align: center; }
    .store-result__cont img {
      width: 100%; }
  .store-result__text {
    margin-top: 0.5rem;
    font-size: 0.875rem; }
    .store-result__text span {
      color: #ff5100;
      font-weight: 700; }
  .store-result ~ .c-button-wrap {
    margin-top: 0.5rem; }
  .store-result > .c-hr {
    margin: 1.5rem 0 1.5rem; }

.store-list {
  position: relative; }
  .store-list__item {
    position: relative;
    padding: 1.25rem 1rem;
    background: #fff;
    border-radius: 0.5rem;
    font-size: 0.8125rem;
    color: #4c4c4c; }
    .store-list__item + .store-list__item {
      margin-top: 0.75rem; }
  .store-list__info dt {
    margin: 0.375rem 0 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    color: #1d1d1b; }
  .store-list__info dd p {
    margin-bottom: 0.5rem; }
  .store-list__sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .store-list__sub dt {
      position: relative;
      padding-right: 1.0625rem; }
      .store-list__sub dt::before {
        content: "";
        display: block;
        clear: both;
        position: absolute;
        top: 50%;
        right: 0.5rem;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 0.0625rem;
        height: 0.625rem;
        border-left: 0.0625rem solid #d8d8d8; }
    .store-list__sub dd span {
      font-weight: 700;
      color: #1d1d1b; }
      .store-list__sub dd span + span::before {
        display: inline-block;
        margin: 0 0.375rem 0.1875rem 0.375rem;
        width: 0.1875rem;
        height: 0.1875rem;
        background-color: #dddddd;
        border-radius: 50%;
        content: ''; }
  .store-list .c-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 1.25rem;
    right: 1rem;
    padding: 0 0.75rem 0 0.4375rem;
    font-size: 0.75rem;
    font-weight: 400;
    background-color: rgba(0, 195, 189, 0.1);
    border: 1px solid rgba(0, 192, 170, 0.2);
    color: #00c0aa; }
    .store-list .c-button .c-icon {
      margin-right: 0 !important; }

.c-form ~ .store-result {
  padding-bottom: 4rem; }

.map {
  width: 100%;
  height: 20.9375rem;
  margin-top: 1.25rem;
  background: rgba(237, 0, 0, 0.5);
  overflow: hidden; }
  .map .marker {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    width: 0.75rem;
    height: 0.75rem; }
    .map .marker::before {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 0.5rem;
      height: 0.5rem;
      background-color: #fff;
      border-radius: 50%;
      z-index: 9999;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      content: ''; }
    .map .marker::after {
      position: absolute;
      content: '';
      width: 0px;
      height: 0px;
      top: 3px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      border: 12px solid transparent;
      z-index: 999; }
    .map .marker--red {
      border: 12px solid #e73939; }
      .map .marker--red::after {
        border-top: 18px solid #e73939; }
    .map .marker--blue {
      border: 12px solid #0070b8; }
      .map .marker--blue::after {
        border-top: 18px solid #0070b8; }

.c-text--area {
  font-weight: 500; }
  .c-text--area .c-text + .c-text {
    margin-top: 0.5rem;
    font-weight: 400; }

.event-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.75rem 0; }

.event-list__item {
  position: relative;
  font-size: 0; }
.event-list__item:last-of-type {
  margin-bottom: 0; }

.event-list__inside {
  position: relative; }

.event-list__image {
  position: relative; }
  .event-list__image img {
    width: 100%;
    vertical-align: bottom; }

.event-list__anchor {
  margin-top: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  color: #4c4c4c; }
  .event-list__anchor::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1; }
  .event-list__anchor.c-text-ellipsis--type2 {
    margin-top: 1.4375rem;
	line-height: 1rem; }
  .event-list__anchor span {
   	vertical-align: super; }
  .event-list__anchor .u-co-red {
    margin-right: 0.25rem; }

.event-list__title {
  margin-top: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  color: #4c4c4c; }
  .event-list__title .u-co-red {
    margin-right: 0.25rem; }

.event-list__sub {
  display: block;
  margin-top: 0.3125rem;
  font-size: 0.75rem;
  color: #bfbfbf; }
  .event-list__sub .tit {
    position: relative;
    margin: 0 0.5625rem 0 1rem; }
    .event-list__sub .tit::before {
      content: '';
      display: block;
      clear: both;
      position: absolute;
      top: 50%;
      right: -0.375rem;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 0.0625rem;
      height: 0.3125rem;
      background: #cccccc; }

.event-list .c-button--black {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  background-color: #4a4a48;
  border: 0.0625rem solid #4a4a48;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #fff;
  z-index: 2; }

.event-filter .c-filter {
    margin: 0;
    margin-top: -0.25rem;}
.event-filter .c-filter__inner {
    padding-bottom: 1.75rem; }

.card-info {
  padding: 1rem 0;
  background: #f5f5f5;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center; }

.card-promotion {
  position: relative;
  text-align: center; }
  .card-promotion__image {
    width: 12.5rem;
    margin: 0 auto; }
    .card-promotion__image img {
      width: 100%;
      margin-top: 3rem;
      margin-bottom: 1.5rem; }
  .card-promotion__title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.625rem; }
  .card-promotion__text {
    margin-top: 0.5rem;
    font-size: 1rem;
    color: #707070;
    line-height: 1.375rem; }
  .card-promotion__info {
    margin-top: 2.5rem;
    padding: 1.625rem 1.5rem;
    background: #f5f5f5;
    border-radius: 1.25rem; }
    .card-promotion__info dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .card-promotion__info dl ~ dl {
        margin-top: 0.5rem; }
      .card-promotion__info dl dt {
        padding-right: 1rem;
        font-size: 0.8125rem;
        color: #707070; }
      .card-promotion__info dl dd {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        font-size: 0.875rem;
        font-weight: 500;
        text-align: right; }
  .card-promotion .c-button.share {
    width: auto;
    position: absolute;
    top: 1rem;
    right: 0;
    margin-right: 0; }
  .card-promotion .c-button-wrap {
    margin: 1.5rem 0 3rem; }
    .card-promotion .c-button-wrap .c-button {
      font-size: 0.875rem;
      color: #666; }

.swiper-event-banner {
  padding: 0 1.25rem; }
  .swiper-event-banner .c-box--sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0; }
  .swiper-event-banner .swiper-slide {
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: top;
    overflow: hidden; }
  .swiper-event-banner__button {
    position: relative;
    display: block;
    width: 100%; }
  .swiper-event-banner__item {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 5.625rem;
    margin-right: 0.625rem;
    border-radius: 0.5rem;
    text-align: left; }
    .swiper-event-banner__item img {
      width: 100%; }

.info .c-heading.c-heading--type2 {
  margin: 0 0 1.25rem;
  color: #4c4c4c;
  font-weight: 500; }

.info .c-heading.c-heading--type3 {
  margin: 4rem 0 0; }

.info .c-bullet.c-bullet--dot {
  font-size: 0.875rem;
  color: #4c4c4c; }

.info .c-bullet--hyphen + .c-bullet.c-bullet--dot {
  margin-top: 1rem; }

.info .c-hr {
  margin: 1.25rem 0; }

.info .c-table {
  margin-top: 0.75rem; }

.join-info .c-box.c-box--type3 {
  min-height: 17.5625rem;
  padding: 2rem 1.875rem; }
  .join-info .c-box.c-box--type3__label {
    display: block;
    font-size: 1.25rem;
    color: #00c0aa; }
  .join-info .c-box.c-box--type3__title {
    display: block;
    margin: 0.5rem 0 0.25rem;
    font-size: 1rem;
    font-weight: 400;
    color: #333333; }
  .join-info .c-box.c-box--type3__image {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center; }
  .join-info .c-box.c-box--type3 .c-text {
    color: #6d747a; }
  .join-info .c-box.c-box--type3 .c-button {
    margin: -0.125rem 0 0 0.0625rem;
    color: #1d1d1b; }

.join-info .c-icon--arrow-bottom {
  margin: 1.5rem 0;
  opacity: 0.5; }

.join-info .c-button-wrap {
  margin-top: 3rem; }

.join-info ~ .c-text-list {
  margin-bottom: 4rem; }

.c-box.c-box--type3.mcash {
	background: #2346ff;
    color: #fff;
    border: 0.0625rem solid #2346ff; }

.c-box.c-box--type3.mcash .c-box.c-box--type3__image img {
    width: 19.375rem;
    height: 10.3125rem; }

.friend-intro {
  padding: 2.5rem 2rem 0;
  background-color: #f5f5f5; }
  .friend-intro__heading {
    display: block; }
  .friend-intro__text {
    margin: 1rem 0 3rem;
    font-size: 1rem;
    color: #707070; }
    .friend-intro__text em {
      color: #4c4c4c;
      font-weight: 500; }
  .friend-intro img {
    width: 100%;
    vertical-align: bottom; }

.friend-banner.swiper-event-banner {
  margin: 2.5rem 0; }
  .friend-banner.swiper-event-banner .swiper-slide {
    height: auto; }
  .friend-banner.swiper-event-banner .swiper-event-banner__image {
    width: 100%; }

.friend-banner img {
  width: 100%;
  vertical-align: bottom; }

.friend-join {
  padding: 2.5rem 0 3rem;
  text-align: center; }
  .friend-join__heading {
    display: block; }
    .friend-join__heading img {
      width: 100%;
      vertical-align: bottom; }
  .friend-join__item {
    margin-top: 2.5rem; }
  .friend-join__image {
    display: block; }
    .friend-join__image img {
      width: rem-calC(110);
      height: 6.875rem; }
  .friend-join__title {
    position: relative;
    display: inline-block;
    margin: 1.5rem 0 1rem;
    padding-left: 1.75rem;
    font-size: 1.125rem;
    font-weight: 700;
    color: #0573e8; }
    .friend-join__title .step {
      position: absolute;
      left: 0;
      top: 50%;
      width: 1.25rem;
      height: 1.25rem;
      color: #fff;
      font-size: 0.75rem;
      line-height: 1.25rem;
      text-align: center;
      border-radius: 50%;
      background-color: #0573e8;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
  .friend-join__text {
    font-size: 0.9375rem; }
    .friend-join__text em {
      color: #1d1d1b;
      font-weight: 500; }

.friend-info {
  padding: 3rem 1.25rem;
  background-color: #2d89ff;
  text-align: center; }
  .friend-info__heading {
    display: block;
    margin-bottom: 2rem;
    padding: 0 0.75rem; }
    .friend-info__heading img {
      width: 100%; }
  .friend-info__item {
    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;
    padding: 1.125rem 1.5rem;
    border-radius: 1rem;
    background-color: #2b7de7;
    text-align: left; }
    .friend-info__item ~ .friend-info__item {
      margin-top: 0.75rem; }
  .friend-info__title {
    font-size: 0.875rem;
    color: #e8e8e8; }
  .friend-info__highlight {
    color: #ffe20e;
    font-weight: 700; }
    .friend-info__highlight em {
      font-size: 1.75rem; }

.friend-recommend {
  padding: 3rem 0 2rem;
  text-align: center; }
  .friend-recommend img {
    width: 100%;
    vertical-align: bottom; }
  .friend-recommend__heading {
    display: block;
    margin-bottom: 0.5rem; }
  .friend-recommend__item {
    padding: 1.5rem 1rem 1rem;
    border-radius: 1rem;
    background-color: #f9f9f9; }
    .friend-recommend__item ~ .friend-recommend__item {
      margin-top: 1.5rem; }
  .friend-recommend__title {
    display: block;
    margin: 1.5rem 0;
    font-size: 1.25rem; }
  .friend-recommend__image {
    margin-top: 2rem; }

.c-button-wrap--share .c-button {
  margin-bottom: 1rem;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 1.5rem; }
  .c-button-wrap--share .c-button--msg {
    border-color: #30bf43;
    background: #30bf43;
    color: #fff; }
  .c-button-wrap--share .c-button .c-icon {
    margin-right: 0.75rem; }

.upload-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  text-align: center; }
  .upload-image__label {
    display: block;
    position: relative;
    width: 5.9375rem;
    height: 4.5rem;
    padding: 0.75rem;
    font-size: 0.875rem;
    border: 1px solid #dddddd;
    border-radius: 0.5rem;
    overflow: hidden; }
    .upload-image__label ~ .upload-image__label {
      margin-left: 0.75rem; }
    .upload-image__label .c-icon--photo {
      display: block;
      margin: 0 auto !important; }
    .upload-image__label .u-co-gray {
      font-size: 0.8125rem; }
  .upload-image__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: relative;
    width: 5.9375rem;
    height: 4.5rem;
    margin-left: 0.75rem;
    border: 1px solid #dddddd;
    border-radius: 0.5rem;
    overflow: hidden; }
    .upload-image__item img {
      max-width: 100%;
      max-height: 100%; }
  .upload-image__hidden {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1; }
  .upload-image__delete {
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 1rem;
    height: 1rem;
    z-index: 10; }

.accd-card-list + .accd-card-list {
  margin-top: 1rem; }

.accd-card-list .c-accordion__button {
  padding: 0; }

.accd-card-list .c-button--sm {
  position: absolute;
  top: 0.875rem;
  right: 0; }

.accd-card-list .c-card__title b {
  display: block;
  padding-right: 2.625rem; }

.payment-guide-box {
  margin: 2rem 0;
  padding: 1.5rem 1rem;
  text-align: center;
  background: #fff5e9;
  border-radius: 1.25rem; }
  .payment-guide-box .c-button-wrap .c-button {
    padding: 0;
    background-color: #fab74b;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #fff;
    line-height: 2rem; }
    .payment-guide-box .c-button-wrap .c-button + .c-button {
      margin-left: 0.5rem; }

.payment-info__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 1.5rem;
  padding-left: 0.875rem;
  font-weight: 500; }
  .payment-info__item img {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.75rem;
    vertical-align: middle; }

.payment-price dl {
  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;
  font-size: 0.875rem;
  font-weight: 500;
  color: #94a2a0; }
  .payment-price dl + dl {
    margin-top: 0.5rem; }
  .payment-price dl dd > b {
    font-size: 1.5rem; }


.rate-detail-view .c-modal__dialog--full .c-modal__header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }

.rate-detail-view .c-modal__dialog--full .c-modal__title {
	padding-right: 0.5rem;
    font-weight: 700; }

.rate-detail-view .c-button > .c-icon:first-child:not(:last-child) {
    margin-right: 0; }

.rate-detail-view .payment-info__item {
	margin-top: 1rem;
    padding-left: 1rem;
    line-height: 1.4; }

.rate-detail-view .payment-info__item:first-child {
	margin-top: 1.5rem; }

.rate-detail-view .payment-info__item img {
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem;
    transform: translateY(-0.25rem); }

.rate-detail-view .payment-info__item .product-summary__sub {
    font-weight: 400;
	color: #707070; }

.rate-detail-view .payment-price {
    padding-top: 0.375rem; }

.rate-detail-view .payment-price dl {
    padding: 0 1.25rem; }

.rate-detail-view .payment-price dl dd span {
    transform: translateY(-0.125rem);
    display: inline-block; }

.rate-detail-view .c-button-wrap .c-button--full {
    height: 3rem;
    padding: 0.75rem;
    font-size: 1rem;
    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; }

.rate-detail-view .c-tabs--type3 > .c-tabs__list {
    padding: 2.875rem 1.25rem 0.625rem;
    padding-bottom: 0;}

.rate-detail-view .c-tabs--type3 > .c-tabs__list > .c-tabs__button {
    min-width: 5rem; }

.rate-detail-view .c-tabs--type3 > .c-tabs__list > .c-tabs__button ~ .c-tabs__button {
    margin-left: -0.1875rem; }

.rate-detail-view .c-button-wrap--column .c-button ~ .c-button {
    margin-top: 0.625rem; }

.rate-detail-view .c-tabs--type3 > .c-tabs__list > .c-tabs__button.is-active::before {
    left: 0;
    right: 0; }

.rate-detail-view .c-tabs--type3 > .c-tabs__panel {
    margin-top: 2.875rem; }

.rate-detail-view .c-product--box .point-text {
	font-size: 1rem;
    font-weight: 500; }

.rate-detail-view .c-product--box h4 {
	margin-top: 2rem;
	font-size: 1.25rem;
    font-weight: 500; }

.rate-detail-view .c-product--box h4:nth-of-type(n+2) {
    margin-top: 2.5rem; }

.rate-detail-view .c-product--box a {
    font-weight: 500;
    margin-left: 0;
    color: #00c3bd !important;
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.5rem; }

.rate-detail-view .c-product--box a:before {
	content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.125rem;
    border-bottom: 0.0625rem solid;
    border-color: inherit; }

.rate-detail-view .c-product--box span {
    display: inline-block;
    color: #707070;
    font-size: 0.8125rem;
    margin-top: 0.625rem; }

.rate-detail-view .c-product--box p {
    font-size: 0.875rem;
    font-weight: 500;
    margin-top: 1rem; }

.rate-detail-view .c-product--box .c-table {
    margin-top: 1.125rem; }

.rate-detail-view .c-product--box .c-table th, .rate-detail-view .c-product--box .c-table td {
   	width: 7.5rem;
    padding: 0.875rem 1rem; }

.rate-detail-view .c-product--box .c-table td:nth-child(n+2) {
    text-align: left;
    font-size: 0.75rem; }

.rate-detail-view .c-product--box .c-table th:first-child, .rate-detail-view .c-product--box .c-table td:first-child {
    padding: 0.875rem 0.5rem; }

.rate-detail-view .c-product--box .c-table a {
    font-weight: 500;
    margin-left: 0.125rem;
    color: #00c3bd !important;
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.5rem; }

.rate-detail-view .c-product--box .c-table a:before {
	content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 0.0625rem solid;
    border-color: inherit; }

.rate-detail-view .c-product--box .c-table.c-table--x-scroll {
    margin-left: -1rem;
    margin-top: 0.6875rem;
    padding-bottom: 0.5rem; }

.rate-detail-view .c-product--box .c-table.c-table--x-scroll td {
    font-size: 0.75rem;
    text-align: center; }

.rate-detail-view .c-product--box .c-table.c-table--x-scroll th:first-child, .rate-detail-view .c-product--box .c-table.c-table--x-scroll td:first-child {
    border-left: 0.0625rem solid #ccc; }

.rate-detail-view .c-product--box .c-table.c-table--x-scroll th:last-child, .rate-detail-view .c-product--box .c-table.c-table--x-scroll td:last-child {
 border-right: 0.0625rem solid #ccc; }

.rate-detail-view .c-product--box .c-table.c-table--x-scroll:before {
    content: '';
    position: absolute;
    top: -0.0625rem;
    left: 0;
    right: 0;
    border-top: 0.0625rem solid #ccc; }

.rate-detail-view .c-product--box ul {
    margin-top: 0.625rem;
    padding-left: 0;
    font-size: 0.8125rem;
    color: #4c4c4c; }

.rate-detail-view .c-product--box ul li {
	position: relative;
	line-height: 1.4;
    padding-left: 0.4375rem; }

.rate-detail-view .c-product--box ul li ~ li {
	margin-top: 0.5rem;  }

.rate-detail-view .c-product--box ul li::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0.375rem;
    left: 0;
    width: 0.1875rem;
    height: 0.1875rem;
    border-radius: 50%;
    background: #4c4c4c; }

.rate-detail-view .c-product--box ul li ul {
	margin-top: 0.25rem !important;
   	padding-left: 0.0625rem;}

.rate-detail-view .c-product--box ul li ul li {
	color:#707070;  }

.rate-detail-view .c-product--box ul li ul li ~ li{
	margin-top: 0.1875rem; }

.rate-detail-view .c-product--box ul li ul li:before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 0.1875rem;
    height: 0.0625rem;
    border-radius: 50%;
    background: #ccc; }

.rate-detail-view .c-accordion-wrap {
	margin-top: 1.4375rem; }

.rate-detail-view .c-accordion-wrap + .c-accordion-wrap {
	margin-top: 0; }

.rate-detail-view .c-accordion--type6 .c-accordion__item:before {
    position: absolute;
    bottom: 0;
    content: "";
    display: block;
    clear: both;
    background: #eaeaea;
    height: 1px;
    width: calc(100% + 2.5rem);
    margin-left: -1.25rem; }

.rate-detail-view .c-accordion--type6 .c-accordion__head {
    padding: 0 4rem 1.5rem 0; }

.rate-detail-view .c-accordion--type6 .c-accordion__title {
    font-size: 1.25rem;
    font-weight: 500; }

.rate-detail-view .c-accordion--type6 .c-accordion__head {
    padding: 1.25rem 4rem 1rem 0;
    margin-top: 0; }

.rate-detail-view .c-accordion--type6 .c-accordion__button:after {
    top: 50% !important; }

.rate-detail-view .c-accordion--type6 .c-accordion__inside p:first-child {
	margin-top: 0; }

.rate-detail-view .c-accordion--type6 .c-accordion__inside ul:first-child {
	margin-top: 0; }

.rate-detail-view .c-accordion--type6 .c-accordion__inside {
    display: block;
    width: 100%;
    padding: 1.125rem 1.25rem;
    border-top: 0.0625rem solid #eaeaea;
    font-size: 0.9375rem;
    overflow-x: hidden; }

.rate-detail-view .c-accordion--type6 .c-accordion__inside ul {
    margin-top: 0.5625rem; }

.rate-detail-view .c-accordion--type6 .c-accordion__inside p {
    margin-top: 0.75rem;
    line-height: 1.4; }



.phone-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.5rem;
  overflow-x: hidden;
  position: relative; }
  .phone-select__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    position: relative;
    width: calc(50% - 8px); }
    .phone-select__item:not(:first-child) {
      margin-left: 1rem; }
    .phone-select__item .c-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 16.125rem;
      padding: 0 1.25rem; }
      .phone-select__item .c-box__inner {
        width: 100%; }
    .phone-select__item .phone-box {
      height: 16.125rem;
      text-align: center;
      word-break: break-all; }
    .phone-select__item dl {
      height: 16.125rem;
      margin-top: 1.5rem;
      padding: 1.5rem 1.25rem;
      background-color: #f2faf9;
      border-radius: 0.5rem; }
      .phone-select__item dl dt {
        font-size: 0.875rem;
        font-weight: 500;
        color: #018786; }
      .phone-select__item dl dd {
        margin-top: 1rem; }
        .phone-select__item dl dd span {
          display: block;
          font-size: 0.875rem;
          color: #4c4c4c; }
          .phone-select__item dl dd span + span {
            margin-top: 0.5rem; }
  .phone-select ~ .c-button-wrap .c-button ~ .c-button {
    margin-left: 1rem; }

.phone-comparison {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .phone-comparison__item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: calc(50% - 8px);
    padding: 0 1.25rem;
    background-color: #f5f5f5;
    border-radius: 0.5rem; }
    .phone-comparison__item:not(:first-child) {
      margin-left: 1rem; }
  .phone-comparison__info {
    margin: 0 0.625rem;
    padding: 1.5rem 0 1.25rem;
    text-align: center;
    border-bottom: 1px solid #e8e8e8; }
    .phone-comparison__info dt {
      font-size: 0.875rem;
      color: #707070; }
    .phone-comparison__info dd {
      margin-top: 0.5rem;
      font-size: 0.9375rem;
      font-weight: 500;
      word-break: break-all; }
    .phone-comparison__info:last-child {
      border-bottom: 0; }

.product-info-box {
  padding: 1.125rem 1.25rem;
  border-radius: 0.5rem;
  background-color: #f9f9f9; }

.card.c-accordion--type1 .c-accordion__button {
  padding: 1rem 1.75rem 1rem 0;
  font-weight: 500;
  color: #1d1d1b; }

.card-sale__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.5rem;
  border-bottom: 0.0625rem solid #efefef; }
  .card-sale__panel ~ .card-sale__panel {
    margin-top: 1.5rem; }
  .card-sale__panel:last-child {
    padding-bottom: 0;
    border: 0; }

.card-sale__title {
  min-width: 7.5rem;
  font-size: 0.9375rem;
  font-weight: 700; }

.card-sale__text {
  font-size: 0.875rem;
  color: #4c4c4c; }
.card-sale__text p ~ p {
  margin-top: 0.375rem; }

.upper-banner {
  position: relative;
  padding: 2.5rem 1.875rem 7.5rem;
  background: #ed0000;
  color: #fff; }
.upper-banner__content {
  position: relative;
  z-index: 2; }
.upper-banner__title {
  display: block;
  font-size: 1.375rem;
  line-height: 1.9375rem;
  font-weight: 400; }
.upper-banner__anchor {
    margin-top: 1.25rem;
    border: 1px solid #fff; }
.upper-banner__anchor .c-icon {
   margin: 0 0 0.25rem 0.5rem; }
.upper-banner__image {
  position: absolute;
  left: 50%;
  width: 17.4375rem;
  height: 12.3125rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1; }
.upper-banner__image img {
  width: 100%;
  vertical-align: bottom; }
.upper-banner--self-opening .upper-banner__image {
  position: absolute;
  width: 23.4375rem;
  height: 18.875rem;
  left: auto;
  right: 0;
  bottom: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.upper-banner--self-opening {
  height: 18.875rem;
  background-color: #6c68fc; }

.upper-banner--self-opening .upper-banner__anchor {
    margin-top: 1.25rem;
    border: 1px solid #fff;
    min-width: 8.688rem;
    min-height:2rem;
    padding: 0 0.9375rem;
    text-align: left; }
 .upper-banner--self-opening .upper-banner__anchor .c-icon {
   position: absolute;
   right: 0.875rem;
   top: 0.25rem; }

.upper-banner--connect_counselor {
  height: 18.875rem;
  background-color: #008cd9; }

.upper-banner--connect_counselor .upper-banner__anchor {
    margin-top: 1rem;
    border: 0.0625rem solid #fff;
    min-width: 9.375rem;
    min-height:2rem;
    padding: 0 0.9375rem;
    text-align: left;
    background-color: #008cd9; }

.upper-banner--connect_counselor .upper-banner__anchor .c-icon {
   position: absolute;
   right: 0.875rem;
   top: 0.25rem; }

.upper-banner--connect_counselor .upper-banner__image {
  position: absolute;
  width: 23.4375rem;
  height: 18.875rem;
  left: auto;
  right: 0;
  bottom: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.upper-banner.upper-banner--connect_counselor {
    padding: 1.625rem 1.875rem 7.5rem; }

.upper-banner.upper-banner--connect_counselor .upper-banner__title {
    display: block;
    font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 400; }

.upper-banner.upper-banner--connect_counselor .upper-banner__content p {
    font-size: 0.875rem;
    margin-top: 0.625rem; }

.upper-banner--esim-opening .upper-banner__image {
    position: absolute;
    width: 23.4375rem;
    height: 18.875rem;
    bottom: 0; }

.upper-banner--esim-opening {
  height: 18.875rem;
  color: #4d4b4a;
  background-color: #cdede7; }

.upper-banner--esim-opening .upper-banner__content a {
  width: 9.8125rem; }

.upper-banner--esim-opening .upper-banner__content button {
  width: 8rem; }

.upper-banner--esim-opening .upper-banner__anchor {
    margin-top: 1.25rem;
    border: 0.0625rem solid #4d4b4a;
    min-width: 7.0625rem;
    min-height:2rem;
    padding: 0 0.9375rem;
    text-align: left; }
 .upper-banner--esim-opening .upper-banner__anchor .c-icon {
   position: absolute;
   right: 0.875rem;
   top: 0.25rem; }

.upper-banner--bg {
  height: 18.875rem;
  background-color: #0573e8; }
.upper-banner--bg .upper-banner__image {
  position: absolute;
  width: 23.4375rem;
  height: 18.875rem;
  left: auto;
  right: 0;
  bottom: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.upper-banner--bg .upper-banner__title {
    display: block;
    font-size: 1.375rem;
    line-height: 1.9375rem;
    font-weight: 400; }

.upper-banner--bg .upper-banner__content p {
  	font-size: 1.375rem;
    line-height: 1.9375rem;
    font-weight: 400;
    margin-top: 1rem; }

.upper-banner--bg .upper-banner__content p.u-fs-14 {
    line-height: inherit;
    word-break: break-all;}

.upper-banner--bg .upper-banner__content .c-button {
    font-weight: 400; }

.terms-txt-box {
  height: 25rem;
  margin: 3rem 0 1.5rem;
  padding: 1.25rem;
  font-size: 0.875rem;
  color: #4c4c4c;
  border: 1px solid #f0f0f0;
  overflow-y: auto; }
  .terms-txt-box__heading {
    position: relative;
    display: block;
    margin: 2.5rem 0 1.5rem;
    font-size: 1rem;
    font-weight: 500; }
    .terms-txt-box__heading:first-child {
      margin-top: 0; }
  .terms-txt-box__text {
    font-size: 0.875rem; }
    .terms-txt-box__text ~ .terms-txt-box__text {
      margin-top: 1.5rem; }
  .terms-txt-box .c-bullet--hyphen {
    margin-top: 1.5rem; }
    .terms-txt-box .c-bullet--hyphen .c-text-list__item {
      margin-top: 0.75rem; }
      .terms-txt-box .c-bullet--hyphen .c-text-list__item > .c-text-list__item {
        margin-left: 0.5rem; }

.delivery-image img {
  width: 100%;
  vertical-align: bottom; }

.delivery-info dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }
  .delivery-info dl ~ dl {
    margin-top: 0.75rem; }
  .delivery-info dl dt {
    min-width: 5.5625rem;
    padding: 0.375rem 0.625rem; }
  .delivery-info dl dd {
    margin-left: 0.75rem;
    font-size: 0.9375rem;
    font-weight: 500; }

.c-flex > .c-form__title {
  margin: 0; }

.info-box {
  padding: 0 1.25rem;
  border-radius: 0.5rem;
  border: 1px solid #eaeaea; }
  .info-box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1rem 0; }
    .info-box dl ~ dl {
      border-top: 1px solid #e8e8e8; }
    .info-box dl dt {
      font-size: 0.875rem;
      color: #707070; }
    .info-box dl dd {
      font-size: 0.875rem;
      color: #4c4c4c; }

.info-box.payway dl dt {
    width: 28%; }

.info-box.payway dl dd {
    text-align: right; }

.no-line-info {
  text-align: center; }
  .no-line-info .c-text-label {
    padding: 0.125rem 1rem; }

.deli-step {
  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;
  padding: 1.5rem 1rem 2rem;
  background-color: #f5f5f5; }
  .deli-step li {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    color: #bfbfbf;
    text-align: center; }
    .deli-step li b {
      font-size: 1.25rem; }
    .deli-step li span {
      position: relative;
      display: block;
      margin-top: 0.25rem;
      font-size: 0.8125rem;
      color: #94a2a0; }
      .deli-step li span::before {
        position: absolute;
        top: 50%;
        right: -0.5625rem;
        width: 1rem;
        height: 1rem;
        background: url(../../images/mobile/common/ico_arrow_gray3.svg) 50% 50% no-repeat;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        content: ''; }
    .deli-step li:last-child span::before {
      content: none; }
    .deli-step li.is-active span {
      color: #1d1d1b; }

.detail-box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .detail-box dl dt,
  .detail-box dl dd {
    margin-top: 0.75rem;
    font-size: 0.875rem; }
    .detail-box dl dt.detail-box__title, .detail-box dl dt.detail-box__text,
    .detail-box dl dd.detail-box__title,
    .detail-box dl dd.detail-box__text {
      margin: 1.25rem 0 0.5rem;
      color: #1d1d1b;
      font-size: 1rem; }
    .detail-box dl dt.detail-box__total,
    .detail-box dl dd.detail-box__total {
      font-size: 1.625rem; }
  .detail-box dl dt {
    color: #707070;
    width: 60%; }
  .detail-box dl dd {
    width: 40%;
    color: #4c4c4c;
    font-weight: 500;
    text-align: right; }
    .detail-box dl dd span {
      display: inline-block;
      margin-left: 0.125rem;
      font-size: 0.875rem; }

.add-info-box {
  margin-top: 2.5rem;
  padding: 1.5rem 1.25rem 2.5rem;
  background: #f9f9f9; }
  .add-info-box img {
    width: 8.5rem; }

.popular-keyword {
  margin-top: 2rem;
  padding: 2rem 1.25rem;
  background: #f9f9f9; }
  .popular-keyword__title {
    font-size: 0.875rem;
    color: #707070;
    font-weight: 500; }
  .popular-keyword__list {
    margin-top: 1.5rem; }
  .popular-keyword__item {
    position: relative;
    padding-left: 2.3125rem;
    font-size: 0.9375rem; }
    .popular-keyword__item ~ .popular-keyword__item {
      margin-top: 0.75rem; }
    .popular-keyword__item.even {
      background: url(../../images/mobile/common/ico_triangle_even.svg) 100% 50% no-repeat;
      background-size: 18px; }
    .popular-keyword__item.up {
      background: url(../../images/mobile/common/ico_triangle_up2.svg) 100% 50% no-repeat;
      background-size: 18px; }
    .popular-keyword__item.down {
      background: url(../../images/mobile/common/ico_triangle_down2.svg) 100% 50% no-repeat;
      background-size: 18px; }
  .popular-keyword__num {
    position: absolute;
    left: 0;
    top: 50%;
    width: 1.375rem;
    margin-right: 1.25rem;
    font-weight: 700;
    color: #94a2a0;
    text-align: center;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .popular-keyword__text {
    display: block;
    width: 90%;
    color: #333333;
    white-space: nowrap;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis; }

.security-box {
  margin: 0 auto;
  margin-top: 1.25rem;
  margin-bottom: 1rem;
  width: 11.25rem;
  height: 3rem;
  background: #fff; }

.autocomplete {
  padding: 0 2.5rem 1.25rem;
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 0;
  height: calc(100% - 9.125rem);
  z-index: 10;
  overflow: auto; }
  .autocomplete__item {
    margin-top: 0.5rem; }
    .autocomplete__item ~ .autocomplete__item {
      margin-top: 1.25rem; }

.phone-box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .phone-box-wrap__item {
    width: 50%;
    margin-bottom: 0.75rem; }
    .phone-box-wrap__item:nth-child(odd) {
      padding-right: 0.5rem; }
    .phone-box-wrap__item:nth-child(even) {
      padding-left: 0.5rem; }
  .phone-box-wrap .phone-box b {
    word-break: break-all; }

.error {
  margin-top: 4.75rem; }
  .error__title {
    display: block;
    margin: 3rem 0 1rem;
    font-size: 1.125rem;
    font-weight: 500; }
  .error__text {
    font-size: 0.875rem;
    color: #707070; }
  .error img {
    width: 100%; }

.c-main-card-list.is-active .c-main-card {
  display: block !important; }

.c-main-card {
  padding: 1.5rem;
  background: #f8f8f8;
  border-radius: 1.5rem; }
  .c-main-card ~ .c-main-card {
    margin-top: 0.75rem; }
  .c-main-card__anchor {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .c-main-card__image {
	width: 5.5625rem;
    height: 9.5rem;
    margin-right: 1rem;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
  .c-main-card__image img {
	   width: 7.5rem;
	   height: 7.5rem;}

  .c-main-card__image-2 {
    width: 10.5rem;
    height: 8.5rem;
    margin-left: -1.5rem;
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .c-main-card__image-2 img {
      width: 8.125rem;
      height: 8.125rem; }

  .c-main-card__panel {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .c-main-card__title {
    font-size: 0.9375rem;
    font-weight: 700; }
  .c-main-card__text {
	margin: 0.25rem 0 1rem 0;
    font-size: 0.75rem;
    color: #707070;}
  .c-main-card__text-info {
    margin: 0.25rem 0 0 0;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #6d6d6d; }
  .c-main-card__info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-size: 0.75rem;
    color: #5a5a5a; }
    .c-main-card__info-list ~ .c-main-card__info-list {
      margin-top: 0.375rem; }
    .c-main-card__info-list .c-icon {
      margin-right: 0.6875rem; }
  .c-main-card__price {
    position: relative;
    margin-top: 0.375rem;
    text-align: right; }
    .c-main-card__price .u-td-line-through {
      margin-right: 0.375rem;
      font-size: 0.875rem;
      color: #bfbfbf; }
    .c-main-card__price .c-text {
      font-size: 0.8125rem;
      color: #00c0aa; }
      .c-main-card__price .c-text b {
        position: relative;
        bottom: 0;
        margin: 0 0.125rem 0 0.1875rem;
        font-size: 1.375rem; }

  .c-main-card__pricesum {
    position: relative;
    margin-top: 0.625rem; }
  .c-main-card__pricesum .u-td-line-through {
      margin-right: 0.375rem;
      font-size: 0.875rem;
      color: #bfbfbf; }
  .c-main-card__pricesum .c-text {
      font-size: 0.8125rem;
      color: #00c0aa; }
  .c-main-card__pricesum .c-text b {
        position: relative;
        bottom: 0;
        margin: 0 0.125rem 0 0.1875rem;
        font-size: 1.375rem; }

  .c-main-card__label {
    position: absolute; }
    .c-main-card__label--balloon {
      top: -1.4375rem;
      right: 0;
      width: 2.1875rem;
      height: 1.4375rem; }
    .c-main-card__label--new {
      top: -0.25rem;
      right: -0.25rem;
      width: 2.3125rem;
      height: 1.1875rem; }
    .c-main-card__label .c-icon {
      vertical-align: top; }

.c-main-card__priceinfo {
	margin-top: 0.875rem;
	color: #7d7d7d;
    font-size: 0.78125rem;
    line-height: 1.3; }

.c-main-card__priceinfo b {
	margin-left: 0.125rem;
    font-size: 0.875rem;
    font-weight: 700; }




.main-event__title {
  position: relative;
  margin-top: 1.5rem;
  padding-left: 1.5rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #666; }
  .main-event__title::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 50%;
    left: 0.5625rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0.25rem;
    height: 0.25rem;
    background: #d8d8d8; }

.main-event__anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .main-event__anchor .c-icon {
    margin-left: 0.25rem; }

.main-event__image {
  margin-top: 0; }

.main-event img {
  width: 100%;
  vertical-align: bottom; }

.main-event .c-balloon.c-balloon--left {
  margin-top: 1.75rem;
  bottom: -0.75rem;
  left: 1.5rem; }

.main-event--type1 .main-event__list {
  margin-top: 1.5rem; }

.main-event--type1 .main-event__item ~ li {
  margin-top: 1.25rem; }

.main-event--type2 .main-event__list {
  margin-top: 2rem; }

.main-event--type2 .main-event__item ~ li {
  margin-top: 1.5rem; }

.note-box .c-hr--title {
  margin: 1.5rem 0;
  border-bottom: 1px solid #ebebeb; }

.note-box .c-title--type2 {
  margin-top: 3rem;
  font-size: 1.25rem;
  font-weight: 700; }

.introduceimg_wrap {
  margin-left: -1.25rem !important;
  margin-right: -1.25rem !important; }

.terms-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding-bottom: 0;
  margin-bottom: -20px; }
  .terms-wrap .tems-heading {
    font-size: 1rem;
    font-weight: 500;
    padding: 1.25rem 0;
    margin: 0 0 1.25rem;
    border-bottom: 1px solid #eaeaea; }
  .terms-wrap .terms-conent {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: block;
    width: 100%;
    padding: 0 0 5.25rem;
    overflow-y: auto;
    font-size: 0.875rem; }
    .terms-wrap .terms-conent .terms-list__box {
      margin: 1.25rem 0; }
      .terms-wrap .terms-conent .terms-list__box .terms-item {
        margin-top: 1.25rem; }
        .terms-wrap .terms-conent .terms-list__box .terms-item .terms-item__heading {
          color: #333; }
        .terms-wrap .terms-conent .terms-list__box .terms-item p {
          font-size: 0.8125rem;
          padding-left: 0.9375rem;
          margin-top: 0.75rem;
          color: #4c4c4c; }

.terms-wrap .terms-conent .c-text-list.c-bullet--number > .c-text-list__item {
    margin-top: 1rem; }

.faq-accordion {
  margin-top: 0.75rem; }
  .faq-accordion .c-accordion__head, .faq-accordion .c-accordion .no-c-accordion__head, .c-accordion .faq-accordion .no-c-accordion__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    padding: 1.25rem 0; }
    .faq-accordion .c-accordion__head.is-registerd .p-prefix, .faq-accordion .c-accordion .is-registerd.no-c-accordion__head .p-prefix, .c-accordion .faq-accordion .is-registerd.no-c-accordion__head .p-prefix {
      min-width: 3.1875rem;
      height: 1.25rem;
      background: #94a2a0;
      border-radius: 0.625rem;
      color: #fff; }
    .faq-accordion .c-accordion__head.is-answered .p-prefix, .faq-accordion .c-accordion .is-answered.no-c-accordion__head .p-prefix, .c-accordion .faq-accordion .is-answered.no-c-accordion__head .p-prefix {
      min-width: 3.1875rem;
      height: 1.25rem;
      background: #018786;
      border-radius: 0.625rem;
      font-weight: bold;
      color: #fff; }
    .faq-accordion .c-accordion__head.is-proceeded .p-prefix, .faq-accordion .c-accordion .is-answered.no-c-accordion__head .p-prefix, .c-accordion .faq-accordion .is-answered.no-c-accordion__head .p-prefix {
        min-width: 3.1875rem;
        height: 1.25rem;
        background: rgba(42, 171, 156, 0.15);
        color: #018786;
        border-radius: 0.625rem;
        font-weight: bold;}
    .faq-accordion .c-accordion__head.is-qtype .p-prefix, .faq-accordion .c-accordion .is-qtype.no-c-accordion__head .p-prefix, .c-accordion .faq-accordion .is-qtype.no-c-accordion__head .p-prefix {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      width: 1.5625rem;
      height: 1.25rem;
      padding: 0;
      background: #018786;
      border-radius: 0.625rem;
      color: #fff; }
    .faq-accordion .c-accordion__head .p-prefix, .faq-accordion .c-accordion .no-c-accordion__head .p-prefix, .c-accordion .faq-accordion .no-c-accordion__head .p-prefix {
      display: block;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 0px;
              flex: 1 0 0;
      font-size: 0.6875rem;
      font-weight: 500;
      line-height: 1.25rem;
      text-align: center;
      width: 3.4375rem;
      height: 1.25rem;
      margin-right: 0.75rem; }
  .faq-accordion .c-accordion__button {
    padding: 0 1.75rem 0 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375rem;
    color: #1d1d1b;
    width: calc(100% - 55px); }
  .faq-accordion .c-accordion__title {
    width: 100%; }
    .faq-accordion .c-accordion__title .c-text-ellipsis {
      color: #1d1d1b;
      font-weight: 500;
      white-space: normal; }
  .faq-accordion .info-category {
    font-size: 0.875rem;
    color: #4c4c4c;
    margin: 0.4375rem 0 0.5rem; }
  .faq-accordion .info-line {
    width: 100%;
    font-size: 0.75rem;
    line-height: 1.125rem; }
    .faq-accordion .info-line .info-item {
      color: #bfbfbf; }
      .faq-accordion .info-line .info-item .c-icon {
        margin-right: 0.5rem; }
      .faq-accordion .info-line .info-item + .info-item {
        margin-left: 12px; }
  .faq-accordion .c-accordion__panel {
    font-size: 0.875rem;
    font-weight: 400;
    color: #4c4c4c, #f5f5f5, "faq-pannel text";
    background: #f5f5f5; }
  .faq-accordion .c-accordion__inside {
    padding: 1.5rem 3rem 1.5rem 1.5rem;
    color: #333; }
    .faq-accordion .c-accordion__inside.box-answer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      width: 100%;
      overflow-x: hidden; }
    .faq-accordion .c-accordion__inside.box-question {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      width: 100%;
      overflow-x: hidden; }
      .faq-accordion .c-accordion__inside.box-question > .box-prefix {
        color: #1d1d1b; }
        .faq-accordion .c-accordion__inside.box-question > .box-prefix--type1 {
          width: 2.75rem; }
      .faq-accordion .c-accordion__inside.box-question::after {
        content: '';
        position: absolute;
        width: calc(100vw - 103px);
        height: 2px;
        bottom: 0px;
        left: 4.5625rem;
        border-bottom: 1px solid #eaeaea; }
    .faq-accordion .c-accordion__inside.box-normal {
      display: block;
      width: 100%;
      padding: 1.5rem 1.25rem;
      overflow-x: hidden; }
      .faq-accordion .c-accordion__inside.box-normal .c-table.c-table--x-scroll {
        margin-right: -1.25rem; }
    .faq-accordion .c-accordion__inside .box-prefix {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      width: 1rem;
      font-size: 0.8125rem;
      font-weight: 700;
      color: #018786;
      margin-right: 0.75rem;
      text-align: right; }
      .faq-accordion .c-accordion__inside .box-prefix.box-prefix--type1 {
        width: 2.625rem; }
    .faq-accordion .c-accordion__inside .box-content {
      width: calc(100% - 44px);
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      font-size: 0.8125rem;
      overflow: hidden;
      word-break: break-all; }
  .faq-accordion .auto-numbering {
    counter-reset: auto2-counter; }
    .faq-accordion .auto-numbering .c-accordion__item {
      counter-increment: auto2-counter; }
    .faq-accordion .auto-numbering .c-accordion__head, .faq-accordion .auto-numbering .c-accordion .no-c-accordion__head, .c-accordion .faq-accordion .auto-numbering .no-c-accordion__head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      width: 100%;
      padding: 1.25rem 0; }
      .faq-accordion .auto-numbering .c-accordion__head::before, .faq-accordion .auto-numbering .c-accordion .no-c-accordion__head::before, .c-accordion .faq-accordion .auto-numbering .no-c-accordion__head::before {
        display: table;
        vertical-align: middle;
        content: counter(auto2-counter, decimal-leading-zero);
        font-size: 0.6875rem;
        font-weight: 700;
        text-align: center;
        min-width: 1.5625rem;
        height: 1.25rem;
        line-height: 1.25rem;
        margin-right: 0.75rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background: #008080;
        border-radius: 0.75rem;
        color: #fff; }
    .faq-accordion .auto-numbering .c-accordion__inside.box-answer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .faq-accordion .auto-numbering .c-accordion__inside.box-answer .box-prefix {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
        font-size: 0.8125rem;
        width: 1rem;
        margin-right: 0.75rem;
        font-weight: 700;
        color: #018786; }
      .faq-accordion .auto-numbering .c-accordion__inside.box-answer .box-content {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
  .faq-accordion .is-qtype ~ .c-accordion__panel .c-accordion__inside.box-answer .p-prefix {
    width: 1.5625rem;
    height: 1.25rem;
    font-size: 0.6875rem; }

.with-div {
  position: relative;
  margin: 0 0.5rem; }
  .with-div::before {
    position: absolute;
    top: 50%;
    left: -0.3125rem;
    width: 0.0625rem;
    height: 0.625rem;
    background-color: #ccc;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    content: ''; }

.self-opening-box {
  padding: 1.5rem 1.25rem;
  background-color: #f9f9f9; }
  .self-opening-box__title {
    margin: 1rem 0 0.25rem;
    font-size: 0.8125rem;
    font-weight: 500; }
  .self-opening-box__text {
    margin-left: 0.5rem;
    font-size: 0.8125rem;
    color: #707070; }
  .self-opening-box .c-text-label {
    font-size: 0.8125rem; }

.self-guide-wrap {
  margin-top: 3rem; }
.self-guide-wrap .swiper-slide {
  text-align: center;
  height: auto; }
.self-guide-wrap .swiper-slide img {
  width: 100%; }
.self-guide-wrap .swiper-container .swiper-pagination {
  position: relative;
  margin: 1rem 0 3rem;
  bottom: 0; }
.self-guide-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.3125rem;
  height: 0.3125rem;
  margin: 0 0.1875rem;
  border-radius: 0.1875rem;
  background-color: #bfbfbf; }
.self-guide-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000;
  width: 1rem;
  border-radius: 0.1875rem; }

.self-guide-wrap--type2 {
  margin-top: 3rem; }
.self-guide-wrap--type2 .swiper-slide {
  text-align: center;
  height: auto; }
.self-guide-wrap--type2 .swiper-slide img {
  width: 100%;
  vertical-align: top;}
.self-guide-wrap--type2 .swiper-pagination {
  width: 3.6875rem;
  height: 1.25rem;
  border-radius: 1.25rem;
  background: rgba(29, 29, 27, 0.4);
  left: initial;
  right: 1.25rem;
  bottom: 1.25rem;
  font-size: 0.6875rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.3); }
.self-guide-wrap--type2 .swiper-pagination span {
  height: 1.25rem;
  line-height: 1.25rem; }
.self-guide-wrap--type2 .swiper-pagination span.swiper-pagination-current {
  color: white;
  margin-right: 0.25rem; }
.self-guide-wrap--type2 .swiper-pagination span.swiper-pagination-total {
  margin-left: 0.25rem; }

.self-agree__inside {
	padding-left: 2rem;
    padding-right: 1rem;
    text-align: justify;
    font-size: 0.875rem; }

.inspay-agree__inside {
	padding-left: 2rem;
    padding-right: 1rem;
    text-align: justify;
    font-size: 0.875rem;
    overflow-y: auto;
    height: 15rem; }

.payment-result {
  background: #ebf4fe;
  padding: 0 1.25rem 1.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }
  .payment-result:not(:last-child).c-button-wrap {
    border-bottom: 1px solid #eaeaea; }
  .payment-result .line {
    width: 0.0625rem;
    height: 0.5rem;
    background: #ccc; }
  .payment-result .c-button--sort.u-ta-right {
    margin-right: 1rem; }

.c-side-badge {
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 6.25rem;
  right: 0;
  background: #fff;
  height: 2.875rem;
  border-radius: 1.4375rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0.75rem 0 0.75rem 0.875rem;
  -webkit-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2);
  z-index: 8; }
  .c-side-badge::before {
    content: '';
    position: absolute;
    top: -1.4375rem;
    right: 0;
    width: 1.4375rem;
    height: 1.4375rem;
    border-bottom-right-radius: 55%;
    -webkit-box-shadow: 0 12px 0 0 #fff;
            box-shadow: 0 12px 0 0 #fff; }
  .c-side-badge::after {
    content: '';
    position: absolute;
    bottom: -1.4375rem;
    right: 0;
    width: 1.4375rem;
    height: 1.4375rem;
    border-top-right-radius: 55%;
    -webkit-box-shadow: 0 -12px 0 0 #fff;
            box-shadow: 0 -12px 0 0 #fff; }
  .c-side-badge .c-text {
    margin-right: -72px;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #1d1d1b; }
  .c-side-badge .in-box {
    width: 2.375rem;
    height: 2rem;
    padding-right: 0.75rem;
    z-index: 2;
    background: #fff url(../../images/mobile/common/ico_comparison.svg) 30% 50% no-repeat; }
  .c-side-badge.is-active .c-text {
    margin-right: 0px;
    opacity: 1;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
            transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1); }

.c-modal .c-side-badge {
  z-index: 1080;
  top: 7.5rem; }

.review__item {
  padding: 1.25rem 0;
  border-bottom: 1px solid #eaeaea; }

.review__title {
  margin: 0.5rem 0;
  font-size: 1rem;
  font-weight: 500;
  color: #1d1d1b; }

.review__info {
  font-size: 0.75rem; }

.review__user {
  color: #bfbfbf;
  margin-top: 0.5rem; }

.review__date {
  position: relative;
  color: #cccccc;
  margin: 0 0.5625rem 0 1rem; }

.review__image {
  display: inline-block;
  position: relative;
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 0.5rem; }

.review__image.is-active {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.review__image.is-active .review__image__item {
	max-height: 28rem; }

  .review__image.is-active .img-count {
    display: none; }

  .review__image.is-active .review__image__item + .review__image__item {
    display: block !important; }

  .review__image .img-count {
    display: none;
    position: absolute;
    top: 1rem;
    right: 1rem; }

  .review__image__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    min-height: 3.0625rem;
    max-width: 41.875rem;
    max-height: 14rem;
    border-radius: 0.5rem;
    overflow: hidden; }

    .review__image.is-active .review__image__item + .review__image__item {
      display: block;
      margin-top: 0.5rem; }

    .review__image__item img {
      max-width: 100%;
      /* max-height: 100%; */ }
    .review__image__item.full-width img {
        width: 100%; }

    .review__image__label {
        position: absolute;
        top: 0.5rem;
        right: 0.5rem;
        height: 1rem;
        line-height: 1rem;
        padding: 0 0.75rem;
        border-radius: 0.5rem;
        background-color: rgba(29, 29, 27, 0.4);
        color: #fff;
        font-size: 0.6875rem; }

.review__content {
  position: relative;
  width: 100%;
  /* height: 3.5625rem; */
  line-height: 1.1875rem;
  overflow: hidden;
  margin-top: 0.5rem;
  color: #555; }
  .review__content.is-active {
    text-overflow: inherit;
    line-clamp: inherit;
    -webkit-line-clamp: inherit;
    height: 100%; }
  .review__content .c-icon--lock-type2 {
    margin-right: 0.25rem; }
  .review__content pre {
      white-space: pre-wrap;
      word-break: break-all; }

.review__button-wrap {
  margin-top: 1.5rem; }
  .review__button-wrap.is-active i {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .review__button-wrap button {
    width: 100%; }


.review__content .review__button {
    display: none; }
.review__content.is-active .review__button {
    display: inline-block; }

  .review__button {
    background-color: #e3f7f6;
    border: 0.0625rem solid #e3f7f6;
    color: #008080;
    padding: 0 1.875rem 0 1.25rem;
    width: 100%;
    height: 3rem;
    line-height: 2.85rem;
    margin-top: 0.5rem;
    position: relative;
    display: inline-block;
    border-radius: 1.75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500; }

  .review__button:before {
    content: '';
    display: block;
    clear: both;
    background: url(../../images/mobile/common/ico_arrow_mint.svg) 50% 50% no-repeat;
    background-size: 2rem;
    position: absolute;
    right: 1.5rem;
    top: 0.8rem;
    width: 1.25rem;
    height: 1.25rem;
    background-size: cover; }

#waitingConnectDialog .c-modal__dialog {
  margin-top: 5.625rem; }
  @media (max-width: 359px) {
    #waitingConnectDialog .c-modal__dialog {
      margin-top: 5.625rem; } }

.swiper-outside-banner {
  position: absolute;
  top: calc(50% - 256px);
  width: 100%;
  height: 5.625rem;
  padding: 0 1.25rem; }
  @media (max-width: 359px) {
    .swiper-outside-banner {
      top: calc(50% - 226px); } }
  @media (min-width: 500px) {
    .swiper-outside-banner .swiper-slide img {
      display: block;
      margin: 0 auto;
      max-height: 124px;
      width: auto; } }
  .swiper-outside-banner .swiper-slide {
    width: calc(100% - 20px); }
  .swiper-outside-banner .swiper-pagination-fraction {
    bottom: -1.6875rem;
    left: calc(50% - 40px);
    font-size: 0.75rem;
    font-family: airal, sans-serif;
    color: rgba(255, 255, 255, 0.3); }
    .swiper-outside-banner .swiper-pagination-fraction .swiper-pagination-current {
      color: #fff; }
    .swiper-outside-banner .swiper-pagination-fraction .swiper-pagination-total {
      color: rgba(255, 255, 255, 0.3); }

.top-sticky-banner {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  height: auto;
  width: 100%;
  background: #fff;
  z-index: 10; }

.phone-indivisual-shot {
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 18.75rem; }

.phone-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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.phone-img {
  width: 7.5rem;
  height: 7.5rem; }

.color-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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .color-info .color-dot {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    margin-right: 0.375rem; }

.extra-service-box.no-data {
  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; }
  .extra-service-box.no-data img {
    width: 3rem;
    height: 3rem;
    margin-top: 1.75rem; }

.banner-balloon {
  position: relative;
  width: 100%;
  min-height: 4.5rem;
  border-radius: 0.8125rem;
  border: 1px solid #00c0aa;
  padding: 0.8125rem 1.4375rem 0 1.4375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .banner-balloon .deco-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 7.8125rem;
    height: 4.375rem;
    border-radius: 0.8125rem;
    vertical-align: bottom;
    z-index: -1; }
    .banner-balloon .deco-img-type2 {
    position: absolute;
    bottom: 0;
    right: 2.1875rem;
    width: 9.1875rem;
    height: 4.375rem;
    border-radius: 0.8125rem;
    vertical-align: bottom; }
  .banner-balloon::before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: auto;
    left: 37px;
    bottom: -24px;
    border: 12px solid;
    border-color: #00c0aa #00c0aa transparent transparent;
    -webkit-box-shadow: 0 0 0 1px solid #00c0aa;
            box-shadow: 0 0 0 1px solid #00c0aa; }
  .banner-balloon::after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: auto;
    left: 38px;
    bottom: -23px;
    border: 12px solid;
    border-color: #fff #fff transparent transparent;
    -webkit-box-shadow: 0 0 0 1px solid #00c0aa;
            box-shadow: 0 0 0 1px solid #00c0aa; }
  .banner-balloon p {
    display: block;
    width: 13.75rem;
    word-break: break-all;
    margin-bottom: 1.5rem;
    z-index: 3; }
    .banner-balloon p b.c-text:not(.u-co-mint) {
      display: inline-block;
      word-break: break-all;
      width: 12.5rem;
      position: relative; }
  .banner-balloon--type2 {
    border: 2px solid #00c0aa;
    font-size: 0.9375rem; }
    .banner-balloon--type2 .deco-img {
      position: absolute;
      bottom: 0;
      right: 1.875rem;
      width: 6.9375rem;
      height: 3.5625rem; }
    .banner-balloon--type2::before {
      content: ' ';
      position: absolute;
      width: 0;
      height: 0;
      right: auto;
      left: 37px;
      bottom: -24px;
      border: 11px solid;
      border-color: #00c0aa #00c0aa transparent transparent;
      -webkit-box-shadow: 0 0 0 1px solid #00c0aa;
              box-shadow: 0 0 0 1px solid #00c0aa; }
    .banner-balloon--type2::after {
      content: ' ';
      position: absolute;
      width: 0;
      height: 0;
      right: auto;
      left: 38px;
      bottom: -24px;
      border: 12px solid;
      border-color: #fff #fff transparent transparent;
      -webkit-box-shadow: 0 0 0 1px solid #00c0aa;
              box-shadow: 0 0 0 1px solid #00c0aa; }

.bottom-link__box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: -2rem; }
 .bottom-link__box .link__anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5rem;
    background: #6c68fc;
    color: #fff;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1.875rem 2.5rem 1.875rem; }
    .bottom-link__box .link__anchor img {
      width: 7.125rem;
      height: 6.25rem;
      position: absolute;
      right: 1.125rem;
      bottom: 0;
      -o-object-fit: contain;
         object-fit: contain; }

.c-card__title .c-radio + .c-label,
.c-card__title .c-checkbox + .c-label {
  font-size: 1rem !important;
  font-weight: 500; }

.c-card__title a.c-button {
  position: absolute;
  top: 1.25rem;
  right: 0.625rem; }

/* 설정페이지 스타일 */
.setting-item {
  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;
  width: 100%;
  height: 3.375rem; }
  .setting-item dt {
    font-weight: 500;
    font-size: 1rem; }
  .setting-item dd {
    color: #008080;
    font-size: 0.875rem; }

/* banner-balloon 영역에서 하단 어코디언 열림 연동표시*/
.banner-balloon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .banner-balloon.expand-flag.is-expanded {
    border: 1px solid #fff; }
    .banner-balloon.expand-flag.is-expanded:before {
      border-color: #fff; }

.phone-info__detail-box img {
  width: 100%; }

.phone-info__detail-box .phone-info__detail-txt {
  padding: 1rem 1.25rem; }

.card-benefit--box .c-hr--title {
  margin-top: 1rem;
  border-bottom: 1px solid #ebebeb; }

.card-benefit--box .c-title--type1 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 4rem; }

.card-benefit--box .c-title--type3 {
  font-size: 1rem;
  font-weight: 500;
  margin-top: 1.5rem;
  margin-bottom: 1rem; }

.share-with-detail .c-title--type2 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 2rem; }
  .share-with-detail .c-title--type2 + .c-text-box {
    margin-top: 1.5rem; }
  .share-with-detail .c-title--type2 + .c-text-list .lv-2_title {
    margin-top: 2.5rem; }

.share-with-detail .c-text-list__item .lv-2_title {
  margin-top: 2.5rem; }

.share-with-detail .lv-2_title {
  font-size: 1.0625rem;
  font-weight: 500; }
  .share-with-detail .lv-2_title p {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #4c4c4c;
    margin-top: 1rem;
    margin-left: -0.9375rem; }
  .share-with-detail .lv-2_title .c-accordion--type6 {
    margin-left: -0.9375rem; }
    .share-with-detail .lv-2_title .c-accordion--type6 .c-accordion__head, .share-with-detail .lv-2_title .c-accordion--type6 .c-accordion .no-c-accordion__head, .c-accordion .share-with-detail .lv-2_title .c-accordion--type6 .no-c-accordion__head {
      padding-top: 0; }
      .share-with-detail .lv-2_title .c-accordion--type6 .c-accordion__head .c-accordion__button:after, .share-with-detail .lv-2_title .c-accordion--type6 .c-accordion .no-c-accordion__head .c-accordion__button:after, .c-accordion .share-with-detail .lv-2_title .c-accordion--type6 .no-c-accordion__head .c-accordion__button:after {
        top: 0.875rem; }
    .share-with-detail .lv-2_title .c-accordion--type6 .c-accordion__inside {
      position: relative; }
      .share-with-detail .lv-2_title .c-accordion--type6 .c-accordion__inside .c-text-list {
        position: relative; }
      .share-with-detail .lv-2_title .c-accordion--type6 .c-accordion__inside .c-table + .c-table {
        margin-top: 2.5rem; }
  .share-with-detail .lv-2_title .c-text-list {
    margin-left: -0.9375rem !important; }
  .share-with-detail .lv-2_title p.c-text--type4 {
    font-size: 0.8125rem;
    color: #777; }
  .share-with-detail .lv-2_title .c-box.c-box--type3.gray-box {
    background: #f9f9f9;
    border-radius: 0;
    margin: 2.5rem -1.25rem 0 -2.1875rem;
    border: 0;
    padding: 2rem 1.25rem; }
    .share-with-detail .lv-2_title .c-box.c-box--type3.gray-box p {
      margin-left: 0; }

.share-with-detail .img-data-sharing {
  display: block;
  width: 100%;
  height: auto;
  margin: 1.5rem 0 0 0; }

.sharing__subtit {
    margin-top: 2rem;
    color: #1d1d1b;
    font-weight: 700;
    font-size: 0.875rem; }

.share-with-detail .c-bullet--number .lv-2_title {
  margin-top: 2.5rem; }

.share-with-detail .col-2 li {
  margin-top: 0.5rem; }

.one-source .c-title--type1 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 2rem; }

.one-source .c-title--type2 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 2rem; }

.one-source .c-title--type3 {
  font-size: 1rem;
  font-weight: 700;
  margin-top: 2rem; }
  .one-source .c-title--type3 + .c-text-list {
    margin-top: 1rem; }

.one-source .c-title--type4 {
  font-size: 0.875rem;
  font-weight: 700;
  margin-top: 1rem; }

.one-source .u-mtb--table {
  margin-top: 1rem;
  margin-bottom: 2.5rem; }

.payment-extra-info li {
  margin-top: 0.75rem;
  margin-left: 0.4375rem; }

.c-price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .c-price-box strong {
    font-weight: 700;
    margin-left: 0.625rem; }
  .c-price-box .c-price-text {
    font-size: 1.5rem;
    font-weight: 700; }

.csInq-info-wrap {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding: 1.5rem 1.25rem;
    background-color: #f9f9f9;
    position: relative; }

.csInq-info-wrap .csInq-info--rink {
	font-size: 0.8125rem; }

.csInq-info-wrap .csInq-info--rink .c-button-csInq:last-of-type {
    margin-right: 0; }

.csInq-info-wrap .c-button-csInq {
    display: inline-block;
    font-size: 0.8125rem;
    font-weight: 500;
    margin-right: 0.25rem;
    margin-bottom: 0.325rem;
    color: #008080 !important;
    text-decoration: underline;
    text-underline-position: under; }

.csInq-info-wrap .csInq-info--txt {
	margin-top: 0.625rem;
	font-size: 0.8125rem;
	word-break: break-all; }

.csInq-info-wrap .csInq-info--bullet {
    position: relative;
	padding-left: 0.75rem;
	margin-top: 0.75rem;
    font-size: 0.8125rem;
    word-break: break-word;
	color: #00c0aa; }
.csInq-info-wrap .csInq-info--bullet::before {
    position: absolute;
    content: '※';
    top: 0.125rem;
    left: 0;
    font-size: 0.4375rem; }

.choice-list {
    position: absolute;
    top: -2.375rem;
    left: 0;
    width: 100%;
    display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.choice-list .choice {
    z-index: 1;
    width: 1.625rem;
    height: 1.625rem;
    border: 0.125rem solid #008080;
    border-radius: 100%;
    background: #fff;
    color: #008080;
    text-align: center; }

.choice-list:after {
    content: '';
    z-index: 0;
    position: absolute;
    top: 50%;
    border-left: 0.125rem solid #008080;
    border-right: 0.125rem solid #008080;
    border-top: 0.125rem solid #008080;
    height: 1.5rem;
    width: 50%; }


/* ====================================
   유심 가입하기 메인
   ================================== */
.upper-banner__box {
  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: 13.125rem;
  text-align: center;
  color: #fff;
  background: #3a89ff; }
  .upper-banner__box--type2 {
    height: 22rem; }
    .upper-banner__box--type2 .c-swiper {
      height: 100%; }
      .upper-banner__box--type2 .c-swiper .swiper-slide {
        color: #fff;
        background: #9413ff; }
  .upper-banner__box--type3 {
    position: relative;
    width: auto;
    height: auto;
    margin: 0 -1.25rem; }
    .upper-banner__box--type3 .c-swiper {
      width: 100%;
      height: 100%; }
  .upper-banner__box .swiper-pagination {
    width: 3.6875rem;
    height: 1.25rem;
    border-radius: 1.25rem;
    background: rgba(29, 29, 27, 0.4);
    left: initial;
    right: 1.25rem;
    bottom: 1.25rem;
    font-size: 0.6875rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.3); }
    .upper-banner__box .swiper-pagination span {
      height: 1.25rem;
      line-height: 1.25rem; }
      .upper-banner__box .swiper-pagination span.swiper-pagination-current {
        color: white;
        margin-right: 0.25rem; }
      .upper-banner__box .swiper-pagination span.swiper-pagination-total {
        margin-left: 0.25rem; }
  .upper-banner__box .swiper-play-button {
    position: absolute;
    right: 5.25rem;
    bottom: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    z-index: 10; }
    .upper-banner__box .swiper-play-button.play {
      background: url(../../images/mobile/common/ico_play.svg) 50% 50% no-repeat;
      background-size: cover; }
    .upper-banner__box .swiper-play-button.stop {
      background: url(../../images/mobile/common/ico_stop.svg) 50% 50% no-repeat;
      background-size: cover; }

.ad-store__box--type2 {
  margin: 0 -1.25rem;
  padding: 3rem 1.25rem;
  background: #e1f1ef; }

.ad-store__box .c-store__list li + li {
  margin-top: 1rem; }

.ad-store__box .c-store__list li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .ad-store__box .c-store__list li a img {
    width: 100%; }
  .ad-store__box .c-store__list li a dl {
    font-weight: 500; }
    .ad-store__box .c-store__list li a dl dt {
      font-size: 0.8125rem;
      line-height: 1.125rem;
      color: #969696; }
      .ad-store__box .c-store__list li a dl dt .c-icon {
        position: absolute;
        top: 50%;
        right: 1.5rem;
        width: 3.75rem;
        height: 3.75rem;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
        .ad-store__box .c-store__list li a dl dt .c-icon--store_cupang {
          background: url(../../images/mobile/logo/ico_cupang.svg) 50% 50% no-repeat; }
        .ad-store__box .c-store__list li a dl dt .c-icon--store_n-store {
          background: url(../../images/mobile/logo/ico_naver_store.svg) 50% 50% no-repeat; }
        .ad-store__box .c-store__list li a dl dt .c-icon--store_auction {
          background: url(../../images/mobile/logo/ico_auction.svg) 50% 50% no-repeat; }
        .ad-store__box .c-store__list li a dl dt .c-icon--store_gmarket {
          background: url(../../images/mobile/logo/ico_gmarket.svg) 50% 50% no-repeat; }
        .ad-store__box .c-store__list li a dl dt .c-icon--store_11st {
          background: url(../../images/mobile/logo/ico_11st.svg) 50% 50% no-repeat; }
        .ad-store__box .c-store__list li a dl dt .c-icon--store_kakao-shop {
          background: url(../../images/mobile/logo/ico_kakao_shop.svg) 50% 50% no-repeat; }
        .ad-store__box .c-store__list li a dl dt .c-icon--store_wmp {
          background: url(../../images/mobile/logo/ico_wmp.svg) 50% 50% no-repeat; }
    .ad-store__box .c-store__list li a dl dd {
      margin-top: 0.25rem; }
      .ad-store__box .c-store__list li a dl dd p {
        font-size: 1rem;
        line-height: 1.375rem;
        color: #1d1d1b; }
      .ad-store__box .c-store__list li a dl dd span {
        display: inline-block;
        margin-top: 0.75rem;
        padding: 0.1875rem 0.375rem;
        font-size: 0.6875rem;
        line-height: 0.875rem;
        border-radius: 0.25rem; }
        .ad-store__box .c-store__list li a dl dd span.benefit {
          color: #0573e8;
          background: rgba(5, 115, 232, 0.1); }
        .ad-store__box .c-store__list li a dl dd span.mobile {
          color: #631dd2;
          background: rgba(86, 0, 255, 0.1); }

.banner-guide__box {
  margin: 0;
  height: auto;
  background: transparent; }
  .banner-guide__box .c-box--type2 {
    position: relative;
    margin-top: 2.5rem;
    border-radius: 0.75rem; }
    .banner-guide__box .c-box--type2 .banner--head {
      font-size: 1.125rem;
      font-weight: 700;
      line-height: 1.5rem; }
    .banner-guide__box .c-box--type2 .banner--text {
      font-size: 0.875rem;
      font-weight: normal;
      line-height: 1.5rem;
      color: #949494; }
    .banner-guide__box .c-box--type2 .img-box {
      position: absolute;
      top: 0.8125rem;
      right: 1.25rem;
      width: 3rem;
      height: 3rem; }
      .banner-guide__box .c-box--type2 .img-box .c-icon {
        width: 100%;
        height: 100%; }
  .banner-guide__box .ad-headline {
    margin: 2.5rem 0 0.75rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.875rem; }
    .banner-guide__box .ad-headline--small {
      margin: 1.5rem 0 0;
      font-size: 1rem;
      line-height: 1.375rem; }
    .banner-guide__box .ad-headline--type2 {
      margin: 2.5rem 0 0.5rem;
      font-size: 1.25rem;
      font-weight: 700; }
  .banner-guide__box .ad-text {
    font-size: 0.875rem;
    color: #818181; }
    .banner-guide__box .ad-text--type2 {
      font-size: 1rem;
      line-height: 1.375rem;
      color: #bfbfbf; }
  .banner-guide__box .c-step__list {
    margin-top: 2.5rem;
    counter-reset: step 0; }
    .banner-guide__box .c-step__list li {
      position: relative;
      padding-top: 0.9375rem; }
      .banner-guide__box .c-step__list li + li {
        margin-top: 1.5rem; }
      .banner-guide__box .c-step__list li::before {
        counter-increment: step;
        content: "STEP" counter(step);
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        margin: 0 -1.875rem;
        width: 3.75rem;
        padding: 0.4375rem 0.5rem 0.375rem;
        font-size: 0.6875rem;
        font-weight: 700;
        line-height: 1.125rem;
        color: #fab74b;
        text-align: center;
        background: #1d1d1b;
        border-radius: 1.125rem; }
      .banner-guide__box .c-step__list li dl {
        padding: 1.625rem 1.4375rem 1.5rem;
        text-align: center;
        background: #f4f7f8;
        border-radius: 1rem; }
        .banner-guide__box .c-step__list li dl dt {
          font-size: 1rem;
          font-weight: 500;
          line-height: 1.375rem;
          color: #1d1d1b; }
        .banner-guide__box .c-step__list li dl dd {
          margin-top: 0.5rem; }
          .banner-guide__box .c-step__list li dl dd p {
            margin-top: 0.75rem;
            font-size: 0.875rem;
            line-height: 1.25rem;
            color: #707070;
            word-break: keep-all; }
          .banner-guide__box .c-step__list li dl dd img {
            width: 3rem;
            height: 3rem; }
  .banner-guide__box .c-benefit__list {
    margin-top: 1.5rem; }
    .banner-guide__box .c-benefit__list li {
      position: relative;
      padding: 1.5rem 4.25rem 1.5rem 1.5rem;
      min-height: 7.3125rem;
      border: 0.0625rem solid #ccc;
      border-radius: 2rem;
      overflow: hidden; }
      .banner-guide__box .c-benefit__list li + li {
        margin-top: 1rem; }
      .banner-guide__box .c-benefit__list li dt {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.375rem;
        color: #1d1d1b; }
      .banner-guide__box .c-benefit__list li dd {
        margin-top: 0.5rem;
        font-size: 0.8125rem;
        font-weight: 500;
        line-height: 1.25rem;
        color: #707070; }
        .banner-guide__box .c-benefit__list li dd p {
          margin-top: 0.5rem; }
          .banner-guide__box .c-benefit__list li dd p.c-sub--txt {
            font-size: 0.6875rem;
            margin-top: 0.1875rem;
            color: #bfbfbf; }
      .banner-guide__box .c-benefit__list li .c-icon {
        position: absolute;
        right: 0;
        bottom: 0;
        display: block;
        width: 4.5rem;
        height: 7.3125rem; }
        .banner-guide__box .c-benefit__list li .c-icon--benefit-wifi {
          background: url("../../images/mobile/common/ico_benefit_wifi.svg") 0 0 no-repeat; }
        .banner-guide__box .c-benefit__list li .c-icon--benefit-secure {
          background: url("../../images/mobile/common/ico_benefit_secure.svg") 0 0 no-repeat; }
        .banner-guide__box .c-benefit__list li .c-icon--benefit-card {
          background: url("../../images/mobile/common/ico_benefit_card.svg") 0 0 no-repeat; }
  .banner-guide__box--type2 {
    padding: 6.5625rem 2.5rem 3.5rem;
    background-color: #f9f9f9; }
    .banner-guide__box--type2 .ad-headline {
      margin: 0.75rem 0 1rem;
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 1.875rem; }
      .banner-guide__box--type2 .ad-headline--small {
        margin: 0;
        font-size: 1rem;
        line-height: 1.375rem; }
      .banner-guide__box--type2 .ad-headline--type2 {
        margin: 2.5rem 0 0.5rem;
        font-size: 1.25rem;
        font-weight: 700; }
    .banner-guide__box--type2 .ad-text {
      font-size: 0.875rem;
      line-height: 1.4375rem;
      color: #818181; }
      .banner-guide__box--type2 .ad-text--type2 {
        font-size: 1rem;
        line-height: 1.375rem;
        color: #bfbfbf; }

.cvs-wrap {
  margin: 0 -1.25rem;
  padding: 1.5rem 1.25rem;
  overflow: hidden; }
  .cvs-wrap .cvs-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .cvs-wrap .cvs-logo {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .cvs-wrap .cvs-logo.animate {
      -webkit-animation-duration: 2.5s;
              animation-duration: 2.5s;
      -webkit-animation-name: dungdung;
              animation-name: dungdung;
      -webkit-animation-timing-function: linear;
              animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite; }
    .cvs-wrap .cvs-logo + .cvs-logo {
      margin-left: 0.875rem; }

/* ====================================
   유심-다이렉트
   ================================== */
.count-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .count-wrap .c-price {
    font-size: 0.875rem; }
    .count-wrap .c-price b {
      font-size: 1.625rem; }

.c-alert--time .c-text-label + p {
  margin-top: 0.4375rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #1d1d1b; }

.d-box--type1 {
  margin: 0 -1.25rem -2rem;
  padding: 1.875rem 1.5rem 2.125rem; }
  .d-box--type1 .c-heading--type3 {
    margin-top: 1.625rem;
    margin-bottom: 0.75rem; }
  .d-box--type1 .c-heading--type3 + p {
    color: #707070; }
  .d-box--type1 .c-button-wrap .c-button--underline {
    margin-top: 1.5rem;
    margin-left: 0; }

/* ====================================
   유심-셀프개통
   ================================== */
.c-heading.c-heading--type5 {
  margin: 2.5rem 0 1rem;
  font-size: 1.25rem;
  font-weight: normal; }
  .c-heading.c-heading--type5 small {
    margin-left: 0.25rem;
    font-size: 0.875rem;
    color: #bfbfbf; }
  .c-heading.c-heading--type5 + .c-hr--type2 {
    margin-top: 0; }

.c-form__title > span {
  margin-left: 0.25rem;
  font-size: 0.875rem;
  font-weight: normal;
  color: #bfbfbf; }

.c-scan-wrap {
  margin: 2rem 0 1rem; }
  .c-scan-wrap .c-img-wrap {
    text-align: center;
    line-height: 10.625rem;
    background: rgba(237, 0, 0, 0.5); }
  .c-scan-wrap .c-button-wrap {
    margin-top: 1.5rem; }
    .c-scan-wrap .c-button-wrap .c-button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .c-scan-wrap .c-button-wrap span {
      margin-right: 0.5rem;
      font-size: 0.875rem;
      color: #018786; }

.c-form .c-img-wrap {
  margin-bottom: 1rem;
  text-align: center;
  line-height: 10.625rem;
  background: rgba(237, 0, 0, 0.5); }

.c-reserv-num .title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 2.5rem 0 0.75rem; }
  .c-reserv-num .title-wrap span {
    margin: 0;
    font-weight: 500; }
    .c-reserv-num .title-wrap span + span {
      font-size: 0.875rem;
      font-weight: normal;
      color: #ff5100; }
      .c-reserv-num .title-wrap span + span b {
        font-weight: 500; }

.c-reserv-num .c-box--type1 {
  padding: 1.25rem;
  text-align: center;
  border-radius: 0.5rem; }
  .c-reserv-num .c-box--type1 span {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375rem;
    color: #cccccc; }
    .c-reserv-num .c-box--type1 span + .c-input {
      width: 4.375rem;
      height: 2.125rem;
      padding: 0 0.75rem;
      text-align: center; }

.c-reserv-num .c-box--type1 ~ .c-box--type1 {
	margin-top: 0.5rem; }

.c-addition-wrap {
  position: relative; }
  .c-addition-wrap dl.c-addition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .c-addition-wrap dl.c-addition--type1 {
      font-size: 0.875rem;
      line-height: 1.25rem; }
      .c-addition-wrap dl.c-addition--type1 dt {
        font-weight: 700; }
      .c-addition-wrap dl.c-addition--type1 dd {
        font-weight: 500; }
        .c-addition-wrap dl.c-addition--type1 dd b {
          margin-right: 0.25rem; }
    .c-addition-wrap dl.c-addition--sum dt {
      margin-top: 0.75rem; }
    .c-addition-wrap dl.c-addition--sum dd {
      color: #e73939; }
      .c-addition-wrap dl.c-addition--sum dd b {
        font-size: 1.625rem;
        line-height: 2.3125rem; }
    .c-addition-wrap dl.c-addition--type2 {
      margin-top: 0.75rem;
      font-size: 0.8125rem;
      font-weight: normal;
      line-height: 1.125rem; }
      .c-addition-wrap dl.c-addition--type2 dt {
        color: #707070; }
      .c-addition-wrap dl.c-addition--type2 dd span {
        margin-right: 0.25rem; }
      .c-addition-wrap dl.c-addition--type2 dd em {
        font-weight: 500;
        color: #018786; }
    .c-addition-wrap dl.c-addition ~ .c-hr--type2 {
      margin: 1.25rem 0; }

.c-check-wrap--column .c-radio--button + .c-label dl.c-servlist dt {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #1d1d1b;
  word-break: break-all;
  padding-right: 2rem; }

.c-check-wrap--column .c-radio--button + .c-label dl.c-servlist dd {
  margin-top: 0.25rem;
  font-size: 0.8125rem;
  line-height: 1.125rem; }
  .c-check-wrap--column .c-radio--button + .c-label dl.c-servlist dd span {
    color: #bfbfbf; }
    .c-check-wrap--column .c-radio--button + .c-label dl.c-servlist dd span + span::before {
      content: '|';
      margin: 0 0.375rem 0 0.125rem; }
  .c-check-wrap--column .c-radio--button + .c-label dl.c-servlist dd p.pay {
    margin-top: 0.25rem;
    color: #1d1d1b; }

/* ====================================
   상품
   ================================== */
.c-title-wrap {
  margin: 2.5rem 0 0.75rem; }
  .c-title-wrap--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .c-title-wrap--flex .c-heading {
      margin: 0;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      word-break: keep-all; }
  .c-title-wrap + .c-hr--type2 {
    margin: 1.5rem 0; }

/* ====================================
   마이페이지 - 납부방법변경
   ================================== */
.c-step-list {
  margin: 2.5rem 0;
  counter-reset: step 0; }
  .c-step-list__step {
    position: relative;
    padding-top: 0.9375rem; }
    .c-step-list__step + .c-step-list__step {
      margin-top: 1.5rem; }
    .c-step-list__step::before {
      counter-increment: step;
      content: "STEP" counter(step);
      position: absolute;
      top: 0;
      left: 50%;
      display: block;
      margin: 0 -1.875rem;
      width: 3.75rem;
      padding: 0.4375rem 0.5rem 0.375rem;
      font-size: 0.6875rem;
      font-weight: 700;
      line-height: 1.125rem;
      color: #fab74b;
      text-align: center;
      background: #1d1d1b;
      border-radius: 1.125rem; }
    .c-step-list__step dl {
      padding: 2rem 1.25rem 1.25rem;
      text-align: center;
      background: #f4f7f8;
      border-radius: 1rem; }
      .c-step-list__step dl dt {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.375rem;
        color: #1d1d1b; }
      .c-step-list__step dl dd {
        margin-top: 0.5rem; }
        .c-step-list__step dl dd p {
          word-break: keep-all; }
          .c-step-list__step dl dd p.expect {
            display: inline-block;
            margin: 4.625rem 0;
            padding: 0.125rem 0.625rem;
            font-size: 0.75rem;
            color: #fff;
            text-align: center;
            background: rgba(62, 0, 173, 0.6); }
        .c-step-list__step dl dd .c-button--gray {
          background-color: #e8e8e8;
          border: 0.0625rem solid #e8e8e8; }
  .c-step-list__image img {
    width: 100%; }

.c-flex-bul-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .c-flex-bul-list span.c-bullet {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none; }

.c-banner-box a,
.c-banner-box button {
  position: relative;
  display: block;
  width: 100%;
  height: 5.625rem;
  padding: 1.4375rem 1.25rem;
  background: #1285ec;
  border-radius: 0.5rem; }
  .c-banner-box a img,
  .c-banner-box button img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10rem;
    height: 5.625rem; }

.c-banner-box a.card-deco img {
  width: 6.1875rem;
  height: auto;
  right: 1.25rem; }

.c-banner-box.c-box {
  position: relative;
  padding: 2.375rem 6.375rem 2.375rem 1.25rem;
  border: 0.0625rem solid #e8e8e8;
  border-radius: 0.5rem; }
  .c-banner-box.c-box .deco-img {
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 4.375rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

.c-icon--pay-kakao {
  width: 4rem;
  height: 4rem;
  background: url(../../images/mobile/logo/ico_pay_kakao.png) 50% 50% no-repeat;
  background-size: cover; }

.c-icon--pay-payco {
  width: 4rem;
  height: 4rem;
  background: url(../../images/mobile/logo/ico_pay_payco.png) 50% 50% no-repeat;
  background-size: cover; }

.c-icon--pay-naver {
  width: 4rem;
  height: 4rem;
  background: url(../../images/mobile/logo/ico_pay_npay.png) 50% 50% no-repeat;
  background-size: cover; }

/* ====================================
   마이페이지 - 분실일시정지
   ================================== */
.faq-accordion--type2 .c-accordion__head .c-accordion__label, .faq-accordion--type2 .c-accordion .no-c-accordion__head .c-accordion__label, .c-accordion .faq-accordion--type2 .no-c-accordion__head .c-accordion__label {
  margin-right: 0.75rem; }
  .faq-accordion--type2 .c-accordion__head .c-accordion__label .c-text-label, .faq-accordion--type2 .c-accordion .no-c-accordion__head .c-accordion__label .c-text-label, .c-accordion .faq-accordion--type2 .no-c-accordion__head .c-accordion__label .c-text-label {
    width: 3.4375rem; }

.faq-accordion--type2 .c-accordion__head .c-accordion__button:after, .faq-accordion--type2 .c-accordion .no-c-accordion__head .c-accordion__button:after, .c-accordion .faq-accordion--type2 .no-c-accordion__head .c-accordion__button:after {
  top: auto;
  bottom: 0;
  -webkit-transform: translateY(0) rotate(90deg);
          transform: translateY(0) rotate(90deg); }

.faq-accordion--type2 .c-accordion__head.is-active .c-accordion__button::after, .faq-accordion--type2 .c-accordion .is-active.no-c-accordion__head .c-accordion__button::after, .c-accordion .faq-accordion--type2 .is-active.no-c-accordion__head .c-accordion__button::after {
  -webkit-transform: translateY(0) rotate(-90deg);
          transform: translateY(0) rotate(-90deg); }

.faq-accordion--type2 .c-accordion__inside {
  padding: 1.5rem 3rem 1.5rem 1.25rem; }
  .faq-accordion--type2 .c-accordion__inside.box-question::after {
    content: '';
    position: absolute;
    width: calc(100vw - 103px);
    height: 2px;
    bottom: 0px;
    left: 5.4375rem;
    border-bottom: 1px solid #eaeaea; }
  .faq-accordion--type2 .c-accordion__inside .box-prefix {
    margin-right: 0.75rem;
    width: 3.4375rem; }

/* ====================================
   마이페이지 - 나의혜택보기
   ================================== */
.c-list.c-list--goods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  margin-right: -0.5rem;
  width: 100%; }
  .c-list.c-list--goods li.c-list__item {
    width: calc(50% - 8px);
    margin-right: 0.5rem; }
    .c-list.c-list--goods li.c-list__item .c-coupon .c-card__label::before {
      right: 0.75rem; }

.c-card--type2.c-card--coupon .c-card__box {
  padding: 1.5rem 0 0.125rem; }

.c-card--type2.c-card--coupon .c-accordion--type4 .c-accordion__head, .c-card--type2.c-card--coupon .c-accordion--type4 .c-accordion .no-c-accordion__head, .c-accordion .c-card--type2.c-card--coupon .c-accordion--type4 .no-c-accordion__head {
  margin-top: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .c-card--type2.c-card--coupon .c-accordion--type4 .c-accordion__head.is-active, .c-card--type2.c-card--coupon .c-accordion--type4 .c-accordion .is-active.no-c-accordion__head, .c-accordion .c-card--type2.c-card--coupon .c-accordion--type4 .is-active.no-c-accordion__head {
    margin-top: -1rem; }
  .c-card--type2.c-card--coupon .c-accordion--type4 .c-accordion__head .c-accordion__button.c-accordion__button_type1, .c-card--type2.c-card--coupon .c-accordion--type4 .c-accordion .no-c-accordion__head .c-accordion__button.c-accordion__button_type1, .c-accordion .c-card--type2.c-card--coupon .c-accordion--type4 .no-c-accordion__head .c-accordion__button.c-accordion__button_type1 {
    margin-top: 0; }

.phone__title {
  margin-top: 1.25rem; }
  .phone__title--txt1 {
    margin-bottom: 0.3125rem; }
  .phone__title--txt2 {
    font-size: 1.5rem;
    line-height: 2.125rem; }
  .phone__title--bold {
    font-weight: bold; }

.phone__item-wrap {
  background-color: #f5f5f5; }

.phone__item-container {
  padding: 1.5rem 1.25rem; }

.phone__item {
  margin-bottom: 0.75rem; }
  .phone__item:last-child {
    margin-bottom: 0; }

.phone__img {
  width: 7.5rem;
  height: 7.5rem; }
  .phone__img > img {
    width: 100%; }

.phone__info {
  margin-left: 0.75rem; }

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

.phone__txt--title {
  font-size: 1rem;
  font-weight: bold; }

.phone__txt--month-price {
  font-size: 0.875rem;
  margin-top: 0.4375rem; }

.phone__txt--total-price {
  font-size: 0.8125rem;
  color: #707070;
  margin-top: 0.4375rem; }

.phone__txt--month-price-num {
  font-size: 1.125rem;
  margin: 0 0.125rem;
  font-weight: bold; }

.phone__txt--cost-price {
  margin: 0.5rem 0 0.25rem;
  font-size: 0.875rem;
  color: #bfbfbf; }

.phone__txt--discount-price {
  font-size: 0.875rem; }
  .phone__txt--discount-price b {
    font-size: 1.125rem; }

.phone__colors {
  margin-top: 0.9375rem; }

.phone__dot {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  -webkit-box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.1);
  border: solid 0.5px #eaeaea;
  border-radius: 0.5rem;
  background-color: #f2f3ef;
  margin-right: 0.5rem; }

.phone-list-wrap {
  background-color: #f5f5f5;
  margin-left: -1.25rem !important;
  margin-right: -1.25rem !important; }

.phone-list-wrap ul li {
    border-bottom: 0.0625rem solid #dddddd; }

.phone-list-wrap .c-card__box {
	padding: 2rem 1.25rem 2.25rem;
    position: relative;
    display: block;
    background: #fff;
    margin-top: 0; }

.phone-list-wrap .c-card__box .labels {
	height: 1.625rem;
	display: flex;}

.phone-list-wrap .c-card__box .labels .c-sticker {
    margin-right: 0.1875rem; }

.phone-list-wrap .c-card__box .labels .c-sticker:last-child {
	margin-right: 0 !important; }

.phone-list-wrap .c-card__box .c-select-badge {
    margin-left: auto;
    width: 2rem;
    height: 2rem;
    background: url(../../images/mobile/common/ico_comparison.svg) no-repeat 50% 50%;
    margin-top: -0.5rem; }

.phone-list-wrap .c-card__box a {
	margin-top: 1.5rem;
   	-webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
	display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
     -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }

.phone-list-wrap .phone__item {
  margin-bottom: 0.75rem; }
.phone-list-wrap .phone__item:last-child {
    margin-bottom: 0; }

.phone-list-wrap .phone__img {
  position: relative;
  width: 10rem;
  height: 10rem; }
.phone-list-wrap .phone__img > img {
  width: 100%; }

.phone-list-wrap .phone__img > img + img{
  position: absolute;
  top: 0;
  left: 0; }

.phone-list-wrap .phone__info {
	width: calc(100% - 10.625rem);
    margin-top: 0.375rem;
    margin-left: 0.625rem;}

  .phone-list-wrap .phone__info-2 {
  width: calc(100% - 10.625rem);
  margin-top: -0.125rem;
  margin-left: 0.625rem; }

.phone-list-wrap .phone__info .phone__txt--cost-price {
    margin: 0.5rem 0 0.25rem;
    font-size: 0.875rem;
    color: #bfbfbf; }

.phone-list-wrap .phone__sort {
  border-bottom: 1px solid #eaeaea; }

.phone-list-wrap .phone__txt--title {
	margin-top: 0.375rem;
    font-size: 1rem;
    font-weight: bold;
    word-break: break-all;}

.phone-list-wrap .phone__txt--title-2 {
  margin-top: 0.5rem;
  font-size: 1rem;
  font-weight: bold;
  word-break: break-all; }


.phone-list-wrap .phone__txt--month-price {
  font-size: 0.875rem;
  margin-top: 0.375rem;
  margin-bottom: 0.25rem; }

.phone-list-wrap .phone__txt--month-price2 {
  text-decoration: line-through;
  font-size: 0.875rem;
  color: #bfbfbf;
  margin-top: 0.375rem;
  margin-bottom: 0.25rem; }

.phone-list-wrap .phone__txt--total-price {
  font-size: 0.8125rem;
  color: #707070;
  margin-top: 0.375rem; }

.phone-list-wrap .phone__txt--month-price-num {
  font-size: 1.125rem;
  margin: 0 0.125rem 0 0.375rem;
  font-weight: bold; }

.phone-list-wrap .phone__txt--discount-price {
  font-size: 0.875rem; }
.phone-list-wrap .phone__txt--discount-price b {
  font-size: 1.125rem; }

.phone-list-wrap .phone-list__infotxt {
	margin-top: 0.125rem;
	font-size: 0.8125rem;
    color: #6d6d6d; }

.phone-list-wrap .phone-list__priceinfo {
	margin-top: 0.875rem;
	color: #7d7d7d;
    font-size: 0.78125rem;
    line-height: 1.3; }

.phone-list-wrap .phone-list__priceinfo b {
	margin-left: 0.125rem;
    font-size: 0.875rem;
    font-weight: 700; }

.phone-list-wrap .phone-list__price {
	position: relative;
    margin-top: 0.125rem;
    color: #008080; }

.phone-list-wrap .phone-list__price span {
	 font-size: 0.9375rem;
     font-weight: 500; }

.phone-list-wrap .phone-list__price b {
	margin: 0 0.125rem 0 0.1875rem;
    font-size: 1.375rem; }




.phone-list-wrap .phone__colors {
  margin-top: 0.375rem; }


.phone-list-wrap .phone__colors-2 {
  margin-top: 0.625rem; }

.phone-list-wrap .phone__dot {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  -webkit-box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.1);
  border: solid 0.5px #eaeaea;
  border-radius: 0.5rem;
  background-color: #f2f3ef;
  margin-right: 0.3125rem; }

.phone-price {
  margin-top: 1rem; }

.phone-price dl {
  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-price .phone-price__release {
  color: #707070;
  font-weight: 400;
  letter-spacing: -0.031rem;}
.phone-price .phone-price__release dd {
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: -0.036rem;}
.phone-price .phone-price__installments {
  margin-top: 0.5rem;
  font-weight: 500;
  letter-spacing: -0.031rem; }
.phone-price .phone-price__installments dd b{
  font-size: 1.5rem;
  letter-spacing: -0.021rem; }
.phone-price .phone-price__installments dd span{
  font-size: 0.875rem;}

.phone-color-wrap dl {
  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-color-wrap .color-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  flex-wrap: wrap;
  white-space: break-spaces;
  margin-right: -0.75rem; }

.phone-color-wrap .color-group > .c-radio:checked + .c-label {
    position: relative;
    top: 0;
    font-size: 1rem;
    padding-left: 0; }

.phone-color-wrap .color-group > .c-radio:checked + .c-label span {
    width: 1.25rem;
    height: 1.25rem;
    border: 0 }

.phone-color-wrap .color-group > .c-radio + .c-label {
  width: 2rem;
  margin-right: 0 !important;
  margin: 1rem 0;}

.phone-color-wrap .color-group > .c-radio + .c-label:last-child {
  margin-right: 0 !important; }

.phone-color-wrap .color-group > .c-radio + .c-label:nth-of-type(10) {
	margin-right: 0 !important;}

.phone-color-wrap .color-group > .c-radio + .c-label span {
  margin-right: 1.0625rem !important; }

.phone__badge-wrap {
  font-size: 0; }
  .phone__badge-wrap__badge {
    display: inline-block;
    margin-left: 5px; }
    .phone__badge-wrap__badge:first-child {
      margin-left: 0; }

.phone-detail {
  height: 24.6875rem;
  background-color: #f5f5f5;
  padding: 3rem 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;}

.phone-detail .swiper-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

  .phone-detail .swiper-slide {
    text-align: center;
    height: auto; }
    .phone-detail .swiper-slide img {
      width: 15rem; }
    .phone-detail .swiper-slide img + img {
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
  .phone-detail .swiper-container .swiper-next {
    position: absolute;
    top: 7.5rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 1.25rem;
    z-index: 5; }
  .phone-detail .swiper-container .swiper-prev {
    position: absolute;
    top: 7.5rem;
    left: 1.25rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 5; }
  .phone-detail .swiper-container .swiper-pagination {
    position: relative;
    margin-top: 3rem;
    margin-bottom: 2rem;
    bottom: 0; }
    .phone-detail .swiper-container .swiper-pagination .swiper-pagination-bullet {
      width: 0.3125rem;
      height: 0.3125rem;
      margin: 0 0.1875rem;
      border-radius: 0.1875rem;
      background-color: #bfbfbf; }
      .phone-detail .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #000;
        width: 1rem;
        border-radius: 0.1875rem; }

.phone-detail.phone-detail--type2 {
    height: auto;
    padding: 2rem 0 0 0;}

.phone-detail.phone-detail--type2 {
    height: auto; }

.phone-detail.phone-detail--type2 .swiper-container .swiper-pagination {
    margin-top: 0;
    margin-bottom: 1.5rem;}

.c-form.tripledc .c-check-wrap .c-radio--button + .c-label {
	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.5rem; }

.c-form.chkCard .c-form__select {
    min-height: 5.0625rem; }

.c-form.chkCard .c-form__label {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 89%;
    height: calc(100% - 0.25rem);
    top: 0.125rem;
    left: 0.125rem;
    padding: 0 1rem;
    border-radius: 0.5rem;
    background-color: #fff;
    pointer-events: none; }

.c-form.chkCard .c-form__select .c-form__label img {
	width: 3rem;
    height: 3rem;
    margin-right: 1rem; }

.c-form.chkCard .c-form__select .c-select:focus + .c-form__label {
    padding-top: 0;
    font-size: 0.75rem; }

.c-form.chkCard .c-form__select .c-form__label .c-form__label-title {
    font-size: 1rem;
    font-weight: 500;}

.c-form.chkCard .c-form__select .c-form__label .c-form__label-text {
   	margin-top: 0.25rem;
    font-size: 0.875rem; }

.c-form.chkCard .c-form__select .c-form__label .c-form__label-text ~ .c-form__label-text {
   	margin-top: 0; }

.offline-store-banner {
  position: relative;
  display: inline-block;
  background-color: #fff5e9;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.5rem 1.25rem;
  border-radius: 1.25rem;
  margin: 3rem 0 0 0; }
  .offline-store-banner .c-text.c-text--type3 {
    color: #ff9d00; }
  .offline-store-banner .c-icon--store {
    position: absolute;
    display: inline-block;
    right: 2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

.color-group > .c-radio + .c-label {
  margin-right: 1.25rem;
  padding-left: 1.25rem;
  font-size: 0; }
  .color-group > .c-radio + .c-label span {
    clear: both;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 1.25rem;
    border-radius: 50%;
    -webkit-box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.2);
            box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.2);
    border: solid 0.5px #eaeaea;
    background: #afc7dc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .color-group > .c-radio + .c-label:before {
    content: none; }

.color-group > .c-radio:checked + .c-label {
  position: relative;
  top: 6px;
  font-size: 1rem;
  padding-left: 2.75rem; }
  .color-group > .c-radio:checked + .c-label span {
    width: 2rem;
    height: 2rem;
    border: 6px solid #fff; }
    .color-group > .c-radio:checked + .c-label span:before {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 2rem;
      height: 2rem;
      border: 1px solid #1d1d1b;
      border-radius: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      content: ''; }

.m-storage__select {
  position: relative;
  width: 4.6875rem;
  padding: 0.3125rem 1.125rem 0.3125rem 0.3125rem;
  margin: -0.25rem auto; }
  .m-storage__select select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: none;
    background: transparent;
    width: auto;
    text-align: center;
    font-size: 1rem; }
    .m-storage__select select:focus {
      border: none;
      outline: none; }
  .m-storage__select:after {
    content: '';
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/mobile/common/ico_triangle.svg) 50% 50% no-repeat;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    padding-left: 0.5rem;
    right: 0;
    top: 0.5625rem;
    position: absolute; }
  .m-storage__select:before {
    content: '';
    display: inline-block;
    left: 0;
    bottom: -0.125rem;
    position: absolute;
    width: calc(100% - 0.3125rem);
    margin-left: 0.125rem;
    height: 0.125rem;
    background-color: #000; }

.m-storage__swiper {
  position: relative;
  overflow: hidden;
  list-style: none;
  margin-top: 1.0625rem;
  padding: 0.9375rem;
  height: 100%;
  z-index: 1; }
  .m-storage__swiper__title {
    margin-top: 2rem;
    font-size: 0.875rem;
    margin-left: 0.5rem;
    font-weight: 500;
    color: #00c0aa;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s; }
  .m-storage__swiper__desc {
    font-size: 1.375rem;
    font-weight: 500;
    color: #1d1d1b;
    margin-left: 0.5rem;
    word-break: keep-all;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s; }
  .m-storage__swiper__cover {
    width: 13.125rem;
    height: 18.4375rem;
    margin-bottom: 10.625rem;
    -webkit-transform: scale(0.735) translateY(3.3125rem) !important;
            transform: scale(0.735) translateY(3.3125rem) !important;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s; }
    .m-storage__swiper__cover a {
      width: 100%;
      height: 100%;
      display: inline-block; }
    .m-storage__swiper__cover.swiper-slide-active {
      -webkit-transform: scale(1) translateY(0) !important;
              transform: scale(1) translateY(0) !important; }
      .m-storage__swiper__cover.swiper-slide-active .m-storage__swiper__title,
      .m-storage__swiper__cover.swiper-slide-active .m-storage__swiper__desc {
        opacity: 1; }
    .m-storage__swiper__cover img {
      -webkit-box-shadow: -1px 5px 12px 1px rgba(0, 0, 0, 0.2);
              box-shadow: -1px 5px 12px 1px rgba(0, 0, 0, 0.2);
      width: inherit;
      height: inherit; }

.m-storage-customer {
  padding-bottom: 2.375rem; }
  .m-storage-customer:first-child {
    padding-top: 0; }
  .m-storage-customer__link {
    padding: 1rem 0; }
    .m-storage-customer__link .c-icon--anchor {
      margin-left: auto; }
    .m-storage-customer__link + .c-hr {
      margin-top: 0;
      margin-bottom: 1.25rem; }
  .m-storage-customer__img img {
    width: 100%; }
  .m-storage-customer__title {
    font-size: 1rem;
    margin-top: 1rem;
    font-weight: bold;
    display: block;
    word-break: keep-all; }
  .m-storage-customer__date {
    font-size: 0.75rem;
    margin-top: 0.5rem;
    color: #cccccc; }

.header-share-button {
  display: inline-block !important;
  margin-left: auto;
  padding: 0 0.5rem;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }
  .header-share-button.is-active {
    right: 1.25rem;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    position: absolute;
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px); }

.mstroy-view .swiper-container {
  padding-bottom: 1rem; }
  .mstroy-view .swiper-container .swiper-slide img {
    width: 100%; }
  .mstroy-view .swiper-container .swiper-pagination {
    bottom: 0; }
    .mstroy-view .swiper-container .swiper-pagination .swiper-pagination-bullet {
      width: 0.3125rem;
      height: 0.3125rem;
      margin: 0 0.1875rem; }
      .mstroy-view .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #1d1d1b; }
  .mstroy-view .swiper-container .swiper-button-disabled {
    display: none; }
  .mstroy-view .swiper-container .swiper-prev {
    position: absolute;
    left: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1; }
  .mstroy-view .swiper-container .swiper-next {
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1; }

.mstroy-view__info {
  margin-top: 2.8125rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.75rem; }

.mstroy-view__short-cut {
  margin-top: 2rem;
  position: relative; }
  .mstroy-view__short-cut .swiper-next {
    position: absolute;
    right: 1.125rem;
    top: 8.75rem; }
  .mstroy-view__short-cut .swiper-prev {
    position: absolute;
    left: 1.125rem;
    top: 8.75rem; }
  .mstroy-view__short-cut .swiper-button-disabled {
    display: none; }

.mstroy-view__short-cut-swiper {
  overflow: hidden;
  width: 13.5rem;
  margin: 0 auto;
  margin-top: 2rem; }
  .mstroy-view__short-cut-swiper .swiper-slide {
    width: 6.125rem;
    height: 8.875rem;
    margin-bottom: 1.875rem; }
    .mstroy-view__short-cut-swiper .swiper-slide a {
      width: 100%;
      height: 100%;
      display: inline-block; }
    .mstroy-view__short-cut-swiper .swiper-slide img {
      width: 100%; }

.bar-chart {
  position: relative;
  border: 1px solid #eaeaea;
  border-radius: 0.625rem;
  font-size: 0; }
  .bar-chart .legend-wrap {
    width: 100%;
    height: 3.375rem;
    background-color: #f9f9f9;
    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; }
    .bar-chart .legend-wrap__item {
      padding: 0.3125rem 0.625rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .bar-chart .legend-wrap__bullet {
      display: inline-block;
      background-color: #333;
      width: 0.375rem;
      height: 0.375rem;
      border-radius: 0.375rem;
      margin-right: 0.5rem; }
  .bar-chart .badge-info {
    position: absolute;
    top: 0;
    left: 50%;
    color: #fab74b;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #1d1d1b;
    border-radius: 1.125rem;
    padding: 0.375rem 0.5rem;
    z-index: 1; }

.nav-wrap {
  -webkit-transition: -webkit-transform 0.67s cubic-bezier(0.65, 0, 0.35, 1);
  transition: -webkit-transform 0.67s cubic-bezier(0.65, 0, 0.35, 1);
  transition: transform 0.67s cubic-bezier(0.65, 0, 0.35, 1);
  transition: transform 0.67s cubic-bezier(0.65, 0, 0.35, 1), -webkit-transform 0.67s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 99; }
  .nav-wrap.is-active {
    -webkit-transition: -webkit-transform 0.67s cubic-bezier(0.16, 1, 0.3, 1);
    transition: -webkit-transform 0.67s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.67s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.67s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.67s cubic-bezier(0.16, 1, 0.3, 1);
    display: block;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .nav-wrap__link {
    display: inline-block;
    padding: 0.375rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block; }
    .nav-wrap__link--home {
      margin-left: -0.5rem; }
  .nav-wrap__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0.75rem 1.5rem; }
  .nav-wrap__user {
    padding-left: 1.5rem; }
  .nav-wrap__icon {
    margin-top: 0.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    padding: 0 1.25rem; }
    .nav-wrap__icon::-webkit-scrollbar {
      display: none; }
    .nav-wrap__icon .icon-box {
      width: 5.5rem;
      height: 5.5rem;
      background-color: #fff;
      margin-right: 0.75rem;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-align: center;
      font-size: 0.6875rem;
      color: #1d1d1b;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .nav-wrap__icon .icon-box > img {
        width: 3rem;
        height: 3rem;
        margin: 0.75rem auto 0.3125rem; }
      .nav-wrap__icon .icon-box:last-child {
        margin-right: 0; }
  .nav-wrap__menu-item {
    list-style: none; }
    .nav-wrap__menu-item.depth1 a {
      display: inline-block;
      width: 100%;
      height: 100%;
      padding: 0.75rem 1.5rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      color: #4c4c4c;
      position: relative;
      z-index: 0; }
      .nav-wrap__menu-item.depth1 a:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
        z-index: -1; }
      .nav-wrap__menu-item.depth1 a.is-active {
        color: #fff;
        padding-left: 2rem;
        -webkit-box-shadow: 0 6px 7px 4px rgba(0, 0, 0, 0.07);
                box-shadow: 0 6px 7px 4px rgba(0, 0, 0, 0.07); }
        .nav-wrap__menu-item.depth1 a.is-active:before {
          background-color: #1d1d1b; }
    .nav-wrap__menu-item.depth1:last-child {
      margin-bottom: 5.9375rem; }
  .nav-wrap__menu-item--ty1 {
    list-style: none; }
    .nav-wrap__menu-item--ty1 > a {
      position: relative;
      display: inline-block;
      font-size: 1rem;
      width: 100%;
      height: 100%;
      padding: 0.75rem 2rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      color: #1d1d1b; }
      .nav-wrap__menu-item--ty1 > a[data-acc-header]:before {
        content: "";
        display: block;
        clear: both;
        position: absolute;
        top: 50%;
        right: 1.5rem;
        width: 1.25rem;
        height: 1.25rem;
        background: url(../../images/mobile/common/ico_arrow_black.svg) 50% 50% no-repeat;
        -webkit-transform: translateY(-50%) rotate(90deg);
                transform: translateY(-50%) rotate(90deg);
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
      .nav-wrap__menu-item--ty1 > a.is-active {
        font-weight: bold;
        background-color: transparent;
        -webkit-box-shadow: none;
                box-shadow: none;
        color: #1d1d1b; }
        .nav-wrap__menu-item--ty1 > a.is-active[data-acc-header]:before {
          -webkit-transform: translateY(-50%) rotate(-90deg);
                  transform: translateY(-50%) rotate(-90deg); }
        .nav-wrap__menu-item--ty1 > a.is-active[data-acc-header]:after {
          -webkit-transition: -webkit-transform 0.3s;
          transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
          transition: transform 0.3s, -webkit-transform 0.3s;
          -webkit-transform: scaleX(1);
                  transform: scaleX(1); }
      .nav-wrap__menu-item--ty1 > a:after {
        -webkit-transition: -webkit-transform 0.2s;
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s;
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 0 1.5rem;
        width: calc(100% - 3rem);
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
        padding: 0;
        height: 1px;
        background-color: #1d1d1b; }
  .nav-wrap__menu-item--ty2 {
    list-style: none; }
    .nav-wrap__menu-item--ty2:first-child {
      margin-top: 1rem; }
    .nav-wrap__menu-item--ty2 a {
      display: inline-block;
      font-size: 0.875rem;
      width: 100%;
      height: 100%;
      padding: 0.75rem 2rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      color: #707070; }
      .nav-wrap__menu-item--ty2 a.is-active {
        font-weight: bold;
        color: #1d1d1b;
        background-color: transparent;
        -webkit-box-shadow: none;
                box-shadow: none; }
  .nav-wrap__menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: calc(100% - 13.4375rem); }
  .nav-wrap__menu-main {
    padding-top: 1rem;
    width: 8.125rem;
    background-color: #f9f9f9;
    overflow: auto; }
  .nav-wrap__menu-sub {
    padding-top: 1rem;
    padding-bottom: 1rem;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    overflow: auto; }
    .nav-wrap__menu-sub .nav-wrap__menu-sub {
      padding-top: 0; }
  .nav-wrap__menu-download {
    position: absolute;
    bottom: 0;
    font-size: 0.8125rem;
    color: #4c4c4c;
    width: 8.125rem; }
    .nav-wrap__menu-download:before {
      content: '';
      width: 8.125rem;
      height: 0.9375rem;
      display: block;
      background: -webkit-gradient(linear, left bottom, left top, from(#f9f9f9), to(rgba(249, 249, 249, 0)));
      background: linear-gradient(to top, #f9f9f9, rgba(249, 249, 249, 0)); }
    .nav-wrap__menu-download > a {
      padding: 0.625rem 1.5rem;
      display: block;
      background-color: #f9f9f9; }
    .nav-wrap__menu-download img {
      width: 2rem;
      height: 2rem;
      margin-bottom: 0.5rem;
      display: block; }
  .nav-wrap .depth2 {
    display: none; }

.nav-dim {
  content: '';
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.8s cubic-bezier(0.5, 0, 0.75, 0);
  transition: opacity 0.8s cubic-bezier(0.5, 0, 0.75, 0);
  z-index: 98; }
  .nav-dim.is-active {
    opacity: 0.6;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }

.main-gnb {
  position: relative; }
  .main-gnb .nav-depth--one {
    padding: 0.52rem 0.25rem;
    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;
    overflow-x: auto;
    position: relative; }
    .main-gnb .nav-depth--one::-webkit-scrollbar {
      display: none; }
    .main-gnb .nav-depth--one > li {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }

/*       .main-gnb .nav-depth--one > li:before {
        content: '';
        border-right: 1px solid #dddddd;
        height: 0.625rem;
        display: inline-block;
        position: absolute;
        top: 1.1875rem; }
      .main-gnb .nav-depth--one > li:first-child:before {
        content: none; } */

      .main-gnb .nav-depth--one > li > a {
        font-size: 0.875rem;
        font-weight: 500;
        padding: 0.3125rem 0.8125rem;
        color: #4c4c4c;
        display: inline-block;
        text-align: center;
        width: 100%;
        position: relative;
        opacity: 0.5; }
        .main-gnb .nav-depth--one > li > a.is-active {
          opacity: 1; }
          .main-gnb .nav-depth--one > li > a.is-active:after {
            content: '';
            position: absolute;
            width: calc(100% - 1.8rem);
            height: 0.125rem;
            left: 50%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            bottom: 0;
            background-color: #000; }
  .main-gnb .nav-container-two.is-active {
    display: block; }
  .main-gnb .nav-depth--two {
    display: none;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: auto;
    width: calc(100vw - 0rem);
    left: 0;
    padding: 0.5rem 0.875rem;
    background-color: #fff; }
    .main-gnb .nav-depth--two::-webkit-scrollbar {
      display: none; }
    .main-gnb .nav-depth--two.is-active {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .main-gnb .nav-depth--two > li {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      margin-right: 0.4375rem; }
      .main-gnb .nav-depth--two > li:last-child {
        margin-right: 0; }
      .main-gnb .nav-depth--two > li > a {
        padding: 0.5rem 0.6125rem;
        background-color: #fff;
        border-radius: 1.3125rem;
        border: 1px solid #e8e8e8;
        color: #4c4c4c;
        height: 2.5rem;
        display: inline-block;
        font-size: 0.875rem;
        font-weight: 500; }
        .main-gnb .nav-depth--two > li > a.is-active {
          background-color: #1d1d1b;
          color: #fff; }
  .main-gnb .nav-container-three {
    background-color: rgba(237, 237, 237, 0.4);
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    position: relative;
    width: 100%;
    bottom: 0; }
  .main-gnb .nav-depth--three {
    display: none;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 1.0625rem;
    overflow-x: auto; }
    .main-gnb .nav-depth--three.is-active {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .main-gnb .nav-depth--three::-webkit-scrollbar {
      display: none; }
    .main-gnb .nav-depth--three > li {
      padding: 0 0.8125rem;
      position: relative;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none; }
      .main-gnb .nav-depth--three > li:first-child:before {
        content: none; }
      .main-gnb .nav-depth--three > li:before {
        content: '';
        border-right: 1px dashed #dddddd;
        height: 1.125rem;
        display: inline-block;
        position: absolute;
        top: 1.0625rem;
        left: 0; }
      .main-gnb .nav-depth--three > li > a {
        padding: 1rem 0;
        font-size: 0.8125rem;
        color: #999;
        display: inline-block;
        font-weight: 500; }
        .main-gnb .nav-depth--three > li > a.is-active {
          font-weight: bold;
          color: #1d1d1b; }

.game-wrap {
  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;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  .game-wrap .ars-info {
    position: relative;
    margin-top: 2rem;
    background-color: #f9f9f9;
    border-radius: 0.5rem;
    padding: 1rem; }
    .game-wrap .ars-info .c-tooltip-box {
      left: 0;
      top: 2.5rem; }
    .game-wrap .ars-info__head {
      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; }
  .game-wrap.start-game {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
    .game-wrap.start-game .game-container {
      margin-top: -2rem;
      margin-bottom: 2rem;
      overflow: hidden; }
      .game-wrap.start-game .game-container .game-area {
        display: block; }
    .game-wrap.start-game .game-ready {
      display: none; }
  .game-wrap .game-ready {
    text-align: center;
    background-color: #eaeaea;
    height: 100%;
    width: 100%; }
    .game-wrap .game-ready .wait-message {
      margin-right: 8.5rem;
      width: 9.375rem; }
    .game-wrap .game-ready .wait-icon {
      margin-top: -1.875rem;
      width: 5.5rem; }
  .game-wrap .game-container {
    margin-top: 2.5rem;
    margin-left: -1.25rem;
    margin-bottom: -2rem;
    position: relative;
    height: 16.4375rem;
    width: calc(100% + 2.5rem);
    text-align: left; }
    .game-wrap .game-container .game-over-cover {
      display: none;
      position: absolute;
      pointer-events: none;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: #f5f5f5;
      opacity: 0;
      z-index: 1;
      -webkit-transform: scale(1.5);
              transform: scale(1.5);
      -webkit-transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
      transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
      transition: opacity 0.5s, transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
      transition: opacity 0.5s, transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); }
      .game-wrap .game-container .game-over-cover.show {
        opacity: 0.9;
        -webkit-transform: scale(1);
                transform: scale(1);
        pointer-events: auto; }
      .game-wrap .game-container .game-over-cover .game-over-txt {
        width: 10.9375rem;
        height: 2rem;
        margin: 5.75rem auto; }
        .game-wrap .game-container .game-over-cover .game-over-txt img {
          width: 100%; }
        .game-wrap .game-container .game-over-cover .game-over-txt .reset_button {
          width: 4.5625rem;
          height: 1.25rem;
          background: url(../../images/mobile/game/reset_text.png) 50% 50% no-repeat;
          background-size: 100% 100%;
          margin: 0 auto;
          margin-top: 1.5rem;
          display: block; }
    .game-wrap .game-container .game-score-current {
      position: absolute;
      left: 0.625rem;
      top: 0.625rem;
      width: 16.375rem;
      height: 1.375rem;
      background: url(../../images/mobile/game/score_text.png) 0 50% no-repeat;
      background-size: 3.875rem 1.375rem;
      font-size: 1rem;
      font-weight: bold;
      padding-left: 4.0625rem;
      z-index: 2; }
    .game-wrap .game-container .game-score-high {
      position: absolute;
      right: 0.625rem;
      top: 0.75rem;
      color: #999;
      font-size: 0.875rem;
      z-index: 2; }
    .game-wrap .game-container .game-area {
      display: none; }

#fps {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0; }

.c-step-box {
  counter-reset: step 0; }
  .c-step-box.no-count li {
    background-color: #f2f8fa;
    padding: 1.25rem; }
    .c-step-box.no-count li::before {
      content: none; }
  .c-step-box li {
    position: relative;
    padding: 1.5rem 2.5rem;
    text-align: center;
    background-color: #f4f7f8;
    border-radius: 1rem; }
    .c-step-box li .img {
      width: 16.5rem;
      margin: 0 auto; }
      .c-step-box li .img img {
        width: 100%; }
    .c-step-box li + li {
      margin-top: 1rem; }
    .c-step-box li::before {
      counter-increment: step;
      content: "STEP " counter(step);
      position: relative;
      color: #008080;
      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: 0 auto;
      width: 3.75rem;
      height: 1.875rem;
      font-size: 0.6875rem;
      border: 2px solid #008080;
      text-align: center;
      border-radius: 1.125rem; }

.fee-list-wrap dl[class^='fee-item--type'] {
  padding: 1rem 0; }
  .fee-list-wrap dl[class^='fee-item--type'] .fee-title {
    float: left;
    font-size: 0.875rem;
    color: #bfbfbf; }
  .fee-list-wrap dl[class^='fee-item--type'] .fee-charge {
    text-align: right;
    font-size: 0.875rem;
    color: #707070; }
  .fee-list-wrap dl[class^='fee-item--type']:not(:last-child) {
    border-bottom: 1px solid #e8e8e8; }
  .fee-list-wrap dl[class^='fee-item--type']:first-child {
    padding: 0 0 1rem; }
  .fee-list-wrap dl[class^='fee-item--type']:last-child {
    padding: 1rem 0 0; }
  .fee-list-wrap dl[class^='fee-item--type'] dd.fee-charge + dd.fee-subs {
    margin-top: 0.5rem; }
  .fee-list-wrap dl[class^='fee-item--type'] .fee-sub-item:not(:last-child) {
    margin-bottom: 0.625rem; }
  .fee-list-wrap dl[class^='fee-item--type'] .fee-sub-item .fee-sub-title {
    position: relative;
    font-size: 0.8125rem;
    line-height: 1;
    display: block;
    float: left;
    color: #bfbfbf;
    padding-left: 0.4375rem; }
    .fee-list-wrap dl[class^='fee-item--type'] .fee-sub-item .fee-sub-title:before {
      content: '';
      position: absolute;
      display: block;
      width: 3px;
      top: 50%;
      left: 0;
      border-bottom: 1px solid #bfbfbf; }
  .fee-list-wrap dl[class^='fee-item--type'] .fee-sub-item .fee-sub-charge {
    font-size: 0.8125rem;
    line-height: 1;
    display: block;
    color: #bfbfbf;
    text-align: right; }
    .fee-list-wrap dl[class^='fee-item--type'] .fee-sub-item .fee-sub-charge.c-black {
      color: #707070; }

.fee-list-wrap dl.fee-item--type2 .fee-title {
  font-size: 1rem;
  font-weight: bold;
  color: #1d1d1b; }

.fee-list-wrap dl.fee-item--type2 .fee-charge {
  font-size: 1rem;
  font-weight: bold;
  color: #1d1d1b; }

.c-input-wrap #strPwdNumInsert {
	height: 3rem;
	padding: 0 0.625rem; }

.c-input-wrap #strPwdNumInsert + .c-button--sm {
    padding: 0 0.5rem !important;
    border-radius: 0.5rem; }

.c-input-wrap #strPwdNumInsert::-webkit-input-placeholder {
	font-size: 0.75rem; }

input.no-border-input {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 0.8125rem;
  font-size: 0.8125rem;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
  input.no-border-input::-webkit-input-placeholder {
    color: #cccccc; }
  input.no-border-input::-moz-placeholder {
    color: #cccccc; }
  input.no-border-input:-ms-input-placeholder {
    color: #cccccc; }
  input.no-border-input::-ms-input-placeholder {
    color: #cccccc; }
  input.no-border-input::placeholder {
    color: #cccccc; }
  input.no-border-input:focus {
    outline: none; }

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

.banner-title {
  width: auto;
  height: 1.5625rem; }
  .banner-title img {
    width: auto;
    height: 100%; }

.swiper-main-sw-event-banner {
  width: 100%; }
  .swiper-main-sw-event-banner .swiper-wrapper {
    width: 100%;
    height: auto; }
  .swiper-main-sw-event-banner .swiper-slide {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
    .swiper-main-sw-event-banner .swiper-slide img {
      width: 100%; }
  .swiper-main-sw-event-banner .swiper-pagination {
    position: relative;
    top: 0; }
    .swiper-main-sw-event-banner .swiper-pagination .swiper-pagination-bullet {
      width: 0.3125rem;
      height: 0.3125rem;
      background-color: #1d1d1b; }

.swiper-main-sw-event-banner-item {
  height: auto; }
  .swiper-main-sw-event-banner-item img {
    width: 100%; }

.cvs-m-wrap__image img {
  width: 100%;
  vertical-align: top;
  border: none;
  display: block; }

.cvs-m-wrap table {
  width: 100%; }

.cvs-m_notice {
  background-color: #323232;
  color: #f7f7f7;
  padding: 1.7rem; }
  .cvs-m_notice .list-c-y {
    color: #fff369; }
  .cvs-m_notice .list-s-square {
    list-style-type: square; }
  .cvs-m_notice .list-s-none {
    list-style: none;
    word-break: normal; }
  .cvs-m_notice ul li {
    margin: 6px 5px 0 1.2rem;
    line-height: 1.4; }

.product__title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.product__sub-text {
    font-size: 0.8125rem;
    color: #94a2a0;
    width: 100%;
    min-height: 0;
    max-height: 2.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: -0.875rem 0 1rem 0.75rem;
    padding: 0 0.375rem; }
.c-accordion__box.adsvc .c-accordion__head {
    flex-direction: column; }
.c-accordion--type1 .c-accordion__box.adsvc .c-accordion__button {
    padding-left: 0.8125rem; }

.product__text {
  text-align: right; }

.c-accordion__button.c-accordion__button__type2::after {
  top: 65%; }

.c-extraservice--box {
  line-height: 1.25rem; }
  .c-extraservice--box img {
    display: block;
    margin: 16px auto;
    width: 100%; }
  .c-extraservice--box strong,
  .c-extraservice--box strike {
    color: #008080; }
  .c-extraservice--box ol {
    color: #707070;
    font-size: 0.813rem; }
    .c-extraservice--box ol li {
      margin-top: 0.5rem;
      font-weight: normal; }
  .c-extraservice--box > ul {
    list-style: none;
    font-size: 0.875rem; }
    .c-extraservice--box > ul > li {
      margin-top: 1.3rem;
      color: #1d1d1b;
      font-weight: bold;
      position: relative;
      font-size: 0.875rem; }
      .c-extraservice--box > ul > li p {
        margin-top: 0.5rem;
        font-size: 0.813rem;
        font-weight: normal;
        color: #707070; }
      .c-extraservice--box > ul > li ul {
        list-style: none; }
        .c-extraservice--box > ul > li ul li {
          color: #707070;
          font-weight: normal;
          font-size: 0.813rem;
          margin-top: 0.5rem;
          padding-left: 0.438rem;
          position: relative; }
          .c-extraservice--box > ul > li ul li::before {
            content: '';
            display: block;
            clear: both;
            position: absolute;
            top: 0.625rem;
            left: 0;
            width: 0.25rem;
            height: 0.0625rem;
            border-radius: 50%;
            background: #707070; }
      .c-extraservice--box > ul > li:first-child {
        margin-top: 0; }
  .c-extraservice--box .none--before {
    padding-left: 0; }
    .c-extraservice--box .none--before::before {
      display: none; }

.extraservice__table {
  width: 100%;
  overflow-x: auto; }
  .extraservice__table table {
    position: relative;
    border-collapse: collapse;
    table-layout: fixed;
    border-top: 0.0625rem solid #ccc;
    border-bottom: 0.0625rem solid #ccc;
    overflow-x: auto;
    margin: 1rem 0 0.5rem;
    min-width: 100%; }
    .extraservice__table table caption {
      display: none; }
    .extraservice__table table th,
    .extraservice__table table td {
      min-height: 3.125rem;
      padding: 1rem;
      border-bottom: 0.0625rem solid #e8e8e8;
      border-left: 0.0625rem solid #e8e8e8;
      border-right: 0.0625rem solid #e8e8e8;
      text-align: center;
      font-size: 0.8125rem;
      font-weight: 400;
      vertical-align: middle; }
      .extraservice__table table th:first-child,
      .extraservice__table table td:first-child {
        border-left: 0; }
      .extraservice__table table th:last-child,
      .extraservice__table table td:last-child {
        border-right: 0; }
    .extraservice__table table th {
      background: #f9f9f9;
      color: #707070; }
    .extraservice__table table td {
      background: #fff;
      color: #707070; }
    .extraservice__table table > thead > tr > th {
      min-height: 3.125rem; }

.introduceimg_wrap img {
  width: 100%;
  vertical-align: bottom; }

.inquiry-box-wrap .c-heading--type4:first-child {
  margin-top: 0; }

.inquiry-box-wrap p {
  margin-top: 0.5rem; }
  .inquiry-box-wrap p + .add-depth {
    padding-left: 0.5rem; }

.inquiry-box-wrap .c-text-list__item {
  margin-top: 0.5rem !important; }

.combine-agree__content li p {
  margin-top: 0.5rem; }

.combine-agree__content li table {
  margin: 1rem 0; }

.top-banner {
  position: relative;
  width: 100%;
  top: 0;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
  height: 0; }
  .top-banner.is-active {
    height: auto; }
  .top-banner .top-banner-swiper {
    position: relative;
    width: 100%;
    padding-right: 2.5rem;
    overflow: hidden;
    z-index: 5; }
  .top-banner .swiper-wrapper {
    padding: 1.25rem 1.25rem 0.9375rem; }
  .top-banner .swiper-slide {
    width: calc(100% - 0.625rem); }
    .top-banner .swiper-slide img {
      display: block;
      width: 100%;
      height: auto;
      -o-object-fit: cover;
         object-fit: cover; }
  .top-banner .top-banner--close {
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 0.9375rem;
    right: 1.5625rem;
    padding: 0.9375rem;
    background: rgba(255, 255, 255, 0);
    z-index: 7; }

.main-swiper {
  position: relative;
  overflow: hidden; }
  .main-swiper .effect-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
    z-index: -1;
    border-radius: 50%; }
    .main-swiper .effect-bg.is-active {
      opacity: 1;
      -webkit-transform: scale(1.5);
              transform: scale(1.5);
      -webkit-transition: opacity 1s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
      transition: opacity 1s, -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
      transition: opacity 1s, transform 1s cubic-bezier(0.25, 1, 0.5, 1);
      transition: opacity 1s, transform 1s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1); }
  .main-swiper .swiper-container {
    position: relative;
    width: 100%;
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
    -webkit-transition: background-color 0.6s;
    transition: background-color 0.6s; }
  .main-swiper .event-date {
    font-size: 0.9375rem;
    font-weight: 400;
    margin-top: 0.375rem;
    position: absolute;
    bottom: 2.1875rem;
    color: #1d1d1b;
    text-align: center;
    width: auto;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%; }
    .main-swiper .event-date:after {
      content: '';
      width: 100%;
      height: 1px;
      border-bottom: 1px solid;
      display: inline-block;
      position: absolute;
      left: 0;
      bottom: -0.125rem; }
  .main-swiper .swiper-slide {
    position: relative; }
    .main-swiper .swiper-slide a {
      display: block; }
    .main-swiper .swiper-slide img {
      width: 100%;
      height: auto;
      vertical-align: top; }
  .main-swiper .swiper-controls-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-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    margin-top: 1rem;
    width: 100%;
    height: 1.875rem;
    text-align: center; }
    .main-swiper .swiper-controls-wrap .swiper-controls {
      position: relative;
      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: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10rem;
      height: 1.875rem; }
    .main-swiper .swiper-controls-wrap .swiper-button-next {
      margin-top: 0;
      top: 0;
      right: 2.5rem;
      width: 1.75rem;
      height: 1.75rem;
      background: url(../../images/mobile/common/ico_swiper_next.svg) no-repeat 50% 50%;
      background-size: cover; }
    .main-swiper .swiper-controls-wrap .swiper-button-prev {
      margin-top: 0;
      top: 0;
      width: 1.75rem;
      height: 1.75rem;
      background: url(../../images/mobile/common/ico_swiper_prev.svg) no-repeat 50% 50%;
      background-size: cover; }
    .main-swiper .swiper-controls-wrap .swiper-pagination {
      margin-top: 0;
      position: relative;
      font-size: 1.25rem;
      width: 2rem; }
      .main-swiper .swiper-controls-wrap .swiper-pagination.swiper-pagination-fraction {
        bottom: 0;
        margin-left: -1.5rem; }
      .main-swiper .swiper-controls-wrap .swiper-pagination .swiper-pagination-current {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 0.75rem;
        margin-bottom: 0.5rem;
        color: #1d1d1b;
        margin-top: rem-clac(-6);
        width: 1rem;
        text-align: right;
        margin-left: -0.5rem; }
      .main-swiper .swiper-controls-wrap .swiper-pagination .swiper-pagination-total {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 0.625rem;
        margin-top: 0.5rem;
        color: #707070; }
    .main-swiper .swiper-controls-wrap .swiper-button-pause {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      left: auto;
      width: 1.75rem;
      height: 1.75rem;
      background: url(../../images/mobile/common/ico_swiper_pause.svg) no-repeat 50% 50%;
      background-size: cover;
      margin: 0 0.375rem; }
      .main-swiper .swiper-controls-wrap .swiper-button-pause.is-show {
        display: block; }
    .main-swiper .swiper-controls-wrap .swiper-button-play {
      position: absolute;
      top: 0;
      right: 0;
      left: auto;
      width: 1.75rem;
      height: 1.75rem;
      background: url(../../images/mobile/common/ico_swiper_play.svg) no-repeat 50% 50%;
      background-size: cover;
      margin: 0 0.375rem;
      display: none; }
      .main-swiper .swiper-controls-wrap .swiper-button-play.is-show {
        display: block; }
    .main-swiper .swiper-controls-wrap .event-info {
      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;
      position: absolute;
      bottom: 1.625rem;
      width: 100%;
      font-size: 1.125rem;
      font-weight: 500;
      line-height: 1.6875rem;
      color: #fff;
      text-align: center; }
      .main-swiper .swiper-controls-wrap .event-info .event-headline {
        font-size: 1.125rem;
        font-weight: 500; }
      .main-swiper .swiper-controls-wrap .event-info .event-date {
        font-size: 0.6875rem;
        font-weight: 500;
        margin-top: 0.75rem; }

.main-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow-x: auto;
  padding: 0 1.25rem;
  margin: 1.875rem 1rem 4.375rem 1rem;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }
  .main-service::-webkit-scrollbar {
    display: none; }

.c-item-col {
  text-align: center;
  margin: 0 auto; }
  .c-item-col .c-box--circle {
    margin: 1.875rem 0.125rem 0.75rem;
    width: 5rem;
    height: 5rem; }
    .c-item-col .c-box--circle img {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%; }
  .c-item-col .c-in--title {
    font-size: 0.8125rem;
    font-weight: 500; }

.main-bs .c-modal__content {
  background-color: transparent; }

.main-bs .u-img-full {
  border-radius: 1.875rem 1.875rem 0 0;
  overflow: hidden; }

.main-bs__footer {
  background-color: #fff;
  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: 1.875rem 2.125rem; }

.survey {
  position: relative;
  padding: 1.875rem 1.25rem 1.625rem;
  border: 1px solid #00c0aa;
  border-radius: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 4.375rem; }
  .survey__actor {
    position: absolute;
    right: 0;
    top: 0;
    height: 5.625rem;
    overflow: hidden; }
  .survey__actor-ani {
    position: relative;
    width: 11.25rem;
    right: -1.125rem;
    top: 0.75rem; }
  .survey .swiper-pagination {
    -webkit-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
    left: 50%;
    bottom: 4.6875rem; }
    .survey .swiper-pagination .swiper-pagination-bullet {
      width: 0.3125rem;
      height: 0.3125rem;
      margin: 0 0.1875rem;
      background-color: #1d1d1b; }
  .survey__head {
    position: relative;
    height: 1.75rem; }
  .survey__head-title {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin-top: -0.25rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1.5rem;
    font-weight: bold; }

  .survey__head-title.question {
    margin-top: 3rem;
    font-size: 1.25rem;
    color: #008080; }

  .survey__content {
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    transition: height 0.5s cubic-bezier(0.25, 1, 0.5, 1); }
  .survey .survey-list__item {
    padding-top: 3rem;
    padding-bottom: 0.5rem; }
    .survey .survey-list__item.is-active {
      display: block; }
    .survey .survey-list__item .c-radio--button + .c-label {
      font-weight: bold;
      font-size: 0.9375rem;
      border-color: #dddddd;
      color: #1d1d1b; }
      .survey .survey-list__item .c-radio--button + .c-label::before {
        background: url(../../images/mobile/common/ico_checkmark_light-gray.svg) no-repeat 50% 50%; }
    .survey .survey-list__item .c-radio--button:checked + .c-label {
      border-color: #00c0aa;
      color: #00c0aa; }
      .survey .survey-list__item .c-radio--button:checked + .c-label::before {
        background: url(../../images/mobile/common/ico_checkmark_checked.svg) no-repeat 50% 50%; }
	.survey-list__item p {
		margin-bottom: 0.75rem !important; }

.survey .survey-list__item .c-check-wrap {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.5rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

.survey .survey-list__item .c-check-wrap .c-chk-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    width: 48%; }

.survey .survey-list__item .c-check-wrap .c-chk-wrap .c-radio--button + .c-label {
    margin-right: 0; }

.events-list-close {
  display: inline-block; }

.main-event-badge {
  display: inline-block;
  position: fixed;
  left: 0;
  vertical-align: middle;
  width: 4.375rem;
  height: 3.125rem;
  background: url(../../images/mobile/common/ico_main_event_badge.svg) no-repeat;
  background-position: -1.5rem -2.875rem;
  z-index: 10;
  top: 50%;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s; }
  .main-event-badge.is-active {
    -webkit-transform: translateX(0);
            transform: translateX(0); }

.main-banner-badge {
  position: absolute;
  top: 10.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3.9375rem;
  border-radius: 6.25rem 0 0 6.25rem;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 0.25rem 1.25rem 0.25rem 0.375rem;
  z-index: 5;
  right: 0; }

.main-close-badge {
  position: fixed;
  top: 10.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3.9375rem;
  z-index: 15;
  right: -1.4375rem; }

/**
* 혜택안내 스타일
*/
.benefit-info-box .benefit-list li {
  margin-top: 0.75rem; }
  .benefit-info-box .benefit-list li img {
    width: 100%;
    height: auto; }

/**
* 사용후기 스타일
*/
.review-info-box {
  overflow: hidden; }
  .review-info-box .review-info-box__title {
    padding-left: 1.25rem; }

.main-review-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  width: 100%;
  padding: 0 1.25rem 1rem 0;
  white-space: nowrap; }
  .main-review-list::-webkit-scrollbar {
    display: none; }
  .main-review-list li.reivew-item {
    position: relative;
    display: inline-block;
    text-align: left;
    width: 17.5rem;
    padding: 0 1.25rem;
    vertical-align: top; }

.main-review-list li.reivew-item::after {
    content: "";
    display: block;
    position: absolute;
    border-right: 0.0625rem dashed #dbdbdb;
    height: 100%;
    top: 0;
    right: 0; }

.main-review-list li.reivew-item:last-child::after {
    border:none;}

  .main-review-list .review-item__title {
    font-size: 0.875rem;
    font-weight: 700;
    color: #1d1d1b; }
  .main-review-list .review-item__content {
    color: #4c4c4c;
    font-size: 0.8125rem;
    margin-top: 0.375rem; }
  .main-review-list .ellipsis {
    width: 15rem;
    height: 4.625rem;
    white-space: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; }

  .main-review-list .review-summary__question {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;
    overflow: hidden;
    text-overflow: ellipsis; }

  .main-review-list .reivew-item__img {
    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: 15rem;
    height: 8.4375rem;
    overflow: hidden;
    border-radius: 0.5rem; }
    .main-review-list .reivew-item__img img {
      width: 15rem;
   	  height: auto;
      border-radius: 0.5rem;
      overflow: hidden; }
    .main-review-list .reivew-item__img .img-count {
      position: absolute;
      top: 1rem;
      right: 1rem;
      display: inline-block;
      z-index: 2; }
  .main-review-list .review-item__info {
    margin-top: 1rem;
    font-size: 0.75rem;
    font-weight: 500; }
/**
* M쇼핑할인 사용후기 스타일
*/
  .review-section {
      display: none;
      background-color: #ebeff8;
      padding: 2.812rem 0;
  }
  .review-title {
      display: flex;
      width: 500px;
      align-items: center;
      gap: 10px;
      padding: 0 1.25rem;
  }
  .mcash-btn {
      padding: 0.6rem 1.1rem;
      margin-left: 0.1rem;
      font-size: 0.6rem;
      font-weight: 500;
      border-radius: 1.25rem;
      background: #fff;
      color: #5a5a5a;
  }
.category-list {
  margin-top: 0.375rem; }
  .category-list .category {
    font-size: 0.75rem;
    font-weight: 500;
    color: #ff5100;
    border-radius: 0.25rem;
    border: 0.5px solid #fab74b;
    padding: 0.125rem 0.375rem; }

.link-menu-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  .link-menu-box li a {
    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;
    color: #707070;
    font-size: 0.75rem; }
  .link-menu-box strong {
    width: 3.625rem;
    height: 3.625rem;
    margin-bottom: 0.625rem;
    border-radius: 50%;
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .link-menu-box img {
    width: 2.5rem;
    height: 2.5rem; }

.main-bottom-banner {
  padding: 0 !important; }
  .main-bottom-banner .loading.swiper-container {
    background-color: rgba(255, 255, 255, 0.1); }
    .main-bottom-banner .loading.swiper-container .pagination-num {
      display: none; }
    .main-bottom-banner .loading.swiper-container .swiper-slide img {
      opacity: 0; }
    .main-bottom-banner .loading.swiper-container:after {
      content: 'LOADING...';
      color: rgba(255, 255, 255, 0.7);
      font-size: 0.6875rem;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
  .main-bottom-banner .loading .swiper-wrapper {
    height: 17.8125rem; }
  .main-bottom-banner .swiper-slide {
    -webkit-transform: translateZ(0);
            transform: translateZ(0); }
    .main-bottom-banner .swiper-slide img {
      -webkit-transition: opacity 0.4s;
      transition: opacity 0.4s;
      opacity: 1; }
  .main-bottom-banner .pagination-num {
    display: inline-block;
    position: absolute;
    right: 3.75rem;
    top: 1.5625rem;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: 0.125rem;
    height: 0; }
    .main-bottom-banner .pagination-num:after {
      content: '';
      display: inline-block;
      width: 1px;
      height: 0.75rem;
      background-color: rgba(255, 255, 255, 0.6);
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
      right: 2.875rem;
      top: 0.125rem;
      position: absolute; }
    .main-bottom-banner .pagination-num .cur {
      position: absolute;
      right: 3.25rem;
      text-align: right;
      width: 1rem;
      margin-left: -0.5rem; }
    .main-bottom-banner .pagination-num .total {
      position: absolute;
      right: 2rem;
      opacity: 0.6; }
    .main-bottom-banner .pagination-num:before {
      content: '';
      position: absolute;
      background-color: rgba(0, 0, 0, 0.4);
      border-radius: 1.25rem;
      right: 1.25rem;
      top: -0.25rem;
      padding: 0.75rem 1.6875rem; }

.banner-ani-full {
  padding: 2.8125rem 1.25rem 2.5rem;
  height: 9.375rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.07);
          box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.07); }
  .banner-ani-full .ani-banner {
    border-radius: 0.5rem;
    position: relative;
    height: 100%; }
    .banner-ani-full .ani-banner__title {
      font-size: 0.75rem;
      padding: 0.875rem 0 0 1.3125rem;
      color: #fff; }
    .banner-ani-full .ani-banner__s-title {
      font-size: 0.875rem;
      padding: 0.1875rem 0 0 1.3125rem;
      color: #fff;
      font-weight: bold; }
    .banner-ani-full .ani-banner__content {
      position: absolute;
      right: -0.9375rem;
      top: -3.3125rem;
      width: 10.3125rem; }

#mcashTopBanner.swiper-banner {
    margin: 1rem -1.25rem 2rem;
    background-color: #002060; }

#mcashTopBanner .swiper-container {
    height: 3.25rem; }

#mcashTopBanner .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3.25rem;
    padding: 0 1.25rem;
 	font-size: 0.875rem;
  	font-weight: 500;
    color: #fff;
	background: #002060; }

#mcashTopBanner .swiper-slide span {
	color: #ffff00; }

#mcashTopBanner .swiper-slide .swiper-slide__text {
     max-height: 2.5rem;
     overflow: hidden; }

.animation_wrap {
  width: 100%;
  font-size: 0; }

.main-panel.is-deactive {
  opacity: 0; }

.main-events-panel {
  overflow: hidden;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background: #fff;
  padding: 0 1.25rem;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  transition: -webkit-transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.75s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.75s cubic-bezier(0.16, 1, 0.3, 1); }
  .main-events-panel.slide-in {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .main-events-panel.is-active {
    position: relative;
    padding: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    overflow: inherit; }

.events-cover {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 20;
  opacity: 0;
  display: none;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }
  .events-cover.is-active {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
    .events-cover.is-active.fade-out {
      opacity: 0; }

.ly-content .main-close-badge {
  display: none; }

.ly-content.active-event {
  overflow: inherit; }
  .ly-content.active-event .main-event-badge {
    display: none; }
  .ly-content.active-event .main-banner-badge {
    display: none; }
  .ly-content.active-event .main-close-badge {
    display: block; }

.text-w--bold {
  font-weight: 500; }

.text-c--mint {
  color: #008080; }
  .text-c--mint:before {
    background-color: #008080 !important; }

.c-box--product {
  font-size: 0.8125rem; }
  .c-box--product ul {
    position: relative;
    font-size: 0.8125rem;
    color: #707070; }
    .c-box--product ul li {
      position: relative;
      margin-top: 0.5rem;
      padding-left: 0.5rem;
      /* &:nth-child(1),
      &:nth-child(2) {
        color: #008080;
        &:before {
          background: #008080;
        }
      } */ }
      .c-box--product ul li:before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 0.375rem;
        left: 0;
        width: 0.25rem;
        height: 0.25rem;
        border-radius: 50%;
        background: #d8d8d8; }
      .c-box--product ul li ul li {
        color: #707070 !important; }
        .c-box--product ul li ul li:before {
          content: none; }
  .c-box--product p {
    color: #707070;
    margin-top: 0.5rem; }
    .c-box--product p.inner {
      padding-left: 0.5rem; }
    .c-box--product p.inner__type2 {
      padding-left: 1rem; }
  .c-box--product br {
    margin-top: 0.5rem; }

.c-product--box .title {
  margin: 1.5rem 0 1rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #1d1d1b; }
  .c-product--box .title img {
    height: 1.75rem; }

.c-product--box ol {
  position: relative;
  font-size: 0.8125rem;
  color: #707070; }
  .c-product--box ol li {
    position: relative;
    margin-top: 0.5rem;
    padding-left: 0.5rem; }
    .c-product--box ol li:before {
      content: '';
      display: block;
      clear: both;
      position: absolute;
      top: 0.375rem;
      left: 0;
      width: 0.25rem;
      height: 0.25rem;
      border-radius: 50%;
      background: #d8d8d8; }
    .c-product--box ol li.em-list em {
      color: #1d1d1b; }
    .c-product--box ol li.em-list:before {
      background: #1d1d1b; }
    .c-product--box ol li.em-list > ul li {
      color: #707070; }
    .c-product--box ol li ol,
    .c-product--box ol li ul {
      margin-top: 0.5rem; }
      .c-product--box ol li ol li::before,
      .c-product--box ol li ul li::before {
        content: none; }

.c-product--box .img {
  margin-top: 1.25rem;
  margin-left: -1rem; }
  .c-product--box .img img {
    width: 100%; }

.c-product--box .info_list_table {
  width: 100%;
  overflow-x: auto; }
  .c-product--box .info_list_table table {
    position: relative;
    border-collapse: collapse;
    table-layout: fixed;
    border-top: 0.0625rem solid #ccc;
    border-bottom: 0.0625rem solid #ccc;
    overflow-x: auto;
    margin: 1rem 0 0.5rem;
    min-width: 100%; }
    .c-product--box .info_list_table table tbody tr:last-child th,
    .c-product--box .info_list_table table tbody tr:last-child td {
      border-bottom: 0; }
    .c-product--box .info_list_table table th,
    .c-product--box .info_list_table table td {
      min-height: 3.125rem;
      padding: 1rem;
      border-bottom: 0.0625rem solid #e8e8e8;
      border-left: 0.0625rem solid #e8e8e8;
      border-right: 0.0625rem solid #e8e8e8;
      text-align: center;
      font-size: 0.8125rem;
      font-weight: 400;
      vertical-align: middle; }
      .c-product--box .info_list_table table th:first-child,
      .c-product--box .info_list_table table td:first-child {
        border-left: 0; }
      .c-product--box .info_list_table table th:last-child,
      .c-product--box .info_list_table table td:last-child {
        border-right: 0; }
    .c-product--box .info_list_table table th {
      background: #f9f9f9;
      color: #707070; }
    .c-product--box .info_list_table table td {
      background: #fff;
      color: #707070; }
    .c-product--box .info_list_table table > thead > tr > th {
      min-height: 3.125rem; }

.c-product--box .hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%); }

.c-product--box p {
  margin-top: 0.5rem;
  font-size: 0.8125rem; }

.giftyshow-list {
  margin-top: 2rem; }
  .giftyshow-list li {
    display: inline-block;
    margin: 0.125rem;
    width: 3rem;
    height: rem-clac(48); }
    .giftyshow-list li img {
      width: 100%; }

.one-source {
  /* accordion */ }
  .one-source .c-accordion {
    width: 100%; }
    .one-source .c-accordion__head, .one-source .c-accordion .no-c-accordion__head, .c-accordion .one-source .no-c-accordion__head {
      position: relative;
      margin: 0;
      padding: 0;
      padding: 1.9375rem 1.25rem; }
    .one-source .c-accordion__button {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
      .one-source .c-accordion__button:after {
        content: "";
        display: block;
        clear: both;
        position: absolute;
        top: 50%;
        right: 1.25rem;
        width: 1.5rem;
        height: 1.5rem;
        background: url(../../images/mobile/common/ico_arrow_gray.svg) 50% 50% no-repeat;
        -webkit-transform: translateY(-50%) rotate(90deg);
                transform: translateY(-50%) rotate(90deg);
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
      .one-source .c-accordion__button.is-active::after {
        -webkit-transform: translateY(-50%) rotate(-90deg);
                transform: translateY(-50%) rotate(-90deg); }
    .one-source .c-accordion--os .c-expand--pop {
      margin-left: -1.25rem;
      margin-right: -1.25rem; }
    .one-source .c-accordion--os .c-accordion__button {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
    .one-source .c-accordion--os .c-accordion__item {
      border-bottom: 0.0625rem solid #eaeaea; }
    .one-source .c-accordion--os .c-accordion__head, .one-source .c-accordion--os .c-accordion .no-c-accordion__head, .c-accordion .one-source .c-accordion--os .no-c-accordion__head {
      padding: 1.25rem 0 1.25rem 2.625rem; }
    .one-source .c-accordion--os .question-label {
      position: absolute;
      top: 1.25rem;
      left: 0;
      min-width: 1.5625rem;
      margin-right: 0.75rem;
      background: #018786;
      border-radius: 0.625rem;
      font-size: 0.6875rem;
      color: #fff;
      font-weight: 700;
      line-height: 1.25rem;
      color: #fff;
      text-align: center; }
    .one-source .c-accordion--os .c-accordion__title {
      font-size: 1rem;
      line-height: 1.375rem;
      width: calc(100% - 50px);
      font-weight: 500; }
    .one-source .c-accordion--os .c-accordion__panel {
      font-size: 0.875rem;
      font-weight: 400;
      color: #4c4c4c, #f5f5f5, "faq-pannel text";
      background: #f5f5f5;
      margin-left: -1.25rem;
      margin-right: -1.25rem; }
    .one-source .c-accordion--os .c-accordion__inside {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      width: 100%;
      padding: 1rem 1rem;
      font-size: 0.9375rem;
      overflow-x: hidden; }
      .one-source .c-accordion--os .c-accordion__inside.box-normal {
        display: block;
        width: 100%;
        padding: 1.5rem 1.25rem;
        overflow-x: hidden; }
        .one-source .c-accordion--os .c-accordion__inside.box-normal .c-table.c-table--x-scroll {
          margin-right: -1.25rem; }

.chargeView .c-accordion--type1 .c-accordion__item .c-flex {
	padding: 1.879rem 0; }
.chargeView .c-accordion--type1 .c-accordion__item .c-accordion__head {
    padding: 1.875rem 0; }
.chargeView .c-accordion--type1 .c-accordion__item .c-accordion__button{
    padding: 0 1.75rem 0 0; }

.ly-content.chargeView .masking-badge-wrap {
	display: none; }

.ly-content.chargeView .masking-badge-wrap.chargeView {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.c-accordion.payway .c-accordion__button {
    font-size: 1.25rem;
    padding: 1rem 1.75rem 1rem 0; }

.c-accordion.payway .c-accordion__panel {
    margin: 0 -1.25rem; }

.c-accordion.payway .c-accordion__inside .c-table th, .c-accordion.payway .c-accordion__inside .c-table td {
    font-size: 0.75rem;
    padding: 0.8125rem 0.25rem; }

.c-accordion.payway .c-accordion__inside .c-table td {
	padding: 0.625rem 0.25rem; }

.c-accordion.payway .c-accordion__inside .c-table td .c-text-link--bluegreen-type2 {
    font-size: 0.75rem;
    font-weight: 400; }

.gift-tit {
	margin-top: 2.5rem;
	line-height: 1.4;
	font-weight: 500; }

.gift-tit--type2 {
	margin: 2.5rem 0 1rem;
	line-height: 1.4;
	font-size: 1.25rem;
	font-weight: 400; }

.gift-tit__sub {
	font-size: 0.875rem;
	color: #008080;
	margin-top: 1.250rem; }

.gift-hr {
	width: 100%;
    height: 0.0625rem;
    border: 0;
    border-bottom: 0.0625rem solid #e8e8e8;
    margin: 1.25rem 0 1.5rem 0; }

.gift-hr--type2 {
	width: 100%;
    height: 0.0625rem;
    border: 0;
    border-bottom: 0.0625rem solid #e8e8e8;
    margin: 1.875rem 0 3.125rem 0; }

.gift-free-wrap {
	margin-left: -1.25rem !important;
    margin-right: -1.25rem !important; }

.gift-free-tit {
	line-height: 1.4;
	font-weight: 500;
    margin: 0 1.25rem 1rem; }

.gift-free-list {
  position: relative;
  display: block;
  overflow-x: auto;
  width: 100%;
  padding-right: 1.25rem;
  margin-bottom: 1.875rem;
  white-space: nowrap; }

.gift-free-list::-webkit-scrollbar {
    display: none; }

.gift-free-item {
	width: 7.813rem;
    display: inline-block;
    border: 1px solid #eaeaea;
    border-radius: 0.4rem;
    margin-left: 0.5rem;
    vertical-align: top; }

.gift-free-item:first-child {
   margin-left: 1.25rem; }

.gift-free-img {
    text-align: center;
    padding: 0.6875rem 0 0.75rem;
    background-color: #f9f9f9;
    border-radius: 0.4rem 0.4rem 0 0; }

.gift-free-img img {
   width: 5.625rem;
   vertical-align: top; }

.gift-free-info {
    padding: 0.625rem 0.8125rem 0.625rem 0.625rem;
	height: 3.375rem; }

.gift-free-info p:not(.c-text-list) {
	font-size: 0.8125rem !important;
	color : #4c4c4c;
	letter-spacing: -0.038rem;
    position: relative;
    padding-left: 0.5rem;
    line-height: 1.4;
    overflow: hidden;
    word-break: break-all;
    white-space: break-spaces;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

.gift-free-info p:not(.c-text-list)::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0.4rem;
    left: 0;
    width: 0.188rem;
    height: 0.188rem;
    border-radius: 50%;
    background: #4c4c4c; }

.gift-pick-wrap {
	margin-left: -1.25rem !important;
    margin-right: -1.25rem !important; }

.gift-pick-tit {
	line-height: 1.4;
	font-weight: 500;
    margin: 0 1.25rem 1rem; }

.gift-pick-tit span {
  font-weight: 400; }

.gift-pick-list {
  position: relative;
  display: block;
  overflow-x: auto;
  width: 100%;
  padding-right: 1.25rem;
  margin-bottom: 2.188rem;
  white-space: nowrap; }

.gift-pick-list::-webkit-scrollbar {
  display: none; }

.gift-pick-item {
  width: 7.813rem;
  display: inline-block;
  border-radius: 0.4rem;
  margin-left: 0.5rem;
  vertical-align: top; }

.gift-pick-item:first-child {
  margin-left: 1.25rem; }

.gift-pick-img {
  text-align: center;
  padding: 0.875rem 0;
  border-radius: 0.4rem 0.4rem 0 0; }

.gift-pick-img img {
  width: 5.625rem;
  vertical-align: top; }

.gift-pick-info {
  padding: 0.688rem 0.813rem 0.625rem 0.813rem;
  height: 3.438rem; }

.gift-pick-info p:not(.c-text-list) {
  font-size: 0.8125rem !important;
  color: #4c4c4c;
  letter-spacing: -0.038rem;
  position: relative;
  padding-left: 1.125rem;
  line-height: 1.4;
  overflow: hidden;
  word-break: break-all;
  white-space: break-spaces;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.gift-pick-item .c-checkbox:focus + .c-label {
    outline: 0;
    outline-color: #006bdd; }

.gift-pick-item .c-checkbox:checked + .c-label {
    color: #4c4c4c;
    border: 1px solid #00c0aa; }

.gift-pick-item .c-checkbox + .c-label {
	width: 7.813rem;
    position: relative;
    display: inline-block;
    margin-right: 0;
    margin-bottom: 0;
    padding-left: 0rem;
    line-height: 1.5rem;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #4c4c4c;
    border-radius: 0.4rem;
    border: 1px solid #ccc; }

.gift-pick-item .c-checkbox + .c-label::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 8.66rem;
    left: 0.6rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem; }

.gift-pick-item .c-checkbox:checked + .c-label::before {
    background: url(../../images/mobile/common/ico_checkbox_checked.svg) no-repeat 50% 50%;
    background-size: 1rem; }
.gift-pick-item .c-checkbox + .c-label::before {
    background: url(../../images/mobile/common/ico_checkbox.svg) no-repeat 50% 50%;
    background-size: 1rem; }

.user-info__tit {
    font-size: 1.125rem;
    font-weight: 400;
    position: relative;
    display: block; }

.phone-line-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.75rem;
    position: relative; }

.phone-line {
	position: relative;
    width: 3rem;
    height: 2rem;
    margin-left: -0.5rem;
    margin-right: 0.75rem;
    background: url(../../images/mobile/common/ico_my_phone.svg) 50% 50% no-repeat; }

.phone-line__cnt {
    background: #00c0aa;
    color: #fff;
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.375rem;
    letter-spacing: 0.025rem;
    position: absolute;
    top: 0.1rem;
    right:-0.1rem; }

.phone-line-wrap select{
    width: 42%;
    box-sizing: border-box;
    font-size: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 1.75rem;
    border: 0;
    border-radius: initial;
    border-bottom: 2px solid #1d1d1b;
    position: relative;
    background: #fff url(../../images/mobile/common/ico_triangle_down.svg) no-repeat;
    background-position: 100% 50%;
    background-size: 1.125rem;
    padding: 0 0.5rem 0 0.25rem;
    color: #707070; }

.phone-line-box {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

.phone-line-box .phone-line-wrap {
	width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.75rem;
    position: relative; }

.phone-line-box .phone-line {
	position: relative;
    width: 3rem;
    height: 2rem;
    margin-left: -0.5rem;
    margin-right: 0.75rem;
    background: url(../../images/mobile/common/ico_my_phone.svg) 50% 50% no-repeat; }

.phone-line-box .phone-line__cnt {
    background: #00c0aa;
    color: #fff;
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.25rem;
    letter-spacing: 0.025rem;
    position: absolute;
    top: 0.1rem;
    right:-0.5rem; }

.phone-line-box .phone-line-wrap select{
    width: 100%;
    box-sizing: border-box;
    font-size: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 1.75rem;
    border: 0;
    border-radius: initial;
    border-bottom: 2px solid #1d1d1b;
    position: relative;
    background: #fff url(../../images/mobile/common/ico_triangle_down.svg) no-repeat;
    background-position: 100% 50%;
    background-size: 1.125rem;
    padding: 0 0.5rem 0 0.25rem;
    color: #707070; }

.phone-line-box .phone-line-wrap + select {
	width: 65%;
    box-sizing: border-box;
    font-size: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 1.75rem;
    border: 0;
    border-radius: initial;
    border-bottom: 2px solid #1d1d1b;
    position: relative;
    background: #fff url(../../images/mobile/common/ico_triangle_down.svg) no-repeat;
    background-position: 100% 50%;
    background-size: 1.125rem;
    padding: 0 0.5rem 0 0.25rem;
    color: #707070;
    margin-left: 0.5rem;
    margin-top: 0.75rem; }

.myinfo__tit {
	position: relative;
	margin-top: 2.5rem;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.myinfo__button-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -0.25rem; }

.myinfo__tit a, .myinfo__tit button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2rem;
    color: #00c0aa;
    font-weight: 500;
    font-size: 0.875rem; }

.myinfo__tit a:nth-of-type(n+2), .myinfo__tit button:nth-of-type(n+2) {
    margin-left: 0.25rem; }

.myinfo__tit a ~ button {
    margin-left: 0.25rem; }

.join-info__list {
	margin-top: 0.75rem !important;
    padding: 0.312rem 1.25rem;
    border-radius: 0.5rem;
    border: 0.0625rem solid #eaeaea; }
.join-info__list dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.75rem 0; }
.join-info__list dl ~ dl {
    border-top: 0.0625rem solid #e8e8e8; }
.join-info__list dt {
	width: 25%;
	font-size: 0.875rem;
    color: #707070; }
.join-info__list dd {
	width: 75%;
    font-size: 0.875rem;
    color: #4c4c4c; }

.month_bill {
	margin-top: 0.75rem !important; }

.month_bill .c-accordion--type2 .c-accordion__box {
    padding: 0 1.25rem;
    border: 0.0625rem solid #ddd;
    border-radius: 0.5rem; }
.month_bill .c-accordion--type2 .c-accordion__button {
    padding: 1.25rem 0;
    color: #707070;
    font-weight: 400;}
.month_bill .c-accordion--type2 .c-accordion__button:after {
    right: 0;
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/mobile/common/ico_arrow_black.svg) 50% 50% no-repeat;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg); }
.month_bill .c-accordion__head.is-active .c-accordion__button::after, .c-accordion .is-active.no-c-accordion__head .c-accordion__button::after {
    -webkit-transform: translateY(-50%) rotate(-90deg) !important;
    transform: translateY(-50%) rotate(-90deg) !important; }

.month_bill dl {
	width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.month_bill dt {
	width: 25%;
	font-weight: 400;
	font-size: 0.875rem;
    color: #707070; }
.month_bill dd {
	width: 75%;
	letter-spacing: -0.036rem;
    font-size: 0.875rem;
    color: #4c4c4c; }

.month_bill .c-accordion--type2 .c-accordion__inside {
    border-top: 0.0625rem solid #eaeaea;
    padding: 0;
    font-size: 0.8125rem; }

.bill-wrap {
	background-color: #fff;
    border-radius: 0.5rem;
    margin-bottom: 1rem; }

.bill-item {	margin-top: 1rem; }

.bill-tit {
	font-size: 0.8125rem;
	font-weight: 700;
    color: #1d1d1b;
    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; }

.bill-tit .bill-btn-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-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0; }

.bill-tit .bill-btn-wrap a	{
    position: relative;
    display: inline-block;
    font-size: 0.8125rem;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.5rem;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    height: 1.25rem;
    padding: 0 0.63rem;
    border-radius: 1rem;
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    color: #1d1d1b; }

.bill-tit .bill-btn-wrap a:active, .bill-tit .bill-btn-wrap a.is-active {
	background-color: #1d1d1b;
	color: #fff !important; }

.bill-tit .bill-btn-wrap a ~ a {
    margin-left: 0.25rem; }

.bill-price {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #707070;
    font-size: 1rem;
    font-weight: 700;
    margin-top: 1rem;
    letter-spacing: -0.025rem; }

.bill-price span{
    margin-left: 0.1875rem;
    font-size: 0.8125rem;
    font-weight: 400; }

.bill-nodata {
    font-size: 0.875rem;
    color: #707070;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.myrate {
    padding: 0 1.25rem;
    border: 0.0625rem solid #00c0aa;
    border-radius: 0.5rem;
    margin-top: 0.75rem; }

.myrate__box{
	background-color: #fff;
    border-radius: 0.5rem;
    position: relative;
    display: block;
    background: #fff;
    margin-top: 1rem; }

.myrate__tit {
	font-size: 0.9375rem;
	font-weight: 700;
    margin-top: 1.375rem; }

.myrate__list {
	margin-top: 1.188rem;
	margin-bottom: 1.188rem;
	margin-left: 1rem;}

.myrate__item {
	font-size: 0.8125rem;
	color : #1d1d1b;
    margin: 0.5rem 0;}

.myrate__item span {
	margin-left: 0.25rem; }

.myrate__item a	{
	float: right;
    position: relative;
    display: inline-block;
    font-size: 0.8125rem;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.5rem;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    width: 6.875rem;
    height: 1.25rem;
    margin-top: 0.125rem;
    padding: 0 0.63rem;
    border-radius: 1rem;
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    color: #1d1d1b; }

.myrate__item a:active, .myrate__item a.is-active {
	background-color: #1d1d1b;
	color: #fff !important; }

.myrate__item button ~ button {
    margin-left: 0.25rem; }

.myrate.remind .myrate__tit {
    margin-top: 1.125rem; }

.myrate.remind .myrate__list {
    margin-top: 0.8125rem; }

.myrate.remind .myrate__item {
	margin: 0.5625rem 0; }

.myrate.remind .myrate__item span {
    margin-left: 0.625rem; }

.remind-sms {
	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;
    position: relative;
    margin-top: -0.375rem;
    margin-bottom: 1rem;
    padding: 0.625rem 1rem 0.625rem 0.9375rem;
    background-color: #f9f9f9;
    border-radius: 0.5rem;
   	line-height: 1.2;
    font-size: 0.8125rem;
    font-weight: 500; }

.remind-sms .c-icon--tooltip {
	width: 0.8125rem;
    height: 0.8125rem;
    margin-left: 0.0625rem;
    background: url(../../images/mobile/common/ico_tooltip_type2.png) 50% 50% no-repeat;
    -webkit-transform: translateY(-0.0625rem);
    transform: translateY(-0.0625rem); }

.remind-sms .c-tooltip-box {
    margin-left: -0.9375rem; }

.remind-sms .remind-switch {
    width: 3rem;
    height: 1.25rem; }

.remind-sms .c-checkbox--switch + .c-label {
    width: 3rem;
    height: 1.25rem;
    line-height: 1.25rem; }

.remind-sms .c-checkbox--switch + .c-label .c-label__text {
    position: absolute;
    top: 50%;
    right: 0.375rem;
   	height: 1.25rem;
    margin: 0;
    font-size: 0.75rem;
    font-weight: 500;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
.remind-sms .c-checkbox--switch + .c-label .c-label__text.on {
    display: none; }
.remind-sms .c-checkbox--switch + .c-label .c-label__text.off {
    display: block; }
.remind-sms .c-checkbox--switch + .c-label::before {
    width: 3rem;
    height: 1.25rem;
    background: #aaa !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
.remind-sms .c-checkbox--switch + .c-label::after {
    width: 1rem;
    height: 1rem;
    -webkit-box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.10);
    box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.10);
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }

.remind-sms .c-checkbox--switch:checked + .c-label .c-label__text {
 	right: 1.5rem; }
.remind-sms .c-checkbox--switch:checked + .c-label .c-label__text.off {
    display: none; }
.remind-sms .c-checkbox--switch:checked + .c-label .c-label__text.on {
    display: block; }
.remind-sms .c-checkbox--switch:checked + .c-label::before {
    background: #00a693 !important;
    border-color: #00a693; }
.remind-sms .c-checkbox--switch:checked + .c-label::after {
    left: 1.875rem; }

.my-addservice {
	margin-top: 0.75rem !important;
    padding: 0.312rem 1.25rem;
    border-radius: 0.5rem;
    border: 1px solid #eaeaea; }
.my-addservice dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.75rem 0; }
.my-addservice dl ~ dl {
    border-top: 1px solid #e8e8e8; }
.my-addservice dt {
	width: 6.25rem;
	font-size: 0.875rem;
    color: #707070; }
.my-addservice dd {
	margin-left: auto;
	text-align: right;
    font-size: 0.875rem;
    color: #4c4c4c; }

.charge_info {
	margin-top: 0.75rem;
	position: relative; }

.charge_info > table {
    position: relative;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border-top: 0.0625rem solid #ccc;
    border-bottom: 0.0625rem solid #ccc; }

.charge_info > table caption {
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0; }

.charge_info th {
	height: 3.125rem;
    padding: 1rem;
    border-bottom: 0.0625rem solid #e8e8e8;
    border-left: 0;
    border-right: 0;
    text-align: left;
    font-size: 0.8125rem;
    font-weight: 400;
    vertical-align: middle;
    word-break: break-word;
    background: #f9f9f9;
    color: #707070; }

.charge_info th:first-child, .charge_info td:first-child {
    border-left: 0; }
.charge_info tr:last-child th, .charge_info tr:last-child td {
    border-bottom: 0; }

.charge_info td {
    height: 3.125rem;
    padding: 1rem;
    border-bottom: 0.0625rem solid #e8e8e8;
    word-break: break-word;
    line-height: 1.4rem;
    text-align: left;
    vertical-align: middle;
    font-size: 0.8125rem;
    border-left: 0;
    border-right: 0;
    background: #fff;
    color: #1d1d1b; }

.charge_info a {
    position: relative;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.5rem;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    color: #00c0aa !important;
    margin-left: auto;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    height: auto;
    float: right;
    line-height: 1.43; }
.charge_info a::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.0625rem;
    border-bottom: 0.0625rem solid #00c0aa; }

.useful-info-list {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -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;
    font-size: 0;
    margin-top: 0.25rem ;
    margin-bottom: 3rem; }

.useful-info-list a {
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    color: #1d1d1b;
    padding: 0 1.875rem 0 1.25rem;
    width: 100%;
    height: 3rem;
    line-height: 2.85rem;
    margin-top: 0.5rem ;
    position: relative;
    display: inline-block;
    border-radius: 0.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    font-size: 1rem;
    letter-spacing: -0.031rem;
    font-weight: 500; }

.useful-info-list a::before {
	content: '';
    display: block;
    clear: both;
    background: url(../../images/mobile/common/ico_arrow_gray.svg) 50% 50% no-repeat;
    background-size: 2rem;
    position: absolute;
    right: 1rem;
    top: 0.8rem;
    width: 1.25rem;
    height: 1.25rem;
    background-size: cover; }

.useful-info-list a:hover {
    border: 0.0625rem solid #1d1d1b; }

.useful-info-list a:hover::before {
    background: url(../../images/mobile/common/ico_arrow_black.svg) no-repeat 50% 50%;}

.useful-info-list .c-icon {
    position: absolute;
    right: 1.78rem;
    top: 1.65rem;
    width: 0.625rem;
    height: 0.625rem; }

.myinfo-banner {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 2.5rem 0; }

.myinfo-banner .myinfo-banner__item {
    position: relative;
    min-height: 5.969rem;
    padding: 1.0625rem 1.375rem 0.875rem;
	border-radius: 1rem;
	background: #e3f7f6; }

.myinfo-banner .myinfo-banner__item:nth-child(n+2) {
	margin-top: 0.625rem; }

.myinfo-banner .myinfo-banner__title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0.3125rem; }

.myinfo-banner .myinfo-banner__title span {
	position: relative; }

.myinfo-banner .myinfo-banner__title span:after {
	content: '';
    position: absolute;
    left: 0.3125rem;
    top: 0;
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_arrow_mint.svg) 50% 50% no-repeat;
    background-size: cover; }

.myinfo-banner .myinfo-banner__title i {
    margin-left: 0.375rem;
    margin-top: -0.125rem; }

.myinfo-banner .myinfo-banner__text {
	font-size: 0.8125rem;
    color: #4c4c4c;
    line-height: 1.4; }

.myinfo-banner img {
	position: absolute;
    top: 0;
    right: 1.375rem;
    width: 8rem; }

.myinfo-banner .myinfo-banner__item:nth-child(1) {
	background: #e3f7f6; }
.myinfo-banner .myinfo-banner__item:nth-child(1) .myinfo-banner__title {
    color: #008080; }
.myinfo-banner .myinfo-banner__item:nth-child(1) .myinfo-banner__title span:after {
    background: url(../../images/mobile/common/ico_arrow_mint.svg) 50% 50% no-repeat;
    background-size: cover; }

.myinfo-banner .myinfo-banner__item:nth-child(2) {
	background: #e3f1fc; }
.myinfo-banner .myinfo-banner__item:nth-child(2) .myinfo-banner__title {
	color: #1e73b5; }
.myinfo-banner .myinfo-banner__item:nth-child(2) .myinfo-banner__title span:after {
    background: url(../../images/mobile/common/ico_arrow_blue.svg) 50% 50% no-repeat;
    background-size: cover; }

.data-title--short {
	text-overflow: ellipsis;
    width: 47% !important;
    white-space: nowrap;
    overflow: hidden; }

.chgName-info__tit {
	margin: 0;
    height: auto;
    background: transparent; }
.chgName-info__tit h3{
	margin: 2.5rem 0 0.75rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.875rem;
    color: #006bdd; }
.chgName-info__tit p {
	font-size: 0.875rem;
    line-height: 1.4375rem;
    color: #1d1d1b !important; }

.chgName-info__list h3 {
    margin: 2rem 0 0.75rem;
    display: inline-block;
    position: relative;
    font-weight: 500; }
.chgName-info__list ul{
	font-size: 0.8125rem; }
.chgName-info__list li{
	color: #707070;
	margin-top: 0.5rem;
    padding-left: 0.5rem;
    word-break: break-word;
    position: relative; }
.chgName-info__list li::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0.4375rem;
    left: 0;
    width: 0.1875rem;
    height: 0.1875rem;
    border-radius: 50%;
    background: #d8d8d8; }

.chgName-guide h3{
    margin: 2rem 0 0.75rem;
    display: inline-block;
    position: relative;
    font-weight: 500; }

.chgName-guide__list {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
.chgName-guide__item {
	position: relative;
    background-color: #f9f9f9;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
     flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.25rem 1rem;
    margin-bottom : 1.25rem;
    border-radius: 1rem;
    font-weight: 500; }
.chgName-guide__item:last-child {
    margin-bottom: 0; }
.chgName-guide__item:nth-child(n+2)::before {
    background: url(../../images/portal/common/ico_triangle.svg) 50% 50% no-repeat;
    content: '';
    display: block;
    clear: both;
    background-size: 2rem;
    position: absolute;
    left: 48%;
    top: -1rem;
    width: 0.625rem;
    height: 0.625rem;
    background-size: 1.5rem; }

.chgName-guide__item strong {
	font-size: 0.9375rem;
    font-weight: 500; }
.chgName-guide__item p {
	margin-top: 1rem;
    color: #707070;
	font-size: 0.875rem;
    font-weight: 400; }

.chgName-guide__step {
	display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.25rem;
    background-color: #008080;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    color: #fff;
    line-height: 1.25rem;
    vertical-align: top;
    text-align: center; }

.chgName-guide .chgName-guide__select {
	padding: 1rem 5rem; }

.callhistory-info__tit {
	margin: 0;
    height: auto;
    background: transparent; }
.callhistory-info__tit h3{
	margin: 2.5rem 0 0.75rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.875rem;
    color: #006bdd; }
.callhistory-info__tit p {
	font-size: 0.875rem;
    line-height: 1.4375rem;
    color: #1d1d1b !important; }

.callhistory-info__list h3 {
    margin: 2rem 0 0.75rem;
    display: inline-block;
    position: relative;
    font-weight: 500; }
.callhistory-info__list ul{
	font-size: 0.8125rem; }
.callhistory-info__list li{
	color: #707070;
	margin-top: 0.5rem;
    padding-left: 0.5rem;
    word-break: break-word;
    position: relative; }
.callhistory-info__list li::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0.4375rem;
    left: 0;
    width: 0.1875rem;
    height: 0.1875rem;
    border-radius: 50%;
    background: #d8d8d8; }

.callhistory-guide h3{
    margin: 2rem 0 0.75rem;
    display: inline-block;
    position: relative;
    font-weight: 500; }

.callhistory-guide__list {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
.callhistory-guide__item {
	position: relative;
    background-color: #f9f9f9;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
     flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.25rem 1rem;
    margin-bottom : 1.25rem;
    border-radius: 1rem;
    font-weight: 500; }
.callhistory-guide__item:last-child {
    margin-bottom: 0; }
.callhistory-guide__item:nth-child(n+2)::before {
    background: url(../../images/portal/common/ico_triangle.svg) 50% 50% no-repeat;
    content: '';
    display: block;
    clear: both;
    background-size: 2rem;
    position: absolute;
    left: 48%;
    top: -1rem;
    width: 0.625rem;
    height: 0.625rem;
    background-size: 1.5rem; }

.callhistory-guide__item strong {
	font-size: 0.9375rem;
    font-weight: 500; }
.callhistory-guide__item p {
	margin-top: 1rem;
    color: #707070;
	font-size: 0.875rem;
    font-weight: 400; }

.callhistory-guide__item--type2 {
	position: relative;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1; }

.callhistory-guide__item--type2 .callhistory-guide__item--content {
	position: relative;
    background-color: #f9f9f9;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
     flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.25rem 1rem;
    margin-right : 1.25rem;
    border-radius: 1rem;
    font-weight: 500; }

.callhistory-guide__item--type2 .callhistory-guide__item--content:last-child {
    margin-right: 0 !important; }

.callhistory-guide__item--type2 .callhistory-guide__item--content strong {
	font-size: 0.9375rem;
    font-weight: 500; }
.callhistory-guide__item--type2 .callhistory-guide__item--content p {
	margin-top: 1rem;
    color: #707070;
	font-size: 0.875rem;
    font-weight: 400; }

.callhistory-guide__step {
	display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.25rem;
    background-color: #008080;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    color: #fff;
    line-height: 1.25rem;
    vertical-align: top;
    text-align: center; }

.process-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;	}

.process-wrap .process-list {
	position: relative;
    background-color: #f9f9f9;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.25rem 1rem;
    margin-bottom: 1.5rem;
    border-radius: 1rem; }

.process-wrap .process-list:nth-child(n+2)::before {
    background: url(../../images/portal/common/ico_triangle.svg) 50% 50% no-repeat;
    content: '';
    display: block;
    clear: both;
    background-size: 2rem;
    position: absolute;
    left: 50%;
    top: -1.125rem;
    width: 0.625rem;
    height: 0.625rem;
    background-size: 1.5rem; }

.process-wrap .process-list .process-list__step {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.25rem;
    background-color: #008080;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    color: #fff;
    line-height: 1.25rem;
    vertical-align: top;
    text-align: center; }

.process-wrap .process-list strong {
    font-size: 0.9375rem;
    font-weight: 500; }

.process-wrap .process-list p {
    margin-top: 1rem;
    color: #707070;
    font-size: 0.875rem;
    font-weight: 400; }

.process-wrap .process-list--tree {
	position: relative;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    margin-top: 1.25rem; }

.process-wrap .process-list--tree .tree-list {
	position: absolute;
    top: -2.375rem;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.process-wrap .process-list--tree .tree-list:after {
    content: '';
    z-index: 0;
    position: absolute;
    top: 50%;
    border-left: 0.125rem solid #008080;
    border-right: 0.125rem solid #008080;
    border-top: 0.125rem solid #008080;
    height: 1.5rem;
    width: 50%; }

.process-wrap .process-list--tree .tree-list .tree-arrow {
	z-index: 1;
    width: 1.625rem;
    height: 1.625rem;
    border: 0.125rem solid #008080;
    border-radius: 100%;
    background: #fff;
    color: #008080;
    text-align: center; }

.process-wrap .process-list--tree .tree-list .tree-arrow i {
	display: inline-block;
    position: relative;
    left: -0.0625rem;
    top: -0.0625rem;
    vertical-align: middle;
    background-size: cover;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_triangle_bluegreen.svg) 50% 50% no-repeat;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }

.process-wrap .process-list--tree .process-list__item {
    position: relative;
    background-color: #f9f9f9;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.25rem 1rem;
    margin-right: 1.25rem;
    border-radius: 1rem; }

.process-wrap .process-list--tree .process-list__item:last-child {
    margin-right: 0; }

.process-wrap .process-list--tree .process-list__item strong {
	font-size: 0.9375rem;
    font-weight: 500; }

.process-wrap .process-list--tree .process-list__item p {
    margin-top: 1rem;
    color: #707070;
    font-size: 0.875rem;
    font-weight: 400; }

.voice-err-info {
    position: relative; }

.voice-err-info__list h4{
    margin-top: 2rem;
    font-size: 1rem;
    font-weight: 500; }

.voice-err-info__box {
	margin-top: 1.25rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
	padding: 1.25rem;
    background: #f9f9f9;
    position: relative;
    display: block; }

.voice-err-info__box .voice-err-info__item {
	position: relative;
	color: #707070;
	font-size: 0.875rem;
	word-break: break-word;
    margin-top: 0.5rem;
    padding-left: 0.625rem; }
.voice-err-info__box .voice-err-info__item::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0.4375rem;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background-color: #d8d8d8;}
.voice-err-info__box .voice-err-info__item:first-child {
    margin-top: 0; }

.voice-err-info__box .bullet {
    color: #707070;
    position: relative;
    padding-left: 0.75rem;
    font-size: 0.8125rem; }

.voice-err-info__box .bullet::before {
    position: absolute;
    content: '※';
    top: 0.125rem;
    left: 0;
    font-size: 0.375rem; }

.voice-err-info__box--type2 {
	margin-top: 0.625rem;
    position: relative; }

.voice-err-info__box--type2 .bullet {
    color: #707070;
    position: relative;
    padding-left: 0.75rem;
    font-size: 0.8125rem;
    word-break: break-word; }

.voice-err-info__box--type2 .bullet::before {
    position: absolute;
    content: '※';
    top: 0.125rem;
    left: 0;
    font-size: 0.4375rem;}

.voice-err-guide {
	padding-bottom: 0.5rem; }

.voice-err-guide h4{
    margin: 1.5rem 0 0.75rem;
    font-size: 0.875rem;
    font-weight: 500; }
.voice-err-guide__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
.voice-err-guide__item {
    position: relative;
    background-color: #fff;
    text-align: center;
    padding: 1.25rem 1rem;
    margin-bottom: 2.5rem;
    border-radius: 1rem;
    color: #707070;
    word-break: break-word;
    font-size: 0.875rem;
    -webkit-box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.05); }
.voice-err-guide__item:last-child {
	margin-bottom: 0;}
.voice-err-guide__item:nth-child(n+2)::before {
    background: url(../../images/mobile/common/ico_triangle_default.svg) 50% 50% no-repeat;
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: -1.625rem;
	left: 48%;
    width: 0.875rem;
    height: 0.875rem; }

.voice-err-guide__step {
	display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.25rem;
    background-color: #008080;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.25rem;
    letter-spacing: 0.05rem;
    vertical-align: top;
    text-align: center; }

.voice-err-title h3{
    margin: 2.5rem 0 1rem;
	font-size: 1.25rem;
    line-height: 1.4; }

.voice-err-title .c-hr{
    border: 0;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    position: relative;
   height: 0.0625rem; }

.voice-err-title .c-hr::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    display: block;
    clear: both;
    background: #eaeaea; }

.voice-err-content .c-button-wrap {
	margin-top: 2.5rem; }

.voice-err-content .c-check-wrap .c-radio--button + .c-label:last-child {
    margin-right: 0; }

.safety-wrap .safety__title  {
    position: relative;
	margin-top: 2.5rem;
    margin-bottom: 0.75rem;
	font-size: 1.25rem;
	font-weight: 700; }

.safety-wrap .safety__title span {
	color: #707070;
	font-size: 0.875rem;
	font-weight: 400; }

.safety-wrap .safety__sub {
	font-size: 0.875rem;
    margin-bottom: 0.5rem; }

.safety-wrap .safety__sub span {
	color: #0050ff; }

.safety-wrap .safety__list {
    font-size: 0.8125rem; }

.safety-wrap .safety__list li {
    margin-top: 0.125rem;
    padding-left: 0.625rem;
    position: relative;
    color: #707070 !important; }

.safety-wrap .safety__list li::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 0.25rem;
    height: 0.0625rem;
    border-radius: 50%;
    background: #1d1d1b;
    background-color: #d8d8d8; }

.safety-wrap .c-text-list {
    font-size: 0.6875rem; }

.safety-wrap .c-text-list__item ~ .c-text-list__item {
    margin-top: 0.25rem; }

.safety-wrap .c-table {
    margin-bottom: 2rem;
    position: relative; }

.safety-wrap .c-table.c-table--x-scroll {
   	margin-left: 0 !important;
    padding-right: 0;
    padding-bottom: 0.5rem; }

.safety-wrap .c-table > p {
	font-size: 0.75rem;
	margin-top: 0.5rem;
    padding: 0 1.25rem;}

.safety-wrap .c-table thead th, .safety-wrap .c-table thead td {
	height: 3rem;
   	padding: 0.875rem 0.2rem;
    color: #1d1d1b;
    font-weight: 500;
    font-size: 0.8125rem;
    border-top: 0.0625rem solid #fff;
    border-right: 0.0625rem solid #fff;
    border-bottom: none; }

.safety-wrap .c-table th, .safety-wrap .c-table td {
	height: 2.5rem;
    word-break: inherit;
    padding: 0.5rem 0.25rem;
    background: none;
    color: #4c4c4c;
    font-size: 0.75rem; }

.safety-wrap .c-table th {
    padding: 0.5rem 0.2rem; }

.safety-wrap .c-table td {
    padding: 0.5rem 0.5rem; }

.safety-wrap .c-table th .c-text-link--bluegreen, .safety-wrap .c-table td .c-text-link--bluegreen {
    font-size: 0.6875rem; }

.safety-wrap .c-table th img, .safety-wrap .c-table td img {
	width: 100%; }

.safety-wrap .c-bullet--hyphen:not(.c-text-list), .safety-wrap .c-bullet--hyphen.c-text-list > .c-text-list__item {
	margin-top: 0;
	padding-left: 0.25rem;
    font-size: 0.6875rem; }

.safety-wrap .c-bullet--hyphen.c-text-list > .c-text-list__item ~ .c-text-list__item{
	margin-top: 0.25rem; }

.safety-wrap .c-bullet--number:not(.c-text-list), .safety-wrap .c-bullet--number.c-text-list > .c-text-list__item {
	margin-top: 0;
	padding-left: 0.625rem;
    font-size: 0.6875rem; }

.safety-wrap .c-bullet--number.c-text-list > .c-text-list__item ~ .c-text-list__item {
	margin-top: 0.25rem; }

.safety-wrap .c-bullet--dot:not(.c-text-list), .safety-wrap .c-bullet--dot.c-text-list > .c-text-list__item {
    font-size: 0.6875rem;
    margin-top: 0; }

.safety-wrap .c-bullet--dot.c-text-list > .c-text-list__item ~ .c-text-list__item {
    margin-top: 0.25rem; }

.safety-wrap .c-bullet--dot:not(.c-text-list)::before, .safety-wrap .c-bullet--dot.c-text-list > .c-text-list__item::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0.0.3125rem;
    left: 0;
    width: 0.1875rem;
    height: 0.1875rem;
    border-radius: 50%;
    background: #555; }

.safety-wrap .c-bullet--fyr:not(.c-text-list), .safety-wrap .c-bullet--fyr.c-text-list > .c-text-list__item {
	margin-left: 0.5rem;
	padding-left: 0.75rem;
    font-size: 0.8125rem; }

.safety-wrap .c-table .safety__none {
    background-color: #e8e8e8;}

.safety-wrap .c-table .safety-bg--mint {
	background-color: #cdf3f2; }

.safety-wrap .c-table .safety-bg--blue {
    background-color: #ebe6ff; }

.safety-wrap .c-table .safety-bg--skyblue {
    background-color: #d2ecfe ; }

.safety-wrap .safety-service__wrap {
	margin-top: 3rem; }

.safety-wrap .safety-service__wrap .safety__title {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 700; }

.safety-wrap .safety-service__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 1.25rem 1rem 1.25rem 0;
    border: 0.0625rem solid #ccc;
    border-radius: 1rem; }

.safety-wrap .safety-service__item ~ .safety-service__item {
    margin-top: 0.75rem; }

.safety-wrap .safety-service__item img {
    height: 4.5rem; }

.safety-wrap .safety-service__item strong {
   	margin-top: 0.625rem;
	margin-bottom: 0.1875rem;
    font-size: 1rem;
    font-weight: 500; }

.safety-wrap .safety-service__item p {
    margin-top: 0.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: #707070; }

.safety-wrap .safety-service__wrap + .safety__title  {
    margin-top: 3rem; }

.safety-info {
    position: relative;
    margin-top: 3rem;
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
    background: #f5f5f5; }

.safety-info-wrap {
    padding: 2.5rem 1.25rem; }

.safety-info-wrap .safety__title {
    position: relative;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 700; }

.safety-info-wrap .safety__title:first-child {
    margin-top: 0;}

.safety-info-wrap .safety__title span {
    color: #707070;
    font-weight: 400; }

.safety-info-wrap .safety-info-detail {
    position: relative;
    padding: 1.25rem;
    background: #fff;
    border-radius: 0.5rem; }

.safety-info-wrap .c-bullet--dot:not(.c-text-list), .safety-info-wrap .c-bullet--dot.c-text-list > .c-text-list__item {
	color: #4c4c4c;
    margin-top: 0; }

.safety-info-wrap .c-bullet--dot:not(.c-text-list)::before, .safety-info-wrap .c-bullet--dot.c-text-list > .c-text-list__item::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0.375rem;
    left: 0;
    width: 0.1875rem;
    height: 0.1875rem;
    border-radius: 50%;
    background: #707070; }

.safety-info-wrap .c-bullet--dot.c-text-list > .c-text-list__item ~ .c-text-list__item {
    margin-top: 0.3125rem; }

.safety-info-wrap .c-bullet--dot.c-text-list > .c-text-list__item p {
	margin-top: 0.3125rem;
	color: #707070; }

.safety-info-wrap .c-bullet--hyphen:not(.c-text-list), .safety-info-wrap .c-bullet--hyphen.c-text-list > .c-text-list__item {
    color: #707070;
    padding-left: 0.5rem;
    margin-top: 0; }

.safety-info-wrap .c-bullet--hyphen.c-text-list > .c-text-list__item ~ .c-text-list__item {
    margin-top: 0.25rem; }

.safety-info-wrap .c-bullet--fyr:not(.c-text-list), .safety-info-wrap .c-bullet--fyr.c-text-list > .c-text-list__item {
    margin-top: 0;
    padding-left: 0.875rem;
    color: #4c4c4c; }

.safety-info-wrap .c-bullet--fyr.c-text-list > .c-text-list__item ~ .c-text-list__item {
    margin-top: 0.3125rem; }

.safety-info-wrap .c-bullet--fyr:not(.c-text-list).c-bullet::before, .safety-info-wrap .c-bullet--fyr.c-text-list > .c-text-list__item::before {
    position: absolute;
    content: '※';
    top: 0;
    left: 0;
    font-size: 0.8125rem; }

.safety-info-wrap .safety-info-step {
    margin-top: 1.5rem;
    padding: 1.75rem 1.25rem;
    border-radius: 0.5rem;
    background-color: #f0fcfb; }

.safety-info-wrap .safety-info-step.green {
    background-color: #f0fcf3; }

.safety-info-wrap .safety-info-step.yellow {
    background-color: #fbfcf0; }

.safety-info-wrap .safety-info-step__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    margin-top: 1.75rem; }

.safety-info-wrap .safety-info-step__item:first-child {
    margin-top: 0; }

.safety-info-wrap .safety-info-step__label::after {
    content: '';
    display: block;
    clear: both;
    background: url(../../images/mobile/common/ico_arrow_black_bold.svg) 50% 50% no-repeat;
    background-size: 2rem;
    position: absolute;
    left: 50%;
    bottom: -1.75rem;
    -webkit-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg);
    width: 0.875rem;
    height: 0.875rem;
    background-size: cover; }

.safety-info-wrap .safety-info-step__item:last-child .safety-info-step__label::after {
    content: none; }

.safety-info-wrap .safety-info-step__label {
    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;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 100%;
    color: #fff;
    background-color: #333;
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 0; }

.safety-info-wrap .safety-info-step img {
    height: 2.5rem; }

.safety-info-wrap .safety-info-step p {
	font-size: 0.875rem;
	font-weight: 500;
	color: #4c4c4c; }

.safety-acc.c-accordion--type1 .c-accordion__button {
    position: relative;
    padding: 1rem 1.75rem 1rem 0;
    font-size: 1rem;
    font-weight: 700; }

.safety-acc.c-accordion--type1 {
	margin-top: 1.25rem; }

.safety-acc.c-accordion--type1 .c-accordion__button span {
    color: #707070;
    font-weight: 400; }

.safety-acc.c-accordion--type1 .c-accordion__item:has(.is-active) {
    border-bottom: none; }

.safety-acc.c-accordion--type1 .c-accordion__item .c-accordion__panel {
	margin-bottom: 1.25rem; }

.c-table.reqInsr th, .c-table.reqInsr td {
	padding: 0.5rem 0.125rem; }

.c-table.reqInsr.c-table--x-scroll {
    padding-bottom: 0.5rem;
    padding-right: 1.25rem;
    padding-right: 0; }

.upper-banner.reqInsr {
	color: #00647d;
	background-color: #e0f7f6; }

.upper-banner.reqInsr .upper-banner__title {
    font-weight: 500; }

.upper-banner.reqInsr .c-bullet {
	margin-top: 0.625rem; }

.upper-banner.reqInsr .c-bullet--dot.c-text-list > .c-text-list__item {
	margin-top: 0;
    font-weight: 500;
    font-size: 0.875rem; }

.upper-banner.reqInsr .c-bullet--dot.c-text-list > .c-text-list__item ~ .c-text-list__item {
	margin-top: 0.0625rem; }

.upper-banner.reqInsr .c-bullet--dot.c-text-list > .c-text-list__item::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0.5625rem;
    left: 0.1875rem;
    width: 0.125rem;
    height: 0.125rem;
    border-radius: 50%;
    background: #00647d; }

.upper-banner.reqInsr .upper-banner__anchor {
    margin-top: 1rem;
   	padding: 0 1rem;
    color: #666;
    font-weight: 500;
    border: 0.0625rem solid #666; }

.cprtcard-banner {
    position: relative;
    min-height: 19.6875rem;
    overflow: hidden;
    padding: 2.375rem 1.875rem;
    border-radius: 3.75rem;
    border: 0.0625rem solid #ddd;
    background: #004b84;
    color: #fff; }

.cprtcard-banner h3 {
    font-size: 1.25rem;
    font-weight: 700; }

.cprtcard-banner .cprtcard-banner__text  {
    position: relative;
	font-size: 1rem;
	z-index: 2; }

.cprtcard-banner .cprtcard-banner__text:first-of-type {
    margin-top: 0.5rem; }

.cprtcard-banner .cprtcard-banner__text span {
	color: #2fdfff; }

.cprtcard-banner .cprtcard-banner__subtext {
	position: relative;
    margin-top: 0.375rem;
	font-size: 1rem;
	color: #90e4f3;
    word-break: keep-all;
    z-index: 2; }

.cprtcard-banner .cprtcard-banner__img-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1; }

.cprtcard-banner .cprtcard-banner__img-wrap img {
    height: 10.625rem;
    vertical-align: bottom; }

.recForm-info h3 {
    margin: 2rem 0 0.75rem;
    display: inline-block;
    position: relative;
    font-weight: 500; }
.recForm-info ul{
	font-size: 0.8125rem; }
.recForm-info li{
	color: #707070;
	margin-top: 0.5rem;
    padding-left: 0.5rem;
    word-break: break-word;
    position: relative; }
.recForm-info li::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0.4375rem;
    left: 0;
    width: 0.1875rem;
    height: 0.1875rem;
    border-radius: 50%;
    background: #d8d8d8; }

.esim-join-wrap {
	margin-top: 2.6875rem; }

.esim-join-wrap p{
	word-break: break-word; }

.esim-join-wrap img {
	width : 100%;
    vertical-align: top;}

.esim-join-wrap .esim-join__title {
    margin: 2.125rem 0 1.125rem;
    font-size: 1.25rem;
    font-weight: 500; }

.esim-join-wrap .esim-join__subtitle {
    margin-top: 2rem;
    color: #1d1d1b;
    font-weight: 700;
    font-size: 0.875rem; }

.esim-join-wrap .c-hr {
	position: relative;
    height: 0.0625rem;
    border: 0;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-bottom: 1.25rem;}

.esim-join-wrap .c-hr::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    display: block;
    clear: both;
    background: #eaeaea; }

.esim-join-wrap .esim-join__list--fyr {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color : #4c4c4c; }

.esim-join-wrap .esim-join__list--fyr li {
    padding-left: 0.75rem;
    word-break: break-word;
    position: relative;
    margin-top: 0.5rem; }

.esim-join-wrap .esim-join__list--fyr li::before {
    position: absolute;
    content: '※';
    top: 0.1875rem;
    left: 0;
    font-size: 0.4375rem;}

.esim-join-wrap .esim-Adv-box {
	padding: 2rem 1.25rem 1.75rem 1.25rem;
    background: #f9f9f9;
    border-radius: 0.75rem;
    position: relative;
    display: block;
    margin-top: 2.25rem; }

.esim-join-wrap .esim-Adv__item {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.875rem; }

.esim-join-wrap .esim-Adv__item img{
	width: 3.125rem; }

.esim-join-wrap .esim-Adv__item:last-child {
    margin-bottom: 0; }

.esim-join-wrap .esim-Adv__panel {
   	margin-left: 1.25rem; }

.esim-join-wrap .esim-Adv__panel strong {
   	position: relative;
   	margin-top: -0.25rem;
   	margin-bottom: 0.375rem;
    display: block;
    font-size: 0.875rem;
    font-weight: 700; }

.esim-join-wrap .esim-Adv__panel p {
   	font-size: 0.8125rem; }

.esim-join-wrap .esim-step__title {
  margin-top: 3rem;
  border-top: 0.0625rem solid #008080; }

.esim-join-wrap .esim-step__head {
	position: relative;
    display: inline-block;
	color : #008080;
	letter-spacing: -0.023rem;
	font-size: 1.375rem;
	font-weight: 700;
	margin : 0.5rem 1.5rem 0.5rem 0; }

.esim-join-wrap .esim-step__head::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: -0.1875rem;
    bottom: 0;
    width: 103%;
    height: 0.9375rem;
    background: #ccf2ee;
    z-index: -1; }

.esim-join-wrap .esim-step__head span {
	word-break: break-word;
	margin-left: 0.1875rem; }

.esim-join-wrap .esim-step__sub {
	position: relative;
	color : #008080;
	font-size: 1rem;
	letter-spacing: -0.031rem;
	font-weight: 700;
    word-break: break-word;
	margin : 0.25rem 0 0.5rem 0; }

.esim-join-wrap .esim-product-box {
    border: 0.0625rem solid #cccccc;
    border-radius: 0.75rem;
    position: relative;
    display: block;
    margin-top: 1.625rem;
    padding: 1.5rem 1.25rem 1.25rem 1.25rem; }

.esim-join-wrap .esim-product__item {
    margin-bottom: 0.9375rem; }
.esim-join-wrap .esim-product__item:last-child {
    margin-bottom: 0; }

.esim-join-wrap .esim-product__item .esim-product__lable--iphone {
    display: inline-block;
    font-size: 0.8125rem;
    font-weight: 300;
    letter-spacing: -0.033rem;
    border-radius: 1rem;
    line-height: 1.375rem;
    background: #4c4c4c;
    color: #fff;
    text-align: center;
    width: 4rem; }

.esim-join-wrap .esim-product__item .esim-product__lable--android {
    display: inline-block;
    font-size: 0.8125rem;
    font-weight: 300;
    letter-spacing: -0.033rem;
    border-radius: 1rem;
    line-height: 1.375rem;
    background: #4c4c4c;
    color: #fff;
    text-align: center;
    width: 4.3125rem; }

.esim-join-wrap .esim-Adv__item:last-child {
    margin-bottom: 0; }

.esim-join-wrap .esim-product__model {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }

.esim-join-wrap .esim-product__model .esim-product__list {
	font-size: 0.8125rem;
	margin-top: 0.5rem;	 }

 .esim-join-wrap .esim-product__model .esim-product__list li {
 	word-break: break-word;
	margin-top: 0.6875rem;
	letter-spacing: -0.036rem;
	padding-left: 0.625rem;
	position: relative; }
 .esim-join-wrap .esim-product__model .esim-product__list li:first-child {
    margin-top: 0; }
 .esim-join-wrap .esim-product__model .esim-product__list li::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0.4375rem;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #cccccc; }

.esim-join-wrap .esim-guide-box {
	text-align: center;
    position: relative;
    margin-top: 1rem;
    border-radius: 1.5rem;
    background: #f2fbfa; }

.esim-join-wrap .esim-guide-space {
	text-align: center;
  	margin: 0.5rem 0;}

.esim-join-wrap .esim-guide-box img {
	width : 100%;
    vertical-align: top;}

.esim-join-wrap .esim-guide-box .esim-guide__list {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.033rem;
    padding: 2.5rem 0 1rem 0; }

.esim-join-wrap .esim-join__notice {
	margin: 0.5rem 0 0;
    color: #ed0000;
    font-weight: 500;
    font-size: 0.875rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }

.esim-join-wrap .esim-join__notice .c-icon {
    top: -0.125rem; }

.esim-join-wrap .esim-join__notice span{
	word-break: break-word;	 }

.esim-join-wrap .esim-qr-box {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 1rem 1.25rem 2.5rem 1.25rem;
    border: 0.0625rem solid #cccccc;
    border-radius: 0.75rem;
    margin-top: 2.25rem;}

.esim-join-wrap .esim-qr-box img {
	width: 9.375rem;
	margin-top: 1.8125rem;}

.esim-guide-box__pop {
	text-align: center;
    position: relative;
    margin-top: 1rem;
    border-radius: 1.5rem;
    background: #f2fbfa; }

.esim-guide-box__pop img {
	width : 100%;
    vertical-align: top;}

.esim-guide-box__pop .esim-guide__list {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.033rem;
    padding: 2.5rem 0 1rem 0; }

.esim-guide-space__pop {
	text-align: center;
  	margin: 0.5rem 0;}

.esim-join-wrap .c-accordion {
    margin-top: 1.25rem;
    border-top: 0.0625rem solid #eaeaea;}

.esim-join-wrap .c-accordion--type1 .c-accordion__inside {
    position: relative;
    padding: 1.5rem 0;
    background: #fff;
    border-top: 0.0625rem solid #eaeaea; }

.esim-join-wrap .c-accordion--type1 .c-accordion__button {
	font-weight: 500;
    display: block;
    padding: 1rem 1.75rem 1rem 0; }

.esim-join-wrap .esim-process__list {
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1.25rem;}

.esim-join-wrap .esim-process__list li{
    width: 48%;
    position: relative; }
.esim-join-wrap .esim-process__list li:nth-child(n+3){
	margin-top : 2rem; }

.esim-join-wrap .esim-process__list .esim-process__num{
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	color : #4c4c4c;
    font-size: 0.875rem; }
.esim-join-wrap .esim-process__list .esim-process__num.no-title{
	height: 2.5rem; }

.esim-join-wrap .esim-process__list img {
 	margin-top: 0.625rem; }

.esim-join-wrap .esim-process__head { }
.esim-join-wrap .esim-process__head .sticker {
    display: inline-block;
    padding: 0.1875rem 0.6875rem;
    font-size: 0.9375rem;
    font-weight: 500;
    border-radius: 1rem;
    height: 1.625rem;
    background: #008080;
    color: #fff;
    text-align: center;
    min-width: 2.5rem;	}
.esim-join-wrap .esim-process__code {
	background-color: #707070;
	color: #fff;
	font-size: 0.875rem;
	padding: 0.1875rem 0;
	text-align: center; }
.esim-join-wrap .esim-process__code span{
   	color: #ffff1c; }

.esim-join-wrap .esim-process__textbox {
	position: relative;
	width: 100%;
    padding : 1rem;
    border: 0.5rem solid #b2ece5;
    text-align: center;}

.esim-join-wrap .esim-process__textbox strong {
	color: #008080;
	font-size: 0.9375rem;
	font-weight: 700; }

.esim-join-wrap .esim-process__textbox p {
	font-size: 0.8125rem;
	color: #4c4c4c;
	margin-top: 0.6875rem; }

.esim-join-wrap .esim-process__textbox .c-bullet--fyr:not(.c-text-list).c-bullet, .esim-join-wrap .esim-process__textbox .c-bullet--fyr.c-text-list > .c-text-list__item {
    padding-left: 0.25rem;}

.esim-join-wrap .esim-process__textbox::before {
    background: url(../../images/common/ico_arrow_mint-light.png);
    content: '';
    display: block;
    clear: both;
    position: absolute;
    right: 49%;
    bottom: -1.25rem;
    width: 0.625rem;
    height: 0.9375rem;
    background-size: 0.625rem;
    transform: rotate(90deg);}

.esim-join-wrap .esim-qr-img{
    margin-top: 1.8125rem;
    margin-bottom: 0.625rem;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center; }

.esim-join-wrap .esim-qr-img img{
    width: 14.1875rem; }




#esim-check-modal .esim-slot-box {
    position: relative;
    padding: 0.8675rem;
    margin-bottom: 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    text-align: left;
	border: 0.0625rem solid rgba(231, 57, 57, 0.1);
    color: #fde1e0;
    background-color: #fff3f3; }

#esim-check-modal .esim-slot-box__list  {
	font-size: 0.875rem; }

#esim-check-modal .esim-slot-box__list  li {
    position: relative;
	margin-top: 0.5rem;
    padding-left: 0.5rem;
    word-break: break-word;
    color: #4c4c4c; }
#esim-check-modal .esim-slot-box__list  li:first-child {
	margin-top: 0; }

#esim-check-modal .esim-slot-box__list  li::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #a9abaa; }

#esim-check-modal .esim-slot-box__list  li.u-co-red::before {
    background-color: #ed0000; }

#esim-check-modal .esim-slot-box__list  li span {
	word-break: break-word;
    color: #ed0000; }

#esim-check-modal .esim-slot-box__err  {
    margin-top: 1rem;
	font-size: 0.875rem;
    position: relative;
    padding-left: 1.375rem;
    word-break: break-word;
    color: #ed0000; }

#esim-check-modal .esim-slot-box__err::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 1.0625rem;
    height: 1.0625rem;
    background: url(../../images/mobile/common/ico_bang_red.svg) 50% 50% no-repeat; }

.c-table.esim-slot th, .c-table.esim-slot td{
	padding: 1rem 0;
    text-align: left;
    border-left: none;
    border-right: none; }
.c-table.esim-slot td .c-input {
	padding: 0 0.75rem;
    font-size: 0.8125rem; }

.usefuladdsvc-banner {
	position: relative;
    height: 18.875rem;
    background-color: #a9e4f3;
    padding: 2.5rem 1.875rem 7.5rem;
    color: #1d1d1b;
    margin-left: -1.25rem;
    margin-right: -1.25rem; }

.usefuladdsvc-banner--wrap {
    position: relative;
    z-index: 2; }

.usefuladdsvc-banner--wrap strong {
    display: block;
    font-size: 1.375rem;
    line-height: 1.9375rem;
    font-weight: 500; }

.usefuladdsvc-banner--img {
	position: absolute;
    width: 23.4375rem;
    height: 18.875rem;
    left: auto;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 1; }

.usefuladdsvc-banner--img img {
    width: 100%;
    vertical-align: bottom; }

.usefuladdsvc-list__title {
	margin: 2.6875rem 0 1.125rem;
    font-size: 1.25rem;
    font-weight: 500;
    word-break: break-word; }

.usefuladdsvc-list__item {
	position: relative;
    display: block;
    padding: 1rem 1.125rem 0.875rem;
    margin-top: 1.25rem;
    border: 0.0625rem solid #ddd;
    border-radius: 0.5rem; }

.usefuladdsvc-list__item ~ .usefuladdsvc-list__item {
    margin-top: 0.5rem; }

.usefuladdsvc-list__box {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.usefuladdsvc-list__box img {
    width: 3.4375em; }

.usefuladdsvc-list__panel {
    margin-left: 1rem; }

.usefuladdsvc-list__panel strong {
    position: relative;
    margin-bottom: 0.125rem;
    display: block;
    font-size: 1rem;
    font-weight: 500; }

.usefuladdsvc-list__panel p {
    color: #707070 !important;
    font-size: 0.8125rem;
    word-break: break-word; }

.usefuladdsvc-more {
    margin-top: 2rem;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.usefuladdsvc-more a {
	width: 100%;
	height: 3rem;
    padding: 0.75rem 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    color: #fff;
    background-color: #00c3bd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.5rem; }


.ktmm-combine-banner {
    position: relative;
    padding: 2.5rem 1.875rem 7.5rem;
    background: #ed0000;
    color: #fff;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    height: 18.875rem;
    background-color: #006bdd; }

.ktmm-combine-banner__wrap {
	position: relative;
    z-index: 2; }

.ktmm-combine-banner__wrap strong {
	display: block;
    font-size: 1.375rem;
    line-height: 1.9375rem;
    font-weight: 400; }

.ktmm-combine-banner__wrap p {
	 margin-top: 0.5rem;
	 font-size: 0.9375rem;
	 word-break: break-word; }

.ktmm-combine-banner__wrap button {
	position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    height: 2rem;
    line-height: 1.875rem;
    padding: 0 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    border-radius: 1rem;
    margin-top: 1.25rem;
    border: 0.0625rem solid #fff; }

.ktmm-combine-banner__wrap button .c-icon {
    margin: 0 0 0.25rem 0.5rem; }

.ktmm-combine-banner__image {
	position: absolute;
    width: 23.4375rem;
    height: 18.875rem;
    left: auto;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0); }

.ktmm-combine-banner__image img {
    width: 100%;
    vertical-align: bottom; }

.ktmm-combine-content {
	position: relative;
	margin-top: 3rem; }

.user-confirm .user-confirm__tit {
    position: relative;
    display: block;
    color: #4c4c4c;
    font-size: 1rem;
    font-weight: 500;
    padding-left: 1.5rem; }

.user-confirm .user-confirm__tit em {
    font-size: 0.8125rem;
    font-weight: 700;
    text-align: center;
    width: 1.0625rem;
    height: 1.0625rem;
    border-radius: 50%;
    background-color: #1d1d1b;
    position: absolute;
    top: 0.125rem;
    left: 0;
    color: #fff; }

.user-confirm .btn-login {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0;
	margin-top: 1.5rem; }

.user-confirm .btn-login a {
	position: relative;
    display: inline-block;
    font-weight: 500;
    border-radius: 0.5rem;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    padding: 1rem 0.75rem;
    font-size: 1rem;
    background-color: #00c3bd;
    color: #fff; }

.user-confirm hr {
    margin: 2.5rem 0;
    border: 0;
    border-bottom: 0.0625rem solid #e8e8e8; }

.user-confirm .btn-usercheck {
    margin-top: 3rem;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0; }

.btn-usercheck button {
	width: 100%;
    padding: 1rem 0.75rem;
    font-size: 1rem;
    background-color: #1d1d1b;
    border: 0.0625rem solid #1d1d1b;
    color: #fff;	}

.combine-myinfo {
	position: relative; }

.combine-myinfo__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;
    margin: 2rem 0 0.5rem;
    position: relative;
    font-weight: 500; }

.combine-myinfo__tit .c-button {
    height: 2rem;
    line-height: 1.875rem;
    font-size: 0.875rem;
    border-radius: 1rem;
    color: #00c0aa; }

.combine-myinfo__tit .c-button .c-icon {
    top: -0.0625rem; }

.combine-myinfo .combine-myinfo__btn {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0;
	margin-top: 2rem; }

.combine-myinfo .combine-myinfo__btn .c-button {
	position: relative;
    display: inline-block;
    font-weight: 500;
    border-radius: 0.5rem;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    padding: 1rem 0.75rem;
    font-size: 1rem;
    background-color: #00c3bd;
    border: 0.0625rem solid #fff;
    color: #fff;
    min-height: 3.563rem; }

.combine-result {
	 margin: 2.5rem 0; }

.combine-result-possible {
	position: relative;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	-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;
    padding: 1.125rem 1rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.8125rem;
    background-color: #e6f1fd;
    border: 0.0625rem solid #c5defa;
    color: #0573e8; }

.combine-result-possible b {
	font-size: 1.25rem; }

.combine-result-possible .possible__info {
    font-size: 0.9375rem;
    font-weight: 500;
    margin-top: 0.5rem; }

.combine-result-possible .possible__info span {
    color: #ed0000;
    font-weight: 700; }

.combine-result-possible .possible__info-provid {
    font-size: 0.9375rem;
    font-weight: 700;
    margin-top: 0.5rem; }

.combine-result-possible .possible__subtxt {
	margin-top: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #707070; }

.combine-result-possible img {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    width: 2.875rem;
    height: 2.875rem; }

.combine-result-impossible {
    position: relative;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	-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;
    height: 4.25rem;
    border-radius: 0.5rem;
    font-size: 0.8125rem;
    background-color: #fef3f3;
    border: 0.0625rem solid #f4a8a8;
    color: #ed1c24; }

.combine-result-impossible p{
	font-size: 0.8125rem;
	color: #1d1d1b; }

.combine-result-impossible b {
	font-size: 0.9375rem; }

.combine-result-impossible img {
    position: absolute;
    top: 0.6875rem;
    right: 0.625rem;
    width: 2.875rem;
    height: 2.875rem; }

.combine-agree {
	margin-top: 2.5rem; }

.combine-agree .c-checkbox + .c-label::before {
    top: 0.75rem; }

.combine-agree .c-checkbox + .c-label {
	font-size: 1rem;
    font-weight: 500;
    word-break: break-word;
    margin-right: 0;}

.combine-sign {
	margin-top: 3rem;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0; }

.combine-sign button {
    width: 100%;
    padding: 1rem 0.75rem;
    font-size: 1rem;
    background-color: #1d1d1b;
    border: 0.0625rem solid #1d1d1b;
    color: #fff; }

.combine-sign__txt {
	text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
    margin-top: 3rem; }

.combine-notice {
    margin-top: 3rem; }

.combine-notice hr {
	position: relative;
    height: 0.0625rem;
    border: 0;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none; }
.combine-notice hr::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    display: block;
    clear: both;
    background: #eaeaea; }

.combine-notice .combine-notice__tit {
	margin: 1.5rem 0 0.75rem;
    font-weight: 700;
    font-size: 0.875rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }

.combine-notice .combine-notice__tit span {
	margin-left: 0.25rem; }

.combine-notice__list {
	margin-top: 1rem;
	font-size: 0.9375rem;
	font-weight: 500; }

.combine-notice__list li {
	margin-top: 1rem; }

.combine-notice__list li:first-child {
	margin-top: 0; }

.combine-notice__list-txt {
	margin-top: 1rem;
	font-size: 0.9375rem;
    font-weight: 700; }

.combine-notice__list .combine-notice__list-tit {
    margin-top: 2rem;
	font-size: 0.9375rem;
    font-weight: 700;
    color: #1d1d1b; }

.combine-notice__list .combine-notice__list-title {
	font-size: 0.875rem;
    font-weight: 500; }

.combine-notice__list .combine-notice__list-text {
	margin-top: 0.5rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: #707070;
    word-break: break-word; }

.combine-notice__list .combine-notice__list-titsub {
	margin-top: 1rem;
	font-size: 0.875rem;
    font-weight: 500;
    color: #1d1d1b; }

.combine-notice__bullet {
    font-size: 0.8125rem;
    font-weight: 400;
    margin-top: 0.5rem; }

.combine-notice__bullet li {
    position: relative;
    padding-left: 0.625rem;
	color: #707070;
	margin-top: 0.5rem;
    word-break: break-word;}

.combine-notice__bullet li::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0.4375rem;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #d8d8d8; }

.combine-notice .combine-notice__list .c-table th, .combine-notice .combine-notice__list .c-table td {
    padding: 0; }

.combine-notice .combine-notice__list .c-table th:first-child, .combine-notice .combine-notice__list .c-table td:first-child {
    border-left: 0.0625rem solid #e8e8e8; }

.combine-notice .combine-notice__list .c-table th:last-child, .combine-notice .combine-notice__list .c-table td:last-child {
    border-right: 0.0625rem solid #e8e8e8; }

.combin-history__tit {
    position: relative;
    margin: 2.5rem 0 0.75rem;
    font-size: 1rem;
    font-weight: 500; }

.combin-history__myinfo {
	margin-bottom: 1.5rem; }

.combin-history__myinfo.c-table > table {
    border-top: 0.0625rem solid #a7cdf6; }

.combin-history__myinfo.c-table tbody tr:last-child {
    border-bottom: 0.0635rem solid #a7cdf6; }

.combin-history__myinfo.c-table th {
    padding: 1rem 0.75rem;
    text-align: left;
	border-left: 0.0625rem solid #cfe4fa;
    border-right: 0.0625rem solid #cfe4fa;
    border-bottom: 0.0625rem solid #cfe4fa;
    background: #e6f1fc;
    color: #4c4c4c;
    word-break: break-word; }

.combin-history__myinfo.c-table td {
	padding: 1rem 0.75rem;
	text-align: left;
	border-left: 0.0625rem solid #cfe4fa;
    border-right: 0.0625rem solid #cfe4fa;
    border-bottom: 0.0625rem solid #cfe4fa;
    color: #1d1d1b;
    word-break: break-word; }

.combin-history__myinfo.c-table th:first-child, .combin-history__myinfo.c-table td:first-child {
    border-left: 0; }
.combin-history__myinfo.c-table th:last-child, .combin-history__myinfo.c-table td:last-child {
    border-right: 0; }

.combin-history__myinfo.c-table td.progress-info {
    color: #006bdd;
    font-weight: 700;}

.combin-history__myinfo.c-table td .rate-info {
    color: #707070; }

.combin-history__list.c-table th {
    padding: 1rem 0.75rem;
    text-align: left;
    color: #4c4c4c;
    word-break: break-word;}

.combin-history__list.c-table td {
	padding: 1rem 0.75rem;
	text-align: left;
    color: #1d1d1b;
    word-break: break-word; }

.combin-history__list.c-table td .rate-info {
    color: #707070; }

.combin-history__list.c-table td .date-info {
    color: #006bdd;
    margin-top: 0.375rem; }

.combin-history__progress h3 {
    position: relative;
    margin: 2.5rem 0 0.25rem;
    font-size: 1rem;
    font-weight: 500; }

.combin-history__subtit {
	color: #707070;
	font-size: 0.8125rem;
    font-weight: 400;
    margin-bottom: 1.25rem; }

.combin-history__proginfo.c-table th {
    padding: 1rem 0.75rem;
    text-align: left;
    color: #4c4c4c;
    word-break: break-word;}

.combin-history__proginfo.c-table td {
	padding: 1rem 0.75rem;
	text-align: left;
    color: #1d1d1b;
    word-break: break-word; }

.combin-history__proginfo.c-table td .progress-info {
	display: inline-block;
	margin-top: 0.25rem;
    padding: 0 0.25rem;
    font-size: 0.75rem;
    font-weight: 300;
    border-radius: 0.1875rem;
    background: #006bdd;
    color: #fff; }

.combine-complete {
    padding-top: 4rem;
    margin-bottom: 2.5rem;
    text-align: center; }

.combine-complete__txt {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    font-size: 1.375rem;
    font-weight: 700; }

.combine-complete__subtxt {
	color: #707070;
	font-size: 1rem;
    font-weight: 500;
    word-break: break-word;
    text-align: left;
    margin-bottom: 0.125rem; }
.combine-complete__subtxt:last-child {
    margin-bottom: 0; }

.combine-complete__list h3 {
	position: relative;
    display: block;
    margin: 2.25rem 0 1rem;
    font-size: 1rem;
    font-weight: 500; }

.combine-complete__list .c-table th {
    padding: 1rem 0.875rem;
    text-align: left;
    color: #707070;
    word-break: break-word;}

.combine-complete__list .c-table td {
	padding: 1rem 0.875rem;
	text-align: left;
    color: #1d1d1b;
    word-break: break-word; }

.combine-complete__confirm {
    margin-top: 3rem;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0; }

.combine-complete__confirm .c-button {
	width: 100%;
    padding: 1rem 0.75rem;
    font-size: 1rem;
    background-color: #1d1d1b;
    border: 0.0625rem solid #1d1d1b;
    color: #fff; }

.kt-combine-banner {
  position: relative;
  padding: 2.75rem 1.875rem 7.5rem;
  background: #ed0000;
  color: #fff;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  height: 18.875rem;
  background-color: #f8e3d4; }

.kt-combine-banner__wrap {
  position: relative;
  z-index: 2; }

.kt-combine-banner__wrap strong {
  display: block;
  font-size: 1.375rem;
  line-height: 1.9375rem;
  color: #333;
  letter-spacing: -0.07125rem;
  font-weight: 400; }
.kt-combine-banner__wrap strong span {
  color: #95452b;
  font-weight: 500;
}
.kt-combine-banner__wrap p {
  margin-top: 0.5rem;
  font-size: 0.9375rem;
  word-break: break-word; }

.kt-combine-banner__wrap button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 10.406rem;
  height: 2rem;
  line-height: 1.875rem;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #95452b;
  border-radius: 1rem;
  margin-top: 1.125rem;
  border: 0.0625rem solid #95452b; }

.kt-combine-banner__wrap button .c-icon {
  filter: brightness(0) saturate(100%) invert(41%) sepia(31%) saturate(823%) hue-rotate(337deg) brightness(76%) contrast(97%);
  margin: 0 0 0.25rem 0.5rem; }

.kt-combine-banner__image {
  position: absolute;
  width: 23.4375rem;
  height: 18.875rem;
  left: auto;
  right: 0;
  bottom: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.kt-combine-banner__image img {
  width: 100%;
  vertical-align: bottom; }

.kt-combine-content {
	margin-top: 3rem; }

.kt-combine-head {
  margin-top: 3.75rem;
  text-align: center;
  font-size: 1rem;
}
.kt-combine__title {
  font-size: 1.375rem;
  font-weight: 700;
}
.kt-combine__text {
  margin-top: 0.4375rem;
  padding: 0 0.625rem;
}
.kt-combine__subtext {
  margin-top: 0.375rem;
  color: #707070;
  font-size: 0.8125rem;
}



.kt-combine-title {
  margin-top: 3.875rem;
  font-size: 1.25rem;
  font-weight: 700;
}
.kt-combine-title > .c-icon {
  margin-right: 0.5rem;
  -webkit-transform: translateY(-0.25rem);
  transform: translateY(-0.25rem);
}
.kt-combine-title__button {
    display: inline-block;
    margin-left: 0.4375rem;
    transform: translateY(-0.125rem);
}
.kt-combine-title__button button {
    width: 7.125rem;
    height: 1.625rem;
    background-color: #fff;
    border: 0.0625rem solid #ddd;
    color: #4c4c4c;
    font-size: 0.75rem;
    border-radius: 0.25rem;
    line-height: 1.625rem;
    padding: 0 0.5625rem;
    text-align: left;
    letter-spacing: -0.027rem;
}
.kt-combine-title__button .c-icon {
	width: 0.6875rem;
  height: 0.6875rem;
  margin-right: 0.375rem;
  transform: translateY(-0.0625rem);
}
.kt-combine-title + .c-notice--red {
  margin-top: 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.kt-combine-title + .c-notice--red .c-icon {
  width: 1rem;
  height: 1rem;
}
.kt-combine-title + .c-notice--red .c-text-link--red {
  font-size: 0.875rem;
}
.kt-combine-text {
  margin-top: 1rem;
  font-size: 1rem;
}
.kt-combine-wrap .c-text-list.c-bullet > .c-text-list__item.u-co-gray::before {
  width: 0.25rem;
  height: 0.25rem;
  background-color: #aaa;
}
.kt-combine-wrap  .c-bullet--dot:not(.c-text-list), .kt-combine-wrap .c-bullet--dot.c-text-list > .c-text-list__item {
  margin-top: 0.25rem;
  padding-left: 0.5625rem;
  color: #4c4c4c;
}
.kt-combine-product-box {
  display: flex;
  flex-direction: column;
  gap: 0.625rem 0;
  margin-top: 1.25rem;
}
.kt-combine-product-box__item {
  flex: 1;
  padding: 1.75rem 1.1875rem 1.9375rem;
  border: 0.0625rem solid #f8e3d4;
  border-radius: 0.5rem;
  background-color: #fdf5f0;
}
.kt-combine-product-box__item .c-button-wrap.u-mt--32 {
  margin-top: 1.9375rem !important;
}
.kt-combine-product-box__item .c-button {
  width: 11.25rem;
  height: 1.875rem;
  padding: 0 1rem;
  font-size: 0.875rem;
  border-radius: 0.9375rem;
  background-color: #95452b;
  border: 0.0625rem solid #95452b;
  color: #fff;
}
.kt-combine-wrap .kt-combine-product-box .c-text-list.c-bullet {
  margin-top: 0.625rem;
}
.kt-combine-wrap .kt-combine-product-box .c-text-list.c-bullet .c-text-list__item ~ .c-text-list__item {
    margin-top: 0.25rem;
}
.kt-combine-wrap .kt-combine-product-box .c-text-list.c-bullet span {
  color: #95452b;
  font-weight: 500;
}
.kt-combine-wrap .kt-combine-product-box .c-text-list.c-bullet > .c-text-list__item.u-co-gray::before {
  background-color: #999;
}
.kt-combine-product-box__title {
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
}
.kt-combine-product-box__text {
  margin-top: 0.3125rem;
  font-size: 0.8125rem;
  color: #707070;
  padding-left: 0.625rem;
}
.kt-combine-product-box__text span {
  color: #008080;
  font-weight: 700;
}
.kt-combine-product-box__text ~ .kt-combine-product-box__text {
  margin-top: 0.5rem;
}
.c-accordion.kt-combine {
  margin-top: 1.25rem;
  border: 0.0625rem solid #eaeaea;
  border-radius: 0.5rem;
}
.c-accordion.kt-combine .c-accordion__head {
  position: relative;
  margin: 0;
  padding: 0;
  padding: 1.4375rem 1.1875rem  0;
}
.kt-combine-adv-box {

}
.kt-combine-adv__item {
  margin-bottom: 0.875rem;
  line-height: 1.5;
}
.kt-combine-adv__item ~ .kt-combine-adv__item {
  padding-top: 1.4375rem;
  border-top: 0.0625rem solid #eaeaea;
}
.kt-combine-adv__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.kt-combine-adv__question p {
  margin-left: 1.875rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.kt-combine-adv__question span {
  position: absolute;
  top:  -0.0625rem;
  width: 1.375rem;
  height: 1.375rem;
  text-align: center;
  background-color: #95452b;
  border-radius: 50%;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.375rem;
}
.kt-combine-adv__answer {
  display: flex;
  position: relative;
  margin-top: 0.625rem;
}
.kt-combine-adv__answer p {
  margin-left: 1.875rem;
  font-size: 0.875rem;
  color: #4c4c4c;
  word-break: break-all;
}
.kt-combine-adv__answer span {
  position: absolute;
  top: -0.0625rem;
  width: 1.375rem;
  height: 1.375rem;
  text-align: center;
  background-color: #f8e3d4;
  border-radius: 50%;
  color: #9d6054;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.375rem;
}
.c-accordion.kt-combine .c-accordion__button {
	justify-content: center;
  width: 100%;
  height: 2.5rem;
  z-index: 2;
  background-color: #f7f7f7;
  color: #1d1d1b;
  position: relative;
  margin-top: 0.0625rem;
  font-weight: 500;
  border-radius: 0 0 0.5rem 0.5rem;
  font-size: 0.75rem;
  color: #4c4c4c;
  line-height: 3.125rem;
}
.c-accordion.kt-combine .c-accordion__button:after {
  content: none;
}
.c-accordion.kt-combine .c-accordion__button.is-active {
    margin-top: 0;
}
.c-accordion.kt-combine .c-accordion__button .c-icon {
	width: 0.8125rem;
  height: 0.8125rem;
  transition: all 0.3s;
  -webkit-transform: translate(0.1875rem, 0) rotate(90deg);
  transform: translate(0.1875rem, 0) rotate(90deg);
}
.c-accordion.kt-combine .c-accordion__button.is-active .c-icon {
  -webkit-transform: translate(0.3125rem, -0.0625rem) rotate(-90deg);
  transform: translate(0.3125rem, -0.0625rem) rotate(-90deg);
}
.c-accordion.kt-combine .c-accordion__inside {
  position: relative;
  padding: 1.8125rem 1.1875rem 0.5rem;
}
.c-accordion.kt-combine .c-accordion__inside::before {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  top: 0.3125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(100% - 2.375rem);
  height: 0.0625rem;
  background-color: #eaeaea;
}
.c-accordion.kt-combine .c-accordion__inside .kt-combine-adv-box {

}
.c-accordion.kt-combine .c-accordion__panel.expanding {
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}








.kt-combine-step {
  margin-top: 1.5rem;
}
.kt-combine-step__item {
  display: flex;
  flex-direction: column;
  border: 0.0625rem solid #f8e3d4;
  border-radius: 0.5rem;
}
.kt-combine-step__item ~ .kt-combine-step__item {
  margin-top: 0.625rem;
}
.kt-combine-step__title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.3125rem 0;
  background-color: #fdf5f0;
  border-radius: 0.4375rem 0.4375rem 0 0;
}
.kt-combine-step__icon {
    width: 3.75rem;
    height: 3.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.6875rem;
    margin-left: -1.1875rem;
}
.kt-combine-step__icon .c-icon {

}
.kt-combine-step__title b {
  font-size: 1.125rem;
  color: #95452b;
  margin-top: 0.625rem;
}
.kt-combine-step__title p {
  font-size: 0.75rem;
  color: #4c4c4c;
  margin-top: -0.125rem;
}
.kt-combine-step__desc {
  flex: 1;
  padding: 1.125rem 1.1875rem;
}
.kt-combine-step__desc .c-text-list.c-bullet {
  margin-top: 0;
}
.kt-combine-step__desc .c-text-list.c-bullet .c-text-list__item {
  padding-left: 1.3125rem;
  font-size: 0.875rem;
  color: #333;
  word-break: keep-all;
}
.kt-combine-step__desc .c-bullet:not(.c-text-list), .c-bullet.c-text-list > .c-text-list__item {
  margin-top: 0.375rem;
}
.kt-combine-step__desc .c-text-list.c-bullet .c-text-list__item:first-child {
  margin-top: 0;
}
.kt-combine-step__desc .c-bullet--dot-number > .c-text-list__item::before {
  width: 1rem;
  height: 1rem;
  top: 0.125rem;
  margin-right: 0.375rem;
  font-size: 0.75rem;
  font-family: 'Pretendard';
  line-height: 1.125rem;
  background-color: #95452b;
}
.kt-combine-step__desc .c-text-list.c-bullet .c-text-list__item span {
  color: #95452b;
}
.kt-combine-step__desc .c-text-list.c-bullet .c-text-list__item button {
  position: relative;
  display: inline-block;
  color: #95452b;
  font-size: 0.8125rem;
  margin: 0.1875rem 0 0.125rem 0.125rem;
}
.kt-combine-step__desc .c-text-list.c-bullet .c-text-list__item .c-text--underline::before {
	bottom: 0;
  border-bottom: 0.0625rem solid #95452b;
}
#divChild.combine-form .c-table th, #divChild.combine-form .c-table td {
  padding: 0.875rem;
}
#divChild.combine-form .c-table td .c-radio + .c-label {
  margin-right: 0;
  padding-left: 0rem;
  width: 1.5rem;
  height: 1.5rem;
  top: 0.125rem;
}

.combine-checklist {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    margin-bottom: 2.5rem;
    padding: 1.75rem 1.25rem 1.25rem;
    background: #f9f9f9;
    position: relative;
    display: block; }

.combine-checklist .c-text-link--bluegreen {
    margin-left: 0; }

.combine-checklist p {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #00c0aa; }

.combine-checklist__list {
	margin: 0.875rem 0 1rem;
	font-size: 0.8125rem;
	counter-reset: num; }

.combine-checklist__list li {
	position: relative;
    margin-top: 0.625rem;
    padding-left: 0.75rem;
    color: #707070;
    word-break: break-word; }

.combine-checklist__list li::before {
    counter-increment: num;
    content: counter(num) ". ";
    position: absolute;
    top: 0;
    left: 0; }

.combine-checklist .combine-checklist__tit {
    font-size: 0.8125rem;
    font-weight: 700;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -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;
    color: #1d1d1b; }

.combine-checklist .combine-checklist__tit span {
    margin-left: 0.25rem; }

.combine-checklist .combine-checklist__subtit {
    font-size: 0.8125rem;
    font-weight: 500;
	margin-top: 1rem;
	color: #1d1d1b; }

.combine-checklist .combine-checklist__subtit.u-co-red {
    font-size: 0.8125rem;
    font-weight: 700; }

.combine-checklist__item {
    margin-top: 1rem;
    font-size: 0.8125rem;
    font-weight: 400; }

.combine-checklist__item li {
	margin-top: 0.5rem;
    padding-left: 0.625rem;
    position: relative;
    color: #707070; }

.combine-checklist__item li::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0.4375rem;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #1d1d1b;
    background-color: #d8d8d8; }

.combine-checklist__item.no-bullet {
    margin-top: 0;
    font-size: 0.8125rem;
    font-weight: 400; }

.combine-checklist__item.no-bullet li {
	margin-top: 0.5rem;
    padding-left: 0.625rem;
    position: relative;
    color: #707070; }

.combine-checklist__item.no-bullet li::before {
    content: none; }

.combine-target__txt {
	font-size: 0.875rem;
	color: #707070;
	margin-top: 0.625rem;
    margin-bottom: 1rem; }

.combine-target__txt .c-icon--tooltip {
    cursor: pointer;
    margin-left: 0;
    top: -0.0625rem;}

.combine-checklist .c-label {
   	font-size: 0.8125rem;
    font-weight: 700;
    color: #4c4c4c; }

.combine-checklist .c-checkbox + .c-label {
    padding-left: 1.75rem; }

.combine-checklist .c-checkbox--type3 + .c-label::before {
    background: url(../../images/portal/common/ico_checkbox_square.svg) no-repeat 50% 50%;
    background-size: 1.375rem; }
.combine-checklist .c-checkbox--type3:checked + .c-label::before {
    background: url(../../images/portal/common/ico_checkbox_square_checked.svg) no-repeat 50% 50%;
    background-size: 1.375rem; }

.combine-form .c-notice--red {
    margin-bottom: 2rem; }

.combine-form .c-form__title--type2 + .c-notice--red {
    margin-bottom: 1rem;
}

.combine-form .c-notice--red .c-text-link--red {
    margin-left: 0; }

.combine-form .combine-check {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0;
	margin-top: 2rem;
    margin-bottom: 2.5rem; }

.combine-form .combine-check .c-button {
	position: relative;
    display: inline-block;
    font-weight: 500;
    border-radius: 0.5rem;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    padding: 1rem 0.75rem;
    font-size: 1rem;
    background-color: #00c3bd;
    border: 0.0625rem solid #fff;
    color: #fff;
    min-height: 3.563rem; }

.combine-target__result .c-form__input .c-input {
    border: 0.0625rem solid #00c0aa; }

.combin-Info-Agree h3 {
	font-size: 1rem;
	font-weight: 500;
    margin-top: 2.5rem;
    margin-bottom: 0.75rem; }

.combin-Info-Agree p {
	font-size: 0.875rem;
	color:#4c4c4c;}

.combin-Info-Agree .combin-Info-Agree__wrap {
    padding: 2rem 4.375rem;
	margin-top: 1.75rem;
	margin-left: -1.25rem;
    margin-right: -1.25rem;
    background: #f0f7f8; }

.combin-Info-Agree .combin-Info-Agree__wrap .process-wrap {
	position: relative;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.combin-Info-Agree .combin-Info-Agree__wrap .process-wrap .process-list {
	position: relative;
    background-color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem 1rem 1.25rem;
    border-radius: 1rem;
    width: 100%;
    margin-bottom: 2.4375rem; }

.combin-Info-Agree .combin-Info-Agree__wrap .process-wrap .process-list:last-child {
    margin-bottom: 0; }

.combin-Info-Agree .combin-Info-Agree__wrap .process-wrap .process-list:nth-child(n+2)::before {
    background: url(../../images/portal/common/ico_triangle_default.svg) 50% 50% no-repeat;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 50%;
    top: -1.625rem;
    width: 0.875rem;
    height: 0.875rem; }

.combin-Info-Agree .combin-Info-Agree__wrap .process-wrap .process-list .process-list__step {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0;
    background-color: #008080;
    border-radius: 50%;
    font-size: 0.6875rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.25rem;
    letter-spacing: 0.05rem;
    vertical-align: top;
    text-align: center; }

.combin-Info-Agree .combin-Info-Agree__wrap .process-wrap .process-list strong {
    margin: 1rem 0 0.5rem;
    font-size: 0.875rem;
    font-weight: 500; }

.combin-Info-Agree .combin-Info-Agree__wrap .process-wrap .process-list p {
    margin-top: 0;
    color: #707070;
    font-size: 0.8125rem;
    font-weight: 400; }

.combin-Info-Agree.agree-type2 h3 {
  font-size: 1rem;
  font-weight: 500;
    margin-top: 0.5rem;
    margin-bottom: 0.75rem; }

.combin-Info-Agree.agree-type2 p {
  font-size: 0.875rem;
  color:#4c4c4c;}

.combin-Info-Agree.agree-type2 .combin-Info-Agree__wrap {
    padding: 1.25rem;
	  margin-top: 1.25rem;
	  margin-left: -1.25rem;
    margin-right: -1.25rem;
    background: #f0f7f8; }

.combin-Info-Agree.agree-type2 .combin-Info-Agree__wrap .process-wrap {
  position: relative;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.combin-Info-Agree.agree-type2 .combin-Info-Agree__wrap .process-wrap .process-list {
  position: relative;
    background-color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.25rem 1rem 1.25rem;
    border-radius: 1rem;
    width: 100%;
    margin-bottom: 2.4375rem; }

.combin-Info-Agree.agree-type2 .combin-Info-Agree__wrap .process-wrap .process-list:last-child {
    margin-bottom: 0; }

.combin-Info-Agree.agree-type2 .combin-Info-Agree__wrap .process-wrap .process-list:nth-child(n+2)::before {
    background: url(../../images/portal/common/ico_triangle_default.svg) 50% 50% no-repeat;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 50%;
    top: -1.625rem;
    width: 0.875rem;
    height: 0.875rem; }

.combin-Info-Agree.agree-type2 .combin-Info-Agree__wrap .process-wrap .process-list .process-list-item {
    position: relative;
    margin-bottom: 2.125rem;
}
.combin-Info-Agree.agree-type2 .combin-Info-Agree__wrap .process-wrap .process-list .process-list-item:last-child {
    margin-bottom: 0;
}
.combin-Info-Agree.agree-type2 .combin-Info-Agree__wrap .process-wrap .process-list .process-list-item:nth-child(n+2)::before {
    background: url(../../images/portal/common/ico_triangle_default.svg) 50% 50% no-repeat;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 50%;
    top: -1.625rem;
    width: 0.875rem;
    height: 0.875rem; }

.combin-Info-Agree.agree-type2 .combin-Info-Agree__wrap .process-wrap .process-list .process-list__step {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0;
    background-color: #008080;
    border-radius: 50%;
    font-size: 0.6875rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.25rem;
    letter-spacing: 0.05rem;
    vertical-align: top;
    text-align: center; }

.combin-Info-Agree.agree-type2 .combin-Info-Agree__wrap .process-wrap .process-list strong {
    margin: 1rem 0 0.5rem;
    font-size: 0.875rem;
    font-weight: 500; }

.combin-Info-Agree.agree-type2 .combin-Info-Agree__wrap .process-wrap .process-list p {
    margin-top: 0;
    color: #707070;
    font-size: 0.8125rem;
    font-weight: 400; }

.combine-complete__listsubtxt {
	font-size: 0.875rem;
    font-weight: 400;
    color: #707070;
    margin-top: 1rem; }

.combine-self-banner {
    position: relative;
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
    padding: 2.6875rem 1.875rem 7.5rem;
    height: 18.875rem;
    background-color: #000;
    color: #fff; }

.combine-self-banner__wrap {
	position: relative;
    z-index: 2; }

.combine-self-banner__wrap strong {
	display: block;
	letter-spacing: -0.078rem;
    font-size: 1.5rem;
    font-weight: 500; }

.combine-self-banner__wrap p {
    margin-top: 0.375rem;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500; }

.combine-self-banner__wrap a {
	position: relative;
    display: inline-block;
    margin-top: 0.75rem;
    height: 2rem;
    min-width: 7.0625rem;
    min-height: 2rem;
    line-height: 1.875rem;
    font-size: 0.875rem;
    font-weight: 500;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 1rem;
    border: 0.0625rem solid #fff;
    padding: 0 0.9375rem;
    text-align: left; }

.combine-self-banner__wrap a + a {
    width: 9.25rem; }

.combine-self-banner__wrap .c-icon {
    position: absolute;
    right: 0.875rem;
    top: 0.25rem;
    width: 1.25rem;
    height: 1.25rem;
    background: url(/resources/images/mobile/common/ico_anchor_white.svg) 50% 50% no-repeat; }

.combine-self-banner__image {
    position: absolute;
    width: 23.4375rem;
    height: 18.875rem;
    left: auto;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 1; }

.combine-self-banner__image img {
	width: 100%;
    vertical-align: bottom; }

.combine-head {
    text-align: center;
    font-size: 0.8125rem; }

.combine-head img {
    width: 100%;
    vertical-align: bottom; }

.combine-head__title {
    margin-top: 3.25rem;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.8125rem;
    color: #000; }

.combine-head__text {
	margin-top: 0.5625rem;
    font-size: 0.8125rem;
    color: #4c4c4c; }

.combine-self-service__wrap {
	width: 87%;
	margin: 2.5rem auto; }

.combine-self-service__list {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  	-webkit-box-orient: vertical;
 	-webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

.combine-self-service__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 0.5625rem 0;
    border: 0.0625rem solid #eaeaea;
    border-radius: 1rem; }

.combine-self-service__item ~ .combine-self-service__item {
    margin-top: 0.625rem; }

.combine-self-service__item:nth-child(2) {
    background-color: #f5f5f5;
    border: 0.0625rem solid #f5f5f5; }

.combine-self-service__item:nth-child(2) .combine-self-service__img {
    order: 2; }

.combine-self-service__item:nth-child(2) .combine-self-service__text {
    -webkit-transform: translateX(0.25rem);
    transform: translateX(0.25rem);
    text-align: right; }

.combine-self-service__img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.combine-self-service__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transform: translateX(-0.25rem);
    transform: translateX(-0.25rem);
    text-align: left; }

.combine-self-service__item img {
    width: 7rem;
    height: 4.5rem; }

.combine-self-service__item p {
    font-size: 0.875rem;
    font-weight: 500;
    color: #000; }

.combine-self-offer {
    position: relative;
    margin-top: 2.5rem;
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
    background: #f5f5f5; }

.combine-self-offer__wrap {
    padding: 3.375rem 1.25rem 1.5625rem;
    text-align: center; }

.combine-self-offer__wrap .combine-self-offer__title {
    margin-top: 0.5rem;
	font-size: 1.25rem;
	color: #000; }

.combine-self-offer__wrap .combine-self-offer__title span {
	color: #005aff; }

.combine-self-offer__wrap p {
	font-size: 0.8125rem;
	color: #4c4c4c; }

.combine-self-offer__wrap img {
    width: 100%;
	margin-top: 0.6875rem; }

.combine-head-anyone {
    margin-top: 1.5rem;
    margin-bottom: 2.5rem; }

.combine-head-anyone .c-text-list > .c-text-list__item {
    font-size: 0.75rem; }

.combine-head-anyone .c-text-list > .c-text-list__item::before {
    top: -0.0625rem;
    font-size: 0.75rem; }

.combine-head .anyone-plan {background: #f8f8f8; }
.combine-head .anyone-plan-wrap {width: 100%; margin: 0 auto;}
.combine-head .anyone-plan-wrap table {width: 100%; border: 0.0625rem solid #c2c2c2 !important; border-top: 0.125rem solid #222 !important; border-bottom: 0.125rem solid #222 !important;}
.combine-head .anyone-plan-wrap table tr > * {font-size: 0.625rem !important; padding: 0 0.6em; border-top: 0.0625rem solid #c2c2c2;}
.combine-head .anyone-plan-wrap table tr > *:nth-child(2) {border-left: 0.0625rem solid #c2c2c2;}
.combine-head .anyone-plan-wrap table th {font-weight: 500; line-height: 2.3em; color: #1f1c17; background: #ececec; text-align: left;}
.combine-head .anyone-plan-wrap table th:nth-child(2) {width: 25.254%; text-align: center;}
.combine-head .anyone-plan-wrap table td {font-weight: 400; line-height: 1.8em; color: #3d3d3d; vertical-align: middle; text-align: left;}
.combine-head .anyone-plan-wrap table td:nth-child(2) {width: 25.254%;}
.combine-head .anyone-plan-wrap table td:nth-of-type(2) {text-align: center;}
.combine-head .anyone-plan-wrap table thead tr > * {border-top: none;}
.combine-head .anyone-plan-tab {display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center;}
.combine-head .anyone-plan-tab label {font-size: 0.75rem; font-weight: 700; text-align: center; line-height: 2.3em; color: #3d3d3d; width: 33.333%; background: #ececec; border: 0.0625rem solid #c2c2c2; border-left: none; cursor: pointer; transition: 0.3s;}
.combine-head .anyone-plan-tab label:nth-of-type(1) {border-left: 0.0625rem solid #c2c2c2;}
.combine-head .anyone-plan-table > div {display: none;}
.combine-head .anyone-plan-tab label:hover, .anyone-plan-tab label:focus,
.combine-head .anyone-plan input[type="radio"]:nth-of-type(1):checked ~ .anyone-plan-tab label:nth-of-type(1),
.combine-head .anyone-plan input[type="radio"]:nth-of-type(2):checked ~ .anyone-plan-tab label:nth-of-type(2),
.combine-head .anyone-plan input[type="radio"]:nth-of-type(3):checked ~ .anyone-plan-tab label:nth-of-type(3) {color: #fff; background: #00a793; border-color: #00a793;}
.combine-head .anyone-plan input[type="radio"]:nth-of-type(1):checked ~ .anyone-plan-table > div:nth-of-type(1),
.combine-head .anyone-plan input[type="radio"]:nth-of-type(2):checked ~ .anyone-plan-table > div:nth-of-type(2),
.combine-head .anyone-plan input[type="radio"]:nth-of-type(3):checked ~ .anyone-plan-table > div:nth-of-type(3) {display: block;}

.c-modal .combine-head-anyone {margin-top: 0; margin-bottom: 0;}

.combine-self {
    margin-top: 3rem; }

.combine-self #divResult #divReg .c-agree {
    margin-top: 2rem;
    padding-top: 0;
    border-top: 0; }

.combine-self-success {
    position: relative;
	margin-top: 2rem;
    padding: 1rem;
    background-color: #e6f1fd;
    border: 0.0625rem solid #c5defa;
    border-radius: 0.625rem;
    font-size: 0.9375rem;
    text-align: center; }

.combine-self-success b {
	color: #0573e8; }

.combine-self-success img {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    width: 2.875rem;
    height: 2.875rem; }

.combine-self-success__subtxt {
    font-size: 0.8125rem;
    margin-top: 0.5rem; }

.combine-self-fail {
    position: relative;
	margin-top: 2rem;
    padding: 1rem;
    background-color: #fff3f3;
    border: 0.0625rem solid #f5b0b0;
    border-radius: 0.625rem;
    font-size: 0.9375rem;
    text-align: center; }

.combine-self-fail b {
	color: #d61c20; }

.combine-self-fail img {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    width: 2.875rem;
    height: 2.875rem; }

.combine-self-fail__subtxt {
    font-size: 0.8125rem;
    margin-top: 0.5rem; }

.combine-self-default {
  position: relative;
  margin-top: 2rem;
  padding: 1rem;
  background-color: #f9f9f9;
  border: 0.0625rem solid #ddd;
  border-radius: 0.625rem;
  font-size: 0.9375rem;
  text-align: center; }

.combine-self-default b {
  color: #0069d9; }

.combine-self-default img {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  width: 2.875rem;
  height: 2.875rem; }

.combine-self-default__subtxt {
  font-size: 0.8125rem;
  margin-top: 0.5rem; }

.insrguide-info {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

.insrguide-info__item {
	position: relative;
    background-color: #f9f9f9;
    text-align: center;
    margin-bottom: 0.75rem;
    padding: 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 1rem; }

.insrguide-info__item:last-child {
	margin-bottom: 0; }

.insrguide-info__item p {
    margin-bottom: 0.125rem;
    font-size: 1rem;
    font-weight: 500; }

.insrguide-info__item strong {
    font-size: 1.375rem;
    font-weight: 700; }

.quick-guide__tit {
	position: relative;
    display: block;
	margin-top: 3rem;
	padding: 1.25rem 0;
    color: #4c4c4c;
    font-size: 1rem;
    font-weight: 500; }

.quick-guide__tit:first-child {
    margin-top: 0; }

.theft__wrap {
	margin-top: 3rem; }

.theft__wrap p {
	word-break: break-word; }

.theft__wrap .mint {
	color: #00c0aa; }

.theft__wrap .theft__title {
    margin: 3rem 0 1.125rem;
    letter-spacing: -0.025rem;
    font-size: 1.25rem;
    font-weight: 500; }

.theft__wrap .theft__subtitle {
    margin-top: 2.5rem;
    color: #1d1d1b;
    font-weight: 700;
    font-size: 0.875rem;
    letter-spacing: -0.049rem;}

.theft__wrap .c-hr {
	position: relative;
    height: 0.0625rem;
    border: 0;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-bottom: 1.25rem;}

.theft__wrap .c-hr::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    display: block;
    clear: both;
    background: #eaeaea; }

.theft__wrap .theft-Adv-box {
	padding: 2rem 1.25rem 1.75rem 1.25rem;
    background: #f9f9f9;
    border-radius: 0.75rem;
    position: relative;
    display: block;
    margin-top: 1.25rem; }

.theft__wrap .theft-Adv__item {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.875rem; }

.theft__wrap .theft-Adv__item img{
	width: 3.125rem;
	height: 3.125rem; }

.theft__wrap .theft-Adv__item:last-child {
    margin-bottom: 0; }

.theft__wrap .theft-Adv__panel {
   	margin-left: 1.25rem; }

.theft__wrap .theft-Adv__panel strong {
   	position: relative;
   	margin-top: -0.125rem;
   	margin-bottom: 0.375rem;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: -0.036rem;}

.theft__wrap .theft-Adv__panel p {
	color: #707070;
   	font-size: 0.8125rem;
   	letter-spacing: -0.038rem; }

.theft__wrap .theft-Adv__texlist {
    color: #707070;
    font-size: 0.8125rem; }

.theft__wrap .theft-Adv__texlist li {
	position: relative;
    padding-left: 0.4375rem;
    word-break: break-all; }

.theft__wrap .theft-Adv__texlist li::before {
	content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 0.25rem;
    height: 0.0625rem;
    border-radius: 50%;
    background: #888; }

.theft__wrap .theft-safer__wrap {
	text-align: center;
	margin-top: 3rem;
	margin-bottom: 3rem; }

.theft__wrap .theft-safer__img {
    width: 100%;
    vertical-align: bottom; }

.theft__wrap .theft-safer__title {
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    color: #1d1d1b;
    font-weight: 500;
    font-size: 1rem; }

.theft__wrap .theft-safer__subtxt {
	margin-top: 0.25rem;
    color: #707070;
    font-size: 0.875rem;
    letter-spacing: -0.036rem; }


.theft__wrap .theft-service {
	margin-top: 1rem;
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
	padding: 1.5rem 1.25rem;
    background: #f9f9f9;
   	letter-spacing: -0.038rem; }

.theft__wrap .theft-service__title {
	margin-top: 1.625rem;
	margin-bottom: 0.75rem;
	color: #00c0aa;
    font-size: 0.8125rem;
    font-weight: 700;}

.theft__wrap .theft-service__title:first-child {
	margin-top: 0; }

.theft__wrap .theft-service__txt {
    position: relative;
	padding-left: 0.625rem;
	color: #4c4c4c;
	font-size: 0.8125rem; }

.theft__wrap .theft-service__txt::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0.4375rem;
    left: 0;
    width: 0.1875rem;
    height: 0.1875rem;
    border-radius: 50%;
    background: #d8d8d8; }

.theft__wrap .theft-service .c-text-link--bluegreen {
    margin-left: 0; }

.watch-join-wrap .watch-join__title {
	position: relative;
    display: block;
    margin: 3rem 0 1rem;
    font-size: 1.25rem;	}

.watch-join-wrap ._Step1 .watch-join__title {
    margin-top: 2.5rem; }

.watch-join-wrap .c-hr {
	position: relative;
    margin: 2rem 0 1.5rem;
    height: 0.0625rem;
    margin-top: 0;
    border: 0;
    width: 100%;
    webkit-box-flex: 0;
    -ms-flex: none;
    flex: none; }

.watch-join-wrap .c-hr::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    display: block;
    clear: both;
    background: #eaeaea; }

.watch-join-wrap .btn-usercheck {
    margin-top: 2rem; }

.esim-box__title {
    margin: 2rem 0 1.25rem;
    font-size: 1rem;
    font-weight: 500; }

.esim-txtbox {
	position: relative;
    display: block;
    margin-top: 1rem;
    padding: 1.5rem 1.25rem;
    background-color: #f9f9f9; }

.esim-txtbox .esim-txtbox__tit {
    margin-bottom: 1rem;
	font-size: 0.8125rem;
    font-weight: 700;
    color: #00c0aa; }

.esim-txtbox .esim-txtbox__list {
	margin: 0;
    font-size: 0.8125rem; }

.esim-txtbox .esim-txtbox__item {
	position: relative;
	margin-top: 0.5rem;
    padding-left: 0.5rem;
    color: #707070;
    word-break: break-word; }

.esim-txtbox .esim-txtbox__item:first-child {
    margin: 0; }

.esim-txtbox .esim-txtbox__item::before {
	content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0.375rem;
    left: 0;
    width: 0.1875rem;
    height: 0.1875rem;
    border-radius: 50%;
    background: #d8d8d8; }

.esim-txtbox .c-text-link--bluegreen {
    margin-left: 0; }

.btn-usercheck {
	margin-top: 3rem;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0; }

.btn-usercheck button {
	background-color: #1d1d1b;
    border: 0.0625rem solid #1d1d1b;
    color: #fff;
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    padding: 1rem 0.75rem;
    font-size: 1rem;	}

.watch-sign {
    margin-top: 1rem;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0; }

.watch-sign button {
	position: relative;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.5rem;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    padding: 1rem 0.75rem;
    font-size: 1rem;
    background-color: #00c3bd;
    border: 0.0625rem solid #fff;
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.esim-slot-box {
    position: relative;
    padding: 0.8675rem;
    margin-bottom: 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    text-align: left;
	border: 0.0625rem solid rgba(231, 57, 57, 0.1);
    color: #fde1e0;
    background-color: #fff3f3; }

.esim-slot-box__list  {
	font-size: 0.875rem; }

.esim-slot-box__list  li {
    position: relative;
	margin-top: 0.5rem;
    padding-left: 0.5rem;
    word-break: break-word;
    color: #4c4c4c; }
.esim-slot-box__list  li:first-child {
	margin-top: 0; }

.esim-slot-box__list  li::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #a9abaa; }

.esim-slot-box__list  li.u-co-red::before {
    background-color: #ed0000; }

.esim-slot-box__list  li span {
	word-break: break-word;
    color: #ed0000; }

.esim-slot-box__err  {
    margin-top: 1rem;
	font-size: 0.875rem;
    position: relative;
    padding-left: 1.375rem;
    word-break: break-word;
    color: #ed0000; }

.esim-slot-box__err::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 1.0625rem;
    height: 1.0625rem;
    background: url(../../images/mobile/common/ico_bang_red.svg) 50% 50% no-repeat; }

.watch-banner {
    position: relative;
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
    padding: 2.5rem 1.875rem 7.5rem;
    height: 18.875rem;
    background-color: #cdede7;
    color: #4d4b4a; }

.watch-banner__wrap {
	position: relative;
    z-index: 2; }

.watch-banner__wrap strong {
	display: block;
    font-size: 1.375rem;
    line-height: 1.9375rem;
    font-weight: 500; }

.watch-banner__wrap a {
	position: relative;
    display: inline-block;
    margin-top: 1rem;
    width: 9.5rem;
    height: 2rem;
    min-width: 7.0625rem;
    min-height: 2rem;
    line-height: 1.875rem;
    font-size: 0.875rem;
    font-weight: 500;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 1rem;
    border: 0.0625rem solid #4d4b4a;
    padding: 0 0.9375rem;
    text-align: left; }

.watch-banner__wrap .c-icon {
    position: absolute;
    right: 0.875rem;
    top: 0.25rem; }

.watch-banner__image {
    position: absolute;
    width: 23.4375rem;
    height: 18.875rem;
    left: auto;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 1; }

.watch-banner__image img {
	width: 100%;
    vertical-align: bottom; }

.watch-info-wrap {
	margin-top: 3rem; }

.watch-info-wrap p {
    word-break: break-word; }

.watch-info-wrap img {
	width : 100%;
    vertical-align: top;}

.watch-info-wrap .watch-step__title {
    margin-top: 3rem;
    border-top: 0.0625rem solid #008080; }

.watch-info-wrap .watch-step__head {
    position: relative;
    display: inline-block;
    color: #008080;
    letter-spacing: -0.023rem;
    font-size: 1.375rem;
    font-weight: 700;
    margin: 0.5rem 1.5rem 0.5rem 0; }

.watch-info-wrap .watch-step__head::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: -0.1875rem;
    bottom: 0;
    width: 103%;
    height: 0.9375rem;
    background: #ccf2ee;
    z-index: -1; }

.watch-info-wrap .watch-step__head span {
    word-break: break-word;
    margin-left: 0.1875rem; }

.watch-info-wrap .watch-step__sub {
	position: relative;
    color: #008080;
    font-size: 1rem;
    letter-spacing: -0.031rem;
    font-weight: 700;
    word-break: break-word;
    margin: 0.25rem 0 0.5rem 0; }

.watch-info-wrap .watch-info__title {
	margin: 2.125rem 0 1.125rem;
    font-size: 1.25rem;
    font-weight: 500; }

.watch-info__subtitle {
	margin-top: 2rem;
    color: #1d1d1b;
    font-weight: 700;
    font-size: 0.875rem; }

.watch-info-wrap .c-hr {
    position: relative;
    height: 0.0625rem;
    border: 0;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-bottom: 1.25rem; }

.watch-info-wrap .c-hr::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    display: block;
    clear: both;
    background: #eaeaea; }

.watch-info-wrap .watch-info__table  {
	margin-top: 2rem; }

.watch-info-wrap .watch-info__table p {
	margin-top: 1rem;
    font-size: 0.875rem;
    color: #707070; }

.watch-info-wrap .watch-info__table p ~ p {
	margin-top: 0.5rem; }

.watch-info-wrap .watch-info__list--fyr {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color : #4c4c4c; }

.watch-info-wrap .watch-info__list--fyr li {
    padding-left: 0.75rem;
    word-break: break-word;
    position: relative;
    margin-top: 0.5rem; }

.watch-info-wrap .watch-info__list--fyr li::before {
    position: absolute;
    content: '※';
    top: 0.1875rem;
    left: 0;
    font-size: 0.4375rem;}

.watch-info-wrap .c-accordion {
    margin-top: 2.25rem;
    border-top: 0.0625rem solid #eaeaea; }

.watch-info-wrap .watch-guide__list {
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1.25rem;}

.watch-info-wrap .watch-guide__list li{
    width: 48%;
    position: relative; }
.watch-info-wrap .watch-guide__list li:nth-child(n+3){
	margin-top : 2rem; }

.watch-info-wrap .watch-guide__list li .title-3line {
	min-height: 3.75rem; }

.watch-info-wrap .watch-guide__list li .title-4line {
	min-height: 5rem; }

.watch-info-wrap .watch-guide__list img {
 	margin-top: 0.625rem; }

.watch-info-wrap .c-accordion--type1 .c-accordion__inside {
    position: relative;
    padding: 1.5rem 0;
    background: #fff;
    border-top: 0.0625rem solid #eaeaea; }

.watch-info-wrap .c-accordion--type1 .c-accordion__button {
    font-weight: 500;
    display: block;
    padding: 1rem 1.75rem 1rem 0; }

.watch-info-wrap .watch-guide__list--wrap .watch-guide__list--group {
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between; }

.watch-info-wrap .watch-guide__list--wrap .watch-guide__list__item {
    width: 48%;
    position: relative; }

.watch-info-wrap .watch-guide__list--wrap .watch-guide__list__item .Number-label--type2 {
    padding-left: 1.25rem; }

.watch-info-wrap .watch-guide__list--wrap li:nth-child(n+2) {
	margin-top : 2rem; }

.watch-info-wrap .watch-guide__list--wrap img {
 	margin-top: 0.625rem; }

.mbership-banner__swiper {
	position: relative;
    width: auto;
    height: auto;
    margin: 0 -1.25rem;
    margin-bottom: 2.5rem; }

.mbership-banner__swiper .c-swiper .swiper-slide img {
	height: 18.875rem; }

.mbership-head {
	margin-bottom: 2.5rem; }

.mbership-head__title {
	word-break: break-word;}

.mbership-head__text {
	margin-top: 0.3125rem;
	font-size: 0.875rem;
	color: #707070; }

.mbership-head__text .c-text-link--bluegreen {
	font-size: 0.875rem;
    margin-left: 0; }

#mbership-tab > .c-tabs__panel::before {
    border-top: none; }

.mbership-category {
    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;
    gap: 0.625rem 0.875rem;
    max-width: calc(4.5rem * 4 + 1rem * 3);
    width: 100%;
    margin: 0 auto;
    margin-top: -1.5rem;
    margin-bottom: 1.25rem;
    padding: 0 0.125rem; }

.mbership-category__item {
	width: 4.5rem;
    height: 4.5rem; }

.mbership-category__button {
	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;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%; }
.mbership-category__button i {
    opacity: 0.65; }

.mbership-category__button span {
    color: #707070;
	font-size: 0.875rem; }

.mbership-category__button.is-active {
    background-color: #e0f8f7;
    -webkit-box-shadow: 0.2815rem 0.3375rem 0.5rem 0 rgba(48, 88, 88, 0.16);
    box-shadow: 0.2815rem 0.3375rem 0.5rem 0 rgba(48, 88, 88, 0.16); }
.mbership-category__button.is-active i {
    opacity: 1; }
.mbership-category__button.is-active span {
    color: #1d1d1b;
    font-weight: 500; }

.mbership-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-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5rem 1.625rem; }

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

.mbership-info {
  position: relative; }

.mbership-info img {
	width: 100%;
    max-width: 17.1875rem;
	vertical-align: bottom; }

.mbership-button button {
	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;
    width: 3.75rem;
    height: 100%;
    background-color: #00c3bd;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 0 0.625rem 0.625rem 0; }

.mbership-button .c-icon--download-ty2-white {
    width: 1rem;
    height: 1.3125rem;
    margin-bottom: 0.5rem; }

.mbership-button button:disabled, .mbership-button button.is-disabled {
    background-color: #ccc !important; }

.mbership-info .c-label  {
  position: absolute;
  top: 1.5625rem;
  left: 0.75rem;
}
.mbership-info .c-checkbox--type3 + .c-label::before {
  width: 1.625rem;
  height: 1.625rem;
  background-size: cover;
}
.mbership-coupon-button {
  max-width: 20.9375rem;
  margin: 0 auto;
}
.mbership-coupon-button button {
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3rem;
  width: 100%;
  padding: 1rem 0.75rem;
  background-color: #00c3bd !important;
  border: 0.0625rem solid #00c3bd !important;
  border-radius: 0.5rem;
  color: #fff !important;
}
.mbership-coupon-button button span {
  margin-left: 16px;
  font-size: 14px;
  font-weight: 500; }

.mbership-coupon-button .c-icon--download-ty2-white {
  width: 17px;
  height: 22px;
  margin-left: 13px;
  background-size: contain !important; }

.mbership-coupon-button button:disabled, .mbership-coupon-button button.is-disabled {
  background-color: #ccc !important;
  border-color : #ccc !important; }

#mbershipModal .c-modal__body {
    padding: 0 0 2.125rem; }

.ratechg-info {
	text-align: left; }

.ratechg-info__item {
    position: relative;
    padding-left: 2rem; }

.ratechg-info__item span {
    word-break: break-word; }

.ratechg-info__item .c-icon {
	position: absolute;
    top: -0.25rem;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    background-size: cover; }

.ratechg-info__item + .ratechg-info__item {
    margin-top: 0.5rem; }

.friend-banner-container {
    position: relative;
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
    margin-bottom: 2.1875rem;
    padding: 2.75rem 1.875rem 7.5rem;
    height: 18.875rem;
    background-color: #e8dcf8;
    color: #222; }

.friend-banner__wrap {
	position: relative;
    z-index: 2; }

.friend-banner__wrap h3 {
    font-size: 1.375rem;
    font-weight: 400; }

.friend-banner__wrap h3 span {
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.09rem; }

.friend-banner__wrap P {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #703cb8; }

.friend-banner__wrap a {
	position: relative;
    display: inline-block;
    margin-top: 0.8125rem;
    margin-left: 0.0625rem;
    width: 11.25rem;
    height: 2rem;
    min-width: 7.0625rem;
    min-height: 2rem;
    line-height: 1.875rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #703cb8;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 1rem;
    border: 0.0625rem solid #703cb8;
    padding: 0 0.9375rem;
    text-align: left; }

.friend-banner__wrap .c-icon {
    position: absolute;
    right: 0.875rem;
    top: 0.25rem; }

.friend-banner__image {
    position: absolute;
    width: 23.4375rem;
    height: 18.875rem;
    left: auto;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 1; }

.friend-banner__image img {
	width: 100%;
    vertical-align: bottom; }

.friend-wrap {
	margin-top: 0; }

.friend-wrap .friend-banner.swiper-event-banner {
    margin-top: 3rem; }

.friend-wrap  .friend-Benefit {
	margin-top: 2.375rem; }

.friend-wrap .friend__title {
	position: relative;
	margin-bottom: 1.625rem;
    padding-left: 2.8125rem;
    font-size: 1.25rem;
    font-weight: 700; }

.friend-wrap .friend__title:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0.125em;
   	width: 2.3125rem;
    height: 1.75rem;
    background: url(../../images/mobile/event/friend_title.png) 50% 50% no-repeat;
    background-size: 2.3125rem; }

.friend-wrap .friend__text {
    font-size: 1rem;
    font-weight: 400;
    word-break: break-word; }

.friend-wrap .friend__text ~ .friend__text {
    margin-top: 0.875rem; }

.friend-wrap .friend__text ~ .friend__text--point {
    margin-top: 0.25rem; }

.friend-wrap .friend__text--point {
	font-size: 1rem;
    font-weight: 500;
    color: #703cb8; }

.friend-wrap .friend__text--sub {
	font-size: 0.875rem;
    font-weight: 400;
    color: #707070; }

.friend-wrap .friend-Benefit__wrap {
	position: relative;
	margin-top: 2.75rem;
	margin-bottom: 0.875rem;
	padding: 1.5625rem 1.5625rem 0.625rem;
    border: 0.0625rem solid #ccc;
    border-radius: 0.625rem; }

.friend-wrap .friend-Benefit__list {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

.friend-wrap .friend-Benefit__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 12.0625rem;
    border-bottom: 0.0625rem solid #e5e5e5; }

.friend-wrap .friend-Benefit__item:last-child {
    border-bottom: none; }

.friend-wrap .friend-Benefit__item img {
    width: 5.9375rem; }

.friend-wrap .friend-Benefit__item p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #4c4c4c;
    margin-left: 1rem;
    padding: 0.5rem 0; }

.friend-wrap .friend-Benefit__wrap .friend-Benefit__label {
	position: absolute;
    top: -0.625rem;
    left: 50%;
    transform: translateX(-50%);
	width: 5.3125rem;
    height: 1.875rem;
    padding: 0.3125rem 0;
    font-size: 0.9375rem;
    font-weight: 500;
    text-align: center;
    color: #1d1d1b;
    background: #ffde86;
    border-radius: 0 0 0.625rem 0.625rem;
    -webkit-box-shadow: -0.125rem 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: -0.125rem 0.125rem 0.3125rem 0 rgb(0 0 0 / 10%); }

.friend-wrap .friend-Benefit__wrap .friend-Benefit__label:before {
 	content: '';
	width: 0;
    height: 0;
    border-bottom: 0.3125rem solid #aa7727;
    border-top: 0.3125rem solid transparent;
    border-left: 0.3125rem solid #aa7727;
    border-right: 0.3125rem solid transparent;
    position: absolute;
    top: 0;
    left: -0.625rem;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }

.friend-wrap .friend-guide {
    margin-top: 5rem; }

.friend-wrap .friend-guide-box {
    position: relative;
    margin-top: 2.6875rem;
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
    background: #f9f9f9; }

.friend-wrap .friend-guide-box img {
	width: 100%; }

.friend-wrap .friend-guide-box .friend-guide__list {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.033rem;
    padding-top: 2.5rem; }

.friend-wrap .friend-guide-box .friend-guide__item {
	position: relative;
	width: 100%;
    text-align: center; }

.friend-wrap .friend-guide-box .friend-guide__item p {
	margin-bottom: 1rem;
	padding: 0 1.25rem;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #4c4c4c; }

.friend-wrap .friend-guide-box .friend-guide__item .friend-guide__label {
    display: inline-block;
    width: 6.875rem;
    height: 1.5625rem;
    margin-bottom: 0.875rem;
    padding: 0.1875rem 0;
    font-size: 0.875rem;
    font-weight: 500;
    text-align: center;
    border-radius: 1rem;
    background: #4c4c4c;
    color: #fff; }

.friend-wrap .friend-guide-box .friend-guide__item .friend-guide__label--point {
    display: inline-block;
    width: 6.875rem;
    height: 1.5625rem;
    margin-top: 1.25rem;
    margin-bottom: 0.875rem;
    padding: 0.1875rem 0;
    font-size: 0.875rem;
    font-weight: 500;
    text-align: center;
    border-radius: 1rem;
    background: #703cb8;
    color: #fff; }

.friend-wrap .friend-guide-box .friend-guide__item .friend-guide__label--point:before {
   	content: '';
    width: 0;
    height: 0;
    border-bottom: 0.3125rem solid #703cb8;
    border-top: 0.3125rem solid transparent;
    border-left: 0.3125rem solid #703cb8;
    border-right: 0.3125rem solid transparent;
    position: absolute;
    top: -0.9375rem;
    left: 50%;
    -webkit-transform: rotate(-45deg) translateX(-50%);
    transform: rotate(-45deg) translateX(-50%); }

.friend-wrap .friend-recom {
    margin-top: 4rem;
    margin-bottom: 4rem; }

.friend-wrap .friend-recom__list {
	margin-top: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

.friend-wrap .friend-recom__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1.5rem; }

.friend-wrap .friend-recom__item:nth-child(n+2) {
    margin-top: 1.875rem; }

.friend-wrap .friend-recom__item img {
	width: 4.5rem;
    height: 4.5rem;
    margin-top: 0.125rem; }

.friend-wrap .friend-recom__info {
    margin-left: 1.5rem; }

.friend-wrap .friend-recom__info strong {
    font-size: 1rem;
    font-weight: 700;
    color: #4c4c4c; }

.friend-wrap .friend-recom__info p {
	margin-top: 0.0625rem;
    font-size: 0.75rem;
    word-break: break-word;
    color: #707070; }

.friend-review {
	position: relative;
    background: #f2eef7;
    padding: 2.1875rem 0 2.8125rem;
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important; }

.friend-review__wrap {
    position: relative;
    text-align: center; }

.friend-review__wrap .friend-review__star .c-icon--star {
    width: 1.25rem;
    height: 1.25rem; }

.friend-review__wrap .friend-review__star .c-icon--star ~ .c-icon--star {
    margin-left: -0.1875rem; }

.friend-review__wrap .friend-review__title {
	margin-top: 0.75rem;
    margin-bottom: 0.375rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: #1d1d1b; }

.friend-review__wrap span {
    font-size: 0.75rem;
    font-weight: 400;
    color: #703cb8; }

.friend-review__wrap span ~ span {
    margin-left: 0.1875rem; }

.friend-review__wrap .friend-review__list {
	margin-top: 2rem;
	padding: 0 2rem;	}

.friend-review__wrap .friend-review__item {
    padding: 1.25rem 1.5625rem;
    background-color: #fff;
    text-align: left;
    border: 0.0625rem solid #ccc;
    -webkit-box-shadow: 0.3125rem 0.3125rem 0 #e2dcef;
    box-shadow: 0.3125rem 0.3125rem 0 #e2dcef; }

.friend-review__wrap .friend-review__item ~ .friend-review__item {
    margin-top: 1.25rem; }

.friend-review__wrap .friend-review__item p {
    font-size: 0.75rem;
    word-break: break-word;
    color: #707070; }

.friend-review__wrap .friend-review__item p b {
    font-size: 0.8125rem;
    font-weight: 500;
    word-break: break-word;
    color: #653f9a; }

.friend-btn-wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10; }

.friend-btn-wrap .friend-btn {
	display: block;
	height: 4.5rem;
    padding: 1.375rem 2rem;
    border-radius: 0;
    background-color: #ff4c4c;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700; }

.friend-btn-wrap .friend-btn em {
	margin-left: -0.75rem; }

.friend-btn-arrow {
    position: relative;
    margin-right: 0.5rem; }

.friend-btn-arrow::after {
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
    content: '';
    width: 0.5625rem;
    height: 0.5625rem;
    border-top: 0.125rem solid #fff;
    border-right: 0.125rem solid #fff;
    transform: rotate(45deg); }

.friend-btn-arrow:nth-child(3)  {
    opacity: 0.7; }

.friend-btn-arrow:nth-child(4)  {
    opacity: 0.5; }

.friend-btn-arrow:nth-child(n+2) {
    margin-left: -0.125rem; }


.banner-detail__title {
	margin-top: 2.5rem;
    font-size: 1.0625rem;
    font-weight: 500; }

.banner-detail__text {
	margin-top: 1rem;
	font-size: 0.9375rem;
    font-weight: 400;
    word-break: break-word;
    color: #4c4c4c; }

.banner-detail__text--bullet {
	position: relative;
	margin-top: 1rem;
	padding-left: 0.625rem;
	font-size: 0.9375rem;
    font-weight: 400;
    color: #4c4c4c;
    word-break: break-word; }

.banner-detail__text--bullet::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 0.25rem;
    height: 0.0625rem;
    border-radius: 50%;
    background: #1d1d1b; }

.banner-detail__subtext {
	margin-top: 0.75rem;
	font-size: 0.8125rem;
    font-weight: 400;
    color: #707070; }

.banner-detail__img {
    margin: 2.5rem -1.25rem 0;
    padding: 2rem 1.25rem;
    background: #f9f9f9; }

.banner-detail__img img {
    display: block;
    width: 100%;
    height: auto; }

.banner-detail .c-table {
	margin-top: 0.75rem; }

.banner-detail .c-table ~ .banner-detail__text {
	margin-top: 1.75rem; }

.banner-detail .c-table ~ .banner-detail__subtext {
	margin-top: 0.5rem; }

.banner-detail .c-table th, .banner-detail .c-table td {
    word-break: break-all;
    padding: 0.375rem 0.375rem 0.125rem; }

.banner-detail .c-table th:first-child, .banner-detail .c-table td:first-child {
    border-left: 0.0625rem solid #e8e8e8; }

.banner-detail  .c-table th:last-child, .banner-detail  .c-table td:last-child {
    border-right: 0.0625rem solid #e8e8e8; }

.banner-detail__list {
	position: relative;
	margin-top: 1.5rem;
	font-size: 0.875rem;
	counter-reset: num;
    color: #4c4c4c; }

.banner-detail__item {
	position: relative;
    padding-left: 1.75rem;
    font-size: 0.9375rem;
    font-weight: 400;
    word-break: break-word; }

.banner-detail__item ~ .banner-detail__item {
    margin-top: 0.5rem; }

.banner-detail__item::before {
    counter-increment: num;
    content: counter(num);
    position: absolute;
    font-size: 0.75rem;
    top: 0;
    left: 0;
    width: 1.25rem;
    height: 1.25rem;
    background: #1d1d1b;
    border-radius: 50%;
    color: #fff;
    margin-right: 0.5rem;
    line-height: 1.25rem;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.banner-detail .c-accordion--type6 .c-accordion__head {
	margin-top: 2.5rem;
	padding: 0 0 1.25rem 0;}

.banner-detail-notice {
    margin-top: 0; }

.banner-detail-notice hr {
	position: relative;
    height: 0.0625rem;
    border: 0;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none; }
.banner-detail-notice hr::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    display: block;
    clear: both;
    background: #eaeaea; }

.banner-detail-notice .banner-detail-notice__tit {
	margin: 1.5rem 0 0.75rem;
    font-weight: 700;
    font-size: 0.875rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }

.banner-detail-notice .banner-detail-notice__tit span {
	margin-left: 0.25rem; }

.banner-detail-notice__list {
	margin-top: 0.5rem;
	font-size: 0.9375rem;
	font-weight: 500; }

.banner-detail-notice__list li {
	margin-top: 1rem; }

.banner-detail-notice__list li:first-child {
	margin-top: 0; }

.banner-detail-notice__list-txt {
	margin-top: 1rem;
	font-size: 0.9375rem;
    font-weight: 700; }

.banner-detail-notice__list .banner-detail-notice__list-tit {
    margin-top: 2rem;
	font-size: 0.9375rem;
    font-weight: 700;
    color: #1d1d1b; }

.banner-detail-notice__list .banner-detail-notice__list-title {
	font-size: 0.875rem;
    font-weight: 500; }

.banner-detail-notice__list .banner-detail-notice__list-titsub {
	margin-top: 1rem;
	font-size: 0.875rem;
    font-weight: 500;
    color: #1d1d1b; }

.banner-detail-notice__bullet {
    font-size: 0.8125rem;
    font-weight: 400;
    margin-top: 0.5rem; }

.banner-detail-notice__bullet li {
    position: relative;
    padding-left: 0.625rem;
	color: #707070;
	margin-top: 0.5rem;
    word-break: break-word;}

.banner-detail-notice__bullet li::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0.4375rem;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #d8d8d8; }
.banner-detail-notice__bullet li b {
	word-break: break-word; }

.ly-content.selfservice {
    padding: 3.5rem 1.5rem 2rem; }

.ly-content.selfservice .ly-page-sticky {
    margin: 0 -1.5rem; }

.selfservice-content .c-filter__inner {
    margin-top: 0.625rem; }

.selfservice-content .c-filter__inner > .c-button {
	background-color: #fff;
    border: 0.0625rem solid #ccc;
    color: #1d1d1b;
    height: 2rem;
    line-height: 1.875rem;
    padding: 0 0.75rem;
    border-radius: 1rem; }

.selfservice-head {
    margin-top: 2.5rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
	padding: 5.375rem 0 2.688rem;
    text-align: center;
    line-height: 1;
    border-top: 0.0625rem solid #e0e0e0;
	border-bottom: 0.0625rem solid #e0e0e0;
	background: url(../../images/mobile/cs/selfservice_inq_bg.png) no-repeat top;
    background-size: 20.4375rem; }

.selfservice-head__title {
    margin-bottom: 1.5625rem;
    background: linear-gradient(0deg, rgba(4,82,137,1) 50%, rgba(29,29,27,1) 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size: 1.875rem;
    font-weight: 700; }

.selfservice-head__text {
	 line-height: 1.6;
    font-size: 1rem;
    font-weight: 500;
    color: #4c4c4c; }

.selfservice-list-wrap {
	margin-left: -1.5rem;
    margin-right: -1.5rem; }

.selfservice-list-wrap .selfservice-list__item {
    background-color: #fff; }

.selfservice-list-wrap .selfservice-list__img img {
    width: 100%;
    vertical-align: bottom; }

.selfservice-list-wrap .selfservice-list__info-wrap {
	padding: 0 1.5rem; }

.selfservice-list-wrap .selfservice-list__info h4 {
    margin-top: -0.3125rem;
    margin-bottom: 1rem;
    font-size: 1.375rem;
    font-weight: 700;
    text-align: center; }

.selfservice-list-wrap .selfservice-list__info ul {
	margin-bottom: 1.6875rem;
	font-size: 1rem;	 }

.selfservice-list-wrap .selfservice-list__info li {
	position: relative;
	padding-left: 0.75rem;
	word-break: break-all; }

.selfservice-list-wrap .selfservice-list__info li:before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0.5rem;
    left: 0.0625rem;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #707070; }

.selfservice-list-wrap .selfservice-list__info li ~ li {
    margin-top: 0.4375rem; }

.selfservice-list-wrap .selfservice-list__info a, .selfservice-list-wrap .selfservice-list__info button {
	position: relative;
    display: inline-block;
    width: 100%;
	padding: 1rem 0.75rem;
    color: #fff;
    border: 0.0625rem solid #222;
    background-color: #222;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    border-radius: 0.5rem;
    box-sizing: border-box; }

.selfservice-list-wrap .selfservice-list__info a:before, .selfservice-list-wrap .selfservice-list__info button:before {
    content: '';
    display: block;
    clear: both;
    background-size: 2rem;
    position: absolute;
    right: 1.6875rem;
    top: 1rem;
    width: 1.25rem;
    height: 1.25rem;
    background-size: cover;
    background: url(../../images/mobile/common/ico_anchor_white.svg) 50% 50% no-repeat; }

.selfservice-list-wrap .selfservice-list__info a:last-child {
	margin-bottom: 4rem; }
.selfservice-list-wrap .selfservice-list__info a ~ a {
	margin-top: 0.625rem; }

.selfservice-list-wrap .selfservice-list__info button ~ a {
	margin-top: 0.625rem; }

.selfservice-list-wrap.inq .selfservice-list__item:nth-child(odd) {
    background-color: #f0f7fa; }

.selfservice-list-wrap.inq .selfservice-list__item:nth-child(odd) .selfservice-list__info a,
.selfservice-list-wrap.inq .selfservice-list__item:nth-child(odd) .selfservice-list__info button {
	border: 0.0625rem solid #045289;
    background-color: #045289; }

.selfservice-head.chg {
	background: url(../../images/mobile/cs/selfservice_chg_bg.png) no-repeat top;
	background-size: 20.4375rem; }

.selfservice-head.chg .selfservice-head__title {
    background: linear-gradient(0deg, rgba(0,128,128,1) 50%, rgba(29,29,27,1) 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

.selfservice-list-wrap.chg .selfservice-list__item:nth-child(odd) {
    background-color: #f1fafa; }

.selfservice-list-wrap.chg .selfservice-list__item:nth-child(odd) .selfservice-list__info a,
.selfservice-list-wrap.chg .selfservice-list__item:nth-child(odd) .selfservice-list__info button {
	border: 0.0625rem solid #008080;
    background-color: #008080; }

.rate-content {
	position: relative;
    margin-top: 0.0625rem; }

.rate-content__list {
	-webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    -webkit-animation-name: defaultIn;
    animation-name: defaultIn; }

#rateContentMyrate {
	-webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    -webkit-animation-name: defaultIn;
    animation-name: defaultIn; }

.rate-content__item {
    position: relative;
    margin-bottom: 0.5rem; }

.rate-content__item:last-of-type {
	margin-bottom: 0; }

.rate-content__item .c-checkbox--box:checked ~ .c-card__box-label {
    -webkit-box-shadow: 0 0 0 0.0625rem #1d1d1b;
    box-shadow: 0 0 0 0.0625rem #1d1d1b;
    border-radius: 0.5rem; }

.rate-content__item .c-card__box-label {
    position: absolute;
    color: #fff;
    line-height: 1.4375rem;
    width: 100%;
    height: 100%;
    padding: 1.25rem;
    border-radius: 0.5rem;
    z-index: 1; }

.rate-info__wrap {
    display: block;
	padding: 1.25rem 1.25rem 0.75rem;
    background: #fff;
    position: relative;
    -webkit-box-shadow: 0 0 0 0.0625rem #cecece;
    box-shadow: 0 0 0 0.0625rem #cecece;
    border-radius: 0.5rem; }

.rate-info__title  {
	position: relative; }

.rate-sticker-wrap {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.rate-sticker-wrap span:nth-child(n+2) {
    margin-left: 0.25rem; }

.rate-info__title a {
	z-index: 2;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0; }

.rate-info__title i {
	position: absolute;
    top: 0;
    right: -0.625rem; }

.rate-info__title strong {
	display: block;
    padding-right: 2.5rem;
	font-size: 0.9375rem;
    color: #1d1d1b;
    font-weight: 700;
    margin-bottom: 0.5rem; }

.rate-info__title p {
	font-size: 0.75rem;
    font-weight: 500;
    color: #7c7c7c; }

.rate-info__title .c-text-label {
    display: inline-block;
    border-radius: 0.625rem;
    padding: 0 0.375rem;
    margin-bottom: 0.375rem;
    font-size: 0.6875rem;
    font-weight: 500;
    text-align: center;
    min-width: 2.5rem;
    line-height: 1.375rem;
    height: 1.25rem; }

.rate-info__title .c-text-label--mint-type1 {
    background: #a1e6e1;
    color: #004843; }

.rate-info__title .c-text-label--blue-type1 {
    background: #bde0f5;
    color: #091192; }

.rate-sticker {
    display: inline-block;
    margin-bottom: 0.4375rem;
    padding: 0 0.4375rem;
    font-size: 0.5rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.1875rem;
    height: 1.125rem;
    border-radius: 0.625rem; }

.rate-sticker.bluegreen {
    background: #03a794;
    color: #fff; }
.rate-sticker.red {
    background: #e20b0b;
    color: #fff; }

.rate-detail__list .c-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -0.125rem;
    vertical-align: inherit;}

.rate-detail {
	margin-left: -0.25rem;
    font-size: 0.875rem; }

.rate-detail__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

.rate-detail__item {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }

.rate-detail__info {
    font-size: 0.875rem;
    color: #1d1d1b;
    font-weight: 700;
    margin-right: 0.25rem; }

.rate-detail__info p {
	display: inline-block;
	font-size: 0.8125rem;
    font-weight: 500;
    letter-spacing: -0.075rem;
    color: #343434; }

.rate-detail__info p:nth-child(n+2) {
    color: #6f6f6f; }

.rate-info__gift {
	position: relative;
	font-size: 0.8125rem;
    font-weight: 500;
    color: #343434; }

.rate-info__gift-info {
    position: relative;
	margin-left: 1.25rem; }

.rate-info__gift-info:before{
	position: absolute;
    content: '';
    top: -0.125rem;
    left: -1.375rem;
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_present_gray.svg) 50% 50% no-repeat; }

.rate-info__present-info {
    position: relative;
	margin-left: 0.75rem; }
.rate-info__present-info:before{
	position: absolute;
    content: '-';
    top: 0;
    left: -0.5rem;
    font-size: 0.8125rem;
    width: 0; }

.rate-info__gift p ~ p {
    margin-top: 0.25rem; }

.rate-price {
	margin-top: 0.5rem; }
.rate-price a {
	z-index: 2; }

.rate-price__item {
    text-align: right;
    font-weight: 500; }

.rate-price__title {
	display: inline-block;
	margin-right: 0.25rem;
	font-size: 0.6875rem;
	color: #009685;
	letter-spacing: -0.05rem; }
.rate-price__title.through {
	color: #7c7c7c;
    text-decoration: line-through !important; }

.rate-price__title.through b {
	font-size: 0.875rem;
    font-weight: 500; }

.rate-price__title.product {
    font-size: 0.6875rem;
    font-weight: 500;
    color: #777;
    margin-right: 0; }

.rate-price__info {
	display: inline-block;
	margin-top: -0.125rem;
    font-size: 0.75rem;
    color: #00a390; }

.rate-price__info b {
	font-size: 1.125rem;
    font-weight: 700;
    color: #00a390; }

.rate-price__product {
	font-size: 0.6875rem;
    color: #7c7c7c;
    letter-spacing: -0.05rem; }

.rate-price__month {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

.rate-price__month span {
    font-weight: 700; }

.rate-btn-wrap {
    position: fixed;
    width: 100%;
    bottom: 1.5rem;
    z-index: 10; }

.rate-btn-wrap button {
    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: 16rem;
	height: 3.375rem;
	padding: 1rem;
	border: 0.0625rem solid #eb3333;
	border-radius: 1.875rem;
    background-color: #fff;
    color: #252525;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: -0.05rem;
    -webkit-box-shadow: 0 0.5rem 2rem 0 rgb(244 184 184 / 92%);
    box-shadow: 0 0.5rem 2rem 0 rgb(244 184 184 / 92%); }

.rate-btn-wrap .rate-btn {
	width: 16rem;
    margin: 0 auto; }

.rate-btn-wrap .rate-btn .c-icon {
	margin-left: 0.4375rem; }

.rate-btn__cnt {
	margin-top: -0.0625rem;
	margin-left: 0.25rem;
    background: #f20101;
    color: #fff;
    display: inline-block;
    width: 1.3125rem;
    height: 1.3125rem;
    border-radius: 50%;
    font-size: 0.8125rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.375rem;
    letter-spacing: 0.025rem; }

.rate-btn__cnt.cnt_none {
    background: #bfbfbf !important; }

.rate-btn-wrap .c-button > .c-icon:first-child:not(:last-child) {
    margin-right: 0; }

.rate-compare {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 2.25rem;
    top: 0.875em;
    z-index: 2; }

.rate-compare .c-card__badge-label {
  	display: block;
  	width: 2rem;
  	height: 2rem;
  	background: url("../../images/mobile/common/ico_box_check.svg") no-repeat;
  	background-size: 2rem 2rem;
  	background-position: 0 100%;
  	border-radius: 0.5rem; }
.rate-compare .c-checkbox:checked + .c-card__badge-label {
  	background: url("../../images/mobile/common/ico_box_check_checked.svg") no-repeat;
  	background-size: 2rem 2rem; }

.rate-compare .c-card__badge-label.compare {
     background: url(../../images/mobile/common/ico_trash.svg) 50% 50% no-repeat; }
.rate-compare .c-checkbox:checked + .c-card__badge-label.compare {
    background: url(../../images/mobile/common/ico_trash.svg) 50% 50% no-repeat; }

.rate-delete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 2.25rem;
    top: 0.875em;
    z-index: 2;}

.rate-modal .c-modal__body {
    background-color: #ebf4fe; }

.rate-content__item.no-compare {
	position: relative;
    padding: 1.25rem;
    background: #fff;
    font-size: 0.875rem;
    text-align: center;
    border-radius: 0.5rem;
    border: 0.0625rem dashed #cecece; }

.rate-filter-wrap {
	position: sticky;
	top: 0;
    z-index: 5; }

.btn-sort-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 1.25rem;
    background-color: #ebf4fe;
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
    background-color: #ebf4fe; }

.rate-btn-group {
	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-left: -1.25rem !important;
    margin-right: -1.25rem !important;
    padding: 0.5rem 1.25rem;
    background-color: #ebf4fe;
    min-height: 4rem; }

.btn-category-wrap {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding: 1.25rem 1.25rem 0.625rem;
    border-top: 0.0625rem solid #eaeaea; }

.rate-btn-group .btn-category-wrap {
    padding-right: 0; }

.btn-category__list {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%; }

.btn-category__expand {
    content: '';
    display: none;
    clear: both;
    position: absolute;
    top: 1.3125rem;
    right: 0;
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_arrow_white.svg) 50% 50% no-repeat;
    background-color: #e5e5e5;
    border-radius: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 2;
    pointer-events: none; }

.btn-category__expand.is-active {
	display: block;
    background-color: #303030;
    pointer-events: auto;}

.btn-category__list.is-active .btn-category__expand {
    -webkit-transform: translateY(-50%) rotate(270deg);
    transform: translateY(-50%) rotate(270deg); }

.btn-category__inner {
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 94%;
    padding: 0.125rem 0 0 0.125rem;
    white-space: nowrap;
    overflow-y: hidden; }
.btn-category__inner::-webkit-scrollbar {
      display: none; }

.btn-category__list:before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0.125rem;
    right: 1rem;
   width: 3rem;
    height: 2.375rem;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 1)));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1));
    z-index: 1; }
.btn-category__list.is-active:before {
	display: none; }

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

.btn-category__list.is-active .btn-category__group {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

.btn-category__list.short {
	width: auto; }

.btn-category__list.short .btn-category__inner {
	width: auto;
	padding-right: 1.75rem; }

.btn-category__list.short:before {
    display: none; }

.btn-category__compare {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
.btn-category__compare  .btn-category {
	margin-bottom: 0; }
.btn-category__compare  .btn-category:last-child {
	margin-right: 0; }

.btn-category {
	position: relative;
    display: inline-block;
    height: 2.375rem;
    padding: 0 0.5rem;
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;
    background-color: #fff;
    border: 0.0625rem solid #e0e0e0;
    color: #1d1d1b;
	font-size: 0.9375rem;
 	font-weight: 500;
    line-height: 2.375rem;
    border-radius: 0.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer; }

.btn-category.is-active {
	border: 0.0625rem solid #08a68e;
    color: #0a847b; }
.btn-category .c-icon--comparison {
    margin-top: -0.125rem; }
.btn-category .rate-btn__cnt {
    margin-left: 0; }
.btn-category .c-icon--question {
    margin-top: -0.25rem; }

.rate-btn-group .btn-sort-wrap {
    padding-left: 0; }

.btn-sort {
    position: relative;
    margin-left: 0.25rem;
    margin-right: 1.25rem;
    padding: 1.5rem 0;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 0; }
.btn-sort:after {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 50%;
    right: -1.325rem;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_arrow_gray.svg) 50% 50% no-repeat;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg); }

.btn-sort.is-active {
   color: #008080; }
.btn-sort.is-active::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    background: url(../../images/mobile/common/ico_arrow_mint.svg) 50% 50% no-repeat; }

.btn-sort.sort {
	color: #008080 !important; }
.btn-sort.sort:after {
    top: 1.4375rem;
	background: url(../../images/mobile/common/ico_arrow_mint.svg) 50% 50% no-repeat; }

.rate-modal .survey {
    background-color: transparent;
    border: none;
    padding: 1.875rem 0 1.5rem;
    margin-top: -0.875rem;
    margin-bottom: 0; }

.rate-modal ._survey__content2 {
	position: relative;
    padding: 0.875rem 1.25rem;
    background: #fff;
    -webkit-box-shadow: 0 0 0 0.0625rem #cecece;
    box-shadow: 0 0 0 0.0625rem #cecece;
    border-radius: 0.5rem; }

.rate-modal ._survey__content2 .c-form-group {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.5rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0.5rem 0 0.25rem; }

.rate-modal ._survey__content2 .c-radio--button + .c-label {
	width: 48%;
    margin-right: 0;
    font-weight: 700;
    font-size: 0.9375rem;
    color: #1d1d1b; }

.rate-modal .c-modal__footer {
    padding: 1.25rem 1.25rem 1.375rem; }

.official-notice-wrap {
    border-radius: 0.5rem;
    border: 0.0625rem solid #eaeaea;
    margin-top: 1rem; }

.official-notice__box {
    background: #fff;
    border-radius: 0.5rem;
    padding: 1.25rem 0; }

.official-notice__title {
	padding: 0 1.25rem; }

.official-notice__title p {
	font-size: 0.9375rem;
    font-weight: 700;
    margin-bottom: 0.375rem; }

.official-notice__title span {
    font-size: 0.8125rem;
    color: #707070; }

.official-notice__list {
	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;
    font-size: 0.875rem;
    padding: 0.75rem 1.25rem 0; }


.mstore-banner {
    position: relative;
    padding: 2.75rem 1.875rem 7.5rem;
    background: #fdc6ce;
    color: #1a1a1a;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    margin-bottom: 2.5rem;
    height: 18.875rem; }

.mstore-banner__wrap {
	position: relative;
    z-index: 2; }

.mstore-banner__wrap strong {
	display: block;
    font-size: 1.375rem;
    line-height: 1.9375rem;
    font-weight: 400;
    letter-spacing: -0.0875rem; }

.mstore-banner__wrap strong span {
	display: block;
    font-size: 1.5rem;
    font-weight: 500; }

.mstore-banner__wrap p {
	 margin-top: 0.75rem;
	 font-size: 0.875rem;
	 font-weight: 500;
	 word-break: break-word; }

.mstore-banner__image {
	position: absolute;
    width: 23.4375rem;
    height: 18.875rem;
    left: auto;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0); }

.mstore-banner__image img {
    width: 100%;
    vertical-align: bottom; }

.mstore-content {
	margin-top: 3rem; }

.mstore-head {
	margin-bottom: 4rem; }

.mstore-head__title {
	word-break: break-word;}

.mstore-head__text {
	margin-top: 0.3125rem;
	font-size: 0.875rem;
	color: #707070; }

.mstore-head__text .c-text-link--bluegreen {
	font-size: 0.875rem;
    margin-left: 0; }

.mbership-head__btn {
	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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0;
    margin-top: 2rem; }

.mbership-head__btn a {
	position: relative;
    display: inline-block;
    font-weight: 500;
    border-radius: 0.5rem;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    padding: 1rem 0.75rem;
    font-size: 1rem;
    background-color: #00c3bd;
    color: #fff; }

.mstore-button-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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0;
    margin-bottom: 4rem; }

.mstore-button {
	position: relative;
    display: inline-block;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.5rem;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    padding: 1rem 0.75rem;
    font-size: 1rem;
    background-color: #00c3bd;
    color: #fff; }

.mstore-list-wrap .mstore-list__item {
    background-color: #fff; }

.mstore-list-wrap .mstore-list__item ~ .mstore-list__item {
    margin-top: 3.5rem; }

.mstore-list-wrap .mstore-list__img img {
    width: 100%;
    vertical-align: bottom; }

.mstore-list-wrap .mstore-list__info h4 {
    margin-top: -0.3125rem;
    margin-bottom: 1rem;
    font-size: 1.375rem;
    font-weight: 700;
    text-align: center; }

.mstore-list-wrap .mstore-list__info ul {
	margin-bottom: 1.6875rem;
	font-size: 1rem;	 }

.mstore-list-wrap .mstore-list__info li {
	position: relative;
	padding-left: 0.75rem;
	word-break: break-all; }

.mstore-list-wrap .mstore-list__info li:before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0.5rem;
    left: 0.0625rem;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #707070; }

.mstore-list-wrap .mstore-list__info li ~ li {
    margin-top: 0.4375rem; }

.mstore-content .c-notice-wrap {
	margin-top: 3.5rem; }

.mstore-content .c-notice-wrap .c-notice__title {
    padding-left: 0.75rem; }

.mstore-content .c-notice-wrap .c-notice__list {
    padding-left: 0.75rem; }

.mstore-content .c-notice-wrap .c-notice__list li.bullet--fyr {
    color: #707070; }


.mstore-store-wrap {
    position: relative;
    margin-bottom: 2rem; }

.mstore-store {
	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-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center; }

.mstore-store__item {
    width: 40%; }

.mstore-store__anchor {
    display: inline-block;
    width: 100%; }

.mcash-banner {
    position: relative;
    padding: 2.75rem 1.875rem 7.5rem;
    background: #e8e8ff;
    color: #7a2ad4;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    margin-bottom: 2.5rem;
    height: 18.875rem; }

.mcash-banner__wrap {
	position: relative;
    z-index: 2; }

.mcash-banner__wrap strong {
	display: block;
    font-size: 1.375rem;
    line-height: 1.9375rem;
    font-weight: 400;
    letter-spacing: -0.0875rem; }

.mcash-banner__wrap strong span {
	display: block;
    font-size: 1.5rem;
    font-weight: 500; }

.mcash-banner__wrap p {
	 margin-top: 0.75rem;
	 font-size: 0.875rem;
	 font-weight: 500;
	 color: #4c4c4c;
	 word-break: break-word; }

.mcash-banner__image {
	position: absolute;
    width: 23.4375rem;
    height: 18.875rem;
    left: auto;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0); }

.mcash-banner__image img {
    width: 100%;
    vertical-align: bottom; }

.mcash-content {
	margin-top: 3rem; }

.mcash-head {
	margin-bottom: 4rem; }

.mcash-head__title {
	word-break: break-word;}

.mcash-head__text {
	margin-top: 0.3125rem;
	font-size: 0.875rem;
	color: #707070; }

.mcash-head__text .c-text-link--bluegreen {
	font-size: 0.875rem;
    margin-left: 0; }

.mcash-head__btn {
	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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0;
    margin-top: 2rem; }

.mcash-head__btn a {
	position: relative;
    display: inline-block;
    font-weight: 500;
    border-radius: 0.5rem;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    padding: 1rem 0.75rem;
    font-size: 1rem;
    background-color: #00c3bd;
    color: #fff; }

.mcash-button-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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0;
    margin-bottom: 4rem; }

.mcash-button {
    position: relative;
    display: inline-block;
    font-weight: 500;
    border-radius: 0.5rem;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    padding: 1rem 0.75rem;
    font-size: 1rem;
    background-color: #00c3bd;
    color: #fff; }

.mcash-list-wrap .mcash-list__item {
    background-color: #fff; }

.mcash-list-wrap .mcash-list__item ~ .mcash-list__item {
    margin-top: 3.5rem; }

.mcash-list-wrap .mcash-list__img img {
    width: 100%;
    vertical-align: bottom; }

.mcash-list-wrap .mcash-list__info h4 {
    margin-top: -0.3125rem;
    margin-bottom: 1rem;
    font-size: 1.375rem;
    font-weight: 700;
    text-align: center; }

.mcash-list-wrap .mcash-list__info ul {
	margin-bottom: 1.6875rem;
	font-size: 1rem;	 }

.mcash-list-wrap .mcash-list__info li {
	position: relative;
	padding-left: 0.75rem;
	word-break: break-all; }

.mcash-list-wrap .mcash-list__info li:before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0.5rem;
    left: 0.0625rem;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #707070; }

.mcash-list-wrap .mcash-list__info li ~ li {
    margin-top: 0.25rem; }

.mcash-content .c-notice-wrap {
	margin-top: 3.5rem; }

.mcash-content .c-notice-wrap .c-notice__title {
    padding-left: 0.75rem; }

.mcash-content .c-notice-wrap .c-notice__list {
    padding-left: 0.75rem; }

.mcash-content .c-notice-wrap .c-notice__list li.bullet--fyr {
    color: #707070; }

.mcash-store-wrap {
    position: relative;
    margin-bottom: 2rem; }

.mcash-store {
	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-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    gap: 0.5rem 0;
    text-align: center; }

.mcash-store__item {
    width: 37.315%; }

.mcash-store__anchor {
    display: inline-block;
    width: 100%; }

.mcash-store__anchor img {
    border-radius: 0.375rem;
    -webkit-box-shadow: 0 0 0.3125rem 0 rgba(118, 54, 227, 0.43);
    box-shadow: 0 0 0.3125rem 0 rgba(118, 54, 227, 0.43); }

.mcash-service-acc.c-accordion--type3 .c-accordion__inside {
    padding: 1.5rem; }

.mcash-service-acc.c-accordion--type3 .c-accordion__inside .info-box {
    background-color: #fff; }

.mcash-service-acc .info-box dl dd {
    width: 75%;
    text-align: right; }

.mshopping-banner {
    position: relative;
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
    margin-bottom: 2.1875rem;
    padding: 2.75rem 1.875rem 7.5rem;
    height: 18.875rem;
    background-color: #2346fe;
    color: #fff; }

.mshopping-banner__wrap {
	position: relative;
	font-size: 1.375rem;
    z-index: 2; }

.mshopping-banner__wrap h3 {
    font-weight: 400; }

.mshopping-banner__wrap h3 span {
    font-weight: 500;
    letter-spacing: -0.09rem; }

.mshopping-banner__wrap P {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #703cb8; }

.mshopping-banner__wrap a {
	position: relative;
    display: inline-block;
    margin-top: 0.8125rem;
    margin-left: 0.0625rem;
    width: 7.5rem;
    height: 2rem;
    min-width: 7.0625rem;
    min-height: 2rem;
    line-height: 1.875rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #fff;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 1rem;
    border: 0.0625rem solid #fff;
    padding: 0 0.9375rem;
    text-align: left; }

.mshopping-banner__wrap .c-icon {
    position: absolute;
    right: 0.875rem;
    top: 0.25rem; }

.mshopping-banner__image {
    position: absolute;
    width: 23.4375rem;
    height: 18.875rem;
    left: auto;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 1; }

.mshopping-banner__image img {
	width: 100%;
    vertical-align: bottom; }

.mshopping-content img {
    max-width: 100%;
    width: 100%;
    vertical-align: bottom; }

.mshopping__title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2; }

.mshopping__text {
	margin-top: 0.625rem;
	font-size: 0.9375rem;}

.mshopping-button-wrap {
    margin: 2.5rem 0 3rem; }

.mshopping-button-wrap p {
    margin-bottom: 1.125rem;
    font-size: 0.75rem;
    color: #555; }

.mshopping-button {
    position: relative;
    display: inline-block;
    font-weight: 500;
    border-radius: 0.5rem;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    padding: 1rem 0.75rem;
    font-size: 1rem;
    background-color: #00c3bd;
    color: #fff; }

.mshopping-logos {
    margin: 2.5rem 0;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    overflow: hidden; }

.mshopping-logos .slide-left, .mshopping-logos .slide-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 240%;
    animation: slide-left 60s linear infinite; }

.mshopping-logos .slide-right {
    animation: slide-right 60s linear infinite; }

.mshopping-logos li img {
    width: 10%;
	vertical-align: bottom; }

@keyframes slide-right {
    0% {
    	-webkit-transform: translateX(-35%);
        transform: translateX(-35%);
    }
    100% {
    	-webkit-transform: translateX(5%);
        transform: translateX(5%);
    }
}
@keyframes slide-left {
	 0% {
	 	-webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
    	-webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.mshopping-logos li ~ li {
    margin-top: 0.75rem; }

.mshopping-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 0 0.625rem;
    gap: 1.5rem 0; }

.mshopping-detail__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #333; }

.mshopping-detail__title img {
    width: 3.125rem; }

.mshopping-detail__text {
    margin-left: 1.25rem;
    font-size: 0.75rem;
    -webkit-transform: translateY(-0.25rem);
    transform: translateY(-0.25rem); }

.mshopping-detail__text strong {
    font-size: 0.9375rem;
    font-weight: 700; }

.mshopping-detail__text p {
    margin-top: 0.125rem; }

.mshopping-app__info {
	margin: 2.375rem 0; }

.mshopping-app__info strong {
    font-size: 1.25rem;
    font-weight: 700; }

.mshopping-app__info p {
    margin-top: 0.5rem;
    font-size: 0.9375rem; }

.mshopping-app__img a ~ a {
    margin-top: 0.9375rem; }

.mshopping-app__img img {
    width: 100%;
    vertical-align: bottom; }

.myinfo__tit.myinfo__tit--right {
   	-webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    margin-top: 0.5rem !important; }

.quickguide-head {
	margin: 1.5rem 0 1.5rem;	}

.quickguide-head__title {
    font-size: 1rem;
    font-weight: 500; }

.quickguide-list__item {
	position: relative; }

.quickguide-list__item ~ .quickguide-list__item {
    margin-top: 1.5rem; }

.quickguide-list__anchor {
	margin-top: 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    color: #4c4c4c; }

.quickguide-list__image {
    border: 0.0625rem solid #e8e8e8; }

.quickguide-list__image img {
	width: 100%;
    vertical-align: bottom; }

.c-modal.quickguide .c-modal__content {
    background-color: transparent; }

.c-modal.quickguide .c-modal__body {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    padding: 0; }

.c-modal.quickguide .quickguide-box {
	position: relative;
    width: 100%;
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important; }

.c-modal.quickguide .quickguide-box .c-icon {
   	position: absolute;
    top: -2rem;
    right: 0.875rem; }

.kakao-auth-wrap .ly-header .header-main {
    padding: 0 1.25rem; }

.kakao-auth-wrap .ly-wrap .ly-header__logo {
    cursor: none;
    width: 5.75rem;
    height: auto; }

.kakao-auth-wrap .ly-wrap .ly-header__logo +  .ly-header__logo {
    cursor: none;
    width: 3.3125rem;
    height: auto; }

.kakao-auth-wrap .ly-wrap .ly-header__logo img {
    width: 100%;
    height: 1rem; }


.kakao-auth-wrap .c-step-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0; }

.kakao-auth-wrap .c-step-list__item {
    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-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 1.25rem 0.625rem;
    margin-right: 1.25rem;
    background-color: #fff;
    text-align: center;
    border: 0.0625rem solid #eaeaea;
    border-radius: 0.75rem; }

.kakao-auth-wrap .c-step-list__item:last-child {
    margin-right: 0; }

.kakao-auth-wrap .c-step-list__item:nth-child(n+2)::before {
    background: url(/resources/images/mobile/common/ico_arrow_black.svg) 50% 50% no-repeat;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    content: '';
    display: block;
    clear: both;
    background-size: 2rem;
    position: absolute;
    left: -1rem;
    top: 47%;
    width: 0.625rem;
    height: 0.625rem;
    background-size: 1.5rem; }

.kakao-auth-wrap .c-step-list__label {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 3.75rem;
    height: 1.5rem;
    margin: 0 auto;
    background-color: #008080;
    border-radius: 1.5rem;
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 700; }

.kakao-auth-wrap .c-step-list__image {
    display: block;
    margin: 1.25rem auto; }

.kakao-auth-wrap .c-step-list__image img {
    max-width: 3rem; }

.kakao-auth-wrap .c-step-list__title {
    display: block;
    font-size: 0.875rem;
    font-weight: 500; }

.kakao-auth-wrap .c-step-list__text {
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    word-break: keep-all;
    color: #707070; }

.kakao-auth-wrap .c-notice-wrap {
    margin-top: 1.5rem; }

.kakao-auth-wrap .c-notice-wrap .c-notice__list li {
    word-break: keep-all; }

.ktdc-banner {
    position: relative;
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
    padding: 2.6875rem 1.875rem 7.5rem;
    height: 18.875rem;
    background-color: #c2dbff;
    color: #114fbf; }

.ktdc-banner__wrap {
	position: relative;
    z-index: 2; }

.ktdc-banner__wrap strong {
	display: block;
	letter-spacing: -0.078rem;
    font-size: 1.5rem;
    font-weight: 500; }

.ktdc-banner__wrap p {
    margin-top: 0.375rem;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500; }

.ktdc-banner__wrap a {
	position: relative;
    display: inline-block;
    margin-top: 0.75rem;
    width: 10.625rem;
    height: 2rem;
    min-width: 7.0625rem;
    min-height: 2rem;
    line-height: 1.875rem;
    font-size: 0.875rem;
    font-weight: 500;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 1rem;
    border: 0.0625rem solid #114fbf;
    padding: 0 0.9375rem;
    text-align: left; }

.ktdc-banner__wrap a + a {
    width: 9.25rem; }

.ktdc-banner__wrap .c-icon {
    position: absolute;
    right: 0.875rem;
    top: 0.25rem;
    width: 1.25rem;
    height: 1.25rem;
    background: url(/resources/images/mobile/common/ico_anchor_blue.svg) 50% 50% no-repeat; }

.ktdc-banner__image {
    position: absolute;
    width: 23.4375rem;
    height: 18.875rem;
    left: auto;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 1; }

.ktdc-banner__image img {
	width: 100%;
    vertical-align: bottom; }

.ktdc-content {
    margin-top: 2.6875rem; }

.ktdc-title {
	margin-top: 3.375rem; }

.ktdc-title:first-of-type {
	margin-top: -0.93875rem;}

.ktdc-title em {
	font-family: "FORTE";
	font-size: 2rem;
    color: #c2dbff;
    letter-spacing: -0.05rem; }

.ktdc-title h3 {
	margin-top: -0.375rem;
	margin-bottom: 1.4375rem;
    font-size: 1.25rem;
    font-weight: 700;
    word-break: break-all; }

.ktdc-title h3.ktdc-title--type2 {
    display: block;
    position: relative;
    margin: 0 0 1.5rem;
    font-size: 1.125rem;
    font-weight: 500; }

.ktdc-title h3.ktdc-title--type2 span {
	color: #ff4747 }

.ktdc-title p {
	font-size: 1rem;
    font-weight: 400;
    word-break: break-all; }

.ktdc-title p ~ p {
   	margin-top: 0.375rem;
    font-size: 0.875rem;
    color: #707070; }

.ktdc-title .ktdc-title__red {
    color: #ed0000;
    font-size: 0.9375rem; }

.ktdc-title .ktdc-title__fyr {
	margin-top: 0.75rem;
	font-size: 0.875rem;
   	color: #707070; }

.ktdc-title .ktdc-title__fyr ~ .ktdc-title__fyr {
	margin-top: 0.4375rem; }

.ktdc-title .c-table th, .ktdc-title .c-table td {
    padding: 0.625rem 0;
    line-height: 1; }

.ktdc-title .c-button-wrap {
	margin-top: 2.75rem; }

.ktdc-title .ktdc-text-list--fyr {
    font-size: 0.875rem;
    color: #707070; }
.ktdc-title .ktdc-text-list--fyr li {
    position: relative;
    margin-top: 1.5rem;
    padding-left: 1rem; }

.ktdc-title .ktdc-text-list--fyr li ~ li {
    margin-top: 0.4375rem; }

.ktdc-title .ktdc-text-list--fyr li::before {
    position: absolute;
    content: '※';
    top: 0;
    left: 0;
    font-size: 0.875rem; }

.ktdc-benefit {
	position: relative;
    margin-top: 2.625rem;
    padding: 1.375rem 1.75rem 1rem;
    background: #f5f5f5;
    border-radius: 1rem; }

.ktdc-benefit__head {
    text-align: center; }

.ktdc-benefit__head .ktdc-benefit__title {
	font-family: "Baeum";
	font-size: 1.25rem;
    margin-bottom: 0.375rem; }

.ktdc-benefit__head .ktdc-benefit__title + p {
    font-size: 0.875rem;
    font-weight: 400;
    word-break: break-all;
	color: #4c4c4c; }

.ktdc-benefit__list {
    margin-top: 1.5rem;}

.ktdc-benefit__item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 0.0625rem solid #eaeaea; }

.ktdc-benefit__item ~ .ktdc-benefit__item {
	margin-top: 1.5rem; }

.ktdc-benefit__item-head {
   	margin-top: 0.5rem;
	padding-left: 0.75rem;
    color: #377eff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

 .ktdc-benefit__item-img {
    text-align: right; }

.ktdc-benefit__item:first-of-type .ktdc-benefit__item-img img {
 	width: 11.250rem;
    margin-right: -0.5rem; }

 .ktdc-benefit__item-img img {
    width: 10.125rem;
    height: 7.25rem;
    vertical-align: bottom; }

.ktdc-benefit__item-head .ktdc-benefit__item-title {
	font-family: "Baeum";
	font-size: 1.125rem; }

.ktdc-benefit__item-title span {
	font-size: 1.875rem;}

.ktdc-benefit__item-title + p {
	margin-top: -0.3125rem;
	font-family: "Baeum";
	font-size: 0.875rem; }

.ktdc-benefit__item-text {
	margin-top: 0.3125rem;
	color: #707070;
    font-size: 0.875rem;
    font-weight: 500; }

.ktdc-benefit__item-head.rate {
	color: #ff5454; }

.ktdc-taget__list {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2.875rem; }

.ktdc-taget__item {
	position: relative;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.5rem 1.25rem 1.5rem;
    background: #f3f8ff;
    border-radius: 1rem;
    text-align: center;     }

.ktdc-taget__item ~ .ktdc-taget__item {
	margin-top: 2.125rem; }

.ktdc-taget__item .step-list {
    position: absolute;
    top: -0.625rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    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: 3.75rem;
    height: 1.875rem;
    border-radius: 1.5rem;
    color: #fff;
    background: #377eff;
    font-size: 0.6875rem;
    font-weight: 700; }

.ktdc-taget__item img {
	width: 3rem;
    margin-bottom: 1rem; }

.ktdc-taget__item p {
    margin-bottom: 0.8125rem;
    font-size: 0.875rem;
    color: #707070; }

.ktdc-taget__item a {
    position: relative;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 11.25rem;
    height: 1.875rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: #fff;
    background: #1d1d1b;
    border-radius: 1.25rem;
    box-sizing: border-box;
    cursor: pointer; }

.ktdc-example {
    position: relative;
    margin-top: 2.5rem;
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
    background: #f5f5f5; }

.ktdc-example-wrap {
	padding: 0 1.25rem 1.625rem; }

.ktdc-example__head-wrap {
	display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.ktdc-example__head {
        display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    padding: 1.25rem;
    text-align: center; }

.ktdc-example__head img {
	width: 3rem;
    height: 3.4375rem;
    margin-bottom: 0.6875rem; }

.ktdc-example__head .ktdc-example__title {
    margin-bottom: 0.5rem;
    font-size: 1.0625rem;
    font-weight: 700;
    color: #1d1d1b; }

.ktdc-example__head p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #707070;
    word-break: break-all; }

.ktdc-example__detail {
    position: relative;
    padding: 1.25rem 1.25rem;
    background: #fff;
    border-radius: 0.5rem;}

.ktdc-example__detail ~ .ktdc-example__detail {
	margin-top: 0.75rem; }

.ktdc-example__detail.total {
    padding: 1.25rem 1.25rem 2rem; }

.ktdc-example__detail.total:before {
    content: '';
    position: absolute;
    top: -2.1875rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 3.5rem;
    height: 3.5rem;
    background: url(/resources/images/mobile/product/ktdc_icon_04.png) 50% 50% no-repeat;
    background-size: cover; }

.ktdc-example__detail.total:after {
    content: '';
    position: absolute;
    bottom: -1.75rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 3.5rem;
    height: 3.5rem;
    background: url(/resources/images/mobile/product/ktdc_icon_05.png) 50% 50% no-repeat;
    background-size: cover; }

.ktdc-example__detail-title {
    margin-bottom: 0.5rem;
    font-family: "Baeum";
    font-size: 1.0625rem;
    color: #377eff;
    letter-spacing: 0; }

.ktdc-example__detail-title--num {
	margin-right: 0.5rem; }

.ktdc-example__detail-fyr {
    color: #707070;
    font-size: 0.8125rem; }

.ktdc-example__detail-fyr ~ .ktdc-example__detail-fyr{
	margin-top: 0.125rem; }

.ktdc-example__ktdc-info {
	position: relative;
    margin-bottom: 0.625rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #4c4c4c; }

.ktdc-example__ktdc-info-wrap {
    position: relative;
    padding-left: 1.125rem; }

.ktdc-example__ktdc-info-wrap ~ .ktdc-example__ktdc-info-wrap {
    margin-top: 2.1875rem; }

.ktdc-example__ktdc-info-wrap:nth-of-type(n+2)::before {
    content: '';
    position: absolute;
    top: -1.25rem;
    right: 0;
    width: 100%;
    border-top: 0.0625rem dashed #9dc0ff; }

.ktdc-example__ktdc-info-num {
    position: absolute;
    left: 0;
    top: -0.125rem;
    font-family: "Baeum";
    font-size: 1.0625rem;
    color: #377eff; }

.ktdc-example__ktdc-info-titlesub {
    color: #377eff;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.1875rem; }

.ktdc-example__ktdc-info dl {
	display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 0.1875rem; }

.ktdc-example__ktdc-info dl:first-of-type {
    margin-top: 0; }

.ktdc-example__ktdc-info dl dt {
	-webkit-transform: translateY(-0.1875rem);
	transform: translateY(-0.1875rem); }

.ktdc-example__ktdc-info dl:first-of-type dd {
    margin-top: -0.125rem; }

.ktdc-example__ktdc-price {
	margin-top: 0.125rem;
	font-family: "Baeum";
    font-size: 1.1875rem;
    letter-spacing: -0.02rem;
    color: #1d1d1b; }

.ktdc-example__detail .c-accordion--type4 .c-accordion__head {
    position: absolute;
    top: -1.25rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

.ktdc-example__detail .c-accordion--type4 .c-accordion__head.is-active {
    margin-top: 0; }

.ktdc-example__detail .c-accordion--type4 .c-accordion__head.is-active .c-accordion__button img {
	-webkit-transform: rotate(0);
    transform: rotate(0); }

.ktdc-example__detail .c-accordion--type4 .c-accordion__button {
    width: 2.5rem;
    height: 2.5rem;
    background: none;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0; }

.ktdc-example__detail .c-accordion--type4 .c-accordion__button img {
    width: 3rem;
    height: 3rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.ktdc-example__detail .c-accordion--type4 .c-accordion__item {
	margin-bottom: 0;
    border-top: 0.0625rem solid #eaeaea;
    border-bottom: none; }

.ktdc-example__detail .c-accordion--type4 .c-accordion__inside {
    background: none;
    border-top: 0.0625rem solid #eaeaea;
    margin-top: -0.0625rem;
    padding: 1.25rem 0 0; }

.ktdc-example__detail .c-accordion--type4 .c-accordion__inside .ktdc-example__ktdc-info {
    margin-top: 0.125rem;
    margin-bottom: 0;
    font-weight: 400; }

.ktdc-example__detail .c-accordion--type4 .c-accordion__inside .ktdc-example__ktdc-info dl dt {
	-webkit-transform: translateY(-0);
	transform: translateY(-0); }

.ktdc-example__benefit {
	margin-top: 1rem;
    font-size: 0.8125rem; }

.ktdc-example__benefit-item {
    padding: 1.0625rem 1.25rem 0;
    border: 0.0625rem solid #eaeaea;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 0 0.125rem 0.125rem rgba(55, 126, 255, 0.08);
    box-shadow: 0 0 0.125rem 0.125rem rgba(55, 126, 255, 0.08); }

.ktdc-example__benefit-item ~ .ktdc-example__benefit-item {
	margin-top: 0.625rem; }

.ktdc-example__benefit-title {
    font-family: "Baeum";
    font-size: 1rem; }

.ktdc-example__benefit-titlesub {
    color: #4c4c4c; }

.ktdc-example__benefit-disc {
	display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
	margin-top: 0.1875rem; }

.ktdc-example__benefit-disc--rate {
    position: relative;
    margin-bottom: 0.375rem;
    font-family: "Baeum";
    font-size: 1rem;
    z-index: 1; }

.ktdc-example__benefit-disc--rate:before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    bottom: 0;
    width: 100.5%;
    height: 0.625rem;
    background: #f2ff80;
    z-index: -1; }

.ktdc-example__benefit-disc--through {
    color: #999;
    font-size: 1rem;
    text-decoration: line-through;
    margin-top: 0.125rem;
    margin-left: 0.75rem;
    font-weight: 300; }

.ktdc-example__benefit-text {
	color: #707070; }

.ktdc-example__benefit-price-wrap {
    margin-top: 0.625rem;
    background: #f3f8ff;
    padding: 0.5625rem 1.25rem 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 0 0 0.5rem 0.5rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem; }

.ktdc-example__benefit-dctitle {
	font-size: 0.875rem;
	font-weight: 500; }

.ktdc-example__benefit-price {
	margin-bottom: 0.125rem;
    font-family: "Baeum";
    font-size: 1.1875rem;
    color: #377eff;
    letter-spacing: -0.0525rem; }

.ktdc-example__benefit-subtext {
	color: #707070; }

.ktdc-example-button-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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.25rem;
    font-size: 0; }

.ktdc-example-button-wrap button {
	background-color: #377eff;
    color: #fff;
    padding: 0 1.25rem;
    width: 100%;
    height: 3rem;
    position: relative;
    display: inline-block;
    border-radius: 0.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    font-family: "Baeum";
    font-size: 1rem;
    letter-spacing: -0.02rem;
    font-weight: 400; }

.ktdc-example-button-wrap button span {
	margin-left: -0.625rem; }

.ktdc-example-button-wrap button:before {
    content: '';
    display: block;
    clear: both;
    background: url(/resources/images/portal/common/ico_arrow_white.svg) 50% 50% no-repeat;
    position: absolute;
	right: 3.3125rem;
    top: 0.875rem;
    width: 1.25rem;
    height: 1.25rem;
    background-size: cover; }

.ktdc-example-total {
font-family: "Baeum";
    font-size: 1.0625rem;
    text-align: center;
    margin-top: 1.875rem; }

.ktdc-example-total-rate {
	margin-left: 0.25rem;
    font-size: 1.625rem;
    color: #ff5454;}

.ktdc-example-total-rate em {
	font-size: 1.0625rem; }

.acc-guide-wrap .c-accordion {
    margin-top: 2.25rem;
    border-top: 0.0625rem solid #eaeaea; }

.acc-guide-wrap .acc-guide__list {
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1.25rem;}

.acc-guide-wrap .acc-guide__list li{
    width: 48%;
    position: relative; }
.acc-guide-wrap .acc-guide__list li:nth-child(n+3){
	margin-top : 2rem; }

.acc-guide-wrap .acc-guide__list li .title-3line {
	min-height: 3.75rem; }

.acc-guide-wrap .acc-guide__list li .title-4line {
	min-height: 5rem; }

.acc-guide-wrap .acc-guide__list img {
 	margin-top: 0.625rem; }

.acc-guide-wrap .c-accordion--type1 .c-accordion__inside {
    position: relative;
    padding: 1.5rem 0;
    background: #fff;
    border-top: 0.0625rem solid #eaeaea; }

.acc-guide-wrap .c-accordion--type1 .c-accordion__button {
    font-weight: 500;
    display: block;
    padding: 1rem 1.75rem 1rem 0; }

.acc-guide-wrap .acc-guide__list--wrap .acc-guide__list--group {
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between; }

.acc-guide-wrap .acc-guide__list--wrap .acc-guide__list__item {
    width: 48%;
    position: relative; }

.acc-guide-wrap .acc-guide__list--wrap .acc-guide__list__item .Number-label--type2 {
    padding-left: 1.25rem; }

.acc-guide-wrap .acc-guide__list--wrap li:nth-child(n+2) {
	margin-top : 2rem; }

.acc-guide-wrap .acc-guide__list--wrap img {
 	margin-top: 0.625rem; }

.acc-guide-wrap img {
	width : 100%;
    vertical-align: top;}

.acc-guide-wrap .acc-guide__list--wrap.rate-guide .acc-guide__list__item {
	width: 100%; }

.acc-guide-wrap .acc-guide__list--wrap.rate-guide .acc-guide__list__item .c-notice--red .c-icon--bang--red {
    width: 0.875rem;
    height: 0.875rem; }

.acc-guide-wrap .acc-guide__list--wrap.rate-guide .acc-guide__list__item img {
    width: 48%;}

.acc-guide-wrap .acc-guide__list--wrap.rate-guide .acc-guide__list__item .Number-label--type2 {
    padding-left: 0; }

.acc-guide-wrap .acc-guide__text {
	margin-top: 0.75rem;
    color: #4c4c4c;
    font-size: 0.875rem;
    font-weight: 500; }

#ktDcRateModal .c-table th {
    padding: 1rem 0; }

#ktDcRateModal .c-table td {
    padding: 1rem 0; }

#ktDcRateModal .ktdc-modal__head .ktdc-modal__title {
    font-size: 1.125rem;
    font-weight: 500; }

#ktDcRateModal .ktdc-modal__head .ktdc-modal__text {
	position: relative;
    margin-top: 0.75rem;
    padding-left: 0.625rem;
    font-size: 1rem;
    color: #707070; }

#ktDcRateModal .ktdc-modal__head .ktdc-modal__text::before {
	content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0.4375rem;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #d8d8d8; }

#ktDcRateModal .ktdc-modal__head hr {
	width: 100%;
    height: 0.0625rem;
    margin: 1.5rem 0;
    border: 0;
    border-bottom: 0.0625rem solid #ccc; }

#ktDcRateModal .c-tabs--type1 > .c-tabs__list {
    border-bottom: none;
    padding: 0 1.25rem; }

#ktDcRateModal .c-tabs--type1 > .c-tabs__list > .c-tabs__button {
    margin: 0; }

#ktDcRateModal .c-tabs--type1 > .c-tabs__list > .c-tabs__button.is-active::before {
	left: 0;
	width: 100%;
    border-bottom: 0.125rem solid #000; }

#searchDiv .c-input-wrap .c-button--underline::before {
    left: 0.75rem;
    right: 0.75rem; }

.comment-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 3rem;
    padding-bottom: 1.25rem;
    border-bottom: 0.0625rem solid #eaeaea;
    line-height: 1.5rem;
    font-weight: 700; }

.comment-wrap .c-checktype-row label {
	margin-right: 0;
    padding-left: 1.75rem; }

.event-sharing-wrap {
    position: fixed;
    width: 100%;
    bottom: 1.5rem;
    z-index: 10; }

.event-sharing-wrap button {
    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: 16rem;
	height: 3.375rem;
	padding: 1rem;
	border: 0.0625rem solid #eb3333;
	border-radius: 1.875rem;
    background-color: #fff;
    color: #252525;
    font-size: 1.0625rem;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: -0.05rem;
    -webkit-box-shadow: 0 0.5rem 2rem 0 rgb(244 184 184 / 92%);
    box-shadow: 0 0.5rem 2rem 0 rgb(244 184 184 / 92%); }

.event-sharing-wrap .event-sharing {
	width: 16rem;
    margin: 0 auto; }

.event-sharing-wrap .event-sharing .c-icon {
    margin-left: -0.25rem;
	margin-right: 0.25rem; }

.ars-company {
	margin: 0 auto;
    margin-top: 2.5rem;
    text-align: center; }

.ars-company__text {
    font-size: 1.125rem;
    font-weight: 500;
    color: #ed0000; }

.ars-company__text span {
    font-size: 0.875rem;
    font-weight: 400;
    color: #707070;
    vertical-align: middle; }

.ars-company__wrap {
    border: 0.0625rem solid #1d1d1b;
    border-radius: 0.5rem;
    margin-top: 1rem;
    padding: 1.25rem; }

.ars-company__name {
	margin-top: 0.375rem;
	font-size: 1.125rem;
	font-weight: 500; }

.ars-company__number {
	margin-top: 0.375rem;
	font-size: 1.375rem;
    font-weight: 500; }

.ars-company__info {
	margin: 2rem 0 3rem;
	font-size: 1rem;
    font-weight: 500; }

.event-bottom__wrap {
    padding-bottom: 2rem; }

.event-bottom {
    position: relative;
    overflow-x: auto;
    width: 100%;
    margin-top: 1rem;
    white-space: nowrap;
    font-size: 0;    }

.event-bottom::-webkit-scrollbar {
    display: none; }

.event-bottom__title {
    margin-top: 3rem;
    font-weight: 700;
    font-size: 1.25rem;
    text-align: left; }

.event-bottom .event-bottom__item {
    display: inline-block;
    width: 90%;
    margin-right: 1rem;}

.event-bottom .event-bottom__item:last-of-type {
	margin-right: 0; }

.event-bottom .event-bottom__image {
    position: relative;
    border-radius: 0.5rem;}

.event-bottom .event-bottom__image img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    vertical-align: bottom;}

.req-agree {
	position: relative;
    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;
    gap: 0.625rem 0; }

.req-agree__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 3rem;
    padding: 0 1.25rem 0 3.5rem;
    background-color: #f5f5f5;
    border-radius: 2.5rem;
    align-items: center; }

.req-agree__icon {
    position: absolute;
    top: 0.25rem;
    left: 0.25rem; }

.req-agree__text {
	position: relative;
    font-size: 1rem;
    font-weight: 400;
    color: #1d1d1b;
    -webkit-transform: translateY(0.0625rem);
    transform: translateY(0.0625rem); }

#tabB2Body .c-modal__body {
    padding: 0;
    overflow-y: inherit; }

.review-detail-title {
    margin: 1.375rem 0 0.625rem;
	font-weight: 500; }

.review-detail .c-checkbox + .c-label::before {
    background-size: 1.25rem 1.25rem; }

.review-detail .c-checkbox + .c-label {
    padding-left: 1.75rem; }

.review-detail__num {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 1.25rem;
    width: 1.125rem;
    height: 1.125rem;
    margin-right: 0.125rem;
    background-color: #fff;
    color: #1d1d1b;
    border: 0.0625rem solid #707070;
    font-size: 0.8125rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.125rem;
    -webkit-transform: translateY(-0.0625rem);
    transform: translateY(-0.0625rem); }

.review-detail__text {
    font-size: 0.9375rem; }

.review-detail__sub {
    font-size: 0.875rem;
    font-weight: 400;
    color: #707070;}

.review-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 0.375rem;
    margin-top: 0.5rem;
    margin-bottom: 0.25rem; }

.review-summary__item {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.375rem;
	padding: 0.375rem 0.625rem;
    background-color: #ededed;
    font-size: 0.75rem;
    line-height: 1.2;
    border-radius: 0.25rem; }

.review-summary__question {
	color: #909090;
    font-weight: 500; }

.review-summary__answer {
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
	margin-left: 0.25rem;
	color: #1D1D1B;
    font-weight: 700;
    white-space: normal; }

.review-filter {
    position: relative; }

.review-filter .c-filter__inner {
    border-bottom: 0.0625rem solid #ededed;
    margin-bottom: 1.5rem;
    padding: 0 0.25rem;
    margin-top: 0.5rem; }

.review-filter .c-filter__inner::-webkit-scrollbar {
	display: none; }

.review-filter .c-button {
    position: relative;
    margin: 0 0.75rem;
    margin-left: 0;
    padding-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    color: #999; }

.review-filter .c-button.is-active {
    font-weight: 700;
    color:  #1d1d1b; }

.review-filter .c-button.is-active::before {
	content: "";
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 0.125rem solid #1d1d1b; }

.review-chart {
   	color: #f37000;
   	font-size: 0.875rem;
    font-weight: 500; }

.review-chart__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; }

.review-chart__item ~ .review-chart__item {
    margin-top: 1.25rem; }

.review-chart__item .c-indicator {
    margin: 0 1rem;
    flex: 1 40%;
    display: block;
    position: relative;
    width: 100%;
    height: 0.5rem;
    background: #e4e4e4;
    border-radius: 0; }

.review-chart__item .c-indicator .mark {
    position: relative;
    display: block;
    height: 0.5rem;
    max-width: 100%;
    background: #ff7f02;
    border-radius: 0; }

.review-chart__title {
	flex: 1; }

.review-chart__percent {
    flex: 0 2.5rem; }

.review-rank {
	position: relative;
    background: #fbf7f4;
    padding: 3rem 1.25rem;
    margin-top: -2rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem; }

.review-rank-wrap {
    position: relative;
    margin-left: -1.25rem;
    margin-right: -1.25rem; }

.review-rank__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Baeum";
    font-size: 1.5rem; }

.review-rank__title.mcash img {
    width: 14.375rem;
    height: 100%;}

.review-rank__title img {
    width: 15.625rem; }

.review-rank__title .c-icon--trophy {
    width: 2.125rem;
    height: 2.125rem;
    margin-top: -0.0625rem;
    margin-right: 0.25rem; }

.review-rank__title span {
	margin-right: 0.5rem;
    color: #f06e00; }

.review-rank__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	margin-top: 3rem;
    white-space: nowrap;
    overflow-x: auto; }

.review-rank__list::-webkit-scrollbar {
    display: none; }

.review-rank__item {
    position: relative;
    display: inline-block;
    width: 17.5rem;
    padding: 0 1.25rem;
    font-weight: 500; }

.review-rank__item a {
	display: block; }

.review-rank__item::after {
    content: "";
    display: block;
    position: absolute;
    border-right: 0.0625rem dashed #dbdbdb;
    height: 100%;
    top: 0;
    right: 0; }

.review-rank__item:last-child::after {
    border:none;}

.review-rank__label {
    display: inline-block;
    border-radius: 1rem;
    padding: 0.3125rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-align: center;
    min-width: 3.25rem;
    line-height: 1;
    background-color: #ff7f02;
    color: #fff; }

.review-rank__text {
	 display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 4.625rem;
    max-height: 6rem;
    margin-top: 0.875rem;
    font-size: 0.8125rem;
    color: #4c4c4c;
    white-space: initial;
    overflow: hidden;
    text-overflow: ellipsis; }

.review-rank .review-summary__question {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;
    overflow: hidden;
    text-overflow: ellipsis; }

.review-rank__img {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	position: relative;
	width: 15rem;
    height: 8.4375rem;
    overflow: hidden;
    border-radius: 0.5rem; }

.review-rank__img img {
    width: 15rem;
    height: auto;
    border-radius: 0.5rem;
    overflow: hidden; }

.review-rank__img .img-count {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: inline-block;
    padding: 0.125rem 0.5rem;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-radius: 0.625rem;
    font-size: 0.6875rem;
    font-weight: 500;
    text-align: center;
    z-index: 2; }

#ktDcStart .ktdc-title {
    margin-top: 4rem; }

#ktDcStart .ktdc-title h3 {
    font-size: 1rem;
    margin-bottom: 1.25rem; }

#ktDcStart .ktdc-title p {
	word-break: keep-all;
    font-size: 0.875rem; }

#ktDcStart .ktdc-title .c-text-link--bluegreen {
    margin-left: 0;
   	color: #00c0aa !important;
	font-size: 0.875rem; }

#ktDcStart .tdc-target-box {
	position: relative;
 	margin-top: 2rem;
 	padding: 1.25rem 1.25rem 1rem;
	background-color: #f1fafa;
    border: 0.0625rem solid #00c0aa;
    border-radius: 0.5rem;
    color: #000;
    font-size: 0.9375rem;
    text-align: center; }

#ktDcStart .tdc-target-box b {
   	color: #00c0aa; }

#ktDcStart .tdc-target-box p {
    margin-top: 0.75rem;
	color: #4c4c4c;
	font-size: 0.75rem; }

#ktDcStart .tdc-notarget-box {
	position: relative;
 	margin-top: 2rem;
 	padding: 1.25rem 1rem 1rem;
	background-color: #f5f5f5;
    border: 0.0625rem solid #eaeaea;
    border-radius: 0.5rem;
    color: #000;
    font-size: 0.9375rem;
    text-align: center; }

#ktDcStart .tdc-notarget-box b {
   	color: #00c0aa; }

#ktDcStart .tdc-notarget-box p {
    margin-top: 0.75rem;
	color: #4c4c4c;
	font-size: 0.75rem; }

#ktDcStart #tdc-target .c-table th, #ktDcStart #tdc-target .c-table td {
    padding: 1rem 0;
    border-left: none;
    border-right: none; }

#ktDcStart #tdc-target .c-table td .c-radio + .c-label {
    margin-right: -0.5rem;
    vertical-align: middle; }

.card-benefit.c-modal__content .c-modal__header {
	margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
    padding: 1.125rem 0 1.75rem;
    border-bottom: 0.0625rem solid #ccc;  }

.c-modal__dialog--full .card-benefit.c-modal__content .c-modal__body {
    padding: 0 1.25rem 3.625rem; }

.card-benefit__item {
   	padding: 1.75rem 0 0.25rem;
    border-bottom: 0.0625rem solid #e8e8e8; }

.card-benefit__item-wrap {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.card-benefit__img {
    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;
    width: 3.5rem;
    margin-left: 0.25rem; }

.card-benefit__img img {
    width: 3.5rem;
    height: 3.5rem; }

.card-benefit__img a {
	position: relative;
	width: 3.5rem;
    height: 3.5rem; }

.card-benefit__img a::before {
    content: '';
    display: inline-block;
    clear: both;
    position: absolute;
    bottom: -0.0625rem;
    right: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: url(../../images/mobile/common/ico_plus_02.png) 50% 50% no-repeat;
    -webkit-box-shadow: 0 0 0.4375rem 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0.4375rem 0 rgba(0, 0, 0, 0.2);
    background-size: cover; }

.c-modal.rate-detail-view .card-benefit.c-modal__content .card-benefit__img a {
	pointer-events: none; }

.c-modal.rate-detail-view .card-benefit.c-modal__content .card-benefit__img a::before {
	content: none; }
.c-modal.rate-detail-view .card-benefit.c-modal__content .c-text-list__item:first-child {
	display: none; }

.c-modal.payway-info .card-benefit.c-modal__content .card-benefit__img a::before {
	display: none; }
.c-modal.payway-info .card-benefit.c-modal__content .c-text-list__item:first-child {
	display: none; }

.card-benefit__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: -0.25rem;
    margin-left: 1.25rem; }

.card-benefit__info strong {
    font-size: 0.875rem;
    font-weight: 700; }

.card-benefit__info dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.5625rem;
	margin-left: 0.125rem;
    font-size: 0.8125rem; }

.card-benefit__info dl ~ dl {
    margin-top: 0.3125rem; }

.card-benefit__info dt {
    width: 5.125rem; }

.card-benefit__info dt span {
    position: relative;
    z-index: 0; }

.card-benefit__info dt span::before {
	content: '';
    display: block;
    clear: both;
    position: absolute;
    bottom: 0.0625rem;
    left: 0;
    width: 102%;
    height: 0.4375rem;
    background: #cdf1ed;
    z-index: -1; }

.card-benefit__info dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.card-benefit__desc {
    margin-top: 0.4375rem;
    padding: 0.625rem 1rem 0.625rem 5.0625rem;
    background: #f9f9f9;
    border-radius: 0.625rem;
    font-size: 0.75rem;
    line-height: 1.1875rem;
    color: #707070; }

.card-benefit__desc p img {
    display: inline-block;
    width: 0.1875rem;
    height: 0.1875rem;
    margin-right: 0.25rem;
    border-radius: 50%;
    background-color: #ccc;
    -webkit-transform: translateY(-0.1875rem);
    transform: translateY(-0.1875rem);
    line-height: 1.25rem; }

.masking-badge-wrap {
	position: relative;
   	z-index: 2; }

.masking-badge {
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: -2.125rem;
  right: 0;
  height: 1.875rem;
  margin-right: -1.25rem;
  padding: 0 0.9375rem 0 0.375rem;
  border-radius: 1.4375rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: #00c0aa;
  -webkit-box-shadow: 0 0.3125rem 0.4375rem 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0.3125rem 0.4375rem 0 rgba(0, 0, 0, 0.16);
  overflow: hidden; }

.masking-badge .masking-badge__button {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.5rem;
    margin-right: -6.9375rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 400;
    pointer-events: none;}

.masking-badge.is-active .masking-badge__button {
    margin-right: -0.5rem;
    pointer-events: auto;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1); }

.masking-badge-wrap .masking-badge {
    top: 0.0625rem; }

.masking-badge .masking-badge__icon {
	display: inline-block;
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/mobile/common/ico_lock_03.png) 50% 50% no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-0.0625rem);
    transform: translateY(-0.0625rem); }

.masking-badge .masking-badge__button p {
	-webkit-transform: translateY(0.0625rem);
    transform: translateY(0.0625rem); }

.c-modal__content.masking-session {
	min-height: auto;
    height: auto;
    margin: 1.25rem;
        border-radius: 0.3rem;}

.c-modal__content.masking-session .c-modal__body {
    padding: 2rem 1.25rem;
    text-align: center; }

.c-modal__content.masking-session .c-modal__footer {
    padding: 0.5rem 1.25rem 2.125rem; }

.req-self-wrap {
	margin-top: 2.25rem; }

.req-self-title {
	margin-bottom: 2.375rem;
    font-size: 1.375rem;
    font-weight: 700; }

.req-self-form-group {
	margin-top: 2.3125rem; }

.req-self-form__title {
    font-size: 1.25rem;
    font-weight: 500; }

.req-self-form__title span {
	font-size: 1rem;
    font-weight: 400;
    color: #707070;
    margin-left: 0.3125rem; }

.req-self-form__form {
    margin-top: 1rem; }

.req-self-form__bullet {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    margin-top: 1.125rem;
    padding: 1.0625rem 1.25rem 1rem;
    background: #f9f9f9; }

.req-self-form__bullet ul {
    font-size: 0.875rem;
    color: #4c4c4c; }

.req-self-form__bullet li {
	position: relative;
	margin-top: 0.5rem;
    padding-left: 0.4375rem; }

.req-self-form__bullet li.link {
    padding-left: 0; }

.req-self-form__bullet li.link::before {
    content: none;}

.req-self-form__bullet li:first-child {
    margin: 0; }

.req-self-form__bullet li::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 0.1875rem;
    height: 0.1875rem;
    border-radius: 50%;
    background: #ccc; }

.req-self-form .c-radio--button + .c-label:last-of-type {
	margin-right: 0; }

.req-self-form .count-wrap .c-price {
	-webkit-transform: translateY(0.125rem);
    transform: translateY(0.125rem); }

.req-self-content .c-hr--type1 {
	margin: 2.5rem 0 2.25rem; }

.req-self-form .c-form.dlvryKind .c-radio + .c-label {
    margin: 0;
    width: 50%; }

.req-self-content .c-agree__item:only-child {
    padding-bottom: 0;
    border-bottom: 0; }

.rate-banner-wrap {
    background-color: #f3f4f6; }

.rate-banner {
    position: relative; }

.rate-banner-list {
    position: relative;
    padding: 1.5rem 1.25rem;
    color: #1d1d1b; }

.rate-banner__item {
	position: relative; }

.rate-banner__item ~ .rate-banner__item {
    margin-top: 1rem; }

.rate-banner__content {
    display: block;
    padding: 1.25rem 1.25rem 0;
    background: #fff;
    position: relative;
    border: 0.0625rem solid #dfdfdf;
    border-radius: 1rem; }

.rate-banner__label-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

.rate-banner__label {
    margin-right: 0.375rem;
    margin-bottom: 0.5rem;
    padding: 0.3125rem 0.5rem 0.25rem;
    font-size: 0.75rem;
    border-radius: 0.25rem;
    background: #03a794;
    color: #fff; }

.rate-banner__title-wrap {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0.5rem;}

.rate-banner__title {
    width: 60%;
	font-size: 0.9375rem;
    font-weight: 700; }

.rate-banner__price {
 	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: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    margin-right: 0.5rem;
    margin-top: -1.0625rem; }

.rate-banner__price-basic {
	font-size: 0.75rem;
    color: #7c7c7c;
    text-decoration: line-through;
    -webkit-transform: translateY(0.125rem);
    transform: translateY(0.125rem);}

.rate-banner__price-promotion {
    margin-left: 0.25rem;
    font-size: 0.9375rem;
    font-weight: 700; }

.rate-banner__price .c-icon {
    position: absolute;
    top: 1.125rem;
    right: -1.25rem; }

.rate-banner__detail {
    margin-top: 0.5rem;
    margin-bottom: 1rem; }

.rate-banner__detail-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

.rate-banner__detail-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }

.rate-banner__detail-item .c-icon {
    top: -0.25rem;
    width: 1.25rem;
    height: 1.25rem; }

.rate-banner__detail-info {
	font-size: 0.8125rem;
    color: #1d1d1b;
    font-weight: 700;
    margin: 0 0.5rem 0 0.25rem; }

.rate-banner__detail-info p {
	display: inline-block;
    font-weight: 500;
    color: #343434; }

.rate-banner__detail-info p + p {
    font-size: 0.75rem;
    color: #6f6f6f; }

.rate-banner__benefit {
    margin-left: -1.25rem;
    margin-right: -1.25rem; }

.rate-banner__benefit-list {
    padding: 1rem 1.25rem 1.25rem;
    background: #f9fafc;
    position: relative;
    border-radius: 0 0 1rem 1rem;
    font-size: 0.75rem;
    font-weight: 500; }

.rate-banner__benefit-item ~ .rate-banner__benefit-item {
	margin-top: 1rem; }

.rate-banner__benefit-item > p {
    font-weight: 700; }

.rate-banner__benefit-label-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0.5rem;
    font-size: 0.6875rem;
    white-space: nowrap;}

.rate-banner__benefit-label-wrap p {
	display: inline-block;
	margin-right: 0.5rem;}

.rate-banner__benefit-label {
    margin-right: 0.25rem;
    padding: 0.1875rem 0.375rem;
    font-weight: 500;
    border-radius: 0.375rem;
    background: #e0e7f6;
    color: #0f5aff; }

select optgroup {
    font-weight: bold;
    color: #1d1d1b; }

.rate-comparison-wrap {
    padding: 1.25rem;
    background-color: #f9f9f9;
    margin: 0 -1.25rem -2rem; }

.rate-comparison-content {
    position: relative; }

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

.rate-comparison-total {
    font-size: 1.25rem;
    font-weight: 700; }

.rate-comparison-total span {
    color: #00c3bd; }

.rate-comparison-total__button {
    font-size: 0; }

.rate-comparison-total__button .c-icon {
	-webkit-transform: translateY(-0.0625rem);
    transform: translateY(-0.0625rem); }

.rate-comparison-total__button button {
    position: relative;
    display: inline-block;
    font-weight: 500;
    border-radius: 0.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    height: 2rem;
    line-height: 2rem;
    padding: 0 0.75rem;
    font-size: 0.8125rem;
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    color: #1d1d1b; }

.rate-comparison-total__button button:active, .rate-comparison-total__button button.is-active {
    color: #fff;
    background-color: #00c3bd;
    border: 0.0625rem solid #00c3bd; }

.rate-comparison-total__button button:active .c-icon--sort,
.rate-comparison-total__button button.is-active .c-icon--sort,
.rate-comparison-total__button button:active .c-icon--refresh-type2,
.rate-comparison-total__button button.is-active .c-icon--refresh-type2 {
    filter: invert(1) brightness(2); }

.rate-comparison-total__button button ~ button {
	margin-left: 0.375rem; }

.rate-comparison-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1rem; }

.rate-comparison-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: calc(50% - 0.5rem);
    margin-right: 1rem; }

.rate-comparison-item:last-child {
    margin-right: 0; }

.rate-comparison-item .c-select {
	font-size: 0.8125rem;
    white-space: pre-wrap;
    word-break: keep-all;
    padding: 0 2rem 0 1rem;
    background: #fff url(../../images/mobile/common/ico_select.svg) no-repeat right 0.375rem top 50%; }

.rate-comparison-info {
    background-color: #fff;
    border: 0.0625rem solid #eaeaea;
    border-radius: 0.5rem;
    padding: 0.75rem;
    margin-top: 1rem; }

.rate-comparison-info.no-data {
	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(100% - 4.5rem);
	background-color: #fff;
    padding: 2rem 1.25rem 2.25rem;
    border-radius: 0.5rem;
    border: 0.0625rem dashed #eaeaea;
    text-align: center; }

.rate-comparison-info.no-data p {
	margin-top: 0.25rem;
    color: #707070;
    font-size: 0.8125rem; }

.rate-comparison-price {
    padding: 1.125rem 0.5rem;
    background-color: #f2faf9;
    border-radius: 0.5rem;
    text-align: center;
    line-height: 1; }

.rate-comparison-price p {
    font-size: 1.25rem;
    font-weight: 700;
    color: #008080; }

.rate-comparison-price span {
    font-size: 0.9375rem;
    font-weight: 500; }

.rate-comparison-info__button {
	margin-top: 0.75rem; }

.rate-comparison-info__button button {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 0.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    width: 100%;
    padding: 1rem 0.75rem;
    font-size: 1rem;
    background-color: #00c3bd;
    border: 0.0625rem solid #00c3bd;
    color: #fff; }

.rate-comparison-info__list {
    margin-top: 1.25rem; }

.rate-comparison-ifo__item {
    position: relative;
    height: 3.5rem;
    padding-left: 1.75rem;
    font-size: 0.8125rem;
    font-weight: 500; }

.rate-comparison-ifo__item:first-of-type {
    height: 3.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }

.rate-comparison-ifo__item.h-auto{
    height: auto; }

.rate-comparison-ifo__item + .rate-comparison-ifo__item {
    margin-top: 0.75rem; }

.rate-comparison-ifo__item em {
    word-break: break-word; }

.rate-comparison-ifo__item .c-icon {
    position: absolute;
    top: -0.25rem;
    left: 0;
    width: 1.5rem;
    height: 1.5rem; }

.rate-comparison-info__sub {
    margin-top: 0.125rem;
    color: #707070;
    font-size: 0.75rem;
    font-weight: 400; }

.rate-comparison-content .c-text-list {
    margin-top: 0.75rem; }

.rate-comparison-content .c-text-list .c-text-list__item {
	padding-left: 0.8125rem;
	font-size: 0.8125rem ; }

.rate-comparison-content .c-text-list .c-text-list__item::before {
    top: -0.0625rem;
    font-size: 0.8125rem; }

.rate-comparison-content .c-text-list .c-text-list__item .c-text-link--bluegreen {
	margin-left: 0; }

.c-modal--rate-comparison .c-modal__dialog--full .c-modal__title {
    padding-left: 0; }

.c-modal--rate-comparison .c-modal__dialog--full .c-modal__title::before {
    content: none; }

.c-modal--rate-comparison .c-modal__dialog--full .c-modal__content {
    min-height: 55%;
    height: 55%;
    border-radius: 1.875rem 1.875rem 0 0; }

.c-modal--rate-comparison .c-modal__dialog {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }

.c-modal--rate-comparison .review-filter {
    width: 100%;
    padding: 0 1.25rem; }

.c-modal--rate-comparison .review-filter .c-filter {
    margin-bottom: 0; }

.c-modal--rate-comparison .review-filter .c-filter__inner {
    margin-top: 0;
    margin-bottom: 0; }

.c-modal--rate-comparison .c-form-wrap {
    padding: 3rem 0; }

.c-modal--rate-comparison .c-form-group .c-group--head {
	font-size: 1.125rem;
    font-weight: 700; }

.c-modal--rate-comparison .review-filter .c-button {
    font-size: 0.9375rem;
    margin: 0.5rem 1rem 0 0; }

.c-modal--rate-comparison .c-form-group .c-checktype-row {
    margin-top: 0.75rem; }

.c-modal--rate-comparison .c-radio--button--type3:checked + .c-label {
	margin: 0 0.5rem 0.75rem 0;
    color: #008080;
    background: #fff;
    border-color: #008080; }

.c-modal--rate-comparison .c-radio--button--type3 + .c-label {
    margin: 0 0.5rem 0.75rem 0; }

.c-modal--rate-comparison .c-radio--button--type3 + .c-label ~ .c-label {
    margin: 0 0.5rem 0.75rem 0; }

.c-modal--rate-comparison .c-range.c-range--type2.c-range--step5 .c-range__ruler .ruler-mark:nth-child(1) {
    -webkit-transform: translateX(50%);
    transform: translateX(50%); }

.c-modal--rate-comparison .c-range.c-range--type2.c-range--step5 .c-range__ruler .ruler-mark:nth-child(2) {
	-webkit-transform: translateX(-25%);
    transform: translateX(-25%);
    margin-left: 0; }

.c-modal--rate-comparison .c-range.c-range--type2.c-range--step5 .c-range__ruler .ruler-mark:nth-child(3) {
	-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 0; }

.c-modal--rate-comparison .c-range.c-range--type2.c-range--step5 .c-range__ruler .ruler-mark:nth-child(4) {
	-webkit-transform: translateX(-75%);
    transform: translateX(-75%);
    margin-left: 0; }

.c-modal--rate-comparison .c-range--step6 .c-range__ruler .ruler-mark:nth-child(1) {
	left: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0); }

.c-modal--rate-comparison .c-range--step6 .c-range__ruler .ruler-mark:nth-child(2) {
	left: 20%;
	-webkit-transform: translateX(-35%);
	transform: translateX(-35%); }

.c-modal--rate-comparison .c-range--step6 .c-range__ruler .ruler-mark:nth-child(3) {
	left: 40%;
	-webkit-transform: translateX(-45%);
	transform: translateX(-45%);
	text-align: left; }

.c-modal--rate-comparison .c-range--step6 .c-range__ruler .ruler-mark:nth-child(4) {
    left: 60%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: left; }

.c-modal--rate-comparison .c-range--step6 .c-range__ruler .ruler-mark:nth-child(5) {
	left: 80%;
	-webkit-transform: translateX(-65%);
	transform: translateX(-65%);
	text-align: left; }

.c-modal--rate-comparison .c-range--step6 .c-range__ruler .ruler-mark:nth-child(6) {
	-webkit-transform: translateX(25%);
	transform: translateX(25%);
	right: 0; }

.c-modal--rate-comparison .c-modal__footer .c-icon--refresh-type2 {
	margin-top: -0.25rem; }

.rate-comp-wrap {
    padding: 1.25rem;
    margin: 0 -1.25rem -2rem; }

.rate-comp-content {
    position: relative; }

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

.rate-comp-total {
    font-size: 1.25rem;
    font-weight: 700; }

.rate-comp-total span {
    color: #00c3bd; }

.rate-comp-total__button {
    font-size: 0; }

.rate-comp-total__button .c-icon {
    -webkit-transform: translateY(-0.0625rem);
    transform: translateY(-0.0625rem); }

.rate-comp-total__button button {
    position: relative;
    display: inline-block;
    font-weight: 500;
    border-radius: 0.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    height: 2rem;
    line-height: 2rem;
    padding: 0 0.75rem;
    font-size: 0.8125rem;
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    color: #1d1d1b; }

.rate-comp-total__button button:active, .rate-comp-total__button button.is-active {
    color: #fff;
    background-color: #00c3bd;
    border: 0.0625rem solid #00c3bd; }

.rate-comp-total__button button:active .c-icon--sort,
.rate-comp-total__button button.is-active .c-icon--sort,
.rate-comp-total__button button:active .c-icon--refresh-type2,
.rate-comp-total__button button.is-active .c-icon--refresh-type2 {
    filter: invert(1) brightness(2); }

.rate-comp-total__button button ~ button {
    margin-left: 0.375rem; }

.rate-comp-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: sticky;
    top: 3.875rem;
    z-index: 10;
    background-color: #fff;
    padding: 1rem 0 1rem; }

.rate-comp-select__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: calc(50% - 0.5rem);
    margin-right: 1rem; }

.rate-comp-select__item:last-child {
    margin-right: 0; }

.rate-comp-select__item .c-select {
    font-size: 0.8125rem;
    white-space: pre-wrap;
    word-break: keep-all;
    padding: 0 2rem 0 1rem;
    line-height: 1.2;
    background: #fff url(../../images/mobile/common/ico_select.svg) no-repeat right 0.375rem top 50%; }

.rate-comp-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.rate-comp-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: calc(50% - 0.5rem);
    margin-right: 1rem; }

.rate-comp-item:last-child {
    margin-right: 0; }

.rate-comp-info {

}
.rate-comp-list .rate-comp-info.no-data {
    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: 6.375rem;
    background-color: #fff;
    padding: 1rem;
    border-radius: 0.5rem;
    text-align: center; }

.rate-comp-list .rate-comp-info.no-data p {
	margin-top: 0.25rem;
    color: #707070;
    font-size: 0.8125rem; }

.rate-comp-price {
    padding: 0.25rem;
    text-align: center;
    line-height: 1; }

.rate-comp-price p {
    font-size: 1.875rem;
    font-weight: 700;
    color: #008080; }

.rate-comp-price span {
    font-size: 0.9375rem;
    font-weight: 500; }

.rate-comp-info__button {
    margin-top: 1rem; }

.rate-comp-info__button button {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 0.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    width: 100%;
    height: 3rem;
    padding: 0.75rem;
    font-size: 1rem;
    background-color: #00c3bd;
    border: 0.0625rem solid #00c3bd;
    color: #fff; }

.c-accordion.rate-comp {
    margin-top: 2.5rem;
}
.c-accordion.rate-comp .c-accordion__item {

}
.c-accordion.rate-comp.c-accordion--type6 .c-accordion__item {
    border-bottom: 0;
}
.c-accordion.rate-comp .c-accordion__item:last-child .c-accordion__panel {
    border-bottom: 0.0625rem solid #eaeaea;
}
.c-accordion.rate-comp .c-accordion__head {
    font-size: 1.5rem;
    font-weight: 700;
    padding-left: 0;
    margin-top: 1.25rem;
}
.c-accordion.rate-comp .c-accordion__title {
    font-size: 1.25rem;
    font-weight: 700;
}
.c-accordion.rate-comp .c-accordion__button {
    border-bottom: 0.0625rem solid #eaeaea;
}
.c-accordion.rate-comp .c-accordion__button:after {
    right: 0;
}
.c-accordion.rate-comp.c-accordion--type6 .c-accordion__panel {
    font-size: inherit;
    font-weight: 400;
    color: inherit;
    background: inherit;
    margin: 0;
}
.rate-comp__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2rem 0 2rem;
}
.rate-comp__list-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: calc(50% - 0.5rem);
    margin-right: 1rem;
}
.rate-comp__list-item:last-child {
    margin-right: 0;
}
.rate-comp__list-item.no-data > div {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background-color: #fff;
    padding: 1.5rem 1.25rem;
    border-radius: 0.5rem;
    border: 0.0625rem dashed #eaeaea;
    text-align: center;
}
.rate-comp__list-item.no-data > div p {
    margin-top: 0.25rem;
    color: #707070;
    font-size: 0.8125rem;
}
.rate-comp__info {
    text-align: center;
}
.rate-comp__info-item {
    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;
}
.rate-comp__info-item ~ .rate-comp__info-item {
    margin-top: 1.25rem;
}
.rate-comp__info-item-icon {

}
.rate-comp__info-item img {
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: bottom;
}
.rate-comp__info-item p {
    margin: 0.625rem 0 0.25rem;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: normal;
    word-break: break-word;
}
.rate-comp__info-item p b {
    word-break: break-word;
}
.rate-comp__info-item span {
    font-size: 0.875rem;
    color: #707070;
}
#rateCompAddContent .rate-comp__info-item span {
    min-height: 1.25rem;
}
.rate-comp-content .c-text-list {
    margin-top: 1rem;
}

.freq-summary-stamp {
  margin-top: 2.5rem;
  line-height: 1;
}
.freq-summary-stamp__status-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.freq-summary-stamp__status-wrap p {
  font-weight: 500;
}
.freq-summary-stamp__status-wrap p span {
  margin-left: 0.1875rem;
}
.freq-summary-stamp__status {
  font-size: 1rem;
  font-weight: 500;
  color: #707070;
}
.freq-summary-stamp__status span:first-child {
  margin-left: 0;
  margin-right: 0.125rem;
  color: #ed0000;
  font-weight: 700;
}
.freq-summary-stamp__status span {
  margin-left: 0.125rem;
  margin-right: 0;
}
.freq-summary-stamp__progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.625rem;
  margin-top: 0.9375rem;
  padding: 1.1875rem;
  background-color: #f7f7f7;
  border: 0.0625rem solid #eaeaea;
  border-radius: 0.5rem;
}
.freq-summary-stamp__progress li {
  flex: 1;
  width: 2.09375rem;
  height: 2.09375rem;
  background: url(../../images/mobile/frequency/ico_stamp_small_gray.png) no-repeat 50% 50%;
  background-size: contain;
}
.freq-summary-stamp__progress li.is-stamped {
  background: url(../../images/mobile/frequency/ico_stamp_small_stamped.png) no-repeat 50% 50%;
  background-size: contain;
}
.freq-summary-button {
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 0.40625rem;
  margin-top: 3rem;
  font-size: 0;
}
.freq-summary-button a {
  position: relative;
  width: 100%;
  height: 4.59375rem;
  padding: 0.9375rem 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  background-color: #1d1d1b;
  border: 0.0625rem solid #1d1d1b;
  color: #fff;
  border-radius: 0.5rem;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
}
.freq-content {
  margin-top: 1.875rem;
}
.freq-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;
}
.freq-head p {
  font-size: 1.25rem;
  font-weight: 500;
}
.freq-head button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 5.5rem;
  height: 1.5rem;
  padding-left: 0.6875rem;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1;
  background-color: #fff;
  border: 0.0625rem solid #ccc;
  color: #4c4c4c;
  border-radius: 1.5rem;
  -webkit-transform: translateY(0.0625rem);
  transform: translateY(0.0625rem);
}
.freq-head button .c-icon {
  margin-right: 0.375rem;
}
.freq-status {
  margin-top: 0.875rem;
  margin-left: -1.25rem !important;
  margin-right: -1.25rem !important;
  padding: 1.5rem 1.25rem 0;
  background-color: #f0f0f0;
}
.freq-progress-wrap p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
}
.freq-progress {
  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;
  margin-top: 1rem;
}
.freq-progress-bar {
  width: 100%;
}
.freq-progress-bar .c-indicator {
  display: block;
  position: relative;
  height: 2.5rem;
  padding: 0.25rem;
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: inset 0.125rem 0.125rem 0.125rem 0 rgba(93, 98, 122, 0.51);
}
.freq-progress-bar .c-indicator .mark {
  display: block;
  height: 2rem;
  max-width: 100%;
  background: linear-gradient(180deg, #a2c7ff, #5192f0);
  border-radius: 0.375rem;
}
.freq-progress-stamp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: calc(100% - 0.5rem);
}
.freq-progress-stamp li {
  position: relative;
  flex: 1;
  height: 2rem;
  background: url(../../images/mobile/frequency/ico_stamp_small_white.png) no-repeat 50% 50% / 1.25rem 1.25rem;
}
.freq-progress-stamp li ~ li:before {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  width: 0.0625rem;
  height: 2rem;
  left: 0;
  border-left: 0.0625rem solid rgba(255, 255, 255, 0.5);
}
.freq-progress-status {
  position: absolute;
  top: -2.1875rem;
  right: 0;
  font-size: 0.875rem;
  font-weight: 400;
  color: #707070;
}
.freq-progress-status span {
  margin-left: 0.125rem;
}
.freq-progress-status span:first-child {
  margin-left: 0;
  margin-right: 0.125rem;
  color: #ed0000;
  font-weight: 700;
}
.freq-stamp-wrap {
  position: relative;
  margin-top: 2rem;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  padding: 3.75rem 1.25rem 3rem;
  background: url(../../images/mobile/frequency/freq_status_bg.png);
  -webkit-box-shadow: 0.1875rem 0.1875rem 0.625rem 0.125rem rgb(0, 0, 0, 0.1);
  box-shadow: 0.1875rem 0.1875rem 0.625rem 0.125rem rgb(0, 0, 0, 0.1);
}
.freq-stamp-wrap::after {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  top: 3.1875rem;
  left: 0;
  background: url(../../images/mobile/frequency/freq_stamp_tag_01.png) 50% 50% no-repeat;
  width: 5.625rem;
  height: 6.5rem;
  background-size: cover;
}
.freq-stamp-title {
  text-align: center;
}
.freq-stamp-title p {
  margin-top: 0.5625rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: #0d52b0;
}
.freq-stamp-title__icon .c-icon:nth-child(2) {
  margin: 0 0.5625rem;
}
.freq-stamp-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2.0625rem 1.09375rem;
  margin-top: 1.875rem;
  padding-top: 0.25rem;
  background: url(../../images/mobile/frequency/freq_status_line_bg.png) 50% top no-repeat;
  background-size: cover;
}
.freq-stamp-status ~ .freq-stamp-status {
  margin-top: 1.125rem;
}
.freq-stamp__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;
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 50%;
}
.freq-stamp__item-button {
  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;
  position: relative;
  width: 6.25rem;
  height: 6.25rem;
  background: url(../../images/mobile/frequency/freq_stamp_bg.png) no-repeat 50% 50%;
  border-radius: 50%;
  background-size: cover;
}
.freq-stamp__item-button.is-stamped {
  pointer-events: none;
}
.freq-stamp__item-button.is-stamped::after {
content: '';
display: block;
clear: both;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
background: url(../../images/mobile/frequency/freq_stamped_2.png) 50% 50% no-repeat;
width: 6.25rem;
height: 6.25rem;
background-size: cover;
opacity: 0;
animation: stampBoomMobile 0.5s ease-out forwards;
pointer-events: none;
z-index: 10;
}

@keyframes stampBoomMobile {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  60% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

.freq-stamp__item-button.is-stamped .freq-stamp__item-get {
  background-color: #ddd;
  color: transparent;
}
.freq-stamp__item-button.is-stamped .freq-stamp__item-get::after {
  content: "완료";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
.freq-stamp__item-icon {
  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: 2.5rem;
  height: 2.5rem;
  margin-top: 1.0625rem;
}
.freq-stamp__item-icon.triple {
  width: 4.0625rem;
}
.freq-stamp__item-icon.triple .c-icon {
  -webkit-transform: translateY(0.1875rem);
  transform: translateY(0.1875rem);
}
.freq-stamp__item-title {
  margin-top: 0.125rem;
  color: #707070;
  font-size: 0.6875rem;
  font-weight: 500;
}
.freq-stamp__item-get {
  position: absolute;
  bottom: -0.3125rem;
  width: 4.5rem;
  height: 1.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.625rem;
  background-color: #0d52b0;
  color: #fff;
  border-radius: 0.75rem;
}
.freq-complete-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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 4.3125rem;
  font-size: 0;
}
.freq-complete {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 3rem;
  padding: 0.8125rem 1.25rem;
  pointer-events: none;
  font-size: 1rem;
  font-weight: 500;
  background-color: #ccc;
  color: #fff;
  border-radius: 0.5rem;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
}
.freq-complete.is-completed {
  background: linear-gradient(180deg, #a2c7ff, #5192f0);
}
.freq-banner {
  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;
  width: 100%;
  height: 6.5rem;
  margin-top: 3rem;
  border-radius: 0.5rem;
  background: url(../../images/mobile/frequency/freq_complet_bg.png) 50% 50% no-repeat;
  background-size: cover;
}
.freq-banner-complete {
  height: 1.8125rem;
  margin-top: 0.0625rem;
  padding: 0 1rem;
  background-color: #fff;
  border-radius: 0.90625rem;
}
.freq-banner-complete p {
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.8125rem;
}
.freq-banner-complete b {
  color: #ed0000;
  font-size: 1rem;
  font-weight: 700;
}
.freq-banner-gift {
  margin-top: 0.625rem;
  color: #0d52b0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
}
.freq-tip {
  margin-top: 3rem;
}
.freq-tip__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;
  position: relative;
}
.freq-tip__title::before {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  top: -0.1875rem;
  width: 1.5625rem;
  height: 1.5625rem;
  background: url(../../images/mobile/frequency/freq_tip.png) 50% 50% no-repeat;
  background-size: cover;
}
.freq-tip__title p {
  padding-left: 1.875rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
}
.freq-tip__title .c-icon {
  -webkit-transform: translate(0, -0.1875rem);
  transform: translate(0, -0.1875rem);
}
.freq-tip__list {
  margin-top: 1rem;
  padding: 0.75rem 1.25rem 1.375rem;
  background-color: #f7f7f7;
  border: 0.0625rem solid #eaeaea;
  border-radius: 0.5rem;
}
.freq-tip__list-img {
  text-align: center;
}
.freq-tip__list img {
  max-width: 100%;
}
.freq-tip__list-wrap {
  display: flex;
  gap: 1.25rem;
}
.freq-tip__item {
  width: 12.5rem;
  padding: 1.6875rem 1.4375rem 1.5625rem;
  text-align: center;
  background-color: #fff;
  border-radius: 0.75rem;
  border: 0.0625rem solid #eaeaea;
}
.freq-tip__item img {
  vertical-align: bottom;
}
.freq-tip__item p {
  margin-top: 1.25rem;
  font-family: 'Pretendard';
  font-weight: 500;
  color: #4c4c4c;
  line-height: 1;
}
.freq-tip__list .c-bullet--dot-number {
  margin-top: 0;
}
.freq-tip__list .c-bullet--dot-number > .c-text-list__item {
  margin-top: 0.25rem;
  padding-left: 1.4375rem;
  color: #4c4c4c;
  font-size: 0.875rem;
  font-weight: 400;
}
.freq-tip__list .c-bullet--dot-number > .c-text-list__item:first-child {
  margin-top: 0;
}
.freq-tip__list .c-bullet--dot-number > .c-text-list__item::before {
  counter-increment: num;
  content: counter(num);
  position: absolute;
  top: 0.125rem;
  left: 0;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  font-family: 'GmarketSans';
  font-size: 0.625rem;
  font-weight: 500;
  background: #707070;
  border-radius: 50%;
  color: #fff;
  line-height: 1.125rem;
  text-align: center;
}
.freq-notice span {
  margin-top: 0.5rem;
  padding-left: 1.25rem;
  color: #707070;
  font-size: 0.8125rem;
  font-weight: 400;
}
.freq-notice span b {
  color: #4c4c4c;
}
.freq-notice span em {
  top: 0;
}

.c-accordion.add-service {
  margin-top: 0.875rem;
}
.c-accordion.add-service .c-accordion__box {
  border: 0.0625rem solid #00c0aa;
  border-radius: 0.5rem;
}
.c-accordion.add-service .c-accordion__item {
  position: relative;
}
.c-accordion.add-service .c-accordion__head {
  padding: 0.875rem 1.25rem 1.5625rem 1.0625rem;
  background-color: #f2fcfb;
  border-radius: 0.5rem;
}
.c-accordion.add-service .c-accordion__item.is-active .c-accordion__head {
	padding: 0.875rem 1.25rem 0.75rem 1.0625rem;
  background-color: #fff;
}
.c-accordion.add-service .c-accordion__check .c-label {
	font-size: 1rem;
	color: #4c4c4c;
	line-height: 1.375;
  margin-right: 0;
  padding-left: 1.875rem;
}
.c-accordion.add-service .c-accordion__check .c-label::before {
  top: 0;
  width: 1.25rem;
	height: 1.25rem;
	margin-top: 0.125rem;
	margin-left: 0.125rem;
	background-color: #fff;
	border-radius: 0.25rem;
}
.c-accordion.add-service .c-accordion__check .c-label * {
  pointer-events: none;
}
.c-accordion.add-service .c-label .text-label {
  display: inline-block;
  width: 1.875rem;
  height: 1rem;
  margin: 0 0.25rem 0 0;
  padding: 0;
  color: #ed0000;
  border: 0.0625rem solid #ed0000;
  background: #fff;
  text-align: center;
  font-size: 0.6875rem;
  font-weight: 500;
  border-radius: 0.125rem;
  line-height: initial;
}
.c-accordion.add-service .c-label b {
  display: inline-block;
  margin-bottom: 0.4375rem;
  font-size: 1rem;
  font-weight: 700;
  color: #1d1d1b;
  -webkit-transform: translateY(0.125rem);
  transform: translateY(0.125rem);
}
.c-accordion.add-service .c-accordion__panel {
  margin: 0;
  border-radius: 0 0 0.5rem 0.5rem;
}
.c-accordion.add-service .c-accordion__inside {
	padding: 1.0625rem 1.1875rem 1.75rem;
	border-radius: 0 0 0.5rem 0.5rem;
	background: #f2fcfb;
  color: #1d1d1b;
}
.c-accordion.add-service .c-accordion__button {
  position: absolute;
  bottom: -1.0625rem;
  display: block;
  text-align: center;
  padding: 0;
  width: 8.906rem;
  height: 2rem;
  background-color: #7fdfd4;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 1rem;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.1875rem;
}
.c-accordion.add-service .c-accordion__button:after {
  content: none;
}
.c-accordion.add-service .c-accordion__button .c-icon {
	transition: all 0.5s;
	margin-left: 0.125rem;
    -webkit-transform: translate(0, -0.0625rem) rotate(90deg);
    transform: translate(0, -0.0625rem) rotate(90deg);
}
.c-accordion.add-service .c-accordion__button.is-active .c-icon {
	-webkit-transform: translate(0, -0.0625rem) rotate(-90deg);
	transform: translate(0, -0.0625rem) rotate(-90deg);
}
.c-accordion.add-service .c-accordion__button.active .c-icon {
	-webkit-transform: translate(0, -0.0625rem) rotate(-90deg);
	transform: translate(0, -0.0625rem) rotate(-90deg);
}
.c-accordion.add-service .c-accordion__button span {
  margin-left: 0.375rem;
}
.add-service-detail {

}
.add-service-detail > li {
  margin-top: 1.0625rem;
}
.add-service-detail > li:first-child {
  margin-top: 0;
}
.add-service-detail .add-service-detail__title {
  position: relative;
  font-size: 0.875rem;
  font-weight: 700;
}
.add-service-detail__bullet {
  margin-top: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 400;
}
.add-service-detail__bullet li {
  position: relative;
  padding-left: 0.4375rem;
  color: #707070;
  margin-top: 0.4375rem;
  word-break: keep-all;
}
.add-service-detail__bullet li:first-child {
  margin-top: 0;
}
.add-service-detail__bullet li::before {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  top: 0.625rem;
  left: 0;
  width: 0.1875rem;
  height: 0.0625rem;
  background: #aaa;
}
.add-service-detail__bullet li.add-service-detail__default {
  padding-left: 0;
}
.add-service-detail__bullet li.add-service-detail__default {
  padding-left: 0;
}
.add-service-detail__bullet li.add-service-detail__default::before {
  content: none;
}
.c-accordion.add-service .c-extraservice--box {
  line-height: inherit;
}
.c-accordion.add-service .c-extraservice--box > ul > li {
  margin-top: 1.0625rem;
}
.c-accordion.add-service .c-extraservice--box > ul > li ul li {
  margin-top: 0.4375rem;
  font-size: 0.8125rem;
  padding-left: 0.4375rem;
  word-break: keep-all;
}
.c-accordion.add-service .c-extraservice--box > ul > li ul li::first-child {
  margin-top: 5rem;
}
.c-accordion.add-service .c-extraservice--box > ul > li ul li::before {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  top: 0.625rem;
  left: 0;
  width: 0.1875rem;
  height: 0.0625rem;
  background: #aaa;
}
.c-accordion.add-service .c-extraservice--box > ul > li p {
  position: relative;
	margin-top: 0.4375rem;
  padding-left: 0.4375rem;
	font-size: 0.8125rem;
  word-break: keep-all;
}
.c-accordion.add-service .c-extraservice--box > ul > li p::before {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  top: 0.625rem;
  left: 0;
  width: 0.1875rem;
  height: 0.0625rem;
  background: #aaa;
}
.add-service-wrap {
  margin-top: 1.75rem;
  padding: 1rem 1.125rem;
  border: 0.0625rem solid #eaeaea;
  border-radius: 0.5rem;
}
.add-service-wrap  .add-service-title {
  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;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  font-weight: 700;
}
.add-service-wrap .add-service-title em {
  font-size: 0.875rem;
}
.add-service-wrap .addition-list {
  margin-left: -1.125rem;
  margin-right: -1.125rem;
  padding: 0.8125rem 1.1875rem 0.5rem;
  background-color: #f5f5f5;
}
.add-service-wrap .addition-list {

}
.add-service-wrap .addition-list #divAdditionListEmpty {
  text-align: center;
}
.add-service-wrap .addition-list #divAdditionListEmpty p {
  padding: 0.625rem 0.5rem 0.875rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #4c4c4c;
}
.c-addition-wrap .addition-list #divAdditionListFree dl.c-addition--type2:first-child {
  margin-top: 0;
}
.c-addition-wrap .addition-list dl.c-addition--type2 {
	margin-top: 0.5rem;
  font-size: 0.875rem;
}
.c-addition-wrap .addition-list dl.c-addition--type2 dt {
  width: calc(100% - 2rem);
  color: #4c4c4c;
}
.c-addition-wrap .addition-list dl.c-addition--type2 dd .c-icon {
  width: 1.5rem;
  height: 1.5rem;
  -webkit-transform: translate(0.125rem, -0.1875rem);
  transform: translate(0.125rem, -0.1875rem);
}
.c-addition-wrap .addition-list dl.c-addition--type2 em {
  font-weight: 500;
  color: #018786;
}
.c-addition-wrap .addition-list dl.c-addition--type2 b{
  font-weight: 500;
  color: #1d1d1b;
}
.add-service-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 1.125rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
}
.add-service-result dt {
  margin-top: 0.75rem;
}
.add-service-result dt span {
  color: #4c4c4c;
  font-weight: 500;
}
.add-service-result dd {
  color: #e73939;
  font-weight: 500;
}
.add-service-result dd b {
  font-size: 1.625rem;
  line-height: 2.3125rem;
  margin-right: 0.25rem;
}
.add-service-result + .c-bullet {
  word-break: keep-all;
}

.app-push-modal {

}
.app-push-modal .c-modal__header {
    padding: 1.75rem 1.25rem 0.9375rem;
}
.app-push-modal .c-modal__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -0.75rem;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
}
.app-push-modal .c-modal__title .c-icon {
    margin-right: 0.3125rem;
    -webkit-transform: translateY(-0.1875rem);
    transform: translateY(-0.1875rem);
}
.app-push-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1.25rem;
    gap: 0 0.53125rem;
}
.app-push-list__item {
    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;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0.25rem 0.25rem 0.8125rem;
    border-radius: 1.875rem;
}
.app-push-list__item:nth-child(1) {
    background-color: #fef8e9;
}
.app-push-list__item:nth-child(2) {
    background-color: #ecf4fa;
}
.app-push-list__item:nth-child(3) {
    background-color: #fdf0ee;
}
.app-push-list__item:nth-child(1) b {
    color: #ff6c07;
}
.app-push-list__item:nth-child(2) b {
    color: #3578ff;
}
.app-push-list__item:nth-child(3) b {
    color: #ff4235;
}
.app-push-list__item:nth-child(2) .c-icon {
    -webkit-transform: translateX(0.125rem);
    transform: translateX(0.125rem);
}
.app-push-list__item:nth-child(3) .c-icon {
    -webkit-transform: translateY(-0.0625rem);
    transform: translateY(-0.0625rem);
}
.app-push-list__item .app-push-list__icon {
    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: 3.75rem;
    height: 3.75rem;
}
.app-push-list__item b {
    margin-left: 0.125rem;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1;
}
.app-push-list__item p {
    margin-left: 0.125rem;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #4c4c4c;
    line-height: 1;
}
.app-push-modal .c-button-wrap {
    padding: 0 1.25rem 1rem;
}
.app-push-modal .c-button-wrap .c-button {
    font-size: 0.8125rem;
}
.app-push-modal .c-button-wrap .c-button.c-button--gray {
    background-color: #e8e8e8;
    border: 0.0625rem solid #e8e8e8;
    color: #4c4c4c;
}
.app-push-modal .c-button-wrap .c-button.c-button--primary {
    -webkit-flex: 0 0 57%;
    -ms-flex: 0 0 57%;
    flex: 0 0 57%;
}








.data-sharing-banner {
  position: relative;
  padding: 2.75rem 1.875rem 7.5rem;
  background: #ed0000;
  color: #fff;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  height: 18.875rem;
  background-color: #d8f4ff; }

.data-sharing-banner__wrap {
  position: relative;
  z-index: 2; }

.data-sharing-banner__wrap strong {
  display: block;
  font-size: 1.375rem;
  line-height: 1.9375rem;
  color: #333;
  letter-spacing: -0.07125rem;
  font-weight: 400; }
.data-sharing-banner__wrap strong span {
  color: #007ec6;
  font-weight: 500;
}
.data-sharing-banner__wrap p {
  margin-top: 0.5rem;
  font-size: 0.9375rem;
  word-break: break-word; }

.data-sharing-banner__wrap button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: auto;
  height: 2rem;
  line-height: 1.875rem;
  padding: 0 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #333;
  border-radius: 1rem;
  margin-top: 1.1875rem;
  margin-left: 0.0625rem;
  border: 0.09375rem solid #333; }

.data-sharing-banner__wrap button .c-icon {
  margin: 0 0 0.25rem 0.5rem; }

.data-sharing-banner__image {
  position: absolute;
  width: 23.4375rem;
  height: 18.875rem;
  left: auto;
  right: 0;
  bottom: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.data-sharing-banner__image img {
  width: 100%;
  vertical-align: bottom; }

.data-sharing-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 3.5625rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}
.data-sharing-title__button {
    transform: translateY(-0.3125rem);
}
.data-sharing-title__button button {
    width: auto;
    height: 1.625rem;
    background-color: #fff;
    border: 0.0625rem solid #ddd;
    color: #4c4c4c;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 0.25rem;
    line-height: 1.625rem;
    padding: 0 0.5rem 0 0.625rem;
    text-align: left;
    letter-spacing: -0.03rem;
}
.data-sharing-title__button .c-icon {
    width: 0.6875rem;
    height: 0.6875rem;
    margin-right: 0.3125rem;
    transform: translateY(-0.0625rem);
}
.data-sharing__text {
    margin-top: 0.8125rem;
    font-size: 1rem;
    line-height: 1.375;
}
.data-sharing__info {
    margin-top: 1.75rem;
}
.data-sharing__info img {
    vertical-align: bottom;
    text-align: center;
    max-width: 100%;
}
.data-sharing__info p {
    margin-top: 1.25rem;
    font-size: 0.875rem;
    color: #4c4c4c;
    line-height: 1.5;
}
.data-sharing__text-box {
    position: relative;
    display: block;
    margin-top: 2.1875rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding: 1.125rem 1.25rem 1rem 1.25rem;
    background: #f9f9f9;
}
.data-sharing__text-box p {
    font-size: 1rem;
    font-weight: 500;
}
.data-sharing__text-box p .c-icon {
    margin-right: 0.375rem;
    transform: translateY(-0.125rem);
}
.data-sharing__text-box .c-bullet--dot {
    margin-top: 0.4375rem;
    color: #4c4c4c;
}
.data-sharing__text-box .c-bullet--dot.c-text-list > .c-text-list__item {
    padding-left: 0.4375rem;
    font-size: 0.875rem;
}
.data-sharing__text-box .c-bullet--dot.c-text-list > .c-text-list__item ~ .c-text-list__item {
    margin-top: 0.375rem;
}
.data-sharing__text-box .c-bullet--dot.c-text-list > .c-text-list__item::before {
    background: #ccc;
    top: 0.5625rem;
}
.data-sharing-form > p.u-fs-16 {
	line-height: 1.375;
    word-break: keep-all;
}
.data-sharing-notice {
    margin-top: 3.8125rem;
}
.data-sharing-notice h5 {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
}
.data-sharing-notice .c-accordion--type1 .c-accordion__item {
    color: #4c4c4c;
    font-weight: 500;
}
.data-sharing-notice .c-accordion--type1 .c-accordion__button {
    display: block;
    padding: 1.125rem 1.75rem 1rem 0;
    font-weight: 500;
    line-height: 1.375;
}





























.Number-label {
	position: relative;
    top: -0.125rem;
	display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.125rem;
    background: #008080;
    border-radius: 0.625rem;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.25rem;
    color: #fff;
    text-align: center; }

.Number-label--type1 {
    position: relative;
    display: block;
    color: #4c4c4c;
    font-size: 1rem;
    font-weight: 500;
    padding-left: 1.5rem; }

.Number-label--type1 em {
	font-size: 0.75rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background-color: #008080;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;}

.Number-label--type2 {
    position: relative;
    display: block;
    color: #4c4c4c;
    word-break: break-word;
    font-size: 0.875rem;
    font-weight: 500;
    padding-left: 1.5rem; }

.Number-label--type2 em {
	font-size: 0.6875rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.0625rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #4c4c4c;
    position: absolute;
    top: 0.0625rem;
    left: 0;
    color: #fff;}

.Number-label--type3 {
    position: relative;
    display: block;
    color: #4c4c4c;
    font-size: 1rem;
    font-weight: 500;
    padding-left: 1.5rem; }

.Number-label--type3 em {
	font-size: 0.75rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background-color: #4c4c4c;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;}

.Number-label--type4 {
    position: relative;
    display: block;
    color: #4c4c4c;
    font-size: 1rem;
    font-weight: 500;
    padding-left: 1.5rem; }

.Number-label--type4 em {
	font-size: 0.8125rem;
    font-weight: 700;
    text-align: center;
    width: 1.0625rem;
    height: 1.0625rem;
    border-radius: 50%;
    background-color: #1d1d1b;
    position: absolute;
    top: 0.125rem;
    left: 0;
    color: #fff;}

.c-notice-wrap {
	margin-top: 2.5rem; }

.c-notice-wrap hr {
	position: relative;
    height: 0.0625rem;
    border: 0;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none; }
.c-notice-wrap hr::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    display: block;
    clear: both;
    background: #eaeaea; }

.c-notice-wrap .c-notice__title {
	margin: 1.5rem 0 0.75rem;
    font-weight: 700;
    font-size: 0.875rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }

.c-notice-wrap .c-notice__title span {
	margin-left: 0.25rem; }

.c-notice-wrap .c-notice__group {
   	margin-top: 1rem;
    font-size: 0.8125rem;
    font-weight: 500; 	}

.c-notice-wrap .c-notice__group li {
    margin-top: 1rem; }

.c-notice-wrap .c-notice__group .c-notice__list {
    margin-top: 0.5rem; }

.c-notice-wrap .c-notice__group .c-notice__list li {
	font-weight: 400;
}

.c-notice-wrap .c-notice__list {
    margin-top: 1rem;
    font-size: 0.8125rem; }

.c-notice-wrap .c-notice__list li {
    margin-top: 0.5rem;
    padding-left: 0.5rem;
    word-break: break-word;
    position: relative;
    color: #707070; }

.c-notice-wrap .c-notice__list li::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0.4375rem;
    left: 0;
    width: 0.1875rem;
    height: 0.1875rem;
    border-radius: 50%;
    background: #1d1d1b;
    background-color: #d8d8d8; }
.c-notice-wrap .c-notice__list li.u-co-red::before {
    background-color: #ed0000; }

.c-notice-wrap .c-notice__list li.bullet--fyr {
	color: #4c4c4c;
    padding-left: 0.75rem; }
.c-notice-wrap .c-notice__list li.bullet--fyr::before {
    position: absolute;
    content: '※';
    top: 0.125rem;
    left: 0;
    font-size: 0.4375rem;
    width: 0;}
.c-notice-wrap .c-notice__list li.bullet--fyr.u-co-red::before {
    background-color: #ed0000; }

.c-notice--red {
	margin: 0.5rem 0 0;
    color: #ed0000;
    font-weight: 500;
    font-size: 0.875rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }

.c-notice--red .c-icon {
    top: -0.125rem;
    margin-right: 0.25rem; }

.c-notice--red span{
	word-break: break-word; }

.c-notice--red.fs-13 {
	margin: 0.5rem 0 0;
    color: #ed0000;
    font-weight: 500;
    font-size: 0.8125rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }

.c-notice--red.fs-13 .c-icon {
    top: -0.125rem;
    margin-right: 0.25rem; }

.c-notice--red.fs-15 {
	margin: 0.5rem 0 0;
    color: #ed0000;
    font-weight: 500;
    font-size: 0.9375rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }

.c-notice--red.fs-15 .c-icon {
    top: -0.125rem;
    margin-right: 0.25rem; }

.c-notice--red.fs-16 {
	margin: 0.5rem 0 0;
    color: #ed0000;
    font-weight: 500;
    font-size: 1rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }

.c-notice--red.fs-16 .c-icon {
    top: -0.1875rem;
    margin-right: 0.25rem; }

.c-notice--red.fs-20 {
	margin: 0.5rem 0 0;
    color: #ed0000;
    font-weight: 500;
    font-size: 1.25rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }

.c-notice--red.fs-20 .c-icon {
    top: -0.1875rem;
    margin-right: 0.25rem; }

.embed-youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; }

.embed-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#game_canvas {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute; }

* {
  word-break: break-word; }

*:focus {
  outline: 0; }

.swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }


/* 태블릿 경우 배너 크기 비율에 맞게 자동 */
@media (min-width: 680px) {
	.mbership-banner__swiper .c-swiper .swiper-slide img {
        height: auto;
    	width: 100%; }

	.mbership-category {
  		-ms-flex-wrap: nowrap;
      	flex-wrap: nowrap;
    	-webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
}

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

/* 그리드 시스템 */
.cols-wrap {
  display: grid;
  width: 100%;
  box-sizing: border-box;
  gap: 0.625rem; /* 모바일 gap */
  grid-template-columns: repeat(12, 1fr);
}
.cols-wrap img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
}

/* 1단 ~ 6단 / mo 기준 */
.cols-wrap .col-md-1  { grid-column: span 12; } /* 100% */
.cols-wrap .col-md-2  { grid-column: span 6; }  /* 50% */
.cols-wrap .col-md-3  { grid-column: span 4; }  /* 33.33% */
.cols-wrap .col-md-4  { grid-column: span 3; }  /* 25% */
.cols-wrap .col-md-5  { grid-column: span 2; }  /* 약 16.6% */
.cols-wrap .col-md-6  { grid-column: span 2; }
.cols-wrap .col-md-7, .cols-wrap .col-md-8, .cols-wrap .col-md-9, .cols-wrap .col-md-10, .cols-wrap .col-md-11 { grid-column: span 2; }
.cols-wrap .col-md-12 { grid-column: span 1; }  /* 8.33% */