@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;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .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 !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .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 !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .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;
  -webkit-tap-highlight-color: transparent; }

b {
  font-weight: bold; }

input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  border: 0;
  background: transparent; }
  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'] {
    -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: #707070;
	-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.8125rem; }

*,
*::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; }

html,
body {
  -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/portal/SpoqaHanSansNeo-Bold.eot");
  src: local("Spoqa Han Sans Neo Bold"), url("../../fonts/portal/SpoqaHanSansNeo-Bold.woff2") format("woff2"), url("../../fonts/portal/SpoqaHanSansNeo-Bold.woff") format("woff"), url("../../fonts/portal/SpoqaHanSansNeo-Bold.ttf") format("truetype"); }

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

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

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

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

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

@font-face {
  font-family: 'Baeum';
  font-weight: 400;
  font-display: fallback;
  src: url("/resources/fonts/portal/KOHIBaeum.otf");
  src: url("/resources/fonts/portal/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');
}

html {
  font-size: 16px;
  letter-spacing: -0.03125rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  margin: 0;
  padding: 0; }

body {
  height: 100vh;
  margin: 0;
  padding: 0;
  line-height: 1.2;
  font-size: 1rem; }

html,
body {
  min-width: 1280px;
  height: 100%;
  line-height: 1.4;
  color: #1d1d1b;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  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;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: none; }

body * {
  word-break: break-all; }

a {
  text-decoration: none; }

img,
button {
  border: 0; }

img {
  max-width: 100%; }

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none; }

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

.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%); }

.login-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 3.75rem 0 0; }
  .login-sns__item {
    position: relative;
    margin: 0 1.4375rem; }
    .login-sns__item .c-balloon {
      position: absolute;
      top: -2.5rem;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }

* .c-tabs__panel:focus {
  outline: none !important; }

#skipNav {
  position: relative;
  z-index: 1000;
  width: 8rem;
  text-align: center; }
  #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 {
  position: relative;
  width: 100%; }
  .ly-wrap.fixed.main .ly-header {
    position: fixed;
    top: 0;
    width: 100%; }
  .ly-wrap.fixed.main .ly-content {
    padding-top: 6rem !important; }

.ly-header {
  position: relative;
  width: 100%;
  z-index: 5;
  background: #fff; }
  .ly-header.fixed {
    z-index: 91;
    background: rgba(255, 255, 255, 0); }
    .ly-header.fixed .ly-header__wrap {
      -webkit-transition: -webkit-transform 0.5s;
      transition: -webkit-transform 0.5s;
      transition: transform 0.5s;
      transition: transform 0.5s, -webkit-transform 0.5s;
      -webkit-transform: translateY(-200px);
              transform: translateY(-200px); }
  .ly-header__fixed {
    position: fixed;
    left: 50%;
    top: 0;
    width: 78.75rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: none;
    z-index: 6; }
    .ly-header__fixed.is-active {
      display: block; }
    .ly-header__fixed > button {
      background: url(../../images/portal/common/ico_all_menu_fixed.svg) no-repeat 50% 50%;
      background-size: cover;
      width: 3rem;
      height: 3rem;
      top: 0.5rem;
      right: 0;
      position: absolute; }
  .ly-header.show-menu .ly-header__bg {
    display: block; }
  .ly-header.show-menu:after {
    content: '';
    position: absolute;
    left: 0;
    top: 6rem;
    width: 100%;
    border-bottom: 1px solid #dddddd;
    z-index: 1; }
  .ly-header__search-btn {
    margin-left: 0.3125rem;
    margin-right: 0.9375rem; }
  .ly-header__state-btn {
    margin-left: 0.75rem;
    font-weight: 500;
    font-size: 0.8125rem;
    color: #1d1d1b;
    letter-spacing: -0.03313rem;
    height: 1.75rem;
    border: 1px solid #cccccc;
    border-radius: 0.25rem;
    padding: 0.25rem 0.4375rem; }
  .ly-header__allmenu {
    background: url(../../images/portal/common/ico_all_menu.svg) no-repeat 50% 50%;
    background-size: cover;
    width: 3.125rem;
    height: 3.125rem; }
  .ly-header__wrap {
    width: 78.75rem;
    height: 6rem;
    margin: 0 auto;
    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;
    position: relative;
    z-index: 2; }
  .ly-header__logo {
    width: 13.125rem;
    height: 4rem; }
  .ly-header__util {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: auto; }
  .ly-header .util-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .ly-header .util-wrap__link {
      font-size: 0.75rem;
      color: #707070;
      padding: 0.125rem 0.375rem;
      position: relative; }
      .ly-header .util-wrap__link.is-active, .ly-header .util-wrap__link:hover {
        color: #1d1d1b; }
      .ly-header .util-wrap__link:after {
        content: '';
        position: absolute;
        top: 0.1875rem;
        right: 0px;
        background-color: #e8e8e8;
        width: 1px;
        height: calc(100% - 0.5rem); }
      .ly-header .util-wrap__link:last-child:after {
        content: none; }
  .ly-header__banner {
    display: none;
    position: absolute;
    right: 0;
    top: 7.875rem;
    width: 27.1875rem;
    height: auto; }
    .ly-header__banner .swiper-container {
      padding: 0.3125rem; }
      .ly-header__banner .swiper-container .swiper-banner__anchor {
        border-radius: 1.5rem; }
    .ly-header__banner .swiper-controls-main {
      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: 0.875rem;
      width: 100%;
      height: 1.875rem;
      text-align: center; }
      .ly-header__banner .swiper-controls-main .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; }
      .ly-header__banner .swiper-controls-main .swiper-button-next {
        position: absolute;
        margin-top: 0;
        top: 0;
        right: 2.5rem;
        left: auto;
        width: 1.75rem;
        height: 1.75rem;
        background: url(../../images/portal/common/ico_swiper_next.svg) no-repeat 50% 50%;
        border-radius: 1.5rem;
        background-size: cover; }
        .ly-header__banner .swiper-controls-main .swiper-button-next.swiper-button-disabled {
          opacity: 0.35;
          cursor: auto;
          pointer-events: none; }
      .ly-header__banner .swiper-controls-main .swiper-button-prev {
        position: absolute;
        margin-top: 0;
        top: 0;
        left: 0.625rem;
        width: 1.75rem;
        height: 1.75rem;
        background: url(../../images/portal/common/ico_swiper_prev.svg) no-repeat 50% 50%;
        border-radius: 1.5rem;
        background-size: cover; }
        .ly-header__banner .swiper-controls-main .swiper-button-prev.swiper-button-disabled {
          opacity: 0.35;
          cursor: auto;
          pointer-events: none; }
      .ly-header__banner .swiper-controls-main .swiper-pagination {
        margin-top: 0;
        position: relative;
        font-size: 1.25rem;
        width: 1.5rem; }
        .ly-header__banner .swiper-controls-main .swiper-pagination.swiper-pagination-fraction {
          bottom: 0;
          margin-left: -1.5rem; }
        .ly-header__banner .swiper-controls-main .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);
          text-align: right;
          width: 1rem;
          margin-left: -0.5rem; }
        .ly-header__banner .swiper-controls-main .swiper-pagination .swiper-pagination-total {
          position: absolute;
          bottom: 0;
          right: 0;
          font-size: 0.625rem;
          margin-top: 0.5rem;
          color: #707070; }
      .ly-header__banner .swiper-controls-main .swiper-button-pause {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        margin: 0 0.375rem;
        width: 1.75rem;
        height: 1.75rem;
        background: url(../../images/portal/common/ico_swiper_pause.svg) 50% 50% no-repeat;
        background-size: cover;
        border-radius: 1.5rem; }
      .ly-header__banner .swiper-controls-main .swiper-button-play {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        margin: 0 0.375rem;
        width: 1.75rem;
        height: 1.75rem;
        background: url(../../images/portal/common/ico_swiper_play.svg) no-repeat 50% 50%;
        border-radius: 1.5rem; }
  .ly-header__bg {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 21.25rem;
    background-color: #fff;
    z-index: 1;
    -webkit-transition: height 0.2s cubic-bezier(0.25, 1, 0.5, 1);
    transition: height 0.2s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.06); }
  .ly-header .nav--depth1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .ly-header .nav--depth1 > .nav__item > a {
      position: relative;
      color: #4c4c4c;
      font-weight: 500;
      font-size: 1.0625rem;
      padding: 0.625rem 1.25rem;
      display: inline-block; }
      .ly-header .nav--depth1 > .nav__item > a.is-active:after, .ly-header .nav--depth1 > .nav__item > a.is-over:after, .ly-header .nav--depth1 > .nav__item > a:hover:after, .ly-header .nav--depth1 > .nav__item > a:focus:after {
        opacity: 1;
        -webkit-transform: scaleX(1);
                transform: scaleX(1); }
      .ly-header .nav--depth1 > .nav__item > a:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 1.25rem;
        width: calc(100% - 2.5rem);
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
        height: 3px;
        border-radius: 5px;
        background-color: #000;
        opacity: 0;
        -webkit-transition: opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        transition: opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s;
        transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
  .ly-header .nav--depth2 {
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: absolute;
    left: 0;
    top: 6.25rem;
    width: 50rem;
    height: auto;
    min-height: 10rem;
    padding-top: 1.5625rem;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0; }
    .ly-header .nav--depth2.show-menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      opacity: 1; }
    .ly-header .nav--depth2 > .nav__item {
      position: relative;
      width: 9.9375rem;
      padding-left: 0.6875rem;
      padding-bottom: 2.5rem; }
      .ly-header .nav--depth2 > .nav__item > a {
        color: black;
        font-weight: bold;
        font-size: 0.9375rem;
        padding: 0.3125rem 0.3125rem;
        display: inline-block;
        -webkit-transition: color 0.2s;
        transition: color 0.2s; }
        .ly-header .nav--depth2 > .nav__item > a.is-active, .ly-header .nav--depth2 > .nav__item > a.is-over, .ly-header .nav--depth2 > .nav__item > a:hover, .ly-header .nav--depth2 > .nav__item > a:focus {
          color: #e81d21; }
        .ly-header .nav--depth2 > .nav__item > a:after {
          content: none; }
      .ly-header .nav--depth2 > .nav__item > strong {
        color: black;
        font-weight: bold;
        font-size: 0.9375rem;
        padding: 0.3125rem 0.3125rem;
        display: inline-block;
        -webkit-transition: color 0.2s;
        transition: color 0.2s; }
        .ly-header .nav--depth2 > .nav__item > strong.is-active {
          color: #e81d21; }
        .ly-header .nav--depth2 > .nav__item > strong:after {
          content: none; }
      .ly-header .nav--depth2 > .nav__item:before {
        content: '';
        display: inline-block;
        left: 0;
        top: 0.4375rem;
        width: 1px;
        height: 100%;
        position: absolute;
        background-color: #fff; }
  .ly-header .nav--depth3 {
    margin-top: 0.3125rem; }
    .ly-header .nav--depth3 > .nav__item:before {
      content: none; }
    .ly-header .nav--depth3 > .nav__item > a {
      position: relative;
      color: #707070;
      font-weight: 500;
      font-size: 0.875rem;
      display: inline-block;
      padding: 0.3125rem 0.3125rem; }
      .ly-header .nav--depth3 > .nav__item > a.is-active:after, .ly-header .nav--depth3 > .nav__item > a.is-over:after, .ly-header .nav--depth3 > .nav__item > a:hover:after, .ly-header .nav--depth3 > .nav__item > a:focus:after {
        opacity: 1;
        -webkit-transform: scaleX(1);
                transform: scaleX(1); }
      .ly-header .nav--depth3 > .nav__item > a:after {
        content: '';
        position: absolute;
        left: 0.3125rem;
        bottom: 0.1875rem;
        width: calc(100% - 10px);
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
        height: 1px;
        background-color: #707070;
        opacity: 0;
        -webkit-transition: opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        transition: opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s;
        transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); }

.ly-allmenu {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100% !important;
  z-index: 99;
  background-color: #fff;
  -webkit-transform: translateY(-10%);
          transform: translateY(-10%);
  opacity: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.06);
  overflow-y: auto !important; }
  .ly-allmenu.is-active {
    display: block;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  .ly-allmenu::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 3.75rem;
    background-color: #e81d21; }
  .ly-allmenu__wrap {
    width: 78.75rem;
    height: 100%;
    margin: 0 auto;
    position: relative; }
  .ly-allmenu__close {
    background: url(../../images/portal/common/ico_all_menu_close.svg) no-repeat 50% 50%;
    background-size: cover;
    width: 3.125rem;
    height: 3.125rem;
    position: absolute;
    right: 0;
    top: 0.3125rem;
    z-index: 5;
    border-radius: 0.625rem; }
  .ly-allmenu .nav .mypage-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .ly-allmenu .nav .mypage-wrap > .nav.nav--depth2 {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      width: 11.25rem; }
  .ly-allmenu .nav--depth1 {
    position: absolute;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .ly-allmenu .nav--depth1 > .nav__item {
      position: relative;
      width: 11.25rem;
      height: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .ly-allmenu .nav--depth1 > .nav__item:focus > a:after, .ly-allmenu .nav--depth1 > .nav__item:hover > a:after {
        opacity: 1;
        -webkit-transform: scaleX(1);
                transform: scaleX(1); }
      .ly-allmenu .nav--depth1 > .nav__item.my-page {
        width: auto; }
        .ly-allmenu .nav--depth1 > .nav__item.my-page:after {
          content: none; }
      .ly-allmenu .nav--depth1 > .nav__item:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.1); }
      .ly-allmenu .nav--depth1 > .nav__item > a {
        position: relative;
        color: #fff;
        font-weight: bole;
        font-size: 1rem;
        padding: 0.9375rem 1.25rem;
        margin-top: 0.25rem;
        display: inline-block; }
        .ly-allmenu .nav--depth1 > .nav__item > a.is-active:after {
          opacity: 1;
          -webkit-transform: scaleX(1);
                  transform: scaleX(1); }
        .ly-allmenu .nav--depth1 > .nav__item > a:after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 1.25rem;
          width: calc(100% - 2.5rem);
          -webkit-transform: scaleX(0);
                  transform: scaleX(0);
          height: 3px;
          border-radius: 5px;
          background-color: #fff;
          opacity: 0;
          -webkit-transition: opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
          transition: opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
          transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s;
          transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
  .ly-allmenu .nav--depth2 {
    position: relative;
    margin-top: 1.375rem;
    margin-left: 0.9375rem; }
    .ly-allmenu .nav--depth2 > .nav__item {
      position: relative;
      padding-bottom: 0.9375rem; }
      .ly-allmenu .nav--depth2 > .nav__item:hover > a, .ly-allmenu .nav--depth2 > .nav__item:focus > a {
        color: #e81d21; }
      .ly-allmenu .nav--depth2 > .nav__item > a,
      .ly-allmenu .nav--depth2 > .nav__item strong {
        color: black;
        font-weight: bold;
        font-size: 0.875rem;
        padding: 0.3125rem 0.3125rem;
        display: inline-block;
        -webkit-transition: color 0.2s;
        transition: color 0.2s; }
        .ly-allmenu .nav--depth2 > .nav__item > a.is-active,
        .ly-allmenu .nav--depth2 > .nav__item strong.is-active {
          color: #e81d21; }
  .ly-allmenu .nav--depth3 {
    margin-top: 0.3125rem; }
    .ly-allmenu .nav--depth3 > .nav__item:before {
      content: none; }
    .ly-allmenu .nav--depth3 > .nav__item > a {
      position: relative;
      color: #707070;
      font-weight: 500;
      font-size: 0.75rem;
      display: inline-block;
      padding: 0.3125rem 0.3125rem 0.3125rem 0.9375rem; }
      .ly-allmenu .nav--depth3 > .nav__item > a.is-active:after, .ly-allmenu .nav--depth3 > .nav__item > a.is-over:after, .ly-allmenu .nav--depth3 > .nav__item > a:hover:after, .ly-allmenu .nav--depth3 > .nav__item > a:focus:after {
        opacity: 1;
        -webkit-transform: scaleX(1);
                transform: scaleX(1); }
      .ly-allmenu .nav--depth3 > .nav__item > a.is-active:before, .ly-allmenu .nav--depth3 > .nav__item > a.is-over:before, .ly-allmenu .nav--depth3 > .nav__item > a:hover:before, .ly-allmenu .nav--depth3 > .nav__item > a:focus:before {
        background-color: #707070; }
      .ly-allmenu .nav--depth3 > .nav__item > a:before {
        content: '';
        position: absolute;
        width: 0.25rem;
        height: 0.25rem;
        left: 0.3125rem;
        top: 0.625rem;
        background-color: #e8e8e8;
        -webkit-transition: background-color 0.4s;
        transition: background-color 0.4s; }
      .ly-allmenu .nav--depth3 > .nav__item > a:after {
        content: '';
        position: absolute;
        left: 0.3125rem;
        bottom: 0.1875rem;
        width: calc(100% - 5px);
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
        height: 1px;
        background-color: #707070;
        opacity: 0;
        -webkit-transition: opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        transition: opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s;
        transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); }

.ly-search {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 10;
  background-color: #fff;
  -webkit-box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.06); }
  .ly-search.is-active {
    display: block;
    -webkit-animation-duration: 0.45s;
            animation-duration: 0.45s;
    -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
            animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-animation-name: tboxIn;
            animation-name: tboxIn; }
  .ly-search .search {
    position: relative;
    width: 44.8125rem;
    padding: 2.5rem 0 3.5rem;
    margin: 0 auto; }
    .ly-search .search .c-form--search {
      width: 100%;
      margin: -0.625rem auto 1.875rem; }
    .ly-search .search .search-auto {
      display: none;
      position: absolute;
      top: 6rem;
      left: 0;
      right: 0;
      max-height: 25rem;
      overflow-y: auto;
      background: #fff;
      z-index: 1051; }
      .ly-search .search .search-auto.is-active {
        display: block; }
    .ly-search .search__title {
      font-size: 0.9375rem;
      font-weight: 700; }
      .ly-search .search__title.u-co-red {
        margin-left: 1rem;
        color: #e81d21 !important; }
    .ly-search .search .c-button-wrap {
      margin: 0.375rem 1rem 3.75rem 0.375rem;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .ly-search .search .c-button-wrap .c-button {
        margin-top: 0.625rem;
        margin-left: 0.625rem; }
    .ly-search .search__bottom {
      margin: 3rem auto 0;
      text-align: center; }
      .ly-search .search__bottom .c-button {
        width: 2.5rem;
        height: 2.5rem;
        -webkit-box-shadow: -0.0625rem 0.5rem 1.8125rem 0 rgba(0, 0, 0, 0.2);
                box-shadow: -0.0625rem 0.5rem 1.8125rem 0 rgba(0, 0, 0, 0.2);
        border-radius: 50%; }

.ly-content {
  width: 100%;
  padding-bottom: 6.25rem; }

.ly-page--title {
  position: relative;
  font-size: 1.75rem;
  font-weight: 500;
  width: 68.75rem;
  min-width: 68.75rem;
  padding: 1.5rem 0 3.5rem 0;
  margin: 0 auto;
  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; }
  .ly-page--title.fixed .c-page--title {
    font-size: 1.125rem;
    padding: 20px 0; }
  .ly-page--title .c-page--title {
    width: 50%;
    margin-right: auto;
    text-align: left;
    z-index: 1; }
  .ly-page--title .c-stepper-wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 50%;
    padding-right: 6.25rem; }
  .ly-page--title .text-log {
    width: 1.625rem;
    height: 1.625rem;
    vertical-align: sub; }
  .ly-page--title .c-page--title-sup {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5625rem;
    color: #393939;
    margin-bottom: -rem-calc(10);
    padding-left: 2.5rem;
    width: 50%;
    margin-right: auto;
    text-align: left; }
    .ly-page--title .c-page--title-sup h2 {
      font-size: 1.75rem;
      font-weight: 500; }
  .ly-page--title .c-form--search {
    position: absolute;
    top: 1.25rem;
    right: 0;
    width: 23.75rem; }

.ly-page--deco {
  width: 100%;
  min-height: 15rem;
  background: #008080;
  color: #fff;
  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; }
  .ly-page--deco .ly-avail--wrap {
    position: relative;
    width: 68.75rem;
    height: 15rem;
    padding: 2.5rem 0; }
    .ly-page--deco .ly-avail--wrap .c-button--transparent {
      font-size: 1rem; }
    .ly-page--deco .ly-avail--wrap img:only-child {
      position: absolute;
      bottom: 0;
      right: 0; }
  .ly-page--deco .c-headline {
    font-size: 2.25rem;
    font-weight: 500; }
  .ly-page--deco .c-headline--sub {
    display: inline-block;
    font-size: 1rem;
    margin-top: 1.5rem;
    font-weight: 400; }
  .ly-page--deco .c-headline--deco {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%; }
  .ly-page--deco .c-button--underline {
    font-weight: 400; }
  .ly-page--deco .c-button-wrap {
    margin-top: 1.5rem; }

.ly-content--wrap {
  width: 100%; }
  .ly-content--wrap .login-box {
    width: 38.75rem;
    margin: 0 auto; }
  .ly-content--wrap img {
    vertical-align: bottom; }

.c-expand--pop {
  margin-left: -3rem;
  margin-right: -3rem; }

.c-row {
  margin: 0 auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  position: relative; }
  .c-row--divider-top {
    border-top: 1px solid #e8e8e8; }
  .c-row--divider-bottom {
    border-top: 1px solid #e8e8e8; }
  .c-row--sm {
    width: 28.75rem; }
  .c-row--md {
    width: 38.75rem; }
    .c-row--md-join {
    width: 40rem; }
  .c-row--lg {
    width: 58.75rem; }
  .c-row--xlg {
    width: 68.75rem; }

/**
scroll시 상단 컨텐츠 fixed 처리
**/
.ly-content.fixed {
  padding-top: 7.5rem; }
  .ly-content.fixed.login {
    padding-top: 9.875rem; }
  .ly-content.fixed .c-stepper-wrap {
    margin-right: 1.75rem;
    -webkit-animation: fixed-in;
            animation: fixed-in;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -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); }
  .ly-content.fixed.fill .ly-page--title .login-slogan {
    display: none; }
  .ly-content.fixed.fill .ly-page--title:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3.9375rem;
    background-color: transparent;
    z-index: -1;
    -webkit-box-shadow: 0 14px 15px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 #000;
            box-shadow: 0 14px 15px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 #000;
    -webkit-animation: fill-in;
            animation: fill-in;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s; }
  .ly-content.fixed.fixed-tab {
    padding-top: 11.625rem; }
    .ly-content.fixed.fixed-tab .c-tabs--type1 {
      -webkit-animation: tab-in;
              animation: tab-in;
      -webkit-animation-duration: 0.3s;
              animation-duration: 0.3s;
      -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
              animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
      position: fixed;
      top: 0;
      left: 50%;
      height: 63px;
      overflow: hidden;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      z-index: 5;
      background-color: transparent; }
      @media screen and (max-width: 1280px) {
        .ly-content.fixed.fixed-tab .c-tabs--type1 {
          -webkit-animation: tab-in-fixed;
                  animation: tab-in-fixed;
          -webkit-animation-duration: 0.3s;
                  animation-duration: 0.3s;
          -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
                  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
          left: 0;
          -webkit-transform: translateX(0);
                  transform: translateX(0);
          width: 80rem; } }
  .ly-content.fixed .ly-page--title {
    padding: 1.375rem;
    position: fixed;
    top: 0;
    left: 50%;
    width: 75rem;
    margin-left: -37.5rem;
    z-index: 90; }
    @media screen and (max-width: 1280px) {
      .ly-content.fixed .ly-page--title {
        left: 1.375rem;
        width: 80rem;
        margin-left: 0; } }
    .ly-content.fixed .ly-page--title:before {
      content: '';
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 3.9375rem;
      background-color: #fff;
      z-index: -1; }
    .ly-content.fixed .ly-page--title .c-page--title {
      -webkit-animation: fixed-in;
              animation: fixed-in;
      -webkit-animation-duration: 0.3s;
              animation-duration: 0.3s;
      -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);
      font-size: 1.125rem;
      line-height: 1.125rem; }

.login-slogan {
  font-size: 1.125rem;
  padding-bottom: 0.8125rem;
  line-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal; }

.ly-footer {
  position: relative;
  color: #fff;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1d1d1b;
  width: 100%;
  z-index: 11; }
  .ly-footer .link-to-top {
    position: absolute;
    top: -3.5rem;
    right: calc(50% - 630px);
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/portal/common/btn_to_top.svg) no-repeat 50% 50%;
    background-size: cover; }
    .ly-footer .link-to-top:hover, .ly-footer .link-to-top:focus {
      background: url(../../images/portal/common/btn_to_top_hover.svg) no-repeat 50% 50%; }
  .ly-footer .c-box-inner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 78.75rem;
    padding: 0 1.875rem;
    margin: 0 auto; }
  .ly-footer .c-box-footer {
    color: #fff;
    padding: 0 0 3.75rem; }
    .ly-footer .c-box-footer .c-box-inner {
      width: 78.75rem;
      padding: 0 1.875rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin: auto;
      display: block; }
    .ly-footer .c-box-footer .cs-info {
      margin-top: 2.5rem; }
    .ly-footer .c-box-footer .info-item {
      margin-top: 1rem;
      font-size: 0.875rem; }
      .ly-footer .c-box-footer .info-item dt {
        display: inline-block; }
      .ly-footer .c-box-footer .info-item dd {
        display: inline-block;
        margin-right: 3.125rem; }
        .ly-footer .c-box-footer .info-item dd:before {
          content: '|';
          margin: 0 0.5rem 0 0.25rem;
          color: #414141; }
      .ly-footer .c-box-footer .info-item .c-text-gray {
        color: #999;
        margin-left: 0.5rem; }
  .ly-footer .download-anchor .c-button-round {
    display: inline-block;
    width: 8.75rem;
    height: 2.75rem;
    line-height: 2.75rem;
    font-size: 0.8125rem;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #fff;
    border-radius: 23px;
    background: #1d1d1b; }
    .ly-footer .download-anchor .c-button-round .c-icon {
   	  top: -0.0625rem;
      margin-right: 0.5rem; }
   .ly-footer .download-anchor .c-button-round .c-icon.c-icon--apple-white {
      margin-right: 1rem; }
    .ly-footer .download-anchor .c-button-round + .c-button-round {
      margin-left: 1.25rem; }
  .ly-footer .c-footer-link {
    color: #999;
    border-bottom: 0.125rem solid #2a2a2a;
    font-size: 0.8125rem;
    margin-top: 0.4375rem; }
    .ly-footer .c-footer-link .c-box-inner {
      padding: 0.9375rem 1.875rem 1.25rem; }
    .ly-footer .c-footer-link .c-link {
      position: relative;
      margin-right: 1rem;
      letter-spacing: -0.031rem;}
      .ly-footer .c-footer-link .c-link:after {
        position: absolute;
        content: '|';
        color: #414141;
        margin-left: 0.4375rem;
        display: inline-block; }
      .ly-footer .c-footer-link .c-link em {
        color: #fff; }
      .ly-footer .c-footer-link .c-link:last-child:after {
        content: none; }
  .ly-footer .c-footer-company {
    margin-top: 1.625rem; }
    .ly-footer .c-footer-company img.logo-white {
   	  margin-left: 0.1875rem;
      width: 6.625rem;
      height: 1.5rem; }
    .ly-footer .c-footer-company .c-box-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
  .ly-footer .company-info {
    font-size: 0.875rem;
    color: #999;
    margin-top: 0.5rem; }
    .ly-footer .company-info li {
      margin-top: 0.5rem; }
     .ly-footer .company-info li em {
     	position: relative;
    	margin-right: 0.9375rem; }
    .ly-footer .company-info li em:after {
     	position: absolute;
	    content: '|';
	    color: #414141;
	    margin-left: 0.3125rem;
	    display: inline-block;	}
   	.ly-footer .company-info li span {
  	  margin-right: 0.5rem;
      color: #fff; }
      .ly-footer .company-info li:last-child {
        margin-top: 0.5625rem;
        font-size: 0.6875rem;
        font-weight: 400;
        letter-spacing: -0.01rem; }

    .ly-footer .company-info li.outform {
      margin-top: 2rem;
      font-size: 0.875rem; }

    .ly-footer .company-info li.outform span {
      margin-right: 0;
      color: #999; }

.c-box-download {
  width: 100%;
  background: #2f2f2f; }
  .c-box-download .c-box-inner {
    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 1.875rem 1.25rem 1.875rem; }
  .c-box-download .download-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .c-box-download img.title-download {
    width: 10.0625rem;
    height: 2.125rem; }
  .c-box-download .download-title .download-anchor {
    margin-left: 0.625rem;
	font-size: 0;}
  .c-box-download .c-round-box {
    font-size: 0.875rem;
    background: #1d1d1b;
    border-radius: 0.8125rem;
    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;
    padding: 0.1875rem 0.625rem;
    color: #fff;
    font-weight: 700; }
    .c-box-download .c-round-box em {
      margin-right: 0.25rem; }

.ly-footer .c-box-download {
  /* display: none; */ }

.main ~ .ly-footer .c-box-download {
  display: block !important; }

.c-select-search {
  float: right;
  margin-top: -1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

/* button */
.c-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; }
  .c-button__sub {
    margin-left: 0.375rem;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #707070; }
    .c-button__sub ~ .c-icon {
      margin-left: 0.5rem; }
  .c-button:disabled, .c-button.is-disabled {
    color: rgba(112, 112, 112, 0.5) !important;
    background-color: #e8e8e8 !important;
    border-color: #e8e8e8 !important;
    cursor: not-allowed; }
  .c-button--xsm {
    height: 2rem;
    line-height: 1.875rem;
    padding: 0 0.75rem;
    font-size: 0.75rem;
    font-weight: 400;
    color: #1d1d1b; }
    .c-button--xsm b {
      font-weight: 500;
      color: #1d1d1b; }
  .c-button--xxsm {
    height: 1.5rem;
    line-height: 1.375rem;
    padding: 0 1.25rem;
    font-size: 0.8125rem; }
  .c-button--sm {
    height: 2.5rem;
    line-height: 2.375rem;
    padding: 0 1rem;
    font-size: 0.875rem; }
  .c-button--md {
    height: 3.5rem;
    line-height: 3.375rem;
    padding: 0 1.25rem;
    font-size: 1rem; }
  .c-button--lg {
    height: 4rem;
    padding: 1.125rem 1.25rem;
    font-size: 1.125rem; }
  .c-button--full {
    width: 100%;
    height: 4rem;
    padding: 1.125rem 1.25rem;
    font-size: 1.125rem; }
  .c-button--w340 {
    width: 21.25rem; }
  .c-button--w400 {
    width: 25rem; }
  .c-button--w460 {
    width: 28.75rem; }
  .c-button--w215 {
    width: 13.4375rem; }
  .c-button--w220 {
    width: 13.75rem; }
  .c-button--w130 {
    width: 8.125rem; }
  .c-button--h48 {
    height: 3rem !important;
    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-round {
    height: 3.5rem;
    line-height: 3.375rem;
    padding: 0 1.25rem;
    font-size: 1rem;
    border-radius: 2rem; }
    .c-button-round--xxsm {
      height: 1.5rem;
      line-height: 1.375rem;
      padding: 0 1.25rem;
      font-size: 0.8125rem;
      border-radius: 0.75rem; }
    .c-button-round--xsm {
      height: 2rem;
      line-height: 1.875rem;
      padding: 0 1rem;
      font-size: 0.75rem;
      font-weight: 400;
      color: #1d1d1b;
      border-radius: 1rem; }
    .c-button-round--sm {
      height: 2.5rem;
      line-height: 2.375rem;
      padding: 0 1.25rem;
      font-size: 0.875rem;
      border-radius: 1.25rem; }
    .c-button-round--md {
      height: 3.5rem;
      line-height: 3.375rem;
      padding: 0 1.25rem;
      font-size: 1rem;
      border-radius: 2rem; }
    .c-button-round--lg {
      padding: 1.125rem 1.25rem;
      font-size: 1.125rem;
      border-radius: 2rem; }
    .c-button-round--full {
      width: 100%;
      padding: 1.125rem 1.25rem;
      font-size: 1.125rem;
      border-radius: 2rem; }
  .c-button--primary {
    background-color: #1d1d1b;
    border: 0.0625rem solid #1d1d1b;
    color: #fff; }
    .c-button--primary:active, .c-button--primary.is-active {
      border-color: #ccc;
      background-color: #ccc;
      color: #707070; }
  .c-button--white {
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    color: #1d1d1b; }
    .c-button--white:active, .c-button--white.is-active {
      background-color: #1d1d1b;
      color: #fff; }
    .c-button--white.c-button-round--full {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 1.25rem; }
      .c-button--white.c-button-round--full.c-button--white {
        text-align: left; }
        .c-button--white.c-button-round--full.c-button--white .c-button__sub {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 1.0625rem; }

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

  .c-button--gray {
    background-color: #f5f5f5;
    border: 0.0625rem solid #f5f5f5;
    color: #4c4c4c; }
    .c-button--gray:active, .c-button--gray.is-active {
      background-color: #008080;
      border-color: #008080;
      color: #fff; }
.c-button--gray--type2 {
    background-color: #eaeaea;
    border: 0.0625rem solid #eaeaea;
    color: #707070; }
    .c-button--gray:active, .c-button--gray.is-active {
      background-color: #008080;
      border-color: #008080;
      color: #fff; }
  .c-button--mint {
    background-color: #00c3bd;
    border: 0.0625rem solid #00c3bd;
    color: #1d1d1b; }
    .c-button--mint:disabled, .c-button--mint.is-disabled {
      color: #707070;
      background-color: #eaeaea;
      border-color: #eaeaea;
      cursor: not-allowed; }
    .c-button--mint.is-complete {
      color: #325553;
      background-color: #66dbd7;
      border-color: #66dbd7; }
  .c-button--mint-type2 {
    background: rgba(0, 128, 128, 0.06);
    border-radius: 0.5rem;
    color: #008080; }
  .c-button--red {
    background-color: #ed0000;
    border: 0.0625rem solid #ed0000;
    color: #fff; }
    .c-button--red:disabled, .c-button--red.is-disabled {
      color: #707070;
      background-color: #eaeaea;
      border-color: #eaeaea; }
  .c-button--mint--type2 {
    background-color: #f0fcfa;
    border: 0.0625rem solid #00c3bd;
    color: #008080; }
  .c-button--mint--type3 {
    background-color: #f0fcfa;
    border: 0.0625rem solid #00c3bd;
    color: #008080;
    width:fit-content;
    margin:0.25rem auto -0.25rem;
    }
  .c-button--transparent {
    background-color: transparent;
    border: 0.0625rem solid #fff;
    color: #fff; }
  .c-button--sub-4 {
    background: #008080;
    color: #fff; }
  .c-button--share {
    width: 4rem;
    height: 4rem;
    background: #eaeaea;
    line-height: 3.75rem;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none; }
    .c-button--share .c-icon {
      width: 1.6875rem;
      height: 1.6875rem; }
    .c-button--share:disabled .c-icon, .c-button--share.is-disabled .c-icon {
      background: #eaeaea url(../../images/portal/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;
    overflow: visible; }
    .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:disabled, .c-button--underline.is-disabled, .c-button--underline[disabled] {
      color: #707070 !important;
      opacity: 0.8; }
    .c-button--underline.u-co-mint::before {
      border-bottom: 0.0625rem solid #008080; }
    .c-button--underline.u-co-blue::before {
      border-color: #006bdd; }
    .c-button--underline.u-co-white::before {
      border-color: #fff; }
    .c-button--underline.u-co-sub-4::before {
      border-color: #008080; }
    .c-button--underline.u-button--center {
      display: inline-block;
      margin: 0 auto; }
  .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 > .c-icon:first-child:not(:last-child) {
    margin-right: 0.75rem; }
  .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--facebook {
    border-color: #3c5b9a;
    background: #3c5b9a;
    color: #fff; }
  .c-button--naver {
    border-color: #03cf5d;
    background: #03cf5d;
    color: #1d1d1b; }
  .c-button--bs-openner {
    width: 100%;
    height: 7.5rem;
    padding: 1.5rem 0 2rem;
    background-color: #fff;
    -webkit-box-shadow: 0 -5px 8px 0 rgba(239, 54, 56, 0.14);
            box-shadow: 0 -5px 8px 0 rgba(239, 54, 56, 0.14);
    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--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.c-button--h28 {
    font-size: 0.8125rem;
    padding: 0.4375rem 1rem 0.3125rem;
    border: 1px solid #cccccc;
    border-radius: 0.25rem; }
  .c-button--more {
    display: block;
    padding: 1.5rem 1.5rem 0 1.5rem;
    font-size: 1rem;
    color: #1d1d1b;
    text-align: center; }
    .c-button--more .c-icon--more {
      display: block;
      margin: 0 auto 0.5rem !important; }
    .c-button--more .c-button__sub {
      margin: 0; }
      .c-button--more .c-button__sub ~ .c-button__sub::before {
        content: '/'; }
  .c-button--check {
    position: relative;
    display: inline-block;
    min-height: 4rem;
    padding: 1.1875rem 3.5rem 1.1875rem;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    color: #707070;
    font-weight: 400;
    text-align: center;
    width: 100%;
    min-width: 5.5rem;
    line-height: 1.5rem;
    font-size: 0.9375rem; }
    .c-button--check .c-icon {
      position: absolute;
      top: 50%;
      left: 1.25rem;
      width: 2rem;
      height: 2rem;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      margin-right: 0.5rem; }
    .c-button--check.is-active {
      border-color: #1d1d1b;
      color: #1d1d1b; }
      .c-button--check.is-active::before {
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        right: 1rem;
        width: 1.5rem;
        height: 1.5rem;
        background: url(../../images/portal/common/ico_checkmark_black.svg) no-repeat 50% 50%;
        background-size: 2rem; }
    .c-button--check.c-button--mint {
      background: #fff; }
      .c-button--check.c-button--mint.is-active {
        border-color: #008080;
        color: #008080; }
        .c-button--check.c-button--mint.is-active::before {
          background: url(../../images/portal/common/ico_checkmark_checked.svg) no-repeat 50% 50%;
          background-size: 2rem; }
    .c-button--check--type2 .c-icon {
      display: block;
      margin: 0 auto 0.75rem !important;
      position: static;
      top: auto;
      right: auto;
      -webkit-transform: none;
              transform: none; }
    .c-button--check--type2.is-active::before {
      top: 1rem;
      right: 1.25rem;
      -webkit-transform: none;
              transform: none;
      background: url(../../images/portal/common/ico_checkmark_checked.svg) no-repeat 50% 50%;
      background-size: 2rem; }
  .c-button--switch {
    display: inline-block;
    position: relative;
    padding: 0 3.25rem 0 0;
    margin: 0;
    font-size: 1.125rem;
    vertical-align: middle;
    color: #707070;
    text-align: left; }
    .c-button--switch__text {
      margin-right: 1.25rem;
      font-weight: 400; }
    .c-button--switch::before {
      content: '';
      position: absolute;
      left: auto;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      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-button--switch::after {
      position: absolute;
      top: 50%;
      right: 1.5rem;
      width: 1.5rem;
      height: 1.5rem;
      background: #fff;
      -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
              box-shadow: 0 4px 4px 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-button--switch.is-active::before {
      background: #008080 !important;
      border-color: #008080;
      -webkit-box-shadow: inset 0 1px 1px 0 #008080;
              box-shadow: inset 0 1px 1px 0 #008080; }
    .c-button--switch.is-active::after {
      right: 0.125rem; }

.c-button--icon {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0.5rem 1.5rem;
    background-color: #fff;
    border: 0.0625rem solid #ddd;
    color: #707070;
    text-align: left;
    border-radius: 0.75rem;
    }
    .c-button--icon:hover {
       border-color : #008080; }

.c-button--icon > .c-icon:first-child:not(:last-child) {
    margin-right: 0.45rem !important;
    margin-left: -0.125rem; }

.c-button--icon::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.8rem;
    width: 0.75rem;
    height: 0.75rem;
    background: url(../../images/portal/common/ico_arrow_gray.svg) 50% 50% no-repeat;
}

.c-button--link {
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    color: #707070;
    padding: 0 1.25rem;
    width: 100%;
    height: 4rem;
    line-height: 3.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: 0.9375rem;
    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: 1.78rem;
    top: 1.65rem;
    width: 0.625rem;
    height: 0.625rem;
    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: 1.78rem;
    top: 1.65rem;
    width: 0.625rem;
    height: 0.625rem;
    background-size: 1.5rem; }

.c-button--link ~ .c-button--link {
    margin-left: 1.25rem; }

.c-button--link .c-icon {
    position: absolute;
    left: 1.25rem;
    top: 0.9rem; }

.c-button--link:hover > .c-icon--ktmm {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/usim/ico_ktmm_bluegreen.svg) 50% 50% no-repeat !important; }
.c-button--link:hover > .c-icon--mart {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/usim/ico_mart_bluegreen.svg) 50% 50% no-repeat !important; }
.c-button--link:hover > .c-icon--openmarket {
	width: 2rem;
	height: 2rem;
	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 1.25rem;
    width: 100%;
    height: 4rem;
    line-height: 3.85rem;
    position: relative;
    display: inline-block;
    border-radius: 0.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 0.9375rem;
    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: 1.78rem;
    top: 1.65rem;
    width: 0.625rem;
    height: 0.625rem;
	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: 1.78rem;
    top: 1.65rem;
    width: 0.625rem;
    height: 0.625rem;
    background-size: 1.5rem; }

.c-button--link__type2 ~ .c-button--link__type2 {
    margin-left: 1.25rem; }

.c-button--link__type2 .c-icon {
    position: relative;
    top: -0.17rem;
    margin-right: 0.25rem; }

.c-button--center {
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    color: #707070;
    padding: 0 1.25rem;
    width: 100%;
    height: 4rem;
    line-height: 3.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: 0.9375rem;
    letter-spacing: -0.031rem;
    font-weight: 400; }

.c-button--center .c-icon {
    margin-right: 0.5rem;
    -webkit-transform: translateY(-0.125rem, -0.0625rem);
    transform: translate(-0.125rem, -0.0625rem);}

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

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

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

.c-button--center:hover .c-icon--phone, .c-button--center.is-active .c-icon--phone {
	background: url(../../images/portal/common/ico_phone_active.svg) 50% 0% no-repeat; }

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

.c-button--center:hover .c-icon--card, .c-button--center.is-active .c-icon--card {
 	background: url(../../images/portal/common/ico_card_active.svg) 50% 50% no-repeat;	}

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

.c-button--white:active > .c-icon--print, .c-button--white.is-active > .c-icon--print {
    width: 1.25rem;
    height: 1.3125rem;
    background: url(../../images/portal/common/ico_print_white.svg) 50% 50% no-repeat;}

.c-button--white:active > .c-icon--excel, .c-button--white.is-active > .c-icon--excel {
    width: 1.125rem;
    height: 1.375rem;
    background: url(../../images/portal/common/ico_excel_white.svg) 50% 50% no-repeat;}

.c-button--service {
    width: 100%;
    height: 7.5rem;
    display: flex;
    align-items: center;
    padding: 0 2rem;
    background-color: #f9f9f9;
    border: 0.0625rem solid #f9f9f9;
    color: #707070;
    text-align: left;
    border-radius: 4rem; }

.c-button--service > .c-icon:first-child:not(:last-child) {
    margin-right: 0.325rem !important; }

.c-button--service img {
    width: 4.563rem; }
.service_txt_wrap {
    margin-left: 1.25rem; }
.service_tit {
	color: #333333;
    font-size: 1rem; }
.service_txt {
	color: #707070;
    font-size: 0.8125rem;
    margin-top: 0.25rem;
    font-weight: 400; }

.c-row--sm .c-button--check {
  padding-left: 1rem;
  padding-right: 1rem; }

.c-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; }
  .c-button-wrap.c-flex .c-button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .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;
      right: 2rem;
      top: 50%;
      margin-top: -1.375rem; }
    .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--right__acco {
    position: absolute;
    right: 4.375rem;
    top: 1rem;
    z-index: 4; }
    .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: 1.25rem; }
  .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; }

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

a.c-button.is-active {
  color: #1d1d1b;
  font-weight: 500; }

.c-del-btn {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: url(../../images/portal/common/ico_del_round.svg) 50% 50% no-repeat; }

.card-issuance-btn {
  width: 28.75rem; }

/* form */
input:invalid {
  background: rgba(237, 0, 0, 0.1); }

input[readonly] {
  background: #f5f5f5 !important; }

.c-sticker {
    display: inline-block;
    padding: 0 0.688rem;
    font-size: 0.8125rem;
    font-weight: 400;
    letter-spacing: -0.06rem;
    border-radius: 1rem;
    line-height: 1.6875rem;
    background: #4c4c4c;
    color: #fff;
    text-align: center;
    min-width: 2.5rem;
    height: 1.625rem; }

.c-sticker ~ .c-sticker {
    margin-left: 0.25rem; }

.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: #ff5a00;
    color: #fff; }

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

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

.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-label {
  font-size: 1rem;
  font-weight: 500;
  color: #1d1d1b;
  margin-bottom: 1rem;
  display: block; }

.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: 0.9375rem;
  min-height: 4rem;
  padding: 1.25rem; }
  .c-input::-webkit-input-placeholder, .c-textarea::-webkit-input-placeholder, .c-select::-webkit-input-placeholder {
    font-size: 0.9375rem;
    color: #707070; }
  .c-input::-moz-placeholder, .c-textarea::-moz-placeholder, .c-select::-moz-placeholder {
    font-size: 0.9375rem;
    color: #707070; }
  .c-input:-ms-input-placeholder, .c-textarea:-ms-input-placeholder, .c-select:-ms-input-placeholder {
    font-size: 0.9375rem;
    color: #707070; }
  .c-input::-ms-input-placeholder, .c-textarea::-ms-input-placeholder, .c-select::-ms-input-placeholder {
    font-size: 0.9375rem;
    color: #707070; }
  .c-input::placeholder,
  .c-textarea::placeholder,
  .c-select::placeholder {
    font-size: 0.9375rem;
    color: #707070; }
  .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-textarea:disabled,
  .c-select:disabled {
    background-color: #e8e8e8 !important;
    color: #707070 !important; }
    .c-input:disabled::-webkit-input-placeholder, .c-textarea:disabled::-webkit-input-placeholder, .c-select:disabled::-webkit-input-placeholder {
      color: #707070 !important; }
    .c-input:disabled::-moz-placeholder, .c-textarea:disabled::-moz-placeholder, .c-select:disabled::-moz-placeholder {
      color: #707070 !important; }
    .c-input:disabled:-ms-input-placeholder, .c-textarea:disabled:-ms-input-placeholder, .c-select:disabled:-ms-input-placeholder {
      color: #707070 !important; }
    .c-input:disabled::-ms-input-placeholder, .c-textarea:disabled::-ms-input-placeholder, .c-select:disabled::-ms-input-placeholder {
      color: #707070 !important; }
    .c-input:disabled::placeholder,
    .c-textarea:disabled::placeholder,
    .c-select:disabled::placeholder {
      color: #707070 !important; }
  .c-input.with-btn,
  .c-textarea.with-btn,
  .c-select.with-btn {
    padding-right: 8rem;
    background-position: calc(100% - 10rem) 50%; }
    .c-input.with-btn ~ .c-button--underline,
    .c-textarea.with-btn ~ .c-button--underline,
    .c-select.with-btn ~ .c-button--underline {
      position: absolute;
      bottom: 1.5rem;
      right: 0.375rem;
      display: block;
      color: #008080; }
      .c-input.with-btn ~ .c-button--underline::before,
      .c-textarea.with-btn ~ .c-button--underline::before,
      .c-select.with-btn ~ .c-button--underline::before {
        border-bottom: 1px solid #008080; }
    .c-input.with-btn--right,
    .c-textarea.with-btn--right,
    .c-select.with-btn--right {
      padding-right: 5.625rem !important;
      background-position: calc(100% - 67px) 50% !important; }

.c-input--type2 {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  min-height: auto;
  border-width: 0.125rem;
  border-color: #1d1d1b; }

.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-wrap + .c-select-wrap,
.c-group--head + .c-form-row,
.c-check-wrap + .c-input {
  margin-top: 1rem; }

.c-group--head + .c-form-row .c-form-field .c-form__input,
.c-group--head + .c-form-row .c-form-field .c-form__select {
  margin-top: 0; }

.c-group--head + .c-form-row .c-form .c-input-wrap {
  margin-top: 0; }

.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; }

.has-error + .c-form__text {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  color: #ed0000 !important;
  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; }
  .has-error + .c-form__text::before {
    content: '';
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    background: url(../../images/portal/common/ico_error_mark.png) 50% 50%;
    background-size: cover; }

.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; }

.has-safe + .c-form__text {
  color: #008080 !important;
  margin-top: 0.625rem;
  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; }
  .has-safe + .c-form__text::before {
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    background: url(../../images/portal/common/ico_safe_mark.svg) 50% 50%;
    background-size: cover; }

.c-text--form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.625rem;
  padding-left: 0.625rem;
  font-size: 0.75rem; }

.c-input-wrap {
  position: relative; }
  .c-input-wrap--textinp .c-input {
    padding-right: 3.75rem; }
  .c-input-wrap__sub {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    color: #707070;
    font-size: 0.75rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .c-input-wrap .c-button--icon {
    height: calc(100%);
    padding: 0 0.75rem;
    position: absolute;
    top: 0;
    right: 4px;
    z-index: 1;
    border-radius: 0.5rem;
    line-height: 4rem; }
  .c-input-wrap .c-button--underline {
    height: calc(100% - 8px);
    padding: 0 0.75rem;
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 0.9375rem;
    z-index: 1;
    color: #008080; }
    .c-input-wrap .c-button--underline::before {
      border-color: #008080;
      left: 0.8125rem;
      right: 0.8125rem;
      bottom: calc(50% - 0.6875rem); }
    .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 {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    background-color: transparent;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    pointer-events: none; }
  .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 #strPwdNumInsert {
	min-height: auto;
    padding: 0.875rem; }

.c-select {
  padding: 0 3.25rem 0 1rem;
  background: #fff url(../../images/portal/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/portal/common/ico_select_disabled.svg) no-repeat right 1rem top 50%; }
  .c-select.has-value {
    color: #1d1d1b; }
  .c-select--type3 {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    height: 1.5rem;
    border: 0;
    border-radius: initial;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 1px solid #1d1d1b;
    margin: 0.5rem 0;
    position: relative;
    background: #fff url(../../images/portal/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;
  position: relative; }
  .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: 1.25rem; }
    .c-select-wrap .c-select.with-btn {
      padding-right: 8rem;
      background-position: calc(100% - 10rem) 50%; }
  .c-select-wrap .c-button--underline {
    height: calc(100% - 8px);
    padding: 0 0.75rem;
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 1;
    color: #008080;
    display: block; }
    .c-select-wrap .c-button--underline::before {
      border-color: #008080;
      left: 1rem;
      right: 1rem;
      bottom: calc(50% - 10px); }

.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:focus + .c-label,
  .c-checkbox:focus + .c-label {
    outline: 2px dotted;
    outline-color: #006bdd; }
  .c-radio:focus + .c-card__box-label,
  .c-checkbox:focus + .c-card__box-label {
    outline: 2px dotted;
    outline-color: #006bdd; }
  .c-radio:focus + .c-card__badge-label,
  .c-checkbox:focus + .c-card__badge-label {
    outline: 2px dotted;
    outline-color: #006bdd; }
  .c-radio + .c-label,
  .c-checkbox + .c-label {
    position: relative;
    display: inline-block;
    margin-right: 3.5rem;
    padding-left: 1.875rem;
    line-height: 1.5rem;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #707070; }
    .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; }

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

.c-checkbox:checked + .c-label {
  color: #1d1d1b; }
  .c-checkbox:checked + .c-label::before {
    background: url(../../images/portal/common/ico_checkbox_checked.svg) no-repeat 50% 50%;
    background-size: 1.5rem 1.5rem; }

.c-checkbox:disabled {
  pointer-events: none; }
  .c-checkbox:disabled + .c-label::before {
    background: url(../../images/portal/common/ico_checkbox_disabled.svg) no-repeat 50% 50%;
    background-size: 1.5rem 1.5rem;
    opacity: 0.5; }
  .c-checkbox:disabled:checked + .c-label {
    color: rgba(29, 29, 27, 0.7); }
    .c-checkbox:disabled:checked + .c-label::before {
      background: url(../../images/portal/common/ico_checkbox_checked_disabled.svg) no-repeat 50% 50%;
      background-size: 1.5rem 1.5rem; }

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

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

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

.c-checkbox--type2:disabled:checked + .c-label::before {
  background: url(../../images/portal/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/portal/common/ico_checkbox_square.svg) no-repeat 50% 50%; }

.c-checkbox--type3:disabled + .c-label::before {
  background: url(../../images/portal/common/ico_checkbox_square_disabled.svg) no-repeat 50% 50%;
  opacity: 0.5; }

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

.c-checkbox--type3:checked:disabled + .c-label::before {
  background: url(../../images/portal/common/ico_checkbox_square_checked.svg) no-repeat 50% 50%;
  opacity: 0.5; }

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

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

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

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

.c-checkbox--switch + .c-label {
  display: inline-block;
  position: relative;
  padding: 0 3.25rem 0 0;
  margin: 0; }
  .c-checkbox--switch + .c-label::before {
    position: absolute;
    left: auto;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    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%;
    right: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    background: #fff;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 4px 4px 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 + .c-label .c-label__text {
    font-size: 1.125rem;
    margin-right: 1.25rem;
    vertical-align: middle;
    color: #707070; }

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

.c-checkbox--switch:checked + .c-label::after {
  right: 0.125rem; }

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

.c-radio:checked + .c-label {
  color: #1d1d1b; }
  .c-radio:checked + .c-label::before {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_radio_checked.svg) no-repeat 50% 50%; }

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

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

.c-checkbox--button + .c-label,
.c-radio--button + .c-label {
  position: relative;
  display: inline-block;
  min-width: calc(25% - 20px);
  min-height: 4rem;
  padding: 1.1875rem 1rem 1.1875rem;
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  color: #707070;
  font-weight: 400;
  text-align: center;
  width: 100%;
  min-width: 5.5rem;
  cursor: pointer; }
  .c-checkbox--button + .c-label::before,
  .c-radio--button + .c-label::before {
    left: auto;
    right: 1rem;
    background: none;
    z-index: 1; }
  .c-checkbox--button + .c-label .c-icon,
  .c-radio--button + .c-label .c-icon {
    width: 2rem;
    height: 2rem;
    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.mark-check + .c-label::before,
.c-radio--button.mark-check + .c-label::before {
  background: url(../../images/portal/common/ico_checkmark_light-gray.svg) no-repeat 50% 50%;
  background-size: 2rem; }

.c-checkbox--button--type1 + .c-label,
.c-radio--button--type1 + .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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 4rem;
  padding: 0.4375rem 1rem 0.4375rem; }

.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/portal/common/ico_checkmark_black.svg) no-repeat 50% 50%;
    background-size: 2rem; }

.c-checkbox--button:disabled + .c-label,
.c-radio--button:disabled + .c-label {
  border-color: #dddddd;
  background-color: #eaeaea;
  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/portal/common/ico_checkmark_light-gray.svg) no-repeat 50% 50%; }

.c-checkbox--button--type1 + .c-label .c-icon,
.c-radio--button--type1 + .c-label .c-icon {
  position: absolute;
  top: 50%;
  left: 1.25rem;
  width: 2rem;
  height: 2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.c-checkbox--button--type1 + .c-label span,
.c-radio--button--type1 + .c-label span {
  font-size: 1rem; }

.c-checkbox--button--type1:checked + .c-label,
.c-radio--button--type1:checked + .c-label {
  border-color: #008080;
  color: #008080; }
  .c-checkbox--button--type1:checked + .c-label::before,
  .c-radio--button--type1:checked + .c-label::before {
    background: url(../../images/portal/common/ico_checkmark_checked.svg) no-repeat 50% 50%;
    background-size: 2rem; }

.c-checkbox--button--type2 + .c-label,
.c-radio--button--type2 + .c-label {
  padding: 1rem;
  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.75rem; }
  .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: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 0.9375rem;
    font-weight: 500;
    word-break: keep-all; }

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

.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/portal/common/ico_checkmark_light-gray.svg) no-repeat 50% 50%; }

.c-checkbox--button--type3 + .c-label,
.c-radio--button--type3 + .c-label {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 500;
  width: auto;
  min-width: 5rem;
  min-height: auto;
  padding: 0.4375rem 1.25rem 0.4375rem 1.25rem;
  color: #1d1d1b;
  background: #fff;
  border-radius: 1.25rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 0 !important; }
  .c-checkbox--button--type3 + .c-label::before,
  .c-radio--button--type3 + .c-label::before {
    display: none; }
  .c-checkbox--button--type3 + .c-label ~ .c-label,
  .c-radio--button--type3 + .c-label ~ .c-label {
    margin: 0 0 0 0.5rem; }

.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: 1.0625rem;
  font-weight: 500;
  height: 4rem;
  line-height: 4rem;
  padding: 0.25rem 1.25rem 0.25rem 0.25rem;
  border: 0;
  color: #393939;
  background: #f5f5f5;
  border-radius: 2.25rem;
  -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; }
  .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: #008080;
  background: #fff;
  border: 1px solid #008080; }

.c-checkbox--button--type4:disabled + .c-label,
.c-radio--button--type4:disabled + .c-label {
  color: #393939;
  background: #f5f5f5;
  border: 0.0625rem solid #f5f5f5;
  pointer-events: none;
  border: 1px 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/portal/common/ico_checkmark_checked.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/portal/common/ico_checkmark_light-gray.svg) no-repeat 50% 50%; }

.c-checkbox--button--card + .c-label,
.c-radio--button--card + .c-label {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 1.25rem;
  text-align: left; }
  .c-checkbox--button--card + .c-label .icon-prefix,
  .c-radio--button--card + .c-label .icon-prefix {
    margin-right: 1.25rem;
    width: 3.5rem;
    height: 3.5rem; }
    .c-checkbox--button--card + .c-label .icon-prefix img,
    .c-radio--button--card + .c-label .icon-prefix img {
      width: 100%;
      vertical-align: middle; }

.c-checkbox--button:last-child + .c-label,
.c-radio--button:last-child + .c-label {
  margin-right: 0; }

.c-checkbox--button--line + .c-label,
.c-radio--button--line + .c-label {
  display: inline-block;
  padding: 1rem;
  font-size: 1.0625rem;
  color: rgba(29, 29, 27, 0.5);
  white-space: nowrap;
  margin: 0 !important;
  border: 0;
  border-radius: 0;
  width: auto;
  min-height: auto;
  min-width: auto; }

.c-checkbox--button--line:checked + .c-label,
.c-checkbox--button--line:checked + .c-label,
.c-radio--button--line:checked + .c-label,
.c-radio--button--line:checked + .c-label {
  background: #fff;
  border-bottom: 0.125rem solid #1d1d1b;
  color: #1d1d1b; }
  .c-checkbox--button--line:checked + .c-label::before,
  .c-checkbox--button--line:checked + .c-label::before,
  .c-radio--button--line:checked + .c-label::before,
  .c-radio--button--line:checked + .c-label::before {
    content: none !important; }

.c-checktype-row .c-label {
  margin-right: 3.5rem; }
  .c-checktype-row .c-label:only-of-type {
    margin-right: 0; }

.c-checktype-row .c-radio--button:not(.c-radio--button--type3) + .c-label,
.c-checktype-row .c-checkbox--button + .c-label {
  margin: 0 0.625rem; }

.c-checktype-row .c-radio--button:first-child + .c-label,
.c-checktype-row .c-checkbox--button:first-child + .c-label {
  margin-left: 0; }

.c-checktype-row .c-radio--button:last-child + .c-label,
.c-checktype-row .c-checkbox--button:last-child + .c-label {
  margin-right: 0; }

.c-checktype-row.c-col, .c-checktype-row.c-col2, .c-checktype-row.c-col3, .c-checktype-row.c-col4, .c-checktype-row.c-col5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .c-checktype-row.c-col .c-radio--button + .c-label,
  .c-checktype-row.c-col .c-checkbox--button + .c-label, .c-checktype-row.c-col2 .c-radio--button + .c-label,
  .c-checktype-row.c-col2 .c-checkbox--button + .c-label, .c-checktype-row.c-col3 .c-radio--button + .c-label,
  .c-checktype-row.c-col3 .c-checkbox--button + .c-label, .c-checktype-row.c-col4 .c-radio--button + .c-label,
  .c-checktype-row.c-col4 .c-checkbox--button + .c-label, .c-checktype-row.c-col5 .c-radio--button + .c-label,
  .c-checktype-row.c-col5 .c-checkbox--button + .c-label {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .c-checktype-row.c-col .c-radio--button:first-child + .c-label,
  .c-checktype-row.c-col .c-checkbox--button:first-child + .c-label, .c-checktype-row.c-col2 .c-radio--button:first-child + .c-label,
  .c-checktype-row.c-col2 .c-checkbox--button:first-child + .c-label, .c-checktype-row.c-col3 .c-radio--button:first-child + .c-label,
  .c-checktype-row.c-col3 .c-checkbox--button:first-child + .c-label, .c-checktype-row.c-col4 .c-radio--button:first-child + .c-label,
  .c-checktype-row.c-col4 .c-checkbox--button:first-child + .c-label, .c-checktype-row.c-col5 .c-radio--button:first-child + .c-label,
  .c-checktype-row.c-col5 .c-checkbox--button:first-child + .c-label {
    margin-left: 0; }
  .c-checktype-row.c-col .c-radio--button:last-of-type + .c-label,
  .c-checktype-row.c-col .c-checkbox--button:last-of-type + .c-label, .c-checktype-row.c-col2 .c-radio--button:last-of-type + .c-label,
  .c-checktype-row.c-col2 .c-checkbox--button:last-of-type + .c-label, .c-checktype-row.c-col3 .c-radio--button:last-of-type + .c-label,
  .c-checktype-row.c-col3 .c-checkbox--button:last-of-type + .c-label, .c-checktype-row.c-col4 .c-radio--button:last-of-type + .c-label,
  .c-checktype-row.c-col4 .c-checkbox--button:last-of-type + .c-label, .c-checktype-row.c-col5 .c-radio--button:last-of-type + .c-label,
  .c-checktype-row.c-col5 .c-checkbox--button:last-of-type + .c-label {
    margin-right: 0; }

.c-checktype-row.c-col2 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .c-checktype-row.c-col2 .c-label {
    width: 50%;
    margin-right: 0;
    text-align: left; }
  .c-checktype-row.c-col2--w460 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .c-checktype-row.c-col2--w460 .c-label {
      max-width: 28.75rem;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(50% - 10px);
              flex: 0 0 calc(50% - 10px);
      -ms-flex-preferred-size: calc(50% - 10px); }

.c-checktype-row--type2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  padding: 0 5rem;
  margin: 0 auto 4rem;
  text-align: center;
  background: #fff;
  border-bottom: 0.0625rem solid #efefef; }
  .c-checktype-row--type2::before {
    content: none; }
  .c-checktype-row--type2 .c-checkbox--button--line + .c-label,
  .c-checktype-row--type2 .c-radio--button--line + .c-label {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative; }

.c-checktype-row--col3 {
	justify-content: normal !important;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    gap: 1.0625rem; }

.c-checktype-row--col3 .c-checkbox--button + .c-label, .c-checktype-row--col3 .c-radio--button + .c-label {
	width: calc(33% - 0.625rem); }

.c-checktype-row.c-col.c-checktype-row--col3 .c-checkbox--button + .c-label {
	-webkit-box-flex: 0;
    -ms-flex: none;
    flex: none; }

.c-checktype-row.c-checktype-row--col3 .c-checkbox--button + .c-label {
    margin: 0; }

.c-form-group .c-group--head {
  font-size: 1rem;
  font-weight: 500;
  color: #1d1d1b;
  margin-bottom: 1rem;
  position: relative;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .c-form-group .c-group--head + .c-form-row.c-col2 {
    margin-top: 0; }

.c-form-group .c-checktype-row {
  margin-top: 1rem; }

.c-form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .c-form-row.c-col2 .c-form-field {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0.625rem; }
    .c-form-row.c-col2 .c-form-field:first-of-type {
      margin-left: 0; }
    .c-form-row.c-col2 .c-form-field:last-of-type {
      margin-right: 0; }
  .c-form-row.c-col2 .c-form {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0.625rem; }
    .c-form-row.c-col2 .c-form:first-of-type {
      margin-left: 0; }
    .c-form-row.c-col2 .c-form:last-of-type {
      margin-right: 0; }
    .c-form-row.c-col2 .c-form[class*='u-width'] {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none; }
    .c-form-row.c-col2 .c-form-field[class*='u-width'] {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none; }

.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/portal/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/portal/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/portal/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/portal/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/portal/common/ico_checkmark_checked.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/portal/common/ico_checkmark_light-gray.svg) no-repeat 50% 50%; }

.c-form-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

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

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

.c-form {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .c-form + .c-form {
    margin-top: 1rem; }
  .c-form + .c-label {
    font-size: 1rem;
    font-weight: 500; }
  .c-form.border-top {
    padding-top: 1.5rem;
    border-top: 0.0625rem solid #eaeaea; }
  .c-form .c-select option:not(:first-child):not([disabled]):not([selected]) {
    color: #1d1d1b; }
  .c-form .c-select option:first-child[disabled][selected] {
    color: #707070; }
  .c-form__sub {
    display: inline-block;
    margin-left: 0.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: #707070; }
  .c-form__label {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #707070;
    position: absolute;
    top: 0;
    left: 0;
    padding: 1.375rem 1.25rem 0;
    pointer-events: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .c-form__title {
    margin: 3rem 0 1rem;
    display: block;
    position: relative;
    font-weight: 500;
    font-size: 1rem;
    margin-top: 1rem; }
    .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-form-wrap .c-form__input,
    .c-form__title ~ .c-form__group > .c-form-wrap .c-form__input {
      margin-top: 0; }
    .c-form__title .c-icon {
      margin-left: 0.375rem; }

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

  .c-form__title--type2 + .c-form-wrap .c-form__input {
    margin-top: 0; }

  .c-form__title--type2 + .c-form-wrap .c-form-row.c-col2 .c-form__input-group {
    margin-top: 0; }

  .c-form__title--type2.combine .c-icon {
	  margin-right: 0.125rem;
	  -webkit-transform: translate(-0.0625rem, -0.125rem);
	  transform: translate(-0.0625rem, -0.125rem);
	}
	.c-form__title--type2 + .c-notice--red {
    font-size: 1.0625rem; }

  .c-form__text {
    padding-left: 0.625rem;
    margin-top: 0.625rem;
    font-size: 0.875rem; }
  .c-form__input, .c-form__select {
    position: relative;
    border-radius: 0.5rem;
    height: 4rem; }
    .c-form__input + .c-form__lable, .c-form__select + .c-form__lable {
      font-size: 0.9375rem;
      font-weight: 400;
      color: #707070;
      position: absolute;
      top: 0;
      left: 0;
      padding: 1.375rem 1.25rem 0;
      pointer-events: none;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .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: 1.9375rem 1.25rem 0.75rem;
      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: #707070; }
      .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: #707070; }
      .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: #707070; }
      .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: #707070; }
      .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: #707070; }
      .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.75rem;
        font-size: 0.75rem;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .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,
    .c-form__input .c-select, .c-form__select .c-input,
    .c-form__select .c-select {
      color: #707070;
      padding: 1.5625rem 1rem; }
    .c-form__input .c-input:-moz-read-only, .c-form__select .c-input:-moz-read-only {
      padding: 1.9375rem 1.25rem 0.75rem;
      background: #f5f5f5; }
    .c-form__input .c-input:read-only,
    .c-form__input input[readonly], .c-form__select .c-input:read-only,
    .c-form__select input[readonly] {
      padding: 1.9375rem 1.25rem 0.75rem;
      background: #f5f5f5; }
      .c-form__input .c-input:-moz-read-only + .c-form__label, .c-form__select .c-input:-moz-read-only + .c-form__label {
        color: #707070;
        padding-top: 0.75rem;
        font-size: 0.75rem; }
      .c-form__input .c-input:read-only + .c-form__label,
      .c-form__input input[readonly] + .c-form__label, .c-form__select .c-input:read-only + .c-form__label,
      .c-form__select input[readonly] + .c-form__label {
        color: #707070;
        padding-top: 0.75rem;
        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__input input[readonly] ~ .c-button--underline, .c-form__select .c-input:read-only ~ .c-button--underline,
      .c-form__select input[readonly] ~ .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: 1.9375rem 1.25rem 0.75rem; }
      .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: #707070;
        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.75rem;
      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: 1.9375rem 1.25rem 0.75rem; }
    .c-form__input.has-value .c-select, .c-form__select.has-value .c-select {
      padding: 1.9375rem 1.25rem 0.625rem; }
    .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: #008080; }
      .c-form__input .c-button--underline::before, .c-form__select .c-button--underline::before {
        border-color: #008080;
        left: 1rem;
        right: 1rem;
        bottom: calc(50% - 10px); }
      .c-form__input .c-button--underline:disabled, .c-form__select .c-button--underline:disabled {
        background: transparent; }
        .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 {
      color: transparent; }
    .c-form__input .c-input::-moz-placeholder {
      color: transparent; }
    .c-form__input .c-input:-ms-input-placeholder {
      color: transparent; }
    .c-form__input .c-input::-ms-input-placeholder {
      color: transparent; }
    .c-form__input .c-input::placeholder {
      color: transparent; }
  .c-form__select .c-select {
    height: 100%;
    color: #fff; }
    .c-form__select .c-select.with-btn {
      padding-right: 8rem;
      background-position: calc(100% - 10rem) 50%; }
      .c-form__select .c-select.with-btn ~ .c-button--underline {
        display: block; }
  .c-form--datepicker .c-form__input .c-input {
    padding-right: 4rem; }
  .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%); }
  .c-form--search {
    text-align: right;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    .c-form--search .c-form__input {
      display: inline-block;
      position: relative;
      width: 32.75rem;
      height: 3.5rem;
      margin-top: 0;
      border-radius: 1.75rem; }
      .c-form--search .c-form__input .c-input {
        height: 100%;
        min-height: 100%;
        padding: 0 3rem 0 1.25rem;
        border-radius: 1.75rem;
        background: url(../../images/portal/common/ico_search.svg) center right 0.5rem no-repeat;
        font-size: 1rem;
        background-color: #fff; }
        .c-form--search .c-form__input .c-input::-webkit-input-placeholder {
          color: #707070; }
        .c-form--search .c-form__input .c-input::-moz-placeholder {
          color: #707070; }
        .c-form--search .c-form__input .c-input:-ms-input-placeholder {
          color: #707070; }
        .c-form--search .c-form__input .c-input::-ms-input-placeholder {
          color: #707070; }
        .c-form--search .c-form__input .c-input::placeholder {
          color: #707070; }
        .c-form--search .c-form__input .c-input:focus {
          border-color: #1d1d1b;
          padding-right: 7.8125rem; }
      .c-form--search .c-form__input .c-button--reset {
        height: calc(100% - 4px);
        padding: 0 1rem 0 0.5rem;
        position: absolute;
        top: 50%;
        right: 4.5625rem;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        background: transparent;
        display: none;
        border-radius: 0; }
        .c-form--search .c-form__input .c-button--reset.is-active {
          display: block; }
      .c-form--search .c-form__input .c-button-round--sm {
        display: none;
        position: absolute;
        top: 0.5rem;
        right: 0.5rem; }
        .c-form--search .c-form__input .c-button-round--sm.is-focus {
          display: block; }
  .ly-content > .c-row > .c-form--search:first-child {
    margin-top: -6.5rem;
    margin-bottom: 3rem; }
  .c-modal__body .c-form--search {
    width: 100%;
    min-width: 30rem; }
  .c-form--search--type2 .c-form__input {
    width: 100%;
    height: 3.75rem;
    border: 0;
    border-bottom: 2px solid #e73939;
    border-radius: 0; }
    .c-form--search--type2 .c-form__input .c-input {
      width: 100%;
      line-height: 2.375rem;
      font-size: 1.875rem;
      padding: 0.625rem 5rem 0.5rem 0;
      border: 0;
      border-radius: 0;
      background: none;
      color: #e73939; }
      .c-form--search--type2 .c-form__input .c-input::-webkit-input-placeholder {
        font-size: 1.875rem;
        color: #707070; }
      .c-form--search--type2 .c-form__input .c-input::-moz-placeholder {
        font-size: 1.875rem;
        color: #707070; }
      .c-form--search--type2 .c-form__input .c-input:-ms-input-placeholder {
        font-size: 1.875rem;
        color: #707070; }
      .c-form--search--type2 .c-form__input .c-input::-ms-input-placeholder {
        font-size: 1.875rem;
        color: #707070; }
      .c-form--search--type2 .c-form__input .c-input::placeholder {
        font-size: 1.875rem;
        color: #707070; }
    .c-form--search--type2 .c-form__input .c-button-round--sm {
      display: block;
      top: 0.625rem;
      right: 0;
      height: 2.375rem;
      line-height: 2.25rem;
      background-color: #e81d21; }
    .c-form--search--type2 .c-form__input .c-button--reset {
      padding-left: 1rem;
      right: 4.25rem; }

  #paymentSelect .c-form--search .c-form__input {
    width: 24.5rem;
  }
  #paymentSelect .c-form--search .c-form__input .c-button--reset {
    right: 3rem;
  }

  .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-form--type2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .c-form--type2 > .c-label {
      margin-bottom: 1rem; }
    .c-form--type2 .c-input-wrap {
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%; }
      .c-form--type2 .c-input-wrap .c-input {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
    .c-form--type2 .c-button-round--md {
      margin-left: 1.5rem;
      min-width: 6.5625rem;
      border-radius: 1.75rem; }

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

.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/portal/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/portal/common/ico_checkmark_black.svg) no-repeat 50% 50%;
      top: 1rem;
      right: 0.5rem;
      z-index: 10; }


.c-form-row.c-col2 .c-form__input-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0.625rem;
  margin-top: 1rem; }
  .c-form-row.c-col2 .c-form__input-group:first-of-type {
    margin-left: 0; }
  .c-form-row.c-col2 .c-form__input-group:last-of-type {
    margin-right: 0; }

.c-form__input-group {
  position: relative;
  height: 4rem;
  -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: 0.9375rem; }
  .c-form__input-group span {
    opacity: 0; }
  .c-form__input-group.is-readonly .c-form__input {
    background: #f5f5f5;
    overflow: hidden;
    border-bottom: 1px solid #ddd; }
    .c-form__input-group.is-readonly .c-form__input .c-input[readonly] {
      background: #f5f5f5 !important; }
  .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: #f5f5f5 !important;
    color: #707070 !important; }
  .c-form__input-group.is-readonly .c-form__input-division .c-form__label {
    font-size: 0.9375rem;
    padding-top: 1.375rem; }
  .c-form__input-group.is-disabled .c-form__input {
    background: #e8e8e8;
    overflow: hidden;
    color: #707070;
    border-bottom: 1px solid #ddd; }
    .c-form__input-group.is-disabled .c-form__input .c-input[disabled] {
      background: #e8e8e8 !important;
      color: #707070; }
  .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: #e8e8e8 !important;
    color: #707070 !important; }
  .c-form__input-group.is-disabled .c-form__label {
    color: #707070; }
  .c-form__input-group.is-focused {
    border: 1px solid #1d1d1b; }
    .c-form__input-group.is-focused span {
      opacity: 1; }
  .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 .c-form__input-division {
    padding: 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: 4rem; }
    .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 {
      -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: 1rem 0.5rem 0; }
    .c-form__input-group .c-form__input-division .c-form__lable {
      font-size: 0.9375rem;
      color: #707070;
      position: absolute;
      top: 0;
      left: 0;
      padding: 1.375rem 1.25rem 1.3125rem;
      -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: 0.75rem 1.25rem 0;
      font-size: 0.75rem;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .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: #1d1d1b;
      padding: 1.625rem 1.25rem 0.5rem;
      height: 3rem; }
    .c-form__input-group .c-form__input-division.has-value > span {
      opacity: 1; }

 .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: 0.9375rem;
      height: 3rem;
      padding: 1.625rem 1.25rem 0.5rem;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .c-form__input-group .c-form__input-division .c-input--div::-webkit-input-placeholder {
        opacity: 0; }
      .c-form__input-group .c-form__input-division .c-input--div::-moz-placeholder {
        opacity: 0; }
      .c-form__input-group .c-form__input-division .c-input--div:-ms-input-placeholder {
        opacity: 0; }
      .c-form__input-group .c-form__input-division .c-input--div::-ms-input-placeholder {
        opacity: 0; }
      .c-form__input-group .c-form__input-division .c-input--div::placeholder {
        opacity: 0; }
      .c-form__input-group .c-form__input-division .c-input--div:focus {
        padding: 1.625rem 1.25rem 0.5rem;
        color: #1d1d1b;
        outline: none; }
      .c-form__input-group .c-form__input-division .c-input--div:focus::-webkit-input-placeholder {
        opacity: 1;
        padding: 1.625rem 0 0.5rem;
        color: #707070; }
      .c-form__input-group .c-form__input-division .c-input--div:focus::-moz-placeholder {
        opacity: 1;
        padding: 1.625rem 0 0.5rem;
        color: #707070; }
      .c-form__input-group .c-form__input-division .c-input--div:focus:-ms-input-placeholder {
        opacity: 1;
        padding: 1.625rem 0 0.5rem;
        color: #707070; }
      .c-form__input-group .c-form__input-division .c-input--div:focus::-ms-input-placeholder {
        opacity: 1;
        padding: 1.625rem 0 0.5rem;
        color: #707070; }
      .c-form__input-group .c-form__input-division .c-input--div:focus::placeholder {
        opacity: 1;
        padding: 1.625rem 0 0.5rem;
        color: #707070; }
      .c-form__input-group .c-form__input-division .c-input--div:focus ~ .c-form__label {
        padding-top: 0.75rem;
        font-size: 0.75rem;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .c-form__input-group .c-form__input-division .c-input--div:focus ~ .c-input--div2 {
        padding: 1.625rem 1.25rem 0.5rem; }
      .c-form__input-group .c-form__input-division .c-input--div:focus ~ .c-input--div2::-webkit-input-placeholder {
        opacity: 1;
        padding: 1.625rem 0 0.5rem;
        color: #707070; }
      .c-form__input-group .c-form__input-division .c-input--div:focus ~ .c-input--div2::-moz-placeholder {
        opacity: 1;
        padding: 1.625rem 0 0.5rem;
        color: #707070; }
      .c-form__input-group .c-form__input-division .c-input--div:focus ~ .c-input--div2:-ms-input-placeholder {
        opacity: 1;
        padding: 1.625rem 0 0.5rem;
        color: #707070; }
      .c-form__input-group .c-form__input-division .c-input--div:focus ~ .c-input--div2::-ms-input-placeholder {
        opacity: 1;
        padding: 1.625rem 0 0.5rem;
        color: #707070; }
      .c-form__input-group .c-form__input-division .c-input--div:focus ~ .c-input--div2::placeholder {
        opacity: 1;
        padding: 1.625rem 0 0.5rem;
        color: #707070; }
    .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: 0.9375rem;
      height: 3rem;
      padding: 1.625rem 1.25rem 0.5rem;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .c-form__input-group .c-form__input-division .c-input--div2::-webkit-input-placeholder {
        opacity: 0; }
      .c-form__input-group .c-form__input-division .c-input--div2::-moz-placeholder {
        opacity: 0; }
      .c-form__input-group .c-form__input-division .c-input--div2:-ms-input-placeholder {
        opacity: 0; }
      .c-form__input-group .c-form__input-division .c-input--div2::-ms-input-placeholder {
        opacity: 0; }
      .c-form__input-group .c-form__input-division .c-input--div2::placeholder {
        opacity: 0; }
      .c-form__input-group .c-form__input-division .c-input--div2:focus {
        padding: 1.625rem 1.25rem 0.5rem;
        color: #1d1d1b;
        outline: none; }
        .c-form__input-group .c-form__input-division .c-input--div2:focus::-webkit-input-placeholder {
          opacity: 1;
          padding: 1.625rem 0 0.5rem;
          color: #707070; }
        .c-form__input-group .c-form__input-division .c-input--div2:focus::-moz-placeholder {
          opacity: 1;
          padding: 1.625rem 0 0.5rem;
          color: #707070; }
        .c-form__input-group .c-form__input-division .c-input--div2:focus:-ms-input-placeholder {
          opacity: 1;
          padding: 1.625rem 0 0.5rem;
          color: #707070; }
        .c-form__input-group .c-form__input-division .c-input--div2:focus::-ms-input-placeholder {
          opacity: 1;
          padding: 1.625rem 0 0.5rem;
          color: #707070; }
        .c-form__input-group .c-form__input-division .c-input--div2:focus::placeholder {
          opacity: 1;
          padding: 1.625rem 0 0.5rem;
          color: #707070; }
        .c-form__input-group .c-form__input-division .c-input--div2:focus ~ .c-form__label {
          padding-top: 0.75rem;
          font-size: 0.75rem;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .c-form__input-group .c-form__input-division .c-input--div2:focus ~ .c-input--div2 {
          padding: 1.625rem 1.25rem 0.5rem; }
          .c-form__input-group .c-form__input-division .c-input--div2:focus ~ .c-input--div2::-webkit-input-placeholder {
            opacity: 1;
            padding: 1.625rem 0 0.5rem;
            color: #707070; }
          .c-form__input-group .c-form__input-division .c-input--div2:focus ~ .c-input--div2::-moz-placeholder {
            opacity: 1;
            padding: 1.625rem 0 0.5rem;
            color: #707070; }
          .c-form__input-group .c-form__input-division .c-input--div2:focus ~ .c-input--div2:-ms-input-placeholder {
            opacity: 1;
            padding: 1.625rem 0 0.5rem;
            color: #707070; }
          .c-form__input-group .c-form__input-division .c-input--div2:focus ~ .c-input--div2::-ms-input-placeholder {
            opacity: 1;
            padding: 1.625rem 0 0.5rem;
            color: #707070; }
          .c-form__input-group .c-form__input-division .c-input--div2:focus ~ .c-input--div2::placeholder {
            opacity: 1;
            padding: 1.625rem 0 0.5rem;
            color: #707070; }
        .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: 0.9375rem;
      height: 3rem;
      padding: 1.625rem 1.25rem 0.5rem;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .c-form__input-group .c-form__input-division .c-input--div3::-webkit-input-placeholder {
        opacity: 0; }
      .c-form__input-group .c-form__input-division .c-input--div3::-moz-placeholder {
        opacity: 0; }
      .c-form__input-group .c-form__input-division .c-input--div3:-ms-input-placeholder {
        opacity: 0; }
      .c-form__input-group .c-form__input-division .c-input--div3::-ms-input-placeholder {
        opacity: 0; }
      .c-form__input-group .c-form__input-division .c-input--div3::placeholder {
        opacity: 0; }
      .c-form__input-group .c-form__input-division .c-input--div3:focus {
        padding: 1.625rem 1.25rem 0.5rem;
        color: #1d1d1b;
        outline: none; }
        .c-form__input-group .c-form__input-division .c-input--div3:focus::-webkit-input-placeholder {
          opacity: 1;
          padding: 1.625rem 0 0.5625rem;
          color: #707070; }
        .c-form__input-group .c-form__input-division .c-input--div3:focus::-moz-placeholder {
          opacity: 1;
          padding: 1.625rem 0 0.5625rem;
          color: #707070; }
        .c-form__input-group .c-form__input-division .c-input--div3:focus:-ms-input-placeholder {
          opacity: 1;
          padding: 1.625rem 0 0.5625rem;
          color: #707070; }
        .c-form__input-group .c-form__input-division .c-input--div3:focus::-ms-input-placeholder {
          opacity: 1;
          padding: 1.625rem 0 0.5625rem;
          color: #707070; }
        .c-form__input-group .c-form__input-division .c-input--div3:focus::placeholder {
          opacity: 1;
          padding: 1.625rem 0 0.5625rem;
          color: #707070; }
        .c-form__input-group .c-form__input-division .c-input--div3:focus ~ .c-form__label {
          padding-top: 0.75rem;
          font-size: 0.75rem;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .c-form__input-group .c-form__input-division .c-input--div3:focus ~ .c-input--div3 {
          padding: 1.625rem 1.25rem 0.5rem; }
          .c-form__input-group .c-form__input-division .c-input--div3:focus ~ .c-input--div3::-webkit-input-placeholder {
            opacity: 1;
            padding: 1.625rem 0 0.5rem;
            color: #ccc; }
          .c-form__input-group .c-form__input-division .c-input--div3:focus ~ .c-input--div3::-moz-placeholder {
            opacity: 1;
            padding: 1.625rem 0 0.5rem;
            color: #707070; }
          .c-form__input-group .c-form__input-division .c-input--div3:focus ~ .c-input--div3:-ms-input-placeholder {
            opacity: 1;
            padding: 1.625rem 0 0.5rem;
            color: #707070; }
          .c-form__input-group .c-form__input-division .c-input--div3:focus ~ .c-input--div3::-ms-input-placeholder {
            opacity: 1;
            padding: 1.625rem 0 0.5rem;
            color: #707070; }
          .c-form__input-group .c-form__input-division .c-input--div3:focus ~ .c-input--div3::placeholder {
            opacity: 1;
            padding: 1.625rem 0 0.5rem;
            color: #707070; }

textarea {
  resize: none; }

.c-agree {
  border: 0.0625rem solid #eaeaea;
  border-radius: 0.5rem; }
  .c-agree > .c-label {
    margin-bottom: 1.5rem; }
  .c-agree .c-label {
    display: block;
    margin: 0;
    color: #1d1d1b; }
    .c-agree .c-label > .u-co-gray {
      font-size: inherit;
      margin-left: 0.25rem; }
  .c-agree__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.1875rem 1.25rem;
    padding-right: 1.25rem;
    font-size: 0.875rem; }
    .c-agree__item .c-button {
      position: absolute;
      top: 50%;
      right: 1.25rem;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      padding: 0; }
  .c-agree--type1 {
    border: 0;
    background-color: #f9f9f9; }
  .c-agree--type2 .c-agree__inside {
    border-top: 0.0625rem solid #eaeaea;
    padding: 1.5rem 1.25rem;
    background-color: #f9f9f9; }
  .c-agree--type2 .c-chk-wrap {
    position: relative;
    padding-right: 1.5rem; }
    .c-agree--type2 .c-chk-wrap ~ .c-chk-wrap {
      margin-top: 0.5rem; }
    .c-agree--type2 .c-chk-wrap .c-button {
      position: absolute;
      top: 50%;
      right: 0;
      padding: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
  .c-agree--type3 {
    border: 0;
    border-radius: 0; }
    .c-agree--type3 .c-agree__item {
      padding: 0; }
      .c-agree--type3 .c-agree__item .c-label {
        font-size: 1rem; }
    .c-agree--type3 .c-agree__inside {
      margin-top: 1.5rem;
      padding-left: 2.25rem; }
      .c-agree--type3 .c-agree__inside .c-text-list__item {
        margin-top: 0.75rem;
        font-size: 0.875rem; }
        .c-agree--type3 .c-agree__inside .c-text-list__item .c-bullet {
          display: block;
          margin-top: 0.5rem; }
  .c-agree--type4 {
    border: 0; }
    .c-agree--type4 .c-agree__item {
      padding: 0; }
      .c-agree--type4 .c-agree__item ~ .c-agree__item {
        margin-top: 1rem; }
      .c-agree--type4 .c-agree__item .c-label {
        font-size: 1rem; }
      .c-agree--type4 .c-agree__item .c-button {
        right: 0; }

.c-form-field__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-field__title {
  margin: 2rem 0 0.75rem;
  display: inline-block;
  position: relative;
  font-weight: 700; }
  .c-form-field__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-field__title.flex-type .c-radio + .c-label,
    .c-form-field__title.flex-type .c-checkbox + .c-label {
      margin-right: 0; }
  .c-form-field__title .c-icon {
    margin-left: 0.375rem; }

.c-form-field__text {
  padding-left: 0.625rem;
  margin-top: 0.25rem;
  font-size: 0.75rem; }

.c-form-field__input, .c-form-field__select {
  position: relative;
  border-radius: 0.5rem;
  height: 4.5rem; }
  .c-form-field__input .c-input:focus,
  .c-form-field__input .c-select:focus, .c-form-field__select .c-input:focus,
  .c-form-field__select .c-select:focus {
    padding: 2.25rem 1rem 0.875rem;
    border-color: #1d1d1b;
    color: #1d1d1b; }
    .c-form-field__input .c-input:focus::-webkit-input-placeholder, .c-form-field__input .c-select:focus::-webkit-input-placeholder, .c-form-field__select .c-input:focus::-webkit-input-placeholder, .c-form-field__select .c-select:focus::-webkit-input-placeholder {
      color: #707070; }
    .c-form-field__input .c-input:focus::-moz-placeholder, .c-form-field__input .c-select:focus::-moz-placeholder, .c-form-field__select .c-input:focus::-moz-placeholder, .c-form-field__select .c-select:focus::-moz-placeholder {
      color: #707070; }
    .c-form-field__input .c-input:focus:-ms-input-placeholder, .c-form-field__input .c-select:focus:-ms-input-placeholder, .c-form-field__select .c-input:focus:-ms-input-placeholder, .c-form-field__select .c-select:focus:-ms-input-placeholder {
      color: #707070; }
    .c-form-field__input .c-input:focus::-ms-input-placeholder, .c-form-field__input .c-select:focus::-ms-input-placeholder, .c-form-field__select .c-input:focus::-ms-input-placeholder, .c-form-field__select .c-select:focus::-ms-input-placeholder {
      color: #707070; }
    .c-form-field__input .c-input:focus::placeholder,
    .c-form-field__input .c-select:focus::placeholder, .c-form-field__select .c-input:focus::placeholder,
    .c-form-field__select .c-select:focus::placeholder {
      color: #707070; }
    .c-form-field__input .c-input:focus + .c-form__label,
    .c-form-field__input .c-select:focus + .c-form__label, .c-form-field__select .c-input:focus + .c-form__label,
    .c-form-field__select .c-select:focus + .c-form__label {
      padding-top: 0.875rem;
      font-size: 0.75rem; }
    .c-form-field__input .c-input:focus ~ .c-button--underline,
    .c-form-field__input .c-select:focus ~ .c-button--underline, .c-form-field__select .c-input:focus ~ .c-button--underline,
    .c-form-field__select .c-select:focus ~ .c-button--underline {
      display: block; }
  .c-form-field__input .c-input:-moz-read-only, .c-form-field__select .c-input:-moz-read-only {
    color: #707070;
    padding: 2.25rem 1rem 0.875rem; }
  .c-form-field__input .c-input:read-only, .c-form-field__select .c-input:read-only {
    color: #707070;
    padding: 2.25rem 1rem 0.875rem; }
    .c-form-field__input .c-input:-moz-read-only + .c-form__label, .c-form-field__select .c-input:-moz-read-only + .c-form__label {
      color: #707070;
      padding-top: 0.875rem;
      font-size: 0.75rem; }
    .c-form-field__input .c-input:read-only + .c-form__label, .c-form-field__select .c-input:read-only + .c-form__label {
      color: #707070;
      padding-top: 0.875rem;
      font-size: 0.75rem; }
    .c-form-field__input .c-input:-moz-read-only ~ .c-button--underline, .c-form-field__select .c-input:-moz-read-only ~ .c-button--underline {
      display: block; }
    .c-form-field__input .c-input:read-only ~ .c-button--underline, .c-form-field__select .c-input:read-only ~ .c-button--underline {
      display: block; }
  .c-form-field__input .c-input:disabled,
  .c-form-field__input .c-select:disabled, .c-form-field__select .c-input:disabled,
  .c-form-field__select .c-select:disabled {
    padding: 2.25rem 1rem 0.875rem; }
    .c-form-field__input .c-input:disabled + .c-form__label,
    .c-form-field__input .c-select:disabled + .c-form__label, .c-form-field__select .c-input:disabled + .c-form__label,
    .c-form-field__select .c-select:disabled + .c-form__label {
      color: #707070;
      padding-top: 0.875rem;
      font-size: 0.75rem; }
    .c-form-field__input .c-input:disabled ~ .c-button--underline,
    .c-form-field__input .c-select:disabled ~ .c-button--underline, .c-form-field__select .c-input:disabled ~ .c-button--underline,
    .c-form-field__select .c-select:disabled ~ .c-button--underline {
      display: block; }
  .c-form-field__input.has-value .c-form__label, .c-form-field__select.has-value .c-form__label {
    padding-top: 0.875rem;
    font-size: 0.75rem; }
  .c-form-field__input.has-value .c-button--underline, .c-form-field__select.has-value .c-button--underline {
    display: block; }
  .c-form-field__input.has-value .c-input,
  .c-form-field__input.has-value .c-select, .c-form-field__select.has-value .c-input,
  .c-form-field__select.has-value .c-select {
    color: #1d1d1b;
    padding: 1.5625rem 1rem; }
  .c-form-field__input .c-button--underline, .c-form-field__select .c-button--underline {
    height: calc(100% - 2px);
    padding: 0 1rem;
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 1;
    background: transparent;
    color: #008080; }
    .c-form-field__input .c-button--underline::before, .c-form-field__select .c-button--underline::before {
      border-color: #008080;
      left: 1rem;
      right: 1rem;
      bottom: calc(50% - 10px); }
    .c-form-field__input .c-button--underline:disabled, .c-form-field__select .c-button--underline:disabled {
      background: #f5f5f5; }
      .c-form-field__input .c-button--underline:disabled:before, .c-form-field__select .c-button--underline:disabled:before {
        border-color: #ccc; }

.c-form-field__select .c-select {
  height: 100%;
  color: transparent; }

.c-form-field--datepicker .c-form__input .c-input {
  padding-right: 4rem; }

.c-form-field--datepicker .c-form__input .c-button {
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.c-form-field--datepicker .c-form__input .c-button--calendar {
    position: absolute;
    top: 50%;
    right: 1rem;
    z-index: 1;
    background-color: transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none; }

.c-input + label,
.c-checkbox + label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer; }

.c-form-wrap .c-bullet--fyr {
  margin-top: 1rem; }

.c-file {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0; }

.c-icon {
  display: inline-block;
  position: relative;
  vertical-align: middle; }
  [class*='c-icon--arrow'] {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_arrow_gray.svg) 50% 50% no-repeat; }
  .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/portal/common/ico_arrow_type2.svg) 50% 50% no-repeat; }
  .c-icon--arrow-mint {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_arrow_mint.svg) 50% 50% no-repeat; }
  .c-icon--arrow-bluegreen {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_arrow_bluegreen.svg) 50% 50% no-repeat; }
  .c-icon--arrow-blue {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_arrow_blue.svg) 50% 50% no-repeat; }
  .c-icon--arrow-gray-2 {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_arrow_gray2.svg) 50% 50% no-repeat; }
  .c-icon--arrow-gray-4 {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_arrow_gray4.svg) 50% 50% no-repeat; }
  .c-icon--arrow-white {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_arrow_white.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--arrow-link {
    width: 1rem;
    height: 1rem;
    background: url(../../images/portal/common/ico_arrow_link.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--arrow-right-bold {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_arrow_right_bold.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--arrow-bold {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_arrow_black_bold.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--arrow-round {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_arrow_round.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--arrow-round-gray {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_arrow_round_gray.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--anchor {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_anchor.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/portal/common/ico_anchor.svg) 50% 50% no-repeat; }
  .c-icon--anchor-white {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_anchor_white.svg) 50% 50% no-repeat; }
  .c-icon--anchor-black {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/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--anchor-orange {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_anchor_orange.svg) 50% 50% no-repeat; }
  [class*='c-icon--triangle'] {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_triangle.svg) 50% 50% no-repeat; }
  .c-icon--triangle-top {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .c-icon--triangle-top--red {
    background: url(../../images/portal/common/ico_triangle_up_red.svg) 50% 50% no-repeat; }
  .c-icon--triangle-left {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .c-icon--triangle-right {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .c-icon--triangle-bottom--blue {
    background: url(../../images/portal/common/ico_triangle_down_blue.svg) 50% 50% no-repeat; }
  .c-icon--triangle-start {
    background: url(../../images/portal/common/ico_triangle_start.svg) 50% 50% no-repeat; }
  .c-icon--triangle-end {
    background: url(../../images/portal/common/ico_triangle_start.svg) 50% 50% no-repeat;
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg); }

 [class*='c-icon--triangle_bluegreen'] {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/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--check--type2 {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_checkmark_checked.svg) 50% 50% no-repeat;
    background-size: cover;}
  .c-icon--bang--black {
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/portal/common/ico_bang_black.svg) 50% 50% no-repeat; }
  .c-icon--bang--gray2 {
    width: 0.875rem;
    height: 0.875rem;
    background: url(../../images/portal/common/ico_bang_gray_02.svg) 50% 50% no-repeat; }
  .c-icon--bang--red {
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/portal/common/ico_bang_red.svg) 50% 50% no-repeat; }
  .c-icon--download {
    width: 2.625rem;
    height: 2.625rem;
    background: url(../../images/portal/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--kakao {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/portal/common/ico_sns_kakao.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--facebook {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/portal/common/ico_sns_facebook.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--line {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/portal/common/ico_sns_line.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--naver {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/portal/common/ico_sns_naver.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--link {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/portal/common/ico_sns_link.svg) 50% 50% no-repeat; }
  .c-icon--search {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/portal/common/ico_search.svg) 50% 50% no-repeat; }
  .c-icon--search-gray {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_search_gray.svg) 50% 50% no-repeat; }
  .c-icon--search-red {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/portal/common/ico_search_red.svg) 50% 50% no-repeat; }
.c-icon--search-bluegreen {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/common/ico_search_bluegreen.svg) 50% 50% no-repeat; }
  .c-icon--phone {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_phone.svg) 50% 50% no-repeat; }
  .c-icon--ipin {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_ipin.svg) 50% 50% no-repeat; }
  .c-icon--card {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_card.svg) 50% 50% no-repeat; }
  .c-icon--phone-nfc {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_phone_nfc.svg) 50% 50% no-repeat; }
  .c-icon--phone-5gnfc {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_phone_5gnfc.svg) 50% 50% no-repeat; }
  .c-icon--type-adult {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_type_adult.svg) 50% 50% no-repeat; }
  .c-icon--type-kid {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_type_kid.svg) 50% 50% no-repeat; }
  .c-icon--type-foreigner {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_type_foreigner.svg) 50% 50% no-repeat; }
  .c-icon--mobile-bill {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_mobile_bill.svg) 50% 50% no-repeat; }
  .c-icon--email-bill {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_email_bill.svg) 50% 50% no-repeat; }
  .c-icon--post-bill {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_post_bill.svg) 50% 50% no-repeat; }
  .c-icon--calendar-black {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_calendar_black.svg) 50% 50% no-repeat; }
  .c-icon--clock {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_clock.svg) 50% 50% no-repeat; }
  .c-icon--complete {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/portal/common/ico_complete.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--lock {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/portal/common/ico_lock.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--lock-type2 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/public/icon/ico_lock_02.svg) 50% 50% no-repeat;
    vertical-align: sub; }
  .c-icon--lock-type3 {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_lock_03.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--notice {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/portal/common/ico_notice.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--notice2 {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/portal/common/ico_notice2.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--notice-sm {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_notice_sm.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--charge {
    width: 6rem;
    height: 6rem;
    background: url(../../images/portal/common/ico_charge.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--service {
    width: 6rem;
    height: 6rem;
    background: url(../../images/portal/common/ico_service.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--usim {
    width: 6rem;
    height: 6rem;
    background: url(../../images/portal/common/ico_usim.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--usage {
    width: 6rem;
    height: 6rem;
    background: url(../../images/portal/common/ico_usage.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--rearrangement {
    width: 6rem;
    height: 6rem;
    background: url(../../images/portal/common/ico_rearrangement.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--join-info {
    width: 6rem;
    height: 6rem;
    background: url(../../images/portal/common/ico_join_info.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--function-01 {
    width: 6rem;
    height: 6rem;
    background: url(../../images/portal/common/ico_function_01.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--function-02 {
    width: 6rem;
    height: 6rem;
    background: url(../../images/portal/common/ico_function_02.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--function-03 {
    width: 6rem;
    height: 6rem;
    background: url(../../images/portal/common/ico_function_03.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--function-04 {
    width: 6rem;
    height: 6rem;
    background: url(../../images/portal/common/ico_function_04.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--function-05 {
    width: 6rem;
    height: 6rem;
    background: url(../../images/portal/common/ico_function_05.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--function-06 {
    width: 6rem;
    height: 6rem;
    background: url(../../images/portal/common/ico_function_06.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--prevent-service-01 {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_prevent_service_01.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--prevent-service-02 {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_prevent_service_02.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--extra-service {
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/img_extra_service.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--ars-phone {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/portal/common/ico_ars_phone.svg) 50% 50% no-repeat; }
  .c-icon--ars-tel {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/portal/common/ico_ars_tel.svg) 50% 50% no-repeat; }
  .c-icon--recharge {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/portal/common/ico_recharge.svg) 50% 50% no-repeat; }
  .c-icon--balance {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/portal/common/ico_balance.svg) 50% 50% no-repeat; }
  .c-icon--ars {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/portal/common/ico_ars.svg) 50% 50% no-repeat; }
  .c-icon--combination {
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/ico_combination.svg) 50% 50% no-repeat; }
  .c-icon--together {
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/ico_together.svg) 50% 50% no-repeat; }
  .c-icon--sharing {
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/ico_sharing.svg) 50% 50% no-repeat; }
  .c-icon--customer-name {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_customer_name.svg) 50% 50% no-repeat; }
  .c-icon--model-name {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_model_name.svg) 50% 50% no-repeat; }
  .c-icon--opening-date {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_opening_date.svg) 50% 50% no-repeat; }
  .c-icon--share {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_share.svg) 50% 50% no-repeat; }
  .c-icon--close {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_navi_close.svg) 50% 50% no-repeat; }
  .c-icon--close2 {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_navi_close.svg) 50% 50% no-repeat; }
  .c-icon--close-ty2 {
    width: 2.375rem;
    height: 2.375rem;
    background: url(../../images/portal/common/ico_close_ty2.svg) 50% 50% no-repeat; }
  .c-icon--close-black {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_close_black.svg) 50% 50% no-repeat; }
  .c-icon--close-red {
    width: 2.375rem;
    height: 2.375rem;
    background: url(../../images/portal/common/ico_close_red.svg) 50% 50% no-repeat; }
  .c-icon--close-white {
    width: 1rem;
    height: 1rem;
    background: url(../../images/portal/common/ico_close_white.svg) 50% 50% no-repeat; }
  .c-icon--tooltip {
    width: 1rem;
    height: 1rem;
    background: url(../../images/portal/common/ico_tooltip.svg) 50% 50% no-repeat;
    margin-left: 0.25rem; }
  .c-icon--tooltip-type2 {
    width: 1rem;
    height: 1rem;
    background: url(../../images/portal/common/ico_tooltip_type2.png) 50% 50% no-repeat; }
  .c-icon--nodata {
    width: 6.25rem;
    height: 6.25rem;
    background: url(../../images/portal/common/ico_nodata.png) 50% 50% no-repeat;
    background-size: 100% 100%; }
  .c-icon--nodata-coupon {
    width: 6.25rem;
    height: 6.25rem;
    background: url(../../images/portal/common/ico_nodata_coupon.png) 50% 50% no-repeat;
    background-size: 100% 100%; }
  .c-icon--gs25 {
    width: 3.25rem;
    height: 1.625rem;
    background: url(../../images/portal/common/ico_gs25.svg) 50% 50% no-repeat; }
  .c-icon--storyway {
    width: 7.375rem;
    height: 1.625rem;
    background: url(../../images/portal/common/ico_storyway.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--emart {
    width: 5rem;
    height: 1.625rem;
    background: url(../../images/portal/common/ico_emart.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--sevenelleven {
    width: 7.6875rem;
    height: 1.625rem;
    background: url(../../images/portal/common/ico_seven_elleven.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--cu {
    width: 2.625rem;
    height: 1.625rem;
    background: url(../../images/portal/common/ico_cu.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--ministop {
    width: 2.3125rem;
    height: 1.625rem;
    background: url(../../images/portal/common/ico_ministop.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--cspace {
    width: 6rem;
    height: 1.625rem;
    background: url(../../images/portal/common/ico_cspace.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--map {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_map.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--more {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/portal/common/ico_more.svg) 50% 50% no-repeat; }
  .c-icon--plus {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_plus.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--plus-bluegreen {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/common/ico_plus_bluegreen.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--num0 {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_num_0.svg) 50% 50% no-repeat; }
  .c-icon--num1 {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_num_1.svg) 50% 50% no-repeat; }
  .c-icon--num2 {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_num_2.svg) 50% 50% no-repeat; }
  .c-icon--num3 {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_num_3.svg) 50% 50% no-repeat; }
  .c-icon--data {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_data.svg) 50% 50% no-repeat; }
  .c-icon--data-type2 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_data_type2.png) 50% 50% no-repeat; }
  .c-icon--data-type3 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_data_type3.svg) 50% 50% no-repeat; }
  .c-icon--data-type4 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/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/portal/common/ico_payment_data_gray.svg) 50% 50% no-repeat; }
  .c-icon--call {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_call.svg) 50% 50% no-repeat; }
  .c-icon--call-type2 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_call_type2.png) 50% 50% no-repeat; }
  .c-icon--call-type3 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_call_type3.svg) 50% 50% no-repeat; }
  .c-icon--call-white {
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/portal/common/ico_call_white.svg) 50% 50% no-repeat; }
  .c-icon--call-gray {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_call_gray.svg) 50% 50% no-repeat; }
  .c-icon--call-gray-type2 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_payment_call_gray.svg) 50% 50% no-repeat; }
  .c-icon--msg {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_msg.svg) 50% 50% no-repeat; }
  .c-icon--msg-type2 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_msg_type2.png) 50% 50% no-repeat; }
  .c-icon--msg-type3 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_msg_type3.svg) 50% 50% no-repeat; }
  .c-icon--msg-type4 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_payment_sms_gray.svg) 50% 50% no-repeat; }
  .c-icon--rate-coupon {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_rate_coupon.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--combine {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_combine.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--rate-comparison {
    width: 3rem;
    height: 2.375rem;
    background: url(../../images/portal/common/ico_rate_comparison.png) 50% 50% no-repeat;
    background-size: cover; }

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

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

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

  .c-icon--gift {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_gift.svg) 50% 50% no-repeat; }
  .c-icon--gift-type2 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_payment_use_gray.svg) 50% 50% no-repeat; }
  .c-icon--present {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/portal/common/ico_present.svg) 50% 50% no-repeat; }
  .c-icon--photo {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_photo.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--card-no {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/portal/common/ico_card_no.svg) 50% 50% no-repeat; }
  .c-icon--card-kb {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/portal/common/ico_card_kb.svg) 50% 50% no-repeat; }
  .c-icon--card-hyundai {
    width: 3.5rem;
    height: 3.5rem;
    background: url(../../images/portal/common/ico_card_hyundai.svg) 50% 50% no-repeat; }
  .c-icon--controller {
    width: 2.25rem;
    height: 2.25rem;
    background: url(../../images/portal/common/ico_controller.svg) 50% 50% no-repeat; }
  .c-icon--trash {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_trash.svg) 50% 50% no-repeat; }
  .c-icon--scan {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_scan.svg) 50% 50% no-repeat; }
  .c-icon--comparison {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_comparison.svg) 50% 50% no-repeat; }
  .c-icon--question {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/icon_question.png) 50% 50% no-repeat;
    background-size: cover;}
  .c-icon--sort {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_sort.svg) 50% 50% no-repeat; }
  .c-icon--delivery {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_delivery.svg) 50% 50% no-repeat; }
  .c-icon--delivery-active {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_delivery_active.svg) 50% 50% no-repeat; }
  .c-icon--del-round {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_del_round.svg) 50% 50% no-repeat; }
  .c-icon--inbox {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_box_check_checked.svg) 50% 50% no-repeat; }
  .c-icon--find-market {
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/ico_find_market.svg) 50% 50% no-repeat; }
  .c-icon--usim-buy {
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/ico_usim_buy.svg) 50% 50% no-repeat; }
  .c-icon--phone-usim {
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/ico_phone_usim.svg) 50% 50% no-repeat; }
  .c-icon--benefit-wifi {
    width: 4.5rem;
    height: 7.3125rem;
    background: url(../../images/portal/common/ico_benefit_wifi.svg) 50% 50% no-repeat; }
  .c-icon--benefit-secure {
    width: 4.5rem;
    height: 7.3125rem;
    background: url(../../images/portal/common/ico_benefit_secure.svg) 50% 50% no-repeat; }
  .c-icon--benefit-card {
    width: 4.5rem;
    height: 7.3125rem;
    background: url(../../images/portal/common/ico_benefit_card.svg) 50% 50% no-repeat; }
  .c-icon--label-new {
    width: 2rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_label_new.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--label-popular {
    width: 2.5rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_label_popular.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--store {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_store.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--label-tip {
    width: 2.3125rem;
    height: 1.3125rem;
    background: url(../../images/portal/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/portal/common/ico_compare_phone.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--compare-payment {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_compare_payment.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--reset {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_reset.svg) 50% 50% no-repeat; }
  .c-icon--delete {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_delete_3.svg) 50% 50% no-repeat; }
  .c-icon--delete-ty2 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_delete_4.svg) 50% 50% no-repeat; }
  .c-icon--android {
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/ico_android.svg) 50% 50% no-repeat; }
  .c-icon--apple {
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/ico_apple.svg) 50% 50% no-repeat; }
  .c-icon--feature {
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/ico_feature.svg) 50% 50% no-repeat; }
  .c-icon--genie {
    width: 3.25rem;
    height: 3.25rem;
    background: url(../../images/portal/common/ico_genie.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--npay {
    width: 3.25rem;
    height: 3.25rem;
    background: url(../../images/portal/common/ico_npay.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--giftshow {
    width: 3.25rem;
    height: 3.25rem;
    background: url(../../images/portal/common/ico_giftshow.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--card-guide--type1 {
    display: inline-block;
    width: 5.5rem;
    height: 5.5rem;
    background: url(../../images/portal/content/ico_card_guide1.png) 50% 50% no-repeat; }
  .c-icon--card-guide--type2 {
    display: inline-block;
    width: 5.5rem;
    height: 5.5rem;
    background: url(../../images/portal/content/ico_card_guide2.png) 50% 50% no-repeat; }
  .c-icon--card-guide--type3 {
    display: inline-block;
    width: 5.5rem;
    height: 5.5rem;
    background: url(../../images/portal/content/ico_card_guide3.png) 50% 50% no-repeat; }
  .c-icon--message {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_message_brown.svg) 50% 50% no-repeat; }
  .c-icon--message--white {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_message_white.svg) 50% 50% no-repeat; }
  .c-icon--service-call {
    width: 3.25rem;
    height: 3.25rem;
    background: url(../../images/portal/common/ico_call_border.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--service-data {
    width: 3.25rem;
    height: 3.25rem;
    background: url(../../images/portal/common/ico_data_border.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--service-music {
    width: 3.25rem;
    height: 3.25rem;
    background: url(../../images/portal/common/ico_music_border.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--service-loming {
    width: 3.25rem;
    height: 3.25rem;
    background: url(../../images/portal/common/ico_loming_border.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--service-safety {
    width: 3.25rem;
    height: 3.25rem;
    background: url(../../images/portal/common/ico_safety_border.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--service-life {
    width: 3.25rem;
    height: 3.25rem;
    background: url(../../images/portal/common/ico_life_border.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--service-etc {
    width: 3.25rem;
    height: 3.25rem;
    background: url(../../images/portal/common/ico_etc_border.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--product-call {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_call.png) 50% 50% no-repeat; }
  .c-icon--product-data {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_data.png) 50% 50% no-repeat; }
  .c-icon--product-wifi {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_wifi.png) 50% 50% no-repeat; }
  .c-icon--product-message {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_message.png) 50% 50% no-repeat; }
  .c-icon--product-gift {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_gift.png) 50% 50% no-repeat; }
  .c-icon--print {
    width: 1.25rem;
    height: 1.3125rem;
    background: url(../../images/portal/common/ico_print.svg) 50% 50% no-repeat; }
  .c-icon--excel {
    width: 1.125rem;
    height: 1.375rem;
    background: url(../../images/portal/common/ico_excel.svg) 50% 50% no-repeat; }
  .c-icon--account {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_account.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--credit-card {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_credit_card.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--transfer {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_transfer.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--giro {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_giro.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--payco {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_payco.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--kakaopay {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_kakaopay.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--naverpay {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_naverpay.png) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--point {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_point.png) 50% 50% no-repeat; }
  .c-icon--my-point {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_my_point.svg) 50% 50% no-repeat; }
  .c-icon--my-coupon {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_my_coupon.svg) 50% 50% no-repeat; }
  .c-icon--send {
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/ico_send.svg) 50% 50% no-repeat; }
  .c-icon--phone-24 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_phone_24.svg) 50% 50% no-repeat; }
  .c-icon--payment-24 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_payment_24.svg) 50% 50% no-repeat; }
  .c-icon--naver-blog {
    width: 5.5rem;
    height: 1.0625rem;
    background: url(../../images/portal/common/ico_naver_blog.png) center no-repeat; }
  .c-icon--facebook-type2 {
    width: 5.3125rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_facebook_type2.png) center no-repeat; }
 .c-icon--facebook-type3 {
    width: 5.3125rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_facebook_type3.png) center no-repeat; }
  .c-icon--insta {
    width: 5.1875rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_insta.png) center no-repeat; }
  .c-icon--youtube {
    width: 4.5rem;
    height: 1.125rem;
    background: url(../../images/portal/common/ico_youtube.png) center no-repeat; }
  .c-icon--payment-data {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_payment_data.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--payment-lte {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_payment_lte.svg) 50% 50% no-repeat; }
  .c-icon--payment-3g {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_payment_3g.svg) 50% 50% no-repeat; }
  .c-icon--payment-5g {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_payment_5g.svg) 50% 50% no-repeat; }
  .c-icon--payment-call {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_payment_call.svg) 50% 50% no-repeat; }
  .c-icon--payment-sms {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_payment_sms.svg) 50% 50% no-repeat; }
  .c-icon--payment-wifi {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_payment_wifi.svg) 50% 50% no-repeat; }
  .c-icon--payment-wifi-gray {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_payment_wifi_gray.svg) 50% 50% no-repeat; }
  .c-icon--payment-use {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_payment_use.svg) 50% 50% no-repeat; }
  .c-icon--market {
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/ico_market.svg) 50% 50% no-repeat; }
  .c-icon--corp-counsel {
    width: 3.25rem;
    height: 3.25rem;
    background: url(../../images/portal/common/ico_corp_counsel.svg) 50% 50% no-repeat; }
  .c-icon--end-notice {
    width: 3.25rem;
    height: 3.25rem;
    background: url(../../images/portal/common/ico_end_notice.svg) 50% 50% no-repeat; }
  .c-icon--alliance {
    width: 3.25rem;
    height: 3.25rem;
    background: url(../../images/portal/common/ico_alliance.svg) 50% 50% no-repeat; }
  .c-icon--sale {
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/ico_sale.svg) 50% 50% no-repeat; }
  .c-icon--new-phone {
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/ico_new_phone.svg) 50% 50% no-repeat; }
  .c-icon--trophy {
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/ico_trophy.svg) 50% 50% no-repeat; }
  .c-icon--refresh {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/portal/common/ico_refresh.svg) 50% 50% no-repeat; }
  .c-icon--refresh-type2 {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_refresh_type2.svg) 50% 50% no-repeat; }
  .c-icon--refresh-type3 {
    width: 0.875rem;
    height: 0.875rem;
    background: url(../../images/portal/common/ico_refresh_type3.svg) 50% 50% no-repeat; }
  .c-icon--delivery-type1 {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_delivery_01.png) 50% 50% no-repeat; }
  .c-icon--delivery-type2 {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_delivery_02.png) 50% 50% no-repeat; }
  .c-icon--delivery-type3 {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_delivery_03.png) 50% 50% no-repeat; }
  .c-icon--delivery-type4 {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_delivery_04.png) 50% 50% no-repeat; }
  .c-icon--delivery-type5 {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_delivery_05.png) 50% 50% no-repeat; }
  .c-icon--delivery-type6 {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_delivery_06.png) 50% 50% no-repeat; }
  .c-icon--google-play {
    width: 1rem;
    height: 1rem;
    background: url(../../images/portal/common/ico_google_play.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--apple-white {
    width: 1rem;
    height: 1rem;
    background: url(../../images/portal/common/ico_apple_white.svg) 50% 50% no-repeat;
    background-size: cover; }
  .c-icon--equal {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_equal.svg) 50% 50% no-repeat;
    background-size: center; }
  .c-icon--card-balloon {
    width: 1.9375rem;
    height: 1.1875rem;
    background: url(../../images/portal/common/ico_card_balloon.png) 50% 50% no-repeat; }
  .c-icon--card-new {
    width: 2.25rem;
    height: 1.1875rem;
    background: url(../../images/portal/common/ico_card_new.png) 50% 50% no-repeat; }
  .c-icon--plus-black {
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_plus_black.svg) 50% 50% no-repeat; }
  .c-icon--play {
    width: 1.875rem;
    height: 1.875rem;
    background: url(../../images/portal/common/ico_play.svg) 50% 50% no-repeat; }
  .c-icon--play-type2 {
    width: 1rem;
    height: 1rem;
    background: url(../../images/portal/common/ico_play_02.png) 50% 50% no-repeat; }
  .c-icon--play-type3 {
    width: 1rem;
    height: 1rem;
    background: url(../../images/portal/common/ico_play_03.png) 50% 50% no-repeat; }
  .c-icon--stop {
    width: 1.875rem;
    height: 1.875rem;
    background: url(../../images/portal/common/ico_stop.svg) 50% 50% no-repeat; }
  .c-icon--prev {
    width: 2.375rem;
    height: 2.375rem;
    background: url(../../images/portal/common/ico_arrow_left.svg) 50% 50% no-repeat; }
    .c-icon--prev:hover {
      background-image: url(../../images/portal/common/ico_arrow_left_hover.svg); }
  .c-icon--next {
    width: 2.375rem;
    height: 2.375rem;
    background: url(../../images/portal/common/ico_arrow_left.svg) 50% 50% no-repeat;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
    .c-icon--next:hover {
      background-image: url(../../images/portal/common/ico_arrow_left_hover.svg); }

.c-icon--cs-bill {
  width: 3.25rem;
  height: 2.875rem;
  background: url(../../images/portal/cs/icon_cs_bill.png) 50% 50% no-repeat; }

.c-icon--cs-chgpay {
 width: 3.25rem;
 height: 2.875rem;
 background: url(../../images/portal/cs/icon_cs_chgpay.png) 50% 50% no-repeat; }

.c-icon--cs-chgrate {
width: 3.25rem;
height: 2.875rem;
background: url(../../images/portal/cs/icon_cs_chgrate.png) 50% 50% no-repeat; }

.c-icon--cs-extraservice {
width: 3.25rem;
height: 2.875rem;
background: url(../../images/portal/cs/icon_cs_extraservice.png) 50% 50% no-repeat; }

.c-icon--cs-immpay {
width: 3.25rem;
height: 2.875rem;
background: url(../../images/portal/cs/icon_cs_immediatelypay.png) 50% 50% no-repeat; }

.c-icon--cs-joininfo {
width: 3.25rem;
height: 2.875rem;
background: url(../../images/portal/cs/icon_cs_joininfo.png) 50% 50% no-repeat; }

.c-icon--cs-lost {
width: 3.25rem;
height: 2.875rem;
background: url(../../images/portal/cs/icon_cs_lost.png) 50% 50% no-repeat; }

.c-icon--cs-pause {
width: 3.25rem;
height: 2.875rem;
background: url(../../images/portal/cs/icon_cs_pause.png) 50% 50% no-repeat; }

.c-icon--my_phone {
width: 1.5rem;
height: 2.5rem;
background: url(../../images/portal/common/ico_my_phone_info.svg) 50% 50% no-repeat; }

.c-icon--my-lte {
    width: 4rem;
    height: 4rem;
    background: url(../../images/portal/common/ico_my_lte.svg) 50% 50% no-repeat;
    background-size: cover; }

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

.c-icon--my-call {
  width: 4rem;
  height: 4rem;
  background: url(../../images/portal/common/ico_payment_call.svg) 50% 50% no-repeat;
  background-size: cover; }
.c-icon--my-sms {
  width: 4rem;
  height: 4rem;
  background: url(../../images/portal/common/ico_payment_sms.svg) 50% 50% no-repeat;
  background-size: cover; }
.c-icon--watch{
  width: 1.125rem;
  height: 1.375rem;
  background: url(../../images/public/icon/ico_watch.svg) 50% 50% no-repeat;
  background-size: cover; }

.c-icon--ktmm {
  width: 2rem;
  height: 2rem;
  background: url(../../images/portal/usim/ico_ktmm.svg) 50% 50% no-repeat; }
.c-icon--ktmm--bluegreen {
  width: 2rem;
  height: 2rem;
  background: url(../../images/portal/usim/ico_ktmm_bluegreen.svg) 50% 50% no-repeat; }
.c-icon--mart {
  width: 2rem;
  height: 2rem;
  background: url(../../images/portal/usim/ico_mart.svg) 50% 50% no-repeat; }
.c-icon--mart--bluegreen {
  width: 2rem;
  height: 2rem;
  background: url(../../images/portal/usim/ico_mart_bluegreen.svg) 50% 50% no-repeat; }
.c-icon--openmarket {
  width: 2rem;
  height: 2rem;
  background: url(../../images/portal/usim/ico_openmarket.svg) 50% 50% no-repeat; }
.c-icon--openmarket--bluegreen {
  width: 2rem;
  height: 2rem;
  background: url(../../images/portal/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; }
.c-icon--star-type2 {
  width: 0.9375rem;
  height: 0.875rem;
  background: url(../../images/portal/common/ico_star_type2.svg) 50% 50% no-repeat; }
.c-icon--click {
  width: 3.25rem;
  height: 3.25rem;
  background: url(../../images/portal/common/ico_click.png) 50% 50% no-repeat; }
.c-icon--url {
  width: 3.25rem;
  height: 3.25rem;
  background: url(../../images/portal/common/ico_url.png) 50% 50% no-repeat; }
.c-icon--ars-type2 {
  width: 3.25rem;
  height: 3.25rem;
  background: url(../../images/portal/common/ico_ars_02.png) 50% 50% no-repeat; }
.c-icon--complete-type2 {
  width: 3.25rem;
  height: 3.25rem;
  background: url(../../images/portal/common/ico_complete_02.png) 50% 50% no-repeat; }

.c-icon--freq-event {
  width: 2rem;
  height: 2.625rem;
  background: url(../../images/portal/common/ico_freq_event.svg) 50% 50% no-repeat; }

.c-icon--freq-marketing {
  width: 2.9375rem;
  height: 2.0625rem;
  background: url(../../images/portal/common/ico_freq_marketing.svg) 50% 50% no-repeat; }

.c-icon--freq-men {
  width: 1.875rem;
  height: 2.875rem;
  background: url(../../images/portal/common/ico_freq_men.svg) 50% 50% no-repeat; }

.c-icon--freq-rate {
  width: 2.75rem;
  height: 2.5rem;
  background: url(../../images/portal/common/ico_freq_rate.svg) 50% 50% no-repeat; }

.c-icon--freq-triple {
  width: 4.0625rem;
  height: 1.5rem;
  background: url(../../images/portal/common/ico_freq_triple.svg) 50% 50% no-repeat; }

.c-icon--freq-usim {
  width: 2.0625rem;
  height: 2.9375rem;
  background: url(../../images/portal/common/ico_freq_usim.svg) 50% 50% no-repeat; }

.c-icon--freq-women {
  width: 1.875rem;
  height: 2.9375rem;
  background: url(../../images/portal/common/ico_freq_women.svg) 50% 50% no-repeat; }

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

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

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

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

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

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

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

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

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

.c-icon--home {
  width: 2.875rem;
  height: 2.3125rem;
  background: url(../../images/portal/common/ico_home.svg) 50% 50% no-repeat;
  background-size: cover; }

.c-icon--man {
  width: 2.3125rem;
  height: 3.125rem;
  background: url(../../images/portal/common/ico_man.svg) 50% 50% no-repeat;
  background-size: cover; }

  .c-icon--family {
  width: 4.75rem;
  height: 4.4375rem;
  background: url(../../images/portal/common/ico_family.svg) 50% 50% no-repeat;
  background-size: cover; }





.c-checkbox--button--type1:checked + .c-label .c-icon--phone,
.c-radio--button--type1:checked + .c-label .c-icon--phone,
.c-checkbox--button--type2:checked + .c-label .c-icon--phone,
.c-radio--button--type2:checked + .c-label .c-icon--phone,
.c-button.is-active .c-icon--phone {
  background: url(../../images/portal/common/ico_phone_active.svg) 50% 0% no-repeat;
  background-size: cover; }

.c-checkbox--button--type1:checked + .c-label .c-icon--card,
.c-radio--button--type1:checked + .c-label .c-icon--card,
.c-checkbox--button--type2:checked + .c-label .c-icon--card,
.c-radio--button--type2:checked + .c-label .c-icon--card,
.c-button.is-active .c-icon--card {
  background: url(../../images/portal/common/ico_card_active.svg) 50% 0% no-repeat;
  background-size: cover; }

.c-checkbox--button--type1:checked + .c-label .c-icon--ipin,
.c-radio--button--type1:checked + .c-label .c-icon--ipin,
.c-checkbox--button--type2:checked + .c-label .c-icon--ipin,
.c-radio--button--type2:checked + .c-label .c-icon--ipin,
.c-button.is-active .c-icon--ipin {
  background: url(../../images/portal/common/ico_ipin_active.svg) 50% 0% no-repeat;
  background-size: cover; }

.c-checkbox--button--type1:checked + .c-label .c-icon--phone-nfc,
.c-radio--button--type1:checked + .c-label .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,
.c-button.is-active .c-icon--phone-nfc {
  background: url(../../images/portal/common/ico_phone_nfc_active.svg) 50% 0% no-repeat;
  background-size: cover; }

.c-checkbox--button--type1:checked + .c-label .c-icon--phone-5gnfc,
.c-radio--button--type1:checked + .c-label .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,
.c-button.is-active .c-icon--phone-5gnfc {
  background: url(../../images/portal/common/ico_phone_5gnfc_active.svg) 50% 0% no-repeat;
  background-size: cover; }

.c-checkbox--button--type1:checked + .c-label .c-icon--type-adult,
.c-radio--button--type1:checked + .c-label .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,
.c-button.is-active .c-icon--type-adult {
  width: 2rem;
  height: 2rem;
  background: url(../../images/portal/common/ico_type_adult_active.svg) 50% 50% no-repeat; }

.c-checkbox--button--type1:checked + .c-label .c-icon--type-kid,
.c-radio--button--type1:checked + .c-label .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,
.c-button.is-active .c-icon--type-kid {
  width: 2rem;
  height: 2rem;
  background: url(../../images/portal/common/ico_type_kid_active.svg) 50% 50% no-repeat; }

.c-checkbox--button--type1:checked + .c-label .c-icon--type-foreigner,
.c-radio--button--type1:checked + .c-label .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,
.c-button.is-active .c-icon--type-foreigner {
  width: 2rem;
  height: 2rem;
  background: url(../../images/portal/common/ico_type_foreigner_active.svg) 50% 50% no-repeat; }

.c-checkbox--button--type1:checked + .c-label .c-icon--mobile-bill,
.c-radio--button--type1:checked + .c-label .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,
.c-button.is-active .c-icon--mobile-bill {
  width: 2rem;
  height: 2rem;
  background: url(../../images/portal/common/ico_mobile_bill_active.svg) 50% 50% no-repeat; }

.c-checkbox--button--type1:checked + .c-label .c-icon--email-bill,
.c-radio--button--type1:checked + .c-label .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,
.c-button.is-active .c-icon--email-bill {
  width: 2rem;
  height: 2rem;
  background: url(../../images/portal/common/ico_email_bill_active.svg) 50% 50% no-repeat; }

.c-checkbox--button--type1:checked + .c-label .c-icon--post-bill,
.c-radio--button--type1:checked + .c-label .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,
.c-button.is-active .c-icon--post-bill {
  width: 2rem;
  height: 2rem;
  background: url(../../images/portal/common/ico_post_bill_active.svg) 50% 50% no-repeat; }

.c-checkbox--button--type1:checked + .c-label .c-icon--account,
.c-radio--button--type1:checked + .c-label .c-icon--account,
.c-checkbox--button--type2:checked + .c-label .c-icon--account,
.c-radio--button--type2:checked + .c-label .c-icon--account,
.c-button.is-active .c-icon--account {
  width: 2rem;
  height: 2rem;
  background: url(../../images/portal/common/ico_account_active.svg) 50% 50% no-repeat;
  background-size: cover; }

.c-checkbox--button--type1:checked + .c-label .c-icon--credit-card,
.c-radio--button--type1:checked + .c-label .c-icon--credit-card,
.c-checkbox--button--type2:checked + .c-label .c-icon--credit-card,
.c-radio--button--type2:checked + .c-label .c-icon--credit-card,
.c-button.is-active .c-icon--credit-card {
  width: 2rem;
  height: 2rem;
  background: url(../../images/portal/common/ico_credit_card_active.svg) 50% 50% no-repeat;
  background-size: cover; }

.c-radio--button--type2:checked + .c-label .c-icon--transfer {
  width: 2rem;
  height: 2rem;
  background: url(../../images/portal/common/ico_transfer_active.svg) 50% 50% no-repeat;
  background-size: cover; }

.c-checkbox--button--type1:checked + .c-label .c-icon--giro,
.c-radio--button--type1:checked + .c-label .c-icon--giro,
.c-checkbox--button--type2:checked + .c-label .c-icon--giro,
.c-radio--button--type2:checked + .c-label .c-icon--giro,
.c-button.is-active .c-icon--giro {
  width: 2rem;
  height: 2rem;
  background: url(../../images/portal/common/ico_giro_active.svg) 50% 50% no-repeat;
  background-size: cover; }

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

.c-button:disabled .c-icon--triangle-left,
.c-button.is-disabled .c-icon--triangle-left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

/* list */
.c-list__head {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.5rem 1.25rem;
  font-size: 1.0625rem;
  border-top: 0.0625rem solid #1d1d1b; }
  .c-list__head b {
    font-weight: 500; }
  .c-list__head .c-list__title {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    .c-list__head .c-list__title .c-list__sub {
      position: relative;
      display: inline-block;
      font-size: inherit;
      padding-left: 1.0625rem; }
      .c-list__head .c-list__title .c-list__sub::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0.5rem;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 0.0625rem;
        height: 0.875rem;
        background: #cccccc; }
  .c-list__head .c-list__sub {
    font-size: 0.875rem;
    color: #707070; }
  .c-list__head.c-list__anchor {
    position: relative; }
    .c-list__head.c-list__anchor::before {
      content: '';
      position: absolute;
      top: 50%;
      right: 1.75rem;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 1.25rem;
      height: 1.25rem;
      background: url(../../images/portal/common/ico_arrow_gray.svg) 50% 50% no-repeat; }

.c-list__body {
  padding: 0 1.25rem; }

.c-list__bottom {
  border-top: 0.0625rem solid #eaeaea;
  padding: 1rem 1.25rem 1.5rem; }

.c-list--type1 {
  border-top: 0.0625rem solid #cccccc; }
  .c-list--type1 .c-list__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 0.0625rem solid #eaeaea;
    padding: 1.5rem 1.25rem; }
    .c-list--type1 .c-list__item > .c-list__anchor:not(.c-list__inner):only-child {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: calc(100% + 3rem);
      margin: -1.5rem -1.25rem;
      padding: 1.5rem 1.25rem; }
  .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: 1.25rem;
    top: 50%;
    width: 5.625rem;
    height: 5.625rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border-radius: 2rem;
    overflow: hidden; }
  .c-list--type1 .c-list__anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    font-size: 0.875rem;
    color: #707070; }
    .c-list--type1 .c-list__anchor .c-icon {
      min-width: 1.25rem;
      margin-left: 0.5rem; }
  .c-list--type1 .c-list__title {
    display: block;
    color: #1d1d1b;
    font-size: 1.0625rem;
    font-weight: 500; }
    .c-list--type1 .c-list__title .u-co-red {
      margin-right: 0.25rem; }
  .c-list--type1 .c-list__row {
    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;
    right: 1.25rem;
    top: 50%;
    width: auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .c-list--type1 .c-list__row .c-icon--arrow-right {
      margin: 0 0.125rem;
      opacity: 0.2; }
  .c-list--type1 .c-list__num {
    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;
    padding: 0.3125rem 0.5rem;
    width: 2.25rem;
    height: 1.875rem;
    border: 0.0625rem solid #1d1d1b;
    border-radius: 0.9375rem;
    font-size: 0.875rem;
    font-weight: 700; }
  .c-list--type1 .c-list__inner {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .c-list--type1 .c-list__inner.c-list__anchor {
      display: block;
      margin: -1.5rem -1.25rem;
      padding: 1.5rem 1.25rem; }
  .c-list--type1 .c-list__text {
    margin-top: 0.5rem;
    display: block;
    font-size: 0.9375rem;
    color: #333; }
  .c-list--type1 .c-list__sub {
    margin-top: 0.5rem;
    display: block;
    font-size: 0.875rem;
    color: #707070; }
  .c-list--type1 .c-list__point {
    text-align: center; }
    .c-list--type1 .c-list__point .c-list__text {
      margin-top: 0.375rem;
      font-size: 1.375rem;
      font-weight: 700; }
  .c-list--type1 .c-list__item--icon {
    min-height: 8.6875rem;
    padding: 2.8125rem 1.25rem;
    padding-left: 8.125rem; }
    .c-list--type1 .c-list__item--icon::before {
      content: '';
      display: block;
      clear: both;
      position: absolute;
      width: 8.125rem;
      bottom: -1px;
      left: 0;
      border-bottom: 0.0625rem solid #fff; }
    .c-list--type1 .c-list__item--icon .c-list__anchor {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%; }
      .c-list--type1 .c-list__item--icon .c-list__anchor:last-child {
        margin-left: 1.625rem; }

.c-list--inp-number .c-list__item {
  position: relative;
  padding: 1.5rem 8.125rem;
  background: #f5f5f5;
  border-radius: 0.5rem; }
  .c-list--inp-number .c-list__item ~ .c-list__item {
    margin-top: 0.75rem; }
  .c-list--inp-number .c-list__item .c-input {
    min-height: 2.125rem;
    padding: 0.3125rem 0.625rem;
    border-radius: 0.25rem;
    text-align: center; }
  .c-list--inp-number .c-list__item .c-button {
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

.c-tabs__panel .c-list--type1 {
  border-top: 0; }

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

.c-page--title {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.5rem; }

.c-heading {
  font-weight: 500; }
  .c-heading--fs24 {
    font-size: 1.5rem; }
  .c-heading--fs22 {
    font-size: 1.375rem; }
  .c-heading--fs20 {
    font-size: 1.25rem; }
  .c-heading--fs15 {
    font-size: 0.9375rem; }
  .c-heading--fs16 {
    font-size: 1rem; }
  .c-heading--fs17 {
    font-size: 1.0625rem; }
  .c-heading--fs18 {
    font-size: 1.125rem; }
  .c-heading--regular {
    font-weight: 400; }
  .c-heading--medium {
    font-weight: 500; }
  .c-heading--bold {
    font-weight: 700; }

.c-text {
  line-height: 1.4; }
  .c-text--fs11 {
    font-size: 0.6875rem; }
  .c-text--fs12 {
    font-size: 0.75rem; }
  .c-text--fs13 {
    font-size: 0.8125rem; }
  .c-text--fs14 {
    font-size: 0.875rem; }
  .c-text--fs15 {
    font-size: 0.9375rem; }
  .c-text--fs16 {
    font-size: 1rem; }
  .c-text--fs17 {
    font-size: 1.0625rem; }
  .c-text--fs18 {
    font-size: 1.125rem; }
  .c-text--fs19 {
    font-size: 1.1875rem; }
  .c-text--fs20 {
    font-size: 1.25rem; }
  .c-text--fs21 {
    font-size: 1.3125rem; }
  .c-text--fs22 {
    font-size: 1.375rem; }
  .c-text--fs23 {
    font-size: 1.4375rem; }
  .c-text--fs24 {
    font-size: 1.5rem; }
  .c-text--fs28 {
    font-size: 1.75rem; }
  .c-text--fs30 {
    font-size: 1.875rem; }
  .c-text--fs32 {
    font-size: 2rem; }
  .c-text--medium {
    font-weight: 500; }
  .c-text--bold {
    font-weight: 700; }
  .c-text--underline {
    position: relative;
    display: inline-block; }
    .c-text--underline: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--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-link {
	position: relative;
    margin-left: 0; }

.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 {
	position: relative;
    color: #008080 !important;
    margin-left: 0.25rem; }

.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 {
	position: relative;
    top: -0.0625rem;
    color: #008080 !important;
    font-size: 0.9375rem;
    margin-left: 0.3125rem; }

.c-text-link--bluegreen-type2: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 {
	position: relative;
	font-weight: 500;
    color: #ed0000 !important;
    margin-left: 0.25rem; }

.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 {
	position: relative;
    color: #006bdd !important;
    margin-left: 0.25rem; }

.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 {
	position: relative;
    color: #94a2a0 !important;
    margin-left: 0.25rem; }

.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-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.c-text-label {
  display: inline-block;
  border-radius: 0.625rem;
  padding: 0 0.375rem;
  font-size: 0.6875rem;
  font-weight: 500;
  text-align: center;
  min-width: 2.5rem;
  line-height: 1.25rem; }
  .c-text-label--red {
    background: #ed0000;
    color: #fff; }
  .c-text-label--mint-type2 {
    background: #008080;
    color: #fff; }
  .c-text-label--mint-type1 {
    background: #2aab9c;
    color: #fff; }
  .c-text-label--mint {
    background: #edfcfb;
    color: #018786; }
  .c-text-label--blue {
    background: #006bdd;
    color: #fff; }
  .c-text-label--blue-type1 {
    background: #e7f3fa;
    color: #1e22ba; }
  .c-text-label--violet-type1 {
    background: #ebf4fe;
    color: #633df0; }
  .c-text-label--gray {
    background: #eaeaea;
    color: #4c4c4c; }
  .c-text-label--gray-type1 {
    background: #94a2a0;
    color: #fff; }
  .c-text-label--darkgray {
    background: #4c4c4c;
    color: #fff; }
  .c-text-label--black {
    background: #1d1d1b;
    color: #fff; }
  .c-text-label--rank {
    background: #ff7f02;
    color: #fff; }
  .c-text-label--orange {
    background: rgba(237, 0, 0, 0.3);
    color: #ed0000;
    -webkit-box-shadow: 0 0 0 1px rgba(237, 0, 0, 0.5);
            box-shadow: 0 0 0 1px rgba(237, 0, 0, 0.5); }
  .c-text-label--orange-type2 {
    background-color: #fab74b;
    color: #1d1d1b; }
  .c-text-label--type2 {
    padding: 0 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 0.75rem;
    line-height: 1.375rem; }
    .c-text-label--type2.c-text-label--red {
      color: #d61c20;
      border: 0.0625rem solid #d61c20;
      background: transparent; }
  .c-text-label ~ .c-text-label {
    margin-left: 0.25rem; }

.c-balloon {
  position: relative;
  display: inline-block;
  padding: 0.25rem 1rem;
  background-color: #fff;
  border: 1px solid #e81d21;
  border-radius: 1.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #ed0000;
  white-space: nowrap; }
  .c-balloon::before {
    position: absolute;
    width: 0;
    height: 0;
    bottom: -0.4375rem;
    border-right: 9px solid transparent;
    border-top: 6px solid #e81d21;
    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; }

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

.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.875rem; }
  .c-bullet--dot:not(.c-text-list),
  .c-bullet--dot.c-text-list > .c-text-list__item {
    margin-top: 0.5rem;
    padding-left: 0.625rem; }
    .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.25rem;
      height: 0.25rem;
      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-co-sub-4::before,
    .c-bullet--dot.c-text-list > .c-text-list__item.u-co-sub-4::before {
      background-color: #008080; }
    .c-bullet--dot:not(.c-text-list).u-size-5,
    .c-bullet--dot.c-text-list > .c-text-list__item.u-size-5 {
      text-align: left; }
      .c-bullet--dot:not(.c-text-list).u-size-5::before,
      .c-bullet--dot.c-text-list > .c-text-list__item.u-size-5::before {
        width: 0.3125rem;
        height: 0.3125rem;
        background-color: #707070; }
  .c-bullet--dot > .c-text-list__item:not(.u-co-gray) {
    margin-top: 1rem;
    font-size: 0.875rem; }
    .c-bullet--dot > .c-text-list__item:not(.u-co-gray) .u-co-gray:not(.c-text-list__item) {
      display: block;
      margin-top: 0.5rem;
      margin-left: -0.5rem;
      font-size: 0.875rem; }
    .c-bullet--dot > .c-text-list__item:not(.u-co-gray) > .c-bullet--fyr {
      margin-top: 1rem;
      margin-left: -0.5rem; }
  .c-bullet--dot > .c-text-list__item .c-bullet--dot {
    margin-top: 1rem;
    margin-left: -0.5rem; }
  .c-bullet--dot > .c-text-list__item .c-table {
    margin-top: 1rem; }
  .c-bullet--dot > .c-text-list__item .c-bullet--hyphen {
    margin-bottom: 1rem; }
  .c-bullet--dot > .c-text-list__item .c-table + .c-bullet--fyr {
    margin-top: 0.5rem; }
  .c-bullet--dot .c-bullet--fyr + .c-bullet--dot {
    margin-top: 0.5rem; }

.c-box.c-box--bullet {
	margin-top: 1.25rem;
	padding: 1.625rem 1.25rem 1.5rem; }
.c-box.c-box--bullet .c-text-list {
	font-size: 1rem;
	color: #4c4c4c; }
.c-box.c-box--bullet .c-bullet--dot > .c-text-list__item:not(.u-co-gray) {
    margin-top: 0.5rem;
    font-size: 1rem; }
.c-box.c-box--bullet .c-bullet--dot > .c-text-list__item:first-child {
    margin: 0; }
.c-box.c-box--bullet .c-bullet--dot:not(.c-text-list)::before, .c-box.c-box--bullet .c-bullet--dot.c-text-list > .c-text-list__item::before {
    background: #ccc; }
.c-box.c-box--bullet .c-bullet--dot:not(.c-text-list).u-co-red::before, .c-box.c-box--bullet .c-bullet--dot.c-text-list > .c-text-list__item.u-co-red::before {
    background-color: #ed0000; }

.c-bullet--hyphen:not(.c-text-list),
.c-bullet--hyphen.c-text-list > .c-text-list__item {
  font-size: 0.875rem;
  padding-left: 0.625rem; }
  .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; }
  .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.375rem; }

.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.875rem; }
  .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--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-number > .c-text-list__item.u-co-gray::before {
      background-color: #888; }

.c-bullet--error {
  position: relative;
  color: #ed0000;
  font-size: 0.875rem;
  padding-left: 1.5rem; }
  .c-bullet--error::before {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    background: url(../../images/portal/common/ico_error_mark.png) 50% 50%;
    background-size: cover;
    position: absolute;
    top: 0.125rem;
    left: 0; }

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

.c-text-list {
  font-size: 0.875rem; }
  .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-list--row {
    margin-left: -1.375rem; }
    .c-text-list--row .c-text-list__item {
      display: inline-block;
      margin-left: 1.375rem; }
    .c-text-list--row .c-text-list__sub {
      margin-left: 0.25rem;
      font-size: 0.875rem;
      color: #707070; }

/* table */
.c-table {
  position: relative; }
  .c-table::before {
    content: '';
    position: absolute;
    top: -0.125rem;
    left: 0;
    right: 0;
    border-top: 0.0625rem solid #ccc; }
  .c-table > table {
    position: relative;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed; }
  .c-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-table th,
  .c-table td {
    padding: 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-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; }
  .c-table td {
    background: #fff;
    color: #1d1d1b; }
  .c-table thead > tr.darker > th {
    background: #f5f5f5;
    color: #393939;
    font-weight: 500;
    font-size: 0.875rem;
  }
  .c-table > thead > tr > th {
    min-height: 3.3125rem; }
  .c-table__left > tr > th,
  .c-table__left > tr > td {
    text-align: left; }
  .c-table__left th {
    padding: 1rem 2.5rem; }
  .c-table__left td {
    padding: 1rem 2rem; }
  .c-table__right > tr > th,
  .c-table__right > tr > td {
    text-align: right; }
  .c-table__right th {
    padding: 1rem 2.5rem; }
  .c-table__right td {
    padding: 1rem 2rem; }
  .c-table__center > tr > th,
  .c-table__center > tr > td {
    text-align: center; }
  .c-table--list th,
  .c-table--list td {
    border-left: 0;
    border-right: 0;
    padding-left: 0;
    padding-right: 0; }
  .c-table--list td {
    max-height: 4.5625rem;
    padding: 1.5rem 0;
    font-size: 0.875rem;
    color: #707070; }
    .c-table--list td a:not(.c-button) {
      display: block; }
    .c-table--list td .title {
      display: block;
      width: 98%;
      font-size: 1.0625rem;
      font-weight: 500;
      line-height: 1.5rem;
      text-align: left;
      color: #1d1d1b; }
    .c-table--list td .sub {
      display: block;
      margin-top: 0.5rem;
      font-size: 0.875rem;
      color: #707070;
      line-height: 1.25rem;
      text-align: left; }
  .c-table--type2 {
    padding: 1.5rem 0;
    border: 0.0625rem solid #eaeaea;
    border-radius: 0.5rem; }
    .c-table--type2::before {
      content: none; }
    .c-table--type2 th,
    .c-table--type2 td {
      text-align: left;
      padding: 1rem 2.5rem;
      background: transparent;
      border: 0;
      font-size: 0.9375rem;
      vertical-align: top; }
      .c-table--type2 th .c-button--underline,
      .c-table--type2 td .c-button--underline {
        font-size: inherit; }

.c-table .micropay td {
    font-size: 0.875rem !important;
    color: #4c4c4c; }

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

.c-table .c-radio + .c-label, .c-table .c-checkbox + .c-label {
    margin-right: 0 !important;
    margin-bottom: 0 !important; }

.c-table td .c-radio + .c-label, .c-table td .c-checkbox + .c-label {
    margin-right: 2rem !important;
    margin-bottom: 0 !important; }

/* 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: 3.5rem; }
  .c-paging .c-button {
    margin: 0 0.3125rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #4c4c4c;
    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.875rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #707070; }
    .c-paging__anchor:focus, .c-paging__anchor--current {
      color: #4c4c4c;
      font-weight: 700;
      border-bottom: 0.0625rem solid #4c4c4c; }

.c-board__head {
  position: relative;
  padding: 1.5rem 1.25rem;
  border-top: 0.0625rem solid #ccc;
  border-bottom: 0.0625rem solid #eaeaea; }
  .c-board__head .c-button {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

.c-board__title {
  display: block;
  font-size: 1.0625rem;
  font-weight: 500; }
  .c-board__title .u-co-red,
  .c-board__title .c-board__title__sub {
    margin-right: 0.25rem; }

.c-board__sub {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: #707070; }
  .c-board__sub__item {
    display: inline-block; }
    .c-board__sub__item ~ .c-board__sub__item {
      margin-left: 1rem; }
  .c-board__sub__title {
    position: relative;
    padding-right: 0.5625rem; }
    .c-board__sub__title::before {
      content: '';
      position: absolute;
      top: 50%;
      right: 0.25rem;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 0.0625rem;
      height: 0.375rem;
      background: #707070; }

.c-board__content {
  position: relative;
  padding: 3rem 1.25rem 2.5rem;
  border-bottom: 0.0625rem solid #eaeaea; }
  .c-board__content img {
    vertical-align: top;
    font-size: 0; }

.c-board__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 1.5rem;
  text-align: right; }
  .c-board__nav .c-button {
    position: relative;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #4c4c4c;
    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.is-disabled {
      color: #707070;
      font-weight: 400;
      cursor: not-allowed;
      background: transparent !important; }
    .c-board__nav .c-button .c-icon {
      margin: 0 0.25rem 0.25rem !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 .c-bullet--number {
  margin-top: 1rem; }
  .c-board .c-bullet--number > .c-text-list__item {
    font-size: 1rem; }
    .c-board .c-bullet--number > .c-text-list__item:not(:first-child) {
      margin-top: 1.25rem; }

.c-board .c-bullet--dot {
  margin-top: 0.9375rem;
  font-size: 0.9375rem; }

.c-board--type2 .c-board__head .c-board__title,
.c-board--type2 .c-board__head .c-board__sub {
  max-width: calc(100% - 3.25rem); }

.c-board--type2 .c-board__content {
  padding: 0;
  border-bottom: 0; }

.c-board__content .c-editor .winner-wrap p {
  margin-bottom: 1.5rem;
  font-size: 1rem; }

.c-board__content .c-editor .winner-wrap h5 {
  margin-top: 2.5rem;
  font-weight: 700; }

.c-board__content .c-editor .winner-wrap ul {
  margin-bottom: 1.5rem;
  margin-top: 0.9375rem;
  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 {
    margin-top: 1rem !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; }

.nodata {
  padding: 1rem 0;
  font-size: 1rem;
  color: #707070; }

.nodata--type2 {
  padding: 2.5rem 0;
  border-bottom: 0.0625rem solid #eaeaea;
  font-size: 1.0625rem;
  color: #4c4c4c;
  text-align: center; }

.c-hr--basic {
  width: 100%;
  height: 0.0625rem;
  border: 0;
  border-bottom: 1px solid #e8e8e8; }

.c-hr--title {
  width: 100%;
  height: 0.0625rem;
  margin: 1.5rem 0 2rem;
  border: 0;
  border-bottom: 1px solid #e8e8e8; }

.c-hr--w1100 {
  width: 68.75rem;
  height: 0.0625rem;
  border: 0;
  border-bottom: 1px solid #e8e8e8; }

.c-hr--w1100-expand {
  width: 68.75rem;
  height: 0.0625rem;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  margin-left: -15rem; }

.c-hr--w1100-m80 {
  width: 68.75rem;
  height: 0.0625rem;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  margin-left: -5rem; }

.c-hr--w1100-m40 {
  width: 68.75rem;
  height: 0.0625rem;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  margin-left: -2.5rem; }

.c-v-split {
  width: 1px;
  height: 1rem;
  border: 0;
  border-right: 1px solid #707070;
  margin: 0 0.5625rem; }

.c-stepper-wrap {
  width: 100%; }
  .c-stepper-wrap .c-stepper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .c-stepper-wrap .c-stepper__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      margin-right: 0.75rem; }
      .c-stepper-wrap .c-stepper__item:last-child {
        margin-right: 0; }
      .c-stepper-wrap .c-stepper__item--active .c-stepper__num {
        background-color: #1d1d1b;
        color: #fff;
        border: 1px solid #1d1d1b; }
    .c-stepper-wrap .c-stepper__num {
      display: inline-block;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-radius: 1.25rem;
      width: 1.25rem;
      height: 1.25rem;
      background-color: #fff;
      color: #1d1d1b;
      border: 1px solid #e8e8e8;
      font-size: 0.6875rem;
      text-align: center;
      line-height: 1.125rem;
      margin-right: 0.5rem; }
    .c-stepper-wrap .c-stepper__title {
      font-size: 0.875rem;
      margin-right: 0.25rem;
      font-weight: 500; }

.c-stepper--type2 {
  padding: 1.5rem 1.875rem;
  border-radius: 0.5rem;
  border: solid 1px #e8e8e8;
  font-size: 0;
  margin-bottom: 3.5rem;
  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; }
  .c-stepper--type2 .c-stepper__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #707070; }
    .c-stepper--type2 .c-stepper__item.is-active {
      color: #1d1d1b; }
    .c-stepper--type2 .c-stepper__item ~ .c-stepper__item {
      position: relative;
      padding-left: 3.25rem; }
      .c-stepper--type2 .c-stepper__item ~ .c-stepper__item::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 1rem;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 1.25rem;
        height: 1.25rem;
        background: url(../../images/portal/common/ico_arrow_gray.svg) 50% 50% no-repeat;
        opacity: 0.2; }
  .c-stepper--type2 .c-stepper__title {
    min-width: 5rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: center; }
  .c-stepper--type2 .c-stepper__num {
    margin-left: 0.25rem;
    min-width: 3.125rem;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center; }

.c-stepper--type3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2rem;
  background-color: #f9f9f9; }
  .c-stepper--type3 .c-stepper__item {
    text-align: center;
    color: #707070; }
    .c-stepper--type3 .c-stepper__item:not(.is-active) .c-icon {
      opacity: 0.2; }
    .c-stepper--type3 .c-stepper__item.is-active {
      color: #1d1d1b; }
    .c-stepper--type3 .c-stepper__item ~ .c-stepper__item {
      position: relative;
      padding-left: 2.75rem; }
      .c-stepper--type3 .c-stepper__item ~ .c-stepper__item::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0.75rem;
        width: 1.25rem;
        height: 1.25rem;
        background: url(../../images/portal/common/ico_arrow_gray.svg) 50% 50% no-repeat;
        opacity: 0.2; }
    .c-stepper--type3 .c-stepper__item .c-icon {
      display: block;
      margin: 0 auto 0.625rem; }
  .c-stepper--type3 .c-stepper__title {
    font-size: 1rem; }

/* text-box */
.c-text-box {
  padding: 1rem 1.25rem;
  border-radius: 8px;
  font-size: 0.9375rem;
  text-align: center; }
  .c-text-box--blue {
    background-color: #f0f7ff;
    border: 1px solid rgba(5, 115, 232, 0.15);
    color: #0069d9; }
  .c-text-box--red {
    background-color: #fff3f3;
    border: 1px solid rgba(231, 57, 57, 0.1);
    color: #d61c20; }
  .c-text-box--gray {
    background-color: #f5f5f5;
    border: 1px solid #eaeaea;
    color: #333; }
  .c-text-box--lg {
    position: relative;
    padding: 1.625rem 10rem;
    text-align: left;
    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; }
    .c-text-box--lg .c-text-box__text {
      font-size: 1.0625rem;
      color: #1d1d1b; }
      .c-text-box--lg .c-text-box__text b {
        font-size: 1.375rem;
        display: inline-block;
        width: 26.25rem; }
    .c-text-box--lg .c-text-box__image {
      position: absolute;
      right: 15rem;
      bottom: 0; }

/* filter */
.c-filter {
  position: relative;
  font-size: 0; }
  .c-filter__title {
    min-width: 3.8125rem;
    margin-right: 1.5rem;
    font-size: 1.0625rem;
    font-weight: 500;
    color: #4c4c4c;
    text-align: left; }
  .c-filter__inner {
    white-space: initial;
    overflow: hidden;
    padding: 0.125rem; }
    .c-filter__inner > .c-button,
    .c-filter__inner > .c-label {
      font-size: 0.9375rem;
      font-weight: 400;
      margin: 0.75rem 0.5rem 0 0 !important;
      min-width: 5rem; }
    .c-filter__inner > .c-button ~ .c-button {
      margin-left: 0.5rem; }
    .c-filter__inner > .c-button.is-active :checked + .c-label {
      font-weight: 500; }
  .c-filter--accordion {
    margin: -0.75rem -0.5rem 0 0; }
    .c-filter--accordion .c-button,
    .c-filter--accordion .c-label {
      margin: 0.75rem 0.5rem 0 0 !important; }
    .c-filter--accordion::before {
      content: '';
      display: block;
      clear: both;
      position: absolute;
      top: 0.75rem;
      right: 0;
      width: 3rem;
      height: 2.5rem;
      background-image: -webkit-gradient(linear, right top, left top, color-stop(60%, #fff), color-stop(22%, rgba(255, 255, 255, 0.53)), color-stop(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
      background-image: linear-gradient(to left, #fff 60%, rgba(255, 255, 255, 0.53) 22%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
      z-index: 1051; }
    .c-filter--accordion__button {
      position: absolute;
      top: 0.75rem;
      right: 0;
      width: 3rem;
      height: 2.5rem;
      z-index: 1052; }
      .c-filter--accordion__button::before {
        content: '';
        display: block;
        clear: both;
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        right: 0.75rem;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(90deg);
                transform: translateY(-50%) rotate(90deg);
        background: url(../../images/portal/common/ico_arrow_right_bold.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.is-expanded .c-filter__inner {
      padding-right: 3rem;
      white-space: inherit; }
  .c-filter--period .c-filter__title {
    margin-bottom: 1rem; }
  .c-filter--period .c-filter__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .c-filter--period .c-box--type3 {
    border-radius: 0.5rem; }
  .c-filter--period .c-checktype-row {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .c-filter--period .c-form {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 15.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .c-filter--period .c-form .c-input-wrap {
      margin: 0;
      width: 15.75rem; }
  .c-filter--period .c-button-round--md {
    min-width: 6.5625rem;
    margin-left: 1.5rem; }

/* box */
.c-box {
  position: relative;
  display: block; }
  .c-box--type1 {
    padding: 1.25rem;
    background: #f9f9f9; }
  .c-box--round {
    border-radius: 0.5rem; }
  .c-box--type2 {
    padding: 2.5rem 2rem;
    border-radius: 2rem;
    background: #f9f9f9; }
    .c-box--type2 .c-bullet--dot > .c-text-list__item:not(.u-co-gray) {
      margin-top: 0.5rem;
      font-size: 0.9375rem; }
      .c-box--type2 .c-bullet--dot > .c-text-list__item:not(.u-co-gray) > .c-bullet--fyr {
        margin-top: 0.5rem;
        margin-left: 0.5rem; }
  .c-box--type3 {
    padding: 2rem;
    background: #f9f9f9;
    border-radius: 0.75rem; }
  .c-box--type4 {
    padding: 1.4375rem 1.25rem 1.687rem 1.25rem;
    background: #f9f9f9; }
  .c-box--border {
    padding: 3rem 2rem;
    border-radius: 2.125rem;
    border: solid 1px #e1e1e1;
    position: relative; }
    .c-box--border .c-box__image {
      position: absolute;
      right: 0;
      bottom: 0; }
  .c-box--dotted {
    border-radius: 0.5rem;
    border: 1px dashed #dddddd;
    text-align: center; }
  .c-box .c-bullet--dot {
    margin: 0; }
    .c-box .c-bullet--dot > .c-text-list__item:first-child {
      margin: 0; }

.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 !important;
    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;
    padding: 0;
    font-size: 1.5rem;
    border-radius: 50%; }

/* 사은품 체크버튼 */
.img-prefix {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 3.5rem;
  overflow: hidden;
  margin-right: 1rem; }
  .img-prefix img {
    vertical-align: top; }

.presents-wrap .presents-row {
  position: relative;
  overflow: hidden; }
  .presents-wrap .presents-row .c-checktype-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 1rem 0.125rem 1.5rem; }
    .presents-wrap .presents-row .c-checktype-row .c-chk-wrap {
      display: inline-block;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin-right: 1.25rem; }
      .presents-wrap .presents-row .c-checktype-row .c-chk-wrap .c-checkbox--button + .c-label {
        background-color: #fff;
        border: 0.0625rem solid #e8e8e8; }
      .presents-wrap .presents-row .c-checktype-row .c-chk-wrap .c-checkbox--button:checked + .c-label {
        border: 0.0625rem solid #1d1d1b;
        color: #1d1d1b;
        font-weight: 500; }
      .presents-wrap .presents-row .c-checktype-row .c-chk-wrap .c-checkbox--button:disabled + .c-label {
        background-color: #f5f5f5;
        border: 0.0625rem solid #f5f5f5; }
      .presents-wrap .presents-row .c-checktype-row .c-chk-wrap .no-select {
        text-align: center;
        padding-left: 1.25rem; }

.presents-wrap__button {
  width: 3rem;
  height: 3rem;
  display: inline-block;
  border-radius: 50%; }
  .presents-wrap__button:disabled {
    opacity: 0.2;
    cursor: not-allowed; }
  .presents-wrap__button--prev {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -4.875rem;
    margin-top: 2.8125rem;
    background: url(../../images/portal/common/ico_swiper_prev.svg) 30% 50% no-repeat;
    background-size: 100%; }
  .presents-wrap__button--next {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: -4.875rem;
    margin-top: 2.8125rem;
    background: url(../../images/portal/common/ico_swiper_next.svg) 30% 50% no-repeat;
    background-size: 100%; }


.gift-section {
	width: 58.75rem;
	margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.gift-tit {
	margin-top: 4.375rem;
	line-height: 1.4;
	font-weight: 500; }

.gift-tit--type2 {
	margin-top: 4.375rem;
	line-height: 1.4;
	font-size: 1.25rem;
	font-weight: 400; }

.gift-tit__sub {
	font-size: 0.875rem;
	color: #008080;
	margin-top: 1.250rem; }

.c-form__title--type2 + .gift-tit__sub {
    font-size: 1rem !important;
    margin-top: 1.125rem !important; }

.gift-hr {
	width: 100%;
    height: 0.0625rem;
    border: 0;
    border-bottom: 1px solid #e8e8e8;
    margin: 1.25rem 0; }

.gift-hr--type2 {
	width: 100%;
    height: 0.0625rem;
    border: 0;
    border-bottom: 1px solid #e8e8e8;
    margin: 1.875rem 0 3.125rem 0; }

.gift-free-tit {
	line-height: 1.4;
	font-weight: 500;
	margin-bottom : 1.250rem; }

.gift-free-list {
  margin-bottom : 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }

.gift-free-item {
    width: 13.75rem;
    border: 1px solid #eaeaea;
    border-radius: 0.75rem;
    margin-right: 1.25rem;
    margin-bottom: 1.25rem; }

.gift-free-item:nth-child(4n) {
   margin-right: 0; }

.gift-free-img {
    text-align: center;
    padding: 1.563rem 0;
    background-color: #f9f9f9;
    border-radius: 0.75rem 0.75rem 0 0; }

.gift-free-img img {
   width: 9.375rem;
    vertical-align: top; }

.gift-free-info {
    padding: 1rem 1.25rem;
	height: 4.375rem; }

.gift-free-info p:not(.c-text-list) {
	font-size: 0.9375rem !important;
	color : #393939;
	letter-spacing: -0.033rem;
    position: relative;
    padding-left: 0.625rem;
    line-height: 1.4;
    overflow: hidden;
    word-break: break-all;
    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.4375rem;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #707070; }

.gift-pick-tit {
  line-height: 1.4;
  font-weight: 500;
  margin-bottom : 1.250rem; }

.gift-pick-tit span {
  font-weight: 400; }

.gift-pick-list {
  margin-bottom : 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }

.gift-pick-item {
    width: 13.75rem;
    height: 16.875rem;
    border-radius: 0.75rem;
    margin-right: 1.25rem;
    margin-bottom: 1.25rem; }

.gift-pick-item:nth-child(4n) {
   margin-right: 0; }

.gift-pick-img {
    text-align: center;
    padding: 1.563rem 0;
    border-radius: 0.75rem 0.75rem 0 0; }

.gift-pick-img img {
   width: 9.375rem;
    vertical-align: top; }

.gift-pick-info {
    padding: 1rem 1.25rem;
	height: 4.375rem; }

.gift-pick-info p:not(.c-text-list) {
	font-size: 0.9375rem !important;
	color : #393939;
    letter-spacing: -0.033rem;
    position: relative;
    padding-left: 1.75rem;
    line-height: 1.4;
    overflow: hidden;
    word-break: break-all;
    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: #c1c143;
    border: 1px solid #008080; }

.gift-pick-item .c-checkbox + .c-label {
	width: 13.75rem;
    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: #393939;
    border-radius: 0.75rem;
    border: 1px solid #ddd; }

.gift-pick-item .c-checkbox + .c-label::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 14.125rem;
    left: 1.25rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem; }

.gift-pick-item .c-checkbox + .c-label::before {
    background: url(../../images/portal/common/ico_checkbox_square.svg) no-repeat 50% 50%;
    background-size: 1.5rem 1.5rem;
}
.gift-pick-item .c-checkbox:checked + .c-label::before {
    background: url(../../images/portal/common/ico_checkbox_checked.svg) no-repeat 50% 50%;
    background-size: 1.5rem 1.5rem;
}


.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%;
  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);
  opacity: 0; }
  .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/portal/common/img-loading.svg) no-repeat;
  background-size: 4rem;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear; }

.c-loader--wrap--type2 {
  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: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  -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);
  opacity: 0; }
.c-loader--wrap--type2 .c-loader {
    width: 4rem;
    height: 4rem; }
.c-loader--wrap--type2.is-active {
    opacity: 1; }

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

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

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

@-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; } }




/************************
* arc progress bar
*************************/
.c-indicator-arc {
  position: relative;
  margin: 0.25rem;
  text-align: center;
  width: 16.25rem;
  height: 9.75rem;
  display: block; }

.arcOverflow {
  /*wrap the rotating .bar */
  position: relative;
  left: 2.6rem;
  overflow: hidden;
  /*half circle(overflow)*/
  width: 11.25rem;
  height: 5.625rem;
  /* text position */
  margin-bottom: -3rem; }
  .arcOverflow::before {
    content: '';
    display: block;
    width: 0.75rem;
    height: 0.75rem;
    position: absolute;
    top: 4.875rem;
    left: 0;
    border-radius: 50%;
    -webkit-box-shadow: 0px 6px 0 2px #fff;
            box-shadow: 0px 6px 0 2px #fff;
    z-index: 10; }
  .arcOverflow::after {
    content: '';
    display: block;
    width: 0.875rem;
    height: 0.875rem;
    position: absolute;
    top: 4.6875rem;
    right: -0.0625rem;
    border-radius: 50%;
    -webkit-box-shadow: 0px 6px #fff;
            box-shadow: 0px 6px #fff;
    z-index: 10; }

.arc {
  position: absolute;
  bottom: 180;
  right: 180;
  /*full circle */
  width: 11.25rem;
  height: 11.25rem;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  /*half gray */
  border: 0.75rem solid #f5f5f5;
  border-bottom-color: cornflowerblue;
  border-right-color: cornflowerblue; }
  .arc::after {
    content: '';
    display: block;
    width: 0.75rem;
    height: 0.75rem;
    position: absolute;
    bottom: 0.6875rem;
    left: 1.25rem;
    border-radius: 50%;
    -webkit-box-shadow: -6px 0 cornflowerblue;
            box-shadow: -6px 0 cornflowerblue; }
  .arc[data-percent='0']::after {
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
  .arc.arc-mint {
    border-bottom-color: #00c3bd;
    border-right-color: #00c3bd; }
    .arc.arc-mint::after {
      -webkit-box-shadow: -6px 0 #00c3bd;
              box-shadow: -6px 0 #00c3bd; }
  .arc.arc-blue {
    border-bottom-color: #006bdd;
    border-right-color: #006bdd; }
    .arc.arc-blue::after {
      -webkit-box-shadow: -6px 0 #006bdd;
              box-shadow: -6px 0 #006bdd; }
  .arc.arc-green {
    border-bottom-color: #018786;
    border-right-color: #018786; }
    .arc.arc-green::after {
      -webkit-box-shadow: -6px 0 #018786;
              box-shadow: -6px 0 #018786; }
  .arc.arc-orange {
    border-bottom-color: #ed0000;
    border-right-color: #ed0000; }
    .arc.arc-orange::after {
      -webkit-box-shadow: -6px 0 #ed0000;
              box-shadow: -6px 0 #ed0000; }

.indicator-state {
  position: absolute;
  top: 3rem;
  left: 2.6rem;
  width: 11.25rem;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center; }

.indicator-text {
  margin-top: 5rem;
  text-align: center;
  color: #707070; }
  .indicator-text strong {
    font-weight: 500;
    color: #1d1d1b; }

.c-filter__inner.no-scroll {
  -ms-overflow-style: none !important;
  /* IE, Edge */
  scrollbar-width: none !important;
  /* Firefox */ }

.no-scroll::-webkit-scrollbar {
  display: none !important;
  /* Chrome, Safari, Opera */ }

/* util */
.clearfix:before, .clearfix:after {
    display: block;
    content: '';
    line-height: 0; }

.clearfix:after {
    clear:both; }

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

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

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

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

.u-lh--inherit {
    line-height: inherit !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: #707070 !important; }

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

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

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

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

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

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

.u-co-blue {
  color: #006bdd !important; }

.u-co-blue-2 {
  color: #0069d9 !important; }

.u-co-mint {
  color: #008080 !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: #006bdd !important; }

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

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

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

.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--1 {
  margin-top: 0.0625rem !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--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--33 {
  margin-top: 2.0625rem !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--37 {
  margin-top: 2.3125rem !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--52 {
  margin-top: 3.25rem !important; }

.u-mt--54 {
  margin-top: 3.375rem !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--80 {
  margin-top: 5rem !important; }

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

.u-mt--93 {
  margin-top: 5.8125rem !important; }

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

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

.u-mt--114 {
  margin-top: 7.125rem !important; }

.u-mt--120 {
  margin-top: 7.5rem !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--15 {
  margin-bottom: 0.9375rem !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--48 {
  margin-bottom: 3rem !important; }

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

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

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

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

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

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

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

.u-ml--0 {
  margin-left: 0 !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--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--48 {
  margin-left: 3rem !important; }

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

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

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

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

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

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

.u-ml--m40 {
  margin-left: -2.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--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-mr--m8 {
  margin-right: -0.5rem !important; }

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

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

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

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

.u-mr--m40 {
  margin-right: -2.5rem !important; }

.u-mlr--32 {
  margin: 0 2rem !important; }

.u-mlr--80 {
  margin: 0 5rem !important; }

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

.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--24 {
  padding-top: 1.5rem !important; }

.u-pt--26 {
padding-top: 1.625rem !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--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--28 {
  padding-bottom: 1.75rem !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--80 {
  padding-bottom: 5rem !important; }

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

.u-ptb--24 {
  padding: 1.5rem 0 !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--26 {
  padding-left: 1.625rem !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--50 {
  padding-left: 3.125rem !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--50 {
  padding-right: 3.125rem !important; }

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

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

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

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

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

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

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

.u-plr--80 {
    padding: 0 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-pa--type1 {
  padding: 1rem 2rem !important; }

.u-t--0 {
  top: 0 !important; }

.u-t--1 {
  top: 0.0625rem !important; }

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

.u-t--3 {
  top: 0.1875rem !important; }

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

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

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

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

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

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

.u-t--m1 {
  top: -0.0625rem !important; }

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

.u-t--m3 {
  top: -0.1875rem !important; }

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

.u-t--m5 {
  top: -0.3125rem !important; }

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

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

.u-t--m9 {
  top: -0.5625rem !important; }

.u-t--m10 {
  top: -0.625rem !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--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-width--50 {
  width: 3.125rem !important; }

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

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

.u-width--105 {
  width: 6.5625rem !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--169 {
  width: 10.5625rem !important; }

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

.u-width--180 {
  width: 11.25rem !important; }

.u-width--185 {
  width: 11.5625rem !important; }

.u-width--200 {
  width: 12.5rem !important; }

.u-width--225 {
  width: 14.0625rem !important;
  max-width: 14.0625rem !important; }

.u-width--260 {
  width: 16.25rem !important; }

.u-width--297 {
  width: 18.5625rem !important; }

.u-width--300 {
  width: 18.75rem !important; }

.u-width--320 {
  width: 20rem !important; }

.u-width--330 {
  width: 20.625rem !important; }

.u-width--340 {
  width: 21.25rem !important; }

.u-width--380 {
  width: 23.75rem !important; }

.u-width--460 {
  width: 28.75rem !important; }

.u-width--220 {
  width: 13.75rem !important; }

.u-width--274 {
  width: 17.125rem !important; }

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

.u-letter-spacing--0 {
  letter-spacing: 0 !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-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; }

.u-flex-none {
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important; }

.u-as-flex-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !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-30 {
  font-size: 1.875rem !important; }

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

.u-fs-40 {
  font-size: 2.5rem !important; }

.u-fs-68 {
  font-size: 4.25rem !important; }

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

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

.u-box--w1100 {
  width: 68.75rem !important; }

.u-box--w940 {
  width: 58.75rem !important; }

.u-box--w620 {
  width: 38.75rem !important; }

.u-box--w460 {
  width: 28.75rem !important; }

.u-margin-auto {
  margin: 0 auto; }

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

.u-h--64 {
  height: 4rem; }

.u-h--90 {
  height: 5.625rem; }

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

.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-bd--0 {
  border: 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--light-mint {
  background-color: #dcf4f2 !important; }

.u-bg-main--mint {
  background-color: #e2eff5 !important; }

.u-bg--black {
  background: #1d1d1b!important; }

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

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

.u-bk--red {
  background: #ed0000; }

.u-bk--sky-blue {
  background: #ace6fc; }

.u-bk--mint {
  background: #008080; }

.u-bk--light-mint {
  background: #dcf4f2; }

.u-bk--beige {
  background: #ffe4b9; }

.u-bk--point-4 {
  background: #ff5100; }

.u-bk--black {
  background: #1d1d1b; }

.u-bk--blue {
  background: #006bdd; }

  .u-bk--blue-1 {
  background: #1788fb; }

.u-po-rel {
	position: relative !important; }

.u-po-fix {
	position: fixed !important; }

.u-po-abs {
	position: absolute !important; }

.no-bottom-spacing {
  margin-bottom: -6.25rem !important; }

.expand:not(.expanded) {
  display: none; }

.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); }

[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); } }

.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; }

@-webkit-keyframes fixed-in {
  from {
    -webkit-transform: translateY(150%);
            transform: translateY(150%);
    opacity: 1; }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; } }

@keyframes fixed-in {
  from {
    -webkit-transform: translateY(150%);
            transform: translateY(150%);
    opacity: 1; }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; } }

@-webkit-keyframes tab-in {
  from {
    -webkit-transform: translateX(-50%) translateY(10%);
            transform: translateX(-50%) translateY(10%);
    opacity: 0; }
  to {
    -webkit-transform: translateX(-50%) translateY(0%);
            transform: translateX(-50%) translateY(0%);
    opacity: 1; } }

@keyframes tab-in {
  from {
    -webkit-transform: translateX(-50%) translateY(10%);
            transform: translateX(-50%) translateY(10%);
    opacity: 0; }
  to {
    -webkit-transform: translateX(-50%) translateY(0%);
            transform: translateX(-50%) translateY(0%);
    opacity: 1; } }

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

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

@-webkit-keyframes fill-in {
  from {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 0; }
  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1; } }

@keyframes fill-in {
  from {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 0; }
  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1; } }

@-webkit-keyframes slide-in {
  from {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1; } }

@keyframes slide-in {
  from {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1; } }

@-webkit-keyframes main-banner-txt-ani {
  from {
    -webkit-transform: translateX(150px);
            transform: translateX(150px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1; } }

@keyframes main-banner-txt-ani {
  from {
    -webkit-transform: translateX(150px);
            transform: translateX(150px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1; } }

@-webkit-keyframes aaa2 {
  from {
    -webkit-transform: translateY(1080px);
            transform: translateY(1080px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes aaa2 {
  from {
    -webkit-transform: translateY(1080px);
            transform: translateY(1080px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

.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(4px, 0, 0);
            transform: translate3d(4px, 0, 0); }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-7px, 0, 0);
            transform: translate3d(-7px, 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(4px, 0, 0);
            transform: translate3d(4px, 0, 0); }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-7px, 0, 0);
            transform: translate3d(-7px, 0, 0); }
  40%,
  60% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0); } }






/* tabs */
.c-tabs__panel {
  display: none; }

.c-tabs--type1 .c-tabs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 68.75rem;
  margin: 0 auto;
  padding: 0 5rem;
  border-bottom: 0.0625rem solid #efefef; }
  .c-tabs--type1 .c-tabs__list.no-b-line {
    border: 0; }

.c-tabs--type1 .c-tabs__button {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  width: 19.5625rem;
  max-width: 19.5625rem;
  padding: 0 1.875rem;
  background: #f7f7f7;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 4.0625rem;
  text-align: center;
  color: #1d1d1b;
  z-index: 1; }
  .c-tabs--type1 .c-tabs__button.is-active {
    background-color: #1d1d1b;
    color: #fff; }

.c-tabs--type1 ~ .c-tabs__panel {
  position: relative;
  margin-top: 4.0625rem; }
  .c-tabs--type1 ~ .c-tabs__panel .c-tabs--type2 {
    margin-top: -4.125rem; }

.c-tabs--type2 {
  font-size: 0; }
  .c-tabs--type2.w-auto .c-tabs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3.375rem; }
    .c-tabs--type2.w-auto .c-tabs__list .c-tabs__button {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      min-width: auto; }
  .c-tabs--type2 .c-tabs__list {
    position: relative;
    width: 100%;
    padding-top: 1.75rem;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    border-bottom: 0.0625rem solid #efefef; }
    .c-tabs--type2 .c-tabs__list .c-tabs__button {
      position: relative;
      min-width: 11.75rem;
      padding: 1.75rem 1.25rem 1rem;
      font-size: 1.0625rem;
      color: #707070;
      white-space: nowrap;
      text-align: center; }
      .c-tabs--type2 .c-tabs__list .c-tabs__button.is-active {
        border-bottom: 0.125rem solid #000;
        color: #000;
        font-weight: 500; }
  .c-tabs--type2.col-3 .c-tabs__button {
    width: 33.33%; }
  .c-tabs--type2 ~ .c-tabs__panel {
    margin-top: 4rem; }
  .c-tabs--type2.col-4 .c-tabs__button {
    min-width: 14.6875rem; }
  .c-tabs--type2.col-4 ~ .c-tabs__panel {
    margin-top: 4rem; }

/* 제휴카드 메뉴 탭 크기 조절*/
.cprtCard-wrap .c-tabs--type2 .c-tabs__list .c-tabs__button {
    min-width: 9.7915rem; }

.cprtCard-wrap .c-tabs--type2 .c-tabs__list #swiperCprtCard .c-tabs__button {
	display: inline-block;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.cprtCard-wrap #swiperCprtCard .swiper-button-prev {
    position: absolute;
    left: 0.625rem;
    top: 2.375rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2.25rem;
    height: 2.25rem;
    background: url(../../images/portal/common/ico_swiper_cprt_prev.png) no-repeat center;
    background-size: cover;
    border-radius: 50%;
    pointer-events: auto;}
.cprtCard-wrap #swiperCprtCard .swiper-button-prev.swiper-button-disabled {
    position: absolute;
    left: 0.625rem;
    top: 2.375rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2.25rem;
    height: 2.25rem;
    background: url(../../images/portal/common/ico_swiper_cprt_prev_disabled.png) no-repeat center;
    background-size: cover;
    border-radius: 50%;
    pointer-events: none; }

.cprtCard-wrap #swiperCprtCard .swiper-button-next {
    position: absolute;
    right: 0.625rem;
    top: 2.375rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.25rem;
    height: 2.25rem;
    background: url(../../images/portal/common/ico_swiper_cprt_next.png) no-repeat center;
    background-size: cover;
    border-radius: 50%;
    pointer-events: auto; }
.cprtCard-wrap #swiperCprtCard .swiper-button-next.swiper-button-disabled {
    position: absolute;
    right: 0.625rem;
    top: 2.375rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.25rem;
    height: 2.25rem;
    background: url(../../images/portal/common/ico_swiper_cprt_next_disabled.png) no-repeat center;
    background-size: cover;
    border-radius: 50%;
    pointer-events: none; }

.cprtCard-wrap #swiperCprtCard .swiper-button-disabled {
    opacity: 1;
    cursor: auto; }

.cprtCard-wrap #swiperCprtCard .swiper-button-disabled {
    pointer-events: auto; }

/*modal 내에 tab 가로 사이즈 처리 */
.c-modal .c-tabs--type1 .c-tabs__list {
  width: 100%; }

.c-modal .c-tabs--type2 .c-tabs__list {
  width: 100%; }

/* accordion */
.c-accordion {
  width: 100%; }
  .c-accordion__head {
    position: relative;
    margin: 0;
    padding: 0;
    padding: 1.9375rem 1.25rem; }
  .c-accordion__item {
      position: relative;  }
  .c-accordion__button {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; }
    .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/portal/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__button.is-active::after {
      -webkit-transform: translateY(-50%) rotate(-90deg);
              transform: translateY(-50%) rotate(-90deg); }
  .c-accordion--type1 {
    margin-top: 1.5rem; }
    .c-accordion--type1 .c-accordion__box {
      border: 0.0625rem solid #eaeaea;
      border-radius: 0.5rem; }
    .c-accordion--type1 .c-accordion__head {
      padding: 1.9375rem 1.25rem; }
    .c-accordion--type1 .c-accordion__check {
      position: absolute;
      left: 1.25rem;
      top: 50%;
      height: auto;
      width: auto;
      z-index: 3;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      .c-accordion--type1 .c-accordion__check .c-label {
        margin: 0; }
    .c-accordion--type1 .c-accordion__inside {
      background-color: #f9f9f9;
      border-top: 0.0625rem solid #eaeaea;
      padding: 1.5rem 1.125rem 1.125rem; }
    .c-accordion--type1 .c-accordion__sub-check {
      position: relative;
      padding-right: 1.5rem; }
      .c-accordion--type1 .c-accordion__sub-check ~ .c-accordion__sub-check {
        margin-top: 0.9375rem; }
      .c-accordion--type1 .c-accordion__sub-check .c-button {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        padding: 0; }
      .c-accordion--type1 .c-accordion__sub-check .u-co-gray {
        margin-left: 0.25rem; }
  .c-accordion--type2 .c-accordion__item {
    border-bottom: 0.0625rem solid #eaeaea; }
  .c-accordion--type2 .c-accordion__head {
    padding: 1.25rem 4rem 1.25rem 4.75rem; }
  .c-accordion--type2 .question-label {
    position: absolute;
    top: 1.5rem;
    left: 1.25rem;
    width: 2.5rem;
    height: 1.25rem;
    margin-right: 1rem;
    background: #018786;
    border-radius: 0.625rem;
    font-size: 0.6875rem;
    color: #fff;
    font-weight: 700;
    line-height: 1.25rem;
    color: #fff;
    text-align: center; }
  .c-accordion--type2 .c-accordion__title {
    font-size: 1.0625rem;
    line-height: 1.5rem;
    font-weight: 500; }
  .c-accordion--type2 .c-accordion__info {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #707070; }
    .c-accordion--type2 .c-accordion__info span:not(:first-child) {
      position: relative;
      margin-left: 0.8125rem; }
      .c-accordion--type2 .c-accordion__info span:not(:first-child):before {
        position: absolute;
        left: -0.4375rem;
        top: 50%;
        width: 0.0625rem;
        height: 0.75rem;
        background-color: #ccc;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        content: ''; }
  .c-accordion--type2 .c-accordion__panel {
    font-size: 0.875rem;
    font-weight: 400;
    color: #4c4c4c, #f5f5f5, "faq-pannel text";
    background: #f5f5f5; }
    .c-accordion--type2 .c-accordion__panel.c-expand--pop > .c-accordion__inside {
      padding-left: 3rem;
      padding-right: 3rem; }
  .c-accordion--type2 .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: 1.5rem 4rem 1.5rem 4.75rem;
    font-size: 0.9375rem;
    overflow-x: hidden; }
    .c-accordion--type2 .c-accordion__inside.question {
      position: relative; }
      .c-accordion--type2 .c-accordion__inside.question .box-prefix {
        color: #1d1d1b; }
      .c-accordion--type2 .c-accordion__inside.question::before {
        position: absolute;
        left: 11.875rem;
        bottom: 0;
        width: 42.375rem;
        border-bottom: 0.0625rem solid #eaeaea;
        content: ''; }
    .c-accordion--type2 .c-accordion__inside .box-prefix {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin-right: 0.875rem;
      font-weight: 700;
      text-align: center;
      color: #018786;
      text-align: right; }
    .c-accordion--type2 .c-accordion__inside .box-content {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      color: #333;
      overflow: hidden; }
  .c-accordion--type2.counselling .c-accordion__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.5rem 0;
    font-size: 0.875rem;
    color: #707070;
    text-align: center; }
  .c-accordion--type2.counselling .c-accordion__text {
    display: block;
    width: 9.25rem; }
  .c-accordion--type2.counselling .c-accordion__title {
    width: 25.1875rem;
    color: #1d1d1b;
    text-align: left; }
  .c-accordion--type2.counselling .c-accordion__num {
    display: block;
    width: 8.25rem; }
  .c-accordion--type2.counselling .c-accordion__date {
    display: block;
    width: 7.25rem; }
  .c-accordion--type2.counselling .c-accordion__state {
    width: 4.1875rem;
    text-align: center; }
    .c-accordion--type2.counselling .c-accordion__state > .state-label {
      display: inline-block;
      width: 3.1875rem;
      height: 1.25rem;
      border-radius: 0.625rem;
      font-size: 0.6875rem;
      color: #fff;
      font-weight: 700;
      line-height: 1.25rem;
      text-align: center; }
      .c-accordion--type2.counselling .c-accordion__state > .state-label.complete {
        background-color: #008080; }
      .c-accordion--type2.counselling .c-accordion__state > .state-label.registering {
        background-color: #4c4c4c; }
  .c-accordion--type2.counselling .c-accordion__inside {
    padding-left: 9.25rem; }
  .c-accordion--type3 .c-accordion__item {
    border-bottom: 0.0625rem solid #eaeaea; }
  .c-accordion--type3 .c-accordion__head {
    padding: 1.5rem 4.5rem 1.5rem 2rem; }
  .c-accordion--type3 .c-accordion__title {
    font-weight: 500; }
  .c-accordion--type3 .c-accordion__inside {
    padding: 1.5rem 2rem;
    background-color: #f9f9f9; }
  .c-accordion--type3.card .c-accordion__item {
    border: 0; }
  .c-accordion--type3.card .c-accordion__head {
    padding: 0 0 1rem 0; }
  .c-accordion--type4 .c-accordion__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 2.875rem;
    padding: 0.625rem 0; }
  .c-accordion--type4 .c-accordion__button:after {
    right: 0; }
  .c-accordion--type4 .c-accordion__check {
    height: auto;
    width: auto;
    z-index: 3; }
    .c-accordion--type4 .c-accordion__check .c-label {
      margin: 0;
      color: #1d1d1b; }
  .c-accordion--type4 .c-accordion__amount {
    margin-left: auto;
    margin-right: 2.25rem;
    color: #4c4c4c; }
  .c-accordion--type4 .c-accordion__inside {
    margin: 0.625rem 0;
    padding: 1.5rem 3.5rem 1.5rem 5.25rem;
    background-color: #f5f5f5;
    font-size: 0.9375rem;
    color: #333;
    text-align: left; }
  .c-accordion--type5 {
    margin-top: 1.5rem;
    text-align: center; }
    .c-accordion--type5 .c-accordion__item {
      background-color: #f2faf9;
      border-radius: 1rem; }
    .c-accordion--type5 .c-accordion__title {
      font-size: 1.25rem;
      font-weight: 700;
      color: #008080; }
    .c-accordion--type5 .c-accordion__button:after {
      content: none; }
    .c-accordion--type5 .c-accordion__button.is-active .c-icon {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    .c-accordion--type5 .c-accordion__icon {
      content: '';
      display: block;
      clear: both;
      position: absolute;
      top: 50%;
      right: 4.875rem;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      -webkit-box-shadow: 0 8px 5px 0 rgba(0, 0, 0, 0.04);
              box-shadow: 0 8px 5px 0 rgba(0, 0, 0, 0.04);
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      .c-accordion--type5 .c-accordion__icon .c-icon {
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
    .c-accordion--type5 .c-accordion__inside {
      padding-bottom: 3rem; }
      .c-accordion--type5 .c-accordion__inside .c-filter {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 1rem 15rem; }
        .c-accordion--type5 .c-accordion__inside .c-filter__inner {
          padding-bottom: 0;
          background-color: transparent;
          text-align: left; }
        .c-accordion--type5 .c-accordion__inside .c-filter::before {
          content: none; }
  .c-accordion--type6 .c-accordion__item {
    border-bottom: 0.0625rem solid #eaeaea; }
  .c-accordion--type6 .c-accordion__head {
    padding: 0 4rem 1.5rem 0.9375rem;
    margin-top: 3rem; }
  .c-accordion--type6 .c-accordion__title {
    font-size: 1.0625rem;
    line-height: 1.5rem;
    font-weight: 500; }
  .c-accordion--type6 .c-accordion__button:after {
    top: 1rem !important; }
  .c-accordion--type6 .c-accordion__panel {
    font-size: 0.875rem;
    font-weight: 400;
    color: #4c4c4c, #f5f5f5, "faq-pannel text";
    background: #f5f5f5; }
    .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__inside {
    padding: 1.5rem 1.125rem 0.75rem; }

.c-accordion.acc-agree .c-accordion__head {
    padding: 2.5rem 1.25rem; }

.c-accordion.acc-agree .c-accordion__sub-check ~ .c-accordion__sub-check {
    margin-top: 0; }

.c-accordion.acc-agree .c-accordion__sub-check .c-label {
    margin-bottom: 0.5rem; }

.c-accordion.promotion {
    margin-top: 0; }

.c-accordion.promotion .c-accordion__box {
    border:none;
    border-bottom: 0.0625rem solid #eaeaea; }

.c-accordion.promotion:last-child .c-accordion__box {
    border:none; }

.c-accordion.promotion .c-accordion__inside {
	    padding: 1.375rem 1.5rem;
	background-color: #eaeaea; }

.c-accordion.promotion .c-accordion__head {
    padding: 1.875rem 1.25rem; }

.c-accordion.promotion .c-accordion__check .c-label {
    margin: -1rem; }

.c-accordion.promotion .c-accordion__button:after {
    right: 0; }

.c-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden; }
  .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__header {
    position: relative;
    width: 100%;
    font-weight: 700;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1.25rem; }
    .c-modal__header .c-modal__close,
    .c-modal__header [data-dialog-close] {
      position: absolute;
      right: 3rem;
      top: 3rem;
      width: 2rem;
      height: 2rem; }
      .c-modal__header .c-modal__close .c-icon,
      .c-modal__header [data-dialog-close] .c-icon {
        margin-right: 0; }

 #promotionPopup .c-modal__header .c-button,  #promotionModal  .c-modal__header .c-button {
      position: absolute;
      right: 3rem;
      top: 3rem;
      width: 2rem;
      height: 2rem; }

  .c-modal__dialog {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .c-modal__content {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 0.75rem;
    max-height: 90vh;
    overflow-x: hidden;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #fff; }
  .c-modal__footer {
    position: relative; }
    .c-modal__footer:before {
      content: '';
      position: absolute;
      top: -1rem;
      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__body {
    position: relative;
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    /*
    @todo
      ie에서 padding 하단 영역이 overflow 영역에 포함되지 않는다.
      모든 브라우저에서 같은 동작을 위해 여백만큼의 빈 공간을 할당한다.
    */ }
    .c-modal__body--fix-sm {
      height: 30vh; }
    .c-modal__body--fix-md {
      height: 50vh; }
    .c-modal__body--fix-xlg {
      height: 90vh; }
    .c-modal__body--full, .c-modal__body--mstorage, .c-modal__body--event-banner, .c-modal__body--event-pop {
      padding-left: 0 !important;
      padding-right: 0 !important; }
    .c-modal__body.u-pb--0:after {
      content: none; }
    .c-modal__body:after {
      content: '';
      display: block;
      height: 3rem;
      width: 100%; }
  .c-modal--event-banner .c-modal__content {
    width: 100%; }
  .c-modal--event-banner .c-modal__body {
    padding: 3rem 3rem 0; }
  .c-modal--event-banner .c-modal__header {
    padding: 3rem 3rem 0; }
  .c-modal--event-banner .c-modal__footer {
    padding: 0 3rem 3rem; }
  .c-modal--event-banner .c-modal__content {
    border-radius: 0; }
  .c-modal--event-banner .c-modal__header,
  .c-modal--event-banner .c-modal__body {
    padding: 0; }
  .c-modal--event-pop .c-modal__content {
    width: 75rem; }
  .c-modal--event-pop .c-modal__body {
    padding: 3rem 3rem 0; }
  .c-modal--event-pop .c-modal__header {
    padding: 3rem 3rem 0; }
  .c-modal--event-pop .c-modal__footer {
    padding: 0 3rem 3rem; }
  .c-modal--event-pop .c-modal__header {
    padding-bottom: 3rem; }
  .c-modal--event-pop .c-modal__body {
    padding: 3rem 3rem 0;
    padding: 3rem 0 0; }
  .c-modal--event-pop .c-board__head {
    width: 58.75rem;
    margin: 0 auto; }
  .c-modal--event-pop .c-modal__body {
    padding-top: 0; }
  .c-modal--mstorage .c-modal__content {
    width: 48.5rem; }
  .c-modal--mstorage .c-modal__body {
    padding: 3rem 3rem 0; }
  .c-modal--mstorage .c-modal__header {
    padding: 3rem 3rem 0; }
  .c-modal--mstorage .c-modal__footer {
    padding: 0 3rem 3rem; }
  .c-modal--alert {
    text-align: center; }
    .c-modal--alert .c-modal__content {
      width: 24.75rem; }
    .c-modal--alert .c-modal__body {
      padding: 3rem 3rem 0; }
    .c-modal--alert .c-modal__header {
      padding: 3rem 3rem 0; }
    .c-modal--alert .c-modal__footer {
      padding: 0 3rem 3rem; }
  .c-modal--sm .c-modal__content {
    width: 24.75rem; }
  .c-modal--sm .c-modal__body {
    padding: 3rem 3rem 0; }
  .c-modal--sm .c-modal__header {
    padding: 3rem 3rem 0; }
  .c-modal--sm .c-modal__footer {
    padding: 0 3rem 3rem; }
  .c-modal--md .c-modal__content {
    width: 38.75rem; }
  .c-modal--md .c-modal__body {
    padding: 3rem 3rem 0; }
  .c-modal--md .c-modal__header {
    padding: 3rem 3rem 0; }
  .c-modal--md .c-modal__footer {
    padding: 0 3rem 3rem; }

.c-modal--combine-print .c-modal__content {
    width: 48.75rem; }
.c-modal--combine-print .c-modal__body {
   padding: 1.5rem 2.5rem 0; }
.c-modal--combine-print .c-modal__header {
     padding: 3rem 2.5rem 0;
    font-weight: 500;
    font-size: 1.375rem;
    text-align: center; }
.c-modal--combine-print .c-modal__footer {
   padding: 0 3rem 3rem; }

.c-modal--editor .c-modal__body {
    text-align: center;
    max-height: 72vh; }

.c-modal--editor .c-modal__body:after {
    content: none; }

.c-modal--editor .c-modal__body::-webkit-scrollbar {
	display: none !important; }

.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 {
	max-width: 100%;
    vertical-align: bottom; }

.event-summary-button {
    position: sticky;
    width: 100%;
    bottom: 2.5rem;
    margin-top: 4rem;
    z-index: 3; }

.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;
    letter-spacing: -0.05rem;
    -webkit-box-shadow: 0 0.25rem 1rem 0 rgb(244 184 184 / 92%);
    box-shadow: 0 0.25rem 1rem 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__header .c-modal__close, .c-modal--event-summary .c-modal__header [data-dialog-close] {
    right: 2rem;
    top: 2rem; }

.c-modal--event-summary .c-modal__title {
    font-size: 1.5rem; }

.c-modal--event-summary .c-modal__title span {
    margin-left: 0.75rem;
    color: #6c6c6c;
    font-size: 1.25rem; }

.c-modal--event-summary .c-modal__header {
    padding: 2rem 3rem 1.25rem; }

.c-modal--event-summary .c-modal__body {
    padding: 0.625rem 3rem;
    background-color: #f5f5f5; }
.c-modal--event-summary .c-modal__body:after {
    content: none; }

.c-modal--event-summary .c-modal__footer {
    padding: 1.75rem 3rem; }

.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: 3rem;
    height: 3rem;
    margin-right: 0.75rem; }

.event-summary__text strong {
    font-size: 1rem;
    font-weight: 700; }

.event-summary__text p {
    font-size: 0.875rem;
    color: #656565; }

.c-modal--lg850 .c-modal__content {
    width: 53.125rem; }
 .c-modal--lg850 .c-modal__body {
   padding: 3rem 3rem 0; }
 .c-modal--lg850 .c-modal__header {
   padding: 3rem 3rem 0; }
 .c-modal--lg850 .c-modal__footer {
   padding: 0 3rem 3rem; }

.c-modal--lg940 .c-modal__content {
    width: 58.75rem; }
.c-modal--lg940 .c-modal__body {
    padding: 3rem 5rem 1rem; }
.c-modal--lg940 .c-modal__header {
    padding: 3rem 3rem 0 5rem;
    font-size: 1.75rem;
    font-weight: 500; }
.c-modal--lg940 .c-modal__footer {
    padding: 0 3rem 3rem; }

.c-modal--lg .c-modal__content {
    width: 46.875rem; }
 .c-modal--lg .c-modal__body {
   padding: 3rem 3rem 0; }
 .c-modal--lg .c-modal__header {
   padding: 3rem 3rem 0; }
 .c-modal--lg .c-modal__footer {
   padding: 0 3rem 3rem; }

  .c-modal--xlg .c-modal__content {
    width: 68.75rem; }
  .c-modal--xlg .c-modal__body {
    padding: 3rem 5rem 0; }
  .c-modal--xlg .c-modal__header {
    padding: 3rem 5rem 0; }
  .c-modal--xlg .c-modal__footer {
    padding: 0 3rem 3rem; }
  .c-modal--xlg .c-modal__header {
    font-size: 1.75rem;
    font-weight: 500; }
    .c-modal--xlg .c-modal__header .c-stepper-wrap {
      position: absolute;
      width: auto;
      top: 3.625rem;
      right: 10rem; }

.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;
  z-index: 12; }

.c-tooltip-box--auto {
  width: auto !important;
  min-width: 100px !important;
  height: 35px !important;
  font-size: 14px !important;
  padding: 8px !important;
  text-align: center !important;
  left: auto !important;
  top: 0 !important;
  margin-top: -30px !important;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.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__title {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1d1d1b; }

.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__content .c-bullet--dot > .c-text-list__item:not(.u-co-gray) {
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #4c4c4c; }

[role='tooltip'],
.hidetooltip + [role='tooltip'] {
  visibility: hidden;
  position: absolute;
  display: none;
  width: 20.9375rem;
  margin-top: 0.25rem;
  padding: 1.25rem 1rem;
  border: 1px solid #c0c0c0;
  background-color: #fff;
  border-radius: 0.25rem;
  z-index: 2; }

[aria-describedby]:hover + [role='tooltip'] {
  visibility: visible;
  display: block; }

[aria-describedby]:hover [role='tooltip'] {
  visibility: visible;
  display: block; }

[aria-describedby]:focus + [role='tooltip'] {
  visibility: visible;
  display: block; }

[aria-describedby]:focus [role='tooltip'] {
  visibility: visible;
  display: block; }

.phone-list__colors {
  position: relative; }

.c-bs-compare {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  background-color: #fff;
  z-index: 10;
  -webkit-box-shadow: 0 -2px 18px 0 rgba(86, 67, 67, 0.16);
          box-shadow: 0 -2px 18px 0 rgba(86, 67, 67, 0.16);
  border-top: solid 1px #ed0000; }
  .c-bs-compare.no-banner .c-scrolly-auto {
    height: calc(100%); }
  .c-bs-compare.no-banner .c-bs-compare__detail {
    padding-top: 2rem; }
  .c-bs-compare__openner {
    position: absolute;
    display: block;
    width: 7.375rem;
    height: 1.375rem;
    left: 50%;
    top: -1.375rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: #fff;
    border-radius: 1.4375rem 1.4375rem 0 0;
    border: solid 1px #ed0000;
    border-bottom: 0;
    -webkit-box-shadow: 0 -2px 2px 0 rgba(86, 67, 67, 0.16);
            box-shadow: 0 -2px 2px 0 rgba(86, 67, 67, 0.16);
    z-index: 5;
    overflow: visible; }
    .c-bs-compare__openner.is-active:after {
      background: #fff url(../../images/portal/common/ico_double_arrow_down_red.svg) no-repeat 50% 50%;
      background-size: 2rem 2rem;
      border-radius: 1.5rem 1.5rem 0 0; }
    .c-bs-compare__openner:after {
      content: '';
      display: block;
      width: 100%;
      height: 2rem;
      background: url(../../images/portal/common/ico_double_arrow_up_red.svg) no-repeat 50% 50%;
      background-size: 2rem 2rem;
      position: absolute;
      top: 0.3125rem; }
  .c-bs-compare__preview {
    width: 68.75rem;
    margin: 0 auto;
    height: 7.5rem;
    padding: 1.5rem 0 2rem;
    background-color: #fff; }
  .c-bs-compare__detail {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    .c-bs-compare__detail .c-scrolly-auto {
      width: 100%;
      height: calc(100% - 10.375rem);
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      overflow-y: auto; }
  .c-bs-compare__container {
    margin: 0 auto;
    overflow: hidden;
    height: 7.5rem;
    -webkit-transition: height 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    transition: height 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
  .c-bs-compare__inner {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1); }
  .c-bs-compare--type1 {
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .c-bs-compare--type1 .c-bs-compare__openner {
      color: #ed0000;
      font-size: 0.9375rem;
      font-weight: 700;
      width: 11.25rem;
      height: 3rem;
      padding: 0;
      text-align: left;
      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;
      top: -3rem; }
      .c-bs-compare--type1 .c-bs-compare__openner.is-active {
        top: -1.6875rem;
        border-left: 0;
        border-right: 0;
        -webkit-box-shadow: 0 -7px 8px 0px rgba(86, 67, 67, 0.06);
                box-shadow: 0 -7px 8px 0px rgba(86, 67, 67, 0.06); }
        .c-bs-compare--type1 .c-bs-compare__openner.is-active + .c-bs-compare__container {
          margin-top: 0 !important; }
      .c-bs-compare--type1 .c-bs-compare__openner:after {
        content: none; }
      .c-bs-compare--type1 .c-bs-compare__openner .in-box {
        margin-left: 0.375rem; }
      .c-bs-compare--type1 .c-bs-compare__openner.is-active .in-box {
        display: none; }
      .c-bs-compare--type1 .c-bs-compare__openner.is-active:after {
        content: '';
        position: relative;
        margin-top: -0.3125rem;
        margin-left: 0.375rem;
        width: 2rem;
        height: 2rem;
        background: url(../../images/portal/common/ico_double_arrow_down_red.svg) no-repeat 50% 50%;
        background-size: 2rem 2rem; }
      .c-bs-compare--type1 .c-bs-compare__openner.is-active + .c-bs-compare__container {
        border-top: 0.0625rem solid #ed0000; }
    .c-bs-compare--type1 .c-bs-compare__container {
      height: 3rem;
      margin-top: -3rem; }
    .c-bs-compare--type1 .c-bs-compare__detail {
      margin-top: 3rem; }

.c-bs-dim {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: #1d1d1b;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); }

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  visibility: visible; }

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999; }

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px; }

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px); }

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 1) .flatpickr-day.inRange:nth-child(7n + 7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 2) .flatpickr-day.inRange:nth-child(7n + 1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; }

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0; }

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6; }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto; }

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px; }

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px; }

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%; }

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px; }

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px; }

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%; }

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6; }

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff; }

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%; }

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6; }

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff; }

.flatpickr-calendar:focus {
  outline: 0; }

.flatpickr-wrapper {
  position: relative;
  display: inline-block; }

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

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 28px;
  padding: 20px 0 28px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  height: 32px;
  width: 32px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  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;
  border-radius: 150px; }

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none; }

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative; }

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
      /*rtl:begin:ignore*/
  left: 12px;
  /*
      /*rtl:end:ignore*/ }

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
      /*rtl:begin:ignore*/
  right: 12px;
  /*
      /*rtl:end:ignore*/ }

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9; }

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  background-color: #f5f5f5; }

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 20px;
  height: 20px; }

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit; }

.numInputWrapper {
  position: relative;
  height: auto;
  font-size: 20px; }
  .numInputWrapper .year-text {
    position: relative;
    display: inline-block;
    top: 0;
    line-height: 28px;
    right: 0;
    width: auto;
    height: 100%;
    border: 0; }

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block; }

.numInputWrapper input {
  width: 100%; }

.numInputWrapper input::-ms-clear {
  display: none; }

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none; }

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 1;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1); }

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2); }

.numInputWrapper span:after {
  display: block;
  content: '';
  position: absolute; }

.numInputWrapper span.arrowUp {
  top: 0;
  right: -20px;
  border-bottom: 0;
  background: url(../../images/portal/common/ico_datepicker_up.svg) 50% 50% no-repeat; }

.numInputWrapper span.arrowDown {
  top: 50%;
  right: -20px;
  background: url(../../images/portal/common/ico_datepicker_down.svg) 50% 50% no-repeat; }

.numInputWrapper span svg {
  width: inherit;
  height: auto; }

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5); }

.numInputWrapper:hover span {
  opacity: 1; }

.flatpickr-current-month {
  font-size: 20px;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 100%;
  left: 0;
  line-height: 1;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0; }

.flatpickr-current-month .numInputWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  width: 54px; }

.flatpickr-current-month input.cur-year:focus {
  outline: 0; }

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  pointer-events: none; }

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: none;
  background: url(../../images/portal/common/ico_datepicker_select.svg) 50% 50% no-repeat;
  background-position: 90% 50%;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: 20px;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 24px 0 0.5ch;
  margin-left: 80px;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: auto;
  position: relative;
  text-align: left; }

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0; }

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 28px 63px 16px; }

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

span.flatpickr-weekday {
  cursor: default;
  font-size: 15px;
  color: #707070;
  background: transparent;
  line-height: 1;
  font-weight: 500;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder; }
  span.flatpickr-weekday:first-child {
    color: #ed0000; }

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0; }

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 40px 20px; }

.flatpickr-days:focus {
  outline: 0; }

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 348px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  padding: 0 23px; }

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6; }

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  color: #1d1d1b;
  cursor: pointer;
  font-weight: 400;
  width: 40px;
  max-width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center; }

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #f5f5f5;
  border-color: #f5f5f5;
  text-decoration: underline; }

.flatpickr-day.today:before {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #ed0000;
  bottom: 2px;
  border-radius: 2px;
  left: 50%;
  margin-left: -2px; }

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #1d1d1b;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #1d1d1b; }

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px; }

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0; }

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7; }

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px; }

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #f5f5f5, 5px 0 0 #f5f5f5;
  box-shadow: -5px 0 0 #f5f5f5, 5px 0 0 #f5f5f5; }

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default; }

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1); }

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.flatpickr-input[readonly] {
  cursor: pointer;
  padding: 0 3.625rem;
  background-color: #fff !important;
  color: #707070; }

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.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; }

.full-box-banner .txt-ani1 {
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
  -webkit-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
          animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-animation-name: main-banner-txt-ani;
          animation-name: main-banner-txt-ani; }

.full-box-banner .txt-ani2 {
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
  -webkit-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
          animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-animation-name: main-banner-txt-ani;
          animation-name: main-banner-txt-ani; }

.full-box-banner .txt-ani3 {
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
  -webkit-animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
          animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  -webkit-animation-name: main-banner-txt-ani;
          animation-name: main-banner-txt-ani; }

.swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  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;
  z-index: 1; }

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  position: relative; }
  .swiper-slide img {
    vertical-align: bottom; }

.swiper-controls-wrap {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  margin-left: -34.375rem; }
  .swiper-controls-wrap .swiper-controls {
    position: relative;
    width: 8.125rem;
    height: 1.875rem;
    left: calc(100% - 10.125rem);
    z-index: 2; }
    .swiper-controls-wrap .swiper-controls .swiper-button-pause {
      display: block;
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      width: 1.875rem;
      height: 1.875rem;
      background: url(../../images/portal/common/swiper_pause_button.svg) 50% 50% no-repeat;
      background-size: cover; }
    .swiper-controls-wrap .swiper-controls .swiper-button-play {
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      width: 1.875rem;
      height: 1.875rem;
      background: url(../../images/portal/common/swiper_play_button.svg) 50% 50% no-repeat;
      background-size: cover; }
    .swiper-controls-wrap .swiper-controls .swiper-pagination {
      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: 6rem;
      height: 1.875rem;
      border-radius: 0.9375rem;
      background: #909090;
      top: 0;
      left: auto;
      bottom: auto;
      right: 0;
      font-size: 0.9375rem;
      font-weight: 400;
      color: white; }
      .swiper-controls-wrap .swiper-controls .swiper-pagination span {
        height: 1.25rem;
        line-height: 1.25rem; }
        .swiper-controls-wrap .swiper-controls .swiper-pagination span.swiper-pagination-current {
          color: white;
          margin-right: 0.25rem;
          font-weight: 700; }
        .swiper-controls-wrap .swiper-controls .swiper-pagination span.swiper-pagination-total {
          margin-left: 0.25rem; }

.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-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-pagination-bullet {
  width: 0.3125rem;
  height: 0.3125rem;
  display: inline-block;
  border-radius: 100%;
  background: #1d1d1b;
  opacity: 0.2;
  margin: 0 0.25rem; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #1d1d1b; }

.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;
  bottom: 0;
  width: 100%; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

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

/* 3D Effects */
.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-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px; }

.swiper-button-prev.circle {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
  background: url(../../images/portal/common/ico_swiper_prev.svg) 30% 50% no-repeat;
  background-size: 100%; }

.swiper-button-disabled.circle {
  opacity: 0.3;
  cursor: not-allowed; }

.swiper-button-next.circle {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
  background: url(../../images/portal/common/ico_swiper_next.svg) 30% 50% no-repeat;
  background-size: 100%; }

.service-icon-pager.circle {
  top: 4rem;
 }
.coupon-pager.swiper-button-next {
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: -2.25rem;
  width: 1.875rem;
  height: 1.875rem;
  background: url(../../images/portal/common/ico_arrow_left.svg) 50% 50% no-repeat;
  background-size: cover;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0.35;
}
.coupon-pager.swiper-button-prev {
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: -4.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background: url(../../images/portal/common/ico_arrow_left.svg) 50% 50% no-repeat;
  background-size: cover;
  opacity: 0.35;
}

.swiper-scrollbar {
  opacity: 0;
  -webkit-transform: scaleX(0.1);
          transform: scaleX(0.1);
  bottom: 50px;
  width: 100%;
  height: 2px;
  position: absolute;
  -ms-touch-action: none;
  background-color: #d8d8d8; }

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-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: black;
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

/* card */
.c-card {
  display: block;
  background: #fff; }
  .c-card__anchor {
    display: block; }
  .c-card .c-card__title {
    display: block;
    font-size: 1.125rem;
    color: #1d1d1b;
    font-weight: 700;
    margin-bottom: 1.25rem; }
    .c-card .c-card__title strong {
      display: block;
      max-height: 3rem;
      overflow: hidden;
      margin-bottom: 1.5rem; }
  .c-card .c-card__sub {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #707070;
    max-height: 2.5rem;
    overflow: hidden;
    margin-top: 0.75rem; }
  .c-card.c-card--dummy {
    min-height: 24.875rem; }
  .c-card ul.c-card__sub {
    margin-top: 0.375rem;
    margin-left: -0.5rem;
    font-size: 0; }
    .c-card ul.c-card__sub > li {
      display: inline-block;
      padding: 0 0.5rem;
      font-size: 0.875rem; }
      .c-card ul.c-card__sub > li ~ li {
        position: relative; }
        .c-card ul.c-card__sub > li ~ li::before {
          content: '';
          position: absolute;
          top: 50%;
          left: 0;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 1px;
          height: 0.75rem;
          background: #ccc; }
  .c-card__price {
    display: block;
    text-align: right;
    font-size: 1.0625rem;
    color: #008080; }
    .c-card__price b {
      font-size: 1.25rem;
      font-weight: 700;
      margin-right: 0.125rem; }
  .c-card .u-td-line-through {
    display: block;
    text-align: right;
    color: #707070;
    font-size: 1.0625rem; }
  .c-card__price-title {
    margin-right: 0.5rem;
    font-size: 0.9375rem; }
  .c-card__image {
    display: block; }
    .c-card__image img {
      width: 100%;
      height: 100%;
      background: rgba(237, 0, 0, 0.5); }
  .c-card .c-card__badge {
    display: inline-block; }
  .c-card .c-card__badge-label {
    display: block;
    width: 2rem;
    height: 2rem;
    background: url("../../images/portal/common/ico_box_check.svg") no-repeat;
    background-size: 2rem 2rem;
    background-position: 0 100%;
    border-radius: 0.5rem; }
  .c-card .c-checkbox:checked + .c-card__badge-label {
    background: url("../../images/portal/common/ico_box_check_checked.svg") no-repeat;
    background-size: 2rem 2rem; }
  .c-card .c-card__label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 0 0 1px #eaeaea;
            box-shadow: 0 0 0 1px #eaeaea; }
  .c-card .c-radio:checked + .c-card__label {
    -webkit-box-shadow: 0 0 0 1px #1d1d1b;
            box-shadow: 0 0 0 1px #1d1d1b; }
  .c-card .c-radio--type4 + .c-card__label::before,
  .c-card .c-checkbox--type4 + .c-card__label::before {
    position: absolute;
    content: '';
    width: 2rem;
    height: 2rem;
    background: url("../../images/portal/common/ico_checkmark_light-gray.svg") no-repeat;
    background-size: 2rem 2rem;
    background-position: 0 100%;
    border-radius: 0.5rem; }
  .c-card .c-radio--type4:checked + .c-card__label,
  .c-card .c-radio--type4:checked + .c-card__label,
  .c-card .c-checkbox--type4:checked + .c-card__label,
  .c-card .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 .c-radio--type4:checked + .c-card__label::before,
    .c-card .c-radio--type4:checked + .c-card__label::before,
    .c-card .c-checkbox--type4:checked + .c-card__label::before,
    .c-card .c-checkbox--type4:checked + .c-card__label::before {
      content: '';
      position: absolute;
      width: 2rem;
      height: 2rem;
      background: url("../../images/portal/common/ico_checkmark_black.svg") no-repeat;
      background-size: 2rem 2rem;
      background-position: 0 100%;
      border-radius: 0.5rem; }
  .c-card--type1 {
    position: relative;
    -webkit-box-shadow: 0 0 0 1px #eaeaea;
            box-shadow: 0 0 0 1px #eaeaea;
    border-radius: 0.5rem;
    padding: 1.875rem; }
    .c-card--type1 > .c-icon--arrow-gray-2 {
      position: absolute;
      top: 2.0625rem;
      right: 1.5rem; }
    .c-card--type1 .c-card__label {
      z-index: 1; }
    .c-card--type1 .c-card__top {
      margin-bottom: 0.75rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .c-card--type1 .c-card__top .c-text-label {
        margin-right: auto; }
      .c-card--type1 .c-card__top .c-card__badge {
        margin-right: 0.5rem;
        z-index: 2; }
      .c-card--type1 .c-card__top .c-button {
        margin-right: -0.75rem;
        z-index: 2; }
        .c-card--type1 .c-card__top .c-button .c-icon--arrow-gray-2 {
          width: 2rem;
          height: 2rem; }
    .c-card--type1 .c-card__content {
      margin-top: 1.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      font-weight: 400; }
    .c-card--type1 .c-card__price-wrap {
      margin-top: 0.625rem; }
    .c-card--type1 .c-card__price {
      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; }

    .c-card--type1 .c-card__price--type2 {
      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;
      text-align: right;
      font-size: 1.0625rem;
      color: #008080; }

    .c-card--type1 .c-card__price--type2 .c-card__price-title {
	  margin-top: 0.1875rem;
	  font-size: 0.9375rem; }

	.c-card--type1 .c-card__price--type2 b {
	    font-size: 1.25rem;
	    font-weight: 700;
	    margin-right: 0.125rem; }

  .c-card--type2 {
    position: relative;
    -webkit-box-shadow: 0 0 0 1px #eaeaea;
            box-shadow: 0 0 0 1px #eaeaea;
    border-radius: 0.5rem;
    padding: 1.5rem; }
    .c-card--type2 .c-radio--type4 + .c-card__label::before,
    .c-card--type2 .c-checkbox--type4 + .c-card__label::before {
      right: 1rem;
      top: 1rem; }
    .c-card--type2 .c-card__price-wrap {
      margin-top: 1.25rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      min-height: 3rem; }
      .c-card--type2 .c-card__price-wrap .c-icon {
        z-index: 1; }
        .c-card--type2 .c-card__price-wrap .c-icon + .c-icon {
          margin-left: -0.5rem;
          z-index: 0; }
      .c-card--type2 .c-card__price-wrap .c-card__price {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto; }
      .c-card--type2 .c-card__price-wrap .c-card__price-title {
        color: #1d1d1b; }
    .c-card--type2 > .c-card__price-wrap:last-child {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto; }
    .c-card--type2 .c-card__content {
      pointer-events: none; }
      .c-card--type2 .c-card__content:last-child {
        position: relative;
        margin: 1.25rem -1.5rem -1.5rem;
        padding: 1.5rem;
        background: #f9f9f9;
        border-bottom-left-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem; }
      .c-card--type2 .c-card__content .c-text-label-wrap {
        margin-top: 1.25rem; }
  .c-card--dummy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 0.5rem;
    border: 1px dashed #dddddd;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .c-card--dummy .c-icon {
      display: block;
      margin: 0 auto 0.75rem; }
  .c-card--coupon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    overflow: hidden;
    width: 100%;
    min-height: 10rem;
    padding: 1.25rem 1.875rem;
    position: relative;
    background-color: #fff;
    border-radius: 0.5rem; }
    .c-card--coupon::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 1px solid #eaeaea;
      border-radius: 0.5rem; }
    .c-card--coupon::after {
      content: '';
      width: 2rem;
      height: 2.8125rem;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      right: -1rem;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      border: 1px solid #eaeaea;
      background: #fff;
      z-index: 1; }
    .c-card--coupon .c-form--line {
      display: block;
      margin-top: 0.75rem;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none; }
    .c-card--coupon .c-card__title {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      font-weight: 500; }
      .c-card--coupon .c-card__title .c-card__sub {
        margin-top: 0.25rem;
        font-size: 0.875rem; }
    .c-card--coupon .c-card__text {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: 0.375rem;
      font-size: 1.25rem;
      font-weight: 700; }
      .c-card--coupon .c-card__text .c-icon {
        width: 2rem;
        height: 2rem;
        background-size: cover;
        margin-right: 0.3125rem; }
    .c-card--coupon .c-card__sub {
      font-size: 0.8125rem; }
      .c-card--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-card--coupon .c-card__sub .c-text .sub-title {
          margin-right: 0.5rem;
          display: block;
          -webkit-box-flex: 0;
              -ms-flex: none;
                  flex: none; }
        .c-card--coupon .c-card__sub .c-text .sub-code {
          display: block; }
    .c-card--coupon .c-card__sub-title {
      margin-right: 0.5rem; }
    .c-card--coupon .c-card__bottom {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      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-card--coupon .c-card__bottom:last-child {
        border-top: 0.0625rem dashed #cfcfcf;
        background: #f9f9f9;
        margin: 1.25rem -1.8125rem -1.1875rem;
        padding: 0.625rem 1.5rem 0.625rem 1.875rem;
        border-bottom-left-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem; }
      .c-card--coupon .c-card__bottom .c-button {
        margin: 0.375rem 0; }
      .c-card--coupon .c-card__bottom .c-card__date {
        font-size: 0.8125rem;
        color: #707070; }

.c-card.c-card--coupon.mcoupon .c-card__sub {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: initial; }

.c-card.c-card--coupon.mcoupon .c-card__sub .c-text {
	max-width: 10.625rem; }

.c-card.c-card--coupon.mcoupon .c-card__bottom {
    margin-top: 0.9375rem;
    padding: 0.625rem 1.75rem 0.625rem 1.875rem; }

.c-card.c-card--coupon.mcoupon .c-button-coupon--copy {
	width: 3.625rem;
    height: 1.4375rem;
	color: #707070;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 0.75rem;
    -webkit-transform: translateY(0.0625rem, -0.1875rem);
    transform: translate(0.0625rem, -0.1875rem); }

.c-card.c-card--coupon.mcoupon .c-card__date {
	-webkit-transform: translateY(0.0625rem);
	transform: translateY(0.0625rem); }

.c-card.c-card--coupon.mcoupon .c-button-coupon--detail {
	width: 5.25rem;
    height: 1.625rem;
    margin: 0.325rem 0;
    padding: 0 0.5rem;
    line-height: 1.625rem;
    font-size: 0.8125rem;
    border-radius: 0.75rem; }

  .c-card-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 58.75rem;
    margin: -1.25rem 0 0 0; }
    .c-card-col .c-card {
      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;
      margin: 1.25rem 0 0 0; }
      .c-card-col .c-card .c-card__content {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
        margin-top: auto; }

      #divSelNew .c-card-col .c-card.c-card--type2 .c-card__label,
      #divSelUsim .c-card-col .c-card.c-card--type2 .c-card__label,
      #divSelSelf .c-card-col .c-card.c-card--type2 .c-card__label,
      #divInsrProdList.c-card-col .c-card.c-card--type2 .c-card__label {
        cursor: pointer; }

      #divSelNew .c-card-col .c-card .c-card__content,
      #divSelUsim .c-card-col .c-card .c-card__content,
      #divSelSelf .c-card-col .c-card .c-card__content,
      #divInsrProdList.c-card-col .c-card .c-card__content {
        -webkit-box-flex: 1;
    	-ms-flex: 1;
    	flex: 1;
        margin-top: inherit; }

	  #divSelNew .c-card-col .c-card.c-card--type2 .c-card__price-wrap .c-icon + .c-icon,
      #divSelUsim .c-card-col .c-card.c-card--type2 .c-card__price-wrap .c-icon + .c-icon,
      #divSelSelf .c-card-col .c-card.c-card--type2 .c-card__price-wrap .c-icon + .c-icon,
      #divInsrProdList.c-card-col .c-card.c-card--type2 .c-card__price-wrap .c-icon + .c-icon {
		margin-left: 0.125rem;	}

      .c-card-col .c-card .c-card__price-wrap {
        width: 100%;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
      .c-card-col .c-card .c-del-btn {
        position: absolute;
        bottom: -52px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
  .c-card-col--3 > .c-card {
    width: 18.75rem; }
    .c-card-col--3 > .c-card:not(:nth-of-type(3n + 1)) {
      margin-left: 1.25rem; }
  .c-card-col--2 > .c-card {
    width: 28.75rem; }
    .c-card-col--2 > .c-card:not(:nth-of-type(2n + 1)) {
      margin-left: 1.25rem; }
  .c-card-col--2 > .c-card--coupon {
    width: calc(50% - 0.625rem);
    min-height: auto; }

.c-row.c-row--lg.reqInsr .c-card-col .c-card .c-card__content {
    margin-top: inherit; }

#insrProdView .c-card__box.box-gray .c-card__price-box {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: end;
    -ms-flex-align: end;
    min-height: 3rem;
    justify-content: space-between;
    align-items: baseline; }

#insrProdView .c-card__box.box-gray .c-card__price-box .ico-type img {
	width: 3rem;
    height: 3rem;
    vertical-align: bottom; }

#insrProdView .c-card__box.box-gray .c-card__price-box .c-text.c-text--type3 {
    margin-right: 0.5rem;
    font-size: 0.9375rem; }

#insrProdView .c-card__box.box-gray .c-card__price-box span b {
    font-size: 1.25rem;
    font-weight: 700;
    margin-right: 0.125rem;
    color: #008080; }

.c-modal .c-card__box-label {
  z-index: 110; }

.c-modal .c-card__badge-label,
.c-modal .c-button {
  z-index: 111; }

.c-modal--xlg .c-card-col {
  margin-left: 5rem; }

.c-card-col .c-nodata {
  margin: 0 auto; }

.c-range__wrap {
  position: relative; }

.range-fake {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1.5rem; }
  .range-fake__bg {
    position: absolute;
    left: 0;
    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/portal/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 {
  position: absolute;
  left: 0; }

.c-range__slider {
  position: relative;
  width: calc(100% - 24px);
  margin: 0 12px;
  height: 1.5rem; }
  .c-range__slider input[type='range'] {
    position: absolute;
    left: 0;
    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: calc(100% + 24px);
  margin: 20px 12px 10px;
  padding-bottom: 40px;
  -webkit-transform: translateX(-24px);
          transform: translateX(-24px); }
  .c-range__ruler .ruler-mark {
    color: #707070;
    font-size: 0.9375rem;
    width: 3.125rem;
    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: 13px; }

.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(25%);
  transform: translateX(25%); }

.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.5rem;
  -webkit-transform: translateX(0%);
  transform: translateX(0%); }

.c-range--step7 .c-range__ruler .ruler-mark:nth-child(2) {
    left: 17%;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }

.c-range--step7 .c-range__ruler .ruler-mark:nth-child(3) {
    left: 32%;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);}

.c-range--step7 .c-range__ruler .ruler-mark:nth-child(4) {
    left: 47%;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }

.c-range--step7 .c-range__ruler .ruler-mark:nth-child(5) {
    left: 62%;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }

.c-range--step7 .c-range__ruler .ruler-mark:nth-child(6) {
	left: 77%;
    -webkit-transform: translateX(3%);
    transform: translateX(3%); }

.c-range--step7 .c-range__ruler .ruler-mark:nth-child(7) {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  right: 0; }

.c-range.c-range--type2 .c-range__ruler .ruler-mark {
    color: #707070;
    width: auto;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500; }

.c-range.c-range--type2 .noUi-connect {
    background: #00c3bd; }

.c-range.c-range--type2 .noUi-horizontal .noUi-handle {
    background: #00c3bd; }

.c-range.c-range--type2 .noUi-touch-area {
    height: 70%;
    width: 70%;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

/**--------------**/
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.noUi-target {
  position: relative; }

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 4px;
  position: relative;
  z-index: 1; }

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0; }

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
          transform-style: flat; }

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto; }

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0; }

.noUi-horizontal .noUi-origin {
  height: 0; }

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute; }

.noUi-touch-area {
  height: 100%;
  width: 100%; }

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 4px;
  top: 7px; }

.noUi-horizontal .noUi-handle {
  right: -12px;
  top: -11px;
  position: absolute;
  width: 24px;
  height: 24px;
  background: #fff url(../../images/portal/common/ico_controller.svg) center no-repeat;
  background-size: cover;
  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%;
  cursor: pointer; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px; }

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto; }

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #eee; }

.noUi-connects {
  border-radius: 0; }

.noUi-connect {
  background: #1d1d1b; }

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize; }

.noUi-vertical .noUi-draggable {
  cursor: ns-resize; }

.noUi-handle:after {
  left: 17px; }

.noUi-vertical .noUi-handle:after {
  top: 17px; }

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #b8b8b8; }

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed; }

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.noUi-pips {
  position: absolute;
  color: #999; }

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center; }

.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #ccc; }

.noUi-marker-sub {
  background: #aaa; }

.noUi-marker-large {
  background: #aaa; }

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%; }

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%); }

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%); }

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px; }

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px; }

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%); }

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap; }

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%; }

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%; }

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px; }

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px; }

.c-toast {
  position: fixed;
  left: 50%;
  bottom: 4rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1060; }
  .c-toast__box {
    display: none;
    width: 58.75rem;
    padding: 1.25rem 2.5rem;
    opacity: 0.96;
    border-radius: 0.5rem;
    -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: 1.0625rem;
    color: #fff;
    text-align: center; }
    .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-active.is-popup {
        bottom: 2.5rem; }
    .c-toast__box.is-deactive {
      display: block;
      -webkit-animation-duration: 0.3s;
              animation-duration: 0.3s;
      -webkit-animation-name: toastOut;
              animation-name: toastOut; }

.complete__deco {
  width: 20.9375rem;
  height: auto; }
  .complete__deco img {
    width: 100%;
    height: auto; }

.c-button--bs-openner {
  border: 0;
  border-top: solid 1px #e73939;
  border-radius: 0; }
  .c-button--bs-openner::before {
    content: '';
    display: block;
    width: 7.5rem;
    height: 1.4375rem;
    background: #fff;
    border-radius: 1.4375rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: absolute;
    top: -1.375rem;
    border: solid 1px #e73939;
    border-bottom: 0;
    -webkit-box-shadow: 0 -5px 8px 0 rgba(239, 54, 56, 0.14);
            box-shadow: 0 -5px 8px 0 rgba(239, 54, 56, 0.14); }
  .c-button--bs-openner::after {
    content: '';
    display: block;
    width: 2rem;
    height: 2rem;
    background: url("../../images/portal/common/ico_double_arrow_up_red.svg") no-repeat 50% 50%;
    background-size: 2rem 2rem;
    position: absolute;
    top: -1rem; }
  .c-button--bs-openner .bs-opener_content {
    width: 68.75rem;
    height: 4rem;
    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-button--bs-openner .bs-opener_content .left-area {
      width: 50%;
      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; }
      .c-button--bs-openner .bs-opener_content .left-area .usim-img {
        width: 4rem;
        height: 4rem;
        margin-right: 1rem; }
      .c-button--bs-openner .bs-opener_content .left-area p {
        text-align: left; }

.c-sort-line {
  width: 100%;
  font-size: 0.9375rem;
  color: #1d1d1b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: right; }
  .c-sort-line .c-button--sort {
    overflow: visible; }
    .c-sort-line .c-button--sort span {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .c-sort-line .c-button--sort .c-icon--sort {
      margin-left: 0.375rem; }
    .c-sort-line .c-button--sort + .c-button--sort {
      margin-left: 3.0625rem; }
      .c-sort-line .c-button--sort + .c-button--sort:before {
        content: '';
        position: absolute;
        display: inline-block;
        height: 1rem;
        left: -1.5rem;
        top: 0.3125rem;
        border-left: 1px solid #e8e8e8; }

.complete ~ .c-button--under {
  margin: 0 auto; }

.prevent-leave {
  text-align: center; }

.outbox-banner {
  width: 38.75rem;
  height: 11.75rem; }
  .outbox-banner .swiper-controls-wrap {
    width: 38.75rem;
    right: 0;
    left: 0;
    margin-left: 0; }
    .outbox-banner .swiper-controls-wrap .swiper-controls {
      left: 0;
      right: 0;
      margin-left: auto; }

.c-form {
  margin-top: 0; }
  .c-form.dark-theme {
    background: #2f2f2f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .c-form.dark-theme .c-select {
      width: 10.75rem;
      min-height: 2.625rem;
      color: #fff;
      font-size: 0.9375rem;
      letter-spacing: -0.031rem;
      padding: 0 3rem 0 1.25rem !important;
      background: #1d1d1b;
      border: 0.0625rem solid #535353;
      border-radius: 1.375rem;
      background: url("../../images/portal/common/ico_down_arrow_white.svg") no-repeat right 1.1875rem top 50%; }
    .c-form.dark-theme .moveto-btn {
      width: 4.1875rem;
      height: 2.625rem;
      font-size: 0.9375rem;
      line-height: 2.625rem;
      color: #fff;
      border: 0.0625rem solid #535353;
      border-radius: 1.375rem;
      margin-left: 0.5rem; }

.c-footer-certification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1.875rem 2.1875rem 0; }

  .c-footer-certification dl {
  	display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

  .c-footer-certification dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0.5rem; }
    .c-footer-certification dt img {

	}
  .c-footer-certification dd {
    display: inline-block;
    font-size: 0.75rem;
    color: #999;
    margin-right: 3rem; }
.card-benefit--box .c-title--type1 {
  font-size: 1.25rem;
  font-weight: 400;
  margin-top: 4rem; }

.card-benefit--box .c-title--type3 {
  font-size: 1rem;
  font-weight: 500;
  margin-top: 3rem; }

.share-with-detail .c-title--type2 {
  font-size: 1.25rem;
  font-weight: 400; }
  .share-with-detail .c-title--type2 ~ .c-text-list .lv-2_title {
    margin-top: 3rem; }
  .share-with-detail .c-title--type2 + .c-text-box {
    margin-top: 2rem; }

.share-with-detail .lv-2_title {
  font-size: 1.0625rem;
  font-weight: 500;
  position: relative; }
  .share-with-detail .lv-2_title p {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #4c4c4c;
    margin-top: 1.5rem;
    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 {
      padding-top: 0; }
    .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: 3rem; }
      .share-with-detail .lv-2_title .c-accordion--type6 .c-accordion__inside .col-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        font-size: 0.875rem; }
        .share-with-detail .lv-2_title .c-accordion--type6 .c-accordion__inside .col-2 li {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 50%;
                  flex: 1 0 50%;
          margin-top: 0.75rem; }
  .share-with-detail .lv-2_title .c-text-list {
    position: relative;
    margin-left: -0.9375rem; }
    .share-with-detail .lv-2_title .c-text-list .c-text-list {
      position: relative !important; }
  .share-with-detail .lv-2_title .c-box--type3 {
    font-size: 0.9375rem;
    padding: 2rem;
    margin-top: 3rem; }
    .share-with-detail .lv-2_title .c-box--type3 strong {
      font-weight: 700; }
  .share-with-detail .lv-2_title .c-text--type4 {
    font-size: 0.8125rem; }

.share-with-detail .img-data-sharing {
  display: block;
  width: 27.25rem;
  height: 9.25rem;
  margin: 1.5rem auto 0; }

.sharing__subtit {
	margin-top: 3rem;
    color: #000;
    font-weight: 700;
    font-size: 1.125rem; }

.one-source .c-heading.c-title--type1 {
  font-size: 1.25rem;
  font-weight: 400;
  margin-top: 4rem; }

.one-source .c-heading.c-title--type2 {
  font-size: 1.25rem;
  font-weight: 400;
  margin-top: 1.5rem; }
  .one-source .c-heading.c-title--type2:first-child {
    margin-top: 0; }

.one-source .c-heading.c-title--type3 {
  font-size: 1rem;
  margin-top: 1.25rem; }
  .one-source .c-heading.c-title--type3 + .c-text-list {
    margin-top: 1rem; }
    .one-source .c-heading.c-title--type3 + .c-text-list:first-child {
      margin-top: 0; }

.one-source .u-mtb--table {
  margin-top: 1.5rem;
  margin-bottom: 3rem; }

.terms-wrap .tems-heading {
  margin-bottom: 2.5rem;
  font-size: 1.25rem;
  font-weight: 500; }

.terms-wrap .terms-conent .c-text-list .c-text-list__item {
  font-size: 0.9375rem; }

.terms-wrap .terms-conent .c-text-list.c-bullet--number .c-text-list__item {
  font-size: 0.9375rem;
  margin-top: 1rem; }
.terms-wrap .terms-conent .c-text-list.c-bullet--number .c-text-list__item:first-child {
  margin-top: 0; }

  .terms-wrap .terms-conent .c-text-list.c-bullet--number .c-text-list__item .c-text-list .c-text-list__item {
    margin-top: 0.5rem;
    font-size: 0.875rem; }

.c-side-badge {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 11.5rem;
  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: 112; }
  .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: -90px;
    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/portal/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-heading.c-heading--fs20 + .c-button-wrap--right {
  margin-top: -2.5rem; }
  .c-heading.c-heading--fs20 + .c-button-wrap--right .c-button:not(.c-button--white) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 0; }
    .c-heading.c-heading--fs20 + .c-button-wrap--right .c-button:not(.c-button--white) .c-icon--anchor {
      margin-left: 0.5rem; }

.c-heading.c-heading--fs16 + .c-button-wrap--right {
  margin-top: -1.75rem; }

.c-heading.c-heading--fs20 ~ .c-checktype-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -1.75rem; }
  .c-heading.c-heading--fs20 ~ .c-checktype-row .c-label {
    margin: 0; }

.c-heading--fs20 ~ .c-form--line {
  float: right;
  margin-top: -2rem; }

.customer-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .customer-service__item {
    position: relative;
    width: 13.75rem;
    height: 13.75rem;
    background-color: #f9f9f9;
    text-align: center; }
  .customer-service--type1 {
    padding: 0 7.5rem; }
    .customer-service--type1 .customer-service__item {
      border-radius: 4rem; }
      .customer-service--type1 .customer-service__item ~ .customer-service__item {
        margin-left: 1.25rem; }
    .customer-service--type1 .customer-service__title {
      display: block; }
    .customer-service--type1 .customer-service__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;
      height: 100%;
      padding: 8.3125rem 2.5rem 2.6875rem 2.5rem;
      font-weight: 500; }
      .customer-service--type1 .customer-service__anchor img {
        position: absolute;
        width: 6rem;
        height: 6rem;
        top: 2rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
  .customer-service--type2 {
    margin-top: 1rem;
    border-radius: 2.5rem;
    overflow: hidden; }
    .customer-service--type2 .customer-service__item {
      padding: 2.5rem;
      width: auto;
      height: auto;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .customer-service--type2 .customer-service__item:not(:last-child):before {
        position: absolute;
        top: 50%;
        right: 0;
        width: 0.0625rem;
        height: 7.3125rem;
        border-right: 1px dashed #cfcfcf;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        content: ''; }
    .customer-service--type2 .customer-service__anchor {
      display: block; }
    .customer-service--type2 .customer-service__title {
      display: block;
      margin: 0.75rem 0;
      font-size: 0.9375rem;
      font-weight: 700; }
    .customer-service--type2 .customer-service__text {
      margin: 0.5rem 0 0.75rem;
      font-size: 1.375rem;
      font-weight: 700; }
    .customer-service--type2 .customer-service__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; }
  .customer-service--icon {
    padding: 0 7.5rem; }
    .customer-service--icon .customer-service__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-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 100%;
      padding: 8.3125rem 2.5rem 2.6875rem 2.5rem;
      border-radius: 4rem;
      font-weight: 500; }
      .customer-service--icon .customer-service__item ~ .customer-service__item {
        margin-left: 1.25rem; }
      .customer-service--icon .customer-service__item .c-icon {
        position: absolute;
        top: 2rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }

.ars-menu-wrap .c-heading--fs17 {
  margin: 3rem 0 1.5rem; }

.ars-menu-wrap .c-heading--fs15 {
  padding: 1rem 1.375rem;
  background-color: #f9f9f9;
  border-top: 0.0625rem solid #cccccc;
  color: #008080; }

.ars-menu-wrap .c-list {
  border-top: 0.0625rem solid #e8e8e8; }
  .ars-menu-wrap .c-list__item:last-child {
    border-bottom: 0; }

.app-download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .app-download__item {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: 8.25rem;
    padding: 2.1875rem 0 2.1875rem 8.75rem;
    color: #fff;
    border-radius: 1.25rem; }
    .app-download__item ~ .app-download__item {
      margin-left: 1.25rem; }
    .app-download__item:nth-child(1) {
      background: #08892d url(../../images/portal/content/bg_googleplay.png) 100% 100% no-repeat;
      background-size: 6.375rem 5.3125rem; }
    .app-download__item:nth-child(2) {
      background: #0079c5 url(../../images/portal/content/bg_appstore.png) 100% 100% no-repeat;
      background-size: 7.4375rem 7rem; }
  .app-download__image {
    position: absolute;
    top: 50%;
    left: 1rem;
    width: 6.25rem;
    height: 6.25rem;
    background-color: #fff;
    border-radius: 0.5rem;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 2; }
  .app-download__title {
    display: block;
    font-size: 1.5rem;
    font-weight: 700; }
  .app-download__anchor {
    display: inline-block;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500; }

.products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 20px); }
  .products__item {
    position: relative;
    width: calc(33.33% - 20px);
    margin-right: 1.25rem;
    padding: 1.875rem 1.5rem 1.875rem 7.5rem;
    border: 0.0625rem solid #eaeaea;
    border-radius: 0.75rem; }
  .products__item:nth-child(n+4) {
    margin-top: 1.25rem; }
  .products__item:nth-child(3n) {
    margin-right: 0; }

  .products__title {
    display: block;
    font-size: 1.125rem;
    font-weight: 700; }
  .products__text {
    margin: 0.25rem 0;
    font-size: 1.0625rem;
    color: #4c4c4c; }
  .products__anchor {
    display: inline-block;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #707070; }
  .products__anchor .c-icon{
    top: -0.0625rem; }
  .products__image {
    position: absolute;
    left: 1.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .products__image img {
	width: 4.5rem;
    height: 4.5rem; }

.cc-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.625rem;
  border-radius: 1rem;
  background-color: #f0fcfa; }
  .cc-step__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: 2rem 0.625rem;
    text-align: center; }
  .cc-step__title {
    display: block;
    margin: 1rem 0 0.75rem;
    font-size: 1.125rem;
    font-weight: 500; }
  .cc-step__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: 3.75rem;
    height: 1.875rem;
    border: 0.125rem solid #008080;
    border-radius: 1.0625rem;
    font-size: 0.6875rem;
    font-weight: 700;
    color: #008080; }

.counselling-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3rem;
  padding: 1rem 0;
  background-color: #f9f9f9;
  border-top: 0.0625rem solid #cccccc;
  border-bottom: 0.0625rem solid #e8e8e8;
  font-size: 0.875rem;
  color: #707070;
  text-align: center; }
  .counselling-head__text {
    width: 9.25rem; }
  .counselling-head__title {
    width: 25.1875rem; }
  .counselling-head__num {
    width: 8.25rem; }
  .counselling-head__date {
    width: 7.25rem; }
  .counselling-head__state {
    width: 4.1875rem; }

.damage-case {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 20px);
  position: relative; }
  .damage-case__item {
    width: calc(33.33% - 20px);
    margin-bottom: 2rem; }
    .damage-case__item ~ .damage-case__item:not(:nth-child(4n)) {
      margin-left: 1.25rem; }
  .damage-case__panel {
    position: relative;
    margin-bottom: 1rem;
    border-radius: 0.75rem; }
    .damage-case__panel a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 3.3125rem 2.5rem; }
  .damage-case__title {
    position: relative;
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    z-index: 2; }
  .damage-case__image {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1; }
    .damage-case__image img {
      width: 100%;
      vertical-align: top; }

.prevent-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .prevent-service__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 2.125rem 2.5rem 2.125rem 1.625rem;
    color: #fff;
    border-radius: 1.25rem; }
    .prevent-service__item ~ .prevent-service__item {
      margin-left: 1.25rem; }
    .prevent-service__item:nth-child(1) {
      background-color: #008080; }
    .prevent-service__item:nth-child(2) {
      background-color: #006bdd; }
  .prevent-service__title {
    margin-left: 0.75rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.625rem; }
  .prevent-service__anchor {
    position: absolute;
    right: 2.5rem;
    bottom: 2.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #fff; }
    .prevent-service__anchor::after {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      content: ''; }
    .prevent-service__anchor .c-icon {
      margin-left: 0.5rem; }

.webtoon-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .webtoon-view__item {
    width: calc(50% - 10px); }
    .webtoon-view__item:nth-child(2n) {
      margin-left: 1.25rem; }

.quick-guide__wrap {
	width: 58.75rem;
	margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.quick-guide__wrap h3 {
	padding: 1.5rem 1.25rem 0 0;
	margin-top: 4rem;
    font-size: 1.0625rem;
    font-weight: 500; }

.quick-guide__wrap h3:first-child {
    margin-top: 0; }

.quick-guide__wrap hr {
    width: 100%;
    height: 0.0625rem;
    margin: 1.5rem 0;
    border: 0;
    border-bottom: 0.0625rem solid #e8e8e8; }

.theft__wrap {
	width: 58.75rem;
	margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.theft__wrap .c-hr {
    width: 100%;
    height: 0.0625rem;
    margin: 1.6875rem 0 1.8125rem;
    border: 0;
    border-bottom: 0.0625rem solid #e8e8e8; }

.theft__wrap .theft__title {
	margin-top: 4rem;
    font-weight: 400;
    font-size: 1.25rem;
    letter-spacing: -0.025rem;}

.theft__wrap .theft__subtitle {
    margin-top: 2.5rem;
    font-weight: 700;
    font-size: 1.125rem;
    letter-spacing: -0.028rem; }

.theft__wrap p {
	padding-right: 1rem;
	color: #4d4d4d; }

.theft__wrap .mint {
	font-weight: 500;
	color: #008080; }

.theft__wrap .theft-Adv-box {
	width: 52.5rem;
    margin: 0 auto;
	padding: 3.125rem 4.0625rem 3rem;
    background: #f9f9f9;
    border-radius: 1.25rem;
    position: relative;
    display: block;
    margin-top: 0.875rem; }

.theft__wrap .theft-Adv__item {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
    margin-bottom: 1.25rem; }

.theft__wrap .theft-Adv__item:last-child {
    margin-bottom: 0; }

.theft__wrap .theft-Adv__panel {
   	margin-left: 1.5rem; }

.theft__wrap .theft-Adv__panel strong {
   	position: relative;
   	margin-bottom: 0.375rem;
    display: block;
    color: #4c4c4c;
    font-size: 1rem;
    font-weight: 700; }

.theft__wrap .theft-Adv__panel p {
	color: #707070;
	letter-spacing: -0.036rem;
   	font-size: 0.875rem; }

.theft__wrap .theft-Adv__texlist {
	font-size: 0.875rem; }

.theft__wrap .theft-Adv__texlist li {
	position: relative;
    margin-left: 0.5rem;
    padding-left: 0.625rem;
    letter-spacing: -0.036rem;
    color: #707070; }

.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: #707070; }

.theft__wrap .theft-safer__wrap {
	text-align: center;
	margin-bottom: 3rem; }

.theft__wrap .theft-safer__img {
	border: 0.0625rem solid #ccc;
    border-radius: 1.25rem;
    margin-top: 2.6875rem;
    vertical-align: bottom; }

.theft__wrap .theft-safer__title {
    margin-top: 2.5rem;
    margin-bottom: 0.875rem;
    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;
	padding: 1.375rem 1.25rem;
    background: #f9f9f9; }

.theft__wrap .theft-service__title {
	margin-top: 1.625rem;
	margin-bottom: 0.75rem;
	color: #008080;
	letter-spacing: -0.033rem;
	font-weight: 500;
	font-size: 0.9375rem; }

.theft__wrap .theft-service__title:first-child {
	margin-top: 0; }

.theft__wrap .theft-service__txt {
    position: relative;
	padding-left: 0.625rem;
	color: #4c4c4c;
	letter-spacing: -0.036rem;
	font-size: 0.875rem; }

.theft__wrap .theft-service__txt::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0.4375rem;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #ccc; }

.theft__wrap .theft-service .c-text-link--bluegreen {
	font-weight: 500;
    margin-left: 0; }

.opening-guide__item {
  padding: 3.5rem 0; }
  .opening-guide__item:last-child {
    padding-bottom: 0; }

.opening-guide__step {
  display: block;
  margin: 0 auto;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #008080;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.25rem;
  text-align: center; }

.opening-guide__text {
  margin-top: 1rem;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center; }

.opening-guide__image {
  margin: 2.5rem 0 1.5rem; }
  .opening-guide__image:last-child {
    margin-bottom: 0; }
  .opening-guide__image img {
    width: 100%;
    vertical-align: bottom; }

.opening-guide .c-box {
  padding: 1.5rem 1.25rem; }

.opening-guide strong {
  display: block; }

.opening-guide .c-accordion--type3 .c-accordion__item {
  margin-top: 3rem; }
  .opening-guide .c-accordion--type3 .c-accordion__item:first-child {
    margin-top: 1.5rem; }

.widget-guide__item {
  padding: 3.5rem 0;
  width: 34.375rem;
  margin: 0 auto;  }
  .opening-guide__item:last-child {
    padding-bottom: 0; }

.widget-guide__step {
  display: block;
  margin: 0 auto;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #008080;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.25rem;
  text-align: center; }

.widget-guide__text {
  margin-top: 1rem;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center; }

.widget-guide__image {
  text-align: center;
  margin: 2.5rem 0 1.5rem; }
  .widget-guide__image:last-child {
    margin-bottom: 0; }
  .widget-guide__image img {
    width: 100%;
    vertical-align: bottom; }

.widget-guide .c-box {
  padding: 1.5rem 1.25rem; }

.widget-guide strong {
  display: block; }

.widget-guide .c-accordion--type3 .c-accordion__item {
  margin-top: 3rem; }
  .widget-guide .c-accordion--type3 .c-accordion__item:first-child {
    margin-top: 1.5rem; }

.c-charge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0; }
  .c-charge__panel-left {
    width: 24.875rem;
    margin-right: 5rem; }
  .c-charge__panel-right {
    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;
    padding: 1.625rem 2rem 1.4375rem;
    background-color: #f9f9f9; }
    .c-charge__panel-right .c-charge__item {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-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%; }
  .c-charge__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 0.9375rem; }
    .c-charge__item ~ .c-charge__item {
      margin-top: 0.75rem; }

.usim-guide-wrap {
  position: relative;
  margin-top: 3.75rem; }
  .usim-guide-wrap .c-button-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0; }
  .usim-guide-wrap + .c-box.c-box--type1 {
    padding: 1.5rem 2.5rem; }

#swiperUsimGuide .swiper-controls-wrap .swiper-controls {
    position: relative;
    width: 8.125rem;
    height: 1.875rem;
    left: calc(100% - 13.1rem);
    z-index: 2; }

.directmall .c-headline--deco {
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.usim-banner {
  position: relative;
  padding: 1.625rem 9.375rem; }
  .usim-banner__title {
    position: relative;
    display: block;
    font-size: 1.375rem;
    font-weight: 700;
    color: #2d4985;
    z-index: 2; }
  .usim-banner__text {
    position: relative;
    font-size: 1.0625rem;
    color: #006883;
    z-index: 2; }
  .usim-banner__image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }

.self-open-bk--blue {
  background-color: #0078cf; }

.self-open-bk--gray {
  padding: 3.75rem 0;
  background-color: #f9f9f9; }

.self-open-bk--light-purple {
  background-color: #ebeff8; }

.self-open-bk--light-purple-type2 {
  background-color: #ebf3ff; }


.self-open-bk--purple {
  background-color: #6c61f5; }

.self-open-bk--purple .ly-avail--wrap .c-button{
	position: relative;
	width: 10.313rem; }
.self-open-bk--purple .ly-avail--wrap .c-button .c-icon {
	position: absolute;
    top: 0.5rem;
    right: 1.25rem; }

.self-open-bk--purple .ly-avail--wrap .c-button-wrap .c-button ~ .c-button {
    margin-left: 1rem;}

.self-open-bk--blue {
  background-color: #0078cf; }

.self-open-bk--blue .ly-avail--wrap .c-button{
	position: relative;
	width: 11.188rem; }
.self-open-bk--blue .ly-avail--wrap .c-button .c-icon {
	position: absolute;
    top: 0.5rem;
    right: 1.25rem; }

.self-open-bk--blue .ly-avail--wrap .c-button-wrap .c-button ~ .c-button {
    margin-left: 1rem;}

.self-open-bk--green {
  background-color: #03837b; }
.self-open-bk--green .ly-avail--wrap .c-button{
	position: relative;
	width: 8.563rem; }
.self-open-bk--green .ly-avail--wrap a{
	position: relative;
	width: 11.75rem !important; }
.self-open-bk--green .ly-avail--wrap .c-button .c-icon {
	position: absolute;
    top: 0.5rem;
    right: 1.25rem; }
.self-open-bk--green .ly-avail--wrap .c-button-wrap .c-button ~ .c-button {
    margin-left: 1rem;}
.self-open-bk--green .ly-avail--wrap .c-headline--deco {
    position: absolute;
    bottom: 0;
    right: -3.125rem;
    height: 100%; }

.ly-page--deco.self-open-bk--blue .ly-avail--wrap {
    position: relative;
    width: 68.75rem;
    height: 15rem;
    padding: 2.125rem 0; }

.ly-page--deco.self-open-bk--blue .c-headline {
    font-size: 2.125rem;
    font-weight: 500;
    line-height: 2.5rem; }

.ly-page--deco.self-open-bk--blue .c-headline--sub {
    display: inline-block;
    font-size: 1rem;
    margin-top: 1rem;
    font-weight: 400; }

.esim-open {
  color: #4d4b4a;
  background-color: #cdede7; }
.esim-open .ly-avail--wrap .c-button{
    color: #4d4b4a;
    border: 0.0625rem solid #4d4b4a;
	position: relative;
	width: 8.563rem; }
.esim-open .ly-avail--wrap a{
	position: relative;
	width: 11.75rem !important; }
.esim-open .ly-avail--wrap button {
	width: 9.6125rem !important; }
.esim-open .ly-avail--wrap .c-button .c-icon {
	position: absolute;
    top: 0.5rem;
    right: 1.25rem; }
.esim-open .ly-avail--wrap .c-button-wrap .c-button ~ .c-button {
    margin-left: 1rem;}
.esim-open .ly-avail--wrap .c-headline--deco {
    position: absolute;
    bottom: 0;
    right: -3.25rem;
    height: 100%; }

.count-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .count-wrap .c-price {
    margin-left: 3.875rem;
    font-size: 0.875rem; }
    .count-wrap .c-price b {
      font-size: 1.625rem; }

.addr-result {
  margin-top: 0.75rem; }
  .addr-result__item {
    border-bottom: 1px solid #eaeaea; }
    .addr-result__item.bd-none {
      border: 0; }
  .addr-result__anchor {
    display: block;
    padding: 1.25rem 0; }
  .addr-result__number {
    font-size: 1rem;
    font-weight: 500; }
  .addr-result__text {
    position: relative;
    margin: 0.75rem 0.5rem 0 0;
    padding-left: 3.125rem;
    font-size: 0.9375rem;
    color: #707070; }
    .addr-result__text .c-text-label {
      position: absolute;
      left: 0;
      top: 0;
      min-width: 2.625rem; }

.market-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .market-list__item {
    width: calc(50% - 10px);
    margin-bottom: 1.25rem; }
    .market-list__item:nth-child(2n) {
      margin-left: 1.25rem; }
    .market-list__item img {
      vertical-align: bottom; }

.market-box {
  padding: 4rem 0 5rem;
  text-align: center; }

.c-step-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.5rem;
  padding: 0 2.625rem; }
  .c-step-list__item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1.5rem 1.25rem 2rem;
    background-color: #fff;
    border-radius: 1.5rem;
    text-align: center; }
    .c-step-list__item ~ .c-step-list__item {
      margin-left: 2rem; }
  .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: 3.75rem;
    height: 1.875rem;
    margin: 0 auto;
    border: 0.125rem solid #008080;
    border-radius: 1.5rem;
    color: #008080;
    font-size: 0.6875rem;
    font-weight: 700; }
  .c-step-list__image {
    display: block;
    margin: 20px auto; }
  .c-step-list__title {
    display: block;
    font-size: 1.125rem;
    font-weight: 500; }
  .c-step-list__text {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #707070; }
  .c-step-list--type2 {
    background-color: #f2faf9;
    border-radius: 1.5rem; }
    .c-step-list--type2 .c-step-list__item {
      padding: 2rem 0;
      background-color: #f2faf9; }
    .c-step-list--type2 .c-step-list__text {
      font-size: 0.9375rem;
      color: #1d1d1b; }
  .c-step-list--type3 {
    display: block;
    margin-top: 1.625rem;
    padding: 0; }
    .c-step-list--type3.col-3 .c-step-list__item {
      padding: 2.5rem 4.375rem 1.375rem; }
    .c-step-list--type3.col-4 .c-step-list__item {
      padding: 2.5rem 3.125rem 1.375rem; }
    .c-step-list--type3 .c-step-list__title {
      margin-bottom: 0.75rem; }
    .c-step-list--type3 .c-step-list__item {
      position: relative;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      width: 100%;
      margin: 0;
      background-color: #f2faf9; }
      .c-step-list--type3 .c-step-list__item ~ .c-step-list__item {
        margin-top: 2.625rem; }
    .c-step-list--type3 .c-step-list__label {
      position: absolute;
      top: -0.9375rem;
      left: 50%;
      border: 0;
      background-color: #1d1d1b;
      color: #fab74b;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
    .c-step-list--type3 .c-button-wrap .c-button {
      width: 10.4375rem;
      height: 3rem;
      line-height: 3rem; }
      .c-step-list--type3 .c-button-wrap .c-button ~ .c-button {
        margin-left: 1.75rem; }
      .c-step-list--type3 .c-button-wrap .c-button--gray {
        background-color: #e8e8e8;
        color: #4c4c4c; }
    .c-step-list--type3 .c-bullet--fyr {
      display: inline-block; }

.c-benefit-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .c-benefit-list__item {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1.5rem;
    border: 0.0625rem solid #eaeaea;
    border-radius: 2rem;
    overflow: hidden; }
    .c-benefit-list__item ~ .c-benefit-list__item {
      margin-left: 1.25rem; }
    .c-benefit-list__item .c-icon {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 4.5rem;
      height: 7.3125rem; }
  .c-benefit-list__title {
    font-size: 1rem;
    font-weight: 500; }
  .c-benefit-list__text {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #707070; }

.store-result {
  padding: 0 1.75rem; }
  .store-result__text {
    margin-top: 0.5rem;
    font-size: 0.9375rem; }
  .store-result .c-nodata {
    padding: 0.5rem 0 6.4375rem; }

.store-list {
  position: relative; }
  .store-list__item {
    position: relative;
    padding: 1.25rem;
    background: #fff;
    border-radius: 0.5rem;
    font-size: 0.9375rem;
    color: #4c4c4c; }
    .store-list__item + .store-list__item {
      margin-top: 0.75rem; }
  .store-list__info dt {
    font-size: 1.125rem;
    font-weight: 500;
    color: #1d1d1b; }
    .store-list__info dt .c-icon {
      margin-right: 1rem; }
  .store-list__info dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1rem; }
    .store-list__info dd p {
      position: relative;
      padding-right: 1.0625rem; }
      .store-list__info dd p:not(:last-child):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.75rem;
        border-left: 0.0625rem solid #d8d8d8; }
  .store-list__sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.5rem; }
    .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.75rem;
        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: #ddd;
        border-radius: 50%;
        content: ''; }
  .store-list .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;
    position: absolute;
    top: 1rem;
    right: 1.25rem;
    padding: 0.375rem 0.75rem 0.375rem 0.5rem;
    border: 0.0625rem solid rgba(0, 192, 170, 0.2);
    line-height: 1.4;
    font-size: 0.875rem;
    font-weight: 700;
    color: #008080; }

.terms-txt-box {
  height: 19.5625rem;
  margin: 2rem 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: 1.0625rem;
    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 {
        margin-left: 0.5rem; }

.map {
  width: 100%;
  height: 35.5625rem;
  margin-top: 1.5rem;
  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; }

.sel-fee-wrap__item {
  min-height: 5.5rem;
  padding: 1.25rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid #008080;
  background-color: #f0fcfa;
  color: #008080; }

.sel-fee-wrap__title {
  font-size: 1.0625rem;
  font-weight: 500; }

.sel-fee-wrap__text {
  font-size: 0.9375rem;
  margin-top: 0.1875rem; }
  .sel-fee-wrap__text span {
    position: relative;
    display: inline-block;
    margin-right: 1.0625rem; }
    .sel-fee-wrap__text span:not(:first-child):before {
      position: absolute;
      top: 50%;
      left: -0.5625rem;
      width: 0.0625rem;
      height: 0.6875rem;
      background-color: #008080;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      content: ''; }

.sel-fee-wrap .c-box:not(:first-child) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 1.25rem; }

.sel-fee-wrap .c-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: 100%;
  min-height: 5.5rem;
  padding: 2rem 0; }

.fee-compare-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; }
  .fee-compare-wrap__item {
    margin-right: 1.5rem;
    text-align: right; }

.in-box {
  width: 2.375rem;
  height: 2rem;
  padding-right: 0;
  z-index: 2;
  background: url(../../images/portal/common/ico_comparison.svg) 30% 50% no-repeat; }

.reservation__text {
  display: inline-block;
  margin-left: 0.75rem;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #707070; }
  .reservation__text + .c-input {
    width: 3.9375rem;
    height: 2.125rem;
    min-height: auto;
    padding: 0.3125rem 0.75rem;
    border-radius: 0.25rem; }

.reservation .c-box--type1 {
  margin-top: 1rem;
  padding: 1.25rem;
  text-align: center;
  border-radius: 0.5rem; }

.reservation .c-button--mint {
  font-size: 0.8125rem;
  font-weight: 500;
  margin-left: 1.25rem; }

.bank-list-wrap .c-button {
  border: 0;
  border-radius: 0;
  padding: 0; }
  .bank-list-wrap .c-button img {
    width: 100%; }
  .bank-list-wrap .c-button ~ .c-button {
    margin-left: 1rem; }

.self-opening {
  text-align: center; }
  .self-opening__title {
    font-size: 1.0625rem;
    font-weight: 700; }
  .self-opening__text {
    margin: 1rem 0 2rem;
    font-size: 0.9375rem; }
  .self-opening__highlight {
    font-size: 1.125rem;
    font-weight: 500; }
  .self-opening .c-table {
    margin-top: 1rem; }
    .self-opening .c-table td {
      vertical-align: top; }

.c-agree--type2 .c-agree__inside.self-agree__inside {
    padding: 1.5rem  3.125rem; }

.c-agree--type2 .c-agree__inside.inspay-agree__inside {
	padding: 2rem 0.5rem 2rem 3.125rem; }

.c-agree--type2 .c-agree__inside.inspay-agree__inside .one-source {
    overflow-y: auto;
    height: 20rem; }

.c-agree--type2 .c-agree__inside.inspay-agree__inside .one-source::-webkit-scrollbar {
  width: 0.3125rem; }

.c-agree--type2 .c-agree__inside.inspay-agree__inside .one-source::-webkit-scrollbar-track {
  background: #ddd; }

.c-agree--type2 .c-agree__inside.inspay-agree__inside .one-source::-webkit-scrollbar-thumb {
  background: #c1c1c1; }

.top-sticky-banner {
  position: sticky;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 10; }
  .top-sticky-banner .swiper-banner {
    padding: 2rem 0 1.5rem; }

.c-col2-row {
  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; }
  .c-col2-row .c-col2-left {
    width: 25rem;
    margin: 0 2.5rem 0 2rem;
    padding: 1.5rem 0 3.875rem 0; }
  .c-col2-row .c-col2-right {
    width: 25rem;
    margin: 0 2rem 0 2.5rem;
    padding: 1.5rem 0 3.875rem 0; }

.chk-call .c-label::before {
  top: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.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: 1rem; }
  .delivery-info dl dt {
    width: 5.875rem;
    padding: 0.4375rem 0.625rem; }
  .delivery-info dl dd {
    margin-left: 1rem;
    font-size: 1.0625rem;
    font-weight: 500; }

.delivery-image img {
  vertical-align: bottom; }

.c-card__price-info {
    position: relative;
    margin-top: 0.75rem;
    margin-bottom : 0.3125rem; }

.c-card__price-info__list {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.125rem;
    color: #707070; }

.c-card__price-info__list ~ .c-card__price-info__list {
	margin-top: 0.125rem; }

.c-addition-wrap {
  position: relative; }
  .c-addition-wrap .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 .c-addition--type1 {
      font-size: 1rem;
      line-height: 1.25rem;
      margin-bottom: 1.25rem;
      font-weight: 500; }
      .c-addition-wrap .c-addition--type1 dd b {
        margin-right: 0.25rem; }
    .c-addition-wrap .c-addition--type2 {
      margin-top: 0.75rem;
      font-size: 0.9375rem;
      font-weight: normal;
      line-height: 1.125rem; }
      .c-addition-wrap .c-addition--type2 dt {
        color: #707070; }
      .c-addition-wrap .c-addition--type2 dd span {
        margin-right: 0.25rem;
        font-weight: 500; }
      .c-addition-wrap .c-addition--type2 dd em {
        font-weight: 500;
        color: #018786; }
    .c-addition-wrap .c-addition--sum dt {
      margin-top: 0.75rem;
      font-weight: 700; }
    .c-addition-wrap .c-addition--sum dd {
      color: #e81d21; }
      .c-addition-wrap .c-addition--sum dd b {
        font-size: 1.625rem;
        line-height: 2.3125rem; }

.add-service-wrap {
 	padding: 1.25rem;
	border: 0.0625rem solid #ddd;
    border-radius: 0.5rem; }
.add-service-wrap .c-box--type1 {
    background: #f2faf9; }

.add-service {
  padding: 0; }
  .add-service .c-charge__panel {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .add-service .c-charge__panel:nth-child(odd) {
      margin-right: 5rem; }
  .add-service .c-flex {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .add-service .c-flex .c-charge__panel {
      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;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .add-service .c-flex:first-child {
      margin-right: 5rem; }
      .add-service .c-flex:first-child::before {
        position: absolute;
        right: -2.5rem;
        top: 50%;
        width: 0.0625rem;
        height: 100%;
        background-color: #eaeaea;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        content: ''; }

#phoneSortDivArea.phone-sort-wrap {
	height: 3.6875rem; }

.phone-sort-wrap {
  border-bottom: 0.0625rem solid #efefef; }
  .phone-sort-wrap__inner {
    text-align: right; }
  .phone-sort-wrap__button {
    padding: 1.125rem 0;
    margin: 0 1rem;
    font-size: 0.9375rem;
    color: #707070; }
    .phone-sort-wrap__button.is-active {
      border-bottom: 0.1875rem solid #1d1d1b; }

.phone-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0;
  width: calc(100% + 50px);
  margin-left: -1.5625rem; }
  .phone-list li {
    position: relative;
    width: 17.5rem;
    margin-bottom: 4rem;
    margin: 4rem 1.5625rem 0 1.5625rem; }
  .phone-list__anchor {
    display: block;
    position: relative; }
  .phone-list__panel {
    width: 100%;
    height: 18.25rem;
    padding: 1.25rem;
    background-color: #f9f9f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .phone-list__labels img {
    display: inline-block;
    margin-right: 0.25rem;
    vertical-align: bottom; }
  .phone-list__image {
    padding: 1rem 1.25rem;
    text-align: center; }
    .phone-list__image img {
      width: 12.5rem;
      height: 12.5rem; }
  .phone-list__title {
    margin: 1.5rem 0 0.75rem;
    font-size: 1.25rem;
    font-weight: 500; }
  .phone-list__text {
    display: block;
    margin-top: 0.75rem;
    font-size: 1.0625rem; }
  .phone-list__sub {
    margin-top: 0.5rem;
    font-size: 0.9375rem;
    color: #707070; }
  .phone-list__dot {
    display: inline-block;
    width: 0.875rem;
    height: 0.875rem;
    margin-top: 1rem;
    -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: 50%;
    background-color: #f2f3ef;
    margin-right: 0.5rem; }
  .phone-list .c-card__badge {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2rem;
    height: 2rem; }
  .phone-list .u-td-line-through {
    display: inline-block; }

.phone-list--type3 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0;
  width: calc(100% + 50px);
  margin-left: -1.5625rem;
  margin-top: 2rem; }
.phone-list--type3 li {
    position: relative;
    width: 17.5rem;
    margin-bottom: 4rem;
    margin: 0 1.5625rem 4rem 1.5625rem; }
.phone-list--type3 .phone-list__anchor {
    display: block;
    position: relative; }
.phone-list--type3 .phone-list__panel {
    width: 100%;
    height: 22.25rem;
    padding: 1.25rem 1.25rem 1.75rem;
    background-color: #f9f9f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.phone-list--type3 .phone-list__info {
	margin-top: 1.5rem; }
.phone-list--type3 .phone-list__labels {
	min-height: 1.625rem;
    margin-bottom: 1.125rem;    }
.phone-list--type3 .phone-list__labels img {
    display: inline-block;
    margin-right: 0.25rem;
    vertical-align: bottom; }
.phone-list--type3 .phone-list__image {
	position: relative;
	padding: 0;
    text-align: center; }
.phone-list--type3 .phone-list__image img {
    width: 15rem;
    height: 15rem; }

.phone-list--type3 .phone-list__image img + img {
    position: absolute;
    top: 0;
    left: 0; }

.phone-list--type3 .phone-list__title {
    margin: 0.313rem 0 0.8125rem;
    font-size: 1.25rem;
    font-weight: 500; }

.phone-list--type3 .phone-list__title-2 {
    margin: 0.75rem 0 0;
    font-size: 1.25rem;
    font-weight: 700; }

.phone-list--type3 .phone-list__text {
    display: block;
    margin-top: 0.75rem;
    font-size: 1.0625rem; }
.phone-list--type3 .phone-list__sub {
    margin-top: 0.5rem;
    font-size: 0.9375rem;
    color: #707070; }
.phone-list--type3 .phone-list__dot {
    display: inline-block;
    width: 1.313rem;
    height: 1.313rem;
    -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: 50%;
    background-color: #f2f3ef;
    margin-top: 0;
    margin-bottom: 0.5rem;
    margin-right: 0.438rem; }
.phone-list--type3 .phone-list__dot:last-child {
    margin-right: 0; }
.phone-list--type3 .c-card__badge {
	position: absolute;
    right: 0;
    bottom: -0.25rem;
    width: 2rem;
    height: 2rem;}

.phone-list--type3 .c-card__badge-2 {
    position: absolute;
    right: -0.375rem;
    bottom: 7.875rem;
    width: 2rem;
    height: 2rem; }



.phone-list--type3 .u-td-line-through {
    display: inline-block; }

.phone-list--type3 .phone-list__colors {
  position: relative;
  text-align: center;
  margin-top: 0.25rem;
  padding: 0 0.875rem;}

.phone-list--type3 .phone-list__colors button:nth-of-type(10) {
    margin-right: 0 !important;}

.phone-list--type3 .c-tooltip-box--auto {
    width: auto !important;
    min-width: 100px !important;
    height: 35px !important;
    font-size: 14px !important;
    padding: 8px !important;
    text-align: center !important;
    left: auto !important;
    top: -1rem !important;
    margin-top: -30px !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

.phone-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3rem; }
  .phone-select__item {
    width: calc(33.33% - 13.33px);
    margin-left: 1.25rem; }
    .phone-select__item:nth-child(3n-2) {
      margin-left: 0; }
    .phone-select__item .c-box--dotted {
      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; }
      .phone-select__item .c-box--dotted__inner {
        width: 100%; }
      .phone-select__item .c-box--dotted--type1 {
        height: 24.375rem; }
      .phone-select__item .c-box--dotted--type2 {
        height: 14.75rem; }


.phone-list__priceinfo {
	margin-top: 0.75rem;
	font-size: 0.8125rem;
    font-weight: 500;
    color: #707070; }

.phone-list__priceinfo b {
	font-size: 0.875rem; }

.phone-list__priceinfo em {
	margin: 0 0.25rem; }

.phone-list__infotxt {
    margin-top: 0.25rem;
    font-size: 1rem;
    font-weight: 500;
    color: #6d6d6d;
    max-height: 2.5rem;
    overflow: hidden;
    letter-spacing: -0.045rem; }

.phone-list__price {
    margin-top: 0.1875rem;
    font-size: 1rem;
    font-weight: 700;
    color: #008080; }

.phone-list__price strong {
    font-size: 1.375rem;
    font-weight: 700;
    margin: 0 0.375rem; }

.phone-box {
  height: 24.375rem;
  padding: 2rem;
  text-align: center; }
  .phone-box__title {
    display: block;
    margin-top: 1.25rem;
    font-size: 1.25rem;
    font-weight: 500; }
  .phone-box__text {
    margin-top: 0.5rem;
    font-size: 1.0625rem; }
  .phone-box__dot {
    display: inline-block;
    width: 0.875rem;
    height: 0.875rem;
    -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: 50%;
    background-color: #f2f3ef;
    margin-right: 0.5rem;
    vertical-align: middle; }
  .phone-box__sub {
    font-size: 0.9375rem;
    color: #707070;
    vertical-align: middle; }
  .phone-box img {
    width: 12.5rem;
    height: 12.5rem; }

.charge-box {
  height: 14.75rem;
  margin-top: 2rem;
  padding: 2rem;
  background-color: #f2faf9;
  border-radius: 0.5rem; }
  .charge-box__title {
    font-size: 1.0625rem;
    font-weight: 500;
    color: #018786; }
  .charge-box__text {
    margin-top: 1rem; }
    .charge-box__text > span {
      display: block;
      margin-top: 0.5rem;
      font-size: 0.9375rem;
      color: #4c4c4c; }

.phone-comparison {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .phone-comparison__item {
    width: calc(33.33% - 13.33px);
    margin-left: 1.25rem;
    padding: 0.5rem 2rem;
    background-color: #f9f9f9; }
    .phone-comparison__item:nth-child(3n-2) {
      margin-left: 0; }
  .phone-comparison__info {
    padding: 2rem 0;
    text-align: center;
    border-bottom: 1px solid #e8e8e8; }
    .phone-comparison__info dt {
      font-size: 0.9375rem;
      color: #707070; }
    .phone-comparison__info dd {
      margin-top: 0.5rem;
      font-size: 1.125rem;
      font-weight: 500; }
    .phone-comparison__info:last-child {
      border-bottom: 0; }

.swiper-thumbs {
  position: relative;
  width: calc(100% + 48px);
  margin: 3.5rem 0 0 -1.5rem;
  padding: 0 2rem; }
  .swiper-thumbs .is-selected {
    border: 0.5px solid #1d1d1b !important; }
  .swiper-thumbs .swiper-slide {
    width: 5rem !important;
    height: 5rem;
    margin: 0 0.5rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
    background-color: #fbfafc;
    border: solid 0.5px #eaeaea; }
    .swiper-thumbs .swiper-slide img {
      width: 3.5rem;
      height: 3.5rem; }
  .swiper-thumbs .swiper-button-prev {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-180deg);
            transform: translateY(-50%) rotate(-180deg);
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_arrow_gray.svg) 50% 50% no-repeat; }
  .swiper-thumbs .swiper-button-next {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/portal/common/ico_arrow_gray.svg) 50% 50% no-repeat; }
  .swiper-thumbs .swiper-button-disabled {
    /* opacity: 0.3; */
    opacity: 0;
    cursor: not-allowed; }

.phone-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .phone-detail--left-col {
    width: 25.375rem; }
    .phone-detail--left-col .phone-detail__image {
      border: 1px solid aqua; }
  .phone-detail--right-col {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 3.25rem; }
    .phone-detail--right-col .phone-detail__title {
      font-size: 1.125rem;
      font-weight: 700; }
    .phone-detail--right-col .phone-detail__price {
      margin-top: 2rem;
      text-align: right; }
      .phone-detail--right-col .phone-detail__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;
        margin-bottom: 0.25rem; }
        .phone-detail--right-col .phone-detail__price dl dt {
          font-size: 1rem;
          font-weight: 500; }
        .phone-detail--right-col .phone-detail__price dl dd {
          font-size: 1.125rem;
          color: #707070; }
    .phone-detail--right-col .phone-detail__sum {
      font-weight: 500; }
      .phone-detail--right-col .phone-detail__sum b {
        font-size: 2rem; }

.swiper-detail .swiper-slide img {
  width: 23rem;
  height: 23rem; }

.phone-detail--type2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2.3125rem; }
.phone-detail--type2 .phone-detail--left-col {
  width: 29rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.phone-detail--type2 .phone-detail--left-col .phone-detail__image {
    border: 1px solid aqua; }
.phone-detail--type2 .phone-detail--right-col {
	width: 24.75rem;
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    margin-left: 0;
    margin-top: 0.125rem; }
.phone-detail--type2 .phone-detail--right-col .phone-detail__title {
    font-size: 1.125rem;
    font-weight: 700; }
.phone-detail--type2 .phone-detail--right-col .phone-detail__price {
    margin-top: 1.25rem;
    text-align: right; }
.phone-detail--type2 .phone-detail--right-col .phone-detail__price dl {
	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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0.75rem; }
.phone-detail--type2 .phone-detail--right-col .phone-detail__price dl dt {
    font-size: 1rem;
    font-weight: 500; }
.phone-detail--type2 .phone-detail--right-col .phone-detail__price dl dd {
	 color: #1d1d1b;
     font-size: 1.125rem;
     font-weight: 400;
     text-align: right; }

.phone-detail--type2 .phone-detail--right-col .phone-detail__price dl dd .c-select {
	width: 12.5rem;
	letter-spacing: -0.033rem;
    padding: 0 3.25rem 0 1.25rem;
    background: #fff url(../../images/portal/common/ico_select.svg) no-repeat right 1rem top 50%;
    color: #1d1d1b;
    margin-right: 0.0625rem;}

.phone-detail--type2 .phone-detail--right-col .phone-detail__price dl dd ul {
	font-size: 0;
    letter-spacing: 0;
    word-spacing: 0; }

.phone-detail--type2 .phone-detail--right-col .phone-detail__price dl dd ul li {
	width: 2.75rem;
	margin-bottom: 1.5rem;
	display: inline-block; }

.phone-detail--type2 .phone-detail--right-col .phone-detail__price dl dd .color-group .c-radio + .c-label {
	outline: none; }

.phone-detail--type2 .phone-detail--right-col .phone-detail__price dl dd .color-group .c-radio:checked + .c-label {
	top: 0; }

.phone-detail--type2 .phone-detail--right-col .phone-detail__price dl dd .color-group .c-radio:checked + .c-label span {
    width: 1.5rem;
    height: 1.5rem;
    border: none; }

.phone-detail--type2 .phone-detail--right-col .phone-detail__price dl dd .color-group .c-radio:checked + .c-label span:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid #1d1d1b;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: ''; }

.phone-detail--type2 .phone-detail--right-col .phone-detail__price dl dd .color-group .c-radio + .c-label::before {
  content: none; }

.phone-detail--type2 .phone-detail--right-col .phone-detail__price dl dd .color-group .c-radio + .c-label span {
    clear: both;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0;
    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: none;
            transform: none; }

.phone-detail--type2 .phone-detail--right-col .phone-detail__price dl dd ul li:nth-of-type(n+9) {
    float: left;
    margin-top: 1rem;
    margin-bottom: 1.5rem;}

.phone-detail--type2 .phone-detail--right-col .phone-detail__price .color-group .c-tooltip-box--auto {
    width: auto !important;
    min-width: auto !important;
    height: auto !important;
    color: #1d1d1b !important;
    font-size: 14px !important;
    white-space: nowrap;
    box-shadow: 2px 2px 3px 0px rgb(0 0 0 / 20%);
    padding: 0 0.5rem !important;
    text-align: center !important;
    left: 35% !important;
    top: 0.75rem !important;
    margin-top: -2.625rem !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

.phone-detail--type2 .phone-detail--right-col .phone-detail__price dl .phone-color-wrap {
    width: 22rem;
    min-height: 2.5rem;
    margin-top: 0.4375rem;
    margin-right: -0.375rem }

.phone-detail--type2 .phone-detail--right-col .phone-detail__sum {
    letter-spacing: -0.016rem;
    font-size: 1.5rem !important;
    font-weight: bold; }
.phone-detail--type2 .phone-detail--right-col .phone-detail__sum b {
    font-size: 1.5rem; }

.phone-detail--type2 .phone-detail--right-col .phone-detail__price dl .phone-color-tit {
    position: absolute;
    top: 0.5rem;  }

.phone-detail--type2 .swiper-detail {
    width: 23rem;
    height: 23rem; }

.phone-detail--type2 .swiper-detail .swiper-slide img {
    width: 23rem;
    height: 23rem; }

.phone-detail--type2 .swiper-detail .swiper-slide img + img {
	position: absolute;
    top: 0;
    left: 0; }

.phone-detail--type2 .swiper-thumbs {
    position: relative;
    width: 5.375rem;
    margin: 0;
    margin-right: 0.625rem;
    padding: 0;
    display: flex; }
.phone-detail--type2 .swiper-thumbs .swiper-container {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: inline-block; }
.phone-detail--type2 .swiper-thumbs .swiper-wrapper {
	padding: 0.1875rem;
    position: relative;
    width: auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-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;
    z-index: 1; }
.phone-detail--type2 .swiper-thumbs .swiper-slide {
    width: 5rem !important;
    height: 5rem;
    margin: 0;
    margin-bottom: 1rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
    background-color: #fbfafc;
    border: solid 0.0625rem #eaeaea; }









.phone-detail--type3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2.3125rem; }
.phone-detail--type3 .phone-detail--left-col {
  width: 29rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.phone-detail--type3 .phone-detail--left-col .phone-detail__image {
    border: 0.0625rem solid aqua; }
.phone-detail--type3 .phone-detail--right-col {
	width: 37.5rem;
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    margin-left: 0;
    margin-top: 0.125rem; }
.phone-detail--type3 .phone-detail--right-col .phone-detail__title {
    font-size: 1.125rem;
    font-weight: 700; }
.phone-detail--type3 .phone-detail--right-col .phone-detail__price {
    margin-top: 0;
    text-align: left; }
.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl {
	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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.25rem; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dt {
	width: 8.75rem;
	margin-top: 1rem;
    font-size: 1rem;
    font-weight: 500; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dt .c-icon--tooltip {
	display: block;
	margin-left: 0;
	-webkit-transform: translateY(0.125rem);
    transform: translateY(0.125rem); }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dt .c-text-link--bluegreen {
   	display: inline-block;
   	margin-left: 0;
    font-size: 0.875rem;
    font-weight: 500; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dt .c-text-link--bluegreen:before {
    width: calc(100% - 1.25rem); }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dd {
	width: 28.75rem;
	color: #1d1d1b;
    font-size: 1.125rem;
    font-weight: 400; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dd .c-select {
   	width: 14.0625rem;
    letter-spacing: -0.033rem;
    padding: 0.875rem 0.5rem;
    background: #fff url(../../images/portal/common/ico_select.svg) no-repeat right 1rem top 50%;
    color: #1d1d1b;
    min-height: 3.375rem;
    text-align: center; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dd .c-form-field .c-form__select {
    min-height: 5.625rem;
    margin-top: 0; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dd .c-form-field .c-form__select .c-select {
    width: 100%; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dd .c-form-field .c-form__select .c-form__label {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	width: 90%;
	height: calc(100% - 0.25rem);
	top: 0.125rem;
    left: 0.125rem;
    padding: 0 1.5rem;
    border-radius: 0.5rem;
    background-color: #fff; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dd .c-form-field .c-form__select .c-form__label img {
	width: 4rem; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dd .c-form-field .c-form__select .c-form__label-wrap {
	margin-left: 1.25rem; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dd .c-form-field .c-form__select .c-form__label-wrap .c-form__label-title {
    font-size: 1.0625rem;
    font-weight: 500; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dd .c-form-field .c-form__select .c-form__label-wrap .c-form__label-text {
    margin-top: 0.25rem;
    font-size: 0.9375rem; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dd .c-form-field .c-form__select .c-form__label-wrap .c-form__label-text ~ .c-form__label-text {
	margin-top: 0; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dd .c-form-field .c-form__select .c-select:focus + .c-form__label {
    padding-top: 0; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dd ul {
	font-size: 0;
    letter-spacing: 0;
    word-spacing: 0; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dd ul li {
	display: inline-block;
    width: 2.75rem;
    margin-bottom: 1.5rem; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dd .color-group .c-radio + .c-label {
	top: 0.875rem;
	outline: none; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dd .color-group .c-radio:checked + .c-label {
	top: 0.875rem; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dd .color-group .c-radio:checked + .c-label span {
    width: 1.5rem;
    height: 1.5rem;
    border: none; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dd .color-group .c-radio:checked + .c-label span:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.25rem;
    height: 2.25rem;
    border: 0.0625rem solid #1d1d1b;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: ''; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dd .color-group .c-radio + .c-label::before {
  content: none; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl dd .color-group .c-radio + .c-label span {
    clear: both;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0;
    border-radius: 50%;
    -webkit-box-shadow: inset 0.0625rem 0.0625rem 0 0 rgba(0, 0, 0, 0.2);
            box-shadow: inset 0.0625rem 0.0625rem 0 0 rgba(0, 0, 0, 0.2);
    border: solid 0.0625rem #eaeaea;
    background: #afc7dc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: none;
            transform: none; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price [role='tooltip'] {
    width: auto;
	top: 2.5rem;
    left: 0; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl .phone-color-wrap {
    width: 28.75rem;
    min-height: 3.375rem;
    margin-left: 0.375rem; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__sum {
    letter-spacing: -0.016rem;
    font-size: 1.5rem !important;
    font-weight: bold; }
.phone-detail--type3 .phone-detail--right-col .phone-detail__sum b {
    font-size: 1.5rem; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price dl .phone-color-tit {
    position: absolute;
    top: 0.5rem;  }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price .sel-fee-wrap__item dl {
    display: block;
    margin-bottom: 0; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price .sel-fee-wrap__item .sel-fee-wrap__title {
    width: 100%;
    margin-top: 0;
    font-size: 1.0625rem;
    font-weight: 500; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price .sel-fee-wrap__item .sel-fee-wrap__text {
    width: 100%;
    margin-top: 0.1875rem;
    font-size: 0.9375rem; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price .c-checktype-row .c-radio--button:not(.c-radio--button--type3) + .c-label {
    margin: 0;
    min-height: 1rem;
    padding: 0.875rem 0.5rem;
    text-align: center; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price .c-checktype-row .c-radio--button:not(.c-radio--button--type3) + .c-label::before {
    right: 0.5rem; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price .c-checktype-row .c-radio--button:not(.c-radio--button--type3) + .c-label ~ .c-label {
    margin-left: 0.625rem; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price .c-form-group .c-checktype-row {
    margin-top: 0.625rem; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price .c-form-group .c-checktype-row:first-of-type {
    margin-top: 0; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price .c-checktype-row.c-checktype-row--column .c-radio--button:not(.c-radio--button--type3) + .c-label {
    margin: 0.625rem 0; }

.phone-detail--type3 .phone-detail--right-col .phone-detail__price .c-checktype-row.c-checktype-row--column .c-radio--button:not(.c-radio--button--type3) + .c-label:first-of-type {
    margin-top: 0; }

.phone-detail--type3 .swiper-detail {
    width: 23rem;
    height: 23rem; }

.phone-detail--type3 .swiper-detail .swiper-slide img {
    width: 23rem;
    height: 23rem; }

.phone-detail--type3 .swiper-detail .swiper-slide img + img {
	position: absolute;
    top: 0;
    left: 0; }

.phone-detail--type3 .swiper-thumbs {
    position: relative;
    width: 5.375rem;
    margin: 0;
    margin-right: 0.625rem;
    padding: 0;
    display: flex; }
.phone-detail--type3 .swiper-thumbs .swiper-container {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: inline-block; }
.phone-detail--type3 .swiper-thumbs .swiper-wrapper {
	padding: 0.1875rem;
    position: relative;
    width: auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-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;
    transform: none !important;
    z-index: 1; }
.phone-detail--type3 .swiper-thumbs .swiper-slide {
    width: 5rem !important;
    height: 5rem;
    margin: 0;
    margin-bottom: 1rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
    background-color: #fbfafc;
    border: solid 0.0625rem #eaeaea; }

.choice-list {
    position: absolute;
    top: 3.4375rem;
    left: -3.4375em;
    height: 8.750rem; }

.choice-list .choice-bar {
    position: absolute;
    top: 0;
    left: 1.25rem;
    width: 2.125rem;
    border-top: 0.125rem solid #008080; }

.choice-list .choice {
    z-index: 1;
    position: absolute;
    top: 53%;
    left: 0.375rem;
    width: 1.750rem;
    height: 1.750rem;
    margin: -1.250rem 0 0 0;
    border: 0.125rem solid #008080;
    border-radius: 100%;
    background: #fff;
    text-align: center; }
.choice-list .choice-bar.btm {
    top: auto;
    bottom: 0; }
.choice-list:after {
    content: '';
    z-index: 0;
    position: absolute;
    top: 0;
    left: 1.25rem;
    border-left: 0.125rem solid #008080;
    height: 100%; }

.color-group > .c-radio + .c-label::before {
  content: none; }

.color-group > .c-radio + .c-label {
  margin-right: 1.25rem;
  padding-left: 1.5rem;
  font-size: 0; }
  .color-group > .c-radio + .c-label span {
    clear: both;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    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:checked + .c-label {
  position: relative;
  top: 6px;
  font-size: 0.9375rem;
  padding-left: 3rem; }
  .color-group > .c-radio:checked + .c-label span {
    width: 2.25rem;
    height: 2.25rem;
    border: 6px solid #fff; }
    .color-group > .c-radio:checked + .c-label span:before {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 2.25rem;
      height: 2.25rem;
      border: 1px solid #1d1d1b;
      border-radius: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      content: ''; }

.offline-store-banner {
  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 11rem 1.5rem 10rem;
  border-radius: 0.75rem;
  background-color: #fbf2e7;
  text-align: left; }
  .offline-store-banner__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .offline-store-banner .c-text.c-text--fs18 {
    margin-left: 1.5rem; }
  .offline-store-banner .c-button {
    border: 0;
    color: #ed0000; }

.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: 8rem;
  font-size: 0.9375rem;
  font-weight: 700; }

.card-sale__text {
  font-size: 0.875rem;
  color: #707070; }

.before-agree-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .before-agree-wrap__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;
    padding: 2.5rem 3rem;
    background-color: #f2f8fa;
    border-radius: 1.5rem;
    text-align: center; }
    .before-agree-wrap__item ~ .before-agree-wrap__item {
      margin-left: 2rem; }
  .before-agree-wrap__title {
    font-size: 1.125rem;
    font-weight: 500; }
  .before-agree-wrap__text {
    margin-top: 1rem;
    font-size: 0.9375rem;
    color: #707070; }
  .before-agree-wrap .c-button-wrap {
    margin-top: auto; }

.phone-comparison-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .phone-comparison-box__item {
    position: relative;
    width: 9.375rem;
    height: auto;
    margin-left: 1rem;
    padding: 1.5rem 1rem 1rem 1rem;
    background-color: #f9f9f9;
    border-radius: 0.5rem;
    text-align: center; }
    .phone-comparison-box__item.dummy {
      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;
      border-radius: 0.5rem;
      border: 1px dashed #dddddd;
      text-align: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-color: #fff; }
  .phone-comparison-box__image img {
    width: 5rem;
    height: 5rem;
    vertical-align: bottom; }
  .phone-comparison-box__text {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500; }
  .phone-comparison-box .c-button {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem; }

.c-form--line {
  position: relative;
  display: inline-block;
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0; }
  .c-form--line .c-select {
    min-height: 1.5rem;
    padding: 0.1875rem 1.125rem 0.1875rem 0.3125rem;
    border: 0;
    background: url(../../images/portal/common/ico_triangle_down.svg) no-repeat;
    background-position: 100% 50%;
    background-size: 1.125rem;
    font-size: 1.125rem;
    color: #1d1d1b; }
  .c-form--line .c-text-label--black {
    position: absolute;
    padding: 0 0.625rem;
    left: -3.4375rem;
    top: 0.5rem;
    font-size: 0.8125rem; }
  .c-form--line::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; }
  .c-form--line.sel-month {
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none; }
    .c-form--line.sel-month .c-select {
      font-size: 1.25rem; }
    .c-form--line.sel-month::before {
      content: none; }

.csInq-info-wrap {
	padding: 1.25rem;
    background: #f9f9f9;
    position: relative;
    display: block; }

.csInq-info-wrap p {
    font-size: 0.9375rem; }
.csInq-info-wrap p .c-button-csInq:first-child {
    margin-left: 0; }

.csInq-info-wrap .c-button-csInq {
    top: -0.0625rem;
    color: #008080 !important;
    font-size: 0.9375rem;
    margin-left: 0.3125rem;
    text-decoration: underline;
    text-underline-position: under; }

.csInq-info-wrap .csInq-info--txt {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem; }

.csInq-info-wrap .csInq-info--bullet {
    position: relative;
    padding-left: 0.75rem;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: #008080; }
.csInq-info-wrap .csInq-info--bullet::before {
	position: absolute;
    content: '※';
    top: 0.125rem;
    left: 0;
    font-size: 0.375rem; }

.certi-box .issue-num {
  display: none; }

.certi-box .c-bullet--dot.c-text-list > .c-text-list__item {
    margin-top: 0.75rem; }

.certi-box--bottom {
  position: relative; }

.certi-box__image {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 4rem;
  height: 4rem; }

.c-text-label.rectangle {
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 0.25rem; }

.charge-info .c-charge__panel-left {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .charge-info .c-charge__panel-left dl {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .charge-info .c-charge__panel-left dl ~ dl {
      margin-top: 1rem; }
    .charge-info .c-charge__panel-left dl dt {
      margin-right: 1.25rem;
      padding: 0.3125rem 1.25rem;
      font-weight: 500;
      background-color: #f9f9f9;
      border-radius: 1.25rem; }
    .charge-info .c-charge__panel-left dl dd {
      font-size: 1.125rem; }

.charge-info .c-charge__panel-right {
  width: 24.875rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none; }

.usage-chart {
  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; }
  .usage-chart__item {
    width: 17rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.app-detail-banner {
  background-color: #6060ff;
  border-radius: 0.75rem; }
.app-detail-banner img {
  vertical-align: bottom; }

.join-info {
  padding: 2.7505rem 6rem 2.1875rem 6rem;
  border: 5px solid #e8e8e8;
  border-radius: 1.25rem;
  margin-top: 1.5rem; }

.join-info__list {
  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;
  margin-top: 0.0625rem; }
.join-info__item {
  width: 100%;
  letter-spacing: -0.029rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.join-info__item .c-icon {
	margin-top: -0.313rem; }
.join-info__item .c-icon--my_phone {
	margin-top: -0.5rem; }

.join-info__text:not(:first-of-type) {
  font-size: 1.0625rem;
  font-weight: 400;
  width: 15rem;
  position: relative;
  margin-left: 1.188rem;
  word-break: keep-all; }
.join-info__tit {
    font-size: 1.0625rem;
    font-weight: 500;
	position: relative;
	margin-left: 0.25rem; }
.join-info__tit::before {
  position: absolute;
  top: 0.3125rem;
  right: -0.625rem;
  width: 0.0625rem;
  height: 0.875rem;
  background-color: #ddd;
  content: ''; }

.join-info__etc {
	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; }

.join-info__etc button {
   	background-color: #f0f0f0;
    color: #1d1d1b;
    width: 100%;
    height: 2.5rem;
    line-height: 2.375rem;
    padding: 0 1.25rem;
    font-size: 0.875rem;
    border-radius: 1.25rem;
    position: relative;
   	box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;}
.join-info__etc button:active, .join-info__etc button.is-active {
	background-color: #1d1d1b;
	color: #fff; }
.join-info__etc button ~ button {
    margin-left: 1rem; }
.join-info__etc button::before {
    position: absolute;
    top: 45%;
    right: 1.875rem;
    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: ''; }
.join-info__etc button span {
	margin-right: 0.625rem; }

.myinfo-wrap {
	margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    width: 58.75rem; }

 .myinfo-wrap .phoneline-btn {
 	float: right; }
 .myinfo-wrap .phoneline-btn button {
 	display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    height: 2rem;
    line-height: 1.875rem;
    padding: 0px 1rem;
    font-size: 0.75rem;
    font-weight: 400;
    border-radius: 1rem;
    background-color: #1d1d1b;
    border: 0.0625rem solid #1d1d1b;
    color: #fff;
    margin-left: 0.5rem;
    margin-top: -3.4375rem; }

.myinfo-wrap .myinfo-list {
  margin-top: 4.375rem;
  margin-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }

.myinfo-wrap .myinfo-list .myinfo__item {
	width: 26.813rem; }

.myinfo-wrap .myinfo-list .myinfo__item:nth-child(n+3) {
    padding-top: 4rem; }

.myinfo-wrap .myinfo-list .myinfo__item:nth-of-type(odd) {
    position: relative; }

.myinfo-wrap .myinfo-list .myinfo__item:nth-of-type(odd)::before {
    position: absolute;
    top: 50%;
    right: -2.563rem;
    width: 0.0625rem;
    height: 100%;
    background-color: #cccccc;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''; }

.myinfo-wrap .myinfo-hr {
    width: 100%;
    height: 0.0625rem;
    margin: 1.5rem 0 2rem;
    border: 0;
    border-bottom: 1px solid #e8e8e8; }

.user-info__tit {
    font-weight: 400;
    font-size: 1.25rem; }

.myinfo-wrap .myinfo__tit {
	height: 2rem;
    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;
    font-size: 1.25rem; }

.myinfo-wrap .myinfo__tit h3 {
	font-weight: 600;
	font-size: 1.25rem; }
.myinfo-wrap .myinfo__tit span {
    color: #707070;
    font-size: 0.9375rem;
    letter-spacing: -0.036rem; }

.myinfo__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; }

.myinfo-wrap .myinfo__tit a, .myinfo-wrap .myinfo__tit button {
	background-color: #fff;
    border: 0.0625rem solid #ccc;
	color: #1d1d1b;
	padding: 0 1.875rem 0 1.25rem;
    min-width: 7rem;
	height: 2rem;
    line-height: 1.875rem;
    position: relative;
    display: inline-block;
    font-size: 0.8125rem;
    font-weight: 400;
    border-radius: 0.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    font-size: 0.8125rem;
    letter-spacing: -0.033rem;
    font-weight: 400; }

.myinfo-wrap .myinfo__tit .c-icon {
	position: absolute;
    right: 0.763rem;
    top: 0.6rem;
    width: 0.625rem;
    height: 0.625rem; }

.myinfo-wrap .myinfo__tit a:active, .myinfo-wrap .myinfo__tit a.is-active {
	background-color: #1d1d1b;
	color: #fff !important; }

.myinfo-wrap .myinfo__tit a ~ a {
    margin-left: 0.5rem; }

.myinfo-wrap .myinfo-list .myinfo__item .myinfo__info {
	margin-top: 1.5rem; }

.myinfo-banner {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    margin: 4.375rem 0; }

.myinfo-banner .myinfo-banner__item {
    position: relative;
	width: 28.75rem;
	height: 6.875rem;
	padding: 1.9375rem 2.1875rem 1.9375rem;
	border-radius: 1rem; }

.myinfo-banner .myinfo-banner__item:nth-child(n+3) {
	margin-top: 1.25rem; }

.myinfo-banner .myinfo-banner__title {
    font-size: 1.125rem;
    font-weight: 500;
    color: #008080;
    margin-bottom: 0.375rem; }

.myinfo-banner .myinfo-banner__title span {
	position: relative; }

.myinfo-banner .myinfo-banner__title span:after {
	content: '';
    position: absolute;
    left: 0.6875rem;
    top: 0.375rem;
    width: 0.625rem;
    height: 0.625rem;
    background: url(../../images/portal/common/ico_arrow_bluegreen.svg) 50% 50% no-repeat;
	background-size: 1.5rem; }

.myinfo-banner .myinfo-banner__title i {
    margin-left: 0.375rem;
    margin-top: -0.125rem; }

.myinfo-banner .myinfo-banner__text {
	font-size: 0.9375rem;
    color: #707070; }

.myinfo-banner img {
	position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }

.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/portal/common/ico_arrow_bluegreen.svg) 50% 50% no-repeat;
    background-size: 1.5rem; }

.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/portal/common/ico_arrow_blue.svg) 50% 50% no-repeat;
    background-size: 1.5rem; }

.month_bill {
	height: 12.125rem;
    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;
    border: 0.0625rem solid #ccc;
    border-radius: 0.625rem;
    overflow: hidden; }

.month_bill__item {
    position: relative;
    text-align: center;
    padding: 0 1.25rem;
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.c-form--line__btn {
  	position: relative;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    height: 2rem;
    line-height: 1.875rem;
    padding: 0 1rem;
    font-size: 0.75rem;
    font-weight: 400;
    border-radius: 1rem;
    background-color: #1d1d1b;
    border: 0.0625rem solid #1d1d1b;
    color: #fff;
    margin-left: 0.625rem !important; }

.c-form--phoneline__btn {
  	position: relative;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    height: 2rem;
    line-height: 1.875rem;
    padding: 0 1rem;
    font-size: 0.75rem;
    font-weight: 400;
    border-radius: 1rem;
    background-color: #1d1d1b;
    border: 0.0625rem solid #1d1d1b;
    color: #fff;
    margin-left: 0.5rem !important;
    display: none;}

.myinfo-wrap .c-form--phoneline__btn {
	display: block !important; }

.month_bill__item:not(:last-child):before {
    position: absolute;
    top: 50%;
    right: -0.625rem;
    width: 0.0625rem;
    height: 8.75rem;
    border-right: 1px solid #e7e7e7;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 0.063rem 0 0 0 #fff;
    box-shadow:0.063rem 0 0 0 #fff;
    content: '';
    z-index: 1; }

.month_bill__info p {
    min-height: 1.438rem;
	margin: 0 0 0.9375rem 0;
    font-weight: 600;
    letter-spacing: -0.031rem; }

.month_bill__info b {
	min-height: 1.938rem;
	font-weight: bold;
    line-height: 1.4;
    letter-spacing: -0.025rem;
    font-size: 1.375rem;
    color: #ed0000; }
.month_bill__info span {
    line-height: 1.4;
    font-size: 0.875rem;
    color: #ed0000;
    margin-left: 0.188rem; }

.month_bill__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;
    margin-top: 1.125rem;
    -webkit-transform: translateY(-0.125rem);
    transform: translateY(-0.125rem); }

.month_bill__btn a {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    width: 4.375rem;
    font-size: 0.75rem;
    line-height: 1.5rem;
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    color: #707070;
    border-radius: 0.25rem;
    height: 1.563rem; }

.month_bill__btn a:active, .month_bill__btn a.is-active {
	background-color: #1d1d1b;
	color: #fff !important; }

.month_bill__btn a ~ a {
    margin-left: 0.375rem; }

.month_bill__nodata {
    height: 11.25rem;
    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; }

.myrate {
	margin-left: 0.9375rem;
    padding-top: 0.375rem; }

.myrate__title {
	position: relative;
	display: inline-block;
	min-height: 1.5rem;
    font-size: 1.125rem;
    color: #1d1d1b;
    font-weight: 700;
    margin-bottom: 1.25rem; }

.myrate__list {
	margin-top: 1.688rem;
	margin-left: 1.25rem; }

.myrate__item {
    position: relative;
    min-height: 1.438rem;
    padding-left: 2.25rem;
    font-weight: 500; }

.myrate__item + .myrate__item {
    margin-top: 1.25rem; }

.myrate__item .c-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5rem;
    height: 1.5rem; }

.myrate.remind .myrate__title::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    bottom: 0.0625rem;
    left: 0;
    width: 100%;
    height: 0.625rem;
    background: #cdf1ed;
    z-index: -1; }

.myrate.remind .myrate__list {
    margin-top: 0.5625rem;
    margin-left: 1.125rem; }

.myrate.remind .myrate__item {
	padding-left: 0; }

.myrate.remind .myrate__item + .myrate__item {
    margin-top: 1.1875rem; }

.myrate.remind .myrate__item span {
	margin-left: 0.4375rem; }

.myrate.remind .remind-wrap {
    display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex; }

.myrate.remind .remind-wrap div:first-child {
    min-width: 11.3125rem; }

.myrate.remind .myrate__item .c-icon {
    position: static;
    -webkit-transform: translateY(-0.125rem);
    transform: translateY(-0.125rem); }

.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;
    margin-top: 1.375rem;
    padding: 0.6875rem 2rem 0.6875rem 1.9375rem;
    background-color: #f9f9f9;
    border-radius: 0.5rem;
   	line-height: 1;
    font-weight: 500; }

.remind-sms .c-icon--tooltip {
	width: 1rem;
    height: 1rem;
    margin-left: 0.1875rem;
    background: url(../../images/portal/common/ico_tooltip_type2.png) 50% 50% no-repeat;
    -webkit-transform: translateY(-0.0625rem);
    transform: translateY(-0.0625rem); }

.remind-sms [role='tooltip'], .remind-sms .hidetooltip + [role='tooltip'] {
    width: 18.5rem; }

.remind-sms .remind-switch {
    width: 3.375rem;
    height: 1.375rem; }

.remind-sms .c-checkbox--switch + .c-label {
    width: 3.375rem;
    height: 1.375rem; }

.remind-sms .c-checkbox--switch + .c-label .c-label__text {
    position: absolute;
    top: 50%;
    right: 0.5rem;
   	height: 1.375rem;
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 700;
    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: 3.375rem;
    height: 1.375rem;
    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;
    right: 2.1875rem;
    -webkit-box-shadow: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.10);
    box-shadow: 0 0.0625rem 0.125rem 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.625rem; }
.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 {
    right: 0.1875rem; }

.charge_info {
	margin-top: 1rem;
    position: relative; }
.charge_info::before {
    content: '';
    position: absolute;
    top: -0.0625rem;
    left: 0;
    right: 0;
    border-top: 0.0625rem solid #ccc; }
.charge_info::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 0.0625rem solid #ccc; }

.charge_info > table {
    position: relative;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border-bottom: 0.0625rem solid #ccc; }

.charge_info th:first-child, .charge_info td:first-child {
    border-left: 0; }

.charge_info 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%); }

.charge_info table th {
    background: #f9f9f9;
    color: #1d1d1b;
    padding-left : 1.875rem;
    height: 2.5rem;
    padding: 0.5rem 1rem 0.5rem 1.875rem;
    border-bottom: 0.0625rem solid #e8e8e8;
    border-left: 0.0625rem solid #e8e8e8;
    border-right: 0.0625rem solid #e8e8e8;
    text-align: left;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.036rem;
    vertical-align: middle; }

.charge_info table td {
    background: #f9f9f9;
    color: #1d1d1b;
    height: 2.5rem;
    padding: 0.5rem 1rem 0.5rem 1.875rem;
    border-bottom: 0.0625rem solid #e8e8e8;
    border-left: 0.0625rem solid #e8e8e8;
    border-right: 0.0625rem solid #e8e8e8;
    text-align: left;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.036rem;
    vertical-align: middle;
	background: #fff;
    color: #1d1d1b; }

.c-charge_info th:last-child, .charge_info td:last-child {
    border-right: 0; }

.my-addservice {
	margin-left: 0.9375rem; }

.my-addservice__item {
	color: #1d1d1b;
    font-weight: 500;
    position: relative;
    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: 0.4rem 0.5rem 0.4rem 0.9375rem; }

.my-addservice__item::before {
        content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 1rem;
    left: 0;
    width: 0.313rem;
    height: 0.313rem;
    border-radius: 50%;
    background: #707070; }

.my-addservice__item b {
	font-size: 1.25rem;
	font-weight: 700;
	margin-right: 0.625rem; }

.useful-info-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: 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.25rem; }

.useful-info-list a {
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    color: #1d1d1b;
    padding: 0 1.875rem 0 1.25rem;
    width: 100%;
    height: 4rem;
    line-height: 3.85rem;
    position: relative;
    display: inline-block;
    border-radius: 0.815rem;
    -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/portal/common/ico_arrow_gray.svg) 50% 50% no-repeat;
    background-size: 2rem;
    position: absolute;
    right: 1.78rem;
    top: 1.65rem;
    width: 0.625rem;
    height: 0.625rem;
background-size: 1.5rem; }

.useful-info-list a: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: 1.78rem;
    top: 1.65rem;
    width: 0.625rem;
    height: 0.625rem;
background-size: 1.5rem; }

.useful-info-list a span {
    margin-left: -0.5rem; }

.useful-info-list .c-icon {
    position: absolute;
    right: 1.78rem;
    top: 1.65rem;
    width: 0.625rem;
    height: 0.625rem; }

.useful-info-list a:hover {
	color: #008080;
    border-color: #008080; }

.useful-info-list a ~ a {
    margin-left: 1.25rem; }

.phone-line {
	position: relative;
    width: 2rem;
    height: 2rem;
    margin-right: 1.125rem;
    background: url(../../images/portal/common/ico_my_phone.svg) 50% 50% no-repeat; }

.phone-line__cnt {
    background: #00a693;
    color: #fff;
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    font-size: 0.875rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.4rem;
    letter-spacing: 0.025rem;
    position: absolute;
    top: 0.25rem;
    right: -0.5rem; }

.extra-service.mcash-service-acc .c-accordion__inside {
    padding: 2rem 3rem; }

.chgName-info {
	width: 58.75rem;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.chgName-info__tit h3{
	font-weight: 500;
	color: #006bdd;
	font-size: 1.5rem;
	line-height: 1.4; }
.chgName-info__tit p{
    margin-top: 0.5rem;
	font-size: 1.0625rem;
	line-height: 1.4; }

.chgName-info__list h3{
    margin-top: 3rem;
    font-size: 1.0625rem;
    font-weight: 500; }
.chgName-info__list ul{
    margin-top: 1rem;
    font-size: 0.875rem; }
.chgName-info__list li{
	position: relative;
	color: #707070;
    margin-top: 0.5rem;
    padding-left: 0.625rem; }
.chgName-info__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-color: #d8d8d8;}

.chgName-guide h3{
    margin-top: 3rem;
    font-size: 1.0625rem;
    font-weight: 500; }
.chgName-guide__list {
	margin-top: 1rem;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.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.75rem 1rem;
    margin-right: 1.25rem;
    border-radius: 1rem;
    font-weight: 500; }
.chgName-guide__item:last-child {
    margin-right: 0; }
.chgName-guide__item:nth-child(n+2)::before {
    background: url(../../images/portal/common/ico_triangle.svg) 50% 50% no-repeat;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    content: '';
    display: block;
    clear: both;
    background-size: 2rem;
    position: absolute;
    left: -0.9rem;
    top: 47%;
    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;
    color: #fff;
    line-height: 1.25rem;
    vertical-align: top;
    text-align: center; }

.chgName-grantor {
	width: 58.75rem;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    margin-top: 7rem !important; }

.chgName-grantor__tit h3{
    font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.4; }

.chgName-assignee {
	width: 58.75rem;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    margin-top: 7rem !important; }

.chgName-assignee__tit h3{
    font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.4; }

.callhistory-info {
	width: 58.75rem;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.callhistory-info__tit h3{
	font-weight: 500;
	color: #006bdd;
	font-size: 1.5rem;
	line-height: 1.4; }
.callhistory-info__tit p{
    margin-top: 0.5rem;
	font-size: 1.0625rem;
	line-height: 1.4; }

.callhistory-info__list h3{
    font-size: 1.0625rem;
    font-weight: 500; }
.callhistory-info__list ul{
    margin-top: 1rem;
    font-size: 0.875rem; }
.callhistory-info__list li{
	position: relative;
	color: #707070;
    margin-top: 0.5rem;
    padding-left: 0.625rem; }
.callhistory-info__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-color: #d8d8d8;}

.callhistory-guide h3{
    margin-top: 3rem;
    font-size: 1.0625rem;
    font-weight: 500; }
.callhistory-guide__list {
	margin-top: 1rem;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.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.75rem 1rem;
    margin-right: 4rem;
    border-radius: 1rem;
    font-weight: 500; }
.callhistory-guide__item:last-child {
    margin-right: 0; }
.callhistory-guide__item:nth-child(n+2)::before {
    background: url(../../images/portal/common/ico_triangle.svg) 50% 50% no-repeat;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    content: '';
    display: block;
    clear: both;
    background-size: 2rem;
    position: absolute;
    left: -2.125rem;
    top: 47%;
    width: 0.625rem;
    height: 0.625rem;
    background-size: 1.5rem; }

.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;
    color: #fff;
    line-height: 1.25rem;
    letter-spacing: 0.05rem;
    vertical-align: top;
    text-align: center; }

.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__list--type2 {
    position: relative;
	margin-top: 1rem;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.callhistory-guide__list--type2 .callhistory-guide__item {
	position: relative;
	width: 11.6875rem;
    background-color: #f9f9f9;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.75rem 1rem;
    margin-right: 4rem;
    border-radius: 1rem;
    font-weight: 500; }
.callhistory-guide__list--type2 .callhistory-guide__item:last-child {
    margin-right: 0; }
.callhistory-guide__list--type2 .callhistory-guide__item:nth-child(n+2)::before {
    background: url(../../images/portal/common/ico_triangle.svg) 50% 50% no-repeat;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    content: '';
    display: block;
    clear: both;
    background-size: 2rem;
    position: absolute;
    left: -2.125rem;
    top: 47%;
    width: 0.625rem;
    height: 0.625rem;
    background-size: 1.5rem; }

.callhistory-guide__list--type2 .callhistory-guide__item strong {
	font-size: 0.9375rem;
    font-weight: 500; }
.callhistory-guide__list--type2 .callhistory-guide__item p {
	margin-top: 1rem;
	    color: #707070;
	font-size: 0.875rem;
    font-weight: 400; }
.callhistory-guide__list--type2 .callhistory-guide__item--type2 {
	position: absolute;
    right: 0;
    top: -4rem;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-direction: column;
    -ms-flex-direction: column; }

.callhistory-guide__list--type2 .callhistory-guide__item--type2 .callhistory-guide__item--content {
	position: relative;
	width: 11.6875rem;
    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.75rem 1rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    font-weight: 500; }
.callhistory-guide__list--type2 .callhistory-guide__item--type2 .callhistory-guide__item--content:last-child {
    margin-bottom: 0; }

.callhistory-guide__list--type2 .callhistory-guide__item--type2 .callhistory-guide__item--content strong {
	font-size: 0.9375rem;
    font-weight: 500; }
.callhistory-guide__list--type2 .callhistory-guide__item--type2 .callhistory-guide__item--content p {
	margin-top: 1rem;
    color: #707070;
	font-size: 0.875rem;
    font-weight: 400; }

.process-wrap {
	position: relative;
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.process-wrap .process-list {
	position: relative;
    background-color: #f9f9f9;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem 0;
    margin-right: 4rem;
    border-radius: 1rem; }

.process-wrap .process-list:last-child {
    margin-right: 0; }

.process-wrap .process-list:nth-child(n+2)::before {
    background: url(../../images/portal/common/ico_triangle.svg) 50% 50% no-repeat;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    content: '';
    display: block;
    clear: both;
    background-size: 2rem;
    position: absolute;
    left: -2.125rem;
    top: 47%;
    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;
    color: #fff;
    line-height: 1.25rem;
    letter-spacing: 0.05rem;
    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 .tree-list {
	position: absolute;
    top: 3.5rem;
    left: -3.4375em;
    height: 8.75rem; }

.process-wrap .process-list--tree .tree-list:after {
    content: '';
    z-index: 0;
    position: absolute;
    top: 0;
    left: 1.25rem;
    border-left: 0.125rem solid #008080;
    height: 100%; }

.process-wrap .process-list--tree .tree-bar {
    position: absolute;
    top: 0;
    left: 1.25rem;
    width: 2.125rem;
    border-top: 0.125rem solid #008080;}

.process-wrap .process-list--tree .tree-bar__bot {
	position: absolute;
    top: 0;
    left: 1.25rem;
    width: 2.125rem;
    border-top: 0.125rem solid #008080;
    top: auto;
    bottom: 0; }

.process-wrap .process-list--tree .tree-list .tree-arrow {
	z-index: 1;
    position: absolute;
    top: 55%;
    left: 0.375rem;
    width: 1.75rem;
    height: 1.75rem;
    margin: -1.25rem 0 0 0;
    border: 0.125rem solid #008080;
    border-radius: 100%;
    background: #fff;
    text-align: center; }

.process-wrap .process-list--tree .tree-list .tree-arrow i {
	display: inline-block;
    position: relative;
    top: -0.0625rem;
    left: 0;
    width: 1.625rem;
    height: 1.625rem;
    vertical-align: middle;
    background: url(../../images/portal/common/ico_triangle_bluegreen.svg) 50% 50% no-repeat; }

.process-wrap .process-list--tree {
	position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem 0;
    margin-right: 0; }

.process-wrap .process-list--tree .process-list--tree__wrap {
	position: relative; }

.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.5rem 1rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    font-weight: 500; }

.process-wrap .process-list--tree .process-list__item:last-child {
    margin-bottom: 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; }

.process-wrap--fixed {
	position: relative;
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.process-wrap--fixed .process-list {
	position: relative;
	width: 11.6875rem;
    background-color: #f9f9f9;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: none;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem 1rem;
    margin-right: 4rem;
    border-radius: 1rem; }
.process-wrap--fixed .process-list:last-child {
    margin-right: 0; }
.process-wrap--fixed .process-list:nth-child(n+2)::before {
    background: url(../../images/portal/common/ico_triangle.svg) 50% 50% no-repeat;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    content: '';
    display: block;
    clear: both;
    background-size: 2rem;
    position: absolute;
    left: -2.125rem;
    top: 47%;
    width: 0.625rem;
    height: 0.625rem;
    background-size: 1.5rem; }

.process-wrap--fixed .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;
    color: #fff;
    line-height: 1.25rem;
    letter-spacing: 0.05rem;
    vertical-align: top;
    text-align: center; }

.process-wrap--fixed .process-list strong {
    font-size: 0.9375rem;
    font-weight: 500; }

.process-wrap--fixed .process-list p {
    margin-top: 1rem;
    color: #707070;
    font-size: 0.875rem;
    font-weight: 400; }

.process-wrap--fixed .process-list--tree .tree-list {
	position: absolute;
    top: 3.5rem;
    left: -3.4375em;
    height: 8.75rem; }

.process-wrap--fixed .process-list--tree .tree-list:after {
    content: '';
    z-index: 0;
    position: absolute;
    top: 0;
    left: 1.25rem;
    border-left: 0.125rem solid #008080;
    height: 100%; }

.process-wrap--fixed .process-list--tree .tree-bar {
    position: absolute;
    top: 0;
    left: 1.25rem;
    width: 2.125rem;
    border-top: 0.125rem solid #008080;}

.process-wrap--fixed .process-list--tree .tree-bar__bot {
	position: absolute;
    top: 0;
    left: 1.25rem;
    width: 2.125rem;
    border-top: 0.125rem solid #008080;
    top: auto;
    bottom: 0; }

.process-wrap--fixed .process-list--tree .tree-list .tree-arrow {
	z-index: 1;
    position: absolute;
    top: 55%;
    left: 0.375rem;
    width: 1.75rem;
    height: 1.75rem;
    margin: -1.25rem 0 0 0;
    border: 0.125rem solid #008080;
    border-radius: 100%;
    background: #fff;
    text-align: center; }

.process-wrap--fixed .process-list--tree .tree-list .tree-arrow i {
	display: inline-block;
    position: relative;
    top: -0.0625rem;
    left: 0;
    width: 1.625rem;
    height: 1.625rem;
    vertical-align: middle;
    background: url(../../images/portal/common/ico_triangle_bluegreen.svg) 50% 50% no-repeat; }

.process-wrap--fixed .process-list--tree {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1; }

.process-wrap--fixed .process-list--tree .process-list--tree__wrap {
	position: relative; }

.process-wrap--fixed .process-list--tree .process-list__item {
    position: relative;
    width: 11.6875rem;
    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.5rem 1rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    font-weight: 500; }

.process-wrap--fixed .process-list--tree .process-list__item:last-child {
    margin-bottom: 0; }

.process-wrap--fixed .process-list--tree .process-list__item strong {
    font-size: 0.9375rem;
    font-weight: 500; }

.process-wrap--fixed .process-list--tree .process-list__item p {
    margin-top: 1rem;
    color: #707070;
    font-size: 0.875rem;
    font-weight: 400; }

.voice-err-info {
	width: 58.75rem;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.voice-err-info__list h4{
    margin-top: 3rem;
    font-size: 1rem;
    font-weight: 500; }

.voice-err-info__box {
	margin-top: 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;
    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.75rem;
    position: relative;
    display: block; }

.voice-err-info__box--type2 .bullet {
    color: #707070;
    position: relative;
    padding-left: 0.75rem;
    font-size: 0.8125rem; }

.voice-err-info__box--type2 .bullet::before {
    position: absolute;
    content: '※';
    top: 0.125rem;
    left: 0;
    font-size: 0.375rem; }

.voice-err-guide {
	padding: 0 0.75rem 0.5rem; }

.voice-err-guide h4{
    margin-top: 1.5rem;
    font-size: 0.875rem;
    font-weight: 500; }
.voice-err-guide__list {
	margin-top: 1rem;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.voice-err-guide__item {
	color: #707070;
    font-size: 0.875rem;
    font-weight: 400;
	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;
   	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.75rem 3rem;
    margin-right: 4rem;
    border-radius: 1rem;
    -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 {
	 -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
    margin-right: 0; }
.voice-err-guide__item:nth-child(n+2)::before {
    background: url(../../images/portal/common/ico_triangle_default.svg) 50% 50% no-repeat;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: -2.25rem;
    top: 45%;
    width: 0.75rem;
    height: 0.75rem; }

.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-top: 4rem;
	font-size: 1.25rem;
    line-height: 1.4; }

.voice-err-content .c-form-wrap{
    margin-top: 3rem; }

.voice-err-content .c-button-wrap {
	margin-top: 3.5rem; }

.voice-err-content .voice-err--type {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1.5rem; }

.voice-err-content .voice-err--type .c-label {
    margin-right: 0; }

.safety-wrap {
	width: 58.75rem;
	margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.safety-wrap .safety__title {
    position: relative;
	margin-top: 3.75rem;
	margin-bottom: 1rem;
	font-size: 1.5rem;
	font-weight: 700; }

.safety-wrap .safety__title span {
	color: #707070;
	font-size: 1.125rem;
	font-weight: 400; }

.safety-wrap .safety__sub {
    margin-bottom: 0.75rem; }

.safety-wrap .safety__sub span {
	color: #0050ff; }

.safety-wrap .safety__list {
    margin-top: 1rem;
    font-size: 0.875rem; }

.safety-wrap .safety__list li {
    margin-top: 0.25rem;
    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-table {
    margin-bottom: 3.75rem; }

.safety-wrap .c-table::before {
    border-top: none; }

.safety-wrap .c-table table::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 0.0625rem solid #ccc; }

.safety-wrap .c-table:last-of-type {
    margin-bottom: 0; }

.safety-wrap .c-table > p {
    margin-top: 0.5rem;}

.safety-wrap .c-table thead th, .safety-wrap .c-table thead td {
    height: 3.25rem;
    color: #1d1d1b;
    font-weight: 500;
    padding: 0.75rem;
    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: 3rem;
    padding: 0.75rem;
    background: none;
    color: #4c4c4c;
    font-size: 0.9375rem; }

.safety-wrap .c-bullet--hyphen:not(.c-text-list), .safety-wrap .c-bullet--hyphen.c-text-list > .c-text-list__item {
    font-size: 0.875rem;
    padding-left: 0.5rem;
    margin-top: 0; }

.safety-wrap .c-bullet--hyphen.c-text-list > .c-text-list__item ~ .c-text-list__item {
    margin-top: 0.25rem; }

.safety-wrap .c-bullet--dot > .c-text-list__item .c-bullet--hyphen {
    margin-bottom: 0; }

.safety-wrap .c-bullet--number:not(.c-text-list), .safety-wrap .c-bullet--number.c-text-list > .c-text-list__item {
    font-size: 0.875rem;
    padding-left: 0.75rem;
    margin-top: 0; }

.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.875rem;
    padding-left: 0.75rem;
    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.375rem;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    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 {
    font-size: 0.8125rem;
    padding-left: 0.625rem; }

.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: 4rem; }

.safety-wrap .safety-service__wrap .safety__title {
    margin-top: 0;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 700; }

.safety-wrap .safety-service__list {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.safety-wrap .safety-service__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-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;
    position: relative;
    height: 12.9375rem;
    padding:  1.375rem 1.5rem;
    border: 0.0625rem solid #ccc;
    border-radius: 0.625rem; }

.safety-wrap .safety-service__item ~ .safety-service__item {
    margin-left: 1.25rem; }

.safety-wrap .safety-service__item img {
    margin-top: 0.25rem; }

.safety-wrap .safety-service__item strong {
    display: block;
   	margin-top: 0.625rem;
	margin-bottom: 0.1875rem;
	text-align: center;
    font-size: 1rem;
    font-weight: 700; }

.safety-wrap .safety-service__item p {
    text-align: center;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #4c4c4c; }

.safety-wrap .safety-service__wrap + .safety__title  {
    margin-top: 6rem; }

.safety-info {
    width: 100%;
    margin-top: 5rem;
    padding: 3.75rem;
    background: #f5f5f5; }

.safety-info-wrap {
    position: relative;
    width: 58.75rem;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; }

.safety-info-wrap .safety__title {
    position: relative;
    margin-top: 3rem;
    margin-bottom: 1.1875rem;
    font-size: 1.125rem;
    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: 2rem;
    background: #fff;
    border-radius: 1.25rem; }

.safety-info-wrap .c-bullet--hyphen:not(.c-text-list), .safety-info-wrap .c-bullet--hyphen.c-text-list > .c-text-list__item {
    font-size: 0.875rem;
    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--dot > .c-text-list__item .c-bullet--hyphen {
    margin-bottom: 0; }

.safety-info-wrap .c-bullet--number:not(.c-text-list), .safety-info-wrap .c-bullet--number.c-text-list > .c-text-list__item {
    font-size: 0.875rem;
    padding-left: 0.75rem;
    margin-top: 0; }

.safety-info-wrap .c-bullet--number.c-text-list > .c-text-list__item ~ .c-text-list__item {
    margin-top: 0.25rem; }

.safety-info-wrap .c-bullet--dot:not(.c-text-list), .safety-info-wrap .c-bullet--dot.c-text-list > .c-text-list__item {
    font-size: 0.9375rem;
    color: #4c4c4c;
    padding-left: 0.625rem;
    margin-top: 0; }

.safety-info-wrap .c-bullet--dot.c-text-list > .c-text-list__item p {
	margin-top: 0.3125rem;
	color: #707070;
    font-size: 0.875rem; }

.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: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.5625rem;
    left: 0;
    width: 0.1875rem;
    height: 0.1875rem;
    border-radius: 50%;
    background: #707070; }

.safety-info-wrap .c-bullet--fyr:not(.c-text-list), .safety-info-wrap .c-bullet--fyr.c-text-list > .c-text-list__item {
    font-size: 0.9375rem;
    margin-top: 0;
    color: #4c4c4c;
    padding-left: 1rem; }

.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.9375rem; }

.safety-info-wrap .safety-info-step {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.75rem;
    padding: 0 0.625rem;
    border-radius: 1rem;
    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-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;
    padding: 1.25rem;
    text-align: center; }

.safety-info-wrap .safety-info-step__item::after {
	content: '';
    display: block;
    clear: both;
    background: url(../../images/portal/common/ico_arrow_black_bold.svg) 50% 50% no-repeat;
    background-size: 2rem;
    position: absolute;
    right: -0.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.125rem;
    height: 1.125rem;
    background-size: cover; }

.safety-info-wrap .safety-info-step__item:last-child::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;
    width: 3.75rem;
    height: 1.875rem;
    border-radius: 1.25rem;
    color: #fff;
    background-color: #333;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 0; }

.safety-info-wrap .safety-info-step img {
    margin: 0.625rem 0; }

.safety-info-wrap .safety-info-step p {
	font-size: 0.875rem;
	color: #4c4c4c; }

.safety-acc.c-accordion--type3 {
    margin-top: 1rem; }

.safety-acc.c-accordion--type3 .c-accordion__head {
    padding: 1.25rem 4.5rem 1.25rem 0; }

.safety-acc.c-accordion--type3 .c-accordion__head .c-accordion__title {
    position: relative;
    margin-top: 3rem;
    font-size: 1.125rem;
    font-weight: 700; }

.safety-acc.c-accordion--type3 .c-accordion__head .c-accordion__title span {
    color: #707070;
    font-weight: 400; }

.safety-acc.c-accordion--type3 .c-accordion__head .c-accordion__button:after {
    right: 0; }

.safety-acc.c-accordion--type3 .c-accordion__item:has(.c-accordion__head button[aria-expanded="true"]) {
    border-bottom: none; }

.safety-acc.c-accordion--type3 .c-accordion__item .c-accordion__panel {
	margin-bottom: 1rem; }

.c-table.reqInsr th, .c-table.reqInsr td {
	padding: 0.5rem; }

.ly-page--deco.reqInsr {
    width: 100%;
    min-height: 15rem;
    background: #e0f7f6;
    color: #00647d;
    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; }

.ly-page--deco.reqInsr .c-button--underline {
	font-weight: 500;
	color: #666; }

.ly-page--deco.reqInsr .c-button--underline::before {
    border-color: #666; }

.ly-page--deco.reqInsr .c-bullet {
	margin-top: 1.5rem; }

.ly-page--deco.reqInsr .c-bullet--dot.c-text-list > .c-text-list__item {
    margin-top: 0;
    font-size: 1rem;
    font-weight: 500; }

.ly-page--deco.reqInsr .c-bullet--dot.c-text-list > .c-text-list__item ~ .c-text-list__item {
	margin-top: 0.0625rem; }

.ly-page--deco.reqInsr .c-bullet--dot.c-text-list > .c-text-list__item::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0.5625rem;
    left: 0.25rem;
    width: 0.125rem;
    height: 0.125rem;
    border-radius: 50%;
    background: #00647d; }

.ly-page--deco.mcash {
    background: #2346ff; }

.cprtcard-banner {
    width: 100%;
    min-height: 15rem;
    background: #004b84;
    color: #fff;
    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; }

.cprtcard-banner__wrap {
    position: relative;
    width: 68.75rem;
    height: 15rem;
    padding: 2.5rem 0; }

.cprtcard-banner h3 {
    font-size: 2.25rem;
    font-weight: 500; }

.cprtcard-banner .cprtcard-banner__text  {
	font-size: 2.0625rem;
	letter-spacing: -0.075rem; }

.cprtcard-banner .cprtcard-banner__text span {
	color: #2fdfff; }

.cprtcard-banner .cprtcard-banner__subtext {
    margin-top: 1.5rem;
	font-size: 1.125rem;
	color: #90e4f3; }

.cprtcard-banner img {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%; }

.c-notice-wrap {
	margin-top: 3rem; }
.c-notice-wrap hr {
	display: none; }
.c-notice-wrap .c-notice__title {
    font-size: 0.9375rem;
    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; }

.c-notice-wrap .c-notice__title i {
	margin-top: -0.125rem; }

.c-notice-wrap .c-notice__title span {
	margin-left: 0.25rem; }

.c-notice-wrap .c-notice__group {
	margin-top: 1rem;
    font-size: 0.9375rem;
    font-weight: 500; }

.c-notice-wrap .c-notice__group li {
    margin-top: 1rem; }

.c-notice-wrap .c-notice__group li:first-child {
    margin-top: 0; }

.c-notice-wrap .c-notice__group .c-notice__list {
    margin-top: 0.5rem; }

.c-notice-wrap .c-notice__list {
    margin-top: 1rem;
    font-size: 0.875rem;
    font-weight: 400;}

.c-notice-wrap .c-notice__list li {
    margin-top: 0.5rem;
    padding-left: 0.625rem;
    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.25rem;
    height: 0.25rem;
    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;
    font-size: 0.875rem;}
.c-notice-wrap .c-notice__list li.bullet--fyr::before {
    position: absolute;
    content: '※';
    top: 0.125rem;
    left: 0;
    font-size: 0.375rem;
    display: block;
    clear: both;
    width: 0; }
.c-notice-wrap .c-notice__list li.bullet--fyr.u-co-red::before {
    background-color: #ed0000; }

.c-notice--red {
    margin-top: 0.625rem;
	font-size: 0.9375rem;
	font-weight: 500;
    color: #ed0000;
	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.fs-14 {
    margin-top: 0.625rem;
	font-size: 0.875rem;
	font-weight: 500;
    color: #ed0000;
	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-14 .c-icon {
	top: -0.125rem;
    margin-right: 0.25rem; }

.c-notice--red.fs-16 {
    margin-top: 0.625rem;
	font-size: 1rem;
	font-weight: 500;
    color: #ed0000;
	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.125rem;
    margin-right: 0.25rem; }

.c-notice--red.fs-20 {
    margin-top: 0.625rem;
	font-size: 1.25rem;
	font-weight: 500;
    color: #ed0000;
	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; }

.c-button--change {
  height: 1.25rem;
  margin-left: 0.625rem;
  line-height: 1.125rem;
  padding: 0 0.5rem;
  background-color: #f9f9f9;
  border: 0.0625rem solid #ddd;
  border-radius: 0.25rem;
  color: #707070;
  font-size: 0.75rem; }

.c-button--search2 {
  height: 1.625rem;
  margin-left: 0.3125rem;
  line-height: 1.125rem;
  padding: 0 0.5rem;
  background-color: #f9f9f9;
  border: 0.0625rem solid #ddd;
  border-radius: 0.25rem;
  color: #1d1d1b;
  font-size: 0.875rem; }

.product-guide {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 8.25rem 2.5rem 0;
  padding: 1.5rem 3.6875rem;
  border-radius: 1.1875rem;
  border: 1px solid #eaeaea; }
  .product-guide__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 50%; }
    .product-guide__item:nth-of-type(even) {
      position: relative;
      padding-left: 2.3125rem; }
      .product-guide__item:nth-of-type(even)::before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 0.0625rem;
        height: 1.3125rem;
        background-color: #eaeaea;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        content: ''; }
  .product-guide__title {
    font-size: 1.125rem;
    font-weight: 500; }
  .product-guide__text {
    margin-left: 0.75rem;
    font-size: 0.9375rem;
    color: #707070; }
  .product-guide .c-balloon.c-balloon--left {
    position: absolute;
    left: 0.9375rem;
    top: -2.5rem; }
    .product-guide .c-balloon.c-balloon--left::before {
      left: 3.875rem; }
    .product-guide .c-balloon.c-balloon--left::after {
      left: 3.9375rem; }

.data-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.8125rem 2rem 2.3125rem;
  border-radius: 1rem;
  background-color: #f9f9f9; }
  .data-info--right {
    padding-right: 3.875rem; }
    .data-info--right .indicator-text {
      margin-top: 5.625rem; }

.total-charge {
  position: relative;
  border-radius: 1rem;
  border: solid 1px #eaeaea; }
  .total-charge__panel .product-summary {
    margin: 0;
    padding: 1.375rem 0;
    border-radius: 1rem 1rem 0 0;
    background-color: #f2faf9; }
    .total-charge__panel .product-summary__item {
      width: 12rem;
      font-size: 0.875rem; }
    .total-charge__panel .product-summary__text {
      margin-top: 0; }
  .total-charge__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.25rem 2.5rem;
    border-radius: 0 0 1rem 1rem; }
  .total-charge__title {
    font-size: 1rem;
    font-weight: 700; }
  .total-charge__text {
    color: #ed0000;
    font-weight: 700; }
    .total-charge__text b {
      font-size: 1.9375rem; }
  .total-charge .c-text {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem; }

.pay-detail {
  border-radius: 1rem;
  border: solid 1px #eaeaea; }
  .pay-detail__item {
    padding: 1.5rem 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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-bottom: 0.0625rem solid #eaeaea; }
    .pay-detail__item:last-of-type {
      border-bottom: none; }
    .pay-detail__item dt,
    .pay-detail__item dd {
      width: 50%;
      font-size: 1.0625rem; }
      .pay-detail__item dt.sub,
      .pay-detail__item dd.sub {
        margin-top: 1rem;
        font-size: 0.9375rem;
        font-weight: 400;
        color: #707070; }
    .pay-detail__item dt {
      width: 30%;
      color: #4c4c4c; }
      .pay-detail__item dt ~ dt:not(.sub) {
        margin-top: 1.25rem; }
    .pay-detail__item dd {
      width: 70%;
      text-align: right; }
      .pay-detail__item dd ~ dd:not(.sub) {
        margin-top: 1.25rem; }
  .pay-detail__price {
    margin: 0;
    padding: 1.5rem 1.875rem;
    border-radius: 0 0 1rem 1rem;
    background-color: rgba(0, 192, 170, 0.1); }

.charge-detail .c-accordion__item {
  border-bottom: 0.0625rem solid #eaeaea; }

.charge-detail .c-accordion__head {
  padding: 1.5rem 2rem; }

.charge-detail .c-accordion__title {
  font-size: 1.0625rem;
  font-weight: 500; }

.charge-detail .c-accordion__inside {
  margin: 0; }

.charge-detail .c-accordion__amount {
  margin-right: 1rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: #707070; }

.charge-detail .c-accordion__inside {
  padding: 0 2rem; }

.charge-detail .pay-detail {
  border: 0;
  font-weight: 500; }
  .charge-detail .pay-detail__item {
    padding: 1.5rem 0; }

.charge-amount {
  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.5rem 2rem;
  font-weight: 500;
  border-bottom: 0.0625rem solid #eaeaea; }
  .charge-amount dt {
    font-size: 1.0625rem; }
  .charge-amount dd {
    font-size: 1.125rem;
    color: #008080; }

.esim-join-wrap {
	color : #1d1d1b;
	width: 58.75rem;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.esim-join-wrap .c-hr {
    width: 100%;
    height: 0.0625rem;
    margin: 1.6875rem 0 1.8125rem;
    border: 0;
    border-bottom: 0.0625rem solid #e8e8e8; }

.esim-join-wrap .esim-join__title {
    margin-top: 3.75rem;
    font-weight: 400;
    font-size: 1.25rem; }

.esim-join-wrap .esim-join__subtitle {
    margin-top: 2.5rem;
    color: #000;
    font-weight: 700;
    font-size: 1.125rem; }

.esim-join-wrap .esim-join__subtit {
    margin-top: 3rem;
    color: #000;
    font-weight: 700;
    font-size: 1.125rem; }

.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;
    position: relative;
    margin-top: 0.25rem; }
.esim-join-wrap .esim-join__list--fyr > li:first-child {
    margin-top: 0.625rem; }
.esim-join-wrap .esim-join__list--fyr > li::before {
    position: absolute;
    content: '※';
    top: 0.125rem;
    left: 0;
    font-size: 0.375rem; }

.esim-join-wrap .esim-Adv-box {
	width: 52.5rem;
    margin: 0 auto;
	padding: 3.125rem 4.1875rem 2.0625rem;
    background: #f9f9f9;
    border-radius: 1.25rem;
    position: relative;
    display: block;
    margin-top: 2.875rem; }

.esim-join-wrap .esim-Adv__item {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
    margin-bottom: 2.125rem; }

.esim-join-wrap .esim-Adv__item:last-child {
    margin-bottom: 0; }

.esim-join-wrap .esim-Adv__panel {
   	margin-left: 2rem; }

.esim-join-wrap .esim-Adv__panel strong {
   	position: relative;
   	margin-top: -0.25rem;
   	margin-bottom: 0.625rem;
    display: block;
    font-size: 1rem;
    font-weight: 700; }

.esim-join-wrap .esim-Adv__panel p {
   	font-size: 0.875rem !important; }

.esim-join-wrap .swiper-banner {
	margin-top: 6rem;
    margin-left: -5rem; }

.esim-join-wrap .esim-step__title {
  margin-top: 6rem;
  border-top: 0.0625rem solid #008080;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;}

.esim-join-wrap .esim-step__head {
	position: relative;
	color : #008080;
	letter-spacing: -0.023rem;
	font-size: 1.375rem;
	font-weight: 700;
	margin : 0.75rem 1.5rem 0.5rem 0; }

.esim-join-wrap .esim-step__head::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    bottom : 0;
    width: 100.5%;
    height: 0.9375rem;
    background: #ccf2ee;
    z-index: -1; }
.esim-join-wrap .esim-step__head::after {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: -0.75rem;
    width: 1px;
    height: 0.5625rem;
    right: -1.3125rem;
    background: #008080;
    z-index: -1; }
.esim-join-wrap .esim-step__head span {
	margin-left: 0.1875rem; }

.esim-join-wrap .esim-step__sub {
	position: relative;
	color : #4c4c4c;
	font-size: 1.0625rem;
	font-weight: 500;
	margin : 0.75rem 1.5rem 0.5rem 1rem; }

.esim-join-wrap .esim-product-box {
	width: 52.5rem;
    margin: 0 auto;
	padding: 2rem 1rem 1.75rem 3.125rem;
    border: 0.0625rem solid #cccccc;
    border-radius: 1.25rem;
    position: relative;
    display: block;
    margin-top: 2.75rem; }

.esim-join-wrap .esim-product__item {
    margin-bottom: 1.6875rem; }
.esim-join-wrap .esim-product__item:last-child {
    margin-bottom: 0; }

.esim-join-wrap .esim-product__item .esim-product__lable--iphone {
    display: inline-block;
    padding: 0.0625rem;
    font-size: 0.9375rem;
    font-weight: 300;
    letter-spacing: -0.033rem;
    border-radius: 1rem;
    line-height: 1.375rem;
    background: #4c4c4c;
    color: #fff;
    text-align: center;
    width: 4.9375rem; }

.esim-join-wrap .esim-product__item .esim-product__lable--android {
    display: inline-block;
    padding: 0.0625rem;
    font-size: 0.9375rem;
    font-weight: 300;
    letter-spacing: -0.033rem;
    border-radius: 1rem;
    line-height: 1.375rem;
    background: #4c4c4c;
    color: #fff;
    text-align: center;
    width: 5.3125rem; }

.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.875rem;
	margin-top: 1.0625rem; }

 .esim-join-wrap .esim-product__model .esim-product__list li {
	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-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;
	width: 52.5rem;
    margin: 0 auto;
	padding:1.875rem 3.125rem 3rem 3.125rem;
    border: 0.0625rem solid #cccccc;
    border-radius: 1.25rem;
    position: relative;
    display: block;
    margin-top: 2.75rem; }

.esim-join-wrap .esim-guide-box {
    position: relative;
    margin-top: 1rem;
    background: #f2fbfa;        }

.esim-join-wrap .esim-guide-box img {
    vertical-align: top;}

.esim-join-wrap .esim-guide-box .esim-guide__list {
    display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.033rem;
    padding: 3.9375rem 7.5rem 1.75rem 7.375rem; }

.esim-join-wrap .esim-guide-box .esim-guide__item {
	width: 100%;
    text-align: center;}

.open-api-wrap {
  color : #1d1d1b;
  width: 58.75rem;
  margin: 0 auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative; }

.open-api-wrap p {
  font-size: 0.875rem;
}

.open-api-wrap .c-table {
  line-height: 0.5;
}

.open-api-wrap .c-hr {
  width: 100%;
  height: 0.0625rem;
  margin: 1.6875rem 0 1.8125rem;
  border: 0;
  border-bottom: 0.0625rem solid #e8e8e8; }

.open-api-wrap .open-api__title {
  margin-top: 3.75rem;
  font-weight: 600;
  font-size: 1.875rem; }

.open-api-wrap .open-api__subtitle {
  margin-top: 2.5rem;
  color: #000;
  font-weight: 500;
  font-size: 1.25rem; }

.open-api-wrap .open-api__content {
  color: #1d1d1b;}

.open-api-wrap .open-api__subcontent {
  margin-left: 1.5rem;
  color: #1d1d1b}

.open-api-wrap .open-api__subtit {
  color: #000;
  font-weight: 500;
  font-size: 1.125rem; }

.open-api-wrap .open-api__list--fyr {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color : #4c4c4c;}

.open-api-wrap .open-api__list--fyr > li {
  padding-left: 0.75rem;
  position: relative;
  margin-top: 0.25rem; }

.open-api-wrap .open-api__list--fyr > li:first-child {
  margin-top: 0.625rem; }

.open-api-wrap .open-api__list--fyr > li::before {
  position: absolute;
  content: '※';
  top: 0.125rem;
  left: 0;
  font-size: 0.375rem; }

#esim-check-modal .esim-slot-box {
    position: relative;
    padding: 1rem;
    margin-bottom: 1.5rem;
    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: 1.25rem;
	font-size: 0.875rem;
    position: relative;
    padding-left: 1.5rem;
    word-break: break-word;
    line-height: 1.375rem;
    color: #ed0000; }
#esim-check-modal .esim-slot-box__err::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0.0625rem;
    left: 0;
    border-radius: 50%;
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/mobile/common/ico_bang_red.svg) 50% 50% no-repeat; }

.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;
    letter-spacing: 0;
    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;
    letter-spacing: 0;
    line-height: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background-color: #008080;
    position: absolute;
    top: 0.0625rem;
    left: 0;
    color: #fff;}

.Number-label--type2 {
    position: relative;
    display: block;
    color: #4c4c4c;
    font-size: 0.875rem;
    font-weight: 500;
    padding-left: 1.25rem; }

.Number-label--type2 em {
	font-size: 0.6875rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0;
    line-height: 1.46;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #4c4c4c;
    position: absolute;
    top: 0;
    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;
    letter-spacing: 0;
    line-height: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background-color: #4c4c4c;
    position: absolute;
    top: 0.0625rem;
    left: 0;
    color: #fff;}

.Number-label--type4 {
    position: relative;
    display: block;
    color: #4c4c4c;
    font-size: 1rem;
    font-weight: 500;
    padding-left: 1.4375rem;}

.Number-label--type4 em {
	font-size: 0.75rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0;
    line-height: 1.43;
    width: 1.0625rem;
    height: 1.0625rem;
    border-radius: 50%;
    background-color: #1d1d1b;
    position: absolute;
    top: 0.1875rem;
    left: 0.0625rem;
    color: #fff;}

.esim-guide-box__pop {
    position: relative;
    margin-top: 1rem;
    background: #f2fbfa;}

.esim-guide-box__pop img {
    vertical-align: top;}

.esim-guide-box__pop .esim-guide__list {
    display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.033rem;
    padding: 3rem 3rem 2rem 3rem }

.esim-guide-box__pop .esim-guide__item {
	width: 100%;
    text-align: center;}

.esim-join-wrap .c-accordion--type3 .c-accordion__inside {
    padding: 2rem 2.5rem;
    background-color: #fff;
    border-top: 0.0625rem solid #eaeaea; }
.esim-join-wrap .c-accordion {
    margin-top: 1.75rem;
    border-top: 0.0625rem solid #eaeaea; }

.esim-join-wrap .esim-process__list {
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1.375rem;}

.esim-join-wrap .esim-process__list li{
    width: 12.5rem;
    margin-right : 1.25rem;
    position: relative; }
.esim-join-wrap .esim-process__list li:nth-child(4n){
    margin-right: 0; }
.esim-join-wrap .esim-process__list li:nth-child(n+5){
	margin-top: 1.563rem; }

.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.android img {
 	margin-top: 0.625rem;
 	width: 12.5rem;
    height: 28.125rem;}
.esim-join-wrap .esim-process__list.ios img {
 	margin-top: 0.625rem;
 	width: 12.5rem;
    height: 26.875rem; }

.esim-join-wrap .esim-process__head {
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center; }
.esim-join-wrap .esim-process__head .sticker {
	display: inline-block;
    padding: 0.125rem 0.6875rem;
    font-size: 0.9375rem;
    font-weight: 300;
    border-radius: 1rem;
    line-height: 1.375rem;
    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.5625rem; }
.esim-join-wrap .esim-process__code span{
   	color: #ffff1c; }

.esim-join-wrap .esim-process__textbox {
	position: relative;
	width: 11.5625rem;
    height: 9.625rem;
    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: -1.125rem;
    top: 3.875rem;
    width: 0.625rem;
    height: 0.9375rem;
    background-size: 0.625rem; }

.esim-join-wrap .esim-qr-img{
    margin-top: 1.8125rem;
	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; }

.usefuladdsvc-banner {
	width: 100%;
    height: 15rem;
    background: #a9e4f3;
    color: #1d1d1b; }

.usefuladdsvc-banner--wrap {
    position: relative;
    width: 68.75rem;
    margin: 0 auto;
    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; }

.usefuladdsvc-banner--wrap h3 {
	font-size: 2.25rem;
    font-weight: 500; }

.usefuladdsvc-banner--wrap img {
    margin-right: 1.325rem; }

.usefuladdsvc-connect {
	position: relative;
    width: 58.75rem;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    color: #1d1d1b; }

.usefuladdsvc-list ~ .usefuladdsvc-list {
	margin-top: 5.6875rem; }

.usefuladdsvc-list__title {
    margin-top: 3.75rem;
    font-weight: 400;
    font-size: 1.25rem; }

.usefuladdsvc-list__item {
    padding: 0 4.375rem;
    margin-top: 1.625rem;
    border: 0.0625rem solid #ddd;
    border-radius: 0.5rem; }

.usefuladdsvc-list__item ~ .usefuladdsvc-list__item {
	margin-top: 0.75rem; }

.usefuladdsvc-list__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5.625rem; }

.usefuladdsvc-list__item img {
    position: relative;
    width: 4.375rem; }

.usefuladdsvc-list__panel {
    margin-left: 4.3125rem; }

.usefuladdsvc-list__panel strong {
    position: relative;
    display: block;
    font-size: 1.125rem ;
    font-weight: 500;
    margin-top: -0.0625rem;
    margin-bottom: 0.3125rem; }

.usefuladdsvc-list__panel p {
    font-size: 0.875rem;
    color: #707070; }

.usefuladdsvc-more {
    margin-top: 2.5rem !important;
    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; }

.usefuladdsvc-more  a {
    background-color: #00c3bd;
    color: #1d1d1b;
    padding: 0 2rem;
    width: 28.75rem !important;
    height: 3.5rem;
    position: relative;
    display: inline-block;
    border-radius: 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 3.375rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 500; }
.usefuladdsvc-more a::before {
    content: '';
    display: block;
    clear: both;
    background: url(../../images/portal/common/ico_arrow_link_black.svg) 50% 50% no-repeat;
    background-size: 2rem;
    position: absolute;
    right: 2rem;
    top: 1.25rem;
    width: 1rem;
    height: 1rem;
    background-size: cover; }

.ktmm-combine-banner {
	width: 100%;
    min-height: 15rem;
    background: #006bdd;
    color: #fff;
    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; }

.ktmm-combine-banner__wrap {
	position: relative;
    width: 68.75rem;
    height: 15rem;
    padding: 2.5rem 0; }

.ktmm-combine-banner__wrap h3 {
	font-size: 2.25rem;
    font-weight: 500; }

.ktmm-combine-banner__wrap p {
    display: inline-block;
    font-size: 1rem;
    margin-top: 1.5rem;
    font-weight: 400; }

.ktmm-combine-banner__wrap button {
    display: block;
    font-size: 0.875rem;
    position: relative;
    line-height: 1.43;
    font-weight: 400;
	margin-top: 1.5rem; }

.ktmm-combine-banner__wrap button::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.0625rem;
    border-bottom: 0.0625rem solid #fff; }

.ktmm-combine-banner__wrap button:focus {
    outline: 2px dotted #ededed; }

.ktmm-combine-banner__wrap img {
	position: absolute;
    bottom: 0;
    right: 0;
    height: 100%; }

.ktmm-combine-content {
    position: relative;
    width: 58.75rem;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; }

.user-confirm .user-confirm__tit {
    position: relative;
    display: block;
    color: #4c4c4c;
    font-size: 1rem;
    font-weight: 500;
    padding-left: 1.4375rem;
    margin-top: 3.8125rem; }

.user-confirm .user-confirm__tit em {
    font-size: 0.75rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0;
    line-height: 1.43;
    width: 1.0625rem;
    height: 1.0625rem;
    border-radius: 50%;
    background-color: #1d1d1b;
    position: absolute;
    top: 0.1875rem;
    left:0.0625rem;
    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: 2.875rem; }

.user-confirm .btn-login a {
    position: relative;
    display: inline-block;
    width: 28.75rem;
    height: 3.5rem;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 1.25rem;
    line-height: 3.5rem;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 2rem;
    background-color: #00c3bd;
    color: #1d1d1b; }

.user-confirm .btn-usercheck {
    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: 3.5rem; }

.user-confirm .btn-usercheck 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;
    padding: 1.125rem 1.25rem;
    font-size: 1.125rem;
    background-color: #1d1d1b;
    border: 0.0625rem solid #1d1d1b;
    color: #fff;
    width: 28.75rem; }

.user-confirm .btn-usercheck button.is-disabled {
    color: rgba(112, 112, 112, 0.5) !important;
    background-color: #e8e8e8 !important;
    border-color: #e8e8e8 !important;
    cursor: not-allowed; }


.user-confirm .btn-usercheck button:active, .user-confirm .btn-usercheck button.is-active {
      border-color: #ccc;
      background-color: #ccc;
      color: #707070; }

.combine-info {
	margin-top: 3.8125rem; }

.combine-myinfo {
    position: relative;
    display: block;
    padding: 1.125rem;
    background: #f9f9f9;
    border-radius: 0.5rem; }

.combine-myinfo .c-form-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.combine-myinfo .c-form__select, .combine-myinfo .c-form__input {
    margin-top: 0; }

.combine-myinfo .combine-check {
	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;
    height: 3.5rem;
    line-height: 3.375rem;
    padding: 0 1.25rem;
    font-size: 1rem;
    border-radius: 2rem;
    background-color: #1d1d1b;
    border: 0.0625rem solid #1d1d1b;
    color: #fff;
    margin-left: 1.125rem;
    width: 6.5625rem; }

.combine-myinfo .combine-check:active, .combine-myinfo .combine-check.is-active {
    border-color: #ccc;
    background-color: #ccc;
    color: #707070; }

.combine-result {
    margin: 3rem 0; }

.combine-result-possible {
	position: relative;
	height: auto;
    padding: 1.125rem 3.75rem 1rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    border-radius: 0.5rem;
    text-align: center;
    background-color: #e6f1fc;
    border: 0.0625rem solid #a7cdf6;
    color: #006bdd; }

.combine-result-possible p {
    width: 100%;
	font-size: 1.375rem;
	font-weight: 700; }

.combine-result-possible .possible__info {
	margin-top: 0.375rem;
    font-size: 1rem;
    font-weight: 500; }

.combine-result-possible .possible__info span {
	color: #ed0000;
    font-weight: 700; }

.combine-result-possible .possible__info-provid {
	margin-top: 0.375rem;
    font-size: 1rem;
    font-weight: 700; }

.combine-result-possible .possible__subtxt {
	margin-top: 0.125rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #707070; }

.combine-result-possible img {
    position: absolute;
    right: 3rem;
    bottom: -0.125rem; }

.combine-result-possible.no-combine {
  background-color: #fff3f3;
  border: 0.0625rem solid rgba(231, 57, 57, 0.1);
}
.combine-result-impossible {
	position: relative;
	height: 5rem;
    padding: 1.5rem 3.75rem 1.5rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.5rem;
    text-align: center;
    background-color: #fff3f3;
    border: 1px solid #f5b0b0;
    color: #d61c20; }

.combine-result-impossible p {
    width: 100%;
	font-size: 1.375rem;
	font-weight: 700;
    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; }

.combine-result-impossible p span {
    font-size: 1.0625rem;
    font-weight: 400;
    color: #1d1d1b;
    margin-right: 0.625rem;
    margin-top: -0.0625rem; }

.combine-result-impossible img {
	position: absolute;
    right: 9.8125rem; }

.combine-sign {
    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: 4rem; }

.combine-sign button {
	position: relative;
	width: 28.75rem;
    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;
    padding: 1.25rem 1.25rem;
    font-size: 1.125rem;
    background-color: #1d1d1b;
    border: 0.0625rem solid #1d1d1b;
    color: #fff; }

.combine-sign button:active, .combine-sign button.is-active {
      border-color: #ccc;
      background-color: #ccc;
      color: #707070; }

.combine-sign button.is-disabled {
    color: rgba(112, 112, 112, 0.5) !important;
    background-color: #e8e8e8 !important;
    border-color: #e8e8e8 !important;
    cursor: not-allowed; }

.combine-sign__txt {
	text-align: center;
    font-size: 1rem;
    font-weight: 500;
    margin-top: 3rem; }

.combine-notice {
	margin-top: 3.6875rem; }

.combine-notice hr {
	display: none; }

.combine-notice .combine-notice__tit {
    font-size: 0.9375rem;
    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; }

.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.9375rem;
    font-weight: 500; }

.combine-notice__list .combine-notice__list-text {
	margin-top: 0.5rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: #707070; }

.combine-notice__list .combine-notice__list-titsub {
	margin-top: 1rem;
	font-size: 0.9375rem;
    font-weight: 500;
    color: #1d1d1b; }

.combine-notice__bullet {
    font-size: 0.875rem;
    font-weight: 400;
    margin-top: 0.5rem; }

.combine-notice__bullet li {
    position: relative;
    padding-left: 0.625rem;
	color: #707070;
	margin-top: 0.5rem; }

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

.combin-history__tit h3 {
    font-size: 1.25rem; }

.combin-history__tit button {
    position: relative;
    display: inline-block;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    height: 2.5rem;
    line-height: 2.375rem;
    padding: 0 1.25rem;
    font-size: 0.875rem;
    border-radius: 1.25rem;
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    color: #1d1d1b; }
.combin-history__tit button:active, .combin-history__tit button.is-active {
    background-color: #1d1d1b;
    color: #fff; }

.combin-history__myinfo {
	margin-top: 0.75rem; }

.combin-history__myinfo.c-table::before {
    content: '';
    position: absolute;
    top: -0.0625rem;
    left: 0;
    right: 0;
    border-top: 0.0625rem solid #a7cdf6; }

.combin-history__myinfo.c-table th {
	padding: 0.825rem 0 0.825rem 1.25rem;
    background: #e6f1fc;
    color: #4c4c4c;
    border-left: 0.0625rem solid #cfe4fa;
    border-right: 0.0625rem solid #cfe4fa; }

.combin-history__myinfo.c-table td {
	padding: 0.825rem 1.25rem 0.825rem 1.25rem;
    color: #4c4c4c;
    border-left: 0.0625rem solid #cfe4fa;
    border-right: 0.0625rem solid #cfe4fa; }

.combin-history__myinfo.c-table th, .combin-history__myinfo.c-table td {
    border-bottom: 0.0625rem solid #a7cdf6;
    text-align: left;}

.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 .rate-info {
	color: #707070;
	font-size: 0.875rem;
	margin-top: 0.0625rem; }

.combin-history__list {
	margin-top: 1.5rem;
    margin-bottom: 2.6875rem;}

.combin-history__list.c-table::before {
    top: -0.0625rem; }

.combin-history__list.c-table th {
	padding: 0.825rem 0 0.825rem 1.25rem;
    color: #4c4c4c;
    text-align: left; }

.combin-history__list.c-table td {
	padding: 0.825rem 1.25rem 0.825rem 1.25rem;
    color: #4c4c4c;
    text-align: left; }

.combin-history__list .rate-info {
	color: #707070;
	font-size: 0.875rem;
	margin-top: 0.0625rem; }

.combin-history__progress {
    margin-top: 2.6875rem;
    margin-bottom: 2.875rem; }

.combin-history__progress h3 {
    font-size: 1.25rem;
    font-weight: 400; }

.combin-history__progress h3 span {
    margin-left: 0.375rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: #707070; }

.combin-history__proginfo {
    margin-top: 1rem; }

.combin-history__proginfo.c-table::before {
    top: -0.0625rem; }

.combin-history__proginfo.c-table th {
	padding: 0.825rem 0 0.825rem 1.25rem;
    color: #4c4c4c;
    text-align: left; }

.combin-history__proginfo.c-table td {
	padding: 0.825rem 1.25rem 0.825rem 1.25rem;
    color: #4c4c4c;
    text-align: left; }

.combin-history__proginfo.c-table td .progress-info {
    color: #006bdd; }

.combine-complete {
	 position: relative;
	width: 58.75rem;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; }

.combine-complete__wrap {
	text-align: center; }

.combine-complete__txt {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.75;
    margin-top: 1.625rem; }

.combine-complete__subtxt {
	font-size: 1rem;
	font-weight: 400;
    color: #707070;
    margin-top: 0.8125rem; }

.combine-complete__list {
	margin-top: 3.4375rem; }

.combine-complete__list h3 {
	font-size: 1.25rem;
	font-weight: 400; }

.combine-complete__list h4 {
	margin-top: 2.9375rem;
    margin-bottom: 1.1875rem;
    font-size: 1rem;
    font-weight: 500; }

.combine-complete__list h4:first-of-type {
	margin-top: 0; }

.combine-complete__list hr {
    width: 100%;
    height: 0.0625rem;
    margin: 1.6875rem 0 1.8125rem;
    border: 0;
    border-bottom: 0.0625rem solid #e8e8e8; }

.combine-complete__list .c-table th, .combine-complete__list .c-table td {
    padding: 1rem 1.5rem;
    text-align: left; }

.combine-complete__listsubtxt {
	font-size: 0.875rem;
    font-weight: 400;
    color: #707070;
    margin-top: 1rem; }

.combine-complete__confirm {
    margin-top: 3.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;
    font-size: 0; }

.combine-complete__confirm button {
	position: relative;
	width: 28.75rem;
    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;
    padding: 1.125rem 1.25rem;
    font-size: 1.125rem;
    background-color: #1d1d1b;
    border: 0.0625rem solid #1d1d1b;
    color: #fff; }

.combine-complete__confirm button:active, .combine-complete__confirm button.is-active {
	border-color: #ccc;
	background-color: #ccc;
	color: #707070; }

.combin-nodata {
	padding: 3rem 0;
    text-align: center;
    color: #4c4c4c;
    font-size: 1.0625rem; }

.kt-combine-banner {
	width: 100%;
    min-height: 15rem;
    background: #f8e3d4;
    color: #fff;
    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; }

.kt-combine-banner__wrap {
	position: relative;
  width: 68.75rem;
  height: 15rem;
  padding: 2.5rem 0; }

.kt-combine-banner__wrap h3 {
	font-size: 2.25rem;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.0675rem; }

.kt-combine-banner__wrap h3 span {
  color: #95452b;
  font-weight: 500; }

.kt-combine-banner__wrap p {
    display: inline-block;
    font-size: 1rem;
    margin-top: 1.5rem;
    font-weight: 400; }

.kt-combine-banner__wrap button {
  width: 12.125rem;
  font-size: 1rem;
  height: 2.5rem;
  line-height: 2.5rem;
  margin-left: 0.125rem;
  padding: 0 1rem;
  border-radius: 1.25rem;
  background-color: transparent;
  border: 0.0625rem solid #95452b;
  color: #95452b; }

.kt-combine-banner__wrap .c-button-wrap.c-button-wrap--left .c-button:focus {
  outline: 0.125rem dotted #006bdd !important; }

.kt-combine-banner__wrap button .c-icon {
  margin-left: 0.5rem;
  top: -0.125rem;
  filter: brightness(0) saturate(100%) invert(41%) sepia(31%) saturate(823%) hue-rotate(337deg) brightness(76%) contrast(97%);
}

.kt-combine-banner__wrap img {
	position: absolute;
  bottom: 0;
  right: 4.875rem;
  height: 100%; }

.kt-combine-content {
  position: relative;
  width: 58.75rem;
  margin: 0 auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

.kt-combine-head {
  margin-top: 5.5rem;
  text-align: center;
  font-size: 1.5rem;
}
.kt-combine__title {
  font-size: 2.5rem;
  font-weight: 700;
}
.kt-combine__text {
  margin-top: 1.125rem;
  letter-spacing: -0.047rem;
}
.kt-combine__subtext {
  margin-top: 0.75rem;
  color: #707070;
  font-size: 1.125rem;
}
.kt-combine-title {
	margin-top: 6.375rem;
	font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.06rem;
}
.kt-combine-title > .c-icon {
	margin-right: 0.75rem;
	-webkit-transform: translateY(-0.3125rem);
  transform: translateY(-0.3125rem);
}
.kt-combine-title__button {
    display: inline-block;
    margin-left: 0.75rem;
    transform: translateY(-0.1875rem);
}
.kt-combine-title__button button {
    width: 8.25rem;
    height: 2rem;
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    color: #1d1d1b;
    font-size: 0.8125rem;
    border-radius: 0.25rem;
    line-height: 2rem;
    padding: 0 0.75rem;
    text-align: left;
    letter-spacing: -0.027rem;
}
.kt-combine-title__button .c-icon {
  margin-right: 0.375rem;
  transform: translateY(-0.0625rem);
}
.kt-combine-title + .c-notice--red {
  margin-top: 1.625rem;
  font-size: 1.0625rem;
  font-weight: 500;
}
.kt-combine-text {
  margin-top: 1.5rem;
  font-size: 1.125rem;
}
.kt-combine-wrap .c-text-list.c-bullet > .c-text-list__item.u-co-gray {
  color: #4c4c4c !important;
}
.kt-combine-wrap .c-text-list.c-bullet > .c-text-list__item.u-co-gray::before {
  background-color: #aaa;
}
.kt-combine-product-box {
  display: flex;
  gap: 0 1.25rem;
  margin-top: 1.6875rem;
}
.kt-combine-product-box__item {
	flex: 1;
  padding: 2.3125rem 2.4375rem 1.75rem;
  border: 0.0625rem solid #f8e3d4;
  border-radius: 0.625rem;
  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: 12.5rem;
  height: 2.5rem;
  padding: 0 1rem;
  font-size: 1rem;
  border-radius: 1.25rem;
  background-color: #95452b;
  border: 0.0625rem solid #95452b;
  color: #fff;
}
.kt-combine-wrap .kt-combine-product-box .c-text-list.c-bullet {
  margin-top: 1.4375rem;
}
.kt-combine-wrap .kt-combine-product-box .c-text-list.c-bullet .c-text-list__item ~ .c-text-list__item {
    margin-top: 0.375rem;
}
.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.375rem;
  font-weight: 700;
  text-align: center;
}
.kt-combine-product-box__text {
  margin-top: 0.3125rem;
  font-size: 0.9375rem;
  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.6875rem;
  border: 0.0625rem solid #eaeaea;
  border-radius: 0.625rem;
}
.c-accordion.kt-combine .c-accordion__head {
  position: relative;
  margin: 0;
  padding: 0;
  padding: 1.9375rem 1.25rem;
  padding: 2.625rem 2.4375rem 0;
}
.kt-combine-adv-box {

}
.kt-combine-adv__item {
  margin-bottom: 1.6875rem;
  line-height: 1.5;
}
.kt-combine-adv__item:last-child {
  margin-bottom: 0.875rem;
}
.kt-combine-adv__item ~ .kt-combine-adv__item {
  padding-top: 1.9375rem;
  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: 2.75rem;
  font-size: 1.125rem;
  font-weight: 500;
  word-break: keep-all;
}
.kt-combine-adv__question span {
  position: absolute;
  top:  -0.1875rem;
  width: 1.75rem;
  height: 1.75rem;
  text-align: center;
  background-color: #95452b;
  border-radius: 50%;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.75rem;
}
.kt-combine-adv__answer {
	display: flex;
  position: relative;
  margin-top: 1rem;
}
.kt-combine-adv__answer p {
  margin-left: 2.75rem;
  font-size: 1.125rem;
  color: #4c4c4c;
  word-break: keep-all;
}
.kt-combine-adv__answer span {
  position: absolute;
  top: -0.125rem;
  width: 1.75rem;
  height: 1.75rem;
  text-align: center;
  background-color: #f8e3d4;
  border-radius: 50%;
  color: #9d6054;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.75rem;
}
.c-accordion.kt-combine .c-accordion__button {
  width: 100%;
  height: 3rem;
  z-index: 2;
  background-color: #f7f7f7;
  color: #1d1d1b;
  position: relative;
  margin-top: 2.4375rem;
  font-weight: 500;
  border-radius: 0 0 0.625rem 0.625rem;
  font-size: 1rem;
  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 {
	transition: all 0.3s;
	-webkit-transform: translate(0.3125rem, -0.0625rem);
  transform: translate(0.3125rem, -0.0625rem);
}
.c-accordion.kt-combine .c-accordion__button.is-active .c-icon {
  -webkit-transform: translate(0.3125rem, -0.0625rem) rotate(-180deg);
  transform: translate(0.3125rem, -0.0625rem) rotate(-180deg);
}
.c-accordion.kt-combine .c-accordion__inside {
	position: relative;
  padding: 45px 2.4375rem 1.5625rem;
}
.c-accordion.kt-combine .c-accordion__inside::before {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  top: 0.8125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(100% - 4.875rem);
  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.1875rem;
}
.kt-combine-step__item {
  display: flex;
  gap: 0 0.75rem;
}
.kt-combine-step__item ~ .kt-combine-step__item {
  margin-top: 0.75rem;
}
.kt-combine-step__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 12rem;
  background-color: #fdf5f0;
  border: 0.0625rem solid #f8e3d4;
  border-radius: 0.625rem;
}
.kt-combine-step__title .c-icon {
  margin-top: 0.125rem;
}
.kt-combine-step__title b {
  font-size: 1.125rem;
  color: #95452b;
  margin-top: 0.625rem;
}
.kt-combine-step__title p {
  font-size: 0.9375rem;
  color: #4c4c4c;
  margin-top: -0.125rem;
}
.kt-combine-step__desc {
  flex: 1;
  border: 0.0625rem solid #f8e3d4;
  border-radius: 0.625rem;
  padding: 1.5625rem 1.9375rem 1.5rem;
}
.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.625rem;
  font-size: 1.0625rem;
  color: #333;
}
.kt-combine-step__desc .c-bullet:not(.c-text-list), .c-bullet.c-text-list > .c-text-list__item {
  margin-top: 0.4375rem;
}
.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: 1.125rem;
  height: 1.125rem;
  top: 0.125rem;
  margin-right: 0.375rem;
  font-size: 0.8125rem;
  font-family: 'Pretendard';
  line-height: 1;
  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: 1rem;
  margin: 0.1875rem 0 0.125rem 0.125rem;
}
#ktInternetIdModal .acc-guide-wrap .acc-guide__list--wrap .acc-guide__list--group {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.combine-form .c-checktype-row.c-col2 .c-label {
  font-size: 1rem;
  text-align: center;
}
.combine-form .c-checktype-row.c-col2 .c-label {
  font-size: 1rem;
  text-align: center;
}
.combine-form .c-radio--button:checked + .c-label {
  font-weight: 500;
}
.combine-form .c-table th, .combine-form .c-table td {
  height: 3.375rem;
  padding: 0.5rem;
}
#divChild.combine-form .c-table td .c-radio + .c-label {
  margin-right: 0 !important;
  padding: 0.75rem;
  top: 0.1875rem;
}
#combinePrint .combine-checklist {
  padding: 0;
  background: #fff;
}
#combinePrint .combine-checklist .combine-notice2 .u-mt--96 {
  margin-top: 0 !important;
}
#combinePrint .combine-checklist strong {
  font-size: 1rem;
}
.kt-combine-content .combine-info {
	margin-top: 4rem; }

.combine-checklist {
	position: relative;
    display: block;
	margin-bottom: 3rem;
    padding: 1.5rem 1.25rem;
    background: #f9f9f9; }

.combine-checklist p {
	font-size: 0.9375rem;
    font-weight: 700;
    color: #008080; }

.combine-checklist strong {
    font-size: 0.875rem;
    margin-top: 1rem;}

.combine-checklist__list {
	margin: 0.875rem 0.75rem 1rem 0.75rem;
	font-size: 0.875rem;
	counter-reset: num; }

.combine-checklist__list li {
	position: relative;
    margin-top: 0.625rem;
    padding-left: 0.75rem;
    color: #707070;}

.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.9375rem;
    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.875rem;
    font-weight: 500;
	margin-top: 1rem;
	color: #1d1d1b; }

.combine-checklist .combine-checklist__subtit.u-co-red {
 	font-size: 0.9375rem;
    font-weight: 700; }

.combine-checklist__item {
    margin-top: 1rem;
    font-size: 0.875rem;
    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.875rem;
    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-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-checklist .c-checkbox + .c-label {
	font-weight: 500;
    margin-right: 0;
    margin-bottom: 0;
    padding-left: 1.625rem; }

.combine-form .c-notice-wrap  {
	margin-top: 0.875rem;
	margin-bottom: 2rem; }

.combine-form .c-notice-wrap .c-notice__title {
	margin-top: 0.375rem; }

.combine-form .combine-target {
	position: relative;
    display: block;
    margin-top: 1.25rem;
    padding: 1.125rem;
    background: #f9f9f9;
    border-radius: 0.5rem; }

.combine-form .combine-target  .combine-check {
    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;
    height: 3.5rem;
    line-height: 3.375rem;
    padding: 0 1.25rem;
    font-size: 1rem;
    border-radius: 2rem;
    background-color: #008080;
    border: 0.0625rem solid #008080;
    color: #fff;
    margin-top: 0.25rem;
    margin-left: 1.125rem;
    width: 6.5625rem; }

.combine-form .combine-target .combine-check:active, .combine-form .combine-target .combine-check.is-active {
    border-color: #ccc;
    background-color: #ccc;
    color: #707070; }

.combine-form .combine-target .c-form__select, .combine-form .combine-target .c-form__input {
    margin-top: 0; }

.combine-form .combine-target .c-form-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.combine-form .combine-target .combine-target__info {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1; }

.combine-form .combine-target .combine-target__info .c-form-field {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0.5625rem; }

.combine-form .combine-target .combine-target__info .c-form-field:first-of-type {
    margin-left: 0; }
.combine-form .combine-target .combine-target__info .c-form-field:last-of-type {
    margin-right: 0; }

.combine-form .combine-target .combine-target__info .c-form__input .c-input {
    width: 8.75rem; }

.combine-form .combine-target .combine-target__info .c-form__select .c-select {
    width: 6.875rem; }

.combine-form .combine-target .combine-target__info .c-form__text {
    padding-left: 0.375rem; }

.combine-form .combine-target .combine-target__info .has-error + .c-form__text::before {
	margin-top: -0.0625rem;
    margin-right: 0.375rem; }

.combine-form .combine-target .combine-target__wrap {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

.combine-form .combine-target .combine-target__result {
	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: 1.25rem; }

.combine-form .combine-target .combine-target__result .c-form-field {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0.625rem; }
.combine-form .combine-target .combine-target__result .c-form-field:first-of-type {
    margin-left: 0; }
.combine-form .combine-target .combine-target__result .c-form-field:last-of-type {
    margin-right: 0; }

.combine-form .combine-target .combine-target__result .c-form__input .c-input {
    border: 0.0625rem solid #00c0aa; }

.combine-target__txt {
	font-size: 0.875rem;
	color: #707070;
	margin-top: 0.5rem;
	cursor: pointer;}

.combine-target__txt .c-icon--tooltip {
    cursor: pointer;
    margin-left: 0;
    top: -0.125rem;}

#combinInfoAgree .c-modal__content .c-modal__header {
    padding: 3rem 3rem 0;
      position: relative;
    width: 100%;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.25rem; }

#combinInfoAgree .c-modal__content .c-modal__body {
    padding: 3rem 3rem 0; }

.combin-Info-Agree h3 {
	font-size: 1.25rem;
    margin-bottom: 0.75rem; }

.combin-Info-Agree p {
	font-size: 1.0625rem;
	color:#707070;}

.combin-Info-Agree .combin-Info-Agree__wrap {
	padding: 2.5rem;
	margin-top: 1.75rem;
    border-radius: 1.5rem;
    background: #f2faf9; }

.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;
    margin-right: 1.625rem;
    border-radius: 1rem;
    height: 9.0625rem; }

.combin-Info-Agree .combin-Info-Agree__wrap .process-wrap .process-list:last-child {
    margin-right: 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: rotate(-90deg);
    transform: rotate(-90deg);
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: -1.1875rem;
    top: 47%;
    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.75rem;
    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.9375rem;
    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; }

.combine-print h3 {
    margin-top: 2.8125rem;
    font-size: 1rem;
    font-weight: 500; }

.combine-print .c-table::before {
    content: '';
    position: absolute;
    top: -0.125rem;
    left: 0;
    right: 0;
    border-top: 0.125rem solid #9b9b9b; }

.combine-print .c-table th {
    color: #4c4c4c; }

.combine-print .c-table th, .combine-print .c-table td {
    padding: 0.875rem 1.25rem; }

.combine-print .combine-info-list {
    margin-bottom: 1rem;
    margin-top: 1.25rem; }

.combine-print .combine-info-list table th {
    font-size: 0.875rem;
    padding: 0.875rem 0.75rem;}

.combine-print .combine-info-list table td {
    font-size: 0.8125rem;
    word-break: break-word;
    color: #4c4c4c;
    height: 3.75rem;
    padding: 0.625rem 0.5rem; }

.combine-print .certi-box--bottom p {
	margin : 4rem 0 2.5rem;
	font-size: 1.125rem;
	font-weight: 500; }

.combine-print .certi-box--bottom p span {
    margin-left: 1.5rem;}

.combine-print .certi-box--bottom b {
	font-size: 1.125rem;
	font-weight: 500; }

.combine-print .combine-notice > p > iframe {
	display: none; }

.combine-print .combine-notice > br {
	display: none; }

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

.insrguide-info__item {
	position: relative;
    background-color: #f9f9f9;
    text-align: center;
    padding: 1.125rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 1rem; }

.insrguide-info__item ~ .insrguide-info__item {
	margin-left: 1.25rem; }

.insrguide-info__item p {
    margin-bottom: 0.375rem;
    font-size: 1rem;
    font-weight: 500; }

.insrguide-info__item strong {
    font-size: 1.375rem;
    font-weight: 700; }

.dnbox {
	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: 2rem 0 1rem 0;
    padding: 0.75rem 1.25rem;
    background: #f9f9f9; }
.dnbox p {
    position: relative;
    padding-left: 0.625rem;
	color: #707070;
    font-size: 0.875rem; }
.dnbox p::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0.4375rem;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #d8d8d8; }
.ardnlink {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    color: #666;
    border: solid 0.0625rem #ddd;
    background: #fff url(../../images/portal/common/ico_pdf.png) 0.625rem 50% no-repeat;
    background-size: 0.9375rem 0.9375rem; }
.ardnlink span {
    padding: 0 1.25rem 0 1.5625rem;
    background: url(../../images/portal/common/ico_pdf_download.png) 100% 50% no-repeat; }

.watch-join-wrap {
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    width: 58.75rem; }

.watch-join-wrap ~ .watch-join-wrap {
    margin-top: 4rem; }

.watch-join-wrap .btn-usercheck {
	margin-top: 4rem; }

.watch-join-wrap .watch-join__title {
	font-size: 1.25rem;
	font-weight: 400; }

.watch-join-wrap .watch-join__title ~ .watch-join__title {
	margin-top: 4rem; }

.watch-join-wrap .c-hr {
    width: 100%;
    height: 0.0625rem;
    margin: 1.5rem 0 2rem;
    border: 0;
    border-bottom: 0.0625rem solid #e8e8e8; }


.esim-box__title {
	margin-top: 2.3125rem;
	font-weight: 500; }

.esim-txtbox {
	position: relative;
    display: block;
    margin-top: 2rem;
    padding: 1.25rem;
    background: #f9f9f9; }

.esim-txtbox .esim-txtbox__tit {
    margin-bottom: 1rem;
    font-size: 0.9375rem;
    font-weight: 500;
	color: #008080; }

.esim-txtbox .esim-txtbox__list {
   	margin: 0;
   	font-size: 0.875rem; }

.esim-txtbox .esim-txtbox__item {
	    margin-top: 0.5rem;
	padding-left: 0.625rem;
   	position: relative;
    color: #707070; }

.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.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #d8d8d8; }

.watch-sign {
    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; }

.watch-sign button {
    position: relative;
    display: inline-block;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    width: 28.75rem;
    height: 3.5rem;
    line-height: 3.375rem;
    padding: 0 1.25rem;
    font-size: 1rem;
    border-radius: 2rem;
    background-color: #00c3bd;
    border: 0.0625rem solid #fff;
    color: #1d1d1b; }

.watch-sign button:active, .watch-sign button.is-active {
      border-color: #ccc;
      background-color: #ccc;
      color: #707070; }

.watch-sign button.is-disabled {
    color: rgba(112, 112, 112, 0.5) !important;
    background-color: #e8e8e8 !important;
    border-color: #e8e8e8 !important;
    cursor: not-allowed; }

.esim-slot-box {
    position: relative;
    padding: 1rem;
    margin-bottom: 1.5rem;
    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.375rem;
    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: 1.25rem;
	font-size: 0.875rem;
    position: relative;
    padding-left: 1.5rem;
    word-break: break-word;
    line-height: 1.375rem;
    color: #ed0000; }
.esim-slot-box__err::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0.0625rem;
    left: 0;
    border-radius: 50%;
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/mobile/common/ico_bang_red.svg) 50% 50% no-repeat; }

.watch-banner {
    width: 100%;
    min-height: 15rem;
    background: #008080;
    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: #4d4b4a;
    background-color: #cdede7; }

.watch-banner__wrap {
	position: relative;
    width: 68.75rem;
    height: 15rem;
    padding: 2.5rem 0; }

.watch-banner__wrap h3 {
    font-size: 2.25rem;
    font-weight: 500; }

.watch-banner__wrap img {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%; }

.watch-banner__wrap .watch-banner__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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.5rem;
    font-size: 0; }

.watch-banner__wrap a {
    position: relative;
    color: #4d4b4a;
    border: 0.0625rem solid #4d4b4a;
    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;
    width: 11.375rem;
    height: 2.5rem;
    line-height: 2.375rem;
    padding: 0 1.25rem;
    font-size: 1rem;
    border-radius: 1.25rem;
    background-color: transparent;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-weight: 500; }

.watch-banner__wrap button {
    position: relative;
    color: #4d4b4a;
    border: 0.0625rem solid #4d4b4a;
    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;
    margin-left: 1rem;
    width: 9.6125rem;
    height: 2.5rem;
    line-height: 2.375rem;
    padding: 0 1.25rem;
    font-size: 1rem;
    border-radius: 1.25rem;
    background-color: transparent;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-weight: 500; }

.watch-banner__wrap i {
    position: absolute;
    right: 1.25rem; }


.watch-info-wrap {
	color: #1d1d1b;
    width: 58.75rem;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }


.watch-info-wrap .watch-step__title {
  margin-top: 6rem;
  border-top: 0.0625rem solid #008080;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;}

.watch-info-wrap .watch-step__head {
	position: relative;
	color : #008080;
	letter-spacing: -0.023rem;
	font-size: 1.375rem;
	font-weight: 700;
	margin : 0.75rem 1.5rem 0.5rem 0; }

.watch-info-wrap .watch-step__head::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    bottom : 0;
    width: 100.5%;
    height: 0.9375rem;
    background: #ccf2ee;
    z-index: -1; }
.watch-info-wrap .watch-step__head::after {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: -0.75rem;
    width: 0.0625rem;
    height: 0.5625rem;
    right: -1.3125rem;
    background: #008080;
    z-index: -1; }
.watch-info-wrap .watch-step__head span {
	margin-left: 0.1875rem; }

.watch-info-wrap .watch-step__sub {
	position: relative;
	color : #4c4c4c;
	font-size: 1.0625rem;
	font-weight: 500;
	margin : 0.75rem 1.5rem 0.5rem 1rem; }

.watch-info-wrap .c-hr {
    width: 100%;
    height: 0.0625rem;
    margin: 1.6875rem 0 1.8125rem;
    border: 0;
    border-bottom: 0.0625rem solid #e8e8e8; }

.watch-info-wrap .watch-info__title {
    margin-top: 3.75rem;
    font-weight: 400;
    font-size: 1.25rem; }

.watch-info__subtitle {
	margin-top: 3rem;
    color: #000;
    font-weight: 700;
    font-size: 1.125rem; }

.watch-info-wrap .watch-info__table {
	margin-top: 2.75rem; }

.watch-info-wrap .watch-info__table  {
	margin-top: 2.75rem; }

.watch-info-wrap .watch-info__table .c-table th, .watch-info-wrap .watch-info__table .c-table td {
    padding: 1.25rem; }

.watch-info-wrap .watch-info__table .c-table td ~ td {
    padding-left: 3.125rem; }

.watch-info-wrap .watch-info__table p {
	margin-top: 1.25rem;
    font-size: 0.875rem;
    color: #707070; }

.watch-info-wrap .watch-info__table p ~ p {
	margin-top: 0.25rem; }

.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;
    position: relative;
    margin-top: 0.25rem; }
.watch-info-wrap .watch-info__list--fyr > li:first-child {
    margin-top: 0.625rem; }
.watch-info-wrap .watch-info__list--fyr > li::before {
    position: absolute;
    content: '※';
    top: 0.125rem;
    left: 0;
    font-size: 0.375rem; }

.watch-info-wrap .c-accordion {
    margin-top: 3rem;
    border-top: 0.0625rem solid #eaeaea; }

.watch-info-wrap .c-accordion--type3 .c-accordion__title {
    font-size: 1.0625rem; }

.watch-info-wrap .c-accordion--type3 .c-accordion__inside {
    padding: 2rem 2.5rem;
    background-color: #fff;
    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;
    margin-top: 1.375rem;}

.watch-info-wrap .watch-guide__list li{
    width: 16.875rem;
    margin-right : 1.5625rem;
    position: relative; }
.watch-info-wrap .watch-guide__list li:nth-child(3n){
    margin-right: 0; }
.watch-info-wrap .watch-guide__list li:nth-child(n+4){
	margin-top: 1.563rem; }

.watch-info-wrap .watch-guide__list img {
 	margin-top: 0.625rem;
 	width: 16.875rem;
    height: 30rem;}

.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; }

.watch-info-wrap .watch-guide__list--wrap .watch-guide__list__item {
    width: 16.875rem;
    margin-right : 1.5625rem;
    position: relative; }

.watch-info-wrap .watch-guide__list--wrap .watch-guide__list__item:nth-child(3n) {
    margin-right: 0; }

.watch-info-wrap .watch-guide__list--wrap li:nth-child(n+2) {
	margin-top: 1.563rem; }

.watch-info-wrap .watch-guide__list--wrap .watch-guide__list__item img {
 	margin-top: 0.625rem;
 	width: 16.875rem;
    height: 30rem;}

.mbership-banner {
    margin-bottom: 4rem; }

.mbership-banner .swiper-slide img {
	height: 15rem;
    vertical-align: bottom; }

.mbership-head {
	color: #1d1d1b;
    width: 58.75rem;
    margin: 0 auto;
    margin-bottom: 3rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.mbership-head__title {
	font-size: 1.125rem; }

.mbership-head__text {
	margin-top: 0.3125rem;
	color: #707070; }

.mbership-head__text .c-text-link--bluegreen {
    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;
    width: 28.75rem;
    height: 3.5rem;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 1.25rem;
    line-height: 3.5rem;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 2rem;
    background-color: #00c3bd;
    color: #1d1d1b; }

#mbership-tab ~ .c-tabs__panel {
    position: relative;
    margin-top: 3rem; }

.mbership-wrap {
	color: #1d1d1b;
    width: 58.75rem;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.mbership-category {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0 1rem;
    margin-top: -0.375rem;
    margin-bottom: 1.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: 6.25rem;
    height: 5rem;
    border-radius: 0.5rem; }
.mbership-category__button i {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    opacity: 0.65; }

.mbership-category__button span {
    color: #707070;
	font-size: 0.9375rem; }

.mbership-category__button.is-active, .mbership-category__button:hover {
    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, .mbership-category__button:hover i {
    opacity: 1; }
.mbership-category__button.is-active span, .mbership-category__button:hover span {
    color: #1d1d1b;
    font-weight: 500; }

.mbership-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	gap: 3rem 1.625rem; }

.mbership-item {
    width: 18.5rem; }

.mbership-info {
  position: relative;
	cursor: pointer; }

.mbership-info img {
	width: 100%;
	vertical-align: bottom; }

.mbership-button {
	margin-top: 1.25rem; }

.mbership-button button {
	position: relative;
    display: inline-block;
    width: 6.25rem;
    height: 2rem;
    padding: 0.0625rem 1rem 0 0;
    color: #ed0000;
    font-size: 0.8125rem;
    font-weight: 500;
    border: 0.0625rem solid #ff4c4d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    cursor: pointer; }

.mbership-button .c-icon--download-ty2-red {
    width: 0.75rem;
    height: 0.875rem;
    position: absolute;
    right: 0.6875rem;
    top: 0.5rem; }

.mbership-button button:disabled, .mbership-button button.is-disabled {
    color: #707070 !important;
    border-color: #e0e0e0 !important;
    background-color:#f0f0f0 !important;
    cursor: not-allowed; }

.mbership-button button:disabled .c-icon--download-ty2-red, .mbership-button button.is-disabled .c-icon--download-ty2-red {
    background: url(../../images/common/ico_download_ty2_gray.svg) 50% 50% no-repeat; }

.mbership-info .c-label  {
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0; }

.mbership-coupon-button {
  position: absolute;
  top: 0.1875rem;
  right: -0.0625rem; }

.mbership-coupon-button button {
  position: relative;
  display: inline-block;
  width: 9.375rem;
  height: 2rem;
  padding: 0.0625rem 1rem 0 0;
  color: #ed0000;
  font-size: 0.8125rem;
  font-weight: 500;
  border: 0.0625rem solid #ff4c4d;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  cursor: pointer; }

.mbership-coupon-button .c-icon--download-ty2-red {
  width: 0.75rem;
  height: 0.875rem;
  position: absolute;
  right: 0.6875rem;
  top: 0.5rem; }

.mbership-coupon-button button:disabled, .mbership-coupon-button button.is-disabled {
  color: #707070 !important;
  border-color: #e0e0e0 !important;
  background-color:#f0f0f0 !important;
  cursor: not-allowed; }

.mbership-coupon-button button:disabled .c-icon--download-ty2-red, .mbership-coupon-button button.is-disabled .c-icon--download-ty2-red {
  background: url(../../images/common/ico_download_ty2_gray.svg) 50% 50% no-repeat; }

#mbershipModal .c-modal__content {
    width: 69.8125rem; }

#mbershipModal .c-modal__body {
    padding: 0; }

#mbershipModal .c-modal__body img {
    width: 100%; }

#mbershipModal .c-modal__header {
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.25rem;
    font-weight: 700;
    padding: 3rem 3rem 3rem; }


#ChangeProduct .c-modal__header {
    padding: 3rem 5.5rem 0 4.5rem; }

#ChangeProduct .c-modal__body {
    padding: 3rem 4.4375rem 0 4.5rem; }

.ratechg-info {
	text-align: left; }

.ratechg-info__item {
    position: relative;
    padding-left: 2.5rem; }

.ratechg-info__item .c-icon {
	position: absolute;
    top: -0.0625rem;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    background-size: cover; }

.ratechg-info__item + .ratechg-info__item {
    margin-top: 0.75rem; }


.friend-banner {
    width: 100%;
    min-height: 15rem;
    background: #e8dcf8;
    color: #fff;
    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-bottom: 4rem;}

.friend-banner__wrap {
	position: relative;
    width: 68.75rem;
    height: 15rem;
    padding: 2.5rem 0; }

.friend-banner__wrap h3 {
	margin-top: 0.25rem;
	color: #222;
    font-size: 2.0625rem;
    font-weight: 400;
    letter-spacing: -0.078rem; }

.friend-banner__wrap h3 span {
	color: #1d1d1b;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.065rem; }

.friend-banner__wrap p {
    font-size: 1.125rem;
    margin-top: 1.25rem;
    font-weight: 500;
    color: #703cb8; }

.friend-banner__wrap .friend-banner__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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.5rem;
    font-size: 0; }

.friend-banner__wrap a {
    position: relative;
    color: #703cb8;
    border: 0.0625rem solid #703cb8;
    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;
    width: 13.25rem;
    height: 2.5rem;
    line-height: 2.4375rem;
    padding: 0 1.25rem;
    font-size: 1rem;
    border-radius: 1.25rem;
    background-color: transparent;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-weight: 500; }

.friend-banner__wrap button {
    position: relative;
    color: #4d4b4a;
    border: 0.0625rem solid #4d4b4a;
    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;
    margin-left: 1rem;
    width: 9.6125rem;
    height: 2.5rem;
    line-height: 2.375rem;
    padding: 0 1.25rem;
    font-size: 1rem;
    border-radius: 1.25rem;
    background-color: transparent;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-weight: 500; }

.friend-banner i {
    position: absolute;
    right: 1.1875rem; }

.friend-banner__wrap img {
    position: absolute;
    bottom: 0;
    right: 5rem;
    height: 100%; }

.friend-wrap {
	width: 58.75rem;
	margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.friend-wrap .swiper-banner {
    margin-left: -5rem; }

.friend-wrap .friend__title {
	position: relative;
	margin-bottom: 2.6875rem;
    padding-left: 3.875rem;
    font-size: 1.5rem;
    font-weight: 700; }

.friend-wrap .friend__title:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0.125rem;
    width: 3.3125rem;
    height: 2.5rem;
    background: url(../../images/portal/event/friend_title.png) 50% 50% no-repeat; }

.friend-wrap .friend__text {
    font-size: 1.125rem;
    font-weight: 400; }

.friend-wrap .friend__text ~ .friend__text {
    margin-top: 1.125rem; }

.friend-wrap .friend__text ~ .friend__text--point {
    margin-top: 0.125rem; }

.friend-wrap .friend__text--point {
	font-size: 1.125rem;
    font-weight: 500;
    color: #703cb8; }

.friend-wrap .friend__text--sub {
	font-size: 0.875rem;
    font-weight: 400;
    color: #707070; }

.friend-wrap  .friend-Benefit {
	margin-top: 4.5rem; }

.friend-wrap .friend-Benefit__wrap {
	margin-top: 3.25rem;
	margin-bottom: 1.125rem; }

.friend-wrap .friend-Benefit__list {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.friend-wrap .friend-Benefit__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;
    position: relative;
    padding:  1.375rem 1.5rem;
    border: 0.0625rem solid #ccc;
    border-radius: 0.625rem; }

.friend-wrap .friend-Benefit__item ~ .friend-Benefit__item {
    margin-left: 1.25rem; }

.friend-wrap .friend-Benefit__item img {
    margin-top: 1.1875rem; }

.friend-wrap .friend-Benefit__item p {
    text-align: center;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #4c4c4c;
    margin-top: -0.25rem; }

.friend-wrap .friend-Benefit__item .friend-Benefit__label {
	position: absolute;
    top: -0.625rem;
	width: 6.25rem;
    height: 2.4375rem;
    padding: 0.6rem 0;
    font-size: 1rem;
    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__item .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;
    background: #f5f5f5;
    border-radius: 1.25rem;}

.friend-wrap .friend-guide-box img {
    vertical-align: top;}

.friend-wrap .friend-guide-box .friend-guide__list {
    display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.033rem;
    padding: 3.4375rem 7.625rem 1.25rem 7.625rem;
    border-radius: 0.625rem 0.625rem 0 0;}

.friend-wrap .friend-guide-box .friend-guide__item {
	width: 18.75rem;
    text-align: center;}

.friend-wrap .friend-guide-box .friend-guide__item ~ .friend-guide__item {
    margin-left: 6rem; }

.friend-wrap .friend-guide-box .friend-guide__item p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #707070;}

.friend-wrap .friend-guide-box .friend-guide__item .friend-guide__label {
    display: inline-block;
    width: 8.125rem;
    height: 2rem;
    margin-bottom: 0.875rem;
    padding: 0.375rem 0;
    font-size: 1rem;
    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: 8.125rem;
    height: 2rem;
    margin-bottom: 0.875rem;
    padding: 0.375rem 0;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    border-radius: 1rem;
    background: #703cb8;
    color: #fff; }

.friend-wrap .friend-recom {
    margin-top: 6.5625rem;
    margin-bottom: 6rem; }

.friend-wrap .friend-recom__list {
	margin-top: 3.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

.friend-wrap .friend-recom__item {
	width: 27.8125rem;
	margin-right: 3.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.friend-wrap .friend-recom__item:nth-child(2n) {
    margin-right: 0; }

.friend-wrap .friend-recom__item:nth-child(n+3) {
    margin-top: 2rem; }

.friend-wrap .friend-recom__item img {
	width: 8rem;
    height: 8rem;
    vertical-align: bottom; }

.friend-wrap .friend-recom__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 1.5rem;
    padding-top: 0.9375rem; }

.friend-wrap .friend-recom__info strong {
    font-size: 1.125rem;
    font-weight: 700;
    color: #4c4c4c; }

.friend-wrap .friend-recom__info p {
	margin-top: 0.75rem;
    font-size: 0.9375rem;
    color: #707070;
    word-break: keep-all; }

.friend-review {
    width: 100%;
    background: #f2eef7;
    color: #fff;
    padding: 3.75rem 0 4.4375rem;}

.friend-review__wrap {
    position: relative;
    width: 58.75rem;
    text-align: center;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;}

.friend-review__wrap .friend-review__star .c-icon--star {
    width: 1.625rem;
    height: 1.625rem; }

.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.5625rem;
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: -0.052rem;
    color: #1d1d1b; }

.friend-review__wrap span {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #703cb8; }

.friend-review__wrap span ~ span {
    margin-left: 0.375rem; }

.friend-review__wrap .friend-review__list {
	margin-top: 1.6875rem; }

.friend-review__wrap .friend-review__item {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.75rem 3rem;
    width: 52.5rem;
    background-color: #fff;
    text-align: left;
    margin-left: 1.875rem;
    border: 0.0625rem solid #ccc;
    -webkit-box-shadow: 0.4375rem 0.4375rem 0 #e2dcef;
    box-shadow: 0.4375rem 0.4375rem 0 #e2dcef; }

.friend-review__wrap .friend-review__item ~ .friend-review__item {
    margin-top: 2rem; }

.friend-review__wrap .friend-review__item img {
	width: 12.4375em;
	height: 7.1875rem;
	margin-left: 1.75rem; }

.friend-review__wrap .friend-review__item.even {
    margin-left: 4.375rem; }

.friend-review__wrap .friend-review__item.even img {
	margin-left: 0;
	margin-right: 1.75rem; }

.friend-review__wrap .friend-review__item p {
	word-break: break-word;
	line-height: 1.45;
    font-size: 0.9375rem;
    color: #707070; }

.friend-review__wrap .friend-review__item p b {
    font-size: 1rem;
    font-weight: 500;
    color: #1d1d1b; }

.friend-btn-wrap {
    width: 100%;
    min-width: 80rem;
    position: fixed;
    bottom: 0;
    z-index: 10; }

.friend-btn-wrap a {
	height: 5rem;
    background-color: #ff4c4c;
    color: #fff;
    width: 100%;
    padding: 1.5625rem 1.25rem;
    font-size: 1.5rem;
    letter-spacing: -0.06rem;
    border-radius: 1.25rem 1.25rem 0 0; }

.friend-btn-wrap .friend-btn {
    width: 58.75rem;
    margin: 0 auto; }

.friend-btn-arrow {
    position: relative;
    margin-right: 1.375rem; }

.friend-btn-arrow::after {
    position: absolute;
	left: 0.5rem;
    top: 0.5625rem;
    content: '';
    width: 0.6875rem;
    height: 0.6875rem;
    border-top: 0.1875rem solid #fff;
    border-right: 0.1875rem solid #fff;
    transform: rotate(45deg); }

.friend-btn-wrap .c-button:active, .friend-btn-wrap .c-button.is-active {
    background-color: #1d1d1b;
    color: #fff; }

.banner-detail__title {
	margin-top: 3rem;
    font-size: 1.0625rem;
    font-weight: 500; }

.banner-detail__title:first-child {
	margin-top: 0; }

.banner-detail__text {
	margin-top: 1.5rem;
	font-size: 0.9375rem;
    font-weight: 400;
    color: #4c4c4c; }

.banner-detail__text--bullet {
	position: relative;
	margin-top: 1.5rem;
	padding-left: 0.625rem;
	font-size: 0.9375rem;
    font-weight: 400;
    color: #4c4c4c; }

.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: 1rem;
	font-size: 0.8125rem;
    font-weight: 400;
    color: #707070; }

.banner-detail__img-wrap {
    padding: 0 1.25rem; }

.banner-detail__img {
    background: #f9f9f9;
    border-radius: 0.75rem;
    font-size: 0.9375rem;
    padding: 2rem;
    margin-top: 3rem; }

.banner-detail__img img {
    display: block;
    width: 30rem;
    height: auto;
    margin: 0 auto; }

.banner-detail .c-table {
	margin-top: 1rem; }

.banner-detail .c-table ~ .banner-detail__text {
	margin-top: 2rem; }

.banner-detail .c-table ~ .banner-detail__subtext {
	margin-top: 0.5rem; }

.banner-detail .c-table th, .banner-detail .c-table td {
    padding: 0.375rem 0.75rem; }

.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; }

.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: 3rem;
    padding: 0 4rem 1.5rem 0; }

.banner-detail-notice {
	margin-top: 0; }

.banner-detail-notice .banner-detail-notice__tit {
    font-size: 0.9375rem;
    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; }

.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.9375rem;
    font-weight: 500; }

.banner-detail-notice__list .banner-detail-notice__list-titsub {
	margin-top: 1rem;
	font-size: 0.9375rem;
    font-weight: 500;
    color: #1d1d1b; }

.banner-detail-notice__bullet {
    font-size: 0.875rem;
    font-weight: 400;
    margin-top: 0.5rem; }

.banner-detail-notice__bullet li {
    position: relative;
    padding-left: 0.625rem;
	color: #707070;
	margin-top: 0.5rem; }

.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; }

.selfservice-content {
    width: 58.75rem;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.ly-content.selfservice.fixed.fixed-tab {
	padding-top: 7.5rem; }

.selfservice-content .c-filter__inner {
	margin-top: -0.25rem;
    white-space: initial;
    overflow: hidden;
    padding: 0; }

.selfservice-content .c-filter__inner > .c-button {
   	background-color: #fff;
    border: 0.0625rem solid #e7e7e7;
    color: #1d1d1b;
    height: 2.5rem;
    line-height: 2.375rem;
    padding: 0 1.25rem;
    font-size: 0.9375rem;
    border-radius: 1.25rem;
    margin: 0.25rem 0.5rem 0.75rem 0 !important; }

.selfservice-content .c-filter__inner > .c-button:first-child{
	margin-left: 0.25rem !important; }

.selfservice-head {
    margin-top: 2.25rem;
	padding: 4rem 0 3.625rem;
    text-align: center;
    line-height: 1;
    border-top: 0.0625rem solid #e0e0e0;
	border-bottom: 0.0625rem solid #e0e0e0;
	background: url(../../images/portal/cs/selfservice_inq_bg.png) no-repeat center center; }

.selfservice-head__title {
    margin-bottom: 1.5625rem;
    background: linear-gradient(0deg, rgba(4,82,137,1) 47%, rgba(29,29,27,1) 47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size: 2.75rem;
    font-weight: 700; }

.selfservice-head__text {
	 line-height: 1.5;
    font-size: 1.125rem;
    color: #4c4c4c; }

.selfservice-list-wrap .selfservice-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f7f7f7; }

.selfservice-list-wrap .selfservice-list__item ~ .selfservice-list__item {
	 margin-top: 1rem; }

.selfservice-list-wrap .selfservice-list__img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    order: 2; }

.selfservice-list-wrap .selfservice-list__img img {
    vertical-align: bottom; }

.selfservice-list-wrap .selfservice-list__info-wrap {
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.selfservice-list-wrap .selfservice-list__info {
	padding-right: 1rem;
	padding-left: 5rem;}

.selfservice-list-wrap .selfservice-list__info h4 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 5.75rem;
    margin-bottom: 1.625rem; }

.selfservice-list-wrap .selfservice-list__info ul {
	margin-bottom: 1.6875rem;
	font-size: 1.0625rem;
	color: #4c4c4c;
	line-height: 1.43; }

.selfservice-list-wrap .selfservice-list__info li ~ li {
    margin-top: 1.0625rem; }

.selfservice-list-wrap .selfservice-list__info .selfservice-list__btn-wrap {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.selfservice-list-wrap .selfservice-list__info a, .selfservice-list-wrap .selfservice-list__info button {
	position: relative;
    display: inline-block;
	height: 2.375rem;
	padding: 0 3.5rem 0 1.25rem;
    color: #fff;
    background-color: #222;
    line-height: 2.5rem;
    font-size: 1rem;
    font-weight: 500;
    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.3125rem;
    top: 0.5rem;
    width: 1.25rem;
    height: 1.25rem;
    background-size: cover;
    background: url(../../images/portal/common/ico_anchor_white.svg) 50% 50% no-repeat; }

.selfservice-list-wrap .selfservice-list__info a ~ a {
	margin-top: 0.5rem; }

.selfservice-list-wrap .selfservice-list__info button ~ a {
	margin-top: 0.5rem; }

.selfservice-list-wrap.inq .selfservice-list__item:nth-child(odd) {
    background-color: #f0f7fa !important; }

.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 {
    background-color: #045289 !important; }

.selfservice-list-wrap.inq .selfservice-list__item:nth-child(odd) .selfservice-list__img {
    order: 0; }

.selfservice-list-wrap.inq .selfservice-list__item:nth-child(odd) .selfservice-list__info {
	padding-right: 5rem;
	padding-left: 0; }

.selfservice-head.chg {
	background: url(../../images/portal/cs/selfservice_chg_bg.png) no-repeat center center; }

.selfservice-head.chg .selfservice-head__title {
    background: linear-gradient(0deg, rgba(0,128,128,1) 47%, rgba(29,29,27,1) 47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

.selfservice-list-wrap.chg .selfservice-list__item:nth-child(odd) {
    background-color: #f1fafa !important; }

.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 {
    background-color: #008080 !important; }

.selfservice-list-wrap.chg .selfservice-list__item:nth-child(odd) .selfservice-list__img {
    order: 0; }

.selfservice-list-wrap.chg .selfservice-list__item:nth-child(odd) .selfservice-list__info {
	padding-right: 5rem;
	padding-left: 0; }

.mask {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #1d1d1b; }

.c-table--product .c-label {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  padding: 0; }

.extra-service .c-accordion__item {
  border-bottom: 1px solid #eaeaea; }
  .extra-service .c-accordion__item:first-child {
    border-top: 1px solid #eaeaea; }

.extra-service .c-accordion__head {
  padding: 1.5rem 1.25rem; }

.extra-service .c-accordion__button::after {
  right: 1.25rem; }

.extra-service .c-accordion__check .c-label {
  font-size: 1.0625rem;
  font-weight: 500; }

.extra-service .c-accordion__inside {
  margin: 0;
  padding: 1.5rem 7.8125rem 1.5rem 3.5rem; }

.extra-service .c-accordion__amount {
  margin-right: 3.25rem; }

.c-button-wrap--underline .c-button {
  position: relative; }
  .c-button-wrap--underline .c-button:not(:first-child) {
    margin-left: 1.0625rem; }
    .c-button-wrap--underline .c-button:not(:first-child)::after {
      position: absolute;
      top: 0.3125rem;
      left: -0.625rem;
      width: 0.0625rem;
      height: 0.875rem;
      background-color: #e8e8e8;
      content: ''; }

.pay-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 6.25rem;
  padding: 0 2rem; }
  .pay-summary__chart {
    width: 31.25rem; }
  .pay-summary__chart-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0.25rem 0.75rem 0 0.25rem;
    font-size: 0.9375rem; }
  .pay-summary__price {
    margin-bottom: 0.5rem;
    font-weight: 500; }
  .pay-summary .c-balloon {
    position: absolute;
    bottom: 1.25rem;
    right: -1.5625rem;
    padding: 0.25rem 0.5rem;
    font-size: 1rem;
    font-weight: 500; }

.c-indicator {
  display: block;
  position: relative;
  height: 0.375rem;
  background: #eaeaea;
  border-radius: 0.3125rem; }
  .c-indicator .mark {
    position: relative;
    display: block;
    height: 0.1875rem;
    max-width: 100%;
    background: #008080; }
    .c-indicator .mark.mark-red {
      display: block;
      height: 0.375rem;
      max-width: 100%;
      background: #e73939;
      border-radius: 0.3125rem; }

.payment-method {
  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; }
  .payment-method__item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1rem;
    border: 0.0625rem solid #eaeaea;
    border-radius: 0.5rem;
    text-align: center; }
    .payment-method__item ~ .payment-method__item {
      margin-left: 1.25rem; }
  .payment-method__title {
    display: block;
    margin-top: 1rem;
    font-size: 0.9375rem;
    color: #707070; }

.c-table.pay-method th {
   padding-left: 2.5rem; }
.c-table.pay-method td {
   padding-left: 2rem; }

.c-accordion.payway {
	margin-top: 3rem; }

.c-accordion.payway .c-accordion__check .c-label {
    padding-left: 2.125rem;
   	font-size: 1rem;
    color: #1d1d1b;
    margin-left: -0.125rem;
    -webkit-transform: translateY(-0.0625rem);
    transform: translateY(-0.0625rem); }

.c-accordion.payway .c-checkbox + .c-label::before {
    width: 1.375rem;
    height: 1.375rem;
    background-size: 1.375rem 1.375rem; }

.c-accordion.payway .c-accordion__inside {
    padding: 1.25rem 3.125rem 1.25rem 3.3125rem;
    font-size: 0.9375rem;
    color: #4c4c4c; }

.app-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 2.25rem; }
  .app-step__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-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-width: 12.125rem;
    margin: 0 0.4375rem;
    margin-bottom: 2.5rem;
    text-align: center; }
  .app-step__title {
    display: block;
    margin: 0.5rem 0 1rem;
    font-size: 0.8125rem;
    color: #333; }
  .app-step__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: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 0.875rem;
    height: 0.875rem;
    margin: 0 auto;
    background-color: #333;
    border-radius: 50%;
    font-size: 0.5625rem;
    font-weight: 700;
    color: #fff; }
  .app-step__image img {
    vertical-align: bottom; }

.c-form-wrap--time .c-form {
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important; }
  .c-form-wrap--time .c-form + .c-form {
    width: calc(100% - 340px); }

.c-form-wrap--time .c-select--time {
  background: #fff url(../../images/portal/common/ico_clock.svg) no-repeat right 1rem top 50%; }

.etc-guide {
  text-align: center; }
  .etc-guide__title {
    display: block;
    margin: 2rem 0 1.5rem;
    font-size: 1.5rem;
    font-weight: 500; }
  .etc-guide__text {
    font-size: 1.0625rem;
    text-align: left; }

.c-list-coupon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .c-list-coupon__item {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: calc(50% - 0.625rem);
    margin-top: 1.25rem; }
  .c-list-coupon .c-card--coupon {
    min-height: 7.375rem;
    height: 100%;
    padding-right: 3.375rem; }
    .c-list-coupon .c-card--coupon .c-card__title {
      position: relative;
      font-size: 1rem; }
    .c-list-coupon .c-card--coupon .c-card__text {
      font-size: 0.875rem;
      font-weight: 400; }
  .c-list-coupon .c-icon {
    position: absolute;
    left: 0;
    top: 0.1875rem;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem; }

.request-guide {
  margin: 0;
  padding: 0;
  display: block; }
  .request-guide .c-step-list__item {
    margin: 0 0 1.5rem 0;
    padding: 1.5rem 2rem;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    background-color: #f2faf9; }
  .request-guide .c-step-list__title {
    display: block;
    margin-top: 1.25rem; }
  .request-guide .c-icon {
    margin: 0.75rem 0 0.5rem; }

.security-box {
  margin-top: 1rem; }
  .security-box__panel {
    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; }
  .security-box__panel-image {
    width: 22.625rem;
    min-height: 4rem;
    border: 1px solid #ddd;
    border-radius: 0.5rem; }
    .security-box__panel-image img {
      vertical-align: bottom; }
  .security-box__panel-button .c-button--white {
    border: 0.0625rem solid #e8e8e8; }

.error {
  margin-top: 7.5rem; }

.event-wrap {
  text-align: center;
  scroll-behavior: smooth; }
  .event-wrap table {
    position: relative;
    margin: 0 auto;
    border: 0 !important;
    font-size: 0 !important;
    padding: 0 !important; }
    .event-wrap table img {
      width: auto; }
  .event-wrap 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%); }
  .event-wrap img {
    width: 100%;
    vertical-align: top; }

.tip-box {
  padding: 1.5rem;
  margin: 1.5rem 0 3.5rem;
  background-color: #f9f9f9; }
  .tip-box__title {
    margin-left: 0.5rem;
    font-weight: 500; }
  .tip-box__text {
    margin-top: 1rem;
    font-size: 0.9375rem;
    font-weight: 500; }

.friend-join {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .friend-join__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; }
    .friend-join__item ~ .friend-join__item {
      margin-left: 1.25rem; }
  .friend-join__panel {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 1.5rem; }
  .friend-join__title {
    position: relative;
    display: block;
    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 {
    margin-top: 0.75rem;
    font-size: 0.9375rem;
    color: #707070; }
    .friend-join__text em {
      font-weight: 500;
      color: #1d1d1b; }
  .friend-join img {
    vertical-align: bottom; }

.friend-info {
  margin: 4rem 0;
  padding: 3rem 0;
  background-color: #2d89ff;
  text-align: center; }
  .friend-info__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2rem; }
  .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;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1.125rem 1.5rem;
    border-radius: 1rem;
    background-color: #1573e5;
    text-align: left; }
    .friend-info__item ~ .friend-info__item {
      margin-left: 1.25rem; }
  .friend-info__title {
    font-size: 0.875rem;
    color: #fff; }
  .friend-info__highlight {
    color: #ffe20e;
    font-weight: 700; }
    .friend-info__highlight em {
      font-size: 1.625rem; }

.friend-recommend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2rem; }
  .friend-recommend__item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 2rem;
    border-radius: 1.5rem;
    background-color: #f9f9f9;
    text-align: center; }
    .friend-recommend__item ~ .friend-recommend__item {
      margin-left: 1.25rem; }
  .friend-recommend__title {
    display: block;
    margin: 1.5rem 0;
    font-size: 1.125rem;
    color: #4c4c4c; }
  .friend-recommend__image {
    margin-top: 2rem; }

.main-event-section.month-event {
  padding: 5.875rem 0 5rem; }

.main-event-section.alliance_event {
  padding: 0 0 5rem; }

.main-event-section.card-event {
  padding: 0 0 5.875rem; }

.main-event-section.invite-event {
  padding: 5.5rem 0 6rem;
  background: #f7f7f7; }

.main-event-section .c-balloon {
  margin: 0 0 1.5rem 0.75rem;
  font-size: 0.9375rem; }
  .main-event-section .c-balloon::before {
    left: 2.8125rem; }
  .main-event-section .c-balloon::after {
    left: 2.875rem; }

.main-event-section img {
  vertical-align: bottom; }

.main-event-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .main-event-list__item {
    width: calc(50% - 10px);
    margin-top: 2.1875rem; }
    .main-event-list__item:nth-child(2n) {
      margin-left: 1.25rem; }
  .main-event-list__anchor {
    display: block; }
  .main-event-list--invite .main-event-list__title {}
  .main-event-list--invite .main-event-list__panel {
    position: relative;
    margin-top: 2.1875rem; }
    .main-event-list--invite .main-event-list__panel .c-button {
      position: absolute;
      right: 5rem;
      bottom: 3.9375rem;
      min-width: 7.75rem;
      -webkit-box-shadow: 0 14px 14px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 14px 14px 0 rgba(0, 0, 0, 0.1); }

.main-ani-swiper {
  height: 10rem;
  padding: 3.9375rem 0 2.125rem;
  z-index: 1;
  margin-bottom: 4.6875rem; }
  .main-ani-swiper__anchor {
    display: block;
    height: 100%; }
  .main-ani-swiper .ani-banner {
    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: 100%;
    color: #fff; }
    .main-ani-swiper .ani-banner__text {
      margin-right: 2.375rem;
      font-size: 1rem;
      font-weight: 500; }
    .main-ani-swiper .ani-banner__highlight {
      display: inline-block;
      margin-left: 0.625rem;
      font-size: 1.125rem; }
    .main-ani-swiper .ani-banner__content {
      width: 11.25rem;
      height: 9.9375rem;
      margin-bottom: 4.0625rem; }
  .main-ani-swiper .swiper-controls-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: auto;
    width: 75rem;
    margin: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 2; }
    .main-ani-swiper .swiper-controls-wrap .swiper-controls {
      left: auto;
      width: 4rem;
      height: 1.875rem;
      float: right; }
      .main-ani-swiper .swiper-controls-wrap .swiper-controls .main-swiper-button--prev {
        right: 2.3125rem; }
      .main-ani-swiper .swiper-controls-wrap .swiper-controls .main-swiper-button--next {
        right: 0; }

.main-swiper-button--prev {
  display: block;
  position: absolute;
  left: auto;
  bottom: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.6875rem;
  height: 1.6875rem;
  background: url(../../images/portal/common/ico_main_swiper_prev.svg) 30% 50% no-repeat;
  background-size: 100%; }
  .main-swiper-button--prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none; }

.main-swiper-button--next {
  display: block;
  position: absolute;
  left: auto;
  bottom: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.6875rem;
  height: 1.6875rem;
  background: url(../../images/portal/common/ico_main_swiper_next.svg) 30% 50% no-repeat;
  background-size: 100%; }
  .main-swiper-button--next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none; }

.main-bs__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.75rem 1.875rem 1.75rem; }

.all-event-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 68.75rem;
    margin: 0 auto; }

#eventBannerPopDesc::-webkit-scrollbar {
	display: none !important; }

.all-event-list__item {
    width: calc(50% - 0.625rem); }

.all-event-list__item:nth-of-type(n+3) {
    margin-top: 2rem; }

.all-event-list__anchor {
  display: inline-block; }

.all-event-list__anchor img {
   	height: 10.625rem;
    vertical-align: bottom; }

.range-box {
  padding: 0 13.75rem 3rem; }

.note-box .c-hr--title {
  margin: 1.5rem 0 2rem;
  border-bottom: 1px solid #eaeaea; }

.note-box .c-title--type2 {
  margin-top: 4rem;
  font-size: 1.25rem; }

.c-bs-compare .usim-img {
  width: 4rem;
  height: 4rem;
  margin-right: 1rem; }

.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; }
  .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-bottom: 3rem;
      margin-top: -3rem; }
    .game-wrap.start-game .game-score-current,
    .game-wrap.start-game .game-score-high {
      display: block !important; }
    .game-wrap.start-game .game-area {
      display: block !important; }
    .game-wrap.start-game #start_game {
      display: none; }
  .game-wrap .game-pre {
    width: 28.75rem;
    margin: 0 auto; }
    .game-wrap .game-pre .c-select {
      width: calc(100% - 113px);
      min-height: 3.5rem; }
    .game-wrap .game-pre .c-button {
      float: right;
      z-index: 1; }
  .game-wrap .game-container {
    height: 20rem;
    background-color: #f9f9f9;
    margin-top: 3rem;
    margin-left: -5rem;
    margin-bottom: -3rem;
    width: calc(100% + 10rem);
    position: relative; }
    .game-wrap .game-container .game-area {
      display: none;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
    .game-wrap .game-container .game-over-cover {
      display: none;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 1;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-color: rgba(255, 255, 255, 0.8); }
      .game-wrap .game-container .game-over-cover.show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    .game-wrap .game-container .reset_button {
      width: 5.5rem;
      height: 1.5rem;
      background: url(../../images/portal/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: 13.75rem;
      top: 3.25rem;
      width: 16.375rem;
      height: 1.375rem;
      background: url(../../images/portal/game/score_text.png) 0 50% no-repeat;
      background-size: 4.75rem 1.6875rem;
      font-size: 1.125rem;
      font-weight: bold;
      padding-left: 5rem;
      z-index: 2;
      line-height: 1.4375rem; }
    .game-wrap .game-container .game-score-high {
      position: absolute;
      left: 5rem;
      top: 3.25rem;
      display: none;
      font-weight: 500;
      font-size: 1.0625rem;
      z-index: 5;
      color: #999; }

.m-storage .m-select-wrap {
  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: 8.4375rem;
  margin: 0 auto; }

.m-storage__select {
  width: 4.0625rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  position: relative; }
  .m-storage__select select {
    padding: 0 1.25rem 0.3125rem 0;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: none;
    background: transparent;
    width: auto;
    text-align: center;
    font-size: 1.125rem; }
  .m-storage__select:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../images/portal/common/ico_triangle.svg) 50% 50% no-repeat;
    padding-left: 0.5rem;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .m-storage__select:before {
    content: '';
    display: inline-block;
    left: 0;
    bottom: 0;
    position: absolute;
    width: calc(100% - 0.1125rem);
    height: 0.125rem;
    background-color: #000; }

.m-storage-cover {
  position: relative;
  margin-top: 3rem;
  background-color: #f5f5f5;
  padding: 4rem 0 4rem 0; }
  .m-storage-cover .swiper-container {
    width: 58.75rem; }
  .m-storage-cover .swiper-slide {
    width: 16.25rem; }
  .m-storage-cover .swiper-slide-active .m-storage-cover__month {
    opacity: 1; }
  .m-storage-cover .swiper-slide-active .m-storage-cover__title {
    opacity: 1; }
  .m-storage-cover .swiper-slide-active .m-storage-cover__img {
    -webkit-box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0.2); }
  .m-storage-cover__img {
    width: 16.25rem;
    height: 22.75rem;
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
    -webkit-box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0);
            box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0); }
  .m-storage-cover__month {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0;
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    margin-top: 2rem;
    color: #008080;
    text-align: left; }
  .m-storage-cover__title {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0;
    font-size: 1.5rem;
    color: #1d1d1b;
    margin-top: 0.25rem;
    word-break: keep-all;
    font-weight: 500;
    text-align: left; }
  .m-storage-cover .swiper-button-prev {
    position: absolute;
    margin-top: -5rem;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/ico_swiper_prev.svg) 30% 50% no-repeat;
    background-size: 100%; }
  .m-storage-cover .swiper-button-disabled {
    opacity: 0.3;
    cursor: not-allowed; }
  .m-storage-cover .swiper-button-next {
    position: absolute;
    margin-top: -5rem;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/ico_swiper_next.svg) 30% 50% no-repeat;
    background-size: 100%; }

.m-storage-detail {
  border-top: 1px solid #e8e8e8; }
  .m-storage-detail__title {
    margin-top: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .m-storage-detail__title-txt {
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 500;
    word-break: keep-all; }
  .m-storage-detail__title-info {
    text-align: right;
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: normal;
    color: #707070;
    width: 10.3125rem;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none; }
  .m-storage-detail__content {
    margin-top: 2rem;
    margin-left: -3rem;
    width: calc(100% + 6rem);
    height: 42.0625rem;
    background-color: #f5f5f5; }
  .m-storage-detail__swiper {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 2rem; }
    .m-storage-detail__swiper .swiper-pagination {
      margin-bottom: 1.125rem; }
    .m-storage-detail__swiper .swiper-container {
      width: 26.5rem;
      height: 37.1875rem;
      margin: 0 auto; }
    .m-storage-detail__swiper .swiper-button-prev {
      position: absolute;
      left: 6rem;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 3rem;
      height: 3rem;
      background: url(../../images/portal/common/ico_swiper_prev.svg) 30% 50% no-repeat;
      background-size: 100%; }
    .m-storage-detail__swiper .swiper-button-disabled {
      opacity: 0.3;
      cursor: not-allowed; }
    .m-storage-detail__swiper .swiper-button-next {
      position: absolute;
      right: 6rem;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 3rem;
      height: 3rem;
      background: url(../../images/portal/common/ico_swiper_next.svg) 30% 50% no-repeat;
      background-size: 100%; }
  .m-storage-detail__pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 26.5rem;
    margin: 1.375rem auto 0;
    font-size: 0.875rem; }
    .m-storage-detail__pager > a {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .m-storage-detail__pager .m-storage-next {
      margin-left: 2.5rem; }

.customer-items {
  width: 60rem;
  margin-top: 2.375rem;
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .customer-items__item {
    width: 28.6875rem;
    margin: 0.625rem 0.625rem; }

  .customer-items__item a {
    display: inline-block; }

  .customer-items__item-img {
    width: 28.6875rem;
    height: 16.75rem;
    overflow: hidden;
    border: 1px solid #eaeaea;
    border-radius: 0.75rem; }
  .customer-items__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 3.75rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #eaeaea; }
  .customer-items__item-title {
    margin-top: 1.25rem;
    font-size: 1.0625rem;
    font-weight: 500;
    line-height: 1.5rem;
    word-break: keep-all; }
  .customer-items__item-date {
    font-size: 0.875rem;
    color: #707070;
    font-weight: normal;
    margin-top: 0.5rem; }

.c-heading-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .c-heading-wrap .c-heading {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .c-heading-wrap__sub {
    text-align: right;
    margin-left: 1.25rem;
    color: #707070;
    font-size: 0.875rem; }
    .c-heading-wrap__sub .c-form + .c-form {
      margin-top: 0; }

.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: 3rem;
    margin-bottom: 1rem; }

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

.c-table-tit p {
	color: #707070;
	font-size: 0.875rem; }

.complete .c-heading {
	line-height: 1.75; }

.complete .esim-qrcode {
    width: 14.1875rem;
    height: 20.375rem;
    margin-bottom: 0;
    margin-top: 2.8125rem; }

.swiper-banner {
  width: 68.75rem;
  position: relative;
  margin-left: auto;
  margin-right: auto; }
  .swiper-banner__anchor {
    display: block; }
  .swiper-banner .swiper-container {
    width: 940px; }
  .swiper-banner .swiper-slide img {
    display: block;
    margin: 0 auto;
    width: 58.75rem; }
  .swiper-banner .swiper-button-prev {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/ico_swiper_prev.svg) no-repeat center;
    background-size: cover;
    border-radius: 50%; }
  .swiper-banner .swiper-button-disabled {
    opacity: 0.3;
    cursor: not-allowed; }
  .swiper-banner .swiper-button-next {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/ico_swiper_next.svg) no-repeat center;
    background-size: cover;
    border-radius: 50%; }

.c-row--lg .swiper-banner {
  margin-left: -5rem; }

.chart .chart__bullet {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%; }

.chart .chart__title {
  display: inline-block;
  padding: 0 1rem;
  border-radius: 1.09375rem;
  background-color: #1d1d1b;
  line-height: 1.875rem;
  font-size: 0.875rem;
  background: #1d1d1b;
  color: #fab74b;
  margin-bottom: 1.5rem; }

.chart .chart__content {
  font-size: 0.9375rem;
  color: #4c4c4c; }
  .chart .chart__content > div + div {
    margin-top: 0.5rem; }

.chart--bar {
  margin-top: 1.5rem;
  position: relative;
  padding: 1.5rem 3.75rem 1.5rem 13.75rem;
  border-radius: 0.5rem;
  border: solid 0.0625rem #eaeaea; }
  .chart--bar .legend {
    position: absolute;
    top: -2.625rem;
    right: 1.25rem; }
  .chart--bar .chart__box {
    position: absolute;
    top: 4.0625rem;
    left: 3.75rem; }

.legend {
  font-size: 0; }
  .legend__item {
    position: relative;
    display: inline-block; }
    .legend__item + .legend__item {
      margin-left: 1.5rem; }
  .legend__text {
    margin-left: 0.5rem;
    font-size: 0.75rem; }

.review {
  margin-top: 2.5rem;
  border-top: 0.0625rem solid #eaeaea;
  padding: 1.5rem 1.25rem; }
  .review__label-wrap {
    position: absolute;
    top: 1.5rem;
    left: 1.25rem;
    height: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .review__info {
    margin-bottom: 0.8125rem;
    font-size: 0;
    text-align: right; }
  .review__info__item {
    position: relative;
    z-index: 3;
    display: inline-block;
    color: #707070;
    font-size: 0.875rem;
    line-height: 2rem;
    white-space: nowrap; }
    .review__info__item ~ .review__info__item {
      margin-left: 1rem; }
  .review__title {
    display: block;
    font-size: 1.0625rem;
    font-weight: 500;
    color: #1d1d1b;
    width: calc(100% - 10.75rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.75rem; }
  .review__text {
    margin-bottom: 1.5rem;
    font-size: 1rem;
    color: #707070; }
  .review__text .c-icon--lock-type2 {
    margin-top: 0.5rem;
    margin-right: 0.375rem; }

  .review__button {
    background-color: #e3f7f6;
    border: 0.0625rem solid #e3f7f6;
    color: #008080;
    margin-top: 0.25rem;
    padding: 0 1.25rem;
    width: 17.5rem;
    height: 3rem;
    line-height: 2.875rem;
    position: relative;
    display: inline-block;
    border-radius: 1.75rem;
    text-align: center;
    font-size: 0.9375rem;
    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.25rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem;
    background-size: cover; }

  .review__preview {
    display: none;
    position: absolute;
    top: -0.5rem;
    right: 1.25rem;
    width: 7.5rem;
    height: 4.5rem;
    border-radius: 0.5rem;
    background-color: #f5f5f5;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .review__preview img {
      max-height: 100%;
      max-width: 7.5rem;
      border-radius: 0.5rem; }
  .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; }
    .review__content .c-button--underline {
      margin-top: 0;
      font-weight: 400; }
    .review__content .c-bullet--dot {
      font-size: 0.9375rem; }
  .review__images {
    width: 100%;
    margin-top: 2rem; }
    .review__images::after {
      content: '';
      clear: both;
      display: block;
      overflow: hidden; }
    .review__images .review__images__item {
      width: calc(50% - 0.625rem); }
      .review__images .review__images__item:first-child {
        float: left; }
      .review__images .review__images__item:nth-child(2) {
        float: right; }
  .review__images2 {
      width: 100%;
      margin-top: 2rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 1rem;
  }
  .review__images2 .review__images__item {
      width: calc(50% - 0.625rem); }
  .review__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;
    width: 100%;
    height: 18.125rem;
    border-radius: 0.5rem;
    background: #f5f5f5;
    overflow: hidden; }
    .review__image img {
      max-height: 100%;
      max-width: 27.5rem; }
  .review.c-accordion {
    padding: 0; }
    .review.c-accordion .c-accordion__head {
      padding: 1.5rem 2rem 0 1.25rem;
      background: #fff; }
    .review.c-accordion .c-accordion__item {
      border-bottom: 0.0625rem solid #eaeaea;
      overflow: hidden; }
    .review.c-accordion .c-accordion__button {
      height: calc(100% + 4.3125rem); }
      .review.c-accordion .c-accordion__button:after {
        content: none; }
    .review.c-accordion .exapnd:not(.expanding),
    .review.c-accordion .expand:not(.expanded) {
      display: block;
      height: 4.462rem; }
    .review.c-accordion .c-accordion__box .c-accordion__panel {
        margin-top: 0.5rem;
	    min-height: 4.462rem;	}

      .review.c-accordion .exapnd:not(.expanding) .review__preview,
      .review.c-accordion .expand:not(.expanded) .review__preview {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        z-index: 2;
        border-radius: 0.5rem;
        overflow: hidden; }
      .review.c-accordion .exapnd:not(.expanding) .review__content .c-bullet--dot,
      .review.c-accordion .expand:not(.expanded) .review__content .c-bullet--dot {
        display: none; }
      .review.c-accordion .expand:not(.expanded) .review__content .c-button--underline.u-co-blue {
      display: none; }

      .review.c-accordion .exapnd:not(.expanding) .review__text,
      .review.c-accordion .expand:not(.expanded) .review__text {
        width: calc(100% - 10.75rem);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 45px; }
      .review.c-accordion .exapnd:not(.expanding) .review__images,
      .review.c-accordion .expand:not(.expanded) .review__images {
        display: none; }
      .review.c-accordion .exapnd:not(.expanding) .review__images2,
      .review.c-accordion .expand:not(.expanded) .review__images2 {
        display: none; }
    .review.c-accordion .expanding {
      height: 69px; }
    .review.c-accordion .review__content {
      padding: 0 1.25rem 1.5rem; }

    .review.c-accordion .review__content pre {
      white-space: pre-wrap;
      word-break: break-all; }

.review.c-accordion .c-accordion__box.event-join .review-wrap {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40.625rem;
    white-space: nowrap; }

.review.c-accordion .c-accordion__box.event-join .c-accordion__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

.review.c-accordion .c-accordion__box.event-join .review__label-wrap {
	display: inline-block;
	position: initial;
    height: 2rem;
    margin-top: -0.125rem; }

.review.c-accordion .c-accordion__box.event-join .review__label-wrap .c-text-label {
    margin-right: 0.5rem; }

.review.c-accordion .c-accordion__box.event-join .review__label-wrap .c-text-label ~ .c-text-label {
    margin-left: 0; }

.review.c-accordion .c-accordion__box.event-join .review__title--type2 {
    font-size: 1.0625rem;
    font-weight: 500;
    color: #1d1d1b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.review.c-accordion .c-accordion__box.event-join .c-accordion__item {
    padding-bottom: 1.5rem; }

.review.c-accordion .c-accordion__box.event-join .c-accordion__button {
    height: 100%; }

.review.c-accordion .c-accordion__box.event-join .c-accordion__button:after {
    top: 2rem; }

.review.c-accordion .c-accordion__box.event-join .expanding {
    height: 100%; }

.review.c-accordion .c-accordion__box.event-join .exapnd:not(.expanding), .review.c-accordion .c-accordion__box.event-join .expand:not(.expanded) {
    display: block;
    height: 2.9rem; }

.review.c-accordion .c-accordion__box.event-join .c-accordion__panel {
	min-height: 2.9rem; }

.review.c-accordion .c-accordion__box.event-join .review__content {
    padding-bottom: 0; }

.review.c-accordion .c-accordion__box.event-join .review__text {
	width: 100%;
    margin-bottom: 0; }

.review.c-accordion .c-accordion__box.event-join .review__info {
    font-size: 0;
    margin-top: -0.375rem; }

.review.c-accordion .c-accordion__box.event-join .review__info .c-icon--trash {
    margin-top: -0.25rem;
    margin-right: -0.375rem; }

.review.c-accordion .c-accordion__box.event-join .review__info .c-button {
    z-index: 2; }

.c-file-image {
  position: relative;
  margin-top: 1rem; }
  .c-file-image .c-form-row.c-col2 {
    margin-top: 1rem; }
    .c-file-image .c-form-row.c-col2 .c-form {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      width: 28.75rem; }
  .c-file-image .c-form:nth-child(1) .c-file-image__item {
    position: absolute;
    top: -11.4375rem;
    left: 15rem; }
  .c-file-image .c-form:nth-child(2) .c-file-image__item {
    position: absolute;
    top: -11.4375rem;
    left: 1.875rem; }
  .c-file-image .c-file + .c-label {
    position: relative;
    display: block;
    width: 220px;
    height: 167px;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    text-align: center; }
    .c-file-image .c-file + .c-label .c-label__sub {
      display: block;
      margin-top: 6.25rem;
      color: #707070;
      font-size: 0.9375rem; }
    .c-file-image .c-file + .c-label::before {
      content: '';
      display: block;
      position: absolute;
      top: 45px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 3rem;
      height: 3rem;
      background: url(../../images/portal/common/ico_camera.svg) 50% 50% no-repeat;
      z-index: 1; }
  .c-file-image__item {
    position: relative;
    width: 15.625rem;
    height: 10.4375rem;
    border-radius: 0.5rem;
    overflow: hidden;
    background: #f5f5f5;
    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-file-image__item img {
      max-width: 15.625rem;
      max-height: 100%; }
    .c-file-image__item .c-button {
      position: absolute;
      top: 0.5rem;
      right: 0.5rem; }

.product__title {
  font-size: 1.0625rem;
  font-weight: 500; }

.product__sub {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  color: #707070; }

.product__sub-text {
  font-size: 0.875rem;
  color: #707070;
  width: 48rem;
  min-height: 0;
  max-height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin: -0.875rem 3.5rem 0.875rem 2rem; }

.product__text {
  text-align: right;
  font-size: 0.8125rem; }
  .product__text .product__sub {
    font-size: 0.75rem; }
  .product__text b {
    font-size: 1.0625rem;
    font-weight: 500;
    margin-right: 0.125rem; }

.product__content {
  position: relative;
  padding: 1.5rem 2rem; }
  .product__content::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #f9f9f9; }
  .product__content .c-card-col--2 {
    width: 54.75rem; }
    .product__content .c-card-col--2 .c-card {
      width: 26.75rem; }

.product > .c-button-wrap {
  margin-bottom: -1.125rem; }

.product.c-box--type1 {
  margin: 0;
  padding: 2rem 0;
  text-align: left; }
  .product.c-box--type1 .c-sort-line {
    margin-bottom: 1.5rem; }

.product.c-accordion {
  margin-top: 2rem; }
  .product.c-accordion .c-accordion__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    font-size: 0;
    padding: 1.5rem 3.5rem 1.5rem 2rem; }
    .product.c-accordion .c-accordion__head img {
      width: 3.25rem;
      height: 3.25rem;
      margin-right: 0.75rem; }
    .product.c-accordion .c-accordion__head .product__title-wrap {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto; }
    .product.c-accordion .c-accordion__head .product__text {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .product.c-accordion .c-accordion__item {
    border-bottom: 0.0625rem solid #eaeaea; }
  .product.c-accordion .c-accordion__button.is-active::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg); }
  .product.c-accordion .c-accordion__button:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
    right: 1.25rem;
    bottom: 1.5rem; }

.product-info__item {
  position: relative;
  padding-left: 2.5rem;
  font-weight: 500; }
  .product-info__item .c-icon {
    position: absolute;
    top: 0.125rem;
    left: 0;
    width: 1.5rem;
    height: 1.5rem; }
  .product-info__item + .product-info__item {
    margin-top: 0.75rem; }
  .product-info__item .item-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5rem;
    height: 1.5rem; }

.product-info__sub {
  color: #707070;
  font-size: 0.8125rem;
  font-weight: 400; }

.product-desc dt {
  color: #707070;
  font-size: 0.875rem; }
  .product-desc dt ~ dt {
    margin-top: 0.75rem; }
  .product-desc dt .c-text-label.c-text-label--orange {
    margin-left: 0.25rem;
    font-size: 0.6875rem;
    padding: 0 0.375rem;
    min-height: 1rem;
    height: 1rem;
    line-height: 0.875rem; }

.product-desc dd {
  font-size: 0.875rem; }

.product-detail {
  margin-bottom: 2.5rem; }
  .product-detail__top {
    display: block;
    text-align: center; }
  .product-detail__title {
    display: block;
    margin-top: 0.375rem;
    font-size: 1.75rem;
    font-weight: 700; }
  .product-detail__content {
    margin-top: 2rem;
    border: 0.0625rem solid #eaeaea;
    border-radius: 2rem;
    padding: 2rem 2rem 0; }
    .product-detail__content .c-text-list__item.u-co-sub-4 {
      margin-top: 0.5rem;
      padding-left: 0.5rem; }
  .product-detail__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 2.5rem -2rem 0;
    padding: 1.5rem 2rem;
    background: #f9f9f9;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    font-size: 0; }
  .product-detail__price-wrap {
    width: 50%;
    text-align: right; }
    .product-detail__price-wrap:nth-child(1) {
      padding-right: 2rem; }
    .product-detail__price-wrap:nth-child(2) {
      position: relative;
      padding-left: 2rem; }
      .product-detail__price-wrap:nth-child(2)::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 0.0625rem;
        height: 2.3125rem;
        background: #eaeaea; }
    .product-detail__price-wrap:only-child {
      width: 100%;
      padding-right: 0; }
  .product-detail__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #4c4c4c;
    font-size: 0.9375rem;
    text-align: right; }
    .product-detail__price__price__title {
      float: left; }
    .product-detail__price .u-co-black {
      font-size: 1rem;
      font-weight: 700; }
    .product-detail__price .u-co-red {
      font-weight: 700; }
      .product-detail__price .u-co-red b {
        font-size: 1.625rem;
        margin-right: 0.25rem; }

.product-summary {
  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-bottom: 2rem; }
  .product-summary__item {
    position: relative;
    padding: 0.8125rem 0;
    width: 8.75rem;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #1d1d1b;
    text-align: center; }
  .product-summary__image {
    width: 4rem;
    height: 4rem;
    margin: 0 auto; }
    .product-summary__image img {
      display: block;
      height: 100%; }
  .product-summary__text {
    margin-top: 0.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-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 2.625rem; }
  .product-summary__sub {
    font-size: 0.875rem;
    color: #707070; }

.rate-detail-view .c-modal__header {
    padding: 3rem 5rem 3rem; }

.rate-detail-view .c-modal__title {
    font-weight: 700; }

.rate-detail-view .c-modal__body:after {
    content: none; }

.rate-detail-view .c-modal__body {
	padding: 0 5rem 5rem; }

.rate-detail-view .product-detail__content {
    margin-top: 0; }

.rate-detail-view .product-summary__image {
    width: 3.5rem;
    height: 3.5rem; }

.rate-detail-view .product-summary__text {
	margin-top: 0;
	height: 4.625rem; }

.rate-detail-view .product-summary__sub {
	font-size: 0.75rem; }

.rate-detail-view .product-detail__price .u-co-red {
    transform: translate(0.125rem, -0.0625rem); }

.rate-detail-view .product-detail__price em {
	font-size: 1.0625rem; }

.rate-detail-view .product-detail__price span em {
	transform: translateY(-0.0625rem);
    display: inline-block;
    font-weight: 500;
    font-size: 1.0625rem; }

.rate-detail-view .product-detail__price-wrap:nth-of-type(1) .product-detail__price span em {
    font-weight: 400; }

.rate-detail-view .product-detail__price-wrap:nth-of-type(1) .product-detail__price span .u-td-line-through {
    transform: translateY(0); }

.rate-detail-view .product-detail__price span em:nth-of-type(2) {
	font-size: 0.9375rem;
   	font-weight: 400;
    transform: translate(0.0625rem, -0.0625rem); }

.rate-detail-view .c-tabs--type2 .c-tabs__list {
	padding-top: 1.1875rem;
    text-align: left; }

.rate-detail-view .product-detail__bottom {
    margin-top: 1.25rem; }

.rate-detail-view .product-summary__item {
	width: 8.75rem;
    padding-top: 0.625rem;
    margin-right: 0.75rem; }

.rate-detail-view .product-summary__item:last-child {
	margin-right: 0; }

.rate-detail-view .product-summary {
    margin-bottom: 0; }

.rate-detail-view .product-detail {
    margin-bottom: 2.9375rem; }

.rate-detail-view .product-detail + .c-button-wrap {
    margin-bottom: 1.875rem; }

.rate-detail-view .c-tabs--type2 .c-tabs__list .c-tabs__button {
    min-width: 15rem;
    padding: 1.75rem 1.25rem 1.125rem; }

.rate-detail-view .c-tabs--type2 ~ .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: 2.5rem;
	font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.06rem; }

.rate-detail-view .c-product--box h4:nth-of-type(n+2) {
    margin-top: 3.5rem; }

.rate-detail-view .c-product--box a {
    position: relative;
    top: 0;
    color: #008080 !important;
    font-weight: 500;
    margin-left: 0.375rem; }

.rate-detail-view .c-product--box 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 {
    margin-top: 1.75rem; }

.rate-detail-view .c-product--box .c-table td:nth-child(n+2) {
    text-align: left;
    padding-left: 2rem; }

.rate-detail-view .c-product--box .c-table th, .rate-detail-view .c-product--box .c-table td {
    height: 3rem;
    padding: 0.75rem 1rem; }

.rate-detail-view .c-product--box .c-table.c-table--x-scroll  {
    margin-top: 1.0625rem;
    margin-bottom: 1.1875rem;
    margin-left: -1rem;}

.rate-detail-view .c-product--box .c-table a {
    position: relative;
    top: 0;
    color: #008080 !important;
    font-size: 0.9375rem;
    margin-left: 0.125rem; }

.rate-detail-view .c-product--box .c-table a:before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.0625rem;
    border-bottom: 0.0625rem solid;
    border-color: inherit; }

.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 td {
	padding: 0.75rem 1rem;
	text-align: center; }

.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 .c-table.c-table--x-scroll:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 0.0625rem solid #ccc; }

.rate-detail-view .c-product--box span {
    display: inline-block;
    color: #707070;
    font-size: 0.9375rem;
    margin-top: 1rem; }

.rate-detail-view .c-product--box p {
    font-size: 1rem;
    font-weight: 500;
    margin-top: 1.375rem; }

.rate-detail-view .c-product--box ul {
    margin-top: 0.875rem;
    padding-left: 0.3125rem;
    font-size: 1rem;
    color: #4c4c4c; }

.rate-detail-view .c-product--box ul li {
	position: relative;
    padding-left: 0.6875rem;
    word-break: keep-all; }

.rate-detail-view .c-product--box ul li ~ li {
	margin-top: 0.375rem;  }

.rate-detail-view .c-product--box ul li::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0.4375rem;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #4c4c4c; }

.rate-detail-view .c-product--box ul li ul {
	margin-top: 0.4375rem !important;
   	padding-left: 0.375rem;}

.rate-detail-view .c-product--box ul li ul li {
	word-break: keep-all;
	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.625rem;
    left: 0;
    width: 0.3125rem;
    height: 0.0625rem;
    border-radius: 50%;
    background: #ccc; }

.rate-detail-view .c-accordion-wrap {
	margin-top: 2.25rem; }

.rate-detail-view .c-accordion-wrap + .c-accordion-wrap {
	margin-top: 0; }

.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.5rem;
    font-weight: 500;
    letter-spacing: -0.06rem; }

.rate-detail-view .c-accordion--type6 .c-accordion__head {
    padding: 1.5rem 4rem 1.1875rem 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.875rem 2rem 1.75rem 2rem;
    border-top: 0.0625rem solid #eaeaea;
    font-size: 0.9375rem;
    overflow-x: hidden; }

.ly-content.rate-page {
	/* min-height: 80rem; */ }

.rate-content {
	position: relative;
    padding: 1.875rem; }
.rate-content::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #f9f9f9; }

.rate-content__list {
	margin-top: -0.5rem;
    -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-top: 0.5rem; }

.rate-content__item .c-card__label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    border-radius: 0.5rem;
    z-index: 1; }

.rate-content__item .c-radio:checked + .c-card__label {
    -webkit-box-shadow: 0 0 0 0.0625rem #1d1d1b;
    box-shadow: 0 0 0 0.0625rem #1d1d1b; }

.rate-info__wrap {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	padding: 1.25rem;
	padding-right: 0.625rem;
    background: #fff;
    position: relative;
    border: 0.0625rem solid #dfdfdf;
    border-radius: 0.5rem;
    min-height: 5.375rem; }

.rate-info__title {
    width: 16.25rem;
    transform: translateY(0.0625rem); }

.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 strong {
	display: block;
	font-size: 0.875rem;
    color: #1d1d1b;
    font-weight: 700; }

.rate-info__title p {
	font-size: 0.75rem;
    font-weight: 500;
    color: #7c7c7c; }

.rate-info__title p:first-of-type {
    margin-top: 0.125rem; }

.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.25rem; }

.rate-info__title .c-text-label--mint {
    background: #a1e6e1;
    color: #004843; }

.rate-info__title .c-text-label--blue-type1 {
    background: #bde0f5;
    color: #091192; }

.rate-sticker {
    display: inline-block;
    margin-bottom: 0.375rem;
    padding: 0 0.4375rem;
    font-size: 0.5rem;
    font-weight: 500;
    text-align: center;
    line-height: 1rem;
    height: 0.9375rem;
    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.125rem;
    height: 1.125rem;
    margin-right: 0.25rem;
    vertical-align: inherit;
    background-size: 1.625rem;}

.rate-detail {
    margin-left: auto;
    font-size: 0.875rem;
    transform: translateY(0.125rem); }

.rate-detail__list {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.rate-detail__item {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.rate-detail__item:nth-child(1) {
	width: 11.5625rem; }
.rate-detail__item:nth-child(2) {
	width: 8.75rem; }
.rate-detail__item:nth-child(3) {
	width: 6.875rem; }

.rate-detail__info {
    font-size: 0.875rem;
    color: #1d1d1b;
    font-weight: 500;
    transform: translateY(-0.125rem); }

.rate-detail__info p:nth-child(n+2) {
	font-size: 0.75rem;
    font-weight: 500;
    color: #6a6a6a; }

.rate-price {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.rate-price a {
	z-index: 2; }
.rate-price-wrap {
    width: 5.375rem;
    margin-right: 2.5rem;
    transform: translateY(0.125rem); }

.rate-price__item {
    text-align: right;
    font-weight: 500; }
.rate-price__item:nth-child(n+2) {
    margin-top: 0.25rem; }

.rate-price__title {
	font-size: 0.6875rem;
	color: #079080;
	letter-spacing: -0.05rem; }
.rate-price__title.through {
	color: #7c7c7c;
    text-decoration: line-through !important; }

.rate-price__title.through b {
	font-size: 0.8125rem;
    font-weight: 500; }

.rate-price__info {
	margin-top: -0.125rem;
    font-size: 0.6875rem;
    color: #008080; }

.rate-price__info b {
	font-size: 1.0625rem;
    font-weight: 700; }

.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: sticky;
    width: 100%;
    bottom: 2.5rem;
    margin-top: 3rem;
    z-index: 3; }

.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.25rem 1rem 0 rgb(244 184 184 / 92%);
    box-shadow: 0 0.25rem 1rem 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;
    letter-spacing: 0.025rem;
    transform: translateY(-0.0625rem);
    line-height: 1.375rem;}

.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 {
    position: absolute;
    right: 2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2; }

.rate-compare .c-card__badge-label {
  	display: block;
  	width: 2rem;
  	height: 2rem;
  	background: url("../../images/portal/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/portal/common/ico_box_check_checked.svg") no-repeat;
  	background-size: 2rem 2rem; }

.rate-compare .c-card__badge-label.compare  {
    background: url(../../images/portal/common/ico_trash.svg) 50% 50% no-repeat; }
.rate-compare .c-checkbox:checked + .c-card__badge-label.compare {
    background: url(../../images/portal/common/ico_trash.svg) 50% 50% no-repeat; }

.rate-delete {
    position: absolute;
    right: 2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;}

.rate-modal .c-modal__header {
    padding: 3.125rem 2.8125rem 2.5rem; }

.rate-modal .c-modal__body {
    padding: 0; }

.c-modal__body .rate-content {
	padding: 2.8125rem;
    padding-top: 0.1875rem; }

.c-modal__body .rate-detail__item:nth-child(3) {
    width: 9.0625rem; }

.c-modal__body .rate-price-wrap {
    width: 6.25rem;
    margin-right: 2.7rem; }

.rate-content__item.no-compare {
    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: 1.25rem;
    background: #fff;
    position: relative;
    border-radius: 0.5rem;
    border: 0.0625rem dashed #dddddd; }

.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: 1.25rem 2.8125rem 0.75rem;
    background-color: #f9f9f9; }

.rate-btn-group {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    background-color: #f9f9f9; }

.btn-category-wrap {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.25rem 2.8125rem 0.25rem 2.6875rem; }

.rate-btn-group .btn-category-wrap {
    padding-right: 0; }

.btn-category__list {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 28.25rem;
    margin-right: 0.625rem; }

.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: 26.25rem;
    padding: 0.125rem 0 0 0.125rem;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: hidden; }

.btn-category__inner:before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0.125rem;
    right: 0;
    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 .btn-category__inner:before {
	display: none; }

.btn-category__list.is-active .btn-category__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

.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; }

.btn-category__list.short .btn-category__inner:before {
    display: none; }

.btn-category__list.short + .btn-category__compare:after {
    display: none; }

.btn-category__compare {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 0.125rem 1rem 0 }

.btn-category__compare:before {
    position: absolute;
    content: '|';
    color: #bebebe;
    display: inline-block;
    top: 1.25rem;
    left: 0;
    transform: translateY(-50%); }

.btn-category__compare:after {
    position: absolute;
    content: '|';
    color: #bebebe;
    display: none;
    top: 1.25rem;
    right: 0;
    transform: translateY(-50%); }

.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:last-child {
	margin-right: 0; }
.btn-category.is-active {
  font-weight: 700;
	border: 0.0625rem solid #08a68e;
  color: #0a847b; }
.btn-category.is-active::after {
  content: '';
  position: absolute;
  bottom: 0.375rem;
  left: 0.5rem;
  width: calc(100% - 1rem);
  height: 0.0625rem;
  background-color: #008080;
}
.btn-category.is-active#rateBtnCompar::after {
  width: calc(100% - 4.2rem);
}
.btn-category.is-active#rateBtnMyrate::after {
  width: calc(100% - 2.75rem);
}
.btn-category .c-icon--comparison {
    margin-top: -0.0625rem; }
.btn-category .rate-btn__cnt {
    margin-left: 0; }
.btn-category .c-icon--question {
    margin-top: -0.125rem; }

.rate-btn-group .btn-sort-wrap {
    padding-left: 0; }

.btn-sort {
    position: relative;
    margin-left: 0.5rem;
    margin-right: 1.25rem;
    height: 2.375rem;
    font-size: 0.9375rem;
    font-weight: 500; }
.btn-sort:after {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 50%;
    right: -1.375rem;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../images/portal/common/ico_arrow_right_bold.svg) 50% 50% no-repeat;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg); }
.btn-sort:first-child {
    margin-left: 0; }

.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/portal/common/ico_arrow_mint.svg) 50% 50% no-repeat; }
.btn-sort.is-active::before {
  content: '';
  position: absolute;
  bottom: 0.375rem;
  left: 0;
  width: calc(100% + 1rem);
  height: 0.125rem;
  background-color: #008080;
}
.btn-sort.sort {
	color: #008080 !important; }
.btn-sort.sort:after {
	 background: url(../../images/portal/common/ico_arrow_mint.svg) 50% 50% no-repeat; }
.btn-sort.sort::before {
  content: '';
  position: absolute;
  bottom: 0.375rem;
  left: 0;
  width: calc(100% + 1rem);
  height: 0.0625rem;
  background-color: #008080;
}
.c-modal__body .section-survey .survey .survey__box {
	margin-top: -0.75rem;
    background-color: transparent; }

.c-modal__body .section-survey .survey {
    position: relative;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0; }

.c-modal__body .section-survey .survey__content {
    padding: 1.5rem 0; }

.c-modal__body ._survey__content2 {
	position: relative;
    background: #fff;
    border: 0.0625rem solid #dfdfdf;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem 1.5rem; }

.c-modal__body .section-survey .c-main-row {
    width: 100%; }

.c-modal__body .section-survey .survey__box .survey-ani {
    right: 0; }

.c-modal__body .section-survey .survey__inner {
    margin-top: 2rem;
    min-height: auto;
    padding: 1.125rem 7.25rem; }

.c-modal__body .survey__content .survey__inner .c-label {
    text-align: center;
    font-weight: 700;
    color: #1d1d1b; }

.c-modal__body .survey__content .survey__inner .c-label:hover {
    border-color: #00c0aa;
    color: #008080; }

.c-modal__body .survey__content .survey__inner .c-radio--button:checked + .c-label {
	border-color: #00c0aa;
    color: #008080; }

.c-modal__body .survey__content .survey__inner .c-radio--button:checked + .c-label::before {
	filter: invert(27%) sepia(57%) saturate(461%) hue-rotate(130deg); }








.mstore-banner {
	width: 100%;
    min-height: 15rem;
    background: #fdc6ce;
    color: #1a1a1a;
    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-bottom: 4rem;}

.mstore-banner__wrap {
	position: relative;
    width: 68.75rem;
    height: 15rem;
    padding: 2.75rem 0;
    letter-spacing: -0.078rem;
    z-index: 1;}

.mstore-banner__wrap h3 {
	font-size: 2.0625rem;
    font-weight: 400; }

.mstore-banner__wrap h3 span {
	font-size: 2.5rem;
    font-weight: 500; }

.mstore-banner__wrap p {
    display: inline-block;
    font-size: 1.125rem;
    margin-top: 1.25rem;
    font-weight: 500; }

.mstore-banner__wrap img {
	position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    z-index: -1;}

.mstore-head {
	color: #1d1d1b;
    width: 58.75rem;
    margin: 0 auto;
    margin-bottom: 4rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.mstore-head__title {
	font-size: 1.125rem; }

.mstore-head__text {
	margin-top: 0.3125rem;
	color: #707070; }

.mstore-head__text .c-text-link--bluegreen {
    margin-left: 0; }

.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;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    height: 3.5rem;
    line-height: 3.375rem;
    padding: 0 1.25rem;
    font-size: 1rem;
    border-radius: 2rem;
    background-color: #00c3bd;
    border: 0.0625rem solid #fff;
    color: #1d1d1b;
    width: 28.75rem !important; }

.mstore-content {
    width: 58.75rem;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.mstore-list-wrap {
	margin-bottom: 4rem; }

.mstore-list-wrap .mstore-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f7f7f7; }

.mstore-list-wrap .mstore-list__item ~ .mstore-list__item {
	 margin-top: 1rem; }

.mstore-list-wrap .mstore-list__img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    order: 2; }

.mstore-list-wrap .mstore-list__img img {
    vertical-align: bottom; }

.mstore-list-wrap .mstore-list__info-wrap {
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.mstore-list-wrap .mstore-list__info {
	padding-right: 1rem;
	padding-left: 5rem;}

.mstore-list-wrap .mstore-list__info h4 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 5.75rem;
    margin-bottom: 1.625rem; }

.mstore-list-wrap .mstore-list__info ul {
	margin-bottom: 1.6875rem;
	font-size: 1.0625rem;
	color: #4c4c4c;
	line-height: 1.43; }

.mstore-list-wrap .mstore-list__info li ~ li {
    margin-top: 1.0625rem; }

.mstore-list-wrap.inq .mstore-list__item:nth-child(odd) {
    background-color: #f1fafa !important; }

.mstore-list-wrap.inq .mstore-list__item:nth-child(odd) .mstore-list__img {
    order: 0; }

.mstore-list-wrap.inq .mstore-list__item:nth-child(odd) .mstore-list__info {
	padding-right: 5rem;
	padding-left: 0; }

.mstore-content .c-notice-wrap .c-notice__list li.bullet--fyr {
    padding-left: 0.625rem;
    color: #707070;
    font-size: 0.8125rem; }

.mstore-content .c-notice-wrap .c-notice__list li.bullet--fyr::before {
    left: -0.125rem; }

.mstore-list-wrap.mstore-list--type2 {
    margin-bottom: 1rem; }

.mstore-list-wrap.mstore-list--type2.inq .mstore-list__item:nth-child(odd) {
    background-color: #fff4e7 !important; }

.mstore-list-wrap.mstore-list--type2.inq .mstore-list__item:nth-child(even) {
    background-color: #f7f7f7 !important; }

.mstore-list-wrap.mstore-list--type2.inq .mstore-list__item:nth-child(odd) .mstore-list__info {
    padding-right: 1rem;
    padding-left: 5rem; }

.mstore-list-wrap.mstore-list--type2.inq .mstore-list__item:nth-child(even) .mstore-list__info {
    padding-right: 5rem;
    padding-left: 0; }

.mstore-list-wrap.mstore-list--type2 .mstore-list__img {
    order: 0; }

.mstore-list-wrap.mstore-list--type2.inq .mstore-list__item:nth-child(odd) .mstore-list__img {
    order: 2; }

.mstore-store {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -1.0625rem;
    gap: 0 1.25rem; }

.mstore-store__item {
	width: 8rem; }

.mstore-store__anchor {
    display: block;
    margin-top: 0.625rem; }

.mcash-banner {
	width: 100%;
    min-height: 15rem;
    background: #e8e8ff;
    color: #7a2ad4;
    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-bottom: 4rem;}

.mcash-banner__wrap {
	position: relative;
    width: 68.75rem;
    height: 15rem;
    padding: 2.75rem 0;
    letter-spacing: -0.078rem;
    z-index: 1;}

.mcash-banner__wrap h3 {
	font-size: 2.0625rem;
    font-weight: 400; }

.mcash-banner__wrap h3 span {
	font-size: 2.5rem;
    font-weight: 500; }

.mcash-banner__wrap p {
    display: inline-block;
    font-size: 1.125rem;
    margin-top: 1.25rem;
    color: #4c4c4c;
    letter-spacing: -0.032rem;
    font-weight: 500; }

.mcash-banner__wrap img {
	position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    z-index: -1;}

.mcash-head {
	color: #1d1d1b;
    width: 58.75rem;
    margin: 0 auto;
    margin-bottom: 4rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.mcash-head__title {
	font-size: 1.125rem; }

.mcash-head__text {
	margin-top: 0.3125rem;
	color: #707070; }

.mcash-head__text .c-text-link--bluegreen {
    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;
    width: 28.75rem;
    height: 3.5rem;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 1.25rem;
    line-height: 3.5rem;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 2rem;
    background-color: #00c3bd;
    color: #1d1d1b; }

.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;
    width: 28.75rem;
    height: 3.5rem;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 1.25rem;
    line-height: 3.5rem;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 2rem;
    background-color: #00c3bd;
    color: #1d1d1b; }

.mcash-content {
    width: 58.75rem;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.mcash-list-wrap {
	margin-bottom: 4rem; }

.mcash-list-wrap .mcash-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f6f3ff; }

.mcash-list-wrap .mcash-list__item ~ .mcash-list__item {
	 margin-top: 1rem; }

.mcash-list-wrap .mcash-list__img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    order: 2; }

.mcash-list-wrap .mcash-list__img img {
    vertical-align: bottom; }

.mcash-list-wrap .mcash-list__info-wrap {
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.mcash-list-wrap .mcash-list__info {
	padding-right: 1rem;
	padding-left: 5rem;}

.mcash-list-wrap .mcash-list__info h4 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 5.75rem;
    margin-bottom: 1.625rem;
    letter-spacing: -0.06rem; }

.mcash-list-wrap .mcash-list__info ul {
	margin-bottom: 1.6875rem;
	font-size: 1.0625rem;
	color: #4c4c4c;
	line-height: 1.43; }

.mcash-list-wrap .mcash-list__info li ~ li {
    margin-top: 0.1875rem; }

.mcash-list-wrap .mcash-list__item.item--left {
    background-color: #f7f7f7 !important; }

.mcash-list-wrap .mcash-list__item.item--left .mcash-list__img {
    order: 0; }

.mcash-list-wrap .mcash-list__item.item--left .mcash-list__info {
   	padding-right: 5rem;
	padding-left: 0; }

.mcash-store {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 3.5625rem;
    gap: 0 1.25rem; }

.mcash-store__item {
	width: 8rem; }

.mcash-store__img img {
    border-radius: 1rem;
    -webkit-box-shadow: 0 0 0.625rem 0.0625rem rgba(118, 54, 227, 0.43);
    box-shadow: 0 0 0.625rem 0.0625rem rgba(118, 54, 227, 0.43);	}

.mcash-store__anchor {
    display: block;
    margin-top: 0.625rem; }

.mcash-content .c-notice-wrap .c-notice__list li.bullet--fyr {
    padding-left: 0.625rem;
    color: #707070;
    font-size: 0.8125rem; }

.mcash-content .c-notice-wrap .c-notice__list li.bullet--fyr::before {
    left: -0.125rem; }

.mshopping-banner {
    width: 100%;
    min-height: 15rem;
    background: #2346fe;
    color: #fff;
    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-bottom: 4rem;}

.mshopping-banner__wrap {
	position: relative;
    width: 68.75rem;
    height: 15rem;
    padding: 2.5rem 0; }

.mshopping-banner__wrap h3 {
	margin-top: 0.25rem;
    font-size: 2.125rem;
    font-weight: 400;
    letter-spacing: -0.078rem; }

.mshopping-banner__wrap h3 span {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.065rem; }

.mshopping-banner__wrap p {
    font-size: 1.125rem;
    margin-top: 1.25rem;
    font-weight: 500;
    color: #703cb8; }

.mshopping-banner__wrap .mshopping-banner__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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.5rem;
    font-size: 0; }

.mshopping-banner__wrap a {
    position: relative;
    color: #703cb8;
    border: 0.0625rem solid #703cb8;
    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;
    width: 13.25rem;
    height: 2.5rem;
    line-height: 2.4375rem;
    padding: 0 1.25rem;
    font-size: 1rem;
    border-radius: 1.25rem;
    background-color: transparent;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-weight: 500; }

.mshopping-banner__wrap button {
    position: relative;
    color: #4d4b4a;
    border: 0.0625rem solid #4d4b4a;
    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;
    margin-left: 1rem;
    width: 9.6125rem;
    height: 2.5rem;
    line-height: 2.375rem;
    padding: 0 1.25rem;
    font-size: 1rem;
    border-radius: 1.25rem;
    background-color: transparent;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-weight: 500; }

.mshopping-banner i {
    position: absolute;
    right: 1.1875rem; }

.mshopping-banner__wrap img {
    position: absolute;
    bottom: 0;
    right: -2.3125rem;
    height: 100%; }

.mshopping-content {
    width: 58.75rem;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.mshopping-content img {
    vertical-align: bottom; }

.mshopping-head {
	text-align: center;
    font-size: 1.125rem; }

.mshopping__title {
    font-size: 1.625rem;
    font-weight: 700;	 }

.mshopping__text {
	margin-top: 1.25rem; }

.mshopping-logos {
    margin: 5rem 0 5.75rem;
    overflow: hidden; }

.mshopping-logos .slide-left, .mshopping-logos .slide-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(11.375rem * 12);
    animation: slide-left 60s linear infinite; }

.mshopping-logos .slide-right {
	width: calc(11.375rem * 10);
    animation: slide-right 60s linear infinite; }

@keyframes slide-right {
    0% {
    	-webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    100% {
    	-webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@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: 2.375rem; }

.mshopping-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 1.25rem; }

.mshopping-detail__item {
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #333;}

.mshopping-detail__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.mshopping-detail__title strong {
	margin-left: 1rem;
    font-size: 1.625rem;
    font-weight: 700;
    -webkit-transform: translateY(0.125rem);
    transform: translateY(0.125rem); }

.mshopping-detail__text {
    margin-top: 1rem;
    font-size: 1.125rem; }

.mshopping-content .swiper-banner {
    margin-left: -5rem; }

.mshopping-app {
    padding: 2.5rem 0 1.75rem;
    background-color: #3333cc; }

.mshopping-app__info-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    background-color: #3333cc; }

.mshopping-app__info {
    margin-top: 2.1875rem;
    margin-left: -0.25rem; }

.mshopping-app__info strong {
    font-size: 1.625rem;
    font-weight: 700; }

.mshopping-app__info p {
    margin-top: 0.625rem;
    font-size: 1.125rem; }

.mshopping-app__img {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 3.75rem; }

.quickguide-content {
	margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
	width: 58.75rem; }

.quickguide-head {
	margin-bottom: 1.625rem; }

.quickguide-head hr {
	width: 100%;
    height: 0.0625rem;
    margin: 1.5rem 0 2rem;
    border: 0;
    border-bottom: 0.0625rem solid #e8e8e8; }

.quickguide-head__title {
	font-size: 1.25rem;
	font-weight: 400; }

.quickguide-list {
    width: 58.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: -1.25rem auto 0; }

.quickguide-list__item {
    position: relative;
    width: 28.75rem;
    margin-top: 1.25rem; }

.quickguide-list__anchor {
	display: block; }

.quickguide-list__image {
    width: 100%;
    height: 16.75rem;
    border: 0.0625rem solid #e8e8e8; }

.quickguide-list__image img {
    display: block;
    width: 100%;
    height: 100%; }

.certification-chkwrap .c-checktype-row.c-col6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; }

 .certification-chkwrap .c-checktype-row.c-col6 .c-radio--button + .c-label {
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none; }

 .certification-chkwrap .c-checktype-row.c-col6 .c-radio--button + .c-label {
    width: 18.75rem; }

 .certification-chkwrap .c-checktype-row.c-col6 .c-radio--button:not(.c-radio--button--type3) + .c-label {
    margin: 0; }

.certification-chkwrap .c-checktype-row.c-col6 .c-radio--button + .c-label:nth-of-type(n+4) {
    margin-top: 1rem; }

.ktdc-banner {
    width: 100%;
    min-height: 15rem;
    color: #114fbf;
    background: #c2dbff;
    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; }

.ktdc-banner__wrap {
	position: relative;
    width: 68.75rem;
    height: 15rem;
    padding: 2.5rem 0; }

.ktdc-banner__wrap h3 {
    font-size: 2.25rem;
    font-weight: 500;
    letter-spacing: -0.06875rem; }

.ktdc-banner__wrap p {
    display: inline-block;
    font-size: 1.125rem;
    margin-top: 0.75rem;
    margin-left: 0.125rem;
    font-weight: 500; }

.ktdc-banner__wrap img {
    position: absolute;
    bottom: 0;
    right: 5rem;
    height: 100%; }

.ktdc-banner__wrap .ktdc-banner__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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2.375rem;
    font-size: 0; }

.ktdc-banner__wrap a {
    position: relative;
    color: #114fbf;
    border: 0.0625rem solid #114fbf;
    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;
    height: 2.5rem;
    line-height: 2.375rem;
    padding: 0 1.25rem;
    font-size: 1rem;
    border-radius: 1.25rem;
    background-color: transparent;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-weight: 500; }

.ktdc-banner__wrap a ~ a {
    margin-left: 1rem; }

.ktdc-banner__wrap a span {
    padding-right: 2.1875rem; }

.ktdc-banner__wrap i {
    position: absolute;
    right: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    background: url(/resources/images/portal/common/ico_anchor_blue.svg) 50% 50% no-repeat; }

.ktdc-content {
	width: 58.75rem;
    margin: 0 auto;
    margin-top: 4rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.ktdc-title {
	margin-top: 4.125rem; }

.ktdc-title:first-of-type {
	margin-top: -0.8125rem;}

.ktdc-title em {
	font-family: "FORTE";
	font-size: 2.5rem;
    color: #c2dbff;
    letter-spacing: 0; }

.ktdc-title h4 {
	margin-top: -0.6875rem;
	margin-bottom: 1.3125rem;
    font-size: 1.5rem;
    font-weight: 700; }

.ktdc-title h4.ktdc-title--type2 {
    display: block;
    position: relative;
    margin: 3.5625rem 0 1.75rem;
    font-size: 1.25rem;
    font-weight: 500; }

.ktdc-title h4.ktdc-title--type2 span {
	color: #ff4747 }

.ktdc-title p {
	font-size: 1.125rem;
    font-weight: 400;
    word-break: keep-all; }

.ktdc-title p ~ p {
   	margin-top: 0.5rem;
   	font-size: 1.0625rem;
    color: #4c4c4c; }

.ktdc-title .ktdc-title__red {
    color: #ed0000;
    font-size: 1.0625rem; }

.ktdc-title .ktdc-title__fyr {
	margin-top: 0.75rem;
	font-size: 0.9375rem;
   	color: #707070; }

.ktdc-title .ktdc-title__fyr ~ .ktdc-title__fyr {
	margin-top: 0.4375rem; }

.ktdc-title .c-table {
    line-height: 1; }

.ktdc-title .c-table::before {
    top: -0.0625rem;
    border-top: 0.0625rem solid #ccc; }

.ktdc-title .c-table th, .ktdc-title .c-table td {
    padding: 0.625rem 1rem;
    height: 2.375rem;
    font-size: 0.875rem; }

.ktdc-title .ktdc-text-list--fyr {
    font-size: 0.9375rem;
    color: #707070; }
.ktdc-title .ktdc-text-list--fyr li {
    position: relative;
    margin-top: 2rem;
    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.9375rem; }

.ktdc-benefit {
	position: relative;
    margin-top: 3.6875rem;
    padding: 3rem;
    background: #f5f5f5;
    border-radius: 2.125rem; }

.ktdc-benefit__head {
    text-align: center; }

.ktdc-benefit__head .ktdc-benefit__title {
	font-family: "Baeum";
	font-size: 2rem;
	margin-top: -0.3125rem;
    margin-bottom: 0.5625rem; }

.ktdc-benefit__head p {
    font-size: 1.125rem;
    font-weight: 400; }

.ktdc-benefit__list {
	display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 3.125rem; }

.ktdc-benefit__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;
    width: 25rem;
    height: 25rem;
    background: #fff;
    border-radius: 50%; }

.ktdc-benefit__item img {
    margin-top: 0.6875rem; }

.ktdc-benefit__item img + p {
	margin-top: -0.1875rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: #707070;
    letter-spacing: -0.056rem; }

.ktdc-benefit__item-head {
    margin-top: 3.25rem;
	text-align: center;
	font-family: "Baeum";
	color: #377eff; }

.ktdc-benefit__item-head .ktdc-benefit__item-title {
	font-size: 1.875rem; }

.ktdc-benefit__item-title span {
	font-size: 3.125rem;}

.ktdc-benefit__item-title span em {
	font-size: 1.875rem;}

.ktdc-benefit__item-head p {
    margin-top: -0.4375rem;
	font-size: 1.25rem; }

.ktdc-benefit__item-head.rate {
	color: #ff5454; }

.ktdc-benefit__item-title span {
	letter-spacing: -0.15625rem; }

.ktdc-benefit__item-sticker {
    position: absolute;
    top: -0.9375rem;
    right: -1.8125rem;
    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: 8rem;
    height: 8rem;
    background-color: #c2dbff;
    border-radius: 50%;
    font-family: "Baeum";
    font-size: 1.25rem;
    text-align: center;
    line-height: 1.625rem;
    color: #114fbf; }

.ktdc-benefit__item-sticker:before {
    content: '';
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 7.625rem;
    height: 7.625rem;
    border: 0.0625rem dashed #fff;
    border-radius: 50%; }

.ktdc-taget {
	padding: 0 2.5rem; }

.ktdc-taget__list {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2.625rem; }

.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;
    width: 24.1875rem;
    height: 16.625rem;
    padding: 3.3125rem 3.3125rem 0;
    background: #f3f8ff;
    border-radius: 1.25rem;
    text-align: center; }

.ktdc-taget__item:nth-child(n+2)::before {
    background: url(/resources/images/portal/common/ico_triangle_default.svg) 50% 50% no-repeat;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    content: '';
    display: block;
    clear: both;
    background-size: 2rem;
    position: absolute;
    left: -3rem;
    top: 47%;
    width: 1rem;
    height: 1rem;
    background-size: cover; }

.ktdc-taget__item .step-list {
    position: absolute;
    top: 1rem;
    left: 1.25rem;
    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: 0.125rem solid #377eff;
    border-radius: 1.5rem;
    color: #377eff;
    background: #fff;
    font-size: 0.6875rem;
    font-weight: 700; }

.ktdc-taget__item img {
    margin-bottom: 0.75rem; }

.ktdc-taget__item p {
    font-size: 1.125rem;
    margin-bottom: 1.1875rem; }

.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: 12.5rem;
    height: 2.5rem;
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    background: #1d1d1b;
    border-radius: 1.25rem;
    box-sizing: border-box;
    cursor: pointer; }

.ktdc-example {
	width: 100%;
	margin-top: 3.6875rem;
    padding: 4.6875rem 0 4.625rem;
    background: #f5f5f5; }

.ktdc-example-wrap {
    position: relative;
    width: 58.75rem;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; }

.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 {
    position: relative;
	margin-left: 5.37rem;
	z-index: 1; }

.ktdc-example__head:before {
    content: '';
    z-index: -1;
    position: absolute;
    top: -2.625rem;
    left: -6.75rem;
    width: 6.875rem;
    height: 8.75rem;
    background: url(/resources/images/portal/product/ktdc_icon_03.png) 50% 50% no-repeat; }

.ktdc-example__head .ktdc-example__title {
	margin-left: -0.125rem;
    margin-bottom: 0.5rem;
    font-size: 1.625rem;
    font-weight: 700;
    color: #1d1d1b; }

.ktdc-example__head p {
    font-size: 1.125rem;
    font-weight: 400;
    color: #707070; }

.ktdc-example__detail {
    position: relative;
	margin-top: 3.1875rem;
    padding: 1.75rem 2.5rem;
    padding-right: 0;
    background: #fff;
    border-radius: 1.5rem; }

.ktdc-example__detail ~ .ktdc-example__detail {
	margin-top: 1.25rem; }

.ktdc-example__detail.total {
	padding: 1.75rem 2.5rem 2rem; }

.ktdc-example__detail.total:before {
    content: '';
    position: absolute;
    top: -2.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 3.75rem;
    height: 3.75rem;
    background: url(/resources/images/portal/product/ktdc_icon_04.png) 50% 50% no-repeat; }

.ktdc-example__detail.total:after {
    content: '';
    position: absolute;
    bottom: -3.75rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 3.8125rem;
    background: url(/resources/images/portal/product/ktdc_equal.png) 50% 50% no-repeat; }

.ktdc-example__detail-title {
    margin-bottom: 1.5rem;
    font-family: "Baeum";
    font-size: 1.5rem;
    color: #377eff;
    letter-spacing: 0; }

.ktdc-example__detail-title--num {
	margin-right: 0.9375rem; }

.ktdc-example__detail-fyr {
    color: #707070;
    font-size: 0.875rem; }

.ktdc-example__detail-fyr ~ .ktdc-example__detail-fyr{
	margin-top: 0.125rem; }

.ktdc-example__ktdc {
	display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

.ktdc-example__ktdc-info {
	position: relative;
    width: 32.8125rem;
    margin-top: 0.6875rem;
    margin-bottom: 1.625rem;
    padding: 0 4rem 0 1.855rem;
    color: #4c4c4c; }

.ktdc-example__ktdc-info::before {
	content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 0.0625rem;
    height: 105%;
    background-color: #eaeaea;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

.ktdc-example__ktdc-info-wrap {
    position: relative; }

.ktdc-example__ktdc-info-wrap ~ .ktdc-example__ktdc-info-wrap {
    margin-top: 1.9375em; }

.ktdc-example__ktdc-info-wrap:nth-of-type(n+2)::before {
    content: '';
    position: absolute;
    top: -1.0625rem;
    right: 0;
    width: 28.75rem;
    border-top: 0.0625rem dashed #9dc0ff; }

.ktdc-example__ktdc-info-num {
    position: absolute;
    left: -1.875rem;
    top: -0.1875rem;
    font-family: "Baeum";
    font-size: 1.5rem;
    color: #377eff; }

.ktdc-example__ktdc-info-titlesub {
    color: #377eff;
    font-weight: 700;
    margin-bottom: 0.5rem; }

.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;
    margin-top: 0.4375rem; }

.ktdc-example__ktdc-info dl:first-of-type {
    margin-top: 0; }

.ktdc-example__ktdc-info dl:first-of-type dd {
    margin-top: -0.125rem; }

.ktdc-example__ktdc-total {
	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;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
	margin-top: -1rem;
    font-size: 1.25rem;
    color: #4c4c4c;
    font-weight: 500; }

.ktdc-example__ktdc-total .ktdc-example__ktdc-price {
	margin-top: 0.3125rem;
	font-family: "Baeum";
    font-size: 2.25rem;
    letter-spacing: -0.045rem;
    color: #1d1d1b; }

.ktdc-example__ktdc-total .ktdc-example__ktdc-price span {
	font-size: 1.5rem; }

.ktdc-example__benefit {
	display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1.625rem;
    font-size: 1.125rem; }

.ktdc-example__benefit-item {
    width: 26.25rem;
    padding: 1.5rem 1.75rem 1.75rem;
    border: 0.0625rem solid #eaeaea;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0 0.5rem 0.125rem rgba(55, 126, 255, 0.08);
    box-shadow: 0 0 0.5rem 0.125rem rgba(55, 126, 255, 0.08); }

.ktdc-example__benefit-title {
    font-family: "Baeum";
    font-size: 1.5rem; }

.ktdc-example__benefit-titlesub {
    color: #4c4c4c; }

.ktdc-example__benefit-disc {
	display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
	margin-top: 0.375rem; }

.ktdc-example__benefit-disc--rate {
    position: relative;
    margin-bottom: 0.375rem;
    font-family: "Baeum";
    font-size: 1.5rem;
    z-index: 1; }

.ktdc-example__benefit-disc--rate:before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    bottom: 0;
    width: 100.5%;
    height: 1.1875rem;
    background: #f2ff80;
    z-index: -1; }

.ktdc-example__benefit-disc--through {
    color: #888;
    font-size: 1.75rem;
    font-weight: 300;
    text-decoration: line-through;
    margin-left: 0.625rem;
    margin-top: -0.125rem; }

.ktdc-example__benefit-text {
	color: #707070; }

.ktdc-example__benefit-price-wrap {
    margin-top: 1.1875rem;
    background: #f3f8ff;
    padding: 1.0625rem 1rem 1rem;
    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; }

.ktdc-example__benefit-dctitle {
	font-weight: 500;
	margin-bottom: 0.5rem; }

.ktdc-example__benefit-price {
margin-bottom: 0.125rem;
    font-family: "Baeum";
    font-size: 2.125rem;
    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: 2.125rem;
    font-size: 0; }

.ktdc-example-button-wrap button {
	background-color: #377eff;
    color: #fff;
    padding: 0 1.25rem;
    width: 22.0625rem;
    height: 4.375rem;
    line-height: 3.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-family: "Baeum";
    font-size: 1.5rem;
    letter-spacing: -0.031rem;
    font-weight: 400; }

.ktdc-example-button-wrap button span {
    margin-left: -1.25rem; }

.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;
    background-size: 2rem;
    position: absolute;
    right: 2.375rem;
    top: 1.65rem;
    width: 1rem;
    height: 1rem;
    background-size: 1.75rem; }

.ktdc-example-total {
	font-family: "Baeum";
    font-size: 1.5rem;
    text-align: center;
    margin-top: 4rem; }

.ktdc-example-total p {
    margin-left: -1.5rem; }

.ktdc-example-total-text {
	margin-left: 0.8125rem; }

.ktdc-example-total-rate {
	margin-left: 0.25rem;
    font-size: 2.5rem;
    color: #ff4747;
    letter-spacing: -0.025rem; }

.ktdc-example-total-rate em {
	font-size: 1.5rem; }

.acc-guide-wrap .c-accordion {
    margin-top: 2.6875rem;
    border-top: 0.0625rem solid #eaeaea; }

.acc-guide-wrap .c-accordion--type3 .c-accordion__title {
    font-size: 1.0625rem; }

.acc-guide-wrap .c-accordion--type3 .c-accordion__inside {
    padding: 2rem 2.5rem;
    background-color: #fff;
    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;
    margin-top: 1.375rem;}

.acc-guide-wrap .acc-guide__list li{
    width: 16.875rem;
    margin-right : 1.5625rem;
    position: relative; }
.acc-guide-wrap .acc-guide__list li:nth-child(3n){
    margin-right: 0; }
.acc-guide-wrap .acc-guide__list li:nth-child(n+4){
	margin-top: 1.563rem; }

.acc-guide-wrap .acc-guide__list img {
 	margin-top: 0.625rem;
 	width: 16.875rem;
    height: 30rem;}

.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; }

.acc-guide-wrap .acc-guide__list--wrap .acc-guide__list__item {
    width: 16.875rem;
    margin-right : 1.5625rem;
    position: relative; }

.acc-guide-wrap .acc-guide__list--wrap .acc-guide__list__item:nth-child(3n) {
    margin-right: 0; }

.acc-guide-wrap .acc-guide__list--wrap li:nth-child(n+2) {
	margin-top: 1.563rem; }

.acc-guide-wrap .acc-guide__list--wrap .acc-guide__list__item img {
 	margin-top: 0.625rem;
 	width: 16.875rem; }

.acc-guide-wrap .acc-guide__list--wrap.rate-guide .acc-guide__list__item {
    width: 100%;
    margin-right : 0;
    position: relative; }

.acc-guide-wrap .acc-guide__list--wrap.rate-guide .acc-guide__list__item .c-notice--red {
    font-size: 0.875rem; }

.acc-guide-wrap .acc-guide__list--wrap.rate-guide .acc-guide__list__item .c-notice--red .c-icon--bang--red {
    width: 1rem;
    height: 1rem; }

.acc-guide-wrap .acc-guide__list--wrap.rate-guide .acc-guide__list__item img {
 	margin-top: 0.625rem;
 	width: 100%; }

.acc-guide-wrap .acc-guide__list--wrap.rate-guide .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-modal--lg .c-modal__header {
    padding: 3rem 3rem 3rem; }

#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 {
    padding: 0; }

#ktDcRateModal .c-tabs--type1 .c-tabs__button {
	position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    min-width: 11.75rem;
    max-width: 100%;
    height: 3.4375rem;
    padding: 1rem 1.25rem 1rem;
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: inherit;
    color: #707070;
    white-space: nowrap;
    background-color: transparent; }

#ktDcRateModal .c-tabs--type1 .c-tabs__button.is-active {
    border-bottom: 0.125rem solid #000;
    color: #000;
    font-weight: 500;
    background-color: transparent; }

#ktTripleDcAmt_01:checked + .c-label, #ktTripleDcAmt_02:checked + .c-label {
    border-color: #008080;
    color: #008080; }

#ktTripleDcAmt_01:checked + .c-label::before, #ktTripleDcAmt_02:checked + .c-label::before {
    background: url(../../images/portal/common/ico_checkmark_checked.svg) no-repeat 50% 50%;
    background-size: 2rem; }

.grecaptcha-badge {
	z-index: 20; }

.comment-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 4rem;
    font-weight: 700; }

.comment-wrap .c-checktype-row label {
	margin-right: 0;
    margin-bottom: 0; }

.event-sharing-wrap {
    position: sticky;
    width: 100%;
    bottom: 2.5rem;
    margin-top: 3rem;
    z-index: 3; }

.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;
    letter-spacing: -0.05rem;
    -webkit-box-shadow: 0 0.25rem 1rem 0 rgb(244 184 184 / 92%);
    box-shadow: 0 0.25rem 1rem 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 {
	width: 28.75rem;
	margin: 0 auto;
    margin-top: 4rem;
    text-align: center; }

.ars-company__text {
	margin: 0 -6rem;
    font-size: 1.25rem;
    font-weight: 500;
    color: #ed0000; }

.ars-company__text span {
    font-size: 1rem;
    font-weight: 400;
    color: #707070;
    vertical-align: middle; }

.ars-company__wrap {
    width: 28.75rem;
    height: 10.625rem;
    border: 0.0625rem solid #1d1d1b;
    border-radius: 0.5rem;
    margin-top: 0.875rem; }

.ars-company__name {
	font-size: 1.375rem;
    margin-top: 2.375rem; }

.ars-company__number {
	margin-top: 0.375rem;
	font-size: 2rem;
    font-weight: 500;
    letter-spacing: -0.062rem; }

.ars-company__info {
	margin: 1.5rem 0 3rem;
	font-size: 1.125rem;
    font-weight: 500; }

.event-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: 1.5rem;
    width: 58.75rem;
    gap: 1.5rem 1.25rem; }

.event-bottom__title {
    margin-top: 4rem;
    font-weight: 400;
    font-size: 1.25rem;
    text-align: left; }

.event-bottom .event-bottom__item {
    position: relative;
    width: 18.75rem; }

.event-bottom .event-bottom__anchor {
    display: block; }

.event-bottom .event-bottom__image img {
	display: block;
    width: 18.75rem;
    height: auto; }

.c-radio#authCheckNone01 + .c-label::before, .c-checkbox#authCheckNone01 + .c-label::before {
    top: -0.125rem;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

.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: 1.25rem 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: 26.25rem;
    height: 3.25rem;
    padding: 0 1.25rem 0 4.5rem;
    background-color: #f5f5f5;
    border-radius: 3.5rem; }

.req-agree__item ~ .req-agree__item::before {
	content: '';
    position: absolute;
    top: -1rem;
    left: 1.5rem;
    width: 0.25rem;
    height: 0.75rem;
    border-left: 0.25rem dotted #008080; }

.req-agree__icon {
    position: absolute;
    top: 0;
    left: 0; }

.req-agree__step {
    font-weight: 700;
    font-size: 0.875rem;
    color: #4c4c4c;
    -webkit-transform: translateY(0.0625rem);
    transform: translateY(0.0625rem); }

.req-agree__text {
	position: relative;
	margin-left: 1.6875rem;
    font-size: 1rem;
    font-weight: 500;
    color: #1d1d1b;
    -webkit-transform: translateY(0.0625rem);
    transform: translateY(0.0625rem); }

.req-agree__text::before {
    content: '';
    position: absolute;
    top: 0.125rem;
    left: -0.8125rem;
    width: 0.0625rem;
    height: 1rem;
    background: #aaa; }

.review-detail .c-form-wrap ~ .c-form-wrap {
    margin-top: 2rem; }

.review-detail .c-checktype-row .c-label {
    margin-right: 2.5rem;
    font-size: 0.9375rem; }

.review-detail .c-checktype-row .c-checkbox + .c-label::before {
    background-size: 1.375rem 1.375rem; }

.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 {
	color: #707070;
    font-size: 0.875rem;
    font-weight: 400; }

.review-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 0.5rem;
    margin-top: 0.75rem;
    margin-bottom: 0.25rem; }

.review-summary__item {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.5rem;
	padding: 0.375rem 0.625rem;
    background-color: #ededed;
    font-size: 0.8125rem;
    line-height: 1.2;
    border-radius: 0.25rem; }

.review-summary__question {
	color: #676767;
  font-weight: 500; }

.review-summary__answer {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
	margin-left: 0.25rem;
	color: #1D1D1B;
    font-weight: 700; }

.review-filter {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 58.75rem;
    margin: 0 auto; }

.review-filter .c-filter__inner {
    margin-left: -0.125rem;
    border-bottom: 0.0625rem solid #ededed;
    margin-bottom: 2rem; }

.review-filter .c-button {
    position: relative;
    min-width: initial;
    margin: 0.5rem 0.875rem 0 0 !important;
    padding-bottom: 0.5rem;
    font-size: 0.9375rem;
    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.125rem;
    border-bottom: 0.125rem solid #1d1d1b; }

.review-chart {
	width: 28.75rem;
   	color: #f37000;
   	font-size: 0.9375rem;
    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 35%;
    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: 4rem 0; }

.review-rank-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    width: 58.75rem;
    margin: 0 auto; }

.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.75rem; }

.review-rank__title .c-icon--trophy {
    width: 2.4375rem;
    height: 2.4375rem;
    margin-top: -0.0625rem;
    margin-right: 0.5rem; }

.review-rank__title span {
	margin-right: 0.75rem;
    color: #f06e00; }

.review-rank__list {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 3rem; }

.review-rank__item {
    position: relative;
    display: inline-block;
    width: 18rem;
    font-weight: 500;
    cursor: pointer }

.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: -1.25rem; }

.review-rank__item:last-child::after {
    border:none;}

.review-rank__label {
    display: inline-block;
    border-radius: 1rem;
    padding: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 500;
    text-align: center;
    min-width: 3.5rem;
    line-height: 1;
    background-color: #ff7f02;
    color: #fff; }

.review-rank__text {
	 display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 4.875rem;
    max-height: 4.875rem;
    margin-top: 0.875rem;
    font-size: 0.875rem;
    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: 18rem;
    height: 10.125rem;
    overflow: hidden;
    border-radius: 0.5rem; }

.review-rank__img img {
    width: 18rem;
    height: auto;
    border-radius: 0.5rem;
    overflow: hidden; }

.review-rank__img .img-count {
	position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2rem;
    height: 0.9375rem;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-radius: 9px;
    font-size: 0.75rem;
    text-align: center; }

.review.c-accordion .c-accordion__button:after {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 2.5rem;
    right: -0.75rem;
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/portal/common/ico_select.svg) no-repeat center;
    -webkit-transform: translateY(-50%) rotate(360deg);
    transform: translateY(-50%) rotate(360deg);
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }

.review.c-accordion .c-accordion__button.is-active::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg); }

#ktDcStart .ktdc-title h4 {
	margin-top: 4.375rem;
	margin-bottom: 0.75rem;
   	font-size: 1.25rem; }

#ktDcStart .ktdc-title p {
    font-size: 1rem; }

#ktDcStart .ktdc-title .c-text-link--bluegreen {
	display: inline-block;
    margin-left: 0;
    font-weight: 500; }

#ktDcStart .tdc-target-box {
    margin-top: 3.5rem;
    padding: 2rem 1.5rem 1.4375rem;
   	background-color: #f2faf9;
    border: 0.0625rem solid #eaeaea;
    border-radius: 1rem;
    font-size: 1.5rem;
    font-weight: 300;
    text-align: center; }

#ktDcStart .tdc-target-box b {
   	color: #008080; }

#ktDcStart .tdc-target-box p {
    margin-top: 0.8125rem;
   	color: #707070;
   	font-size: 1rem;
   	font-weight: 400;}

#ktDcStart .tdc-notarget-box {
    margin-top: 3.5rem;
    padding: 2rem 1.5rem 1.4375rem;
   	background-color: #f5f5f5;
    border: 0.0625rem solid #eaeaea;
    border-radius: 1rem;
    font-size: 1.5rem;
    font-weight: 300;
    text-align: center; }

#ktDcStart .tdc-notarget-box b {
   	color: #008080; }

#ktDcStart .tdc-notarget-box p {
    margin-top: 0.8125rem;
   	color: #707070;
   	font-size: 1rem;
   	font-weight: 400;}

#ktDcStart #tdc-target .c-table td .c-radio + .c-label {
    margin-right: -0.3125rem !important;
    vertical-align: middle; }

.card-benefit.c-modal__content {
	width: 38.75rem; }
.card-benefit.c-modal__content .c-modal__header {
    padding: 3rem 3rem 0;
    font-size: 1.25rem;
    font-weight: 700; }
.card-benefit.c-modal__content .c-modal__header .c-modal__title {
	padding-bottom: 2.25rem;
    border-bottom: 0.0625rem solid #ccc; }
.card-benefit.c-modal__content .c-modal__header [data-dialog-close] {
    right: 2.5625rem;
    top: 2.5rem; }
.card-benefit.c-modal__content .c-modal__body {
    padding: 0 1.9375rem 3.75rem 3rem;
    scrollbar-gutter: stable; }

.card-benefit.c-modal__content .c-modal__body:after {
    content: none; }

.card-benefit__item {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
   	padding: 1.75rem 0;
    border-bottom: 0.0625rem solid #e8e8e8; }

.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: 7rem; }

.card-benefit__img img {
    width: 5.625rem;
    height: 5.625rem; }

.card-benefit__img a {
    display: inline-block;
    width: 5.25rem;
    height: 1.75rem;
    margin-top: 0.9375rem;
    padding: 0.3125rem 0.5rem;
    color: #707070;
    border-radius: 1.5rem;
    border: 0.0625rem solid #ccc;
    background: transparent;
    font-size: 0.8125rem;
    font-weight: 400;
    text-align: center; }

.c-modal.rate-detail-view .card-benefit.c-modal__content .card-benefit__img a {
	display: 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 {
	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.1875rem;
    margin-left: 2rem; }

.card-benefit__info strong {
    font-size: 1.125rem;
    font-weight: 700; }

.card-benefit__info dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1rem;
	margin-left: 0.125rem;
    font-size: 0.9375rem; }

.card-benefit__info dl ~ dl {
    margin-top: 0.5rem; }

.card-benefit__info dt {
    width: 6rem; }

.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.125rem;
    width: 104%;
    height: 0.5625rem;
    background: #cdf1ed;
    z-index: -1; }

.card-benefit__info dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.card-benefit__desc {
    margin-top: 1rem;
    padding: 0.5rem 1rem;
    background: #f9f9f9;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: #707070; }

.card-benefit__desc p img {
    display: inline-block;
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.4375rem;
    border-radius: 50%;
    background-color: #ccc;
    -webkit-transform: translateY(-0.1875rem);
    transform: translateY(-0.1875rem);
    line-height: 1.25rem; }

.masking-badge {
    position: relative;
    z-index: 2; }

.masking-badge .masking-badge__button {
	position: absolute;
    right: -6rem;
    top: 2.375rem;
    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: 5.5rem;
    border-radius: 0.25rem;
    background-color: #00a693;
    font-size: 0.8125rem;
    color: #fff; }

.masking-badge-wrap .masking-badge .masking-badge__button {
	top: 0; }

.c-select-search .masking-badge .masking-badge__button {
	top: -1rem; }

.masking-badge .masking-badge__icon {
	display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
    background: url(../../images/portal/common/ico_lock_03.png) 50% 50% no-repeat;
    background-size: cover; }

.masking-badge .masking-badge__button p {
    line-height: 0.875rem;
    margin-top: 0.4375rem; }
.c-modal__content.masking-pop .c-modal__body {
    padding: 2rem 3.9375rem 0 5rem;
    scrollbar-gutter: stable; }
.c-modal__content.masking-pop .c-modal__body .c-form__title--type2 {
    margin-top: 3rem; }

.c-modal__content.masking-session {
    width: 38.75rem; }
.c-modal__content.masking-session .c-modal__body {
    padding: 3rem 3rem 0;
    text-align: center; }
.c-modal__content.masking-session .c-modal__footer {
    padding: 0 3rem 3rem; }

.req-self-content {
    width: 68.75rem;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.req-self-content-wrap {
    margin-left: 5rem; }

.req-self-wrap ~ .req-self-wrap {
	margin-top: 4rem; }

.req-self-title {
    font-size: 1.75rem;
   font-weight: 700; }

.req-self-form-wrap {
    margin-top: 1.5625rem;
    padding: 2.5rem 4rem;
    border-radius: 1rem;
    border: 0.0625rem solid #eaeaea; }

.req-self-form-group ~ .req-self-form-group{
	margin-top: 2rem; }

.req-self-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.req-self-form__title {
	width: 12.375rem;
    font-size: 1.25rem;
    font-weight: 500;
    -webkit-transform: translate(-0.0625rem, 0.125rem);
    transform: translate(-0.0625rem, 0.125rem); }

.req-self-form__title span {
	font-size: 1rem;
    font-weight: 400;
    color: #707070;
    margin-left: 0.3125rem; }

.req-self-form__form {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.req-self-form--type2 {
    margin-left: 12.375rem; }

.req-self-form__form .c-form-group .c-checktype-row {
    margin-top: 0; }

.req-self-form__form .c-checktype-row .c-radio--button:not(.c-radio--button--type3) + .c-label, .req-self-form__form .c-checktype-row .c-checkbox--button + .c-label {
    margin: 0 0.375rem; }

.req-self-form__form .c-checktype-row.c-col .c-radio--button:first-child + .c-label, .req-self-form__form .c-checktype-row.c-col .c-checkbox--button:first-child + .c-label, .req-self-form__form .c-checktype-row.c-col2 .c-radio--button:first-child + .c-label, .req-self-form__form .c-checktype-row.c-col2 .c-checkbox--button:first-child + .c-label, .req-self-form__form .c-checktype-row.c-col3 .c-radio--button:first-child + .c-label, .req-self-form__form .c-checktype-row.c-col3 .c-checkbox--button:first-child + .c-label, .req-self-form__form .c-checktype-row.c-col4 .c-radio--button:first-child + .c-label, .req-self-form__form .c-checktype-row.c-col4 .c-checkbox--button:first-child + .c-label, .req-self-form__form .c-checktype-row.c-col5 .c-radio--button:first-child + .c-label, .req-self-form__form .c-checktype-row.c-col5 .c-checkbox--button:first-child + .c-label {
    margin-left: 0; }

.req-self-form__form .c-checktype-row.c-col .c-radio--button:last-of-type + .c-label, .req-self-form__form .c-checktype-row.c-col .c-checkbox--button:last-of-type + .c-label, .req-self-form__form .c-checktype-row.c-col2 .c-radio--button:last-of-type + .c-label, .req-self-form__form .c-checktype-row.c-col2 .c-checkbox--button:last-of-type + .c-label, .req-self-form__form .c-checktype-row.c-col3 .c-radio--button:last-of-type + .c-label, .req-self-form__form .c-checktype-row.c-col3 .c-checkbox--button:last-of-type + .c-label, .req-self-form__form .c-checktype-row.c-col4 .c-radio--button:last-of-type + .c-label, .req-self-form__form .c-checktype-row.c-col4 .c-checkbox--button:last-of-type + .c-label, .req-self-form__form .c-checktype-row.c-col5 .c-radio--button:last-of-type + .c-label, .req-self-form__form .c-checktype-row.c-col5 .c-checkbox--button:last-of-type + .c-label {
    margin-right: 0; }

.req-self-form__bullet {
	position: relative;
    display: block;
    margin-top: 1rem;
    padding: 1.375rem 0.875rem 1.1875rem;
    background: #f9f9f9; }

.req-self-form__bullet ul {
	font-size: 1rem;
    color: #666; }

.req-self-form__bullet li {
    position: relative;
    margin-top: 0.5rem;
    padding-left: 1.0625rem;
    font-size: 1rem; }

.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.4375rem;
    left: 0.4375rem;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #ccc; }

.req-self-form .count-wrap .c-price {
    margin-left: 1.875rem; }

.req-self-form .c-input-wrap .oder-name {
    margin-left: 0.75rem;
    width: 10.8125rem;
    height: 4rem;
    border-radius: 0.55rem;
    background-color: #00c3bd;
    border: 0.0625rem solid #00c3bd;
    color: #1d1d1b; }

.req-self-form .c-input-wrap .oder-name.is-complete {
    color: #325553;
    background-color: #66dbd7;
    border-color: #66dbd7; }

.req-self-form .c-checktype-row .c-label {
	width: 9.75rem;
    margin: 0;
    padding-left: 2.25rem; }

.req-self-form .c-form-row.c-col2 .c-form-field {
    margin: 0 0.375rem; }

.req-self-form .c-form-row.c-col2 .c-form-field:last-of-type {
    margin-right: 0; }

.req-self-form .c-form-row.c-col2 .c-form-field:first-of-type {
    margin-left: 0; }

.req-self-form__addr .c-form-row {
    background-color: #f5f5f5 !important;
    border: 0.0625rem solid #ddd;
    border-radius: 0.5rem; }

.req-self-form__addr .c-form-row.c-col2 .c-form:first-of-type {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 5.625rem;
    margin-right: 0; }

.req-self-form__addr .c-form-row.c-col2 .c-form input {
    border: 0; }

.req-self-form__addr.addr--type2 .c-form-row {
  border: 0;
  border-radius: 0;
  background-color: #fff !important;
}
.req-self-form__addr.addr--type2 .c-form-row.c-col2 .c-form input {
  background-color: #f5f5f5 !important;
  border: 0.0625rem solid #ddd;
}

.rate-banner-wrap {
    width: 100%;
    text-align: left;
    background-color: #f3f4f6; }

.rate-banner {
    width: 58.75rem;
	margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative; }

.rate-banner-list {
    position: relative;
    padding: 2.5rem 0; }

.rate-banner__item {
	position: relative; }

.rate-banner__item ~ .rate-banner__item {
    margin-top: 2rem; }

.rate-banner__content {
    display: block;
    padding: 2rem;
    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.5rem;
    margin-bottom: 0.75rem;
    padding: 0.25rem 0.375rem 0.125rem;
    font-size: 0.875rem;
    border-radius: 0.375rem;
    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;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline; }

.rate-banner__title {
    width: 40rem;
	font-size: 1.5rem;
    font-weight: 700; }

.rate-banner__price {
 	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline; }

.rate-banner__price-basic {
	font-size: 1rem;
    color: #7c7c7c;
    text-decoration: line-through; }

.rate-banner__price-promotion {
    font-size: 1.5rem;
    font-weight: 700;
    margin-left: 0.5rem; }

.rate-banner__price .c-icon {
    width: 1.75rem;
    height: 1.75rem;
    top: 0.375rem; }

.rate-banner__detail {
    margin-top: 0.875rem; }

.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.125rem; }

.rate-banner__detail-info {
	font-size: 0.875rem;
    color: #1d1d1b;
    font-weight: 700;
    margin: 0 0.75rem 0 0.25rem; }

.rate-banner__detail-info p {
	display: inline-block;
	font-size: 1rem;
    font-weight: 500;
    color: #343434; }

.rate-banner__detail-info p + p {
	font-size: 0.875rem;
    color: #6f6f6f; }

.rate-banner__benefit {
    margin-top: 0.875rem; }

.rate-banner__benefit-list {
    padding: 1rem 2rem;
    background: #f9fafc;
    position: relative;
    border: 0.0625rem solid #f0f0f0;
    border-radius: 1rem;
    font-size: 0.875rem;
    font-weight: 500; }

.rate-banner__benefit-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.rate-banner__benefit-item ~ .rate-banner__benefit-item {
	margin-top: 1.375rem; }

.rate-banner__benefit-item > p {
	    width: 5rem;
        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; }

.rate-banner__benefit-label-wrap p {
	display: inline-block;
	margin-right: 1rem; }

.rate-banner__benefit-label {
    margin-right: 0.5rem;
    padding: 0.375rem 0.5rem 0.3125rem;
    font-weight: 500;
    border-radius: 0.375rem;
    background: #e0e7f6;
    color: #0f5aff; }

select optgroup {
    font-weight: bold;
    color: #1d1d1b; }

.rate-comparison-wrap {
    width: 100%;
    margin-bottom: -6.25rem;
    padding: 3.75rem 0;
    background-color: #f9f9f9; }

.rate-comparison-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    width: 58.75rem;
    margin: 0 auto; }

.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.5rem;
    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: 2.5rem;
    line-height: 2.375rem;
    padding: 0 1rem;
    font-size: 0.875rem;
    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.75rem; }

.rate-comparison-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.25rem; }

.rate-comparison-item {
    width: 18.75rem;
    margin-right: 1.25rem; }

.rate-comparison-item:last-child {
    margin-right: 0; }

.rate-comparison-item .c-select {
    white-space: pre-wrap;
    padding: 0 2rem 0 1rem;
    background: #fff url(../../images/portal/common/ico_select.svg) no-repeat right 0.5rem top 50%; }

.rate-comparison-info {
    background-color: #fff;
    border: 0.0625rem solid #eaeaea;
    border-radius: 0.5rem;
    padding: 1.25rem;
    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% - 5rem);
	background-color: #fff;
    padding: 3rem 1.25rem 3.5rem;
    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.9375rem; }

.rate-comparison-price {
    padding: 1.25rem;
    background-color: #f2faf9;
    border-radius: 0.5rem;
    text-align: center;
    line-height: 1; }

.rate-comparison-price p {
    font-size: 1.5rem;
    font-weight: 700;
    color: #008080; }

.rate-comparison-price span {
    font-size: 0.9375rem;
    font-weight: 500; }

.rate-comparison-info__button {
	margin-top: 1.25rem; }

.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%;
    height: 4rem;
    padding: 1.125rem 1.25rem;
    font-size: 1.125rem;
    background-color: #00c3bd;
    border: 0.0625rem solid #00c3bd;
    color: #fff; }

.rate-comparison-info__list {
    margin-top: 2rem; }

.rate-comparison-ifo__item {
    position: relative;
    height: 2.875rem;
    padding-left: 2.5rem;
    font-weight: 500; }

.rate-comparison-ifo__item.h-auto{
    height: auto; }

.rate-comparison-ifo__item + .rate-comparison-ifo__item {
    margin-top: 1rem; }

.rate-comparison-ifo__item em {
    word-break: break-word; }

.rate-comparison-ifo__item .point-text {
    color: #00c3bd; }

.rate-comparison-ifo__item .c-icon {
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 1.5rem;
    height: 1.5rem; }

.rate-comparison-info__sub {
    margin-top: 0.125rem;
    color: #707070;
    font-size: 0.875rem;
    font-weight: 400; }

.rate-comparison-content .c-text-list {
    margin-top: 1rem; }

.rate-comparison-content .c-text-list .c-text-list__item {
	padding-left: 0.875rem;
	font-size: 0.875rem; }

.rate-comparison-content .c-text-list .c-text-list__item::before {
    top: -0.0625rem;
    font-size: 0.875rem; }

.rate-comparison-content .c-text-list .c-text-list__item .c-text-link--bluegreen {
	margin-left: 0; }

.c-modal--rate-comparison .c-modal__content {
    max-height: 34.375rem; }

.c-modal--rate-comparison.c-modal--lg .c-modal__body {
    padding: 0 3rem; }

.c-modal--rate-comparison .review-filter {
    width: 100%;
    padding: 1rem 3rem 0; }

.c-modal--rate-comparison  .review-filter .c-filter__inner {
    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: 1rem;
    margin: 0.5rem 1.75rem 0 0 !important; }

.c-modal--rate-comparison .c-radio--button--type3:checked + .c-label {
    color: #008080;
    background: #fff;
    border-color: #008080; }

.c-modal--rate-comparison .c-radio--button--type3 + .c-label ~ .c-label {
    margin: 0 0.5rem 0.75rem 0 !important; }

.c-modal--rate-comparison .c-checktype-row .c-radio--button:first-child + .c-label {
    margin-right: 0.5rem !important; }

.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(45%);
  transform: translateX(45%); }

.c-modal--rate-comparison .c-range--step6 .c-range__ruler .ruler-mark:nth-child(2) {
    left: 20%;
    -webkit-transform: translateX(-15%);
    transform: translateX(-15%); }

.c-modal--rate-comparison .c-range--step6 .c-range__ruler .ruler-mark:nth-child(3) {
    left: 40%;
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);}

.c-modal--rate-comparison .c-range--step6 .c-range__ruler .ruler-mark:nth-child(4) {
    left: 60%;
    -webkit-transform: translateX(-55%);
    transform: translateX(-55%); }

.c-modal--rate-comparison .c-range--step6 .c-range__ruler .ruler-mark:nth-child(5) {
    left: 80%; }

.c-modal--rate-comparison .c-range--step6 .c-range__ruler .ruler-mark:nth-child(6) {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  right: 0; }

.c-modal--rate-comparison .c-modal__footer .c-icon--refresh-type2 {
	margin-top: -0.25rem; }

.rate-comp-wrap {
    width: 100%;
    margin-bottom: -6.25rem;
    padding: 0 0 3.75rem;
}

.rate-comp-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    width: 58.75rem;
    margin: 0 auto; }

.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.5rem;
    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: 2.5rem;
    line-height: 2.375rem;
    padding: 0 1rem;
    font-size: 0.875rem;
    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.75rem; }

.rate-comp-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: sticky;
    top: 4rem;
    padding: 1.5rem 0 1rem;
    z-index: 4;
    background-color: #fff; }

.rate-comp-select__item {
    width: 18.75rem;
    margin-right: 1.25rem; }

.rate-comp-select__item:last-child {
    margin-right: 0; }

.rate-comp-select__item .c-select {
    white-space: pre-wrap;
    padding: 0 2rem 0 1rem;
    background: #fff url(../../images/portal/common/ico_select.svg) no-repeat right 0.5rem top 50%; }

.rate-comp-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.rate-comp-item {
    width: 18.75rem;
    margin-right: 1.25rem; }

.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: 8.75rem;
    background-color: #fff;
    padding: 1.5rem 1.25rem;
    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.9375rem; }

.rate-comp-price {
    padding: 0.875rem;
    text-align: center;
    line-height: 1; }

.rate-comp-price p {
    font-size: 2.5rem;
    font-weight: 700;
    color: #008080; }

.rate-comp-price span {
    font-size: 1rem;
    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: 3.5rem;
    padding: 1rem 1.25rem;
    font-size: 1.125rem;
    background-color: #00c3bd;
    border: 0.0625rem solid #00c3bd;
    color: #fff; }

.c-accordion.rate-comp {
    margin-top: 4rem;
}
.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.5rem;
}
.c-accordion.rate-comp .c-accordion__title {
    font-size: 1.5rem;
    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;
}
.rate-comp__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.5rem 0 3rem;
}
.rate-comp__list-item {
    width: 18.75rem;
    margin-right: 1.25rem;
}
.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.9375rem;
}
.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: 2.5rem;
}
.rate-comp__info-item-icon {

}
.rate-comp__info-item img {
    width: 3.25rem;
    height: 3.25rem;
    vertical-align: bottom;
}
.rate-comp__info-item p {
    margin: 0.75rem 0 0.375rem;
    font-size: 1rem;
    font-weight: 500;
    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: 1.25rem;
}

.freq-summary-container {
  width: 78.75rem;
  margin: 0 auto;
  position: relative;
}
.freq-summary {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  z-index: 4;
  animation-name: defaultIn;
  animation-duration: 0.3s;
}
.freq-summary.show {
  display: block;
}
.freq-summary-wrap {
  width: 22.5rem;
  background-color: #fff;
  border: 0.0625rem solid #ccc;
  border-radius: 0.75rem;
}
.freq-summary__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  border-bottom: 0.0625rem solid #eaeaea;
  padding: 1.625rem 1.5rem;
}
.freq-summary__title p {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
}
.freq-summary__title .c-button {
  position: absolute;
  top: 1.4375rem;
  right: 1.4375rem;
  border-radius: 0;
}
.freq-summary__title .c-icon {
  width: 1rem;
  height: 1rem;
  margin-right: 0 !important;
}
.freq-summary__content {
  padding: 1.5rem 1.5rem 2rem;
}
.freq-summary__content img {
  vertical-align: bottom;
}
.freq-summary-stamp {
  margin-top: 1.8125rem;
  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.1875rem;
  margin-right: 0.0625rem;
}
.freq-summary-stamp__progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5rem;
  margin-top: 0.9375rem;
  padding: 0.75rem 1.125rem;
  background-color: #f7f7f7;
  border: 0.0625rem solid #eaeaea;
  border-radius: 0.75rem;
}
.freq-summary-stamp__progress li {
  flex: 1;
  width: 2rem;
  height: 2rem;
  background: url(../../images/portal/frequency/ico_stamp_small_gray.png) no-repeat 50% 50%;
}
.freq-summary-stamp__progress li.is-stamped {
  background: url(../../images/portal/frequency/ico_stamp_small_stamped.png) no-repeat 50% 50%;
}
.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.625rem;
  margin-top: 1.75rem;
  font-size: 0;
}
.freq-summary-button a {
  position: relative;
  width: 100%;
  height: 4.125rem;
  padding: 0.6875rem 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-summary-button a::before {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.8125rem;
  width: 0.75rem;
  height: 0.75rem;
  background: url(../../images/portal/common/ico_arrow_white.svg) 50% 50% no-repeat;
}
.freq-summary-button a p {
	-webkit-transform: translateX(-0.5rem);
  transform: translateX(-0.5rem);
}
.ly-wrap.main.fixed .freq-summary {
  top: 6rem;
}
.freq-content {
  width: 58.75rem;
  margin: 0 auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
.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.5rem;
  font-weight: 700;
}
.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: 7.125rem;
  height: 2rem;
  padding-left: 1.125rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1;
  background-color: #fff;
  border: 0.0625rem solid #ccc;
  color: #4c4c4c;
  border-radius: 1rem;
  -webkit-transform: translateY(0.1875rem);
  transform: translateY(0.1875rem);
}
.freq-head button .c-icon {
  margin-right: 0.4375rem;
}
.freq-status {
  margin-top: 2rem;
  padding: 2.5rem 2.5rem 4rem;
  background-color: #eaeaea;
  border-radius: 1rem;
}
.freq-progress-wrap p {
  font-size: 1.125rem;
  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;
  margin-top: 1.25rem;
}
.freq-progress-bar {
  width: 50.625rem;
}
.freq-progress-bar .c-indicator {
  display: block;
  position: relative;
  height: 3.75rem;
  padding: 0.375rem;
  background: #fff;
  border-radius: 1rem;
  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: 3rem;
  max-width: 100%;
  background: linear-gradient(180deg, #a2c7ff, #5192f0);
  border-radius: 0.75rem;
}
.freq-progress-stamp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 49.875rem;
}
.freq-progress-stamp li {
  position: relative;
  flex: 1;
  height: 3rem;
  background: url(../../images/portal/frequency/ico_stamp_small_white.png) no-repeat 50% 50%;
}
.freq-progress-stamp li ~ li:before {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  width: 0.0625rem;
  height: 3rem;
  left: 0;
  border-left: 0.0625rem solid rgba(255, 255, 255, 0.5);
}
.freq-progress-status {
  font-size: 1.25rem;
  font-weight: 500;
  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;
	height: 36.875rem;
  margin-top: 3rem;
  padding: 2.75rem 1.875rem 2.875rem;
  border-radius: 1.5rem;
  background: url(../../images/portal/frequency/freq_status_bg.png) no-repeat 50% 50%;
  -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: -1.6875rem;
  left: 0;
  background: url(../../images/portal/frequency/freq_stamp_tag_01.png) 50% 50% no-repeat;
  width: 10.5rem;
  height: 11.25rem;
  background-size: cover;
}
.freq-stamp-title {
  text-align: center;
}
.freq-stamp-title p {
  margin-top: 0.8125rem;
  font-size: 1.25rem;
  font-weight: 500;
  color: #0d52b0;
  line-height: 1;
}
.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;
  margin-top: 1.625rem;
}
.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: 12.5rem;
  height: 12.5rem;
  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: 10rem;
  height: 10rem;
  background: url(../../images/portal/frequency/freq_stamp_bg.png) no-repeat 50% 50%;
  border-radius: 50%;
}
.freq-stamp__item-button.is-stamped {
  pointer-events: none;
}
.freq-stamp__item-button.is-stamped::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10rem;
  height: 10rem;
  background: url(../../images/portal/frequency/freq_stamped.png) 50% 50% no-repeat;
  background-size: cover;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  animation: stampBoom 0.5s ease-out forwards;
  pointer-events: none;
  z-index: 10;
}

@keyframes stampBoom {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  60% {
    transform: translate(-50%, -50%) scale(1.2);
    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: 3.5rem;
  height: 3.5rem;
  margin-top: 1.875rem;
}
.freq-stamp__item-icon.triple {
  width: 4.0625rem;
}
.freq-stamp__item-icon.triple .c-icon {
	-webkit-transform: translateY(0.25rem);
  transform: translateY(0.25rem);
}
.freq-stamp__item-title {
  margin-top: 0.375rem;
  width: 7.75rem;
  color: #707070;
  font-weight: 500;
}
.freq-stamp__item-get {
  position: absolute;
  bottom: -0.125rem;
  width: 6rem;
  height: 2rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 2.125rem;
  background-color: #0d52b0;
  color: #fff;
  border-radius: 1rem;
}
.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: 2.4375rem;
  font-size: 0;
}
.freq-complete {
  position: relative;
  display: inline-block;
  width: 28.75rem;
  height: 4rem;
  padding: 1.125rem 1.25rem;
  pointer-events: none;
  font-size: 1.125rem;
  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;
  height: 10rem;
  margin-top: 5.125rem;
  border-radius: 1rem;
  background: url(../../images/portal/frequency/freq_complet_bg.png) 50% 50% no-repeat;
}
.freq-banner-complete {
  height: 2.75rem;
  padding: 0 1.75rem;
  background-color: #fff;
  border-radius: 1.75rem;
}
.freq-banner-complete p {
  font-size: 1.375rem;
  text-align: center;
  line-height: 2.6875rem;
}
.freq-banner-complete b {
  color: #ff0000;
  font-size: 2rem;
  font-weight: 700;
}
.freq-banner-gift {
  margin-top: 1.125rem;
  color: #0d52b0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}
.freq-tip {
  margin-top: 5.125rem;
}
.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;
  background: url(../../images/portal/frequency/freq_tip.png) 50% 50% no-repeat;
  width: 2.125rem;
  height: 2.125rem;
}
.freq-tip__title p {
  font-size: 1.5rem;
  font-weight: 700;
  padding-left: 2.625rem;
}
.freq-tip__title .c-icon {
  width: 2rem;
  height: 2rem;
  -webkit-transform: translate(0.1875rem, -0.0625rem);
  transform: translate(0.1875rem, -0.0625rem);
}
.freq-tip__list {
  margin-top: 1.25rem;
  padding: 2.5rem 2.4375rem 2.375rem;
  background-color: #f7f7f7;
  border: 0.0625rem solid #eaeaea;
  border-radius: 1rem;
}
.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: 2.1875rem;
  margin-left: 1.25rem;
}
.freq-tip__list .c-bullet--dot-number > .c-text-list__item {
	margin-top: 0.9375rem;
	padding-left: 2.375rem;
	color: #4c4c4c;
  font-size: 1.125rem;
  font-weight: 500;
}
.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;
  left: 0;
  font-family: 'GmarketSans';
  font-size: 1.0625rem;
  font-weight: 500;
  top: -0.1875rem;
  width: 1.75rem;
  height: 1.75rem;
  background: #909090;
  border-radius: 50%;
  color: #fff;
  line-height: 2rem;
  text-align: center;
  display: inline-block;
}
.freq-notice span {
  margin-top: 0.5rem;
  color: #707070;
  font-weight: 400;
}
.freq-notice span b {
  color: #4c4c4c;
}
#freqTipModal .c-modal__content {
  width: 69.6875rem;
}
#freqTipModal .c-modal__content img {
  vertical-align: bottom;
}

.c-accordion.add-service {
  margin-top: 0.875rem;
}
.c-accordion.add-service .c-accordion__box {
  border: 0.0625rem solid #008080;
}
.c-accordion.add-service .c-accordion__head {
  padding: 2.0625rem 2.625rem;
  background-color: #f4fbfa;
  border-radius: 0.5rem;
}
.c-accordion.add-service .c-accordion__head.is-active {
  background-color: #fff;
}
.c-accordion.add-service .c-accordion__button {
  top: 1.1875rem;
  left: auto;
  right: 2rem;
  width: 7.125rem;
  height: 1.75rem;
  padding: 0.1875rem;
  background-color: #b7ece6;
  border-radius: 0.875rem;
  font-size: 0.875rem;
}
.c-accordion.add-service .c-accordion__button:after {
  content: none;
}
.c-accordion.add-service .c-accordion__button .c-icon {
	transition: all 0.5s;
  -webkit-transform: translate(0.0625rem, -0.0625rem);
  transform: translate(0.0625rem, -0.0625rem);
}
.c-accordion.add-service .c-accordion__button.is-active .c-icon {
 -webkit-transform: translate(0.0625rem, -0.0625rem) rotate(-180deg);
  transform: translate(0.0625rem, -0.0625rem) rotate(-180deg);
}
.c-accordion.add-service .c-accordion__button span {
  margin-left: 0.625rem;
}
.c-accordion.add-service .c-accordion__check .c-label {
	display: block;
  margin-left: 0.625rem;
  font-size: 1rem;
  color: #4c4c4c;
}
.c-accordion.add-service .c-accordion__check .c-label * {
  pointer-events: none;
}
.c-accordion.add-service .c-label .text-label {
	display: inline-block;
  width: 2.25rem;
  height: 1.25rem;
  margin-left: 0.125rem;
  padding: 0;
  color: #ed0000;
  border: 0.0625rem solid #ed0000;
  background: #fff;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 400;
  border-radius: 0.1875rem;
  line-height: 1.125rem;
}
.c-accordion.add-service .c-label b {
  margin: 0 0.375rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: #1d1d1b;
}
.c-accordion.add-service .c-accordion__panel {
  border-radius: 0 0 0.5rem 0.5rem;
}
.c-accordion.add-service .c-accordion__inside {
  padding: 1.6875rem 3rem 1.5rem 3.875rem;
  background-color: #f4fbfa;
  border-radius: 0 0 0.5rem 0.5rem;
  border-top: none;
}
.add-service-detail {

}
.add-service-detail > li {
  margin-top: 1rem;
}
.add-service-detail > li:first-child {
  margin-top: 0;
}
.add-service-detail .add-service-detail__title {
  position: relative;
  padding-left: 0.5625rem;
  font-size: 1rem;
  font-weight: 500;
}
.add-service-detail .add-service-detail__title::before {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  top: 0.4375rem;
  left: 0;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #000;
}
.add-service-detail__bullet {
	margin-top: 0.5rem;
  padding-left: 0.625rem;
  font-size: 0.9375rem;
  font-weight: 400;
}
.add-service-detail__bullet li {
  position: relative;
  padding-left: 0.4375rem;
  color: #707070;
  margin-top: 0.5rem;
}
.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 {
  padding: 0;
}
.c-accordion.add-service .c-extraservice--box::before {
  content: none;
}
.c-accordion.add-service .c-extraservice--box > ul:last-child {
  margin-bottom: 0;
}
.c-accordion.add-service .c-extraservice--box > ul > li {
  position: relative;
  padding-left: 0.5625rem;
  font-size: 1rem;
  font-weight: 500;
}
.c-accordion.add-service .c-extraservice--box > ul > li:first-child {
  margin-top: 0;
}
.c-accordion.add-service .c-extraservice--box > ul > li::before {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  top: 0.4375rem;
  left: 0;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #000;
}
.c-accordion.add-service .c-extraservice--box > ul > li ul li {
  position: relative;
  padding-left: 0.4375rem;
  color: #707070;
  margin-top: 0.5rem;
  font-size: 0.9375rem;
  font-weight: 400;
}
.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 {
  font-size: 0.9375rem;
  font-weight: 400;
  color: #707070;
  margin-top: 0.5rem;
}
.c-accordion.add-service .cols-wrap.catchcall {
  width: 100%;
}
.add-service-wrap {
  padding: 1.375rem 2rem 1.25rem;
}
.c-charge.add-service {
  background-color: #f9f9f9;
  margin-left: -2rem;
  margin-right: -2rem;
  padding: 1.125rem 2rem 1.0625rem;
}
.c-charge.add-service {

}
.c-charge.add-service #divAdditionListEmpty {
  margin-right: 0;
  text-align: center;
}
.c-charge.add-service #divAdditionListEmpty p {
	padding: 1rem;
  font-size: 1rem;
  font-weight: 500;
  color: #4c4c4c;
}
.c-charge.add-service .c-charge__panel:nth-child(odd) {
  margin-right: 2.3125rem;
}
.c-charge.add-service .c-charge__item {

}
.c-charge.add-service .c-charge__item ~ .c-charge__item {
  margin-top: 0.625rem;
}
.c-charge.add-service .c-charge__item dt {
  width: calc(100% - 2rem);
}
.c-charge.add-service .c-charge__item dd button {
  -webkit-transform: translate(0.125rem, -0.125rem);
  transform: translate(0.125rem, -0.125rem);
}
.add-service-result {
  border-radius: 0.5rem;
  padding: 0.9375rem 2rem 0.8125rem;
}

.ly-bread-wrap {
    position: absolute;
    top: 8.125rem;
    width: 100%;
    z-index: 1;
}
.ly-wrap.main .ly-bread-wrap {
    display: none;
}
.ly-wrap.use-bs .ly-bread-wrap {
    display: none;
}
.ly-bread-list {
    display: flex;
    justify-content: flex-end;
    gap: 0 1.75rem;
    width: 68.75rem;
    margin: 0 auto;
}
.ly-bread-list li {
    position: relative;
    font-size: 0.875rem;
    color: #707070;
}
.ly-bread-list li::before {
    content: "";
    position: absolute;
    top: -0.0625rem;
    right: -1.5rem;
    width: 1.25rem;
    height: 1.25rem;
    background: url(../../images/mobile/common/ico_arrow_gray3.svg) 50% 50% no-repeat !important;
}
.ly-bread-list li:last-child {
    color: #1d1d1b;
    font-weight: 700;
}
.ly-bread-list li:last-child::before {
    content: none;
}

.data-sharing-banner {
    width: 100%;
    min-height: 15rem;
    background: #d8f4ff;
    color: #fff;
    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;
}
.data-sharing-banner__wrap {
    position: relative;
  width: 68.75rem;
  height: 15rem;
  padding: 2.5rem 0;
}
.data-sharing-banner__wrap h3 {
    font-size: 2.25rem;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.0675rem;
}
.data-sharing-banner__wrap h3 span {
  color: #007ec6;
  font-weight: 500;
}
.data-sharing-banner__wrap p {
    display: inline-block;
    font-size: 1rem;
    margin-top: 1.5rem;
    font-weight: 400;
}
.data-sharing-banner__wrap button {
	width: 8.5rem;
	font-size: 1rem;
	height: 2.5rem;
	line-height: 2.5rem;
	margin-left: 0.125rem;
	padding: 0 1rem 0 0.8125rem;
	border-radius: 1.25rem;
	background-color: transparent;
	border: 0.0625rem solid #333;
	color: #333;
}
.data-sharing-banner__wrap .c-button-wrap.c-button-wrap--left .c-button:focus {
  outline: 0.125rem dotted #006bdd !important;
}
.data-sharing-banner__wrap button .c-icon {
  margin-left: 0.5rem;
  top: -0.125rem;
  right: -0.1875rem;
}
.data-sharing-banner__wrap img {
  position: absolute;
  bottom: 0;
  right: 6.875rem;
  height: 100%;
}
.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: 6rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.06rem;
}
.data-sharing-title__button {
    transform: translateY(-0.3125rem);
}
.data-sharing-title__button button {
    width: 14.125rem;
    height: 2rem;
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    color: #1d1d1b;
    font-size: 0.8125rem;
    border-radius: 0.25rem;
    line-height: 2rem;
    padding: 0 0.75rem;
    text-align: left;
    letter-spacing: -0.027rem;
}
.data-sharing-title__button .c-icon {
	margin-right: 0.4375rem;
	transform: translateY(-0.0625rem);
}
.data-sharing__text {
    margin-top: 1.125rem;
    margin-left: 0.125rem;
    font-size: 1.125rem;
    line-height: 1.5;
}
.data-sharing__info {
    margin-top: 2.625rem;
    text-align: center;
}
.data-sharing__info img {
	vertical-align: bottom;
}
.data-sharing__info p {
    margin-top: 1.3125rem;
    color: #4c4c4c;
    line-height: 1.5;
}
.data-sharing__text-box {
	position: relative;
    display: block;
    margin-top: 3rem;
    padding: 1.625rem 2rem 1.4375rem 2rem;
    background: #f9f9f9;
}
.data-sharing__text-box p {
    font-size: 1.0625rem;
    font-weight: 700;
}
.data-sharing__text-box p .c-icon {
	margin-right: 0.5rem;
    transform: translateY(-0.125rem);
}
.data-sharing__text-box .c-bullet--dot {
    margin-top: 0.8125rem;
    color: #4c4c4c;
}
.data-sharing__text-box .c-bullet--dot.c-text-list > .c-text-list__item {
	font-size: 1rem;
}
.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;
}
.swiper-data-sharing {
    margin-top: 6rem;
    background-color: #e1eff6;
}
.data-sharing-notice {
    margin-top: 6rem;
}
.data-sharing-notice h5 {
    font-size: 1.25rem;
    font-weight: 500;
}
.data-sharing-notice .c-accordion--type3 .c-accordion__head {
    padding: 1.375rem 4.5rem 1.5rem 2rem;
}
.data-sharing-notice .c-accordion__button:after {
    top: 1.9375rem;
    right: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    background-size: cover;
}















.event-list {
  width: 68.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  gap: 3.75rem 1.375rem; }

  .event-list__anchor {
    display: block; }
  .event-list__item {
    position: relative;
    width: 22rem; }
  .event-list__item--full {
    position: relative;
    width: 100%;
    margin: 3.25rem auto;
    text-align: center; }

  .event-list__image img {
      display: block;
      height: 11.625rem;
      width: 22rem; }
  .event-list__title {
    position: relative;
    display: block;
    margin-top: 1.25rem;
    font-size: 1.0625rem;
    font-weight: 500;
    color: #1d1d1b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3rem; }
  .event-list__title__sub {
    margin-right: 0.25rem;
    vertical-align: super; }
  .event-list__sub {
    display: block;
    margin-top: 0.125rem;
    font-size: 0; }
    .event-list__sub__item {
      display: inline-block;
      font-size: 0.875rem;
      color: #707070; }
      .event-list__sub__item ~ .event-list__sub__item {
        margin-left: 1rem; }
    .event-list__sub__title {
      position: relative;
      padding-right: 0.5625rem; }
      .event-list__sub__title::before {
        content: '';
        position: absolute;
        top: 50%;
        right: 0.25rem;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 0.0625rem;
        height: 0.375rem;
        background: #707070; }
  .event-list .c-button {
    position: absolute;
    top: 12.25rem;
    right: 2rem; }
  .event-list + .c-paging {
    margin-top: 4.75rem; }

.event-filter {
	position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 68.75rem;
    margin: 0 auto; }
.event-filter .c-filter__inner {
    margin-left: -0.125rem;
    padding-top: 2.25rem;
    padding-bottom: 3rem; }
.event-filter + .c-tabs__panel {
    margin-top: 0; }

.card-detail {
  margin-bottom: 4rem; }
  .card-detail__head {
    position: relative;
    background: #f9f9f9;
    padding: 1.5rem 4rem 1.5rem 1.25rem;
    text-align: center;
    margin-bottom: 5.625rem; }
    .card-detail__head .c-button {
      position: absolute;
      right: 0;
      top: 0;
      height: 100%; }
  .card-detail__title {
    font-size: 1.5rem;
    font-weight: 700; }
  .card-detail__text {
    font-size: 2.25rem;
    font-weight: 500; }
  .card-detail__sub {
    margin-top: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    color: #008080; }
  .card-detail__body {
    width: 58.75rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .card-detail__body > .card-detail__image {
      width: 23.75rem;
      -ms-flex-item-align: center;
          align-self: center;
      text-align: left; }
  .card-detail__content {
    width: 50%;
    padding-left: 0.625rem; }
  .card-detail__list {
    margin: 3.375rem 0 3.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .card-detail__list::after {
      content: '';
      display: block;
      clear: both; }
  .card-detail__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-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: left;
    position: relative;
    width: 8.75rem;
    padding-top: 4.25rem;
    font-size: 1rem;
    font-weight: 500;
    color: #707070; }
    .card-detail__item ~ .card-detail__item {
      margin-left: 1.25rem; }
    .card-detail__item .card-detail__image {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 3.25rem;
      height: 3.25rem; }
      .card-detail__item .card-detail__image img {
        width: 100%; }
    .card-detail__item b {
      font-size: 1.125rem;
      font-weight: 700;
      color: #1d1d1b; }
  .card-detail .c-button-wrap + .c-button-wrap {
    margin-top: 2.5rem; }

.card-company-event {
  width: 61.875rem;
  height: auto; }

.c-tabs__panel .card-detail {
  margin-top: -2.5rem; }

.card-guide {
  padding: 1.875rem 1.0625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 2.5rem;
  border-radius: 1rem;
  background-color: #edfcfb; }
  .card-guide__item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center;
    color: #707070;
    font-size: 0.9375rem; }
  .card-guide__label {
    display: block;
    width: 3.75rem;
    height: 1.875rem;
    line-height: 1.6875rem;
    border-radius: 1.09375rem;
    border: solid 0.125rem #008080;
    margin: 1.5rem auto 1rem;
    font-size: 0.6875rem;
    font-weight: 700;
    text-align: center;
    color: #008080; }
  .card-guide__sub {
    display: block;
    margin-top: 0.75rem;
    font-size: 0.875rem; }
    .card-guide__sub .c-button {
      display: inline-block;
      font-size: inherit;
      vertical-align: bottom;
      color: #008080; }
      .card-guide__sub .c-button::before {
        border-color: #008080; }
  .card-guide .c-icon {
    display: block;
    margin: 0 auto; }

.point {
  margin-bottom: 6.25rem;
  padding: 0 1.875rem;
  background: url(/resources/images/portal/content/img_point.png) bottom right no-repeat; }
  .point__title {
    font-size: 1.25rem;
    font-weight: 500; }
  .point__sub {
    display: block;
    font-size: 1.125rem;
    font-weight: 400;
    margin-top: 0.375rem; }
  .point__text {
    margin-top: 2.625rem;
    font-size: 1rem; }
    .point__text b {
      display: block;
      font-size: 3rem;
      font-weight: 700; }
  .point .c-button-wrap {
    margin-top: 2.25rem; }

.point-box {
  margin: 1.5rem 0 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem 2.5rem;
  border-radius: 0.5rem;
  background-color: #f2faf9; }
  .point-box__title {
    font-size: 0.875rem; }
    .point-box__title .c-icon {
      margin-right: 0.5rem; }
  .point-box__text {
    font-size: 1.5rem;
    font-weight: 700; }

.c-checktype-coupon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .c-checktype-coupon .c-form {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: calc(50% - 0.625rem);
    margin-top: 1.25rem; }
  .c-checktype-coupon .c-radio:checked + .c-label .c-card--coupon::before, .c-checktype-coupon .c-radio:checked + .c-label .c-card--coupon::after {
    border-color: #1d1d1b; }
  .c-checktype-coupon .c-label {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0; }
    .c-checktype-coupon .c-label::before {
      position: absolute;
      top: 1.25rem;
      left: auto;
      right: 1.25rem;
      -webkit-transform: none;
              transform: none;
      z-index: 1051; }
    .c-checktype-coupon .c-label .c-card--coupon {
      min-height: 7.375rem;
      height: 100%;
      padding-right: 3.375rem; }
      .c-checktype-coupon .c-label .c-card--coupon .c-card__title {
        font-size: 1rem; }
  .c-checktype-coupon .c-nodata {
    margin: 0 auto; }

.sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0.25rem;
  margin-left: -1.25rem; }
  .sns__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 18.75rem;
    min-height: 8rem;
    margin-top: 1.25rem;
    margin-left: 1.25rem;
    padding: 2.5rem;
    border-radius: 2.5rem;
    border: solid 1px #eaeaea; }
  .sns .c-checkbox--switch + .c-label {
    width: 100%;
    padding-left: 4.25rem; }
    .sns .c-checkbox--switch + .c-label .c-icon {
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 3rem;
      height: 3rem;
      margin-right: 1.25rem; }
  .sns .c-button--switch {
    width: 100%; }

.detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 7.5rem;
  text-align: center;
  padding: 1.5rem 0;
  border-top: 0.0625rem solid #eaeaea; }
  .detail__title,
  .detail .product-info {
    text-align: left;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 1.0625rem; }
  .detail .product-info__item + .product-info__item {
    margin-top: 0.5rem; }
  .detail .detail__image {
    background: #f6f4f7;
    margin-right: 1.25rem; }
  .detail__title {
    margin: 0.375rem 0;
    position: relative;
    font-size: 1.0625rem; }
    .detail__title b {
      display: block;
      font-weight: 500; }
      .detail__title b + b {
        margin-top: 0.5rem; }
  .detail__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: 6.25rem;
    height: 6.25rem;
    padding: 1.125rem; }
    .detail__image img {
      max-width: 4rem;
      max-height: 4rem; }
  .detail__item {
    font-size: 0.9375rem; }
    .detail__item b {
      font-weight: 500; }
  .detail__sub {
    display: block;
    margin: 0.5rem 0;
    color: #707070; }
  .detail__sub-title {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    color: #707070; }
  .detail .c-button-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 0 1.25rem; }
    .detail .c-button-wrap .c-button {
      margin: 0; }
      .detail .c-button-wrap .c-button ~ .c-button {
        margin-top: 0.5rem; }

.c-list__body .detail {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin: 0 -1.25rem; }
  .c-list__body .detail .detail__item {
    width: 11.25rem; }
  .c-list__body .detail .c-button-wrap {
    margin-left: 4rem; }

.price-detail .c-box--type1 {
  padding: 1.625rem 2rem 2rem; }

.price-detail .c-text-label {
  line-height: 1.875rem;
  height: 1.875rem;
  border-radius: 1.09375rem;
  font-weight: 700; }

.price-detail .c-addition .c-hidden + dd {
  width: 100%; }

.phone-list--type2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 20px);
  margin: -1.25rem 0 0 -0.625rem; }
  .phone-list--type2 .phone-list__item {
    background-color: #f9f9f9;
    text-align: center;
    width: 18.75rem;
    margin: 0;
    margin: 1.25rem 0.625rem 0 0.625rem; }
  .phone-list--type2 .phone-list__anchor {
    padding: 2rem 1.25rem;
    height: 100%; }
  .phone-list--type2 .phone-list__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: 12.5rem;
    height: 12.5rem;
    display: block;
    margin: 0 auto 1rem;
    padding: 0; }
    .phone-list--type2 .phone-list__image img {
      max-width: 12.5rem;
      max-height: 100%; }
  .phone-list--type2 .phone-list__title {
    font-size: 1.0625rem;
    color: #1d1d1b;
    font-weight: 500; }

.price__item {
  font-size: 1.0625rem;
  color: #1d1d1b; }
  .price__item.u-td-line-through {
    color: #707070; }
  .price__item b {
    font-size: 1.25rem;
    margin-right: 0.125rem; }
  .price__item ~ .price__item {
    margin-left: 0.5rem; }

.search-list {
  position: relative;
  margin-top: 1rem;
  padding-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 13rem;
  margin-right: -6.625rem; }
  .search-list::before {
    content: '';
    border-top: 0.0625rem solid #ccc;
    position: absolute;
    top: 0;
    left: 0;
    right: 6.625rem; }
  .search-list__item {
    position: relative;
    padding: 0 2rem 0 3rem;
    line-height: 1.75rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #707070;
    margin-top: 0.75rem;
    margin-right: 6.625rem; }
    .search-list__item::before {
      content: '';
      position: absolute;
      left: 3rem;
      right: 0;
      bottom: -0.0625rem;
      background: url(/resources/images/portal/common/line_dashed_gray.svg) repeat;
      height: 0.0625rem; }
    .search-list__item img {
      position: absolute;
      top: 0;
      left: 0; }
  .search-list__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .search-list__anchor {
    display: block; }
  .search-list .c-icon {
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

.search-auto {
  border-bottom: 1px solid #ddd; }
  .search-auto.no-data {
    border-bottom: none; }
  .search-auto__item {
    display: block;
    position: relative;
    padding-left: 2.75rem;
    font-size: 1rem;
    font-weight: 500;
    color: #707070; }
    .search-auto__item:first-child {
      margin-top: 1.25rem; }
    .search-auto__item:last-child {
      margin-bottom: 1.25rem; }
    .search-auto__item::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0.25rem;
      width: 1.5rem;
      height: 1.5rem;
      background: url(../../images/portal/common/ico_search_gray.svg) 50% 50% no-repeat; }
    .search-auto__item ~ .search-auto__item {
      margin-top: 0.875rem; }

.ly-event {
  position: relative;
  display: none; }
  .ly-event.is-active {
    display: block; }
  .ly-event .top-event .swiper-container {
    height: 3.75rem; }
  .ly-event .top-event.is-hide .swiper-container {
    height: 0;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out; }
  .ly-event .c-button {
    position: absolute;
    top: 0;
    left: calc(50% + 35.625rem);
    width: 3.75rem;
    height: 100%; }
    .ly-event .c-button .c-icon {
      margin: -0.375rem 0 0 0 !important; }

.top-event {
  position: relative;
  min-width: 78.75rem; }
  .top-event .swiper-container,
  .top-event .swiper-wrapper {
    z-index: 0; }
  .top-event__anchor {
    display: block;
    width: 78.75rem;
    height: 3.75rem;
    cursor: pointer;
    margin: 0 auto; }
  .top-event__image img {
    display: block;
    height: 100%;
    margin: 0 auto; }
  .top-event__control {
    position: absolute;
    top: 50%;
    left: calc(50% + 15.9375rem);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .top-event__button {
    width: 1.625rem;
    height: 1.625rem;
    background: url(../../images/portal/common/ico_prev_transparent.svg) 50% 50% no-repeat; }
    .top-event__button--next {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
      margin-left: 0.625rem; }
    .top-event__button.swiper-button-disabled {
      opacity: 0.2; }

.loading .swiper-wrapper {
  height: 28.3125rem;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2.1875rem 2.1875rem 0 0; }
  .loading .swiper-wrapper .modal-event__image img {
    opacity: 0; }
  .loading .swiper-wrapper:after {
    content: 'LOADING...';
    color: rgba(255, 255, 255, 0.35);
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 12px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }

.ly-loading {
  display: flex;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  background: rgb(255, 255, 255);
  text-align: center;
  position: absolute;
  align-items: center;
  justify-content: center;
  z-index: 15; }

.ly-loading img {
  margin-top: -9.375rem; }

.modal-event {
  width: 38.75rem;
  background: transparent;
  overflow: visible; }
  .modal-event .swiper-container {
    position: relative;
    overflow: hidden; }
  #modalMain.is-active .modal-event .swiper-container {
    overflow: visible; }
  .modal-event .swiper-container .swiper-wrapper {
      margin-bottom: 5.875rem; }
  .modal-event__anchor {
    display: block; }
  .modal-event__image {
    border-radius: 2.375rem 2.375rem 0 0;
    overflow: hidden; }
    .modal-event__image img {
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
      opacity: 1;
      width: 100%; }
  .modal-event__control {
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 1051; }
  .modal-event__pagination {
    display: inline-block;
    padding: 0 1.125rem;
    height: 1.875rem;
    line-height: 1.875rem;
    border-radius: 0.9375rem;
    background-color: rgba(29, 29, 27, 0.4);
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 500; }
    .modal-event__pagination .swiper-pagination-current {
      opacity: 1;
      margin-right: 0.25rem;
      font-weight: 700; }
    .modal-event__pagination .swiper-pagination-total {
      opacity: 1;
      margin-left: 0.25rem;
      font-weight: 400; }
  .modal-event__button {
    display: inline-block;
    margin-right: 0.5rem;
    vertical-align: top; }
    .modal-event__button.is-disabled {
      display: none; }
    .modal-event__button--prev {
      position: absolute;
      top: 50%;
      left: -4.125rem;
      z-index: 1050;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      margin: 0; }
    .modal-event__button--next {
      position: absolute;
      top: 50%;
      right: -4.125rem;
      z-index: 1050;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      margin: 0; }
  .modal-event .swiper-button-disabled {
    opacity: 0.5; }
  .modal-event .c-modal__body {
    padding: 0;
    overflow: visible; }
    .modal-event .c-modal__body::after {
      content: none; }
  .modal-event .c-modal__footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    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;
    height: 5.875rem;
    padding: 2.1875rem;
    background: #fff;
    z-index: 1051;
    border-bottom-left-radius: 2.3875rem;
    border-bottom-right-radius: 2.3875rem;}
    #modalMain .modal-event .c-modal__footer {
    z-index: 0; }
    .modal-event .c-modal__footer::before {
      content: none; }
    .modal-event .c-modal__footer .c-button {
      padding: 0 1.8125rem;
      height: 100%; }
      .modal-event .c-modal__footer .c-button:first-child {
        font-size: 1rem;
        font-weight: 500;
        color: #4c4c4c; }
      .modal-event .c-modal__footer .c-button:last-child {
        font-size: 1.0625rem;
        font-weight: 700; }

.cvs-wrap__7-11, .cvs-wrap__ministop, .cvs-wrap__cspace, .cvs-wrap__storyway {
  width: 1038px;
  margin: 0 auto; }

.cvs-wrap img {
  width: 100%;
  border: none;
  vertical-align: top; }

.cvs-wrap table {
  width: 100%; }

.cvs_notice {
  background-color: #323232;
  color: #f7f7f7;
  padding: 80px 60px;
  line-height: 32px; }
  .cvs_notice .list-c-y {
    color: #fff369; }
  .cvs_notice .list-s-square {
    list-style-type: square; }
  .cvs_notice .list-s-none {
    list-style: none; }

.c-extraservice--box {
  position: relative;
  padding: 1.5rem 2rem; }
  .c-extraservice--box::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #f9f9f9; }
  .c-extraservice--box img {
    display: block;
    margin: 32px auto;
    width: 480px; }
  .c-extraservice--box strong,
  .c-extraservice--box strike {
    color: #008080; }
  .c-extraservice--box ol {
    color: #707070;
    font-size: 0.875rem; }
    .c-extraservice--box ol li {
      margin-top: 1rem; }
  .c-extraservice--box > ul {
    list-style: none;
    font-size: 0.875rem; }
    .c-extraservice--box > ul > li {
      color: #1d1d1b;
      margin-top: 1rem;
      padding-left: 0.625rem;
      position: relative;
      font-size: 0.9375rem; }
      .c-extraservice--box > 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-color: #1d1d1b; }
      .c-extraservice--box > ul > li p {
        color: #707070;
        margin-top: 0.5rem;
        padding-left: 00.625rem;
        font-size: 0.875rem;
        position: relative; }
        .c-extraservice--box > ul > li p::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 p + ul {
          margin-top: 0; }
      .c-extraservice--box > ul > li ol li {
        margin-top: 0.5rem;
        padding-left: 0.625rem; }
      .c-extraservice--box > ul > li ul {
        list-style: none;
        /* margin-top: 1rem; */ }
        .c-extraservice--box > ul > li ul li {
          color: #707070;
          margin-top: 0.5rem;
          font-size: 0.875rem;
          padding-left: 0.625rem;
          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:last-child {
      margin-bottom: 1rem; }
  .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; }
    @media (min-width: 1024px) {
      .extraservice__table table {
        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 {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  margin: 1.5rem 0 0.75rem;
  color: #1d1d1b; }
  .inquiry-box-wrap .c-heading--type4:first-child {
    margin-top: 0; }

.inquiry-box-wrap .c-bullet--hyphen {
  margin-bottom: 0 !important; }

.inquiry-box-wrap p {
  font-size: 0.875rem;
  margin-top: 0.5rem; }
  .inquiry-box-wrap p + .add-depth {
    padding-left: 0.5rem; }

.combine-agree__content h2 {
  margin-bottom: 2.5rem;
  font-size: 1.25rem;
  font-weight: 500; }

.combine-agree__content p {
  font-size: 0.875rem;
  margin-left: 0 !important;
  margin-top: 0.5rem; }

.combine-agree__content .c-table th,
.combine-agree__content .c-table td {
  font-size: 0.875rem; }

.combine-self-banner {
    width: 100%;
    min-height: 15rem;
    color: #fff;
    background: #000;
    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; }

.combine-self-banner__wrap {
	position: relative;
    width: 68.75rem;
    height: 15rem;
    padding: 2.5rem 0; }

.combine-self-banner__wrap h3 {
    font-size: 2.25rem;
    font-weight: 500;
    letter-spacing: -0.06875rem; }

.combine-self-banner__wrap p {
    display: inline-block;
    font-size: 1.125rem;
    margin-top: 0.75rem;
    margin-left: 0.125rem;
    font-weight: 500; }

.combine-self-banner__wrap img {
    position: absolute;
    bottom: 0;
    right: 5rem;
    height: 100%; }

.combine-self-banner__wrap .combine-self-banner__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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2.375rem;
    font-size: 0; }

.combine-self-banner__wrap a, .combine-self-banner__wrap button {
    position: relative;
    color: #fff;
    border: 0.0625rem solid #fff;
    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;
    height: 2.5rem;
    line-height: 2.375rem;
    padding: 0 1.25rem;
    font-size: 1rem;
    border-radius: 1.25rem;
    background-color: transparent;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-weight: 500; }

.combine-self-banner__wrap a ~ a {
    margin-left: 1rem; }

.combine-self-banner__wrap a span {
    padding-right: 2.1875rem; }

.combine-self-banner__wrap i {
    position: absolute;
    right: 1.25rem;
    width: 1.25rem;
    height: 1.25rem; }

.combine-head {
    text-align: center;
    font-size: 1rem; }

.combine-head img {
    vertical-align: bottom; }

.combine-head__title {
    margin-top: 5.4375rem;
    font-size: 3rem;
    font-weight: 700; }

.combine-head__text {
	margin-top: 1.125rem;
    font-size: 1.25rem; }

.combine-self-service__wrap {
	margin: 6rem 0; }

.combine-self-service__list {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.combine-self-service__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;
    position: relative;
    padding:  0.6875rem 1.5rem 1.625rem;
    border: 0.0625rem solid #eaeaea;
    border-radius: 0.625rem; }

.combine-self-service__item ~ .combine-self-service__item {
    margin-left: 1.25rem; }

.combine-self-service__item:nth-child(2) {
    background-color: #f5f5f5;
    border: 0.0625rem solid #f5f5f5; }

.combine-self-service__item p {
    text-align: center;
    font-size: 1.25rem;
    font-weight: 500;
    color: #000;
    margin-top: 0.5625rem; }

.combine-self-offer {
    width: 100%;
    padding: 5.8125rem 0 2.9375rem;
    background-color: #f9f9f9; }

.combine-self-offer__wrap {
	-webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
	width: 58.75rem;
   	margin: 0 auto;
    text-align: center; }

.combine-self-offer__wrap .combine-self-offer__title {
    margin-top: 1.3125rem;
	font-size: 2.5rem; }

.combine-self-offer__wrap .combine-self-offer__title span {
	color: #005aff; }

.combine-self-offer__wrap p {
	font-size: 1.25rem;
	color: #000; }

.combine-self-offer__wrap img {
	margin-top: 1.6875rem; }

.combine-head-anyone {
	margin-top: 3.625rem;
	margin-bottom: 7rem; }

.combine-head-anyone .c-text-list > .c-text-list__item {
    padding-left: 1rem;
    font-size: 1rem; }

.combine-head-anyone .c-text-list > .c-text-list__item::before {
    top: -0.0625rem;
    font-size: 1rem; }

.combine-head .anyone-plan {background: #f8f8f8; }
.combine-head .anyone-plan-wrap {width: 58.75rem; 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: 1.125rem !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: 1.5rem; 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-plan-wrap {width: 100%;}
.c-modal .combine-head-anyone {margin-top: 0; margin-bottom: 0;}

.combine-self #divStep1 {
    margin-top: 6rem; }

.combine-self #divResult #divReg .c-agree {
    padding: 0.5625rem 0 0.5625rem 1.0625rem; }

.combine-self #divResult #divReg .c-agree .c-label {
    padding-left: 2.3125rem; }

.combine-self #divResult #divReg .c-agree .c-agree__item {
	padding: 0.5rem 0; }

#divCertifySms .c-modal__content {
    width: 31.875rem; }

#divCertifySms .c-modal__header {
    padding: 3rem 3rem 0;
    font-size: 1.25rem; }

#divCertifySms .c-modal__body {
	padding: 0.5rem 3rem 0; }

#divCertifySms .c-modal__body .c-form-wrap {
    margin-top: 0 !important; }

#divCertifySms .c-modal__body .c-form-group .c-group--head {
	display: none; }

#divCertifySms .c-modal__body .c-form-group .c-form-row.c-col2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
#divCertifySms .c-modal__body .c-form-group .c-form-row.c-col2 .c-form {
    margin: 0; }

.combine-self-success {
    position: relative;
	margin-top: 1.25rem;
    padding: 1.5rem 1.5rem 1.3125rem;
    background-color: #e6f1fc;
    border: 0.0625rem solid #a7cdf6;
    border-radius: 0.625rem;
    font-size: 1.375rem;
    text-align: center; }

.combine-self-success p {
    margin-left: -3.75rem; }

.combine-self-success b {
	color: #0069d9; }

.combine-self-success img {
    position: absolute;
    right: 9.8125rem;
    bottom: -0.125rem; }

.combine-self-success__subtxt {
    font-size: 1rem;
    margin-top: 0.5rem; }

.combine-self-fail {
    position: relative;
	margin-top: 1.25rem;
    padding: 1.5rem 1.5rem 1.3125rem;
    background-color: #fff3f3;
    border: 0.0625rem solid #f5b0b0;
    border-radius: 0.625rem;
    font-size: 1.375rem;
    text-align: center; }

.combine-self-fail p {
    margin-left: -3.75rem; }

.combine-self-fail b {
	color: #d61c20; }

.combine-self-fail img {
    position: absolute;
    right: 9.8125rem;
    bottom: -0.125rem; }

.combine-self-fail__subtxt {
    font-size: 1rem;
    margin-top: 0.5rem; }

.combine-self-default {
  position: relative;
  margin-top: 1.25rem;
  padding: 1.5rem 1.5rem 1.3125rem;
  background-color: #f9f9f9;
  border: 0.0625rem solid #ddd;
  border-radius: 0.625rem;
  font-size: 1.375rem;
  text-align: center; }

.combine-self-default p {
  margin-left: -3.75rem; }

.combine-self-default b {
  color: #0069d9; }

.combine-self-default img {
  position: absolute;
  right: 9.8125rem;
  bottom: -0.125rem; }

.combine-self-default__subtxt {
  font-size: 1rem;
  margin-top: 0.5rem; }

.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;
  width: 27.25rem !important;
  height: 21.6875rem;
  margin: 2.5rem auto 4rem; }
  .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; }
    @media (min-width: 1024px) {
      .c-product--box .info_list_table table {
        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.5rem;
    width: 6rem;
    height: rem-clac(96); }
    .giftyshow-list li img {
      width: 6rem;
      height: rem-clac(96); }

.main-panel {
  -webkit-transition: opacity 1s;
  transition: opacity 1s; }

.c-main-row {
  width: 78.75rem;
  margin: 0 auto;
  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; }

.main-to-event .swap-button {
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  width: 166px;
  height: 72px;
  background: url(../../images/portal/common/icon_wrap_event.png) 50% 50% no-repeat; }
  .main-to-event .swap-button:hover, .main-to-event .swap-button:focus {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }

.event-to-main .swap-button {
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  width: 166px;
  height: 72px;
  background: url(../../images/portal/common/icon_wrap_home.png) 50% 50% no-repeat; }
  .event-to-main .swap-button:hover, .event-to-main .swap-button:focus {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }

.main-to-event,
.event-to-main {
  position: fixed;
  z-index: 10;
  left: 0;
  bottom: 0;
  left: 50%;
  margin-left: -83px; }
  .main-to-event.is-active,
  .event-to-main.is-active {
    top: 0; }
    .main-to-event.is-active .c-button--half-round,
    .event-to-main.is-active .c-button--half-round {
      -webkit-transform: translateY(55px);
              transform: translateY(55px); }
  .main-to-event .event-trag-cover,
  .event-to-main .event-trag-cover {
    width: 100%;
    height: 100%;
    background-color: #fff; }
  .main-to-event .c-button--half-round,
  .event-to-main .c-button--half-round {
    position: fixed;
    bottom: -0.625rem;
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
    left: 50%;
    margin-left: -75px;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: -webkit-transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1); }

.event-panel {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 4;
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s; }
  .event-panel.is-active {
    opacity: 1;
    margin-bottom: -6.25rem; }

.notice-box {
  width: 78.75rem;
  height: 3.75rem;
  background: #f9f9f9;
  border-radius: 0.5rem;
  margin-top: 2.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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 5rem; }
  .notice-box .left-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; }
    .notice-box .left-box a {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }
  .notice-box .right-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .notice-box .notice-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #1d1d1b;
    display: inline-block;
    margin-right: 1.25rem; }
  .notice-box .notice-headline {
    font-size: 0.9375rem;
    font-weight: 500;
    color: #222;
    margin-right: 0.625rem;
    width: 15.625rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .notice-box .notice-text {
    font-size: 0.875rem;
    color: #4c4c4c;
    width: 37.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .notice-box .notice-date {
    font-size: 0.75rem;
    font-size: 500;
    color: #707070;
    margin-right: 0.9375rem; }
  .notice-box .notice-more {
    font-size: 0.75rem;
    font-weight: 500;
    color: #5a5a5a;
    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; }
    .notice-box .notice-more .c-icon {
      margin-left: 0.75rem; }

.board-link {
  width: 78.75rem;
  margin-top: 4.625rem;
  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; }
  .board-link .link-item {
    border-right: 1px dashed #cfcfcf; }
    .board-link .link-item:last-child {
      border: 0; }
    .board-link .link-item a {
      width: 16.25rem;
      font-size: 0.9375rem;
      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; }
      .board-link .link-item a span {
        width: 10.25rem;
        margin-top: 1.0625rem;
        border: 1px solid #e0e0e0;
        padding: 0.5rem 1.25rem;
        border-radius: 1.25rem;
        color: #707070;
        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; }

.section-service-icon {
  margin-top: 4.4375rem; }
  .section-service-icon .service-icon-swiper {
    width: 72.625rem;
    padding-bottom: 6.25rem; }
  .section-service-icon .swiper-slide {
    margin: 0 1.5625rem;
    padding: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 7.1875rem; }
  .section-service-icon .service-icon {
    position: relative;
    display: inline-block;
    width: 7.1875rem;
    height: 7.1875rem;
    background: #f1f1f1;
    border-radius: 3.25rem; }
    .section-service-icon .service-icon > img {
      width: 127px;
      height: auto;
      max-width: none;
      margin-left: -6px;
      margin-top: -6px; }
    .section-service-icon .service-icon .c-balloon {
      position: absolute;
      left: 2.5rem;
      top: 0;
      padding: 0.0625rem 0.3125rem;
      font-size: 0.6875rem; }

.main-line-banner {
  width: 100%;
  height: 11.875rem; }
  .main-line-banner .line-banner .swiper-container {
    width: 100%;
    height: 11.875rem;
    background: #d9ef9f;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: visible; }

  .main-line-banner .line-banner .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 11.875rem;
    margin: 0 auto; }
    .main-line-banner .line-banner .swiper-wrapper .swiper-slide {
      width: 100%; }
      .main-line-banner .line-banner .swiper-wrapper .swiper-slide img {
        width: 78.75rem;
        height: 11.875rem;
        margin: 0 auto;
        display: block; }
	.main-line-banner .line-banner .swiper-wrapper .swiper-slide a:focus img{
		outline: 2px dotted #006bdd;	}

  .main-line-banner .line-banner-swiper-control {
    position: relative;
    width: 68.75rem;
    height: 3rem;
    top: -7.375rem;
    margin: 0 auto;
    z-index: 2; }
  .main-line-banner .line-swiper-button-next {
    position: absolute;
    top: calc(50% - 1.5rem);
    right: calc(50% - 550px);
    width: 3rem;
    height: 3rem;
    background: url("../../images/portal/common/btn_next_transparent.svg") 0 0 no-repeat;
    background-size: cover;
    z-index: 2; }
  .main-line-banner .line-swiper-button-prev {
    position: absolute;
    top: calc(50% - 1.5rem);
    left: calc(50% - 550px);
    width: 3rem;
    height: 3rem;
    background: url("../../images/portal/common/btn_prev_transparent.svg") 0 0 no-repeat;
    background-size: cover;
    z-index: 2; }
  .main-line-banner .swiper-button-disabled {
    opacity: 0.3;
    cursor: not-allowed; }

.main-customer-review {
  position: relative;
  background: #f2eee3;
  padding: 5.625rem 0; }
  .main-customer-review .title-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .main-customer-review .title-txt .title-sub {
      margin-left: 8px;
      margin-right: 8px; }
    .main-customer-review .title-txt img {
      width: 5.6875rem;
      height: 1.625rem; }
  .main-customer-review .review-list {
    width: 78.75rem;
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, 0.6);
    margin-top: 3rem;
    padding: 3.125rem 5rem 3.75rem 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .main-customer-review .review-list .review-item {
      position: relative;
      font-weight: 500;
      cursor: pointer;
      width: 18rem; }

	.main-customer-review .review-list .review-item::after {
	    content: "";
	    display: block;
	    position: absolute;
	    border-right: 0.0625rem dashed #cfcfcf;
	    height: 100%;
	    top: 0;
	    right: -3.625rem; }

  .main-customer-review .review-list a {
    display: block;
    height: 100%;
  }

	.main-customer-review .review-list .review-item:last-child::after {
	    border:none;}

      .main-customer-review .review-list .review-item__title {
        font-size: 0.9375rem;
        font-weight: bold;
        color: #1d1d1b; }
      .main-customer-review .review-list .review-item__content {
        font-size: 0.8125rem;
        color: #4c4c4c;
        margin-top: 0.875rem; }
        .main-customer-review .review-list .review-item__content.ellipsis {
          white-space: initial;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          height: 3.375rem;
          max-height: 3.375rem; }

      .main-customer-review .review-summary__question {
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    white-space: initial;
	    overflow: hidden;
	    text-overflow: ellipsis; }

      .main-customer-review .review-list .review-item .review-img {
        position: relative;
        overflow: hidden;
        width: 18rem;
        height: 11.5625rem;
        border-radius: 0.5rem; }
        .main-customer-review .review-list .review-item .review-img img {
          width: 18rem;
          height: auto;
          border-radius: 0.5rem;
          overflow: hidden; }
        .main-customer-review .review-list .review-item .review-img .img-count {
          position: absolute;
          top: 1rem;
          right: 1rem;
          width: 2rem;
          height: 0.9375rem;
          background: rgba(255, 255, 255, 0.2);
          color: #fff;
          border-radius: 9px;
          font-size: 0.75rem;
          text-align: center; }
      .main-customer-review .review-list .review-item__info {
        font-size: 0.75rem;
        margin-top: 1.125rem; }
        .main-customer-review .review-list .review-item__info .name {
          color: #4c4c4c; }
        .main-customer-review .review-list .review-item__info .date {
          color: #707070; }
  .main-customer-review .category-list {
    margin-top: 1rem;
    margin-bottom: 1.125rem; }
  .main-customer-review .category {
    font-size: 0.8125rem;
    color: #e02d00;
    padding: 0.3125rem 0.625rem;
    border-radius: 0.9375rem;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09); }
    .main-customer-review .category + .category {
      margin-left: 0.625rem; }

.section-title {
  width: 78.75rem;
  padding: 0 4.25rem 0 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }
  .section-title .left-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .section-title h3 {
    color: #1d1d1b;
    font-size: 1.25rem;
    font-weight: 700; }
  .section-title .title-sub {
    font-size: 1.125rem;
    font-weight: 500;
    color: rgba(29, 29, 27, 0.7); }
  .section-title .title-deco img {
    width: 2rem;
    height: 1.625rem;
    vertical-align: bottom; }

.link-all {
  padding: 0.75rem 1.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 1.25rem;
  background: #fff;
  color: #5a5a5a; }
  .link-all--gray {
    background-color: #f8f8f8; }
  .link-all .c-icon {
    margin-left: 0.75rem; }

/* 혜택 안내 */
.main-benefit-guide {
  padding: 5.625rem 0 5.9375rem; }
  .main-benefit-guide .section-title .title-txt {
    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; }
    .main-benefit-guide .section-title .title-txt img {
      width: 5.625rem;
      height: 1.375rem;
      margin-right: 0.75rem; }
  .main-benefit-guide .section-title .title-deco img {
    width: 3.3125rem;
    height: 1.5625rem;
    margin-left: 0.5rem; }
  .main-benefit-guide .section-title .link-all {
    padding: 0.75rem 1.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 1.25rem;
    background: #f8f8f8; }
  .main-benefit-guide .benefit-swiper-box {
    position: relative;
    width: 78.75rem;
    height: 15.625rem;
    background: #f5f5f5;
    border-radius: 1.5rem;
    padding: 2.5rem 5rem;
    margin-top: 1.75rem; }
    .main-benefit-guide .benefit-swiper-box .benefit-swiper {
      position: relative;
      width: 68.75rem;
      height: 10.625rem; }
      .main-benefit-guide .benefit-swiper-box .benefit-swiper .swiper-container {
        width: 59.125rem;
        overflow: hidden;
    	padding: 0.1875rem; }
      .main-benefit-guide .benefit-swiper-box .benefit-swiper .swiper-wrapper {
        position: relative;
        padding: 0; }
      .main-benefit-guide .benefit-swiper-box .benefit-swiper .swiper-slide {
        width: 28.75rem !important;
        height: 10.625rem;
        border-radius: 0.5rem; }
        .main-benefit-guide .benefit-swiper-box .benefit-swiper .swiper-slide a {
          display: inline-block; }
        .main-benefit-guide .benefit-swiper-box .benefit-swiper .swiper-slide img {
          width: 28.75rem;
          height: 10.625rem;
          border-radius: 0.5rem; }
        .main-benefit-guide .benefit-swiper-box .benefit-swiper .swiper-slide:last-child {
          margin-right: 1.25rem; }
      .main-benefit-guide .benefit-swiper-box .benefit-swiper .swiper-button-next {
        width: 3rem;
        height: 3rem;
        background: url("../../images/portal/common/btn_next_white.svg") 0 0 no-repeat;
        background-size: cover;
        position: absolute;
        top: calc(50% - 1.5rem);
        right: 0;
        z-index: 2; }
      .main-benefit-guide .benefit-swiper-box .benefit-swiper .swiper-button-prev {
        width: 3rem;
        height: 3rem;
        background: url("../../images/portal/common/btn_prev_white.svg") 0 0 no-repeat;
        background-size: cover;
        position: absolute;
        top: calc(50% - 1.5rem);
        left: 0;
        z-index: 2; }
      .main-benefit-guide .benefit-swiper-box .benefit-swiper .swiper-button-disabled {
        opacity: 0.3; }

/* 시선집중 (이달의 이벤트) */
.main-event-guide {
  padding: 4.6875rem 0 4.0625rem; }
  .main-event-guide .section-title .title-txt {
    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; }
    .main-event-guide .section-title .title-txt img {
      margin-right: 0.75rem; }
  .main-event-guide .section-title .title-deco img {
    width: 3rem;
    height: 1.5625rem;
    margin-left: 0.5rem; }
  .main-event-guide .section-title .link-all {
    padding: 0.75rem 1.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 1.25rem;
    background: #f8f8f8; }
  .main-event-guide .event-swiper-box {
    position: relative;
    width: 78.75rem;
    height: 17rem;
    background: #fff;
    margin-top: 1.75rem; }
    .main-event-guide .event-swiper-box .event-swiper {
      position: relative;
      width: 78.75rem;
      height: 17rem; }
      .main-event-guide .event-swiper-box .event-swiper .swiper-container {
        position: relative;
        width: 79.125rem;
        overflow: hidden;
        margin-top: -3.25rem;
    	padding: 0.1875rem; }
      .main-event-guide .event-swiper-box .event-swiper .swiper-wrapper {
        position: relative;
        margin-top: 3.125rem;
        padding: 0; }
      .main-event-guide .event-swiper-box .event-swiper .swiper-slide {
        position: relative;
        width: 38.75rem !important;
        height: 13.75rem;
        border-radius: 0.5rem; }
        .main-event-guide .event-swiper-box .event-swiper .swiper-slide a {
          display: inline-block; }
        .main-event-guide .event-swiper-box .event-swiper .swiper-slide img {
          width: 38.75rem;
          height: 13.75rem;
          border-radius: 1.5rem; }
        .main-event-guide .event-swiper-box .event-swiper .swiper-slide:last-child {
          margin-right: 1.25rem; }
      .main-event-guide .event-swiper-box .event-swiper .event-swiper-button-next {
        width: 1.6875rem;
        height: 1.6875rem;
        background: url("../../images/portal/common/btn_next_white.svg") 0 0 no-repeat;
        background-size: cover;
        z-index: 2;
        border-radius: 50%;
        border: 1px solid rgba(90, 90, 90, 0.5);
        font-size: 0; }
      .main-event-guide .event-swiper-box .event-swiper .event-swiper-button-prev {
        width: 1.6875rem;
        height: 1.6875rem;
        background: url("../../images/portal/common/btn_prev_white.svg") 0 0 no-repeat;
        background-size: cover;
        z-index: 2;
        border-radius: 50%;
        border: 1px solid rgba(90, 90, 90, 0.5);
        margin-right: 0.375rem;
        font-size: 0; }
      .main-event-guide .event-swiper-box .event-swiper .swiper-button-disabled {
        opacity: 0.3; }
    .main-event-guide .event-swiper-box .event-swiper-control {
      position: absolute;
      right: 1.625rem;
      top: 0.125rem; }
      .main-event-guide .event-swiper-box .event-swiper-control .event-swiper-button-next,
      .main-event-guide .event-swiper-box .event-swiper-control .event-swiper-button-next {
        width: 1.6875rem;
        height: 1.6875rem; }

.main-suggest-box .section-title .title-txt {
  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; }
  .main-suggest-box .section-title .title-txt img {
    margin-right: 0.75rem; }

.main-suggest-box .section-title .title-deco img {
  width: 3rem;
  height: 1.5625rem;
  margin-left: 0.5rem; }

.main-suggest-box .suggest-swiper-box {
  position: relative;
  width: 78.75rem;
  height: 8.875rem;
  background: #fff;
  margin-top: 1.75rem; }
  .main-suggest-box .suggest-swiper-box .suggest-swiper {
    position: relative;
    width: 78.75rem;
    height: 8.875rem; }
    .main-suggest-box .suggest-swiper-box .suggest-swiper .swiper-container {
      position: relative;
      width: 78.75rem;
      /* overflow: hidden; */
      overflow: visible;
      margin-top: -3.25rem; }
    .main-suggest-box .suggest-swiper-box .suggest-swiper .swiper-wrapper {
      position: relative;
      margin-top: 3.125rem;
      padding: 0; }
    .main-suggest-box .suggest-swiper-box .suggest-swiper .swiper-slide {
      position: relative;
      width: 78.75rem !important;
      height: 5.625rem;
      border-radius: 0.5rem; }
      .main-suggest-box .suggest-swiper-box .suggest-swiper .swiper-slide a {
        display: inline-block;
        width: 78.75rem;
        height: 5.625rem;
        border-radius: 0.5rem;
        overflow: hidden; }
      .main-suggest-box .suggest-swiper-box .suggest-swiper .swiper-slide img {
        width: 78.75rem;
        height: 5.625rem; }
      .main-suggest-box .suggest-swiper-box .suggest-swiper .swiper-slide:first-child {
        background: linear-gradient(96deg, #99edff 0%, #8de0ff 106%); }
      .main-suggest-box .suggest-swiper-box .suggest-swiper .swiper-slide:nth-child(2) {
        background: linear-gradient(96deg, #99ffd5 0%, #31ce9a 106%); }
      .main-suggest-box .suggest-swiper-box .suggest-swiper .swiper-slide:nth-child(3) {
        background: linear-gradient(96deg, #9b99ff 0%, #4a6fbe 106%); }
    .main-suggest-box .suggest-swiper-box .suggest-swiper .suggest-swiper-button-next {
      width: 1.6875rem;
      height: 1.6875rem;
      background: url("../../images/portal/common/btn_next_white.svg") 0 0 no-repeat;
      background-size: cover;
      z-index: 2;
      border-radius: 50%;
      border: 1px solid rgba(90, 90, 90, 0.5);
      font-size: 0; }
    .main-suggest-box .suggest-swiper-box .suggest-swiper .suggest-swiper-button-prev {
      width: 1.6875rem;
      height: 1.6875rem;
      background: url("../../images/portal/common/btn_prev_white.svg") 0 0 no-repeat;
      background-size: cover;
      z-index: 2;
      border-radius: 50%;
      border: 1px solid rgba(90, 90, 90, 0.5);
      margin-right: 0.375rem;
      font-size: 0; }
    .main-suggest-box .suggest-swiper-box .suggest-swiper .swiper-button-disabled {
      opacity: 0.3; }
  .main-suggest-box .suggest-swiper-box .suggest-swiper-control {
    position: absolute;
    right: 1.625rem;
    top: 0.125rem; }
    .main-suggest-box .suggest-swiper-box .suggest-swiper-control .suggest-swiper-button-next,
    .main-suggest-box .suggest-swiper-box .suggest-swiper-control .suggest-swiper-button-next {
      width: 1.6875rem;
      height: 1.6875rem; }

.swiper-button-disabled {
  pointer-events: none; }

.main-phone-box {
  background: #eef4e8;
  width: 100%;
  padding: 4.6875rem 0 5rem; }

.section-survey .survey {
  position: relative;
  width: 100%;
  margin-top: -2.5rem;
  margin-bottom: 5rem; }
  .section-survey .survey__content {
    padding: 1.6875rem 10rem 3rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: none; }
    .section-survey .survey__content.is-active {
      -webkit-animation-duration: 0.4s;
              animation-duration: 0.4s;
      -webkit-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
              animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
      -webkit-animation-name: slide-in;
              animation-name: slide-in; }
    .section-survey .survey__content .survey-swiper {
      margin-top: 2.6875rem; }
  .section-survey .survey__box {
    position: relative;
    border-radius: 1.5rem;
    width: 100%;
    background-color: #fff;
    -webkit-transition: height 0.4s;
    transition: height 0.4s;
    overflow: hidden; }
    .section-survey .survey__box .survey-ani {
      height: 5.625rem;
      position: absolute;
      right: 8.125rem;
      top: 0.625rem; }
  .section-survey .survey__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 1.5rem; }
    .section-survey .survey__inner .c-form-wrap {
      -webkit-box-flex: 100%;
          -ms-flex: 100%;
              flex: 100%; }
    .section-survey .survey__inner .c-label {
      text-align: center;
      font-weight: 700;
      color: #1d1d1b;}

   .section-survey .survey__inner .c-radio--button:checked + .c-label {
	  border-color: #00c0aa;
      color: #008080; }

   .section-survey .survey__inner .c-radio--button:checked + .c-label::before {
    filter: invert(27%) sepia(57%) saturate(461%) hue-rotate(130deg); }

    .section-survey .survey__inner .c-label:hover {
      border-color: #00c0aa;
      color: #008080; }

.section-survey .c-button-wrap {
	position: relative; }

.section-survey .c-button-wrap .c-button.survey-button {
	position: absolute;
    right: -5rem;
    top: -2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
    background: url(../../images/portal/common/ico_swiper_next.svg) 30% 50% no-repeat;
    background-size: 100%;
    opacity: 0.3; }

.section-survey .c-button-wrap .c-button.survey-button.is-active {
	opacity: 1; }

.section-rate .rate-box {
  position: relative;
  margin-top: 5rem;
  width: 100%;
  background-color: #fff;
  border-radius: 1.5rem;
  padding: 3rem 0 4.0625rem; }
  .section-rate .rate-box .link-all {
    position: absolute;
    top: 6.5rem;
    right: 4.4375rem;
    z-index: 4; }

.section-rate .rate-box .c-tabs--type2 ~ .c-tabs__panel {
    margin-top: 3rem; }

.section-rate .rate-box .c-tabs--type1 .c-tabs__button {
  	z-index: 1; }

.section-rate .rate-swiper-wrap {
  padding: 0 10rem;
  position: relative; }

.c-main-card {
  width: 18.75rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  background: #f9f9f9;
  border-radius: 1.5rem;
  padding: 0.625rem 0.625rem; }
  .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;
    padding: 1.4375rem 0.875rem;
    border-radius: 1.5rem;
    height: 100%; }
  .c-main-card__image {
    width: 5.5625rem;
    height: 9.5rem;
    margin-right: 1rem; }
    .c-main-card__image img {
      width: 100%; }
  .c-main-card__panel {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .c-main-card__title {
    font-size: 1.125rem;
    font-weight: 700;
    display: inline-block;
    max-height: 3rem;
    overflow: hidden;
    margin-bottom: 1.9375rem; }
  .c-main-card__text {
    word-break: keep-all;
    margin: 0 0 1.25rem;
    font-size: 0.875rem;
    font-weight: normal;
    color: #707070;
    word-break: break-all;
    max-height: 2.5rem;
    overflow: hidden; }
  .c-main-card .c-main-card__info {
    margin-top: auto; }
  .c-main-card__info-list {
    font-size: 0.875rem;
    color: #5a5a5a; }
    .c-main-card__info-list ~ .c-main-card__info-list {
      margin-top: 0.625rem; }
    .c-main-card__info-list .c-icon {
      margin-right: 0.6875rem; }
  .c-main-card__info-wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding-bottom: 0.625rem; }
    .c-main-card__info-wrap:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: calc(100% + 10px);
      height: 1px;
      background-color: #e8e8e8; }
  .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: 1.0625rem;
      font-weight: normal;
      color: #707070; }
    .c-main-card__price .c-text {
      font-size: 0.75rem;
      color: #008080; }
      .c-main-card__price .c-text b {
        position: relative;
        bottom: 0;
        margin: 0 0.125rem 0 0.1875rem;
        font-size: 1.5625rem; }
  .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; }

.phone-box-outer {
  position: relative;
  width: 100%;
  background: #fff;
  border-radius: 1.5rem;
  padding: 3rem 0; }
  .phone-box-outer .link-all {
    position: absolute;
    top: 6.5rem;
    right: 4.4375rem;
    z-index: 1; }

.phone-box-outer .c-tabs--type2 ~ .c-tabs__panel {
    margin-top: 3rem; }

  .phone-box-outer .c-tabs--type1 .c-tabs__button {
  	z-index: 1; }
  .phone-box-outer .phone-swiper-wrap {
    padding: 0 10rem;
    position: relative; }

  .phone-box-outer .phone-swiper-wrap .swiper-container {
  	padding: 0.5rem; }

.phone-swiper .swiper-slide {
  width: 18.75rem;
  height: 22rem; }
  .phone-swiper .swiper-slide a {
    display: inline-block; }

.phone-swiper .phone-swiper-button-next {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
  background: url(../../images/portal/common/ico_swiper_next.svg) 30% 50% no-repeat;
  background-size: 100%; }

.phone-swiper .phone-swiper-button-prev {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
  background: url(../../images/portal/common/ico_swiper_prev.svg) 30% 50% no-repeat;
  background-size: 100%; }

.c-main-phone__item {
  position: relative;
  width: 18.75rem;
  height: 22rem; }
  .c-main-phone__item a {
    display: block;
    text-align: center; }
  .c-main-phone__item .c-main-phone__label {
    position: absolute;
    top: 17px;
    right: 54px; }
  .c-main-phone__item .c-main-phone__img {
    width: 9rem;
    height: 9rem;
    margin-left: 4.875rem; }
  .c-main-phone__item .c-main-phone__panel {
    width: 18.75rem;
    height: 18.75rem;
    padding: 6.25rem 0.75rem 5.125rem;
    border-radius: 5.625rem;
    background: #f9f9f9;
    text-align: center;
    margin-top: -5.75rem; }
  .c-main-phone__item .c-main-phone__title {
 	margin-top: 1rem;
    font-size: 1.125rem;
    font-weight: 700;
    color: #1d1d1b;
    max-height: 3rem;
    overflow: hidden; }
  .c-main-phone__item .c-main-phone__info {
    margin-top: 0.875rem;
    font-size: 0.875rem;
    color: #707070; }
  .c-main-phone__item .c-main-phone__info {
    font-size: 0.875rem;
    color: #707070; }

  .c-main-phone__item .c-main-phone__text {
    margin-top: 0.625rem;
    font-size: 0.875rem;
    color: #707070;
    max-height: 2.5rem;
    overflow: hidden; }

  .c-main-phone__item .c-main-phone__price {
	margin-top: 0.75rem;
    font-size: 0.875rem;
    color: #008080; }
  .c-main-phone__item .c-main-phone__price strong {
    font-size: 1.5625rem;
    font-weight: 700;
    margin: 0 0.375rem; }

  .c-main-phone__item .c-main-phone__price-2 {
    margin-top: 0.25rem;
    font-size: 1.0625rem;
    font-weight: 500;
    color: #008080; }
  .c-main-phone__item .c-main-phone__price-2 strong {
    font-size: 1.8125rem;
    font-weight: 700;
    margin: 0 0.375rem; }

  .c-main-phone__item .c-main-phone__text-2 {
    margin-top: 0.375rem;
    font-size: 1rem;
    font-weight: 500;
    color: #6d6d6d;
    max-height: 2.5rem;
    overflow: hidden;
    letter-spacing: -0.045rem; }

.c-main-phone__item .c-main-phone-infobox {
	position: relative;
	margin-top: 1.0625rem;
    font-size: 0.875rem;
    color: #7d7d7d; }

.c-main-phone__item .c-main-phone-infobox__item {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 8.75rem;
    margin: 0 auto;
    font-size: 0.875rem;
    font-weight: normal; }

.c-main-phone__item .c-main-phone-infobox__item dt {

}

.c-main-phone__item .c-main-phone-infobox__item dd {
	font-size: 0.9375rem;
}


/* 메인 full-box-banner */
.full-box-banner {
  width: 100%;
  height: 30rem; }
  .full-box-banner .swiper-container {
    position: relative;
    width: 100%;
    height: 30.25rem;
    z-index: 2;}
  .full-box-banner .swiper-container .swiper-wrapper {
    align-items: center; }
  .full-box-banner .swiper-container .swiper-wrapper .swiper-slide {
    padding: 0; }
  .full-box-banner .swiper-slide .swiper__anchor {
    display: block;
    margin: 0 auto;
    width: 78.75rem;
    height: 30rem; }
  .full-box-banner .swiper-slide img {
    width: 78.75rem;
    height: 30rem;
    margin: 0 auto;
    display: block; }
  .full-box-banner .swiper-slide .event-date {
    position: absolute;
    top: 6.1875rem;
    left: calc(50% - 615px);
    font-size: 1.125rem;
    font-weight: 400; }
  .full-box-banner .swiper-controls-full-box {
    position: absolute;
    width: 14.1875rem;
    height: 2.6875rem;
    bottom: 6.875rem;
    left: calc(50% - 620px);
    z-index: 200; }
    .full-box-banner .swiper-controls-full-box .swiper-controls {
      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; }
    .full-box-banner .swiper-controls-full-box .full-swiper-button-next {
      width: 2.5rem;
      height: 2.5rem;
      background: url("../../images/portal/common/btn_next_main.svg") 0 0 no-repeat;
      background-size: cover;
      z-index: 200; }
    .full-box-banner .swiper-controls-full-box .full-swiper-button-prev {
      width: 2.5rem;
      height: 2.5rem;
      background: url("../../images/portal/common/btn_prev_main.svg") 0 0 no-repeat;
      background-size: cover;
      z-index: 200; }
    .full-box-banner .swiper-controls-full-box .full-swiper-button-pause {
      width: 2.5rem;
      height: 2.5rem;
      background: url("../../images/portal/common/btn_pause_main.svg") 0 0 no-repeat;
      background-size: cover;
      z-index: 200;
      margin-left: 1.1875rem; }
    .full-box-banner .swiper-controls-full-box .swiper-button-play {
      width: 2.5rem;
      height: 2.5rem;
      background: url("../../images/portal/common/btn_play_main.svg") 0 0 no-repeat;
      background-size: cover;
      z-index: 200;
      margin-left: 1.1875rem; }
    .full-box-banner .swiper-controls-full-box .swiper-button-disabled {
      opacity: 0.3; }
    .full-box-banner .swiper-controls-full-box .swiper-pagination {
      width: 4.8125rem;
      height: 2.6875rem;
      position: relative;
      font-size: 1.5rem;
      color: #1d1d1b;
      top: 0.5rem; }
      .full-box-banner .swiper-controls-full-box .swiper-pagination .swiper-pagination-current {
        position: absolute;
        top: 0;
        left: 0.75rem;
        font-size: 1.125rem;
        font-weight: 500;
        color: #1d1d1b;
        text-align: right;
        width: 2rem;
        margin-left: -0.75rem; }
      .full-box-banner .swiper-controls-full-box .swiper-pagination .swiper-pagination-total {
        position: absolute;
        top: 0.625rem;
        left: 3rem;
        font-size: 0.9375rem; }

.thumb-box-banner {
  position: relative;
  height: 3.75rem;
  width: 100%;
  overflow: hidden;
  margin-top: 0.125rem;
  margin-bottom: 4.375rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  .thumb-box-banner .btn-call-event {
    position: absolute;
    top: 0;
    left: calc(50% - 630px);
    width: 3.75rem;
    height: 3.75rem;
    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;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom: 0;
    background: #fff;
    outline: none;
    z-index: 2; }
  .thumb-box-banner .btn-call-event:focus i {
  	outline: 2px dotted #006bdd; }
  .thumb-box-banner .swiper-container {
    width: 78.75rem;
    overflow-x: hidden;
    margin: 0 auto;
    padding-left: 3.75rem; }
    .thumb-box-banner .swiper-container .swiper-slide {
      width: 18.75rem !important;
      height: 3.625rem;
      opacity: 0.55;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0.9375rem 0.5rem;
      border: 1px solid #ddd;
      border-left: 0;
      border-top: 0;
      border-bottom: 0; }
      .thumb-box-banner .swiper-container .swiper-slide p {
        width: calc(100% - 50px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.875rem;
        font-weight: 700; }
      .thumb-box-banner .swiper-container .swiper-slide img {
        width: 2.75rem;
        height: 2.75rem;
        -o-object-fit: cover;
           object-fit: cover;
        margin: 0 0 0 0.5rem; }
      .thumb-box-banner .swiper-container .swiper-slide.swiper-slide-thumb-active {
        position: relative;
        opacity: 1; }
        .thumb-box-banner .swiper-container .swiper-slide.swiper-slide-thumb-active:after {
          content: '';
          display: block;
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 2px;
          background: #1d1d1b; }





/* fab */

 .c-fab {
  position: fixed;
  bottom: 12.3125rem;
  right: calc(50% - 694px);
  font-size: 1rem;
  width: 3.5rem;
  height: 3.5rem;
  z-index: 12;
  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: -0.875rem;
    right: -1.25rem; }

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

.c-fab.is-active.is-opened .c-fab__delete {
	display: none; }

  .c-fab.is-active {
    opacity: 1; }
  .c-fab .c-fab__open {
    position: absolute;
    width: 3.5rem;
    height: 3.5rem;
    background: url("../../images/common/ico_help_man_mint.png") no-repeat 50% 50%;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-duration: 400ms;
            transition-duration: 400ms;
    display: block;
    z-index: 55;
    border-radius: 50%;
    -webkit-box-shadow: 0 0.25rem 0.5rem 0 #00000033;
            box-shadow: 0 0.25rem 0.5rem 0 #00000033; }
  .c-fab .c-fab__item {
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    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__close {
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    position: absolute;
    -webkit-transition: -webkit-transform ease-out 200ms;
    transition: -webkit-transform ease-out 200ms;
    transition: transform ease-out 200ms;
    transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
    -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);
    z-index: 45;
    display: none; }
    .c-fab .c-fab__close:focus {
      outline: 2px dotted;
      outline-color: #006bdd; }
    .c-fab .c-fab__close ~ .c-fab__item {
      visibility: hidden; }
  .c-fab .c-fab__open--txt {
    display: none;
    min-width: 2.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 .lines {
    width: 1.5rem;
    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.is-opened .c-fab__open {
    display: none; }
    .c-fab.is-opened .c-fab__open .c-fab__open--txt {
      -webkit-transform-origin: 100% 100%;
              transform-origin: 100% 100%;
      -webkit-transform: scale(1, 1);
              transform: scale(1, 1);
      opacity: 1;
      -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.is-opened .c-fab__close {
    display: block;
    background: #1d1d1b;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
    -webkit-transform: scale(0.6555, 0.6555);
            transform: scale(0.6555, 0.6555);
    -webkit-transition: none;
    transition: none; }
    .c-fab.is-opened .c-fab__close:focus {
      outline: 2px dotted;
      outline-color: #006bdd; }
    .c-fab.is-opened .c-fab__close .line-1 {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
              transform: translate3d(0, 0, 0) rotate(45deg); }
    .c-fab.is-opened .c-fab__close .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.is-opened .c-fab__close .line-3 {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
              transform: translate3d(0, 0, 0) rotate(-45deg); }
    .c-fab.is-opened .c-fab__close ~ .c-fab__item {
      display: block;
      z-index: 60;
      opacity: 1;
      visibility: visible;
      -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.is-opened .c-fab__close ~ .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.is-opened .c-fab__close ~ .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.is-opened .c-fab__close ~ .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.is-opened .c-fab__close ~ .c-fab__item:nth-child(6) {
        -webkit-transform: scale(1) translate3d(32.58361px, -96.59997px, 0);
                transform: scale(1) translate3d(32.58361px, -96.59997px, 0);
        -webkit-transition-delay: 0.3s;
                transition-delay: 0.3s; }


.c-fab2 {
  position: absolute;
  font-size: 1rem;
  width: 3.125rem;
  height: 3.125rem;
  z-index: 15;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }


  .c-fab2.is-active {
    opacity: 1; }
    .c-fab2 .c-fab__open {
    position: absolute;
    width: 3.5rem;
    height: 3.5rem;
    background: url("../../images/portal/common/ico_help_man.svg") no-repeat 50% 50%;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-duration: 400ms;
            transition-duration: 400ms;
    display: block;
    z-index: 55;
    border-radius: 50%;
    -webkit-box-shadow: 0 6px 7px 4px #00000033;
            box-shadow: 0 6px 7px 4px #00000033; }
  .c-fab2 .c-fab__open--btn {
    background: url("../../images/mobile/common/ico_help_man.svg") no-repeat 50% 50%;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-duration: 400ms;
            transition-duration: 400ms;
    cursor: pointer; }
  .c-fab2 .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-fab2 .c-fab__item img {
      margin: 0;
      padding: 0;
      vertical-align: top;
      width: 100%; }
  .c-fab2 .c-fab__open--btn {
    background: url("../../images/mobile/common/ico_help_man.svg") no-repeat 50% 50%;
    border-radius: 50%;
    width: 3.125rem;
    height: 3.125rem;
    position: absolute;
    -webkit-transition: -webkit-transform ease-out 200ms;
    transition: -webkit-transform ease-out 200ms;
    transition: transform ease-out 200ms;
    transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
    -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);
    z-index: 15; }
  .c-fab2 .c-fab__open--txt {
    min-width: 2.625rem;
    background: url("../../images/mobile/common/img_help_txt.png") no-repeat 50% 50%;
    background-size: 8.625rem 2.125rem;
    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);
    white-space: nowrap;
    pointer-events: none;
    /* 2022-04-21 클라이언트 요청으로 display:none 처리*/
    display: none !important; }
  .c-fab2 .c-fab__open {
    display: none; }
  .c-fab2 .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-fab2 .fab-dim.is-active {
      display: block; }
  .c-fab2 .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-fab2 .line-1 {
    opacity: 0;
    -webkit-transform: translate3d(0, -8px, 0);
            transform: translate3d(0, -8px, 0); }
  .c-fab2 .line-2 {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .c-fab2 .line-3 {
    opacity: 0;
    -webkit-transform: translate3d(0, 8px, 0);
            transform: translate3d(0, 8px, 0); }
  .c-fab2 .c-fab__open--txt {
    display: block;
    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-fab2 .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-fab2 .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-fab2 .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-fab2 .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-fab2 .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-fab2 .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-fab2 .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-fab2 .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-fab2 .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-fab2 .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-fab2 .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: 8.0625rem;
    right: calc(50% - 694px);
    width: 3.5rem;
    height: 3.5rem;
    opacity: 0;
    z-index: 12;
    background: #fff;
    border-radius: 50%;
    border: 0.0625rem solid #eee;
    -webkit-box-shadow: 0 0.25rem 0.5rem 0 #00000020;
    box-shadow: 0 0.25rem 0.5rem 0 #00000020;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }
.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: 3.5rem;
    height: 3.5rem;
    border-radius: 50%; }

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

.event-fab {
	position: fixed;
    bottom: 8.125rem;
    left: calc(50% - 52.5rem);
    z-index: 12; }

.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: 12.5rem;
    max-height: 12.5rem; }

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

#container .background .viewport .news_list .other_list .item .img img {
  vertical-align: top;
  height: 135px !important; }

.one-source {
  /* accordion */ }
  .one-source .c-accordion {
    width: 100%; }
    .one-source .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/portal/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-accordion__item {
      border-bottom: 0.0625rem solid #eaeaea; }
    .one-source .c-accordion--os .c-accordion__head {
      padding: 1.25rem 4rem 1.25rem 4.75rem; }
    .one-source .c-accordion--os .question-label {
      position: absolute;
      top: 1.5rem;
      left: 1.25rem;
      width: 2.5rem;
      height: 1.25rem;
      margin-right: 1rem;
      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: 1.0625rem;
      line-height: 1.5rem;
      font-weight: 500; }
    .one-source .c-accordion--os .c-accordion__info {
      margin-top: 0.5rem;
      font-size: 0.875rem;
      color: #707070; }
      .one-source .c-accordion--os .c-accordion__info span:not(:first-child) {
        position: relative;
        margin-left: 0.8125rem; }
        .one-source .c-accordion--os .c-accordion__info span:not(:first-child):before {
          position: absolute;
          left: -0.4375rem;
          top: 50%;
          width: 0.0625rem;
          height: 0.75rem;
          background-color: #ccc;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          content: ''; }
    .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: -5rem;
      margin-right: -5rem; }
      .one-source .c-accordion--os .c-accordion__panel.c-expand--pop > .c-accordion__inside {
        padding-left: 3rem;
        padding-right: 3rem; }
    .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: 1.5rem 4rem 1.5rem 4.75rem;
      font-size: 0.9375rem;
      overflow-x: hidden; }
      .one-source .c-accordion--os .c-accordion__inside.question {
        position: relative; }
        .one-source .c-accordion--os .c-accordion__inside.question .box-prefix {
          color: #1d1d1b; }
        .one-source .c-accordion--os .c-accordion__inside.question::before {
          position: absolute;
          left: 11.875rem;
          bottom: 0;
          width: 42.375rem;
          border-bottom: 0.0625rem solid #eaeaea;
          content: ''; }
      .one-source .c-accordion--os .c-accordion__inside .box-prefix {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        margin-right: 0.875rem;
        font-weight: 700;
        text-align: center;
        color: #018786;
        text-align: right; }
      .one-source .c-accordion--os .c-accordion__inside .box-content {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        color: #333;
        overflow: hidden; }
    .one-source .c-accordion--os.counselling .c-accordion__head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 1.5rem 0;
      font-size: 0.875rem;
      color: #707070;
      text-align: center; }
    .one-source .c-accordion--os.counselling .c-accordion__text {
      display: block;
      width: 9.25rem; }
    .one-source .c-accordion--os.counselling .c-accordion__title {
      width: 25.1875rem;
      color: #1d1d1b;
      text-align: left; }
    .one-source .c-accordion--os.counselling .c-accordion__num {
      display: block;
      width: 8.25rem; }
    .one-source .c-accordion--os.counselling .c-accordion__date {
      display: block;
      width: 7.25rem; }
    .one-source .c-accordion--os.counselling .c-accordion__state {
      width: 4.1875rem;
      text-align: center; }
      .one-source .c-accordion--os.counselling .c-accordion__state > .state-label {
        display: inline-block;
        width: 3.1875rem;
        height: 1.25rem;
        border-radius: 0.625rem;
        font-size: 0.6875rem;
        color: #fff;
        font-weight: 700;
        line-height: 1.25rem;
        text-align: center; }
        .one-source .c-accordion--os.counselling .c-accordion__state > .state-label.complete {
          background-color: #008080; }
        .one-source .c-accordion--os.counselling .c-accordion__state > .state-label.registering {
          background-color: #4c4c4c; }
    .one-source .c-accordion--os.counselling .c-accordion__inside {
      padding-left: 9.25rem; }



@media print {
	@page {
		size: auto;
		margin: 0; }

	footer, header {
		display: none !important; }

	.ly-content {
		position: absolute;
		top: 0;
		height: 0;
		overflow: hidden;	}

 	.ly-page--title {
		display: none !important; }

	.c-modal {
		overflow: visible !important;
		position: absolute !important;
		top: 0 !important; }

	.c-modal__content {
		-webkit-print-color-adjust: exact;
		width: 100% !important;
		height: 100% !important;
		max-height: 100% !important;
		top: 0;
		left: 0;
		overflow-x: visible !important;
		overflow-y: visible !important; }

	.c-modal__body {
		overflow-x: visible !important;
		overflow-y: visible !important;	}

	.print-btn {
		display: none;	}

	.certi-box .issue-num {
		display: block;	}

	.no-print {
		display: none; }

	.c-modal__body>div:first-of-type {
		margin-top: 1px !important; }

	.c-table th {
		background: #f1f1f1;
		color: #1d1d1b; }


	/* 결합상품이용계약서 인쇄*/
	.c-modal--combine-print .combine-print {
		-webkit-print-color-adjust: exact;
		width: 100% !important;
		height: 100% !important;
		max-height: 100% !important;
		top: 0;
		left: 0;
		overflow-x: visible !important;
		overflow-y: visible !important;
		display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
		-webkit-box-orient: vertical;
    	-webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        align-content: space-between; }
	 .combine-print .certi-box--bottom {
		margin-top:auto;
		margin-bottom: 4rem; }


}





/* @media print {
  @page {
    margin: 0; }
  .ly-content {
    position: absolute;
    top: 0;
    height: 0;
    overflow: hidden; }
  .c-modal__content {
    -webkit-print-color-adjust: exact;
    width: 100% !important;
    height: 100vh !important;
    position: absolute;
    top: 0;
    left: 0;
    max-height: initial !important; }
  .print-btn {
    display: none; }
  .certi-box .issue-num {
    display: block; }
  .no-print {
    display: none; }
  .c-modal__body > div:first-of-type {
    margin-top: 1px !important; }
  .c-table th {
    background: #f1f1f1;
    color: #1d1d1b; } } */

/* IE10+ */
@media print and (-ms-high-contrast: none) {
  .ly-wrap {
    opacity: 0;
    visibility: hidden;
    display: none; }
  .c-modal__content {
    position: relative !important; }
  .c-modal__dialog {
    background-color: #fff;
    display: block; } }

* :focus-visible {
  outline: 2px dotted;
  outline-color: #006bdd; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  a:focus,
  input:focus,
  button:focus,
  select:focus,
  label:focus {
    outline: 2px dotted;
    outline-color: #006bdd; }
  input[type='text']::-ms-clear {
    display: none; } }

#game_canvas {
  position: absolute; }

.normal-focus:focus {
  outline: auto !important; }


/*웹접근성 포커스 영역 추가*/
.c-button-wrap.c-button-wrap--left .c-button:focus {
	outline: 0.125rem dotted #ededed !important; }

.esim-open .ly-avail--wrap .c-button-wrap a:focus, .esim-open .ly-avail--wrap .c-button-wrap button:focus  {
	outline: 0.125rem dotted #006bdd !important; }

.c-file-image #file1:focus ~ .c-label {
	outline: 0.125rem dotted #006bdd; }

.c-file-image #file2:focus ~ .c-label {
	outline: 0.125rem dotted #006bdd; }

.c-button-wrap .ocrImg:focus ~ label {
	outline: 0.125rem dotted #006bdd; }

.phone-color-wrap #colorGroupDiv input:focus ~ label span {
	outline: 0.125rem dotted #006bdd; }

#swiperReviewBanner .swiper-container:focus-within {
	outline: 0.125rem dotted #006bdd; }

#swiperFriendInvite .swiper-container:focus-within {
	outline: 0.125rem dotted #006bdd;	}

.friend-wrap #swiperFriendInvite .swiper-container:focus-within {
	outline: 0.125rem dotted #006bdd; }

#swiperOpenMarket .swiper-wrapper, #swiperMarket .swiper-wrapper {
	padding: 0.25rem 0; }

#swiperUsimGuide .swiper-container:focus-within {
	outline: 0.125rem dotted #006bdd; }

#swipereSIMBanner .swiper-container:focus-within {
	outline: 0.125rem dotted #006bdd; }

#swiperCprtCard .swiper-container {
	padding: 0.125rem; }

#main-full-banner .swiper-container .swiper-slide .swiper__anchor:focus-visible img {
	outline: 0.125rem dotted #006bdd; }

.thumb-box-banner .swiper-container .swiper-slide:focus-visible {
 	outline: none;
	box-shadow: 0 0 0 0.125rem #006bdd inset; }
.thumb-box-banner .swiper-container .swiper-slide:focus-visible {
    opacity: 1; }
.thumb-box-banner .swiper-container .swiper-slide:focus-visible P {
    opacity: 0.55; }
.thumb-box-banner .swiper-container .swiper-slide:focus-visible img {
    opacity: 0.55; }
.thumb-box-banner .swiper-container .swiper-slide.swiper-slide-thumb-active:focus-visible p {
    opacity: 1; }
.thumb-box-banner .swiper-container .swiper-slide.swiper-slide-thumb-active:focus-visible img {
    opacity: 1; }

#mcashTopBanner.swiper-banner {
    top: -0.0625rem;
    width: 100%;
    background-color: #002060; }

#mcashTopBanner.swiper-banner .swiper-container {
    height: 3.2rem; }

#mcashTopBanner .swiper-slide {
	height: 3.2rem;
   	padding: 1rem 0;
 	font-size: 0.9375rem;
  	font-weight: 500;
  	color: #fff;
  	background: #002060; }

#mcashTopBanner .swiper-slide span {
	color: #ffff00; }

#mcashTopBanner .swiper-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }




/*사이드바*/
.wingnav {position:fixed;right:0;top:0;width:165px;height:100%;transform: translateX(165px);background:#fff;z-index:110;transition:box-shadow 2s ,transform 0.5s;}
.wingnav.open {-webkit-box-shadow: -6px 0px 15px -2px rgba(0, 0, 0, 0.22);box-shadow:-6px 0px 15px -2px rgba(0, 0, 0, 0.22);transform: translateX(0);transition:transform 0.5s;}
.wingnav .wing_btn {position:absolute;left:-40px;top:50%;width:40px;height:48px;margin-top:-40px;border-radius:25px 0 0 25px;background:#fff;-webkit-box-shadow: -7px 0px 30px -5px rgba(142, 142, 142, 0.51);box-shadow:-7px 0px 30px -5px rgba(142, 142, 142, 0.51);text-align:center;vertical-align:middle;}
.wingnav .wing_btn img {display:block;position:absolute;left:50%;top:50%;margin:-9px 0 0 -8px;transform: rotateZ(0deg);transition: all 0.4s ease;}
.wingnav.open .wing_btn img {margin:-9px 0 0 -2px;transform: rotateZ(-180deg);}
.wingnav .wingnav_inner {padding:0 15px;}
.wingnav .wingnav_inner .logo {padding-top:22px;text-align:center;}
.wingnav .wingnav_inner .promotion_box {margin-top:22px;}
.wingnav .wingnav_inner .slick-dots {width:100%; position:absolute; bottom:-10px; left:0;text-align:center; font-size:0; z-index:10}
.wingnav .wingnav_inner .slick-dots li {display:inline-block;margin-left:0;vertical-align:top}
.wingnav .wingnav_inner .slick-dots li button {background:none;width:34px;height:2px;background:#dbdbdb;}
.wingnav .wingnav_inner .slick-dots li.slick-active button {background:#ff2e76;}
.wingnav .wingnav_inner .latest_prdt {margin-top:20px;text-align:center;}
.wingnav .wingnav_inner .latest_prdt .tit {font-size:18px;font-family:'NotoSansUltraBold';color:#000;}
.wingnav .wingnav_inner .latest_prdt .latest_list {margin-top:10px;padding-bottom:15px;border-top:1px solid #dedede;border-bottom:1px solid #dedede;}
.wingnav .wingnav_inner .latest_prdt .latest_list li {padding-top:15px;}
.wingnav .wingnav_inner .latest_prdt .latest_list li .prdt_nme {display:block;margin-top:10px;font-size:13px;color:#333;}
.wingnav .wingnav_inner .latest_prdt .latest_list li img {width:90px;}
.wingnav .wingnav_inner .latest_prdt .btn_compare {display:inline-block;margin-top:10px;width:78px;height:28px;line-height:28px;border:1px solid #6c7688;color:#485a7b;font-size:14px;font-family:'NotoSansUltraBold';}
.wingnav .wingnav_inner .wing_banner {margin-top:40px;}
.wingnav .wingnav_inner .video_lyer {margin-top:30px;}

/*gnb*/
.header {height:165px;background:none; }
.header .alice_wrp {width:100%;height:45px;background:#000;}
.header .alice_wrp {width:100%;height:45px;background:#000;}
.header .alice_wrp .alice_link {position:relative;width:1100px;margin:0 auto;text-align:right;}
.header .alice_wrp .alice_link .alice_plan {display:inline-block;padding-top:15px;color:#a5a5a5;font-size:14px;}
.header .alice_wrp .alice_link .alice_plan:after {content:'';display:inline-block;width:3px;height:5px;margin:-2px 0 0 5px;background:url('/static/shop/images/ico/ico_arrow_lnk.png') no-repeat 0 0;vertical-align:middle;}
.header .alice_wrp .alice_link .alice {float:left;padding-top:15px;}
.header .alice_wrp .alice_link .alice li {float:left;margin-left:25px;}
.header .alice_wrp .alice_link .alice li:first-child {margin-left:0;}
.header .alice_wrp .alice_link .alice li.naver {margin-top:-2px;}
.header .alice_wrp .link_urm {position:absolute;right:0;top:8px;width:83px;height:28px;line-height:28px;padding-right:12px;border-radius:25px;text-align:center;font-size:14px;color:#fff;background:#ff3475;font-family:'NotoSansThin';}
.header .alice_wrp .link_urm:after {content:'';position:absolute;right:10px;top:50%;width:4px;height:6px;margin-top:-3px;background:url('/static/shop/images/ico/ico_link_arrow.png') no-repeat 0 0;}
.header .alice_wrp .link_self {position:absolute;right:105px;top:8px;height:24px;line-height:24px;padding-left:18px; padding-right:25px;border:2px solid #fff;border-radius:25px;text-align:center;font-size:14px;color:#fff;font-family:'NotoSansThin';}
.header .alice_wrp .link_self:after {content:'';position:absolute;right:13px;top:50%;width:4px;height:6px;margin-top:-3px;background:url('/static/shop/images/ico/ico_link_arrow.png') no-repeat 0 0;}
.header .alice_wrp .link_self .ico_new {display:block;width:36px;height:22px; position:absolute; left:-18px; top:-5px;background:url('/static/shop/images/ico/ico_blink_new.png') no-repeat 0 0;}
.header .alice_wrp .link_self.pInfo {right:248px;}

.header .header_area .header_inner .utils {float:right;margin-top:50px;}
.header .header_area .header_inner .utils:after {content:'';display:block;clear:both;}
.header .header_area .header_inner .utils .lnk {float:left;margin-left:17px;font-size:16px;color:#121212;font-family:'NotoSansBold';}
.header .header_area .header_inner .utils .lnk:first-child {margin-left:0;}
.header .header_area .header_inner .utils .usin_lnk {position:relative;padding-left:18px;color:#ff3475;}
.header .header_area .header_inner .utils .usin_lnk:before {content:'';position:absolute;left:0;top:50%;width:14px;height:17px;margin-top:-8px;background:url('/static/shop/images/ico/ico_pink_usimi.png') no-repeat 0 0;}
.header .header_area .header_inner .utils .btn_search {width:22px;height:22px;background:url('/static/shop/images/ico/ico_search_blck.png') no-repeat 0 0;text-indent:-999999px;}

.header .header_area {position:absolute;width:100%;height:120px;background:#fff;border-bottom:1px solid #ccc; top:42px;     z-index: 10;}
.header .header_area.fixe {position:fixed;top:0;height:80px;z-index:60;}
.header .header_area.fixe .header_inner .logo {margin:14px 0 0 0;}
.header .header_area.fixe .header_inner .logo img {width:111px;}
.header .header_area.fixe .header_inner .navigation {padding:29px 0 0 55px;}
.header .header_area.fixe .header_inner .utils {margin-top:29px;}
.header .header_area.fixe .header_inner .sub_depth {top:80px;}
.header .header_area.fixe .integrate_search {top:81px;}
.header .header_area .header_inner {width:1100px;margin:0 auto;}
.header .header_area .header_inner:after {content:'';display:block;clear:both;}
.header .header_area .header_inner .logo {float:left;width:128px;margin:30px 0 0 0;}
.header .header_area .header_inner .navigation {float:left;padding:47px 0 0 70px;}
.header .header_area .header_inner .navigation .nav {padding:0 0 50px 0;}
.header .header_area .header_inner .navigation .nav:after {content:'';display:block;clear:both;}
.header .header_area .header_inner .navigation .nav>li {float:left;margin-left:32px;}
.header .header_area .header_inner .navigation .nav>li:first-child {margin-left:0;}
.header .header_area .header_inner .navigation .nav>li>a {position:relative;font-size:20px;color:#121212;font-family:'NotoSansUltraBold';}
.header .header_area .header_inner .navigation .nav>li>a:after {content:'';visibility:hidden;position:absolute;bottom:-6px;left: 0;width:100%;height:2px;background:#ff3475;-webkit-transform: scaleX(0); transform: scaleX(0);-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;opacity:0;filter:alpha(opacity=0);}
.header .header_area .header_inner .navigation .nav>li>a:focus:after,
.header .header_area .header_inner .navigation .nav>li>a:hover:after {visibility:visible;-webkit-transform: scaleX(1);transform: scaleX(1);opacity:1;filter:alpha(opacity=1);}
.header .header_area .header_inner .navigation .nav>li.on .sub_depth {display:block;}

.header .header_area .header_inner .sub_depth {display:none;position:absolute;left:0;top:120px;width:100%;height:399px;border-top:1px solid #ebebeb;z-index:10;background:#fff;}
.header .header_area .header_inner .sub_depth .depth {width:1100px;margin:0 auto;}
.header .header_area .header_inner .sub_depth .depth:after {content:'';display:block;clear:both;}
.header .header_area .header_inner .sub_depth .depth .tit_box {float:left;width:185px;margin-top:45px;}
.header .header_area .header_inner .sub_depth .depth .tit_box .sub_tit {font-size:40px;letter-spacing:-0.1em;}
.header .header_area .header_inner .sub_depth .depth .tit_box .sub_dsct {margin-top:20px;line-height:24px;color:#666;font-size:16px;}
.header .header_area .header_inner .sub_depth .depth .sub_nav {float:left;width:530px;margin:40px 0 0 115px;}
.header .header_area .header_inner .sub_depth .depth .sub_nav .depth01 {float:left;width:200px;}
.header .header_area .header_inner .sub_depth .depth .sub_nav .depth01 + .depth01 {margin-left:110px;}
.header .header_area .header_inner .sub_depth .depth .sub_nav .depth01>li {position:relative;width:196px;padding-left:4px;margin-top:28px;}
.header .header_area .header_inner .sub_depth .depth .sub_nav .depth01>li:first-child {margin-top:0;}
.header .header_area .header_inner .sub_depth .depth .sub_nav .depth01>li>a {position:relative;display:block;padding-bottom:10px;border-bottom:1px solid #f2f2f2;font-size:18px;font-family:'NotoSansBold';color:#000;}
.header .header_area .header_inner .sub_depth .depth .sub_nav .depth01>li>a:after {content:'';position:absolute;right:0;top:3px;width:8px;height:14px;background:url('/static/shop/images/ico/ico_arrow_blck.png') no-repeat 0 0;}
.header .header_area .header_inner .sub_depth .depth .sub_nav .depth01>li>a:before {content:'';position:absolute;left:0;bottom:0;width:0;}
.header .header_area .header_inner .sub_depth .depth .sub_nav .depth01>li>a:hover,
.header .header_area .header_inner .sub_depth .depth .sub_nav .depth01>li>a:focus {color:#ff3475;}
.header .header_area .header_inner .sub_depth .depth .sub_nav .depth01>li>a:hover:before,
.header .header_area .header_inner .sub_depth .depth .sub_nav .depth01>li>a:focus:before {width:100%;border-bottom:1px solid #ff3475;transition:all 0.5s;}
.header .header_area .header_inner .sub_depth .depth .sub_nav .depth01>li>a:hover:after,
.header .header_area .header_inner .sub_depth .depth .sub_nav .depth01>li>a:focus:after {background:url('/static/shop/images/ico/ico_arrow_pnk.png') no-repeat 0 0;}

.header .header_area .header_inner .sub_depth .depth .sub_nav .depth02 {margin:20px 0 0 5px;}
.header .header_area .header_inner .sub_depth .depth .sub_nav .depth02 li {margin-top:15px;}
.header .header_area .header_inner .sub_depth .depth .sub_nav .depth02 li:first-child {margin-top:0;}
.header .header_area .header_inner .sub_depth .depth .sub_nav .depth02 li a {padding-bottom:3px;color:#676767;}
.header .header_area .header_inner .sub_depth .depth .sub_nav .depth02 li a:hover,
.header .header_area .header_inner .sub_depth .depth .sub_nav .depth02 li a:focus {border-bottom:1px solid #676767;color:#676767;}
.header .header_area .header_inner .sub_depth .depth .banr_box {position:relative;float:left;width:270px;height:400px;margin-top:-1px;text-align:center;}
.header .header_area .header_inner .sub_depth .depth .banr_box .tit_banr {display:block;padding-top:40px;color:#52504b;font-size:16px;font-family:'NotoSansBold';}
.header .header_area .header_inner .sub_depth .depth .banr_box .dsct_banr {display:block;margin-top:18px;font-size:30px;color:#000;font-family:'NotoSansBold';}
.header .header_area .header_inner .sub_depth .depth .banr_box .img_banr {position:absolute;left:0;bottom:-40px;width:100%;}
.header .header_area .header_inner .sub_depth .depth .banr_box .depth .img_banr img {transform: translateY(0px);-webkit-transform: translateY(0px);}
.header .header_area .header_inner .navigation .nav>li.on .img_banr img {-webkit-animation:banner_img 1.5s cubic-bezier(.25,.46,.45,.94) both;animation:banner_img 1.5s cubic-bezier(.25,.46,.45,.94) both}
.header .header_area .scroll_bar {position:absolute;left:0;bottom:-1px;height:2px;background:#ff626f;z-index:100;transition:all 0.3s ease-out;}
@-webkit-keyframes banner_img{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0.8;filter:alpha(opacity=80);}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;filter:alpha(opacity=100);}}@keyframes banner_img{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0.8;filter:alpha(opacity=80);}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;filter:alpha(opacity=100);}}
#msk {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.7;
    filter: alpha(opacity=70);
    background: #000; }

/* 그리드 시스템 */
.cols-wrap {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.25rem; /* PC gap */
  width: 100%;
  box-sizing: border-box;
}
.cols-wrap img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0;
}

/* 1단 ~ 6단 / PC 기준 */
.cols-wrap .col-1  { grid-column: span 12; } /* 100% */
.cols-wrap .col-2  { grid-column: span 6; }  /* 50% */
.cols-wrap .col-3  { grid-column: span 4; }  /* 33.33% */
.cols-wrap .col-4  { grid-column: span 3; }  /* 25% */
.cols-wrap .col-5  { grid-column: span 2; }  /* 약 16.6% */
.cols-wrap .col-6  { grid-column: span 2; }
.cols-wrap .col-7, .cols-wrap .col-8, .cols-wrap .col-9, .cols-wrap .col-10, .cols-wrap .col-11 { grid-column: span 2; }
.cols-wrap .col-12 { grid-column: span 1; }  /* 8.33% */