@charset "UTF-8";
/* 피시전용 hover 스타일 대용 */
/* 모바일전용 hover 스타일 대응 */
/*-------------------------------------------------------------------
	분류그룹 : 초기화
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	@Fonts
-------------------------------------------------------------------*/
@font-face {
  font-family: "Pretendard";
  font-weight: 45 920;
  font-style: normal;
  font-display: block;
  src: url("../fonts/PretendardVariable/PretendardVariable.woff2") format("woff2-variations");
}
/*-------------------------------------------------------------------
	@Resets
-------------------------------------------------------------------*/
html,
body,
div,
ul,
ol,
dl,
li,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
table,
thead,
tbody,
tr,
th,
td,
caption,
address,
article,
aside,
canvas,
details,
figure,
figcaption,
main,
footer,
header,
menu,
nav,
section,
button,
form,
select,
textarea,
input,
fieldset,
legend,
label,
a,
span,
strong,
em,
address,
dfn,
xmp,
small,
i,
b {
  margin: 0;
  padding: 0;
  border: 0;
  letter-spacing: inherit;
  list-style: none;
  font-style: normal;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
  line-height: inherit;
  box-sizing: inherit;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  -o-box-sizing: inherit;
  -webkit-print-color-adjust: exact;
  color-adjust: exact !important;
  overscroll-behavior: none;
}

:before,
:after {
  box-sizing: inherit;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  -o-box-sizing: inherit;
}

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

html {
  font-size: 1px;
}

body {
  color: #444;
  font-family: "Pretendard", "sans-serif";
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  word-break: break-all;
  word-wrap: break-word;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

html[lang=ja] body,
html[lang=zh] body {
  word-break: normal;
}

[hidden],
hr {
  display: none;
}

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

button {
  background-color: transparent;
}

a,
button,
[role=option],
[role=button],
[role=link] {
  cursor: pointer;
}

[tabindex] {
  outline: none;
}
[tabindex]:focus {
  outline: none;
}

fieldset,
iframe {
  width: 100%;
}

img,
a,
frame,
iframe,
fieldset {
  border: 0;
}

a {
  text-decoration: none;
}

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

caption {
  height: 1px;
  overflow: hidden;
}

legend {
  position: fixed;
  overflow: hidden;
  border: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
}

button {
  overflow: hidden;
  background-color: transparent;
  cursor: pointer;
}

button::-moz-focus-inner {
  border: 0px;
  padding: 0px;
}

input[type=checkbox],
input[type=radio],
select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
}

textarea {
  resize: none;
}

select::-ms-expand {
  display: none;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input::search-decoration,
input::search-cancel-button,
input::search-results-button,
input::search-results-decoration {
  display: none;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

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

input::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
}

[tabindex="0"]:focus,
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
  outline: 0;
}

[tabindex="0"] {
  -webkit-tap-highlight-color: transparent;
}

.is-desktop {
  /* 전체 스크롤바 색상 및 두께 */
  /* 스크롤바 트랙 스타일 */
  /* 스크롤바 핸들 스타일 */
  /* 마우스로 스크롤바를 클릭할 때 스타일 */
}
.is-desktop ::-webkit-scrollbar {
  width: 10px;
  /* 가로 스크롤바 두께 */
  height: 10px;
  /* 세로 스크롤바 두께 */
}
.is-desktop ::-webkit-scrollbar-track {
  background: transparent;
}
.is-desktop ::-webkit-scrollbar-thumb {
  background-color: #888;
  /* 스크롤 핸들 색상 */
  border-radius: 5rem;
  border: 3px solid #fff;
  /* 트랙과 핸들 사이의 간격 */
}
.is-desktop ::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/*-------------------------------------------------------------------
	분류그룹 : 유틸리티
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    @General
-------------------------------------------------------------------*/
/* System */
.blind {
  position: fixed;
  overflow: hidden;
  border: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
}

.is-scroll-hidden {
  overflow: hidden;
}

.is-scroll-hidden-ios {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* Bootstrap Transition */
.fade {
  transition: opacity 0.15s linear;
}
.fade:not(.show) {
  opacity: 0;
}

/* Margin */
.mar-0 {
  margin: 0 !important;
}

.mar-t0 {
  margin-top: 0 !important;
}

.mar-r0 {
  margin-right: 0 !important;
}

.mar-b0 {
  margin-bottom: 0 !important;
}

.mar-l0 {
  margin-left: 0 !important;
}

/* Padding */
.pad-0 {
  padding: 0 !important;
}

.pad-t0 {
  padding-top: 0 !important;
}

.pad-r0 {
  padding-right: 0 !important;
}

.pad-b0 {
  padding-bottom: 0 !important;
}

.pad-l0 {
  padding-left: 0 !important;
}

/* Border */
.line-0 {
  border-width: 0 !important;
}

.line-t0 {
  border-top-width: 0 !important;
}

.line-r0 {
  border-right-width: 0 !important;
}

.line-b0 {
  border-bottom-width: 0 !important;
}

.line-l0 {
  border-left-width: 0 !important;
}

/* Align - Inline */
.align-t {
  vertical-align: top !important;
}

.align-m {
  vertical-align: middle !important;
}

.align-b {
  vertical-align: bottom !important;
}

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

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

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

.align-j {
  text-align: justify;
  -moz-text-align-last: justify;
  -webkit-text-align-last: justify;
  text-align-last: justify;
}

/* 말줄임 */
.ellipsis1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ellipsis3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* 디바이스 */
.only-pc {
  display: none !important;
}

@media all and (min-width: 720px) {
  .only-mo {
    display: none !important;
  }
  .only-pc {
    display: block !important;
  }
  .only-mo-br {
    display: none;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .only-mo {
    display: none !important;
  }
  .only-pc {
    display: block !important;
  }
  .only-mo-br {
    display: none;
  }
}
.data-view strong {
  font-weight: 700;
}

/*-------------------------------------------------------------------
	@Colors
-------------------------------------------------------------------*/
.bg-primary {
  background-color: #542FDD;
}

.txt-primary {
  color: #542FDD;
}

.line-primary {
  border-color: #542FDD;
}

.bg-secondary {
  background-color: #2FBE98;
}

.txt-secondary {
  color: #2FBE98;
}

.line-secondary {
  border-color: #2FBE98;
}

.bg-point {
  background-color: #E43558;
}

.txt-point {
  color: #E43558;
}

.line-point {
  border-color: #E43558;
}

.bg-success {
  background-color: green;
}

.txt-success {
  color: green;
}

.line-success {
  border-color: green;
}

.bg-fail {
  background-color: #EA2A2A;
}

.txt-fail {
  color: #EA2A2A;
}

.line-fail {
  border-color: #EA2A2A;
}

.bg-complete {
  background-color: skyblue;
}

.txt-complete {
  color: skyblue;
}

.line-complete {
  border-color: skyblue;
}

.bg-error {
  background-color: #EA2A2A;
}

.txt-error {
  color: #EA2A2A;
}

.line-error {
  border-color: #EA2A2A;
}

.bg-warning {
  background-color: orange;
}

.txt-warning {
  color: orange;
}

.line-warning {
  border-color: orange;
}

.bg-caution {
  background-color: orange;
}

.txt-caution {
  color: orange;
}

.line-caution {
  border-color: orange;
}

.bg-danger {
  background-color: orange;
}

.txt-danger {
  color: orange;
}

.line-danger {
  border-color: orange;
}

/*-------------------------------------------------------------------
	@Grid
-------------------------------------------------------------------*/
/* Grid */
.grid {
  display: flex;
  flex-wrap: wrap;
}

.col {
  flex: none;
}

/* Column */
.col.auto {
  width: auto;
  flex: 1 1 auto;
}

.col.col-1 {
  width: 8.3333333333%;
}

.col.col-2 {
  width: 16.6666666667%;
}

.col.col-3 {
  width: 25%;
}

.col.col-4 {
  width: 33.3333333333%;
}

.col.col-5 {
  width: 41.6666666667%;
}

.col.col-6 {
  width: 50%;
}

.col.col-7 {
  width: 58.3333333333%;
}

.col.col-8 {
  width: 66.6666666667%;
}

.col.col-9 {
  width: 75%;
}

.col.col-10 {
  width: 83.3333333333%;
}

.col.col-11 {
  width: 91.6666666667%;
}

.col.col-12 {
  width: 100%;
}

.divider-sec {
  height: 8rem;
  background-color: #F5F5F5;
}

/*-------------------------------------------------------------------
	분류그룹 : 레이아웃
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	@@ 공통
-------------------------------------------------------------------*/
body,
html {
  height: 100%;
}

.wrapper {
  min-height: 100%;
  min-width: 320px;
  padding-top: 60rem;
}
.wrapper.only-container {
  padding-top: 0;
}
.wrapper.only-container .header-mobile {
  position: sticky;
}

.wrapper,
.container,
.content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
}

.header,
.footer {
  flex: none;
  position: relative;
  min-width: 320px;
  padding-left: 24rem;
  padding-right: 24rem;
  transition: padding 0.2s ease;
}
@media all and (min-width: 720px) {
  .header,
  .footer {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .header,
  .footer {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}

.out-sec {
  min-width: 320px;
  padding-left: 24rem;
  padding-right: 24rem;
  transition: padding 0.2s ease;
}
@media all and (min-width: 720px) {
  .out-sec {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .out-sec {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}

.in-sec {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
}

.header-mobile {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  width: 100%;
  background-color: #fff;
  height: 60rem;
  border-bottom: 1px solid #EFF0F0;
  min-width: 320px;
  padding-left: 24rem;
  padding-right: 24rem;
  transition: padding 0.2s ease;
  transition: all 0.2s ease;
}
@media all and (min-width: 720px) {
  .header-mobile {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .header-mobile {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
.header-mobile .header-sec {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  gap: 12rem;
  padding: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
}
.header-mobile .header-sec .title { /* 로고 베타 추가 */
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  margin-right: auto;
  font-size: 20rem;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-mobile .header-sec .title .logo {
  display: inline-block;
  width: 80rem;
  height: 24rem;
  -webkit-mask: url("../images/common/img-logo-header-wh.svg") no-repeat center center/contain;
          mask: url("../images/common/img-logo-header-wh.svg") no-repeat center center/contain;
  background-color: #000000;
  transition: all 0.2s ease;
}
.header-mobile .header-sec .title .logo-beta { /* 로고 베타 추가 */
  display: none;
}
.header-mobile .header-sec .title .logo-beta img {
  height: 20rem;
  margin-left: 6rem;
}
.header-mobile .header-sec .ui-btn {
  width: 32rem;
  height: 32rem;
}
.header-mobile .header-sec .icn-32-anb-bk::before {
  background: none;
  -webkit-mask: url("../images/common/icn-32-anb-bk.svg") no-repeat center center/contain;
          mask: url("../images/common/icn-32-anb-bk.svg") no-repeat center center/contain;
  background-color: #000000;
  transition: all 0.2s ease;
}

.is-scroll-first .header-mobile {
  border-color: transparent;
}
.is-scroll-first .header-mobile.transparent {
  background-color: transparent;
  border-bottom: transparent;
}
.is-scroll-first .header-mobile.is-white .title .logo,
.is-scroll-first .header-mobile.is-white .icn-32-anb-bk::before {
  background-color: #fff;
}
.is-scroll-first .header-mobile.is-black .title .logo,
.is-scroll-first .header-mobile.is-black .icn-32-anb-bk::before {
  background-color: #000;
}

.header-desktop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  padding: 0 40rem;
  background-color: #fff;
  border-bottom: 1px solid #EFF0F0;
  transition: all 0.2s ease;
}
.header-desktop .header-skip {
  position: fixed;
  left: 0;
  z-index: 900;
  bottom: 100%;
  width: 100%;
}
.header-desktop .header-skip a {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 50rem;
  font-size: 18rem;
  color: #fff;
  transform: translateY(0%);
  background-color: rgba(0, 0, 0, 0.75);
}
.header-desktop .header-skip a:focus-visible {
  text-decoration: underline;
  text-underline-position: under;
  transform: translateY(100%);
  transition: all 0.2s ease;
}
.header-desktop .header-sec {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 80rem;
  gap: 12rem;
  padding: 0;
  max-width: 940rem;
  margin: 0 auto;
}
.header-desktop .header-sec .title {
  display: flex; /* 로고 베타 추가 */
  align-items: center;
}
.header-desktop .header-sec .title .logo { /* 3차 수정 : 로고 사이즈 변경 */
  display: block;
  width: 80rem;
  height: 24rem;
  -webkit-mask: url("../images/common/img-logo-header-wh.svg") no-repeat center center/contain;
          mask: url("../images/common/img-logo-header-wh.svg") no-repeat center center/contain;
  background-color: #000000;
}
.header-desktop .header-sec .title .logo-beta { /* 로고 베타 추가 */ }
.header-desktop .header-sec .title .logo-beta img {
  height: 20rem;
  margin-left: 6rem;
}
.header-desktop .header-sec .header-nav {
  margin-left: auto;
}
.header-desktop .header-sec .header-nav .nav-list {
  display: flex;
  gap: 32rem;
}
.header-desktop .header-sec .header-nav .nav-list .nav-link {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.header-desktop .header-sec .header-nav .nav-list .nav-link.is-selected {
  color: #542FDD;
}
.header-desktop .header-sec .header-nav .nav-list .sub-nav {
  position: relative;
  padding: 16rem;
  text-align: center;
  border: 1px solid #EFF0F0;
  border-radius: 8rem;
  box-shadow: 0 4rem 4rem 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
}
.header-desktop .header-sec .header-nav .nav-list .sub-nav::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: calc(50% - 5rem);
  z-index: 10;
  width: 10rem;
  height: 6rem;
  background: url("../images/common/icn-dropdown-arrow.png") no-repeat 0 0/100%;
}
.header-desktop .header-sec .header-nav .nav-list .sub-nav .sub-nav-item + .sub-nav-item {
  margin-top: 8rem;
}
.header-desktop .header-sec .header-nav .nav-list .sub-nav .sub-nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 22rem;
  color: #63666A;
}
.header-desktop .header-sec .header-nav .nav-list .sub-nav .sub-nav-link:hover, .header-desktop .header-sec .header-nav .nav-list .sub-nav .sub-nav-link:focus {
  color: #542FDD;
}
.header-desktop .header-sec .header-nav .dropdown-menu {
  position: relative;
  padding-top: 10rem;
  width: 164rem;
  left: calc(50% - 82rem) !important;
}

.is-scroll-first .header-desktop { /* 3차 수정 : 스크롤 처음일때 투명처리 */
  border-color: transparent;
}

.modal.aside-modal .modal-dialog {
  transform: translateX(105%);
  transition-duration: 0.1s;
}
.modal.aside-modal.fade {
  transition: opacity 0.1s linear;
}
.modal.aside-modal.show .modal-dialog {
  transform: translateX(0%);
}
.modal.aside-modal .aside-nav-sec {
  /* margin-top: 32rem; 4차 수정 : 전체메뉴 간격 삭제 */
}
.modal.aside-modal .aside-nav-sec .aside-logo .logo { /* 4차 수정 : 전체메뉴 로고 추가 (img-logo-header-bk-only.svg 추가) */
  display: block;
  width: 80rem;
  height: 24rem;
  margin-left: 18rem;
  margin-bottom: 30rem;
  background: url("../images/common/img-logo-header-bk-only.svg") no-repeat center center/contain;
}
@media all and (min-width: 720px) {
  .modal.aside-modal .aside-nav-sec .aside-logo .logo:hover { /* 4차 수정 : 전체메뉴 로고 추가 */
    background: url("../images/common/img-logo-header-bk.svg") no-repeat center center/contain;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .modal.aside-modal .aside-nav-sec .aside-logo .logo:hover { /* 4차 수정 : 전체메뉴 로고 추가 */
    background: url("../images/common/img-logo-header-bk.svg") no-repeat center center/contain;
  }
}
.modal.aside-modal .aside-nav-sec .aside-nav .nav-item + .nav-item {
  margin-top: 12rem;
}
.modal.aside-modal .aside-nav-sec .aside-nav .nav-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 12rem 4rem 12rem 18rem;
  font-weight: 600;
  font-size: 20rem;
  line-height: 28rem;
  color: #36383A;
  text-align: left;
}
.modal.aside-modal .aside-nav-sec .aside-nav .nav-link .ui-icn {
  margin-right: 8rem;
}
.modal.aside-modal .aside-nav-sec .aside-nav .nav-link .ui-icn.icn-24-dropdown-arw-gr {
  margin-right: 0;
  margin-left: auto;
  transform: rotate(180deg);
}
.modal.aside-modal .aside-nav-sec .aside-nav .nav-link.collapsed .ui-icn.icn-24-dropdown-arw-gr {
  transform: rotate(0deg);
}
.modal.aside-modal .aside-nav-sec .aside-nav .sub-nav {
  padding-top: 11rem;
  padding-left: 48rem;
}
.modal.aside-modal .aside-nav-sec .aside-nav .sub-nav .sub-nav-item + .sub-nav-item {
  margin-top: 14rem;
}
.modal.aside-modal .aside-nav-sec .aside-nav .sub-nav .sub-nav-link {
  display: block;
  padding: 5rem;
  font-size: 16rem;
  line-height: 22rem;
  font-weight: 600;
  color: #63666A;
}

section {
  min-width: 320px;
  padding-left: 24rem;
  padding-right: 24rem;
  transition: padding 0.2s ease;
  transition: padding 0.2s ease;
}
@media all and (min-width: 720px) {
  section {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  section {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
section .sec-inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
  transition: padding 0.2s ease;
}

.footer {
  padding-bottom: calc(76rem + env(safe-area-inset-bottom, 0)/1.7);
  background-color: #111;
  color: #EFF0F0;
}
.footer.is-sticy-consult {
  padding-bottom: env(safe-area-inset-bottom, 0)/1.7;
}
.footer .footer-sec {
  display: flex;
  flex-direction: column;
  padding: 28rem 0 32rem 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
}
.footer .footer-sec .logo-area .logo-footer {
  display: block;
  height: 22rem;
}
.footer .footer-sec .logo-area .logo-footer img {
  height: 100%;
}
.footer .footer-sec .fnb-area {
  margin-top: 30rem;
}
.footer .footer-sec .fnb-area .fnb-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10rem 60rem;
}
.footer .footer-sec .fnb-area .fnb-list .fnb-item {
  flex: none;
  min-width: 100rem;
}
.footer .footer-sec .fnb-area .fnb-list .fnb-item .ui-btn {
  width: 100re;
  flex: none;
  font-weight: 500;
  font-size: 14rem;
  line-height: 22rem;
}
.footer .footer-sec .info-area {
  position: relative;
}
.footer .footer-sec .info-area:first-child .info-cont {
  margin-top: 0;
}
.footer .footer-sec .info-area .info-cont {
  margin-top: 30rem;
  color: #B7B9BA;
  font-size: 11rem;
  line-height: 15rem;
}
.footer .footer-sec .info-area .info-cont .info-tit {
  display: block;
  margin-bottom: 6rem;
  font-weight: 700;
}
.footer .footer-sec .info-area .info-cont .info-txt {
  font-weight: 500;
  margin-top: 2rem;
}
.footer .footer-sec .info-area .info-cont:nth-child(3) {
  margin-top: 10rem;
}
.footer .footer-sec .info-area .info-mark {
  position: absolute;
  right: 100rem;
  bottom: -2rem;
  width: 30rem;
}
@media all and (min-width: 720px) {
  .footer .footer-sec .info-area .info-mark {
    right: 0;
    width: 40rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .footer .footer-sec .info-area .info-mark {
    right: 0;
    width: 40rem;
  }
}

.floating-menu {
  --btn-size: 54rem;
  --btn-gap: 30rem;
  position: fixed;
  bottom: calc(76rem + env(safe-area-inset-bottom, 0)/1.7 + var(--btn-gap));
  right: 20rem;
  z-index: 100;
  width: var(--btn-size);
  min-height: var(--btn-size);
  transition: all 0.2s ease;
}
.floating-menu > .ui-btn {
  position: relative;
  z-index: 10;
  width: var(--btn-size);
  height: var(--btn-size);
  background-color: #fff;
  border-radius: 50%;
  margin-top: 8rem;
  color: #333;
  box-shadow: 0 0 10rem 0 rgba(0, 0, 0, 0.1);
}
.floating-menu > .ui-btn .icn-30-floating-close {
  display: none;
}
.floating-menu > .ui-btn:active {
  background-color: #EFF0F0;
}
.floating-menu > .ui-btn.btn-compare-view {
  display: none;
  font-weight: 700;
  background-color: #EAE6FB;
  color: #542FDD;
  line-height: 110%;
}
.floating-menu > .ui-btn.btn-compare-view.is-compared {
  display: inline-flex;
}
.floating-menu .btn-top {
  transition: all 0.2s ease;
}
.floating-menu .floating-layer {
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: calc(100% + 0rem);
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  gap: 8rem;
}
.floating-menu .floating-layer > .ui-btn {
  visibility: hidden;
  gap: 6rem;
  background-color: transparent;
  border-radius: 50%;
  padding: 0;
  width: var(--btn-size);
  height: var(--btn-size);
  opacity: 0;
  transition: all 0.2s ease;
  transform-origin: right bottom;
  box-shadow: 0 0 10rem 0 rgba(0, 0, 0, 0.1);
}
.floating-menu .floating-layer > .ui-btn:nth-child(1) {
  transform: translate(0rem, 120rem) scale(0);
}
.floating-menu .floating-layer > .ui-btn:nth-child(2) {
  transform: translate(0rem, 60rem) scale(0);
}
.floating-menu .floating-layer > .ui-btn:nth-child(3) {
  transform: translate(0rem, 0rem) scale(0);
}
.floating-menu .floating-layer > .ui-btn:nth-child(4) {
  transform: translate(0rem, -60rem) scale(0);
}
.floating-menu .floating-layer > .ui-btn:active {
  background-color: #EFF0F0;
}
.floating-menu.is-active {
  z-index: 4000;
}
.floating-menu.is-active .btn-menu .icn-30-floating-logo {
  display: none;
}
.floating-menu.is-active .btn-menu .icn-30-floating-close {
  display: flex;
}
.floating-menu.is-active .floating-layer {
  pointer-events: auto;
}
.floating-menu.is-active .floating-layer .ui-btn {
  visibility: visible;
  opacity: 1;
}
.floating-menu.is-active .floating-layer .ui-btn:nth-child(1), .floating-menu.is-active .floating-layer .ui-btn:nth-child(2), .floating-menu.is-active .floating-layer .ui-btn:nth-child(3), .floating-menu.is-active .floating-layer .ui-btn:nth-child(4) {
  transform: translate(0rem, 0rem) scale(1);
}
.floating-menu.is-active .floating-layer .ui-btn span {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  font-size: 12rem;
  line-height: 120%;
}
.floating-menu.is-active .floating-layer .ui-btn.type-cs span {
  background-color: #0084FF;
}
.floating-menu.is-active .floating-layer .ui-btn.type-bot span {
  background-color: #542FDD;
}
.floating-menu.is-active .floating-layer .ui-btn .ui-icn {
  animation: fadeInOut 4s infinite ease-in-out;
}
.floating-menu.is-active .floating-layer .ui-btn span {
  animation: fadeOutIn 4s infinite ease-in-out;
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  7% {
    opacity: 1;
  }
  43% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOutIn {
  0% {
    opacity: 1;
  }
  7% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

.floating-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: 0;
  pointer-events: none;
}
.floating-backdrop.show {
  opacity: 0.5;
  pointer-events: auto;
}

body.menu-open {
  overflow: hidden;
}

body.is-scroll-first .floating-menu {
  transform: translateY(calc(var(--btn-size) + 10rem));
}
body.is-scroll-first .floating-menu .btn-top {
  opacity: 0;
  pointer-events: none;
}

.floating-nav {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 300;
  width: 100%;
  height: calc(76rem + env(safe-area-inset-bottom, 0)/1.7);
  min-width: 320px;
  background-color: #fff;
  border-top: 1px solid #EFF0F0;
}
.floating-nav .nav-list {
  display: flex;
  justify-content: space-between;
  padding: 14rem 16rem 18rem 16rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
  background-color: #fff;
}
.floating-nav .nav-list .nav-item {
  width: 52rem;
}
.floating-nav .nav-list .nav-item .nav-link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 11rem;
  line-height: 15rem;
  color: #B7B9BA;
  letter-spacing: -0.02em;
  font-weight: 500;
}
.floating-nav .nav-list .nav-item .nav-link > span {
  display: block;
  width: 100%;
  margin-top: 5rem;
  white-space: nowrap;
  text-align: center;
}
.floating-nav .nav-list .nav-item .nav-link:hover > span, .floating-nav .nav-list .nav-item .nav-link:active > span, .floating-nav .nav-list .nav-item .nav-link:focus-visible > span {
  font-weight: 600;
  color: #96989B;
}
.floating-nav .nav-list .nav-item .nav-link.is-selected > span {
  font-weight: 600;
  color: #542FDD;
}
.floating-nav .nav-list .nav-item .nav-link.is-selected .icn-24-nav-04-gr {
  -webkit-mask: url("../images/common/icn-24-nav-04-gr.svg") no-repeat 0 0/100%;
          mask: url("../images/common/icn-24-nav-04-gr.svg") no-repeat 0 0/100%;
  background-color: #542FDD;
}
.floating-nav .nav-list .nav-item .nav-link:not(.is-selected) .icn-h20-sk::before {
  -webkit-mask: url("../images/common/icn-h20-sk.png") no-repeat 0 0/100%;
          mask: url("../images/common/icn-h20-sk.png") no-repeat 0 0/100%;
  background: #B7B9BA;
}
.floating-nav .nav-list .nav-item .nav-link:not(.is-selected) .icn-h20-kt::before {
  -webkit-mask: url("../images/common/icn-h20-kt.png") no-repeat 0 0/100%;
          mask: url("../images/common/icn-h20-kt.png") no-repeat 0 0/100%;
  background: #B7B9BA;
}
.floating-nav .nav-list .nav-item .nav-link:not(.is-selected) .icn-h20-lgu-02::before {
  -webkit-mask: url("../images/common/icn-h20-lgu-02.png") no-repeat 0 0/100%;
          mask: url("../images/common/icn-h20-lgu-02.png") no-repeat 0 0/100%;
  background: #B7B9BA;
}

.sub-wrapper .footer {
  padding-bottom: calc(env(safe-area-inset-bottom, 0)/1.7); /* 1차 수정 : 서브 푸터 calc 적용 */
}
.sub-wrapper .floating-menu {
  bottom: calc(env(safe-area-inset-bottom, 0)/1.7 + var(--btn-gap));
}

.lending-wrapper {
  padding-top: 0;
}

@media all and (min-width: 550px) {
  .footer .fnb-item {
    min-width: 0 !important;
  }
}
@media all and (min-width: 720px) {
  .wrapper {
    padding-top: 80rem;
  }
  .wrapper.only-container {
    padding-top: 0;
  }
  .wrapper.only-container .header-mobile {
    position: relative;
  }
  .wrapper.lending-wrapper {
    padding-top: 0;
  }
  .footer {
    padding-bottom: 0; /* 1차 수정 : 피시 푸터 여백 초기화 */
  }
  .header-mobile {
    margin-top: 30rem;
    margin-bottom: 10rem;
    position: relative;
    box-shadow: none;
    border-bottom: 0; /* 4차 수정 : 피시에서 모바일헤더 라인 삭제 */
  }
  .header-mobile .btn-aside {
    display: none;
  }
  .header-mobile.only-mo ~ .container .content, .header-mobile.only-mo + .container .content {
    padding-top: calc(48rem);
  }
  .header-desktop {
    display: block;
  }
  .floating-nav {
    display: none;
  }
  .floating-menu {
    bottom: calc(env(safe-area-inset-bottom, 0)/1.7 + var(--btn-gap));
  }
  .header-desktop .header-sec .title .logo { /* 3차 수정 : 롤호버 로고 적용 */
    width: 100rem;
    height: 30rem;
  }
  .header-desktop .header-sec .title .logo:hover {
    background: url("../images/common/img-logo-header-bk.svg") no-repeat center center/contain;
    -webkit-mask: none;
            mask: none;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .wrapper {
    padding-top: 80rem;
  }
  .wrapper.only-container {
    padding-top: 0;
  }
  .wrapper.only-container .header-mobile {
    position: relative;
  }
  .wrapper.lending-wrapper {
    padding-top: 0;
  }
  .footer {
    padding-bottom: 0; /* 1차 수정 : 피시 푸터 여백 초기화 */
  }
  .header-mobile {
    margin-top: 30rem;
    margin-bottom: 10rem;
    position: relative;
    box-shadow: none;
    border-bottom: 0; /* 4차 수정 : 피시에서 모바일헤더 라인 삭제 */
  }
  .header-mobile .btn-aside {
    display: none;
  }
  .header-mobile.only-mo ~ .container .content, .header-mobile.only-mo + .container .content {
    padding-top: calc(48rem);
  }
  .header-desktop {
    display: block;
  }
  .floating-nav {
    display: none;
  }
  .floating-menu {
    bottom: calc(env(safe-area-inset-bottom, 0)/1.7 + var(--btn-gap));
  }
  .header-desktop .header-sec .title .logo { /* 3차 수정 : 롤호버 로고 적용 */
    width: 100rem;
    height: 30rem;
  }
  .header-desktop .header-sec .title .logo:hover {
    background: url("../images/common/img-logo-header-bk.svg") no-repeat center center/contain;
    -webkit-mask: none;
            mask: none;
  }
}
.modal-demo-page {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  justify-content: center;
}

.loader-section {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  align-items: center;
  justify-content: center;
  color: #ccc;
  display: flex;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.5);
  transition: all 0.2s linear;
}

.loader-section.is-visible {
  visibility: visible;
  opacity: 1;
}

.loader {
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: mulShdSpin 1.1s infinite ease;
  transform: translateZ(0);
  --color-loader: #000;
}

@keyframes mulShdSpin {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em var(--color-loader), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em var(--color-loader), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em var(--color-loader), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em var(--color-loader), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em var(--color-loader), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em var(--color-loader), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em var(--color-loader), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em var(--color-loader);
  }
}
/*-------------------------------------------------------------------
	파일정의 : Librarys Style
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	분류그룹 : Accordions
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	@@ 공통
-------------------------------------------------------------------*/
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.collapse:not(.show) {
  display: none;
}

/*-------------------------------------------------------------------
	분류그룹 : 버튼
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	@@ 공통
-------------------------------------------------------------------*/
.ui-btn {
  position: relative;
  flex: none;
  display: inline-flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.ui-btn > span {
  position: relative;
  z-index: 3;
}

/* 개발요청 옵션 */
.ui-btn.no-cursor {
  cursor: default !important;
}
.ui-btn.no-cursor:hover {
  cursor: default !important;
}

/*-------------------------------------------------------------------
	@@ 유형
-------------------------------------------------------------------*/
.btn-modal {
  min-width: 50%;
  height: 56rem;
  padding: 0 16rem;
  font-weight: 500;
  font-size: 16rem;
  line-height: 22rem;
}
.btn-modal::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 0.2s ease;
}
.btn-modal.normal {
  color: #000000;
  background-color: rgb(239, 240, 240);
}
.btn-modal.primary {
  background-color: #2F01D5;
  color: #fff;
}
.btn-modal::before {
  background-color: #000;
  opacity: 0;
}
.btn-modal:hover::before, .btn-modal:active::before {
  opacity: 0.2;
}

.btn-kakao {
  width: 100%;
  height: 45rem;
  border-radius: 6rem;
  background-color: #FEE500;
  font-weight: 400;
  font-size: 15rem;
  line-height: 19rem;
}
.btn-kakao .ui-icn {
  position: absolute;
  left: 16rem;
  top: 50%;
  transform: translateY(-50%);
}

.btn-more {
  padding: 4rem 0;
  font-weight: 400;
  line-height: 16rem;
  color: #555555;
}

.btn-more-list {
  gap: 2rem;
  width: 100%;
  margin-top: 20rem;
  padding: 9rem 10rem;
  background-color: #EFF0F0;
  border-radius: 4rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.btn-more-list:active {
  background-color: #CFD0D1;
}
.btn-more-list:disabled {
  background-color: #EFF0F0;
}

.btn-action {
  width: 100%;
  max-width: 720px;
  height: 48rem;
  padding-left: 18rem;
  padding-right: 18rem;
  border-radius: 4rem;
  background-color: #EFF0F0;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #2A2B2D;
  gap: 10rem;
  border: 1px solid transparent;
}
.btn-action:active {
  background-color: #CFD0D1;
}
.btn-action:disabled {
  background-color: #CFD0D1;
  color: #fff;
}
.btn-action.primary {
  background-color: #542FDD;
  color: #fff;
}
.btn-action.primary:active {
  background-color: #2801B5;
}
.btn-action.primary:disabled {
  background-color: #CDC2F5;
}

.btn-sub {
  background-color: #EAE6FB;
  color: #542FDD;
}
.btn-sub:active {
  background-color: #CDC2F5;
}
.btn-sub:disabled {
  background-color: #CDC2F5;
  color: rgba(84, 47, 221, 0.3);
}
.btn-sub.xl {
  height: 48rem;
  width: 100%;
  margin-top: 20rem;
  padding: 0 16rem;
  border-radius: 4rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
}
.btn-sub.xs {
  padding: 10rem 16rem;
  border-radius: 4rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  gap: 2rem;
}
.btn-sub.top-arw {
  overflow: visible;
}
.btn-sub.top-arw::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 100%;
  display: block;
  background: url("../images/common/img-btn-sub-shap.svg") no-repeat 0 0/100%;
  width: 8rem;
  height: 4rem;
}

.btn-texted {
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #63666A;
}
.btn-texted::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 2rem;
  width: 100%;
  height: 1px;
  background-color: #63666A;
}

/*-------------------------------------------------------------------
	분류그룹 : 탭 메뉴
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	@@ 유형
-------------------------------------------------------------------*/
.chk-style1 {
  position: relative;
  display: block;
  padding: 4rem 0;
  min-width: 150rem;
  cursor: pointer;
}
.chk-style1:last-child {
  margin-bottom: auto;
}
.chk-style1 input {
  position: absolute;
  top: 4rem;
  left: 0;
  z-index: 1;
  width: 20rem;
  height: 20rem;
  outline: none;
}
.chk-style1 .chk {
  display: block;
  position: relative;
  padding-left: 20rem;
  z-index: 2;
}
.chk-style1 .chk::before, .chk-style1 .chk::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20rem;
  height: 20rem;
  background: no-repeat center center;
}
.chk-style1 .chk::before {
  opacity: 1;
  background-image: url("../images/common/icn-20-chk-nor.svg");
}
.chk-style1 .chk::after {
  opacity: 0;
  background-image: url("../images/common/icn-20-chk-sel.svg");
}
.chk-style1 .chk > span {
  display: block;
  padding-left: 10rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.chk-style1 input:checked + .chk > span {
  font-weight: 600;
}
.chk-style1 input:checked + .chk::before {
  opacity: 0;
}
.chk-style1 input:checked + .chk::after {
  opacity: 1;
}
.chk-style1.xl input {
  top: 2rem;
  width: 24rem;
  height: 24rem;
}
.chk-style1.xl .chk {
  padding-left: 24rem;
}
.chk-style1.xl .chk::before, .chk-style1.xl .chk::after {
  width: 24rem;
  height: 24rem;
  background-size: 24rem;
}
.chk-style1.xl .chk > span {
  font-size: 16rem;
  line-height: 24rem;
}

.rdo-style1 {
  position: relative;
  display: block;
  padding: 4rem 0;
  min-width: 150rem;
  cursor: pointer;
}
.rdo-style1:last-child {
  margin-bottom: auto;
}
.rdo-style1 input {
  position: absolute;
  top: 4rem;
  left: 0;
  z-index: 1;
  width: 20rem;
  height: 20rem;
  outline: none;
}
.rdo-style1 .rdo {
  display: block;
  position: relative;
  padding-left: 20rem;
  text-align: left;
  z-index: 2;
}
.rdo-style1 .rdo::before, .rdo-style1 .rdo::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20rem;
  height: 20rem;
  background: no-repeat center center;
}
.rdo-style1 .rdo::before {
  opacity: 1;
  background-image: url("../images/common/icn-20-rdo-basic-nor.svg");
}
.rdo-style1 .rdo::after {
  opacity: 0;
  background-image: url("../images/common/icn-20-rdo-basic-sel.svg");
}
.rdo-style1 .rdo > span {
  display: block;
  padding-left: 10rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.rdo-style1 input:checked + .rdo > span {
  font-weight: 600;
  color: #542FDD;
}
.rdo-style1 input:checked + .rdo::before {
  opacity: 0;
}
.rdo-style1 input:checked + .rdo::after {
  opacity: 1;
}
.rdo-style1.type-block {
  padding: 11rem;
  border: 1px solid transparent;
  border-radius: 4rem;
  background-color: #F4F4F4;
}
.rdo-style1.type-block.is-selected {
  border-color: #A692ED;
  background-color: #fff;
}
.rdo-style1.has-icn [class*=icn-26] {
  top: -3rem;
  margin-right: 8rem;
}

.rdo-style2, .F-QU-page .survey-list .survey-rdo, .F-CB03-01-page .cb-survey-sec .survey-list .survey-rdo {
  display: flex;
  width: 100%;
}
.rdo-style2 .rdo::before, .F-QU-page .survey-list .survey-rdo .rdo::before, .F-CB03-01-page .cb-survey-sec .survey-list .survey-rdo .rdo::before,
.rdo-style2 .rdo::after,
.F-QU-page .survey-list .survey-rdo .rdo::after,
.F-CB03-01-page .cb-survey-sec .survey-list .survey-rdo .rdo::after,
.rdo-style2 input,
.F-QU-page .survey-list .survey-rdo input,
.F-CB03-01-page .cb-survey-sec .survey-list .survey-rdo input {
  display: none;
}
.rdo-style2 .rdo, .F-QU-page .survey-list .survey-rdo .rdo, .F-CB03-01-page .cb-survey-sec .survey-list .survey-rdo .rdo {
  display: block;
  width: 100%;
  padding: 15rem 19rem;
  border: 1px solid #EFF0F0;
  border-radius: 4rem;
}
.rdo-style2 .rdo span, .F-QU-page .survey-list .survey-rdo .rdo span, .F-CB03-01-page .cb-survey-sec .survey-list .survey-rdo .rdo span {
  display: block;
  padding-left: 0;
  font-weight: 500;
  font-size: 16rem;
  line-height: 22rem;
  color: #46484B;
  text-align: center;
}
.rdo-style2 .rdo small, .F-QU-page .survey-list .survey-rdo .rdo small, .F-CB03-01-page .cb-survey-sec .survey-list .survey-rdo .rdo small {
  display: block;
  padding-left: 0;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.rdo-style2 .rdo.type-icn, .F-QU-page .survey-list .survey-rdo .rdo.type-icn, .F-CB03-01-page .cb-survey-sec .survey-list .survey-rdo .rdo.type-icn {
  text-align: left;
}
.rdo-style2 .rdo.type-icn > span, .F-QU-page .survey-list .survey-rdo .rdo.type-icn > span, .F-CB03-01-page .cb-survey-sec .survey-list .survey-rdo .rdo.type-icn > span {
  display: flex;
  align-items: center;
  font-weight: 700;
}
.rdo-style2 .rdo.type-icn [class*=icn-h20], .F-QU-page .survey-list .survey-rdo .rdo.type-icn [class*=icn-h20], .F-CB03-01-page .cb-survey-sec .survey-list .survey-rdo .rdo.type-icn [class*=icn-h20] {
  margin-right: 4rem;
}
.rdo-style2 .rdo.type-icn [class*=icn-50], .F-QU-page .survey-list .survey-rdo .rdo.type-icn [class*=icn-50], .F-CB03-01-page .cb-survey-sec .survey-list .survey-rdo .rdo.type-icn [class*=icn-50] {
  margin-right: 16rem;
}
.rdo-style2 input:checked + .rdo, .F-QU-page .survey-list .survey-rdo input:checked + .rdo, .F-CB03-01-page .cb-survey-sec .survey-list .survey-rdo input:checked + .rdo {
  border-color: #542FDD;
  background-color: #EAE6FB;
}
.rdo-style2 input:checked + .rdo span, .F-QU-page .survey-list .survey-rdo input:checked + .rdo span, .F-CB03-01-page .cb-survey-sec .survey-list .survey-rdo input:checked + .rdo span {
  color: #542FDD;
}
.rdo-style2 input:disabled + .rdo, .F-QU-page .survey-list .survey-rdo input:disabled + .rdo, .F-CB03-01-page .cb-survey-sec .survey-list .survey-rdo input:disabled + .rdo {
  border-color: #EFF0F0;
  background-color: #EFF0F0;
}
.rdo-style2 input:disabled + .rdo span, .F-QU-page .survey-list .survey-rdo input:disabled + .rdo span, .F-CB03-01-page .cb-survey-sec .survey-list .survey-rdo input:disabled + .rdo span {
  color: #96989B;
}

/*-------------------------------------------------------------------
	@@ Swich
-------------------------------------------------------------------*/
/* 스타일 */
.ui-switch {
  display: inline-flex;
  position: relative;
  vertical-align: top;
}
.ui-switch label {
  display: inline-flex;
  width: 44rem;
}
.ui-switch label::before, .ui-switch label::after {
  content: "";
}
.ui-switch label::before {
  display: inline-block;
  width: 100%;
  height: 24rem;
  background-color: #aaa;
  border-radius: 15px;
  vertical-align: top;
}
.ui-switch input,
.ui-switch label:after {
  position: absolute;
  left: 4px;
  top: 50%;
  z-index: 1;
  width: 16rem;
  height: 16rem;
  line-height: 16px;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
  color: #555;
  font-size: 12px;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.ui-switch input {
  z-index: 0;
  border: 0;
}
.ui-switch input:checked + label::before {
  background-color: #542FDD;
}
.ui-switch input:checked, .ui-switch input:checked + label:after {
  left: calc(100% - 20px);
}
.ui-switch input[disabled] + label:before {
  background-color: #ddd;
}
.ui-switch.xs label {
  width: 26rem;
}
.ui-switch.xs label::before {
  height: 16rem;
}
.ui-switch.xs input,
.ui-switch.xs label::after {
  width: 12rem;
  height: 12rem;
  left: 2rem;
}
.ui-switch.xs input:checked,
.ui-switch.xs input:checked + label::after {
  left: calc(100% - 14rem);
}

/*-------------------------------------------------------------------
	분류그룹 : 토스트
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	@@ 공통
-------------------------------------------------------------------*/
.ui-dropdown {
  position: relative;
}

.dropdown-menu {
  display: none;
}
.dropdown-menu.show {
  display: block;
}

/* 강조 */
/*-------------------------------------------------------------------
	@@ 유형
-------------------------------------------------------------------*/
/* 스타일1 */
/* 스타일2 */
/*-------------------------------------------------------------------
	분류그룹 : 폼
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	@@ 공통
-------------------------------------------------------------------*/
/* 강조 */
/*-------------------------------------------------------------------
	@@ 유형
-------------------------------------------------------------------*/
/* 스타일1 */
/* 스타일2 */
/*-------------------------------------------------------------------
	분류그룹 : 아이콘
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	@@ 공통
-------------------------------------------------------------------*/
.ui-icn {
  flex: none;
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  background: no-repeat center 1000rem/contain;
}

.ui-icn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: no-repeat center center/contain;
  transform: translateY(0%);
}

.ui-icn::after {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: no-repeat center center/contain;
  transform: translateY(110%);
}

[class*=icn-12] {
  width: 12rem;
  height: 12rem;
}

[class*=icn-14] {
  width: 14rem;
  height: 14rem;
}

[class*=icn-16] {
  width: 16rem;
  height: 16rem;
}

[class*=icn-18] {
  width: 18rem;
  height: 18rem;
}

[class*=icn-20] {
  width: 20rem;
  height: 20rem;
}

[class*=icn-24] {
  width: 24rem;
  height: 24rem;
}

[class*=icn-26] {
  width: 26rem;
  height: 26rem;
}

[class*=icn-28] {
  width: 28rem;
  height: 28rem;
}

[class*=icn-30] {
  width: 30rem;
  height: 30rem;
}

[class*=icn-32] {
  width: 32rem;
  height: 32rem;
}

[class*=icn-34] {
  width: 34rem;
  height: 34rem;
}

[class*=icn-40] {
  width: 40rem;
  height: 40rem;
}

[class*=icn-44] {
  width: 44rem;
  height: 44rem;
}

[class*=icn-48] {
  width: 48rem;
  height: 48rem;
}

[class*=icn-50] {
  width: 50rem;
  height: 50rem;
}

[class*=icn-54] {
  width: 54rem;
  height: 54rem;
}

[class*=icn-62] {
  width: 62rem;
  height: 62rem;
}

[class*=icn-64] {
  width: 64rem;
  height: 64rem;
}

[class*=icn-80] {
  width: 80rem;
  height: 80rem;
}

[class*=icn-100] {
  width: 100rem;
  height: 100rem;
}

[class*=icn-104] {
  width: 104rem;
  height: 104rem;
}

[class*=icn-110] {
  width: 110rem;
  height: 110rem;
}

[class*=icn-140] {
  width: 140rem;
  height: 140rem;
}

/*-------------------------------------------------------------------
	@@ 아이콘
	- 클래스명과 파일명을 매칭 (폴더와 확장자를 분리)
	- 컬러 호버와, 파일 호버의 대응 추가
-------------------------------------------------------------------*/
.icn-24-demo-edit-bk::before {
  background-image: url("../images/common/icn-24-demo-edit-bk.svg");
}

.icn-24-demo-medal-none::before {
  background-image: url("../images/common/icn-24-demo-medal-none.png");
}

.icn-24-demo-medal-none::after {
  content: "";
  background-image: url("../images/common/icn-24-demo-medal-hover.png");
}

.is-selected .icn-24-demo-medal-none::before {
  transform: translateY(110%);
}

.is-selected .icn-24-demo-medal-none::after {
  transform: translateY(0%);
}

.icn-12-tel-gr::before {
  background-image: url("../images/common/icn-12-tel-gr.svg");
}

.icn-12-mail-gr::before {
  background-image: url("../images/common/icn-12-mail-gr.svg");
}

.icn-12-antena-gr::before {
  background-image: url("../images/common/icn-12-antena-gr.svg");
}

.icn-12-wifi-gr::before {
  background-image: url("../images/common/icn-12-wifi-gr.svg");
}

.icn-12-plan-check-pr::before {
  background-image: url("../images/common/icn-12-plan-check-pr.svg");
}

.icn-12-compare-sel::before {
  background-image: url("../images/common/icn-12-plus-dr.svg");
}

.icn-12-compare-sel {
  background-image: url("../images/common/icn-12-check-pr.svg");
}

.is-selected .icn-12-compare-sel {
  background-position: center center;
}

.is-selected .icn-12-compare-sel::before {
  transform: translateY(-110%);
}

.icn-14-more-gr::before {
  background-image: url("../images/common/icn-14-more-gr.svg");
}

.icn-14-more-pr::before {
  background-image: url("../images/common/icn-14-more-pr.svg");
}

.icn-14-noti-gr::before {
  background-image: url("../images/common/icn-14-noti-gr.svg");
}

.icn-14-info-gr::before {
  background-image: url("../images/common/icn-14-info-gr.svg");
}

.icn-14-plan-link-pr::before {
  background-image: url("../images/common/icn-14-plan-link-pr.svg");
}

.icn-14-plan-self-pr::before {
  background-image: url("../images/common/icn-14-plan-self-pr.svg");
}

.icn-14-plan-star-pr::before {
  background-image: url("../images/common/icn-14-plan-star-pr.svg");
}

.icn-14-plan-expand-bk::before {
  background-image: url("../images/common/icn-14-plan-expand-bk.svg");
}

.icn-14-plan-more-gr::before {
  background-image: url("../images/common/icn-14-plan-more-gr.svg");
}

.icn-14-plan-data-pr::before {
  background-image: url("../images/common/icn-14-plan-data-pr.svg");
}

.icn-14-plan-sale-pr::before {
  background-image: url("../images/common/icn-14-plan-sale-pr.svg");
}

.icn-16-more-gr::before {
  background-image: url("../images/common/icn-16-more-gr.svg");
}

.icn-16-more-02-gr::before {
  background-image: url("../images/common/icn-16-more-02-gr.svg");
}

.icn-16-more-wh::before {
  background-image: url("../images/common/icn-16-more-wh.svg");
}

.icn-16-more-pr::before {
  background-image: url("../images/common/icn-16-more-pr.svg");
}

.icn-16-star-bk::before {
  background-image: url("../images/common/icn-16-star-bk.svg");
}

.icn-16-star-pr::before {
  background-image: url("../images/common/icn-16-star-pr.svg");
}

.icn-16-star-bl::before {
  background-image: url("../images/common/icn-16-star-bl.svg");
}

.icn-16-emo-hand::before {
  background-image: url("../images/common/icn-16-emo-hand.png");
}

.icn-16-plan-quse-gr::before {
  background-image: url("../images/common/icn-16-plan-quse-gr.svg");
}

.icn-16-plan-gift-gr::before {
  background-image: url("../images/common/icn-16-plan-gift-gr.svg");
}

.icn-16-more-list-gr::before {
  background-image: url("../images/common/icn-16-more-list-gr.svg");
}

.icn-16-select-arw::before {
  background-image: url("../images/common/icn-16-select-arw.svg");
}

.icn-16-select-arw::after {
  content: "";
  background-image: url("../images/common/icn-16-select-arw-sel.svg");
}

.is-selected .icn-16-select-arw::before {
  transform: translateY(110%);
}

.is-selected .icn-16-select-arw::after {
  transform: translateY(0%);
}

.icn-16-sort-gr::before {
  background-image: url("../images/common/icn-16-sort-gr.svg");
}

.icn-16-acco-arw::before {
  background-image: url("../images/common/icn-16-acco-arw.svg");
}

.icn-16-usim-quse-gr::before {
  background-image: url("../images/common/icn-16-usim-quse-gr.svg");
}

.icn-16-remove-bk::before {
  background-image: url("../images/common/icn-16-remove-bk.svg");
}

.icn-16-star::before {
  background-image: url("../images/common/icn-16-star.svg");
}

.icn-16-plus-gr::before {
  background-image: url("../images/common/icn-16-plus-gr.svg");
}

.icn-16-compare-sel::before {
  background-image: url("../images/common/icn-16-plus-dr.svg");
}

.icn-16-compare-sel {
  background-image: url("../images/common/icn-16-check-pr.svg");
}

.is-selected .icn-16-compare-sel {
  background-position: center center;
}

.is-selected .icn-16-compare-sel::before {
  transform: translateY(-110%);
}

.icn-16-info-gr::before {
  background-image: url("../images/common/icn-16-info-gr.svg");
}

.icn-16-acco-gr::before {
  background-image: url("../images/common/icn-16-acco-gr.svg");
}

.icn-16-plan-expand-gr::before {
  background-image: url("../images/common/icn-16-plan-expand-gr.svg");
}

.icn-16-more-bk::before {
  background-image: url("../images/common/icn-16-more-bk.svg");
}

.icn-18-kakao-bk::before {
  background-image: url("../images/common/icn-18-kakao-bk.png");
}

.icn-18-plan-best-wh::before {
  background-image: url("../images/common/icn-18-plan-best-wh.svg");
}

.icn-20-headset-bk::before {
  background-image: url("../images/common/icn-20-headset-bk.svg");
}

.icn-20-plan-like-gr::before {
  background-image: url("../images/common/icn-20-plan-like-gr.svg");
}

.icn-20-plan-like-gr::after {
  content: "";
  background-image: url("../images/common/icn-20-plan-like-sel.svg");
}

.is-selected .icn-20-plan-like-gr::before {
  transform: translateY(110%);
}

.is-selected .icn-20-plan-like-gr::after {
  transform: translateY(0%);
}

.icn-20-plan-share-gr::before {
  background-image: url("../images/common/icn-20-plan-share-gr.svg");
}

.icn-20-select-arw::before {
  background-image: url("../images/common/icn-20-select-arw.svg");
}

.icn-20-acco-arw::before {
  background-image: url("../images/common/icn-20-acco-arw.svg");
}

.icn-20-select-chk-sel::before {
  background-image: url("../images/common/icn-20-select-chk-sel.svg");
}

.icn-20-remove-gr::before {
  background-image: url("../images/common/icn-20-remove-gr.svg");
}

.icn-20-rdo-sel::before {
  background-image: url("../images/common/icn-20-rdo-sel.svg");
}

.icn-20-user-gr::before {
  background-image: url("../images/common/icn-20-user-gr.svg");
}

.icn-20-srch-bk::before {
  background-image: url("../images/common/icn-20-srch-bk.svg");
}

.icn-20-pin-gr::before {
  /* 2차 수정 : 고정게시글 아이콘 추가 */
  background-image: url("../images/common/icn-20-pin-gr.svg");
}

.icn-20-set-aos::before {
  background-image: url("../images/common/icn-20-set-aos.png");
}

.icn-20-set-ios::before {
  background-image: url("../images/common/icn-20-set-ios.png");
}

.icn-20-link-wh::before {
  background-image: url("../images/common/icn-20-link-wh.svg");
}

.icn-20-expand-arw-gr::before {
  background-image: url("../images/common/icn-20-expand-arw-gr.svg");
}

.icn-24-plus-bk::before {
  background-image: url("../images/common/icn-24-plus-bk.svg");
}

.icn-24-dropdown-arw-gr::before {
  background-image: url("../images/common/icn-24-dropdown-arw-gr.svg");
}

.icn-24-nav-01-gr::before {
  background-image: url("../images/common/icn-24-nav-01-gr.svg");
}

.icn-24-nav-01-gr::after {
  content: "";
  background-image: url("../images/common/icn-24-nav-01-pre.svg");
}

.icn-24-nav-01-gr {
  background-image: url("../images/common/icn-24-nav-01-sel.svg");
}

.ui-btn:hover .icn-24-nav-01-gr::before,
.ui-btn:active .icn-24-nav-01-gr::before,
.ui-btn:focus-visible .icn-24-nav-01-gr::before {
  transform: translateY(110%);
}

.ui-btn:hover .icn-24-nav-01-gr::after,
.ui-btn:active .icn-24-nav-01-gr::after,
.ui-btn:focus-visible .icn-24-nav-01-gr::after {
  transform: translateY(0%);
}

.is-selected .icn-24-nav-01-gr {
  background-position: center center;
}

.is-selected .icn-24-nav-01-gr::before,
.is-selected .icn-24-nav-01-gr::after {
  transform: translateY(-110%);
  transform: translateY(-110%);
}

.icn-24-nav-02-gr::before {
  background-image: url("../images/common/icn-24-nav-02-gr.svg");
}

.icn-24-nav-02-gr::after {
  content: "";
  background-image: url("../images/common/icn-24-nav-02-pre.svg");
}

.icn-24-nav-02-gr {
  background-image: url("../images/common/icn-24-nav-02-sel.svg");
}

.ui-btn:hover .icn-24-nav-02-gr::before,
.ui-btn:active .icn-24-nav-02-gr::before,
.ui-btn:focus-visible .icn-24-nav-02-gr::before {
  transform: translateY(110%);
}

.ui-btn:hover .icn-24-nav-02-gr::after,
.ui-btn:active .icn-24-nav-02-gr::after,
.ui-btn:focus-visible .icn-24-nav-02-gr::after {
  transform: translateY(0%);
}

.is-selected .icn-24-nav-02-gr {
  background-position: center center;
}

.is-selected .icn-24-nav-02-gr::before,
.is-selected .icn-24-nav-02-gr::after {
  transform: translateY(-110%);
  transform: translateY(-110%);
}

.icn-24-nav-03-gr::before {
  background-image: url("../images/common/icn-24-nav-03-gr.svg");
}

.icn-24-nav-03-gr::after {
  content: "";
  background-image: url("../images/common/icn-24-nav-03-pre.svg");
}

.icn-24-nav-03-gr {
  background-image: url("../images/common/icn-24-nav-03-sel.svg");
}

.ui-btn:hover .icn-24-nav-03-gr::before,
.ui-btn:active .icn-24-nav-03-gr::before,
.ui-btn:focus-visible .icn-24-nav-03-gr::before {
  transform: translateY(110%);
}

.ui-btn:hover .icn-24-nav-03-gr::after,
.ui-btn:active .icn-24-nav-03-gr::after,
.ui-btn:focus-visible .icn-24-nav-03-gr::after {
  transform: translateY(0%);
}

.is-selected .icn-24-nav-03-gr {
  background-position: center center;
}

.is-selected .icn-24-nav-03-gr::before,
.is-selected .icn-24-nav-03-gr::after {
  transform: translateY(-110%);
  transform: translateY(-110%);
}

.icn-24-nav-04-gr {
  width: 52rem;
}

.icn-24-nav-04-gr::before {
  background-image: url("../images/common/icn-24-nav-04-gr.svg");
}

.icn-24-nav-04-gr::after {
  content: "";
  background-image: url("../images/common/icn-24-nav-04-pre.svg");
}

.ui-btn:hover .icn-24-nav-04-gr::before,
.ui-btn:active .icn-24-nav-04-gr::before,
.ui-btn:focus-visible .icn-24-nav-04-gr::before {
  transform: translateY(110%);
}

.ui-btn:hover .icn-24-nav-04-gr::after,
.ui-btn:active .icn-24-nav-04-gr::after,
.ui-btn:focus-visible .icn-24-nav-04-gr::after {
  transform: translateY(0%);
}

.is-selected .icn-24-nav-04-gr {
  background-position: center center;
}

.is-selected .icn-24-nav-04-gr::before,
.is-selected .icn-24-nav-04-gr::after {
  transform: translateY(-110%);
  transform: translateY(-110%);
}

.icn-24-nav-05-gr::before {
  background-image: url("../images/common/icn-24-nav-05-gr.svg");
}

.icn-24-nav-05-gr::after {
  content: "";
  background-image: url("../images/common/icn-24-nav-05-pre.svg");
}

.icn-24-nav-05-gr {
  background-image: url("../images/common/icn-24-nav-05-sel.svg");
}

.ui-btn:hover .icn-24-nav-05-gr::before,
.ui-btn:active .icn-24-nav-05-gr::before,
.ui-btn:focus-visible .icn-24-nav-05-gr::before {
  transform: translateY(110%);
}

.ui-btn:hover .icn-24-nav-05-gr::after,
.ui-btn:active .icn-24-nav-05-gr::after,
.ui-btn:focus-visible .icn-24-nav-05-gr::after {
  transform: translateY(0%);
}

.is-selected .icn-24-nav-05-gr {
  background-position: center center;
}

.is-selected .icn-24-nav-05-gr::before,
.is-selected .icn-24-nav-05-gr::after {
  transform: translateY(-110%);
  transform: translateY(-110%);
}

.icn-24-clock::before {
  background-image: url("../images/common/icn-24-clock.png");
}

.icn-24-clock-wh::before {
  background-image: url("../images/common/icn-24-clock-wh.png");
}

.icn-24-more-gr::before {
  background-image: url("../images/common/icn-24-more-gr.svg");
}

.icn-24-star-gr::before {
  background-image: url("../images/common/icn-24-star-gr.svg");
}

.icn-24-star-gr::after {
  content: "";
  background-image: url("../images/common/icn-24-star-sel.svg");
}

.is-selected .icn-24-star-gr::before {
  transform: translateY(110%);
}

.is-selected .icn-24-star-gr::after {
  transform: translateY(0%);
}

.icn-24-filter-gr::before {
  background-image: url("../images/common/icn-24-filter-gr.svg");
}

.icn-24-filter-bk::before {
  background-image: url("../images/common/icn-24-filter-bk.svg");
}

.icn-24-refresh-gr::before {
  background-image: url("../images/common/icn-24-refresh-gr.svg");
}

.icn-24-floating-review::before {
  background-image: url("../images/common/icn-24-floating-review.svg");
}

.icn-24-floating-recom::before {
  background-image: url("../images/common/icn-24-floating-recom.svg");
}

.icn-24-floating-kakao::before {
  background-image: url("../images/common/icn-24-floating-kakao.svg");
}

.icn-24-aside-01::before {
  background-image: url("../images/common/icn-24-aside-01.svg");
}

.icn-24-aside-02::before {
  background-image: url("../images/common/icn-24-aside-02.svg");
}

.icn-24-aside-03::before {
  background-image: url("../images/common/icn-24-aside-03.svg");
}

.icn-24-aside-04::before {
  background-image: url("../images/common/icn-24-aside-04.svg");
}

.icn-24-aside-05::before {
  background-image: url("../images/common/icn-24-aside-05.svg");
}

.icn-24-aside-06::before {
  background-image: url("../images/common/icn-24-aside-06.svg");
}

.icn-24-close-bk::before {
  background-image: url("../images/common/icn-24-close-bk.svg");
}

.icn-26-npay::before {
  background-image: url("../images/common/icn-26-npay.png");
}

.icn-26-cash::before {
  background-image: url("../images/common/icn-26-cash.png");
}

.icn-28-moving::before {
  background-image: url("../images/common/icn-28-moving.png");
}

.icn-28-antena-gr::before {
  background-image: url("../images/common/icn-28-antena-gr.svg");
}

.icn-28-tv-gr::before {
  background-image: url("../images/common/icn-28-tv-gr.svg");
}

.icn-28-tel-gr::before {
  background-image: url("../images/common/icn-28-tel-gr.svg");
}

.icn-28-bps-100m::before {
  background-image: url("../images/common/icn-28-bps-100m.svg");
}

.icn-28-bps-500m::before {
  background-image: url("../images/common/icn-28-bps-500m.svg");
}

.icn-28-bps-1g::before {
  background-image: url("../images/common/icn-28-bps-1g.svg");
}

.icn-28-arw::before {
  /* 4차 수정 : 스와이프 아이콘 추가(여기부터) */
  background-image: url("../images/common/icn-28-arw.svg");
}

.icn-28-arw::after {
  content: "";
  background-image: url("../images/common/icn-28-arw-hover.svg");
}

.ui-btn:hover .icn-28-arw::before,
.ui-btn:active .icn-28-arw::before,
.ui-btn:focus-visible .icn-28-arw::before {
  transform: translateY(110%);
}

.ui-btn:hover .icn-28-arw::after,
.ui-btn:active .icn-28-arw::after,
.ui-btn:focus-visible .icn-28-arw::after {
  /* 4차 수정 : 스와이프 아이콘 추가(여기까지) */
  transform: translateY(0%);
}

.icn-30-floating-logo::before {
  background-image: url("../images/common/icn-30-floating-logo.svg");
}

.icn-30-floating-close::before {
  background-image: url("../images/common/icn-30-floating-close.svg");
}

.icn-30-floating-top::before {
  /* 3차 수정 : 푸터 Top버튼 이미지 교체 */
  background-image: url("../images/common/icn-30-floating-top.svg");
}

.icn-32-back-bk::before {
  background-image: url("../images/common/icn-32-back-bk.svg");
}

.icn-32-headset-bk::before {
  background-image: url("../images/common/icn-32-headset-bk.svg");
}

.icn-32-anb-bk::before {
  background-image: url("../images/common/icn-32-anb-bk.svg");
}

.icn-32-close-bk::before {
  background-image: url("../images/common/icn-32-close-bk.svg");
}

.icn-32-close-wh::before {
  background-image: url("../images/common/icn-32-close-wh.svg");
}

.icn-32-remove-bk::before {
  background-image: url("../images/common/icn-32-remove-bk.svg");
}

.icn-32-acco-arw::before {
  background-image: url("../images/common/icn-32-acco-arw.svg");
}

.icn-34-bank-hb::before {
  background-image: url("../images/bank/icn-34-bank-hb.png");
}

.icn-34-bank-ibk::before {
  background-image: url("../images/bank/icn-34-bank-ibk.png");
}

.icn-34-bank-kakao::before {
  background-image: url("../images/bank/icn-34-bank-kakao.png");
}

.icn-34-bank-kb::before {
  background-image: url("../images/bank/icn-34-bank-kb.png");
}

.icn-34-bank-kbank::before {
  background-image: url("../images/bank/icn-34-bank-kbank.png");
}

.icn-34-bank-nh::before {
  background-image: url("../images/bank/icn-34-bank-nh.png");
}

.icn-34-bank-sb::before {
  background-image: url("../images/bank/icn-34-bank-sb.png");
}

.icn-34-bank-sc::before {
  background-image: url("../images/bank/icn-34-bank-sc.png");
}

.icn-34-bank-toss::before {
  background-image: url("../images/bank/icn-34-bank-toss.png");
}

.icn-34-bank-wb::before {
  background-image: url("../images/bank/icn-34-bank-wb.png");
}

.icn-34-bank-wo::before {
  background-image: url("../images/bank/icn-34-bank-wo.png");
}

.icn-34-bank-bnk::before {
  background-image: url("../images/bank/icn-34-bank-bnk.png");
}

.icn-34-bank-kjb::before {
  background-image: url("../images/bank/icn-34-bank-kjb.png");
}

.icn-34-bank-dgb::before {
  background-image: url("../images/bank/icn-34-bank-dgb.png");
}

.icn-34-bank-kdb::before {
  background-image: url("../images/bank/icn-34-bank-kdb.png");
}

.icn-34-bank-kfcc::before {
  background-image: url("../images/bank/icn-34-bank-kfcc.png");
}

.icn-34-bank-suhyup::before {
  background-image: url("../images/bank/icn-34-bank-suhyup.png");
}

.icn-34-bank-shinhyup::before {
  background-image: url("../images/bank/icn-34-bank-shinhyup.png");
}

.icn-34-bank-citi::before {
  background-image: url("../images/bank/icn-34-bank-citi.png");
}

.icn-40-plan-cate-01::before {
  background-image: url("../images/common/icn-44-plan-cate-01.png");
}

.icn-40-plan-cate-02::before {
  background-image: url("../images/common/icn-44-plan-cate-02.png");
}

.icn-40-plan-cate-03::before {
  background-image: url("../images/common/icn-44-plan-cate-03.png");
}

.icn-40-plan-cate-04::before {
  background-image: url("../images/common/icn-44-plan-cate-04.png");
}

.icn-40-plan-cate-05::before {
  background-image: url("../images/common/icn-44-plan-cate-05.png");
}

.icn-40-plan-cate-06::before {
  background-image: url("../images/common/icn-44-plan-cate-06.png");
}

.icn-44-plan-cate-01::before {
  background-image: url("../images/common/icn-44-plan-cate-01.png");
}

.icn-44-plan-cate-02::before {
  background-image: url("../images/common/icn-44-plan-cate-02.png");
}

.icn-44-plan-cate-03::before {
  background-image: url("../images/common/icn-44-plan-cate-03.png");
}

.icn-48-recom-best::before {
  background-image: url("../images/common/icn-48-recom-best.png");
}

.icn-48-recom-parent::before {
  background-image: url("../images/common/icn-48-recom-parent.png");
}

.icn-50-sat-good::before {
  background-image: url("../images/common/icn-50-sat-good.svg");
}

.icn-50-sat-good::after {
  content: "";
  background-image: url("../images/common/icn-50-sat-good-sel.svg");
}

.is-selected .icn-50-sat-good::before {
  transform: translateY(110%);
}

.is-selected .icn-50-sat-good::after {
  transform: translateY(0%);
}

.icn-50-sat-soso::before {
  background-image: url("../images/common/icn-50-sat-soso.svg");
}

.icn-50-sat-soso::after {
  content: "";
  background-image: url("../images/common/icn-50-sat-soso-sel.svg");
}

.is-selected .icn-50-sat-soso::before {
  transform: translateY(110%);
}

.is-selected .icn-50-sat-soso::after {
  transform: translateY(0%);
}

.icn-50-sat-bad::before {
  background-image: url("../images/common/icn-50-sat-bad.svg");
}

.icn-50-sat-bad::after {
  content: "";
  background-image: url("../images/common/icn-50-sat-bad-sel.svg");
}

.is-selected .icn-50-sat-bad::before {
  transform: translateY(110%);
}

.is-selected .icn-50-sat-bad::after {
  transform: translateY(0%);
}

.icn-50-cert-kakao::before {
  background-image: url("../images/common/icn-50-cert-kakao.png");
}

.icn-50-cert-card::before {
  background-image: url("../images/common/icn-50-cert-card.png");
}

.icn-54-floating-kakao::before {
  background-image: url("../images/common/icn-54-floating-kakao.png");
}

.icn-54-floating-bot::before {
  background-image: url("../images/common/icn-54-floating-bot.png");
}

.icn-62-motong::before {
  /* 2차 수정 : 캐릭터 이미지 파일 교체 */
  background-image: url("../images/common/icn-62-motong.png");
}

.icn-64-internet-bk::before {
  background-image: url("../images/common/icn-64-internet-bk.svg");
}

.icn-64-tv-bk::before {
  background-image: url("../images/common/icn-64-tv-bk.svg");
}

.icn-80-kakao::before {
  background-image: url("../images/common/icn-80-kakao.svg");
}

.icn-80-copy::before {
  background-image: url("../images/common/icn-80-copy.svg");
}

.icn-100-nodata-recom::before {
  background-image: url("../images/common/icn-100-nodata-recom.svg");
}

.icn-100-nodata-bookmark::before {
  background-image: url("../images/common/icn-100-nodata-bookmark.svg");
}

.icn-100-nodata-recent::before {
  background-image: url("../images/common/icn-100-nodata-recent.svg");
}

.icn-100-nodata-reg::before {
  background-image: url("../images/common/icn-100-nodata-reg.svg");
}

.icn-100-nodata-srch::before {
  background-image: url("../images/common/icn-100-nodata-srch.svg");
}

.icn-104-choice-kt-nor::before {
  background-image: url("../images/common/icn-104-choice-kt-nor.png");
}

.icn-104-choice-kt-nor::after {
  content: "";
  background-image: url("../images/common/icn-104-choice-kt-sel.png");
}

.icn-104-choice-lg-nor::before {
  background-image: url("../images/common/icn-104-choice-lg-nor.png");
}

.icn-104-choice-lg-nor::after {
  content: "";
  background-image: url("../images/common/icn-104-choice-lg-sel.png");
}

.icn-104-choice-lghv-nor::before {
  background-image: url("../images/common/icn-104-choice-lghv-nor.png");
}

.icn-104-choice-lghv-nor::after {
  content: "";
  background-image: url("../images/common/icn-104-choice-lghv-sel.png");
}

.icn-104-choice-sk-nor::before {
  background-image: url("../images/common/icn-104-choice-sk-nor.png");
}

.icn-104-choice-sk-nor::after {
  content: "";
  background-image: url("../images/common/icn-104-choice-sk-sel.png");
}

.icn-104-choice-skb-nor::before {
  background-image: url("../images/common/icn-104-choice-skb-nor.png");
}

.icn-104-choice-skb-nor::after {
  content: "";
  background-image: url("../images/common/icn-104-choice-skb-sel.png");
}

.icn-104-choice-skylife-nor::before {
  background-image: url("../images/common/icn-104-choice-skylife-nor.png");
}

.icn-104-choice-skylife-nor::after {
  content: "";
  background-image: url("../images/common/icn-104-choice-skylife-sel.png");
}

.icn-110-nodata-cry::before {
  background-image: url("../images/common/icn-110-nodata-cry.svg");
}

.icn-140-complete::before {
  background-image: url("../images/common/icn-140-complete.svg");
}

.icn-140-change::before {
  background-image: url("../images/common/icn-140-change.svg");
}

.icn-140-fail::before {
  background-image: url("../images/common/icn-140-fail.svg");
}

.icn-h20-speed-low::before {
  background-image: url("../images/common/icn-h20-speed-low.svg");
}

.icn-h20-speed-low::after {
  content: "";
  background-image: url("../images/common/icn-h20-speed-low-sel.svg");
}

.icn-h20-speed-nor::before {
  background-image: url("../images/common/icn-h20-speed-nor.svg");
}

.icn-h20-speed-nor::after {
  content: "";
  background-image: url("../images/common/icn-h20-speed-nor-sel.svg");
}

.icn-h20-speed-high::before {
  background-image: url("../images/common/icn-h20-speed-high.svg");
}

.icn-h20-speed-high::after {
  content: "";
  background-image: url("../images/common/icn-h20-speed-high-sel.svg");
}

.icn-h20-sk {
  width: 12rem;
  height: 20rem;
}
.icn-h20-sk::before {
  background-image: url("../images/common/icn-h20-sk.png");
}

.icn-h20-kt {
  width: 15rem;
  height: 20rem;
}
.icn-h20-kt::before {
  background-image: url("../images/common/icn-h20-kt.png");
}

.icn-h20-lgu {
  width: 62rem;
  height: 20rem;
}
.icn-h20-lgu::before {
  background-image: url("../images/common/icn-h20-lgu.png");
}

.icn-h20-lgu-02 {
  width: 20rem;
  height: 20rem;
}
.icn-h20-lgu-02::before {
  background-image: url("../images/common/icn-h20-lgu-02.png");
}

.icn-h16-kt {
  width: 20rem;
  height: 16rem;
}
.icn-h16-kt::before {
  -webkit-mask: url("../images/common/icn-h16-kt-wh.svg") no-repeat 0 0/100% auto;
          mask: url("../images/common/icn-h16-kt-wh.svg") no-repeat 0 0/100% auto;
  background: #B7B9BA;
}

.icn-h16-lgu {
  width: 46rem;
  height: 16rem;
}
.icn-h16-lgu::before {
  -webkit-mask: url("../images/common/icn-h16-lgu-wh.svg") no-repeat 0 0/100% auto;
          mask: url("../images/common/icn-h16-lgu-wh.svg") no-repeat 0 0/100% auto;
  background: #B7B9BA;
}

.icn-h16-b {
  width: 15rem;
  height: 16rem;
}
.icn-h16-b::before {
  -webkit-mask: url("../images/common/icn-h16-b-wh.svg") no-repeat 0 0/100% auto;
          mask: url("../images/common/icn-h16-b-wh.svg") no-repeat 0 0/100% auto;
  background: #B7B9BA;
}

.icn-h16-skylife {
  width: 51rem;
  height: 16rem;
}
.icn-h16-skylife::before {
  -webkit-mask: url("../images/common/icn-h16-skylife-wh.svg") no-repeat 0 0/100% auto;
          mask: url("../images/common/icn-h16-skylife-wh.svg") no-repeat 0 0/100% auto;
  background: #B7B9BA;
}

.icn-40-kt-wh::before {
  -webkit-mask: url("../images/common/icn-40-kt-wh.svg") no-repeat 0 0/100% auto;
  mask: url("../images/common/icn-40-kt-wh.svg") no-repeat 0 0/100% auto;
  background: #b7b9ba;
}

.icn-40-lgu-wh::before {
  -webkit-mask: url("../images/common/icn-40-lgu-wh.svg") no-repeat 0 0/100% auto;
  mask: url("../images/common/icn-40-lgu-wh.svg") no-repeat 0 0/100% auto;
  background: #b7b9ba;
}

.icn-40-sk-wh::before {
  -webkit-mask: url("../images/common/icn-40-sk-wh.svg") no-repeat 0 0/100% auto;
  mask: url("../images/common/icn-40-sk-wh.svg") no-repeat 0 0/100% auto;
  background: #b7b9ba;
}

.icn-40-b-wh::before {
  -webkit-mask: url("../images/common/icn-40-b-wh.svg") no-repeat 0 0/100% auto;
  mask: url("../images/common/icn-40-b-wh.svg") no-repeat 0 0/100% auto;
  background: #b7b9ba;
}

.icn-40-skylife-wh::before {
  -webkit-mask: url("../images/common/icn-40-skylife-wh.svg") no-repeat 0 0/100% auto;
  mask: url("../images/common/icn-h16-skylife-wh.svg") no-repeat 0 0/100% auto;
  background: #b7b9ba;
}

/*-------------------------------------------------------------------
	분류그룹 : 텍스트박스
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	@@ Varialbles
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	@@ Input
-------------------------------------------------------------------*/
/* 스타일1 */
.ui-inp {
  display: inline-block;
  position: relative;
  width: 100%;
}
.ui-inp.is-errored .sel,
.ui-inp.is-errored .inp {
  border-color: #EA2A2A;
}
.ui-inp .inp {
  height: 52rem;
  width: 100%;
  padding: 15rem 17rem;
  border: 1px solid #CFD0D1;
  border-radius: 4rem;
  font-size: 16rem;
  line-height: 22rem;
  font-weight: 500;
  color: #000000;
}
.ui-inp .inp::-moz-placeholder {
  color: #828588;
  word-break: keep-all;
}
.ui-inp .inp.is-placeholder, .ui-inp .inp::placeholder {
  color: #828588;
  word-break: keep-all;
}
.ui-inp .inp:not(:-moz-placeholder) + .on-right .btn-clear {
  display: block;
}
.ui-inp .inp:not(:placeholder-shown) + .on-right .btn-clear {
  display: block;
}
.ui-inp .inp:not(:-moz-placeholder):disabled + .on-right .btn-clear {
  display: none;
}
.ui-inp .inp:not(:placeholder-shown):disabled + .on-right .btn-clear {
  display: none;
}
.ui-inp .inp:not(:-moz-placeholder):read-only + .on-right .btn-clear {
  display: none;
}
.ui-inp .inp:not(:placeholder-shown):-moz-read-only + .on-right .btn-clear {
  display: none;
}
.ui-inp .inp:not(:placeholder-shown):read-only + .on-right .btn-clear {
  display: none;
}
.ui-inp .inp-txt {
  height: 52rem;
  width: 100%;
  padding: 15rem 17rem;
  border: 1px solid #CFD0D1;
  border-radius: 4rem;
  font-size: 16rem;
  line-height: 22rem;
  font-weight: 500;
  color: #000000;
  border: 0;
  background-color: #f5f5f5;
}
.ui-inp .on-right {
  display: flex;
  align-items: center;
  gap: 4rem;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.ui-inp .btn-clear {
  display: none;
}
.ui-inp .btn-srch {
  padding: 15rem;
}
.ui-inp.fluid {
  width: 100%;
}

/*-------------------------------------------------------------------
	@@ Textarea
-------------------------------------------------------------------*/
/* 스타일 */
.ui-textarea {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 52rem;
  width: 100%;
  padding: 15rem 17rem;
  border: 1px solid #CFD0D1;
  border-radius: 4rem;
  font-size: 16rem;
  line-height: 22rem;
  font-weight: 500;
  color: #000000;
  height: 140rem;
  width: 100%;
}
.ui-textarea:focus-within {
  outline: 2px solid #000;
  outline-offset: -1px;
}
.ui-textarea .textarea {
  flex: 1 1 auto;
}
.ui-textarea .textarea::-moz-placeholder {
  color: #828588;
  word-break: keep-all;
}
.ui-textarea .textarea.is-placeholder, .ui-textarea .textarea::placeholder {
  color: #828588;
  word-break: keep-all;
}
.ui-textarea .textarea:focus {
  outline: none;
}
.ui-textarea .bytes {
  display: flex;
  margin-top: 8rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.ui-textarea .bytes .count {
  color: #36383A;
}

/*-------------------------------------------------------------------
	@@ Select
-------------------------------------------------------------------*/
/* 스타일 */
.ui-sel {
  width: 100%;
}
.ui-sel.is-errored .sel,
.ui-sel.is-errored .inp {
  border-color: #EA2A2A;
}
.ui-sel .sel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  height: 52rem;
  width: 100%;
  padding: 15rem 17rem;
  border: 1px solid #CFD0D1;
  border-radius: 4rem;
  font-size: 16rem;
  line-height: 22rem;
  font-weight: 500;
  color: #000000;
}
.ui-sel .sel::-moz-placeholder {
  color: #828588;
  word-break: keep-all;
}
.ui-sel .sel.is-placeholder, .ui-sel .sel::placeholder {
  color: #828588;
  word-break: keep-all;
}
.ui-sel .sel .partner-option {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 12rem;
}
.ui-sel .sel .partner-option .partner-img {
  display: flex;
  justify-content: flex-end;
  height: 22rem;
}
.ui-sel .sel .partner-option .partner-img img {
  height: 100%;
}
.ui-sel.fluid {
  width: 100%;
}
.ui-sel.is-selected .sel {
  border-color: #542FDD;
  background-color: #EAE6FB;
  color: #542FDD !important;
}
.ui-sel.is-selected .sel:focus {
  outline-color: transparent;
}
.ui-sel.h-36 .sel {
  height: 36rem;
  width: 100%;
  padding: 7rem 9rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}

/*-------------------------------------------------------------------
	@@ File
-------------------------------------------------------------------*/
/* File Attach */
.ui-file {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}

.frm-file input.file {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.frm-file input.inp {
  display: inline-table;
}

.frm-file .btn-file {
  display: inline-table;
}

/*-------------------------------------------------------------------
	분류그룹 : 이름표
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	@@ 공통
-------------------------------------------------------------------*/
.ui-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/*-------------------------------------------------------------------
	@@ 유형
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	분류그룹 : 팝업
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	@@ 공통
-------------------------------------------------------------------*/
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal .modal-dialog {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease-out;
  transform: translate(0, 50px);
  pointer-events: none;
}
.modal .modal-dialog .btn-close {
  margin-left: auto;
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.modal-backdrop + .modal-backdrop {
  z-index: 2000;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 280px;
  max-width: calc(100% - 40px);
  max-height: calc(100% - 60rem);
  background-color: #fff;
  pointer-events: auto;
  transition: all 0.2s ease;
}
.modal-content .modal-header {
  display: flex;
  justify-content: space-between;
  position: relative;
  flex: none;
}
.modal-content .modal-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  overflow: auto;
}
.modal-content .modal-body .tab-style1,
.modal-content .modal-body .tab-style2 {
  top: 0;
}
.modal-content .modal-footer {
  display: flex;
  flex: none;
}
.modal-content .tab-content[data-bs-spy=scroll] {
  overflow: auto;
}

/*-------------------------------------------------------------------
	@@ 유형
-------------------------------------------------------------------*/
.modal-alert,
.modal-confirm {
  z-index: 2100;
}
.modal-alert .modal-content,
.modal-confirm .modal-content {
  width: 312rem;
}
.modal-alert .modal-content .modal-header,
.modal-confirm .modal-content .modal-header { /* 1차 수정 : alert 헤더 스타일 추가 */ }
.modal-alert .modal-content .modal-header .modal-title:not(.blind),
.modal-confirm .modal-content .modal-header .modal-title:not(.blind) {
  min-width: 100%;
  padding: 24rem 16rem 0 16rem;
  font-size: 22rem;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  color: #000000;
}
.modal-alert .modal-content section,
.modal-confirm .modal-content section {
  min-width: 100%;
  padding: 28rem 16rem;
}
.modal-alert .modal-content .msg-sec,
.modal-confirm .modal-content .msg-sec {
  text-align: center;
}
.modal-alert .modal-content .msg-sec .sec-tit,
.modal-confirm .modal-content .msg-sec .sec-tit {
  font-weight: 600;
  font-size: 20rem;
  color: #000;
}
.modal-alert .modal-content .msg-sec .sec-tit + .sec-txt,
.modal-confirm .modal-content .msg-sec .sec-tit + .sec-txt {
  margin-top: 24rem;
}
.modal-alert .modal-content .msg-sec .sec-txt,
.modal-confirm .modal-content .msg-sec .sec-txt {
  font-weight: 500;
  font-size: 16rem;
  color: #46484B;
}
.modal-alert .modal-content .msg-sec .sec-txt .txt-primary,
.modal-confirm .modal-content .msg-sec .sec-txt .txt-primary {
  color: #2F01D5;
}
.modal-alert .modal-content .share-sec,
.modal-confirm .modal-content .share-sec { /* 1차 수정 : 공유하기 스타일 추가 */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 44rem;
  padding: 32rem 16rem;
}
.modal-alert .modal-content .share-sec .ui-btn,
.modal-confirm .modal-content .share-sec .ui-btn {
  display: flex;
  flex-direction: column;
}
.modal-alert .modal-content .share-sec .ui-btn span,
.modal-confirm .modal-content .share-sec .ui-btn span {
  display: block;
  text-align: center;
  margin-top: 8rem;
  font-weight: 500;
  font-size: 16rem;
  line-height: 22rem;
}
.modal-alert .modal-footer,
.modal-confirm .modal-footer {
  display: flex;
}
.modal-alert .modal-footer .ui-btn,
.modal-confirm .modal-footer .ui-btn {
  flex: 1;
}

.modal-full .modal-body { /* 2차 수정 : 모달 여백 수정 */
  margin-bottom: 24rem;
}
.modal-full .modal-footer { /* 2차 수정 : 모달 여백 수정 */
  padding-top: 16rem;
  padding-bottom: 24rem;
}
.modal-full.fade {
  transition: none;
}
.modal-full .modal-dialog {
  transform: translate(0, 0);
}
.modal-full .modal-content {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  padding-bottom: calc(env(safe-area-inset-bottom, 0)/1.7); /* 1차 수정 : 모달여백 계산식 수정 */
}
.modal-full .modal-header {
  display: flex;
  align-items: center;
  height: 60rem;
  gap: 12rem;
  min-width: 320px;
  padding-left: 24rem;
  padding-right: 24rem;
  transition: padding 0.2s ease;
}
@media all and (min-width: 720px) {
  .modal-full .modal-header {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .modal-full .modal-header {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
.modal-full .modal-header .modal-title {
  flex: 1 1 auto;
  margin-right: auto;
  font-size: 20rem;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-full .modal-header .ui-btn {
  width: 32rem;
  height: 32rem;
}
.modal-full .modal-progress {
  flex: none;
  width: 100%;
}
.modal-full .modal-progress .progress-step {
  height: 4rem;
  background-color: #EFF0F0;
}
.modal-full .modal-progress .progress-step .progress-value {
  display: block;
  width: 0%;
  height: 100%;
  background-color: #542FDD;
  transition: all 0.2s ease;
}
.modal-full .modal-footer {
  min-width: 320px;
  padding-left: 24rem;
  padding-right: 24rem;
  transition: padding 0.2s ease;
}
@media all and (min-width: 720px) {
  .modal-full .modal-footer {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .modal-full .modal-footer {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media all and (min-width: 720px) {
  .modal-full.fade {
    transition: opacity 0.15s linear;
  }
  .modal-full .modal-dialog {
    transform: translate(0, 50px);
  }
  .modal-full .modal-content {
    height: auto;
    max-width: 720px;
    max-height: calc(100% - 40px);
    border-radius: 10rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .modal-full.fade {
    transition: opacity 0.15s linear;
  }
  .modal-full .modal-dialog {
    transform: translate(0, 50px);
  }
  .modal-full .modal-content {
    height: auto;
    max-width: 720px;
    max-height: calc(100% - 40px);
    border-radius: 10rem;
  }
}

.modal-default .modal-dialog {
  justify-content: center;
  transform: translate(0, 50px);
}
.modal-default .modal-content {
  border-radius: 10rem;
}
.modal-default .modal-header .btn-close {
  position: absolute;
  top: 14rem;
  right: 14rem;
}

.modal-select .modal-body,
.modal-basic .modal-body { /* 2차 수정 : 모달 여백 수정 */
  margin-bottom: 24rem;
}
.modal-select .modal-footer,
.modal-basic .modal-footer { /* 2차 수정 : 모달 여백 수정 */
  padding-top: 16rem;
  padding-bottom: 24rem;
}
.modal-select .modal-dialog,
.modal-basic .modal-dialog {
  justify-content: flex-end;
  transform: translate(0, 105%);
}
.modal-select .modal-content,
.modal-basic .modal-content {
  width: 100%;
  max-width: 100%; /* 6차 수정 : 반응형 너비 대응 */
  border-radius: 20rem 20rem 0 0;
  padding-bottom: calc(env(safe-area-inset-bottom, 0)/1.7); /* 1차 수정 : 모달여백 계산식 수정 */
}
.modal-select .modal-header,
.modal-basic .modal-header {
  display: flex;
  align-items: center;
  min-width: 320px;
  padding-left: 24rem;
  padding-right: 24rem;
  transition: padding 0.2s ease;
  padding-top: 20rem;
  padding-bottom: 10rem;
  padding-right: 50rem;
}
@media all and (min-width: 720px) {
  .modal-select .modal-header,
  .modal-basic .modal-header {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .modal-select .modal-header,
  .modal-basic .modal-header {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
.modal-select .modal-header .modal-title,
.modal-basic .modal-header .modal-title {
  font-weight: 600;
  font-size: 20rem;
  color: #000;
  word-break: keep-all;
}
.modal-select .modal-header .btn-close,
.modal-basic .modal-header .btn-close {
  position: absolute;
  right: 24rem;
  top: 18rem;
}
.modal-select .modal-footer,
.modal-basic .modal-footer {
  min-width: 320px;
  padding-left: 24rem;
  padding-right: 24rem;
  transition: padding 0.2s ease;
  gap: 8rem;
}
@media all and (min-width: 720px) {
  .modal-select .modal-footer,
  .modal-basic .modal-footer {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .modal-select .modal-footer,
  .modal-basic .modal-footer {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
.modal-select .modal-footer .ui-btn,
.modal-basic .modal-footer .ui-btn {
  flex: 1 1 auto;
}
@media all and (min-width: 720px) {
  .modal-select .modal-dialog,
  .modal-basic .modal-dialog {
    justify-content: center;
    transform: translate(0, 50px);
  }
  .modal-select .modal-content,
  .modal-basic .modal-content {
    border-radius: 10rem;
    max-width: 480rem; /* 6차 수정 : 반응형 너비 대응 */
  }
  .modal-select .modal-header,
  .modal-basic .modal-header {
    padding-right: 50rem;
  }
  .modal-select .modal-header .btn-close,
  .modal-basic .modal-header .btn-close {
    right: 24rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .modal-select .modal-dialog,
  .modal-basic .modal-dialog {
    justify-content: center;
    transform: translate(0, 50px);
  }
  .modal-select .modal-content,
  .modal-basic .modal-content {
    border-radius: 10rem;
    max-width: 480rem; /* 6차 수정 : 반응형 너비 대응 */
  }
  .modal-select .modal-header,
  .modal-basic .modal-header {
    padding-right: 50rem;
  }
  .modal-select .modal-header .btn-close,
  .modal-basic .modal-header .btn-close {
    right: 24rem;
  }
}

.modal-select .modal-body {
  margin-bottom: calc(env(safe-area-inset-bottom, 0)/1.7 + 16rem);
}
.modal-select .select-listbox {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.modal-select .select-listbox li {
  display: flex;
  align-items: center;
  position: relative;
  padding: 10rem 30rem 10rem 0rem;
  font-weight: 500;
  font-size: 16rem;
  line-height: 24rem;
  color: #000;
}
.modal-select .select-listbox li.is-selected {
  color: #542FDD;
}
.modal-select .select-listbox li.is-selected::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20rem;
  height: 20rem;
  background: url("../images/common/icn-20-select-chk-sel.svg") no-repeat center center/contain;
}
.modal-select .select-listbox.has-img li .ui-icn {
  margin-right: 12rem;
}

.select-bank-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 4rem;
}
@media all and (min-width: 480px) {
  .select-bank-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media all and (min-width: 720px) {
  .select-bank-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .select-bank-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.select-bank-list .select-bank {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 4rem;
  background-color: #F4F4F4;
}
.select-bank-list .select-bank .name {
  display: block;
  margin-top: 7rem;
  font-weight: 500;
  font-size: 16rem;
  line-height: 22rem;
}
.select-bank-list .is-selected .select-bank {
  background-color: #2801B5;
}
.select-bank-list .is-selected .select-bank .name {
  color: #fff;
}

.select-partner-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8rem;
}
@media all and (min-width: 480px) {
  .select-partner-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media all and (min-width: 720px) {
  .select-partner-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .select-partner-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.select-partner-list .select-partner-item {
  overflow: hidden;
}
.select-partner-list .select-partner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 78rem;
  padding: 4rem;
  border-radius: 4rem;
  border: 1px solid #F4F4F4;
}
.select-partner-list .select-partner img {
  height: 20rem;
}
.select-partner-list .select-partner .name {
  display: block;
  width: 100%;
  margin-top: 8rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 18rem;
  color: #000;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select-partner-list .is-selected .select-partner {
  border-color: #2801B5;
}

.address-srch-page .modal-body {
  padding-top: 16rem;
}

.address-srch-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.address-srch-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.address-srch-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.address-srch-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.address-srch-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .address-srch-sec .sec-header .sec-tit br {
    display: none;
  }
}
.address-srch-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.address-srch-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.address-srch-sec .sec-header .btn-more.static {
  position: static;
}
.address-srch-sec .sec-body {
  margin-bottom: 20rem;
}
.address-srch-sec .basic-frm {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.address-srch-sec .basic-frm .frm-field-group {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.address-srch-sec .basic-frm .frm-field {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.address-srch-sec .basic-frm .frm-field .frm-title {
  margin-bottom: 10rem;
}
.address-srch-sec .basic-frm .frm-field .frm-title .tit {
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.address-srch-sec .basic-frm .frm-field .frm-group {
  display: flex;
  align-items: center;
  gap: 8rem;
}
.address-srch-sec .basic-frm .frm-field .frm-group .btn-sub {
  margin: 0;
  height: 52rem;
  width: auto;
  min-width: 100rem;
}
.address-srch-sec .basic-frm .frm-field .frm-group + .frm-group {
  margin-top: 10rem;
}
.address-srch-sec .basic-frm .frm-field .frm-group .frm-split {
  color: #D9D9D9;
}
.address-srch-sec .basic-frm .frm-field .frm-group.type-car .ui-inp .inp {
  text-align: center;
}
.address-srch-sec .basic-frm .frm-field .frm-group.type-car .ui-inp:nth-child(3) {
  flex: none;
  width: 25%;
}
.address-srch-sec .basic-frm .frm-field .frm-group.type-serial .ui-inp .inp {
  padding-left: 8rem;
  padding-right: 8rem;
  text-align: center;
}
@media all and (min-width: 480px) {
  .address-srch-sec .basic-frm .frm-field .frm-group.type-serial .ui-inp .inp {
    padding-left: 17rem;
    padding-right: 17rem;
  }
}
.address-srch-sec .basic-frm .frm-alert {
  display: none;
  margin-top: 6rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
}
.address-srch-sec .basic-frm .frm-alert.is-show {
  display: block;
}
.address-srch-sec .basic-frm .frm-alert.is-errored {
  color: #EA2A2A;
}

.address-list-wrap {
  margin-top: 20rem;
}
.address-list-wrap .address-list .address-item {
  padding: 10rem;
  border-bottom: 1px solid #EFF0F0;
}
.address-list-wrap .address-list .address-item:first-child {
  border-top: 1px solid #EFF0F0;
}

.address-wrap .address-zipcode {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #262626;
}
.address-wrap .address-zipcode small {
  margin-left: 4rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 22rem;
  color: #828588;
}
.address-wrap .address-cont {
  margin-top: 6rem;
}
.address-wrap .address-cont .address-row {
  display: flex;
  align-items: flex-start;
}
.address-wrap .address-cont .address-row + .address-row {
  margin-top: 8rem;
}
.address-wrap .address-cont .address-row .address-label {
  flex: none;
  width: 48rem;
  margin-right: 4rem;
  padding: 2rem 8rem;
  border-radius: 4rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  text-align: center;
}
.address-wrap .address-cont .address-row .address-label.new {
  color: #542FDD;
  background-color: #EAE6FB;
}
.address-wrap .address-cont .address-row .address-label.old {
  color: #63666A;
  background-color: #EFF0F0;
}
.address-wrap .address-cont .address-row .address-name {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #555555;
}

/*-------------------------------------------------------------------
	분류그룹 : 토스트
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	@@ 공통
-------------------------------------------------------------------*/
.ui-popover {
  z-index: 9999;
}

.popover-arrow {
  display: block;
  position: absolute;
}
.popover-arrow::before {
  content: "";
  display: block;
  background: no-repeat center center/contain;
}

[data-popper-placement^=top] .popover-arrow {
  top: 100%;
}

[data-popper-placement^=bottom] .popover-arrow {
  bottom: 99%;
}

[data-popper-placement^=right] .popover-arrow {
  right: 100%;
}

[data-popper-placement^=left] .popover-arrow {
  left: 100%;
}

/*-------------------------------------------------------------------
	@@ 유형
-------------------------------------------------------------------*/
/* 스타일1 */
.popover-style1 {
  width: 180rem;
  background-color: #111;
  color: #fff;
  border-radius: 4rem;
}
.popover-style1 .popover-body {
  padding: 8rem 12rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  text-align: center;
  word-break: keep-all;
}
.popover-style1 .popover-arrow::before {
  width: 14rem;
  height: 7rem;
  background-image: url("../images/common/icn-14-popover-arw-b.svg");
  transform-origin: center center;
}
.popover-style1[data-popper-placement^=top] .popover-arrow {
  width: 14rem;
  height: 7rem;
}
.popover-style1[data-popper-placement^=top] .popover-arrow::before {
  transform: rotate(180deg);
}
.popover-style1[data-popper-placement^=bottom] .popover-arrow {
  width: 14rem;
  height: 7rem;
}
.popover-style1[data-popper-placement^=bottom] .popover-arrow::before {
  transform: rotate(0deg);
}
.popover-style1[data-popper-placement^=right] .popover-arrow {
  width: 7rem;
  height: 14rem;
}
.popover-style1[data-popper-placement^=right] .popover-arrow::before {
  transform: translate(-3px, 3px) rotate(270deg);
}
.popover-style1[data-popper-placement^=left] .popover-arrow {
  width: 7rem;
  height: 14rem;
}
.popover-style1[data-popper-placement^=left] .popover-arrow::before {
  transform: translate(-4px, 3px) rotate(90deg);
}
.popover-style1.popover-auto {
  width: auto;
}

/* 스타일2 */
/*-------------------------------------------------------------------
	분류그룹 : 탭 메뉴
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	@@ 공통
-------------------------------------------------------------------*/
.ui-tab {
  flex: none;
}
.ui-tab .tab-list {
  display: flex;
  width: 100%;
}
.ui-tab .tab-list .tab-link {
  display: block;
}
.ui-tab .tab-list .tab-link:disabled {
  opacity: 0.75;
}

.tab-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
}

.tab-pane {
  display: none;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  width: 100%;
}
.tab-pane.active {
  display: flex;
}

/* 강조 */
/*-------------------------------------------------------------------
	@@ 유형
-------------------------------------------------------------------*/
/* 스타일1 */
.tab-style1 {
  position: sticky;
  top: 60rem;
  padding-bottom: 20rem;
  padding-top: 16rem;
  background-color: #fff;
  z-index: 10;
  min-width: 320px;
  padding-left: 24rem;
  padding-right: 24rem;
  transition: padding 0.2s ease;
}
@media all and (min-width: 720px) {
  .tab-style1 {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .tab-style1 {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
.tab-style1 .tab-list {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
}
.tab-style1 .tab-item {
  flex: 1;
}
.tab-style1 .tab-link {
  width: 100%;
  height: 36rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #B7B9BA;
  text-align: center;
  border-bottom: 2px solid #EFF0F0;
}
.tab-style1 .tab-link.active {
  color: #000000;
  border-color: #000;
}

@media all and (min-width: 720px) {
  .container .tab-style1 {
    top: 80rem;
    padding-top: 12rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .container .tab-style1 {
    top: 80rem;
    padding-top: 12rem;
  }
}
/* 스타일2 */
.tab-style2 {
  width: 100%;
  position: sticky;
  top: 60rem;
  overflow: hidden;
  padding-bottom: 20rem;
  padding-top: 16rem;
  background-color: #fff;
  z-index: 10;
  min-width: 320px;
  padding-left: 24rem;
  padding-right: 24rem;
  transition: padding 0.2s ease;
}
@media all and (min-width: 720px) {
  .tab-style2 {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .tab-style2 {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
.tab-style2::before { /* 7차 수정 : 탭 스티키 라인 수정 */
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 41rem;
  width: 100%;
  max-width: 720rem;
  height: 1rem;
  background-color: #EFF0F0;
}
.tab-style2 .swiper-wrapper {
  position: relative;
}
.tab-style2 .swiper-slide {
  box-sizing: border-box;
  width: auto;
  flex: none;
}
.tab-style2 .tab-list {
  gap: 16rem;
}
.tab-style2 .tab-link {
  position: relative;
  display: block;
  height: 26rem;
  border-bottom: 0;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #B7B9BA;
  text-align: center;
  border-bottom: 1px solid transparent;
}
.tab-style2 .tab-link.active {
  color: #000000;
  border-color: #000;
}

@media all and (min-width: 720px) {
  .container .tab-style2 {
    top: 80rem;
    padding-top: 16rem;
    padding-left: 0;
    padding-right: 0;
  }
  .container .tab-style2 .tab-swiper { /* 7차 수정 : 탭 스티키 레이아웃 수정 */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
  }
  .container .tab-style2 .swiper-wrapper {
    display: flex;
    justify-content: space-around;
    overflow: hidden;
  }
  .container .tab-style2 .swiper-wrapper .swiper-slide {
    display: flex;
    justify-content: center;
    text-align: center;
  }
  .container .tab-style2 .tab-list {
    justify-content: space-around;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
  }
  .container .tab-style2 .tab-list .tab-item {
    flex: 1 1 auto;
  }
  .only-container .container .tab-style1 {
    top: 0;
  }
  .only-container .container .tab-style2 {
    top: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .container .tab-style2 {
    top: 80rem;
    padding-top: 16rem;
    padding-left: 0;
    padding-right: 0;
  }
  .container .tab-style2 .tab-swiper { /* 7차 수정 : 탭 스티키 레이아웃 수정 */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
  }
  .container .tab-style2 .swiper-wrapper {
    display: flex;
    justify-content: space-around;
    overflow: hidden;
  }
  .container .tab-style2 .swiper-wrapper .swiper-slide {
    display: flex;
    justify-content: center;
    text-align: center;
  }
  .container .tab-style2 .tab-list {
    justify-content: space-around;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
  }
  .container .tab-style2 .tab-list .tab-item {
    flex: 1 1 auto;
  }
  .only-container .container .tab-style1 {
    top: 0;
  }
  .only-container .container .tab-style2 {
    top: 0;
  }
}
/* 스타일3 */
.tab-style3 {
  width: 100%;
}
.tab-style3 .tab-list {
  display: flex;
  padding: 4rem;
  border-radius: 20rem;
  background-color: #EFF0F0;
}
.tab-style3 .tab-list .tab-item {
  flex: 1 1 auto;
  width: 100%;
}
.tab-style3 .tab-list .tab-item .tab-link {
  width: 100%;
  padding: 8rem;
  border-radius: 20rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #63666A;
  text-align: center;
}
.tab-style3 .tab-list .tab-item .tab-link.active {
  background-color: #fff;
}

/*-------------------------------------------------------------------
	분류그룹 : 토스트
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	@@ 공통
-------------------------------------------------------------------*/
.toast-container {
  position: fixed;
  left: 50%;
  bottom: 20rem;
  transform: translateX(-50%);
  z-index: 2000;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}

.ui-toast {
  max-width: 100%;
  padding: 5rem 10rem;
  pointer-events: auto;
  background-color: #fff;
  box-shadow: 2rem 2rem 10rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 8rem;
}
.ui-toast:not(.show) {
  display: none;
}

.ui-toast.showing {
  opacity: 0;
}

/* 강조 */
/*-------------------------------------------------------------------
	@@ 유형
-------------------------------------------------------------------*/
/* 스타일1 */
/* 스타일2 */
/*-------------------------------------------------------------------
	분류그룹 : 유저 유형 선택
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-CB01-page .cb-intro-sec {
  padding-top: 20rem;
}
.F-CB01-page .cb-intro-sec .sec-inner {
  display: flex;
  flex-direction: column;
  gap: 12rem;
}
.F-CB01-page .cb-intro-sec .intro-img {
  width: 62rem;
}
.F-CB01-page .cb-intro-sec .intro-img img {
  width: 100%;
}
.F-CB01-page .cb-intro-sec .intro-con {
  flex: 1 1 auto;
}
.F-CB01-page .cb-intro-sec .intro-con p {
  font-weight: 600;
  font-size: 20rem;
  line-height: 28rem;
  color: #000;
}
.F-CB01-page .cb-intro-sec .intro-con p em {
  color: #542FDD;
}
@media all and (min-width: 720px) {
  .F-CB01-page .cb-intro-sec .sec-inner {
    flex-direction: row;
    align-items: center;
  }
  .F-CB01-page .cb-intro-sec .intro-con {
    margin-top: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-CB01-page .cb-intro-sec .sec-inner {
    flex-direction: row;
    align-items: center;
  }
  .F-CB01-page .cb-intro-sec .intro-con {
    margin-top: 0;
  }
}
.F-CB01-page .cb-selection-sec {
  margin-top: 60rem;
}
.F-CB01-page .cb-selection-sec .selection-tit {
  margin-top: -20rem;
  margin-bottom: 12rem;
  font-weight: 600;
  font-size: 20rem;
  line-height: 28rem;
  color: #000;
}
.F-CB01-page .cb-selection-sec .selection-frm {
  display: flex;
  gap: 12rem;
}
.F-CB01-page .cb-selection-sec .selection-frm .selection-rdo {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 36rem 18rem;
  width: calc(50% - 6rem);
  border: 1px solid #EFF0F0;
  border-radius: 2rem;
  cursor: pointer;
}
.F-CB01-page .cb-selection-sec .selection-frm .selection-rdo img {
  width: 86rem;
}
.F-CB01-page .cb-selection-sec .selection-frm .selection-rdo .ui-rdo {
  margin-top: 18rem;
}
.F-CB01-page .cb-selection-sec .selection-frm .selection-rdo .ui-rdo .rdo::before,
.F-CB01-page .cb-selection-sec .selection-frm .selection-rdo .ui-rdo .rdo::after,
.F-CB01-page .cb-selection-sec .selection-frm .selection-rdo .ui-rdo input {
  display: none;
}
.F-CB01-page .cb-selection-sec .selection-frm .selection-rdo .ui-rdo .rdo {
  text-align: center;
}
.F-CB01-page .cb-selection-sec .selection-frm .selection-rdo .ui-rdo .rdo span {
  display: block;
  padding-left: 0;
  font-size: 14rem;
  line-height: 20rem;
  word-break: keep-all;
  color: #5A5D60;
  text-align: center;
}
.F-CB01-page .cb-selection-sec .selection-frm .selection-rdo .ui-rdo .rdo span em {
  display: block;
  margin-bottom: 4rem;
  font-weight: 700;
}
.F-CB01-page .cb-selection-sec .selection-frm .selection-rdo.is-selected {
  border-color: #542FDD;
  background-color: #EAE6FB;
}
.F-CB01-page .cb-selection-sec .selection-frm .selection-rdo.is-selected .ui-rdo .rdo span {
  color: #542FDD;
}

/*-------------------------------------------------------------------
	분류그룹 : 대표 추천 요금제
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-CB02-01-page .cb-intro-sec {
  padding-top: 20rem;
}
.F-CB02-01-page .cb-intro-sec .sec-inner {
  display: flex;
  flex-direction: column;
  gap: 12rem;
}
.F-CB02-01-page .cb-intro-sec .intro-img {
  width: 62rem;
}
.F-CB02-01-page .cb-intro-sec .intro-img img {
  width: 100%;
}
.F-CB02-01-page .cb-intro-sec .intro-con {
  flex: 1 1 auto;
}
.F-CB02-01-page .cb-intro-sec .intro-con p {
  font-weight: 600;
  font-size: 20rem;
  line-height: 28rem;
  color: #000;
}
.F-CB02-01-page .cb-intro-sec .intro-con p em {
  color: #542FDD;
}
@media all and (min-width: 720px) {
  .F-CB02-01-page .cb-intro-sec .sec-inner {
    flex-direction: row;
    align-items: center;
  }
  .F-CB02-01-page .cb-intro-sec .intro-con {
    margin-top: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-CB02-01-page .cb-intro-sec .sec-inner {
    flex-direction: row;
    align-items: center;
  }
  .F-CB02-01-page .cb-intro-sec .intro-con {
    margin-top: 0;
  }
}
.F-CB02-01-page .cb-ratePlanC-sec {
  margin-top: 24rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
  padding-top: 16rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-item {
  width: 100%;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15rem;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body {
  position: relative;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body .card-button {
  position: absolute;
  left: -16rem;
  right: -16rem;
  top: -16rem;
  bottom: -16rem;
  z-index: 1;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-footer {
  margin-top: 16rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label {
  display: flex;
  flex: none;
  gap: 2rem;
  font-size: 10rem;
  line-height: 12rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label {
  display: inline-block;
  padding: 3rem 5rem 5rem;
  border-radius: 2rem;
  color: #fff;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.skt {
  background-color: #3617CE;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.kt {
  background-color: #EC1B23;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lgu {
  background-color: #D0006F;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.main {
  background-color: #2091AA;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.price {
  background-color: #EFBD28;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.benefit {
  background-color: #0084FF;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.semotong {
  background-color: #542FDD;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.merge {
  background-color: #EFBD28;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.open {
  background-color: #0084FF;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lowest {
  background-color: #1fbc5e;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-btn {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12rem;
  margin-left: auto;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-stit {
  margin-bottom: 3rem;
  font-weight: 500;
  font-size: 10rem;
  line-height: 14rem;
  color: #96989B;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit {
  font-weight: 700;
  font-size: 20rem;
  color: #000;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit .ui-btn {
  z-index: 10;
  top: 1rem;
  margin-left: 4rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-name {
  margin-top: 4rem;
  font-size: 12rem;
  color: #777;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 8rem;
  margin-bottom: 20rem;
  padding: 2rem 0;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CFD0D1;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label {
  display: inline-flex;
  align-items: center;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label .ui-icn {
  margin-right: 4rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand {
  display: flex;
  align-items: center;
  height: 20rem;
  gap: 4rem;
  margin-top: 1rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand img {
  height: 100%;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand .brand-rating {
  display: inline-flex;
  align-items: center;
  padding: 2rem 8rem 2rem 4rem;
  border: 1px solid #CDC2F5;
  border-radius: 15rem;
  color: #542FDD;
  font-weight: 500;
  font-size: 12rem;
  line-height: 14rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  text-align: right;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-tit { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-txt { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-top: 0rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status {
  padding: 11rem 16rem;
  background-color: #F4F5F8;
  border-radius: 4rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift {
  position: relative;
  display: flex;
  align-items: center;
  --icn-size: 20rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .img {
  width: var(--icn-size);
  height: var(--icn-size);
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .ui-btn {
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 2rem;
  z-index: 10;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: var(--icn-size);
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .count {
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--icn-size);
  height: var(--icn-size);
  outline: 2rem solid #F4F5F8;
  margin-left: -6rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  background-color: #B7B9BA;
  border-radius: 50%;
  color: #fff;
  font-size: 10rem;
  line-height: var(--icn-size);
  font-weight: 400;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .tit {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  margin-left: 6rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: var(--icn-size);
  color: #63666A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li {
  position: relative;
  width: 100%;
  padding-left: calc(var(--icn-size) + 6rem);
  font-weight: 500;
  font-size: 12rem;
  line-height: 20rem;
  color: #63666A;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li .img {
  position: absolute;
  left: 0;
  top: 0;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-expanded {
  display: none;
  width: 100%;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .ui-btn .ui-icn {
  transform: rotate(180deg);
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-tit {
  display: none;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-expanded {
  display: block;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice {
  display: flex;
  align-items: center;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .ui-icn:first-child {
  margin-right: 4rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt em {
  color: #542FDD;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .split {
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
  margin: 0 8rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn {
  margin-left: auto; /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  align-items: center;
  font-weight: 600;
  font-size: 12rem;
  line-height: 14rem;
  color: #828588;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn > span { /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  margin-left: 4rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status + .card-compare-mo {
  margin-top: 12rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare {
  width: auto;
  height: 20rem;
  padding: 0 7rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
  vertical-align: top;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .icn-selection {
  display: none;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined:active {
  background-color: #fff;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected {
  color: #542FDD;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-default {
  display: none;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare {
  width: 100%;
  height: 38rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .icn-selection {
  display: none;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16rem;
  height: 16rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined:active {
  background-color: #fff;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected {
  color: #542FDD;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-default {
  display: none;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo {
  margin-top: 32rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con {
  text-align: center;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt:last-child { /* 8차 수정 : 내용 숨김에 대한 여백 조정 */
  margin-bottom: 20rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dd {
  margin-top: 6rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best {
  border-color: #542FDD;
  padding-top: 45rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(90deg, #6039EE 0%, #3A1EA2 100%);
  padding: 6rem 11rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best p {
  display: flex;
  gap: 4rem;
  color: #fff;
  font-weight: 500;
  font-size: 12re;
  line-height: 18rem;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined {
  box-shadow: none;
  border-color: #EFF0F0;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom {
  border-color: #542FDD;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom .card-badge {
  position: absolute;
  right: 10rem;
  top: 0;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info {
  margin-top: 12rem;
  text-align: right;
}
.F-CB02-01-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info .btn-texted {
  font-size: 12rem;
  line-height: 18rem;
  color: #828588;
}
.F-CB02-01-page .cb-ratePlanE-sec {
  margin-top: 24rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanE-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
  padding-top: 16rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanE-list .ratePlanE-item {
  width: 100%;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanE-list .ratePlanE-card {
  position: relative;
  padding: 15rem;
  box-shadow: 0rem 4rem 10rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  border: 1px solid #EFF0F0;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanE-list .ratePlanE-card .card-button {
  position: absolute;
  left: -16rem;
  right: -16rem;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanE-list .ratePlanE-card .card-body {
  position: relative;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanE-list .ratePlanE-card .card-body .card-tit {
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  color: #000;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanE-list .ratePlanE-card .card-body .card-tit .ui-icn {
  position: relative;
  top: -2rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanE-list .ratePlanE-card .card-body .card-info {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 4rem;
  padding: 2rem 0;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanE-list .ratePlanE-card .card-body .card-info .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CFD0D1;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanE-list .ratePlanE-card .card-body .card-info .label {
  display: inline-flex;
  align-items: center;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanE-list .ratePlanE-card .card-body .card-info .label .ui-icn {
  margin-right: 4rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanE-list .ratePlanE-card .ratePlanC-list {
  gap: 8rem;
  margin-top: 20rem;
  padding-top: 0;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
  padding-top: 16rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-item {
  width: 100%;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15rem;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-body {
  position: relative;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-body .card-button {
  position: absolute;
  left: -16rem;
  right: -16rem;
  top: -16rem;
  bottom: -16rem;
  z-index: 1;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-footer {
  margin-top: 16rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-util {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-util-label {
  display: flex;
  flex: none;
  gap: 2rem;
  font-size: 10rem;
  line-height: 12rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-util-label .label {
  display: inline-block;
  padding: 3rem 5rem 5rem;
  border-radius: 2rem;
  color: #fff;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.skt {
  background-color: #3617CE;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.kt {
  background-color: #EC1B23;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lgu {
  background-color: #D0006F;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.main {
  background-color: #2091AA;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.price {
  background-color: #EFBD28;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.benefit {
  background-color: #0084FF;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.semotong {
  background-color: #542FDD;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.merge {
  background-color: #EFBD28;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.open {
  background-color: #0084FF;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lowest {
  background-color: #1fbc5e;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-util-btn {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12rem;
  margin-left: auto;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-stit {
  margin-bottom: 3rem;
  font-weight: 500;
  font-size: 10rem;
  line-height: 14rem;
  color: #96989B;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-tit {
  font-weight: 700;
  font-size: 20rem;
  color: #000;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-tit .ui-btn {
  z-index: 10;
  top: 1rem;
  margin-left: 4rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-name {
  margin-top: 4rem;
  font-size: 12rem;
  color: #777;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-info {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 8rem;
  margin-bottom: 20rem;
  padding: 2rem 0;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-info .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CFD0D1;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-info .label {
  display: inline-flex;
  align-items: center;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-info .label .ui-icn {
  margin-right: 4rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-charge {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-charge .brand {
  display: flex;
  align-items: center;
  height: 20rem;
  gap: 4rem;
  margin-top: 1rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-charge .brand img {
  height: 100%;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-charge .brand .brand-rating {
  display: inline-flex;
  align-items: center;
  padding: 2rem 8rem 2rem 4rem;
  border: 1px solid #CDC2F5;
  border-radius: 15rem;
  color: #542FDD;
  font-weight: 500;
  font-size: 12rem;
  line-height: 14rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-charge .charge { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  text-align: right;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-tit { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-txt { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-top: 0rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status {
  padding: 11rem 16rem;
  background-color: #F4F5F8;
  border-radius: 4rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift {
  position: relative;
  display: flex;
  align-items: center;
  --icn-size: 20rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .img {
  width: var(--icn-size);
  height: var(--icn-size);
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .ui-btn {
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 2rem;
  z-index: 10;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: var(--icn-size);
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .count {
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--icn-size);
  height: var(--icn-size);
  outline: 2rem solid #F4F5F8;
  margin-left: -6rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  background-color: #B7B9BA;
  border-radius: 50%;
  color: #fff;
  font-size: 10rem;
  line-height: var(--icn-size);
  font-weight: 400;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .tit {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  margin-left: 6rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: var(--icn-size);
  color: #63666A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li {
  position: relative;
  width: 100%;
  padding-left: calc(var(--icn-size) + 6rem);
  font-weight: 500;
  font-size: 12rem;
  line-height: 20rem;
  color: #63666A;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li .img {
  position: absolute;
  left: 0;
  top: 0;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-expanded {
  display: none;
  width: 100%;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .ui-btn .ui-icn {
  transform: rotate(180deg);
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-tit {
  display: none;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-expanded {
  display: block;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice {
  display: flex;
  align-items: center;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .ui-icn:first-child {
  margin-right: 4rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt em {
  color: #542FDD;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .split {
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
  margin: 0 8rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn {
  margin-left: auto; /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  align-items: center;
  font-weight: 600;
  font-size: 12rem;
  line-height: 14rem;
  color: #828588;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn > span { /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  margin-left: 4rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-status + .card-compare-mo {
  margin-top: 12rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare {
  width: auto;
  height: 20rem;
  padding: 0 7rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
  vertical-align: top;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .icn-selection {
  display: none;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined:active {
  background-color: #fff;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected {
  color: #542FDD;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-default {
  display: none;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare {
  width: 100%;
  height: 38rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .icn-selection {
  display: none;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16rem;
  height: 16rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined:active {
  background-color: #fff;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected {
  color: #542FDD;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-default {
  display: none;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-buyinfo {
  margin-top: 32rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con {
  text-align: center;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt:last-child { /* 8차 수정 : 내용 숨김에 대한 여백 조정 */
  margin-bottom: 20rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dd {
  margin-top: 6rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card.plan-best {
  border-color: #542FDD;
  padding-top: 45rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(90deg, #6039EE 0%, #3A1EA2 100%);
  padding: 6rem 11rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best p {
  display: flex;
  gap: 4rem;
  color: #fff;
  font-weight: 500;
  font-size: 12re;
  line-height: 18rem;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card.outlined {
  box-shadow: none;
  border-color: #EFF0F0;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom {
  border-color: #542FDD;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom .card-badge {
  position: absolute;
  right: 10rem;
  top: 0;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info {
  margin-top: 12rem;
  text-align: right;
}
.F-CB02-01-page .cb-ratePlanE-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info .btn-texted {
  font-size: 12rem;
  line-height: 18rem;
  color: #828588;
}

/*-------------------------------------------------------------------
	분류그룹 : 다른 요금제 안내
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-CB02-02-page .cb-intro-sec {
  padding-top: 20rem;
  margin-bottom: 40rem;
}
.F-CB02-02-page .cb-intro-sec .sec-inner {
  display: flex;
  flex-direction: column;
  gap: 12rem;
}
.F-CB02-02-page .cb-intro-sec .intro-img {
  width: 62rem;
}
.F-CB02-02-page .cb-intro-sec .intro-img img {
  width: 100%;
}
.F-CB02-02-page .cb-intro-sec .intro-con {
  flex: 1 1 auto;
}
.F-CB02-02-page .cb-intro-sec .intro-con p {
  font-weight: 600;
  font-size: 20rem;
  line-height: 28rem;
  color: #000;
}
.F-CB02-02-page .cb-intro-sec .intro-con p em {
  color: #542FDD;
}
@media all and (min-width: 720px) {
  .F-CB02-02-page .cb-intro-sec .sec-inner {
    flex-direction: row;
    align-items: center;
  }
  .F-CB02-02-page .cb-intro-sec .intro-con {
    margin-top: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-CB02-02-page .cb-intro-sec .sec-inner {
    flex-direction: row;
    align-items: center;
  }
  .F-CB02-02-page .cb-intro-sec .intro-con {
    margin-top: 0;
  }
}
.F-CB02-02-page .cb-ratePlanA-sec {
  padding-bottom: 10rem; /* 5차 수정 : 요금제목록 그림자 가려짐 대응 */
}
.F-CB02-02-page .cb-ratePlanA-sec .sec-inner {
  position: relative;
}
.F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10rem;
}
@media all and (min-width: 720px) {
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-list {
    display: flex;
    gap: 0;
  }
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-list .ratePlanA-item {
    width: 172rem;
    flex: none;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-list {
    display: flex;
    gap: 0;
  }
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-list .ratePlanA-item {
    width: 172rem;
    flex: none;
  }
}
.F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-button-prev,
.F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-button-next {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 10;
  transform: translate(50%, -50%);
  width: 28rem;
  height: 28rem;
}
.F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-button-prev {
  right: auto;
  left: 0;
  transform: translate(-50%, -50%) rotate(180deg);
}
.F-CB02-02-page .cb-ratePlanA-sec .swiper-button-disabled {
  display: none;
}
@media all and (min-width: 720px) {
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-button-prev,
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-button-next {
    display: block;
  }
  .F-CB02-02-page .cb-ratePlanA-sec .swiper-button-disabled {
    display: none;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-button-prev,
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-button-next {
    display: block;
  }
  .F-CB02-02-page .cb-ratePlanA-sec .swiper-button-disabled {
    display: none;
  }
}
@media all and (min-width: 720px) {
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-swiper {
    padding: 10rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-swiper {
    padding: 10rem;
  }
}
.F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-card {
  position: relative;
  padding: 20rem;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 8rem;
}
.F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-card .card-thumb {
  position: absolute;
  right: 12rem;
  top: calc(50% - 24rem);
}
.F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-card .card-thumb img {
  width: 48rem;
  height: 48rem;
}
.F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-card .card-body {
  text-align: left;
}
.F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-card .card-body .card-tit {
  font-weight: 700;
  font-size: 20rem;
  line-height: 28rem;
  color: #000;
}
.F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-card .card-body .card-charge {
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #542FDD;
}
.F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-card .card-body .card-explain {
  margin-top: 4rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
  white-space: pre-line;
}
.F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-card .card-body .card-explain br {
  display: none;
}
@media all and (min-width: 720px) {
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-card {
    height: 180rem;
  }
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-card .card-thumb {
    position: absolute;
    right: 12rem;
    top: auto;
    bottom: 12rem;
  }
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-card .card-thumb img {
    width: 40rem;
    height: 40rem;
  }
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-card .card-body .card-explain {
    margin-top: 8rem;
  }
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-card .card-body .card-explain br {
    all: unset;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-card {
    height: 180rem;
  }
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-card .card-thumb {
    position: absolute;
    right: 12rem;
    top: auto;
    bottom: 12rem;
  }
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-card .card-thumb img {
    width: 40rem;
    height: 40rem;
  }
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-card .card-body .card-explain {
    margin-top: 8rem;
  }
  .F-CB02-02-page .cb-ratePlanA-sec .ratePlanA-card .card-body .card-explain br {
    all: unset;
  }
}

/*-------------------------------------------------------------------
	분류그룹 : 선택 요금제 안내
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-CB02-03-page .cb-ratePlanB-sec {
  padding-top: 20rem;
}
.F-CB02-03-page .cb-ratePlanB-sec .ratePlanB-card {
  position: relative;
  padding: 20rem 16rem;
  background-color: #F2F5FB;
}
.F-CB02-03-page .cb-ratePlanB-sec .ratePlanB-card .card-img {
  position: absolute;
  right: 16rem;
  top: 20rem;
  width: 40rem;
  height: 40rem;
}
.F-CB02-03-page .cb-ratePlanB-sec .ratePlanB-card .card-img img {
  width: 100%;
  height: 100%;
}
.F-CB02-03-page .cb-ratePlanB-sec .ratePlanB-card .card-tit {
  position: relative;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #000000;
}
.F-CB02-03-page .cb-ratePlanB-sec .ratePlanB-card .card-charge {
  margin-top: 2rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #542FDD;
}
.F-CB02-03-page .cb-ratePlanB-sec .ratePlanB-card .card-guide {
  margin-top: 16rem;
  padding: 16rem;
  background-color: #fff;
  border-radius: 8rem;
}
.F-CB02-03-page .cb-ratePlanB-sec .ratePlanB-card .card-guide .tit {
  margin-bottom: 8rem;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #36383A;
}
.F-CB02-03-page .cb-ratePlanB-sec .ratePlanB-card .card-guide .tit strong {
  display: flex;
  align-items: center;
}
.F-CB02-03-page .cb-ratePlanB-sec .ratePlanB-card .card-guide .tit .ui-icn {
  margin-right: 4rem;
}
.F-CB02-03-page .cb-ratePlanB-sec .ratePlanB-card .card-guide .list li {
  position: relative;
  padding-left: 16rem;
  font-weight: 500;
  font-size: 13rem;
  line-height: 20rem;
  color: #63666A;
}
.F-CB02-03-page .cb-ratePlanB-sec .ratePlanB-card .card-guide .list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 5rem;
  top: 8rem;
  width: 3rem;
  height: 3rem;
  background-color: #63666A;
  border-radius: 50%;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
  padding-top: 16rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-item {
  width: 100%;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15rem;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body {
  position: relative;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body .card-button {
  position: absolute;
  left: -16rem;
  right: -16rem;
  top: -16rem;
  bottom: -16rem;
  z-index: 1;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-footer {
  margin-top: 16rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label {
  display: flex;
  flex: none;
  gap: 2rem;
  font-size: 10rem;
  line-height: 12rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label {
  display: inline-block;
  padding: 3rem 5rem 5rem;
  border-radius: 2rem;
  color: #fff;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.skt {
  background-color: #3617CE;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.kt {
  background-color: #EC1B23;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lgu {
  background-color: #D0006F;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.main {
  background-color: #2091AA;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.price {
  background-color: #EFBD28;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.benefit {
  background-color: #0084FF;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.semotong {
  background-color: #542FDD;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.merge {
  background-color: #EFBD28;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.open {
  background-color: #0084FF;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lowest {
  background-color: #1fbc5e;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-btn {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12rem;
  margin-left: auto;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-stit {
  margin-bottom: 3rem;
  font-weight: 500;
  font-size: 10rem;
  line-height: 14rem;
  color: #96989B;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit {
  font-weight: 700;
  font-size: 20rem;
  color: #000;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit .ui-btn {
  z-index: 10;
  top: 1rem;
  margin-left: 4rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-name {
  margin-top: 4rem;
  font-size: 12rem;
  color: #777;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 8rem;
  margin-bottom: 20rem;
  padding: 2rem 0;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CFD0D1;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label {
  display: inline-flex;
  align-items: center;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label .ui-icn {
  margin-right: 4rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand {
  display: flex;
  align-items: center;
  height: 20rem;
  gap: 4rem;
  margin-top: 1rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand img {
  height: 100%;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand .brand-rating {
  display: inline-flex;
  align-items: center;
  padding: 2rem 8rem 2rem 4rem;
  border: 1px solid #CDC2F5;
  border-radius: 15rem;
  color: #542FDD;
  font-weight: 500;
  font-size: 12rem;
  line-height: 14rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  text-align: right;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-tit { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-txt { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-top: 0rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status {
  padding: 11rem 16rem;
  background-color: #F4F5F8;
  border-radius: 4rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift {
  position: relative;
  display: flex;
  align-items: center;
  --icn-size: 20rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .img {
  width: var(--icn-size);
  height: var(--icn-size);
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .ui-btn {
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 2rem;
  z-index: 10;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: var(--icn-size);
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .count {
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--icn-size);
  height: var(--icn-size);
  outline: 2rem solid #F4F5F8;
  margin-left: -6rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  background-color: #B7B9BA;
  border-radius: 50%;
  color: #fff;
  font-size: 10rem;
  line-height: var(--icn-size);
  font-weight: 400;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .tit {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  margin-left: 6rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: var(--icn-size);
  color: #63666A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li {
  position: relative;
  width: 100%;
  padding-left: calc(var(--icn-size) + 6rem);
  font-weight: 500;
  font-size: 12rem;
  line-height: 20rem;
  color: #63666A;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li .img {
  position: absolute;
  left: 0;
  top: 0;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-expanded {
  display: none;
  width: 100%;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .ui-btn .ui-icn {
  transform: rotate(180deg);
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-tit {
  display: none;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-expanded {
  display: block;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice {
  display: flex;
  align-items: center;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .ui-icn:first-child {
  margin-right: 4rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt em {
  color: #542FDD;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .split {
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
  margin: 0 8rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn {
  margin-left: auto; /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  align-items: center;
  font-weight: 600;
  font-size: 12rem;
  line-height: 14rem;
  color: #828588;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn > span { /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  margin-left: 4rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status + .card-compare-mo {
  margin-top: 12rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare {
  width: auto;
  height: 20rem;
  padding: 0 7rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
  vertical-align: top;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .icn-selection {
  display: none;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined:active {
  background-color: #fff;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected {
  color: #542FDD;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-default {
  display: none;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare {
  width: 100%;
  height: 38rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .icn-selection {
  display: none;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16rem;
  height: 16rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined:active {
  background-color: #fff;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected {
  color: #542FDD;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-default {
  display: none;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo {
  margin-top: 32rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con {
  text-align: center;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt:last-child { /* 8차 수정 : 내용 숨김에 대한 여백 조정 */
  margin-bottom: 20rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dd {
  margin-top: 6rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best {
  border-color: #542FDD;
  padding-top: 45rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(90deg, #6039EE 0%, #3A1EA2 100%);
  padding: 6rem 11rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best p {
  display: flex;
  gap: 4rem;
  color: #fff;
  font-weight: 500;
  font-size: 12re;
  line-height: 18rem;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined {
  box-shadow: none;
  border-color: #EFF0F0;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom {
  border-color: #542FDD;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom .card-badge {
  position: absolute;
  right: 10rem;
  top: 0;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info {
  margin-top: 12rem;
  text-align: right;
}
.F-CB02-03-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info .btn-texted {
  font-size: 12rem;
  line-height: 18rem;
  color: #828588;
}

/*-------------------------------------------------------------------
	분류그룹 : 통신사 선택
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-CB03-01-page .cb-intro-sec {
  padding-top: 20rem;
}
.F-CB03-01-page .cb-intro-sec .sec-inner {
  display: flex;
  flex-direction: column;
  gap: 12rem;
}
.F-CB03-01-page .cb-intro-sec .intro-img {
  width: 62rem;
}
.F-CB03-01-page .cb-intro-sec .intro-img img {
  width: 100%;
}
.F-CB03-01-page .cb-intro-sec .intro-con {
  flex: 1 1 auto;
}
.F-CB03-01-page .cb-intro-sec .intro-con p {
  font-weight: 600;
  font-size: 20rem;
  line-height: 28rem;
  color: #000;
}
.F-CB03-01-page .cb-intro-sec .intro-con p em {
  color: #542FDD;
}
@media all and (min-width: 720px) {
  .F-CB03-01-page .cb-intro-sec .sec-inner {
    flex-direction: row;
    align-items: center;
  }
  .F-CB03-01-page .cb-intro-sec .intro-con {
    margin-top: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-CB03-01-page .cb-intro-sec .sec-inner {
    flex-direction: row;
    align-items: center;
  }
  .F-CB03-01-page .cb-intro-sec .intro-con {
    margin-top: 0;
  }
}
.F-CB03-01-page .cb-survey-sec {
  margin-top: 40rem;
}
.F-CB03-01-page .cb-survey-sec .survey-list .survey-item + .survey-item {
  margin-top: 12rem;
}
.F-CB03-01-page .cb-survey-sec .survey-list .survey-rdo .rdo > span {
  text-align: left;
}
.F-CB03-01-page .cb-survey-sec .survey-list .survey-rdo .rdo.type-icn > span {
  font-weight: 500;
}
.F-CB03-01-page .cb-event-sec {
  margin-top: 28rem;
}
.F-CB03-01-page .cb-event-sec .event-swiper .swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8rem;
  gap: 4rem;
}
.F-CB03-01-page .cb-event-sec .event-swiper .swiper-pagination-bullet {
  width: 6rem;
  height: 6rem;
  margin: 0;
  border-radius: 3rem;
  background-color: #EFF0F0;
  opacity: 1;
  transition: all 0.2s ease;
}
.F-CB03-01-page .cb-event-sec .event-swiper .swiper-pagination-bullet-active {
  width: 12rem;
  background-color: #542FDD;
}
.F-CB03-01-page .cb-event-sec .event-bnr {
  display: flex;
  width: 100%;
}
.F-CB03-01-page .cb-event-sec .event-bnr img {
  width: 100%;
  border-radius: 2rem;
  vertical-align: top;
}

/*-------------------------------------------------------------------
	분류그룹 : 데이터 서칭
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-CB03-05-page .cb-intro-sec {
  padding-top: 20rem;
}
.F-CB03-05-page .cb-intro-sec .sec-inner {
  display: flex;
  flex-direction: column;
  gap: 12rem;
}
.F-CB03-05-page .cb-intro-sec .intro-img {
  width: 62rem;
}
.F-CB03-05-page .cb-intro-sec .intro-img img {
  width: 100%;
}
.F-CB03-05-page .cb-intro-sec .intro-con {
  flex: 1 1 auto;
}
.F-CB03-05-page .cb-intro-sec .intro-con p {
  font-weight: 600;
  font-size: 20rem;
  line-height: 28rem;
  color: #000;
}
.F-CB03-05-page .cb-intro-sec .intro-con p em {
  color: #542FDD;
}
@media all and (min-width: 720px) {
  .F-CB03-05-page .cb-intro-sec .sec-inner {
    flex-direction: row;
    align-items: center;
  }
  .F-CB03-05-page .cb-intro-sec .intro-con {
    margin-top: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-CB03-05-page .cb-intro-sec .sec-inner {
    flex-direction: row;
    align-items: center;
  }
  .F-CB03-05-page .cb-intro-sec .intro-con {
    margin-top: 0;
  }
}
.F-CB03-05-page .cb-searching-sec {
  padding-top: 90rem;
  padding-bottom: 90rem;
}
.F-CB03-05-page .cb-searching-sec .searching-data {
  display: flex;
  position: relative;
  justify-content: center;
}
.F-CB03-05-page .cb-searching-sec .searching-data .searching {
  position: relative;
  width: 130rem;
  height: 130rem;
}
.F-CB03-05-page .cb-searching-sec .searching-data .searching > div {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.F-CB03-05-page .cb-searching-sec .searching-data .searching > div img {
  width: 100%;
  height: 100%;
}
.F-CB03-05-page .cb-searching-sec .searching-data .searching > div.img-zoom {
  z-index: 2;
  transform: translate(0, 0) rotate(0deg) translateX(10px) rotate(0deg);
  animation: circle-motion 2.5s linear infinite;
}
@keyframes circle-motion {
  0% {
    transform: translate(0, 0) rotate(0deg) translateX(10px) rotate(0deg);
  }
  100% {
    transform: translate(0, 0) rotate(360deg) translateX(10px) rotate(-360deg);
  }
}

/*-------------------------------------------------------------------
	분류그룹 : 추천 요금제 매칭
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-CB03-06-page .cb-intro-sec {
  padding-top: 20rem;
  margin-bottom: 4rem;
}
.F-CB03-06-page .cb-intro-sec .sec-inner {
  display: flex;
  flex-direction: column;
  gap: 12rem;
}
.F-CB03-06-page .cb-intro-sec .intro-img {
  width: 62rem;
}
.F-CB03-06-page .cb-intro-sec .intro-img img {
  width: 100%;
}
.F-CB03-06-page .cb-intro-sec .intro-con {
  flex: 1 1 auto;
}
.F-CB03-06-page .cb-intro-sec .intro-con p {
  font-weight: 600;
  font-size: 20rem;
  line-height: 28rem;
  color: #000;
}
.F-CB03-06-page .cb-intro-sec .intro-con p em {
  color: #542FDD;
}
@media all and (min-width: 720px) {
  .F-CB03-06-page .cb-intro-sec .sec-inner {
    flex-direction: row;
    align-items: center;
  }
  .F-CB03-06-page .cb-intro-sec .intro-con {
    margin-top: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-CB03-06-page .cb-intro-sec .sec-inner {
    flex-direction: row;
    align-items: center;
  }
  .F-CB03-06-page .cb-intro-sec .intro-con {
    margin-top: 0;
  }
}
.F-CB03-06-page .cb-graph-sec { /* 1차 수정 : 그래프 cb-graph-sec 전체 수정 */
  margin-top: 16rem;
  margin-bottom: 24rem;
}
.F-CB03-06-page .cb-graph-sec .graph-wrap {
  position: relative;
  --graph-transition: all 0.2s 0.3s ease;
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-grid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 128rem;
  background: url("../images/common/img-graph-grid.svg") repeat 0 0;
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  padding: 0 16rem;
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-item .graph-track {
  position: relative;
  width: 80rem;
  height: 114rem;
  margin: 13rem auto 0;
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-item .graph-track .graph-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition: var(--graph-transition);
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-item .graph-track .graph-bar .value {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 14rem);
  width: 66rem;
  padding: 6rem 0rem;
  border-radius: 4rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #fff;
  text-align: center;
  transform: translateX(-50%);
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-item .graph-track .graph-bar .value::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border-left: 7rem solid transparent;
  border-right: 7rem solid transparent;
  border-top: 7rem solid transparent;
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-item .graph-data {
  margin-top: 5rem;
  text-align: center;
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-item .graph-data .period {
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #5A5D60;
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-item .graph-data .charge {
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-item.type-normal .graph-track .graph-bar {
  background-color: #B7B9BA;
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-item.type-normal .graph-data .charge {
  color: #EA2A2A;
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-item.type-savings .graph-track .graph-bar {
  border-radius: 0;
  background-color: #542FDD;
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-item.type-savings .graph-track .graph-bar .value {
  background-color: #542FDD;
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-item.type-savings .graph-track .graph-bar .value::before {
  border-top-color: #542FDD;
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-item.type-savings .graph-data .charge {
  color: #542FDD;
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-savings {
  position: absolute;
  top: 13rem;
  left: 0;
  width: 100%;
  height: 114rem;
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-savings .graph-gage {
  position: relative;
  height: 0%;
  overflow: hidden;
  border-top: 1px solid #542FDD;
  background-color: rgba(84, 47, 221, 0.1);
  transition: var(--graph-transition);
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-savings .graph-gage::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #542FDD;
}
.F-CB03-06-page .cb-graph-sec .graph-wrap .graph-savings .graph-gage::after {
  bottom: 0;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
  padding-top: 16rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-item {
  width: 100%;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15rem;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body {
  position: relative;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body .card-button {
  position: absolute;
  left: -16rem;
  right: -16rem;
  top: -16rem;
  bottom: -16rem;
  z-index: 1;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-footer {
  margin-top: 16rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label {
  display: flex;
  flex: none;
  gap: 2rem;
  font-size: 10rem;
  line-height: 12rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label {
  display: inline-block;
  padding: 3rem 5rem 5rem;
  border-radius: 2rem;
  color: #fff;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.skt {
  background-color: #3617CE;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.kt {
  background-color: #EC1B23;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lgu {
  background-color: #D0006F;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.main {
  background-color: #2091AA;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.price {
  background-color: #EFBD28;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.benefit {
  background-color: #0084FF;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.semotong {
  background-color: #542FDD;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.merge {
  background-color: #EFBD28;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.open {
  background-color: #0084FF;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lowest {
  background-color: #1fbc5e;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-btn {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12rem;
  margin-left: auto;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-stit {
  margin-bottom: 3rem;
  font-weight: 500;
  font-size: 10rem;
  line-height: 14rem;
  color: #96989B;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit {
  font-weight: 700;
  font-size: 20rem;
  color: #000;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit .ui-btn {
  z-index: 10;
  top: 1rem;
  margin-left: 4rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-name {
  margin-top: 4rem;
  font-size: 12rem;
  color: #777;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 8rem;
  margin-bottom: 20rem;
  padding: 2rem 0;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CFD0D1;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label {
  display: inline-flex;
  align-items: center;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label .ui-icn {
  margin-right: 4rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand {
  display: flex;
  align-items: center;
  height: 20rem;
  gap: 4rem;
  margin-top: 1rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand img {
  height: 100%;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand .brand-rating {
  display: inline-flex;
  align-items: center;
  padding: 2rem 8rem 2rem 4rem;
  border: 1px solid #CDC2F5;
  border-radius: 15rem;
  color: #542FDD;
  font-weight: 500;
  font-size: 12rem;
  line-height: 14rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  text-align: right;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-tit { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-txt { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-top: 0rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status {
  padding: 11rem 16rem;
  background-color: #F4F5F8;
  border-radius: 4rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift {
  position: relative;
  display: flex;
  align-items: center;
  --icn-size: 20rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .img {
  width: var(--icn-size);
  height: var(--icn-size);
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .ui-btn {
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 2rem;
  z-index: 10;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: var(--icn-size);
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .count {
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--icn-size);
  height: var(--icn-size);
  outline: 2rem solid #F4F5F8;
  margin-left: -6rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  background-color: #B7B9BA;
  border-radius: 50%;
  color: #fff;
  font-size: 10rem;
  line-height: var(--icn-size);
  font-weight: 400;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .tit {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  margin-left: 6rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: var(--icn-size);
  color: #63666A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li {
  position: relative;
  width: 100%;
  padding-left: calc(var(--icn-size) + 6rem);
  font-weight: 500;
  font-size: 12rem;
  line-height: 20rem;
  color: #63666A;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li .img {
  position: absolute;
  left: 0;
  top: 0;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-expanded {
  display: none;
  width: 100%;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .ui-btn .ui-icn {
  transform: rotate(180deg);
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-tit {
  display: none;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-expanded {
  display: block;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice {
  display: flex;
  align-items: center;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .ui-icn:first-child {
  margin-right: 4rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt em {
  color: #542FDD;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .split {
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
  margin: 0 8rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn {
  margin-left: auto; /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  align-items: center;
  font-weight: 600;
  font-size: 12rem;
  line-height: 14rem;
  color: #828588;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn > span { /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  margin-left: 4rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status + .card-compare-mo {
  margin-top: 12rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare {
  width: auto;
  height: 20rem;
  padding: 0 7rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
  vertical-align: top;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .icn-selection {
  display: none;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined:active {
  background-color: #fff;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected {
  color: #542FDD;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-default {
  display: none;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare {
  width: 100%;
  height: 38rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .icn-selection {
  display: none;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16rem;
  height: 16rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined:active {
  background-color: #fff;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected {
  color: #542FDD;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-default {
  display: none;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo {
  margin-top: 32rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con {
  text-align: center;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt:last-child { /* 8차 수정 : 내용 숨김에 대한 여백 조정 */
  margin-bottom: 20rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dd {
  margin-top: 6rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best {
  border-color: #542FDD;
  padding-top: 45rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(90deg, #6039EE 0%, #3A1EA2 100%);
  padding: 6rem 11rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best p {
  display: flex;
  gap: 4rem;
  color: #fff;
  font-weight: 500;
  font-size: 12re;
  line-height: 18rem;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined {
  box-shadow: none;
  border-color: #EFF0F0;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom {
  border-color: #542FDD;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom .card-badge {
  position: absolute;
  right: 10rem;
  top: 0;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info {
  margin-top: 12rem;
  text-align: right;
}
.F-CB03-06-page .cb-ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info .btn-texted {
  font-size: 12rem;
  line-height: 18rem;
  color: #828588;
}
.F-CB03-06-page .nodata {
  height: 300rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
}
.F-CB03-06-page .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-CB03-06-page .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-CB03-06-page .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-CB03-06-page .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}
.F-CB03-06-page .modal-footer {
  flex-wrap: wrap;
  gap: 10rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 1:1 문의 탭
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	분류그룹 : 1:1 문의하기
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-CS01-page {
  padding-top: 20rem;
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-CS01-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-CS01-page {
    padding-bottom: 48rem;
  }
}
.F-CS01-page .motongcb-intro-sec {
  margin-bottom: 24rem;
}
.F-CS01-page .motongcb-intro-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-CS01-page .motongcb-intro-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-CS01-page .motongcb-intro-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-CS01-page .motongcb-intro-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-CS01-page .motongcb-intro-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-CS01-page .motongcb-intro-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-CS01-page .motongcb-intro-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-CS01-page .motongcb-intro-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-CS01-page .motongcb-intro-sec .sec-header .btn-more.static {
  position: static;
}
.F-CS01-page .motongcb-intro-sec .sec-header .sec-tit {
  position: relative;
  display: flex;
  align-items: center;
}
.F-CS01-page .motongcb-intro-sec .sec-header .sec-tit .ui-icn {
  margin-right: 12rem;
}
.F-CS01-page .motongcb-intro-sec .motongcb-intro-box {
  padding: 20rem 16rem;
  background-color: #F4F4F4;
  border-radius: 2px;
}
.F-CS01-page .motongcb-intro-sec .motongcb-intro-box dl dt {
  padding-bottom: 12rem;
  margin-bottom: 12rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.F-CS01-page .motongcb-intro-sec .motongcb-intro-box dl dd {
  position: relative;
  padding-left: 12rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 17rem;
  color: #63666A;
}
.F-CS01-page .motongcb-intro-sec .motongcb-intro-box dl dd::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 7rem;
  width: 3rem;
  height: 3rem;
  background-color: #63666A;
  border-radius: 50%;
}
.F-CS01-page .motongcb-intro-sec .motongcb-intro-box dl dd + dd {
  margin-top: 6rem;
}
.F-CS01-page .floating-sec {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  flex: none;
  padding-top: 20rem;
  padding-bottom: 32rem;
  margin-bottom: -32rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0rem, rgb(255, 255, 255) 20rem);
}
.F-CS01-page .floating-sec .btn-action + .btn-action {
  margin-top: 14rem;
}

.F-CS01-T01-page .inq-frm-sec .basic-frm {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.F-CS01-T01-page .inq-frm-sec .basic-frm .frm-field-group {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.F-CS01-T01-page .inq-frm-sec .basic-frm .frm-field {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.F-CS01-T01-page .inq-frm-sec .basic-frm .frm-field .frm-title {
  margin-bottom: 10rem;
}
.F-CS01-T01-page .inq-frm-sec .basic-frm .frm-field .frm-title .tit {
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-CS01-T01-page .inq-frm-sec .basic-frm .frm-field .frm-group {
  display: flex;
  align-items: center;
  gap: 8rem;
}
.F-CS01-T01-page .inq-frm-sec .basic-frm .frm-field .frm-group .btn-sub {
  margin: 0;
  height: 52rem;
  width: auto;
  min-width: 100rem;
}
.F-CS01-T01-page .inq-frm-sec .basic-frm .frm-field .frm-group + .frm-group {
  margin-top: 10rem;
}
.F-CS01-T01-page .inq-frm-sec .basic-frm .frm-field .frm-group .frm-split {
  color: #D9D9D9;
}
.F-CS01-T01-page .inq-frm-sec .basic-frm .frm-field .frm-group.type-car .ui-inp .inp {
  text-align: center;
}
.F-CS01-T01-page .inq-frm-sec .basic-frm .frm-field .frm-group.type-car .ui-inp:nth-child(3) {
  flex: none;
  width: 25%;
}
.F-CS01-T01-page .inq-frm-sec .basic-frm .frm-field .frm-group.type-serial .ui-inp .inp {
  padding-left: 8rem;
  padding-right: 8rem;
  text-align: center;
}
@media all and (min-width: 480px) {
  .F-CS01-T01-page .inq-frm-sec .basic-frm .frm-field .frm-group.type-serial .ui-inp .inp {
    padding-left: 17rem;
    padding-right: 17rem;
  }
}
.F-CS01-T01-page .inq-frm-sec .basic-frm .frm-alert {
  display: none;
  margin-top: 6rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
}
.F-CS01-T01-page .inq-frm-sec .basic-frm .frm-alert.is-show {
  display: block;
}
.F-CS01-T01-page .inq-frm-sec .basic-frm .frm-alert.is-errored {
  color: #EA2A2A;
}

/*-------------------------------------------------------------------
	분류그룹 : 나의 고객 문의 내역 탭
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	분류그룹 : 1:1 문의하기
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-CS01-page {
  padding-top: 20rem;
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-CS01-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-CS01-page {
    padding-bottom: 48rem;
  }
}
.F-CS01-page .motongcb-intro-sec {
  margin-bottom: 24rem;
}
.F-CS01-page .motongcb-intro-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-CS01-page .motongcb-intro-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-CS01-page .motongcb-intro-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-CS01-page .motongcb-intro-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-CS01-page .motongcb-intro-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-CS01-page .motongcb-intro-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-CS01-page .motongcb-intro-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-CS01-page .motongcb-intro-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-CS01-page .motongcb-intro-sec .sec-header .btn-more.static {
  position: static;
}
.F-CS01-page .motongcb-intro-sec .sec-header .sec-tit {
  position: relative;
  display: flex;
  align-items: center;
}
.F-CS01-page .motongcb-intro-sec .sec-header .sec-tit .ui-icn {
  margin-right: 12rem;
}
.F-CS01-page .motongcb-intro-sec .motongcb-intro-box {
  padding: 20rem 16rem;
  background-color: #F4F4F4;
  border-radius: 2px;
}
.F-CS01-page .motongcb-intro-sec .motongcb-intro-box dl dt {
  padding-bottom: 12rem;
  margin-bottom: 12rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.F-CS01-page .motongcb-intro-sec .motongcb-intro-box dl dd {
  position: relative;
  padding-left: 12rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 17rem;
  color: #63666A;
}
.F-CS01-page .motongcb-intro-sec .motongcb-intro-box dl dd::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 7rem;
  width: 3rem;
  height: 3rem;
  background-color: #63666A;
  border-radius: 50%;
}
.F-CS01-page .motongcb-intro-sec .motongcb-intro-box dl dd + dd {
  margin-top: 6rem;
}
.F-CS01-page .floating-sec {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  flex: none;
  padding-top: 20rem;
  padding-bottom: 32rem;
  margin-bottom: -32rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0rem, rgb(255, 255, 255) 20rem);
}
.F-CS01-page .floating-sec .btn-action + .btn-action {
  margin-top: 14rem;
}

.F-CS01-T02-page .inq-list-sec .inq-accordion {
  margin: -20rem 0;
}
.F-CS01-T02-page .inq-list-sec .inq-accordion .collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
.F-CS01-T02-page .inq-list-sec .inq-accordion .collapse:not(.show) {
  display: none;
}
.F-CS01-T02-page .inq-list-sec .inq-accordion .acco-button .ui-icn { /* 2024-12-20 조찬기 : acco-button 으로 변경 */
  transition: transform 0.35s ease;
}
.F-CS01-T02-page .inq-list-sec .inq-accordion .acco-button[aria-expanded=true] .ui-icn { /* 2024-12-20 조찬기 : acco-button 으로 변경 */
  transform: rotate(180deg);
}
.F-CS01-T02-page .inq-list-sec .inq-accordion .acco-item {
  padding: 20rem 0;
  border-top: 1px solid #EFF0F0;
}
.F-CS01-T02-page .inq-list-sec .inq-accordion .acco-header {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.F-CS01-T02-page .inq-list-sec .inq-accordion .acco-header .acco-tit {
  max-width: calc(100% - 66rem);
  margin-right: auto;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #2A2B2D;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-CS01-T02-page .inq-list-sec .inq-accordion .acco-header .acco-date {
  flex: none;
  margin-left: auto;
  padding-top: 2rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #96989B;
}
.F-CS01-T02-page .inq-list-sec .inq-accordion .acco-header .acco-con {
  width: 100%;
  margin-top: 10rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
  white-space: pre-wrap;
}
.F-CS01-T02-page .inq-list-sec .inq-accordion .acco-header .acco-info {
  display: flex;
  align-items: center;
  gap: 8rem;
  margin-top: 16rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #96989B;
}
.F-CS01-T02-page .inq-list-sec .inq-accordion .acco-header .acco-info .split {
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
}
.F-CS01-T02-page .inq-list-sec .inq-accordion .acco-header .acco-info .state.is-received, .F-CS01-T02-page .inq-list-sec .inq-accordion .acco-header .acco-info .state.is-answered {
  color: #542FDD;
}
.F-CS01-T02-page .inq-list-sec .inq-accordion .acco-header .acco-button {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.F-CS01-T02-page .inq-list-sec .inq-accordion .acco-body {
  margin-top: 16rem;
}
.F-CS01-T02-page .inq-list-sec .inq-accordion .acco-body .acco-answer {
  background-color: #F4F4F4;
  padding: 16rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #2A2B2D;
}
.F-CS01-T02-page .inq-list-sec .feedback-msg {
  margin-top: 20rem;
  border-top: 1px solid #EFF0F0;
  padding-top: 30rem;
  text-align: center;
}
.F-CS01-T02-page .inq-list-sec .feedback-msg .tit {
  font-weight: 500;
  font-size: 14rem;
  color: #36383A;
}
.F-CS01-T02-page .inq-list-sec .feedback-msg .txt {
  margin-top: 6rem;
  font-weight: 500;
  font-size: 12rem;
  color: #5A5D60;
}
.F-CS01-T02-page .inq-list-sec .feedback-msg .ui-btn {
  margin-top: 18rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #63666A;
  text-decoration: underline;
  text-underline-position: underline;
}
.F-CS01-T02-page .nodata-sec {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
}
.F-CS01-T02-page .nodata-sec .sec-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
}
.F-CS01-T02-page .nodata-sec .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
}
.F-CS01-T02-page .nodata-sec .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-CS01-T02-page .nodata-sec .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-CS01-T02-page .nodata-sec .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-CS01-T02-page .nodata-sec .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}

.F-CS01-T02-page .modal-title {
  text-align: center;
}
.F-CS01-T02-page .reg-sat-sec {
  margin-top: 2rem;
}
.F-CS01-T02-page .reg-sat-sec .reg-sat-msg {
  text-align: center;
}
.F-CS01-T02-page .reg-sat-sec .reg-sat-msg .tit {
  font-weight: 600;
  font-size: 16rem;
  color: #000;
}
.F-CS01-T02-page .reg-sat-sec .reg-sat-msg .txt {
  margin-top: 16rem;
  font-weight: 500;
  font-size: 14rem;
  color: #5A5D60;
}
.F-CS01-T02-page .reg-sat-sec .reg-sat-frm {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10rem;
  margin-top: 30rem;
}
.F-CS01-T02-page .reg-sat-sec .reg-sat-frm .reg-sat-rdo {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 auto;
  padding: 16rem 12rem;
  border: 1px solid transparent;
  border-radius: 6rem;
  text-align: center;
  background-color: #F4F4F4;
}
.F-CS01-T02-page .reg-sat-sec .reg-sat-frm .reg-sat-rdo.is-selected {
  border-color: #A692ED;
  background-color: #fff;
}
.F-CS01-T02-page .reg-sat-sec .reg-sat-frm .reg-sat-rdo .ui-icn {
  margin-bottom: 6rem;
}
.F-CS01-T02-page .reg-sat-sec .reg-sat-frm .reg-sat-rdo .ui-rdo {
  margin: 0;
}
.F-CS01-T02-page .inq-frm-sec {
  margin-top: 32rem;
}
.F-CS01-T02-page .inq-frm-sec .basic-frm {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.F-CS01-T02-page .inq-frm-sec .basic-frm .frm-field-group {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.F-CS01-T02-page .inq-frm-sec .basic-frm .frm-field {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.F-CS01-T02-page .inq-frm-sec .basic-frm .frm-field .frm-title {
  margin-bottom: 10rem;
}
.F-CS01-T02-page .inq-frm-sec .basic-frm .frm-field .frm-title .tit {
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-CS01-T02-page .inq-frm-sec .basic-frm .frm-field .frm-group {
  display: flex;
  align-items: center;
  gap: 8rem;
}
.F-CS01-T02-page .inq-frm-sec .basic-frm .frm-field .frm-group .btn-sub {
  margin: 0;
  height: 52rem;
  width: auto;
  min-width: 100rem;
}
.F-CS01-T02-page .inq-frm-sec .basic-frm .frm-field .frm-group + .frm-group {
  margin-top: 10rem;
}
.F-CS01-T02-page .inq-frm-sec .basic-frm .frm-field .frm-group .frm-split {
  color: #D9D9D9;
}
.F-CS01-T02-page .inq-frm-sec .basic-frm .frm-field .frm-group.type-car .ui-inp .inp {
  text-align: center;
}
.F-CS01-T02-page .inq-frm-sec .basic-frm .frm-field .frm-group.type-car .ui-inp:nth-child(3) {
  flex: none;
  width: 25%;
}
.F-CS01-T02-page .inq-frm-sec .basic-frm .frm-field .frm-group.type-serial .ui-inp .inp {
  padding-left: 8rem;
  padding-right: 8rem;
  text-align: center;
}
@media all and (min-width: 480px) {
  .F-CS01-T02-page .inq-frm-sec .basic-frm .frm-field .frm-group.type-serial .ui-inp .inp {
    padding-left: 17rem;
    padding-right: 17rem;
  }
}
.F-CS01-T02-page .inq-frm-sec .basic-frm .frm-alert {
  display: none;
  margin-top: 6rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
}
.F-CS01-T02-page .inq-frm-sec .basic-frm .frm-alert.is-show {
  display: block;
}
.F-CS01-T02-page .inq-frm-sec .basic-frm .frm-alert.is-errored {
  color: #EA2A2A;
}

/*-------------------------------------------------------------------
	분류그룹 : 공지사항
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-CS02-01-page {
  padding-top: 20rem;
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-CS02-01-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-CS02-01-page {
    padding-bottom: 48rem;
  }
}
.F-CS02-01-page .notice-list-sec .notice-list-wrap {
  margin-top: 24rem;
}
.F-CS02-01-page .notice-list-sec .notice-list-wrap .notice-list {
  border-top: 1px solid #2A2B2D;
  /* 1차 수정 : 리스트 여백 취소 */
  /*
  	margin-left: calc(24rem * -1);
  	margin-right: calc(24rem * -1);
  */
  /* 1차 수정 : 리스트 여백 취소 */
  /*
  @include media-tablet-xs {
  	margin-left: 0;
  	margin-right: 0;
  }
  */
}
.F-CS02-01-page .notice-list-sec .notice-list-wrap .notice-list .notice-item {
  border-bottom: 1px solid #EFF0F0;
}
.F-CS02-01-page .notice-list-sec .notice-list-wrap .notice-list .notice-post {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16rem;
  padding: 16rem;
  padding-left: 8rem;
  padding-right: 8rem;
}
.F-CS02-01-page .notice-list-sec .notice-list-wrap .notice-list .notice-post.is-pin {
  background-color: #F4F5F8;
  padding-left: 16rem;
  padding-right: 8rem;
}
.F-CS02-01-page .notice-list-sec .notice-list-wrap .notice-list .notice-post .notice-cont {
  display: block;
  flex: 1 1 auto;
}
.F-CS02-01-page .notice-list-sec .notice-list-wrap .notice-list .notice-post .notice-cont .tit {
  display: flex;
  font-weight: 600;
  font-size: 16rem;
  line-height: 24rem;
  color: #2A2B2D;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.F-CS02-01-page .notice-list-sec .notice-list-wrap .notice-list .notice-post .notice-cont .tit .ui-icn {
  flex: none;
  margin-right: 4rem;
}
.F-CS02-01-page .notice-list-sec .notice-list-wrap .notice-list .notice-post .notice-cont .date {
  display: block;
  margin-top: 4rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 22rem;
  color: #96989B;
}
.F-CS02-01-page .notice-list-sec .notice-list-wrap .notice-list .notice-post > .ui-icn {
  margin-right: -4rem;
  flex: none;
}
.F-CS02-01-page .notice-list-sec .notice-list-wrap .notice-list .notice-post:hover .notice-cont .tit {
  color: #542FDD;
  text-decoration: underline;
  text-underline-position: under;
}
.F-CS02-01-page .event-sec {
  margin-top: 50rem;
}
.F-CS02-01-page .event-sec .event-swiper .swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8rem;
  gap: 4rem;
}
.F-CS02-01-page .event-sec .event-swiper .swiper-pagination-bullet {
  width: 6rem;
  height: 6rem;
  margin: 0;
  border-radius: 3rem;
  background-color: #EFF0F0;
  opacity: 1;
  transition: all 0.2s ease;
}
.F-CS02-01-page .event-sec .event-swiper .swiper-pagination-bullet-active {
  width: 12rem;
  background-color: #542FDD;
}
.F-CS02-01-page .event-sec .event-bnr {
  display: flex;
  width: 100%;
}
.F-CS02-01-page .event-sec .event-bnr img {
  width: 100%;
  border-radius: 2rem;
  vertical-align: top;
}

/*-------------------------------------------------------------------
	분류그룹 : 공지사항 상세
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-CS02-02-page {
  padding-top: 20rem;
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-CS02-02-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-CS02-02-page {
    padding-bottom: 48rem;
  }
}
.F-CS02-02-page .notice-detail-sec .notice-detail {
  border-top: 1px solid #2A2B2D;
}
.F-CS02-02-page .notice-detail-sec .notice-detail .detail-header {
  padding: 20rem 8rem;
  border-bottom: 1px solid #EFF0F0;
}
.F-CS02-02-page .notice-detail-sec .notice-detail .detail-header .tit {
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #2A2B2D;
}
.F-CS02-02-page .notice-detail-sec .notice-detail .detail-header .date {
  margin-top: 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #96989B;
}
.F-CS02-02-page .notice-detail-sec .notice-detail .detail-body {
  padding: 32rem 8rem;
  border-bottom: 1px solid #EFF0F0;
}
.F-CS02-02-page .notice-detail-sec .notice-detail .detail-body .data-view {
  font-weight: 400;
  font-size: 14rem;
  line-height: 20rem;
  color: #46484B;
}
.F-CS02-02-page .notice-detail-sec .notice-detail .detail-body .data-view p + p {
  margin-top: 8rem;
}
.F-CS02-02-page .floating-sec {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  flex: none;
  padding-top: 20rem;
  padding-bottom: 32rem;
  margin-bottom: -32rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0rem, rgb(255, 255, 255) 20rem);
}
.F-CS02-02-page .floating-sec .btn-action + .btn-action {
  margin-top: 14rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 이벤트 진행중
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-E01-01-page {
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-E01-01-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-E01-01-page {
    padding-bottom: 48rem;
  }
}
.F-E01-01-page .eventIng-sec .keyword-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8rem;
}
.F-E01-01-page .eventIng-sec .keyword-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36rem;
  padding: 0 9rem;
  font-weight: 500;
  font-size: 14rem;
  color: #36383A;
  border-radius: 6rem;
  border: 1px solid transparent;
  background-color: #EFF0F0;
}
.F-E01-01-page .eventIng-sec .keyword-btn.is-selected {
  border-color: #542FDD;
  background-color: #EAE6FB;
  color: #542FDD;
}
.F-E01-01-page .eventIng-sec .eventIng-toolbar {
  display: flex;
  justify-content: space-between;
  margin-top: 16rem;
  padding: 16rem 0;
}
.F-E01-01-page .eventIng-sec .eventIng-toolbar .count {
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #63666A;
}
.F-E01-01-page .eventIng-sec .eventIng-toolbar .sort {
  display: flex;
}
.F-E01-01-page .eventIng-sec .eventIng-toolbar .sort .ui-btn { /* 2차 수정 : 정렬버튼 여백수정 */
  gap: 4rem;
  line-height: 16rem;
}
.F-E01-01-page .eventIng-sec .eventIng-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20rem;
}
.F-E01-01-page .eventIng-sec .eventIng-list .eventIng-item {
  width: 100%;
}
.F-E01-01-page .eventIng-sec .eventIng-list .eventIng-card {
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
}
.F-E01-01-page .eventIng-sec .eventIng-list .eventIng-card .card-thumb {
  width: 100%;
  aspect-ratio: 328/204; /* 2025-02-04 조찬기 : 이벤트 썸네일 비율 조정 */
}
.F-E01-01-page .eventIng-sec .eventIng-list .eventIng-card .card-thumb img { /* 2025-02-04 조찬기 : 이벤트 썸네일 이미지 스타일 수정/추가 */
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.F-E01-01-page .eventIng-sec .eventIng-list .eventIng-card .card-cont {
  padding: 20rem 16rem;
}
.F-E01-01-page .eventIng-sec .eventIng-list .eventIng-card .card-cont .card-tit {
  display: flex;
  align-items: center;
  gap: 8rem;
}
.F-E01-01-page .eventIng-sec .eventIng-list .eventIng-card .card-cont .card-tit .label {
  flex: none;
  padding: 3rem 8rem;
  border-radius: 4rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #fff;
}
.F-E01-01-page .eventIng-sec .eventIng-list .eventIng-card .card-cont .card-tit .label.signup {
  background-color: #542FDD;
}
.F-E01-01-page .eventIng-sec .eventIng-list .eventIng-card .card-cont .card-tit .label.recom {
  background-color: #FF4160;
}
.F-E01-01-page .eventIng-sec .eventIng-list .eventIng-card .card-cont .card-tit .tit {
  display: block;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-E01-01-page .eventIng-sec .eventIng-list .eventIng-card .card-cont .card-date {
  margin-top: 8rem;
  font-weight: 400;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
@media all and (min-width: 720px) {
  .F-E01-01-page .eventIng-sec .eventIng-list .eventIng-item {
    width: calc(50% - 10px);
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-E01-01-page .eventIng-sec .eventIng-list .eventIng-item {
    width: calc(50% - 10px);
  }
}
.F-E01-01-page .eventIng-sec .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
}
.F-E01-01-page .eventIng-sec .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-E01-01-page .eventIng-sec .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-E01-01-page .eventIng-sec .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-E01-01-page .eventIng-sec .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 이벤트 친구추천
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-E01-02-page {
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-E01-02-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-E01-02-page {
    padding-bottom: 48rem;
  }
}

/*-------------------------------------------------------------------
	분류그룹 : 이벤트 상세
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-E01-03-page {
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-E01-03-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-E01-03-page {
    padding-bottom: 48rem;
  }
}
.F-E01-03-page .event-detail-sec .event-detail {
  border-top: 1px solid #2A2B2D;
}
.F-E01-03-page .event-detail-sec .event-detail .detail-header {
  display: flex;
  flex-wrap: wrap;
  padding: 20rem 8rem;
  border-bottom: 1px solid #EFF0F0;
}
.F-E01-03-page .event-detail-sec .event-detail .detail-header .tit {
  width: 100%;
  margin-bottom: 8rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #2A2B2D;
}
.F-E01-03-page .event-detail-sec .event-detail .detail-header .date {
  margin-right: auto;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #96989B;
}
.F-E01-03-page .event-detail-sec .event-detail .detail-body {
  padding: 32rem 0 0 0;
}
.F-E01-03-page .event-detail-sec .event-detail .detail-body .data-view {
  font-weight: 400;
  font-size: 14rem;
  line-height: 20rem;
  color: #46484B;
}
.F-E01-03-page .event-detail-sec .event-detail .detail-body .data-view p + p {
  margin-top: 8rem;
}
.F-E01-03-page .ratePlanC-sec {
  margin-top: 32rem;
}
.F-E01-03-page .ratePlanC-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-E01-03-page .ratePlanC-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-E01-03-page .ratePlanC-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-E01-03-page .ratePlanC-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-E01-03-page .ratePlanC-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-E01-03-page .ratePlanC-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-E01-03-page .ratePlanC-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-E01-03-page .ratePlanC-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-E01-03-page .ratePlanC-sec .sec-header .btn-more.static {
  position: static;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
  padding-top: 16rem;
  padding-top: 0;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-item {
  width: 100%;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15rem;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-body {
  position: relative;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-body .card-button {
  position: absolute;
  left: -16rem;
  right: -16rem;
  top: -16rem;
  bottom: -16rem;
  z-index: 1;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-footer {
  margin-top: 16rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-util {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-util-label {
  display: flex;
  flex: none;
  gap: 2rem;
  font-size: 10rem;
  line-height: 12rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-util-label .label {
  display: inline-block;
  padding: 3rem 5rem 5rem;
  border-radius: 2rem;
  color: #fff;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.skt {
  background-color: #3617CE;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.kt {
  background-color: #EC1B23;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.lgu {
  background-color: #D0006F;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.main {
  background-color: #2091AA;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.price {
  background-color: #EFBD28;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.benefit {
  background-color: #0084FF;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.semotong {
  background-color: #542FDD;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.merge {
  background-color: #EFBD28;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.open {
  background-color: #0084FF;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.lowest {
  background-color: #1fbc5e;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-util-btn {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12rem;
  margin-left: auto;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-stit {
  margin-bottom: 3rem;
  font-weight: 500;
  font-size: 10rem;
  line-height: 14rem;
  color: #96989B;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-tit {
  font-weight: 700;
  font-size: 20rem;
  color: #000;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-tit .ui-btn {
  z-index: 10;
  top: 1rem;
  margin-left: 4rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-name {
  margin-top: 4rem;
  font-size: 12rem;
  color: #777;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-info {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 8rem;
  margin-bottom: 20rem;
  padding: 2rem 0;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-info .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CFD0D1;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-info .label {
  display: inline-flex;
  align-items: center;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-info .label .ui-icn {
  margin-right: 4rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-charge {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-charge .brand {
  display: flex;
  align-items: center;
  height: 20rem;
  gap: 4rem;
  margin-top: 1rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-charge .brand img {
  height: 100%;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-charge .brand .brand-rating {
  display: inline-flex;
  align-items: center;
  padding: 2rem 8rem 2rem 4rem;
  border: 1px solid #CDC2F5;
  border-radius: 15rem;
  color: #542FDD;
  font-weight: 500;
  font-size: 12rem;
  line-height: 14rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-charge .charge { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  text-align: right;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-charge .charge .charge-tit { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-charge .charge .charge-txt { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-top: 0rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-charge .charge .charge-point {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-charge .charge .charge-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status {
  padding: 11rem 16rem;
  background-color: #F4F5F8;
  border-radius: 4rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift {
  position: relative;
  display: flex;
  align-items: center;
  --icn-size: 20rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift .img {
  width: var(--icn-size);
  height: var(--icn-size);
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift .ui-btn {
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 2rem;
  z-index: 10;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift .status-gift-tit {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: var(--icn-size);
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift .status-gift-tit .count {
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--icn-size);
  height: var(--icn-size);
  outline: 2rem solid #F4F5F8;
  margin-left: -6rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  background-color: #B7B9BA;
  border-radius: 50%;
  color: #fff;
  font-size: 10rem;
  line-height: var(--icn-size);
  font-weight: 400;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift .status-gift-tit .tit {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  margin-left: 6rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: var(--icn-size);
  color: #63666A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift .status-gift-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift .status-gift-list li {
  position: relative;
  width: 100%;
  padding-left: calc(var(--icn-size) + 6rem);
  font-weight: 500;
  font-size: 12rem;
  line-height: 20rem;
  color: #63666A;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift .status-gift-list li .img {
  position: absolute;
  left: 0;
  top: 0;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift .status-gift-expanded {
  display: none;
  width: 100%;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift.is-expanded .ui-btn .ui-icn {
  transform: rotate(180deg);
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-tit {
  display: none;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-expanded {
  display: block;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-choice .choice {
  display: flex;
  align-items: center;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-choice .choice .ui-icn:first-child {
  margin-right: 4rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-choice .choice .txt {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-choice .choice .txt em {
  color: #542FDD;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-choice .choice .split {
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
  margin: 0 8rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-choice .ui-btn {
  margin-left: auto; /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  align-items: center;
  font-weight: 600;
  font-size: 12rem;
  line-height: 14rem;
  color: #828588;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status .status-choice .ui-btn > span { /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  margin-left: 4rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-status + .card-compare-mo {
  margin-top: 12rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare {
  width: auto;
  height: 20rem;
  padding: 0 7rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
  vertical-align: top;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare .icn-selection {
  display: none;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare.outlined:active {
  background-color: #fff;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare.is-selected {
  color: #542FDD;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-default {
  display: none;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare {
  width: 100%;
  height: 38rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare .icn-selection {
  display: none;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16rem;
  height: 16rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare.outlined:active {
  background-color: #fff;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare.is-selected {
  color: #542FDD;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-default {
  display: none;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-buyinfo {
  margin-top: 32rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-buyinfo .buyinfo-con {
  text-align: center;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-buyinfo .buyinfo-con dt {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-buyinfo .buyinfo-con dt:last-child { /* 8차 수정 : 내용 숨김에 대한 여백 조정 */
  margin-bottom: 20rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card .card-buyinfo .buyinfo-con dd {
  margin-top: 6rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card.plan-best {
  border-color: #542FDD;
  padding-top: 45rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card.plan-best .card-best {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(90deg, #6039EE 0%, #3A1EA2 100%);
  padding: 6rem 11rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card.plan-best .card-best p {
  display: flex;
  gap: 4rem;
  color: #fff;
  font-weight: 500;
  font-size: 12re;
  line-height: 18rem;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card.outlined {
  box-shadow: none;
  border-color: #EFF0F0;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card.outlined.is-recom {
  border-color: #542FDD;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card.outlined.is-recom .card-badge {
  position: absolute;
  right: 10rem;
  top: 0;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card + .ratePlan-info {
  margin-top: 12rem;
  text-align: right;
}
.F-E01-03-page .ratePlanC-sec .ratePlanC-card + .ratePlan-info .btn-texted {
  font-size: 12rem;
  line-height: 18rem;
  color: #828588;
}
.F-E01-03-page .note-sec {
  padding-bottom: 60rem;
}
.F-E01-03-page .note-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-E01-03-page .note-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-E01-03-page .note-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-E01-03-page .note-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-E01-03-page .note-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-E01-03-page .note-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-E01-03-page .note-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-E01-03-page .note-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-E01-03-page .note-sec .sec-header .btn-more.static {
  position: static;
}
.F-E01-03-page .note-sec .note-acco {
  margin-top: 30rem;
  border-top: 1px solid #EFF0F0;
}
.F-E01-03-page .note-sec .note-acco .collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
.F-E01-03-page .note-sec .note-acco .collapse:not(.show) {
  display: none;
}
.F-E01-03-page .note-sec .note-acco .acco-button .ui-icn {
  transition: transform 0.35s ease;
}
.F-E01-03-page .note-sec .note-acco .acco-button[aria-expanded=true] .ui-icn {
  transform: rotate(180deg);
}
.F-E01-03-page .note-sec .note-acco .acco-header {
  position: relative;
  padding: 14rem 0;
  border-bottom: 1px solid #EFF0F0;
}
.F-E01-03-page .note-sec .note-acco .acco-header .acco-button {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
}
.F-E01-03-page .note-sec .note-acco .acco-header .acco-button > span {
  position: relative;
  display: block;
  padding-right: 12rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  max-height: 72rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.F-E01-03-page .note-sec .note-acco .acco-header .acco-button .ui-icn {
  margin-left: auto;
}
.F-E01-03-page .note-sec .note-acco .acco-body {
  margin-top: 16rem;
}
.F-E01-03-page .note-sec .note-acco .acco-body .acco-data {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #63666A;
}
.F-E01-03-page .note-sec .note-acco .acco-body .acco-data p {
  margin-top: 20rem;
}
.F-E01-03-page .note-sec .note-acco .acco-body .acco-data p:first-child {
  margin-top: 0;
}
.F-E01-03-page .note-sec .note-acco .acco-body .acco-data p strong {
  display: block;
  font-weight: 500;
  font-weight: 16rem;
  line-height: 24rem;
  color: #000;
}
.F-E01-03-page .note-sec .note-acco .acco-body .acco-data ol {
  display: flex;
  flex-direction: column;
  gap: 8rem;
  font-size: 12rem;
  line-height: 16rem;
  margin-top: 8rem;
  margin-bottom: 8rem;
}
.F-E01-03-page .note-sec .note-acco .acco-body .acco-data ol:first-child {
  margin-top: 0;
}
.F-E01-03-page .note-sec .note-acco .acco-body .acco-data ol:last-child {
  margin-bottom: 0;
}
.F-E01-03-page .note-sec .note-acco .acco-body .acco-data ol li {
  position: relative;
  counter-increment: item;
  padding-left: 12rem;
}
.F-E01-03-page .note-sec .note-acco .acco-body .acco-data ol li::before {
  content: counter(item) ". ";
  position: absolute;
  left: 0;
  top: 0;
}
.F-E01-03-page .note-sec .note-acco .acco-body .acco-data ul {
  display: flex;
  flex-direction: column;
  gap: 8rem;
  font-size: 12rem;
  line-height: 16rem;
  margin-top: 8rem;
  margin-bottom: 8rem;
}
.F-E01-03-page .note-sec .note-acco .acco-body .acco-data ul:first-child {
  margin-top: 0;
}
.F-E01-03-page .note-sec .note-acco .acco-body .acco-data ul:last-child {
  margin-bottom: 0;
}
.F-E01-03-page .note-sec .note-acco .acco-body .acco-data ul li {
  position: relative;
  counter-increment: item;
  padding-left: 12rem;
  color: #63666A;
}
.F-E01-03-page .note-sec .note-acco .acco-body .acco-data ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5.5rem;
  width: 3rem;
  height: 3rem;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
@media all and (min-width: 720px) {
  .F-E01-03-page .note-sec .note-acco {
    margin-left: 0;
    margin-right: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-E01-03-page .note-sec .note-acco {
    margin-left: 0;
    margin-right: 0;
  }
}

/*-------------------------------------------------------------------
	분류그룹 : 이벤트 종료
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-E02-01-page {
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-E02-01-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-E02-01-page {
    padding-bottom: 48rem;
  }
}
.F-E02-01-page .eventEnd-sec .eventEnd-list-wrap .eventEnd-list {
  border-top: 1px solid #2A2B2D;
}
.F-E02-01-page .eventEnd-sec .eventEnd-list-wrap .eventEnd-list .eventEnd-item {
  border-bottom: 1px solid #EFF0F0;
}
.F-E02-01-page .eventEnd-sec .eventEnd-list-wrap .eventEnd-list .eventEnd-post {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16rem;
  padding: 16rem;
  padding-left: 12rem;
  padding-right: 12rem;
}
.F-E02-01-page .eventEnd-sec .eventEnd-list-wrap .eventEnd-list .eventEnd-post .eventEnd-cont {
  display: block;
  flex: 1 1 auto;
}
.F-E02-01-page .eventEnd-sec .eventEnd-list-wrap .eventEnd-list .eventEnd-post .eventEnd-cont .tit {
  display: block;
  font-weight: 600;
  font-size: 16rem;
  line-height: 24rem;
  color: #2A2B2D;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.F-E02-01-page .eventEnd-sec .eventEnd-list-wrap .eventEnd-list .eventEnd-post .eventEnd-cont .date {
  display: block;
  margin-top: 4rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 22rem;
  color: #96989B;
}
.F-E02-01-page .eventEnd-sec .eventEnd-list-wrap .eventEnd-list .eventEnd-post .ui-icn {
  flex: none;
}
.F-E02-01-page .eventEnd-sec .eventEnd-list-wrap .eventEnd-list .eventEnd-post:hover .eventEnd-cont .tit {
  color: #542FDD;
  text-decoration: underline;
  text-underline-position: under;
}

/*-------------------------------------------------------------------
	분류그룹 : 알뜰폰이란?
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-G01-01-page {
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-G01-01-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-G01-01-page {
    padding-bottom: 48rem;
  }
}
.F-G01-01-page .intro-sec .data-view p {
  font-weight: 500;
  font-size: 14rem;
  line-height: 22rem;
}
.F-G01-01-page .intro-sec .data-view img {
  display: block;
  margin: 20rem auto;
}
@media all and (min-width: 720px) {
  .F-G01-01-page .intro-sec .data-view p {
    font-size: 16rem;
    line-height: 24rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-G01-01-page .intro-sec .data-view p {
    font-size: 16rem;
    line-height: 24rem;
  }
}

/*-------------------------------------------------------------------
	분류그룹 : 세모통 백서
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-G02-01-page {
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-G02-01-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-G02-01-page {
    padding-bottom: 48rem;
  }
}
.F-G02-01-page .howto-sec .howto-list-wrap {
  margin-top: 16rem;
}
.F-G02-01-page .howto-sec .howto-list-wrap .howto-toolbar {
  padding: 16rem 0;
}
.F-G02-01-page .howto-sec .howto-list-wrap .howto-toolbar .count {
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #63666A;
}
.F-G02-01-page .howto-sec .howto-list-wrap .howto-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20rem;
}
.F-G02-01-page .howto-sec .howto-list-wrap .howto-list .howto-item {
  width: 100%;
}
@media all and (min-width: 720px) {
  .F-G02-01-page .howto-sec .howto-list-wrap .howto-list .howto-item {
    width: calc(50% - 10px);
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-G02-01-page .howto-sec .howto-list-wrap .howto-list .howto-item {
    width: calc(50% - 10px);
  }
}
.F-G02-01-page .howto-sec .howto-list-wrap .howto-card {
  display: block;
  width: 100%;
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
}
.F-G02-01-page .howto-sec .howto-list-wrap .howto-card .card-thumb {
  width: 100%;
  aspect-ratio: 328/184;
}
.F-G02-01-page .howto-sec .howto-list-wrap .howto-card .card-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.F-G02-01-page .howto-sec .howto-list-wrap .howto-card .card-cont {
  padding: 20rem 16rem;
}
.F-G02-01-page .howto-sec .howto-list-wrap .howto-card .card-cont p {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #46484B;
}
.F-G02-01-page .howto-sec .howto-list-wrap .howto-card .card-cont p .is-keyword {
  color: #542FDD;
}
@media all and (min-width: 720px) {
  .F-G02-01-page .howto-sec .howto-list-wrap .howto-list {
    grid-template-columns: 1fr 1fr;
  }
  .F-G02-01-page .howto-sec .img-view figcaption {
    font-size: 18rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-G02-01-page .howto-sec .howto-list-wrap .howto-list {
    grid-template-columns: 1fr 1fr;
  }
  .F-G02-01-page .howto-sec .img-view figcaption {
    font-size: 18rem;
  }
}
.F-G02-01-page .notice-detail-sec { /* 4차 수정 : notice-detail-sec 전체 추가 */ }
.F-G02-01-page .notice-detail-sec .notice-detail {
  border-top: 1px solid #2A2B2D;
}
.F-G02-01-page .notice-detail-sec .notice-detail .detail-header {
  padding: 20rem 8rem;
  border-bottom: 1px solid #EFF0F0;
}
.F-G02-01-page .notice-detail-sec .notice-detail .detail-header .tit {
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #2A2B2D;
}
.F-G02-01-page .notice-detail-sec .notice-detail .detail-header .date {
  margin-top: 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #96989B;
}
.F-G02-01-page .notice-detail-sec .notice-detail .detail-body {
  padding: 32rem 8rem;
  border-bottom: 1px solid #EFF0F0;
}
.F-G02-01-page .notice-detail-sec .notice-detail .detail-body .data-view {
  font-weight: 400;
  font-size: 14rem;
  line-height: 20rem;
  color: #46484B;
}
.F-G02-01-page .notice-detail-sec .notice-detail .detail-body .data-view img {
  display: block;
  margin: 16rem auto;
}
.F-G02-01-page .notice-detail-sec .notice-detail .detail-body .data-view p + p {
  margin-top: 8rem;
}
.F-G02-01-page .floating-sec { /* 4차 수정 : floating-sec 전체 추가 */
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  flex: none;
  padding-top: 20rem;
  padding-bottom: 32rem;
  margin-bottom: -32rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0rem, rgb(255, 255, 255) 20rem);
}
.F-G02-01-page .floating-sec .btn-action + .btn-action {
  margin-top: 14rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 자주하는 질문
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-G03-01-page {
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-G03-01-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-G03-01-page {
    padding-bottom: 48rem;
  }
}
.F-G03-01-page .faq-sec {
  margin-top: var(--sec-outer-margin);
}
.F-G03-01-page .faq-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-G03-01-page .faq-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-G03-01-page .faq-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-G03-01-page .faq-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-G03-01-page .faq-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-G03-01-page .faq-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-G03-01-page .faq-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-G03-01-page .faq-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-G03-01-page .faq-sec .sec-header .btn-more.static {
  position: static;
}
.F-G03-01-page .faq-sec .keyword-swiper {
  padding-bottom: 16rem;
  overflow: visible;
}
.F-G03-01-page .faq-sec .keyword-swiper::before {
  content: "";
  display: block;
  height: 8rem;
  margin: 20rem calc(24rem * -1);
  background-color: #F5F5F5;
}
.F-G03-01-page .faq-sec .keyword-swiper .swiper-wrapper .swiper-slide {
  width: auto;
}
@media all and (min-width: 720px) {
  .F-G03-01-page .faq-sec .keyword-swiper {
    margin-top: 30rem;
    overflow: hidden;
  }
  .F-G03-01-page .faq-sec .keyword-swiper::before {
    display: none;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-G03-01-page .faq-sec .keyword-swiper {
    margin-top: 30rem;
    overflow: hidden;
  }
  .F-G03-01-page .faq-sec .keyword-swiper::before {
    display: none;
  }
}
.F-G03-01-page .faq-sec .keyword-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36rem;
  padding: 0 9rem;
  font-weight: 500;
  font-size: 14rem;
  color: #36383A;
  border-radius: 6rem;
  border: 1px solid transparent;
  background-color: #EFF0F0;
}
.F-G03-01-page .faq-sec .keyword-btn.is-selected {
  border-color: #542FDD;
  background-color: #EAE6FB;
  color: #542FDD;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-toolbar {
  padding: 16rem 0;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-toolbar .count {
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #63666A;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion {
  margin-top: -14rem;
  margin-top: 0;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .collapse:not(.show) {
  display: none;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-button .ui-icn {
  transition: transform 0.35s ease;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-button[aria-expanded=true] .ui-icn {
  transform: rotate(180deg);
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-item {
  padding: 14rem 0;
  border-bottom: 1px solid #EFF0F0;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-header {
  position: relative;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-header .acco-button {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  padding-right: 24rem;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-header .acco-button > .part { /* 8차 수정 : FAQ 요금제 소개 한줄 처리 */
  display: inline-block;
  min-width: 60rem;
  font-size: 14rem;
  line-height: 20rem;
  flex: none;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-header .acco-button > span {
  position: relative;
  display: block;
  padding-left: 16rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  max-height: 40rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-header .acco-button > span em {
  position: absolute;
  left: 0;
  top: 0;
  color: #542FDD;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-header .acco-button .ui-icn {
  position: absolute;
  right: 0;
  top: calc(50% - 8rem);
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-body {
  margin-top: 16rem;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-body .acco-answer {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #46484B;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-body .acco-answer ol {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  font-size: 12rem;
  line-height: 16rem;
  margin-top: 8rem;
  margin-bottom: 8rem;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-body .acco-answer ol:first-child {
  margin-top: 0;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-body .acco-answer ol:last-child {
  margin-bottom: 0;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-body .acco-answer ol li {
  position: relative;
  counter-increment: item;
  padding-left: 12rem;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-body .acco-answer ol li::before {
  content: counter(item) ". ";
  position: absolute;
  left: 0;
  top: 0;
}
@media all and (min-width: 720px) {
  .F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion {
    margin: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion {
    margin: 0;
  }
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-item:first-child {
  border-top: 1px solid #eff0f0;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-header .acco-button {
  flex-wrap: wrap;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-header .acco-button .part {
  display: block;
  margin-bottom: 8rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #542FDD;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-header .acco-button > span {
  display: block;
  width: 100%;
  padding-left: 0;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .acco-header .acco-button > span .is-keyword {
  color: #542FDD;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .faq-inquery {
  margin-top: 16rem;
  padding: 16rem;
  border-radius: 2rem;
  background-color: #F5F5F5;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .faq-inquery p {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #2A2B2D;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .faq-accordion .faq-inquery .btn-sub.xl {
  margin-top: 16rem;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}
.F-G03-01-page .faq-sec .faq-accordion-wrap .nodata .btn-sub {
  margin-top: 16rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 핸드폰
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-HP01-01-page {
  padding-top: 20rem;
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-HP01-01-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-HP01-01-page {
    padding-bottom: 48rem;
  }
}
.F-HP01-01-page .event-sec .event-bnr {
  display: flex;
  width: 100%;
}
.F-HP01-01-page .event-sec .event-bnr img {
  width: 100%;
  border-radius: 2rem;
  vertical-align: top;
}
.F-HP01-01-page .hp-list-sec {
  margin-top: 24rem;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .hp-toolbar .select-area {
  display: flex;
  gap: 8rem;
  overflow-x: auto;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .hp-toolbar .select-area .ui-sel {
  width: auto;
  flex: none;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .hp-toolbar .count-area {
  margin-top: 28rem;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .hp-toolbar .count-area .count {
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #36383A;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .hp-list {
  margin-top: 12rem;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .hp-list .hp-item + .hp-item {
  margin-top: 20rem;
  padding-top: 20rem;
  border-top: 1px solid #EFF0F0;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .hp-card {
  position: relative;
  display: flex;
  align-items: center;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .hp-card .card-thumb {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 120rem;
  height: 120rem;
  background-color: #EFF0F0;
  border-radius: 4rem;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .hp-card .card-thumb .thumb {
  width: 100rem;
  height: 100rem;
  mix-blend-mode: darken;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .hp-card .card-thumb .badge {
  position: absolute;
  left: 0;
  top: 0;
  width: 67rem;
  vertical-align: top;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .hp-card .card-cont {
  flex: 1 1 auto;
  padding-left: 16rem;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .hp-card .card-cont .card-labels {
  display: flex;
  align-items: center;
  gap: 4rem;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .hp-card .card-cont .card-labels .label {
  display: inline-block;
  padding: 1rem 8rem;
  border-radius: 4rem;
  background-color: #EFF0F0;
  font-weight: 500;
  font-size: 12rem;
  line-height: 17rem;
  color: #63666A;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .hp-card .card-cont .card-title {
  margin-top: 8rem;
  font-weight: 500;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 44rem;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .hp-card .card-cont .card-info {
  margin-top: 2rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .hp-card .card-cont .card-charge {
  margin-top: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #000;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .hp-card .card-button {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
  padding: 60rem 0;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-HP01-01-page .hp-list-sec .hp-list-wrap .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 핸드폰
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-HP02-01-page {
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-HP02-01-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-HP02-01-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 720px) {
  .F-HP02-01-page {
    padding-top: 60rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-HP02-01-page {
    padding-top: 60rem;
  }
}
.F-HP02-01-page .hp-detail-sec .hp-detail-view {
  display: flex;
  justify-content: center;
  margin-left: calc(24rem * -1);
  margin-right: calc(24rem * -1);
  padding: 45rem 0;
  background-color: #EFF0F0;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-view img {
  display: inline;
  width: 280rem;
  height: 280rem;
  mix-blend-mode: darken;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont {
  padding-top: 24rem;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .sec-telecom {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #542FDD;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .sec-tit {
  margin-top: 6rem;
  font-weight: 600;
  font-size: 20rem;
  line-height: 28rem;
  color: #000;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .sec-tit-sub {
  margin-top: 28rem;
  margin-bottom: 10rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .sec-tit-sub em {
  color: #542FDD;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-color {
  display: flex;
  gap: 4rem;
  overflow-x: auto;
  margin-right: calc(24rem);
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-color .rdo-color {
  position: relative;
  display: block;
  flex: none;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-color .rdo-color input {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-color .rdo-color .rdo {
  display: block;
  border: 2px solid transparent;
  border-radius: 50%;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-color .rdo-color .rdo i {
  display: block;
  width: 56rem;
  height: 56rem;
  border-radius: 50%;
  border: 1px solid #fff;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-color .rdo-color input:checked + .rdo {
  border-color: #542FDD;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-radio {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8rem;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-radio .installment-rdo {
  position: relative;
  display: block;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-radio .installment-rdo input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-radio .installment-rdo .rdo {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 2;
  min-height: 56rem;
  padding: 7rem 15rem;
  border-radius: 10rem;
  background-color: #EFF0F0;
  border: 1px solid transparent;
  cursor: pointer;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-radio .installment-rdo .rdo > span {
  display: block;
  position: relative;
  width: 100%;
  padding-right: 25rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-radio .installment-rdo .rdo > span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 20rem;
  height: 20rem;
  opacity: 0;
  background: url("../images/common/icn-20-rdo-sel.svg") no-repeat center center/contain;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-radio .installment-rdo .rdo > span strong {
  display: block;
  margin-bottom: 4rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-radio .installment-rdo input:checked + .rdo {
  background-color: #EAE6FB;
  border-color: #542FDD;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-radio .installment-rdo input:checked + .rdo > span {
  font-weight: 600;
  color: #542FDD;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-radio .installment-rdo input:checked + .rdo > span::after {
  opacity: 1;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-radio .installment-rdo.has-tit .rdo {
  padding-top: 13rem;
  padding-bottom: 13rem;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-radio .installment-rdo.has-tit .rdo > span::after {
  top: 1rem;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-radio .installment-rdo.has-tit input:checked + .rdo > span {
  font-weight: 500;
  color: #542FDD;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-spec .spec-table {
  table-layout: fixed;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-spec .spec-table th, .F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-spec .spec-table td {
  padding: 12rem;
  border: 1px solid #EFF0F0;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
  vertical-align: middle;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-spec .spec-table th {
  width: max(82rem, 20vw);
  padding: 12rem 10rem;
  background-color: #F9F9F9;
  text-align: center;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-gift {
  padding: 12rem 16rem;
  border-radius: 10rem;
  background-color: #EFF0F0;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-gift p {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14ren;
  line-height: 20rem;
  color: #36383A;
}
.F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-gift p .ui-icn {
  margin-right: 4rem;
}
@media all and (min-width: 720px) {
  .F-HP02-01-page .hp-detail-sec .hp-detail-view {
    margin-left: 0;
    margin-right: 0;
    border-radius: 10rem;
  }
  .F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-color {
    margin-right: 0;
  }
  .F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-spec .spec-table th {
    width: 150rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-HP02-01-page .hp-detail-sec .hp-detail-view {
    margin-left: 0;
    margin-right: 0;
    border-radius: 10rem;
  }
  .F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-color {
    margin-right: 0;
  }
  .F-HP02-01-page .hp-detail-sec .hp-detail-cont .detail-spec .spec-table th {
    width: 150rem;
  }
}
.F-HP02-01-page .hp-floating-sec {
  position: sticky;
  bottom: 0;
  z-index: 90;
  padding-top: 20rem;
  padding-bottom: 20rem;
  margin-top: 30rem;
  margin-bottom: calc(32rem * -1);
  border-top: 1px solid #EFF0F0;
  background-color: #fff;
}
.F-HP02-01-page .hp-floating-sec .sec-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.F-HP02-01-page .hp-floating-sec .floating-cont .charge {
  display: flex;
  align-items: center;
  gap: 4rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #000;
}
.F-HP02-01-page .hp-floating-sec .floating-cont .info {
  margin-top: 2rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #828588;
}
@media all and (min-width: 720px) {
  .F-HP02-01-page .hp-floating-sec {
    margin-bottom: calc(48rem * -1);
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-HP02-01-page .hp-floating-sec {
    margin-bottom: calc(48rem * -1);
  }
}

/*-------------------------------------------------------------------
	분류그룹 : 핸드폰
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-HP02-01-P01-page .consult-frm-sec {
  padding-top: 16rem;
}
.F-HP02-01-P01-page .consult-frm-sec .sec-header {
  font-weight: 600;
  font-size: 18rem;
}
.F-HP02-01-P01-page .consult-frm-sec .sec-body {
  margin-top: 16rem;
}
.F-HP02-01-P01-page .consult-frm-sec .consult-msg {
  position: relative;
  padding: 12rem 16rem;
  border-radius: 4rem;
  background-color: #EFF0F0;
  word-break: keep-all;
}
.F-HP02-01-P01-page .consult-frm-sec .consult-msg dt {
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #828588;
}
.F-HP02-01-P01-page .consult-frm-sec .consult-msg dd {
  margin-top: 2rem;
  font-weight: 500;
  font-size: 16rem;
  line-height: 22rem;
  color: #36383A;
}
.F-HP02-01-P01-page .consult-frm-sec .consult-msg dd + dt {
  margin-top: 10rem;
}
.F-HP02-01-P01-page .consult-frm-sec .consult-frm {
  margin-top: 32rem;
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.F-HP02-01-P01-page .consult-frm-sec .consult-frm .frm-field-group {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.F-HP02-01-P01-page .consult-frm-sec .consult-frm .frm-field {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.F-HP02-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-title {
  margin-bottom: 10rem;
}
.F-HP02-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-title .tit {
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-HP02-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-group {
  display: flex;
  align-items: center;
  gap: 8rem;
}
.F-HP02-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-group .btn-sub {
  margin: 0;
  height: 52rem;
  width: auto;
  min-width: 100rem;
}
.F-HP02-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-group + .frm-group {
  margin-top: 10rem;
}
.F-HP02-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-group .frm-split {
  color: #D9D9D9;
}
.F-HP02-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-group.type-car .ui-inp .inp {
  text-align: center;
}
.F-HP02-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-group.type-car .ui-inp:nth-child(3) {
  flex: none;
  width: 25%;
}
.F-HP02-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-group.type-serial .ui-inp .inp {
  padding-left: 8rem;
  padding-right: 8rem;
  text-align: center;
}
@media all and (min-width: 480px) {
  .F-HP02-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-group.type-serial .ui-inp .inp {
    padding-left: 17rem;
    padding-right: 17rem;
  }
}
.F-HP02-01-P01-page .consult-frm-sec .consult-frm .frm-alert {
  display: none;
  margin-top: 6rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
}
.F-HP02-01-P01-page .consult-frm-sec .consult-frm .frm-alert.is-show {
  display: block;
}
.F-HP02-01-P01-page .consult-frm-sec .consult-frm .frm-alert.is-errored {
  color: #EA2A2A;
}
.F-HP02-01-P01-page .consult-frm-sec .consult-links {
  display: flex;
  justify-content: center;
  gap: 12rem;
  margin-top: 32rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 인터넷 홈
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-I01-01-page {
  padding-top: 10rem;
  --sec-outer-margin: 50rem;
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-I01-01-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-I01-01-page {
    padding-bottom: 48rem;
  }
}
.F-I01-01-page .event-sec .event-swiper { /* 8차 수정 : 인벤트 섹션 추가(여기부터) */ }
.F-I01-01-page .event-sec .event-swiper .swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8rem;
  gap: 4rem;
}
.F-I01-01-page .event-sec .event-swiper .swiper-pagination-bullet {
  width: 6rem;
  height: 6rem;
  margin: 0;
  border-radius: 3rem;
  background-color: #EFF0F0;
  opacity: 1;
  transition: all 0.2s ease;
}
.F-I01-01-page .event-sec .event-swiper .swiper-pagination-bullet-active {
  width: 12rem;
  background-color: #542FDD;
}
.F-I01-01-page .event-sec .event-bnr { /* 8차 수정 : 인벤트 섹션 추가(여기까지) */
  display: flex;
  width: 100%;
}
.F-I01-01-page .event-sec .event-bnr img {
  width: 100%;
  border-radius: 2rem;
  vertical-align: top;
}
.F-I01-01-page .telecom-choice-sec {
  margin-top: var(--sec-outer-margin);
}
.F-I01-01-page .telecom-choice-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-I01-01-page .telecom-choice-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-I01-01-page .telecom-choice-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-I01-01-page .telecom-choice-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-I01-01-page .telecom-choice-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-I01-01-page .telecom-choice-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-I01-01-page .telecom-choice-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-I01-01-page .telecom-choice-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-I01-01-page .telecom-choice-sec .sec-header .btn-more.static {
  position: static;
}
.F-I01-01-page .telecom-choice-sec .telecom-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8rem;
}
@media all and (min-width: 480px) {
  .F-I01-01-page .telecom-choice-sec .telecom-list {
    gap: 20rem;
  }
}
@media all and (min-width: 720px) {
  .F-I01-01-page .telecom-choice-sec .telecom-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 8rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-I01-01-page .telecom-choice-sec .telecom-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 8rem;
  }
}
.F-I01-01-page .telecom-choice-sec .telecom-rdo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #F4F5F8;
}
.F-I01-01-page .telecom-choice-sec .telecom-rdo input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.F-I01-01-page .telecom-choice-sec .telecom-rdo .telecom-con,
.F-I01-01-page .telecom-choice-sec .telecom-rdo .ui-icn {
  width: 100%;
  height: 100%;
}
.F-I01-01-page .telecom-choice-sec .telecom-rdo input:checked + .telecom-con .ui-icn::before {
  transform: translateY(110%);
}
.F-I01-01-page .telecom-choice-sec .telecom-rdo input:checked + .telecom-con .ui-icn::after {
  transform: translateY(0%);
}
.F-I01-01-page .product-choice-sec {
  margin-top: var(--sec-outer-margin);
  overflow: hidden;
}
.F-I01-01-page .product-choice-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-I01-01-page .product-choice-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-I01-01-page .product-choice-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-I01-01-page .product-choice-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-I01-01-page .product-choice-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-I01-01-page .product-choice-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-I01-01-page .product-choice-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-I01-01-page .product-choice-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-I01-01-page .product-choice-sec .sec-header .btn-more.static {
  position: static;
}
.F-I01-01-page .product-choice-sec .sec-body { /* 4차 수정 : 상품 스와이프 추가(여기부터) */
  position: relative;
}
.F-I01-01-page .product-choice-sec .sec-body .choice-button-prev,
.F-I01-01-page .product-choice-sec .sec-body .choice-button-next {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 10;
  transform: translate(50%, -50%);
  width: 28rem;
  height: 28rem;
}
.F-I01-01-page .product-choice-sec .sec-body .choice-button-prev {
  right: auto;
  left: 0;
  transform: translate(-50%, -50%) rotate(180deg);
}
.F-I01-01-page .product-choice-sec .sec-body .swiper-button-disabled { /* 4차 수정 : 상품 스와이프 추가(여기까지) */
  display: none;
}
.F-I01-01-page .product-choice-sec .choice-swiper { /* 2024-12-23 조찬기 상품 Swiper 적용 및 list 수정 */
  overflow: visible;
}
@media all and (min-width: 720px) {
  .F-I01-01-page .product-choice-sec .choice-swiper {
    overflow: hidden;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-I01-01-page .product-choice-sec .choice-swiper {
    overflow: hidden;
  }
}
.F-I01-01-page .product-choice-sec .choice-swiper .choice-list > li {
  width: 160rem;
  height: 150rem;
}
.F-I01-01-page .product-choice-sec .choice-rdo {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  background-color: #F4F5F8;
  border-radius: 4rem;
  padding: 16rem 20rem;
  border: 1px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
  /* 1차 수정 : IOS 호환성 대응 */
}
.F-I01-01-page .product-choice-sec .choice-rdo input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}
.F-I01-01-page .product-choice-sec .choice-rdo .choice-con {
  position: relative;
  z-index: 10;
  display: block;
  width: 100%;
}
.F-I01-01-page .product-choice-sec .choice-rdo .choice-con .tit {
  display: block;
  margin-bottom: 4rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #2A2B2D;
}
.F-I01-01-page .product-choice-sec .choice-rdo .choice-con .txt {
  display: block;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #63666A;
}
.F-I01-01-page .product-choice-sec .choice-rdo input:checked + .choice-con .ui-icn::before {
  transform: translateY(110%);
}
.F-I01-01-page .product-choice-sec .choice-rdo input:checked + .choice-con .ui-icn::after {
  transform: translateY(0%);
}
.F-I01-01-page .product-choice-sec .choice-rdo.is-selected {
  background-color: #EAE6FB;
  border-color: #542FDD;
}
.F-I01-01-page .product-choice-sec .choice-rdo .choice-con { /* 2024-12-23 조찬기 상품 내용 수정 */ }
.F-I01-01-page .product-choice-sec .choice-rdo .choice-con .tit {
  display: flex;
  align-items: flex-start;
  min-height: 48rem;
}
.F-I01-01-page .product-choice-sec .choice-rdo .choice-con .txt {
  margin-top: 4rem;
  font-weight: 600;
  color: #542FDD;
}
.F-I01-01-page .internet-choice-sec {
  margin-top: var(--sec-outer-margin);
  overflow: hidden;
}
.F-I01-01-page .internet-choice-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-I01-01-page .internet-choice-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-I01-01-page .internet-choice-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-I01-01-page .internet-choice-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-I01-01-page .internet-choice-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-I01-01-page .internet-choice-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-I01-01-page .internet-choice-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-I01-01-page .internet-choice-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-I01-01-page .internet-choice-sec .sec-header .btn-more.static {
  position: static;
}
.F-I01-01-page .internet-choice-sec .sec-body { /* 4차 수정 : 인터넷 스와이프 추가(여기부터) */
  position: relative;
}
.F-I01-01-page .internet-choice-sec .sec-body .choice-button-prev,
.F-I01-01-page .internet-choice-sec .sec-body .choice-button-next {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 10;
  transform: translate(50%, -50%);
  width: 28rem;
  height: 28rem;
}
.F-I01-01-page .internet-choice-sec .sec-body .choice-button-prev {
  right: auto;
  left: 0;
  transform: translate(-50%, -50%) rotate(180deg);
}
.F-I01-01-page .internet-choice-sec .sec-body .swiper-button-disabled { /* 4차 수정 : 인터넷 스와이프 추가(여기까지) */
  display: none;
}
.F-I01-01-page .internet-choice-sec .choice-swiper { /* 2024-12-23 조찬기 인터넷 Swiper 적용 및 list 수정 */
  overflow: visible;
}
@media all and (min-width: 720px) {
  .F-I01-01-page .internet-choice-sec .choice-swiper {
    overflow: hidden;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-I01-01-page .internet-choice-sec .choice-swiper {
    overflow: hidden;
  }
}
.F-I01-01-page .internet-choice-sec .choice-swiper .choice-list > li {
  width: 160rem;
  height: 150rem;
}
.F-I01-01-page .internet-choice-sec .choice-rdo {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  background-color: #F4F5F8;
  border-radius: 4rem;
  padding: 16rem 20rem;
  border: 1px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
  /* 1차 수정 : IOS 호환성 대응 */
}
.F-I01-01-page .internet-choice-sec .choice-rdo input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}
.F-I01-01-page .internet-choice-sec .choice-rdo .choice-con {
  position: relative;
  z-index: 10;
  display: block;
  width: 100%;
}
.F-I01-01-page .internet-choice-sec .choice-rdo .choice-con .tit {
  display: block;
  margin-bottom: 4rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #2A2B2D;
}
.F-I01-01-page .internet-choice-sec .choice-rdo .choice-con .txt {
  display: block;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #63666A;
}
.F-I01-01-page .internet-choice-sec .choice-rdo input:checked + .choice-con .ui-icn::before {
  transform: translateY(110%);
}
.F-I01-01-page .internet-choice-sec .choice-rdo input:checked + .choice-con .ui-icn::after {
  transform: translateY(0%);
}
.F-I01-01-page .internet-choice-sec .choice-rdo.is-selected {
  background-color: #EAE6FB;
  border-color: #542FDD;
}
.F-I01-01-page .internet-choice-sec .choice-rdo .choice-con {
  position: relative;
}
.F-I01-01-page .internet-choice-sec .choice-rdo .choice-con .ui-icn {
  margin-top: 36rem;
  width: 40rem;
  height: 20rem;
}
.F-I01-01-page .internet-choice-sec .choice-rdo .choice-con .txt + .txt {
  margin-top: 2rem;
}
.F-I01-01-page .plan-view-sec {
  margin-top: var(--sec-outer-margin);
}
.F-I01-01-page .plan-view-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-I01-01-page .plan-view-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-I01-01-page .plan-view-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-I01-01-page .plan-view-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-I01-01-page .plan-view-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-I01-01-page .plan-view-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-I01-01-page .plan-view-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-I01-01-page .plan-view-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-I01-01-page .plan-view-sec .sec-header .btn-more.static {
  position: static;
}
.F-I01-01-page .plan-view-sec.is-hide {
  display: none;
}
.F-I01-01-page .plan-view-sec .sec-inner {
  padding-top: var(--sec-outer-margin);
  border-top: 1px solid #EFF0F0;
}
.F-I01-01-page .plan-view-sec .plan-table {
  width: 100%;
  overflow-x: auto;
  overscroll-behavior: auto;
}
.F-I01-01-page .plan-view-sec .plan-table table {
  width: 720px;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}
.F-I01-01-page .plan-view-sec .plan-table table td {
  padding: 8rem;
  border: 1px solid #dddddd;
  font-weight: 500;
  font-size: 14rem;
  line-height: 22rem;
  color: #2a2b2d;
  word-break: keep-all;
  vertical-align: middle;
  text-align: center;
}
.F-I01-01-page .plan-view-sec .plan-table table thead td {
  font-weight: 600;
  background-color: #f1eefb;
}
.F-I01-01-page .plan-view-sec .plan-table table thead td:first-child {
  width: 125rem;
}
.F-I01-01-page .plan-view-sec .plan-table table thead td p.info {
  margin-top: 4rem;
  font-size: 12px;
  font-weight: 400;
  line-height: 16rem;
  color: #333;
}
.F-I01-01-page .plan-view-sec .plan-table table thead tr:first-child td[rowspan="2"] {
  border-bottom: 1px solid #542FDD;
}
.F-I01-01-page .plan-view-sec .plan-table table thead tr:last-child td {
  border-bottom: 1px solid #542FDD;
}
.F-I01-01-page .plan-view-sec .plan-table table tbody tr:nth-child(odd) td {
  color: #888b8e;
}
.F-I01-01-page .plan-view-sec .plan-table table tbody td.product {
  font-weight: 600;
  color: #2a2b2d !important;
}
.F-I01-01-page .plan-view-sec .plan-table table tbody td.product .chenel {
  display: inline-block;
  margin-top: 4rem;
  padding: 2rem 8rem;
  background-color: #542FDD;
  border-radius: 4rem;
  font-weight: 600;
  font-size: 12rem;
  color: #fff;
  vertical-align: top;
}
.F-I01-01-page .plan-view-sec .plan-table table tbody td.price {
  font-weight: 600;
  color: #542FDD !important;
}
.F-I01-01-page .plan-view-sec .plan-table table.table-small tbody td {
  font-size: 12rem;
}
.F-I01-01-page .join-steps-sec {
  margin-top: var(--sec-outer-margin);
  margin-bottom: var(--sec-outer-margin);
}
.F-I01-01-page .join-steps-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-I01-01-page .join-steps-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-I01-01-page .join-steps-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-I01-01-page .join-steps-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-I01-01-page .join-steps-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-I01-01-page .join-steps-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-I01-01-page .join-steps-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-I01-01-page .join-steps-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-I01-01-page .join-steps-sec .sec-header .btn-more.static {
  position: static;
}
.F-I01-01-page .join-steps-sec .join-steps li {
  display: flex;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #46484B;
}
.F-I01-01-page .join-steps-sec .join-steps li + li {
  margin-top: 26rem;
}
.F-I01-01-page .join-steps-sec .join-steps li + li .num::after {
  content: "";
  position: absolute;
  left: calc(50% - 1px);
  bottom: 100%;
  display: block;
  width: 2rem;
  height: 46rem;
  background-color: #EAE6FB;
}
.F-I01-01-page .join-steps-sec .join-steps li .num {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24rem;
  height: 24rem;
  margin-right: 10rem;
  border-radius: 2rem;
  background-color: #EAE6FB;
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
  color: #542FDD;
}
.F-I01-01-page .join-steps-sec .join-steps li .con dt {
  font-weight: 600;
  font-size: 16rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-I01-01-page .join-steps-sec .join-steps li .con dd {
  color: #63666A;
}
.F-I01-01-page .payment-noti-sec {
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 100;
  margin-top: auto;
  padding-top: 24rem;
  padding-bottom: 24rem;
  margin-bottom: calc(32rem * -1);
  background-color: #fff;
  border-radius: 20rem 20rem 0 0;
  box-shadow: 0 -4rem 20rem 0 rgba(0, 0, 0, 0.1);
}
.F-I01-01-page .payment-noti-sec .payment-noti .payment-tit {
  padding: 0 4rem;
}
.F-I01-01-page .payment-noti-sec .payment-noti .payment-tit .charge {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 28rem;
  color: #000;
}
.F-I01-01-page .payment-noti-sec .payment-noti .payment-tit .merge {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 26rem;
  color: #542FDD;
}
.F-I01-01-page .payment-noti-sec .payment-noti .payment-tit .merge em {
  font-size: 12rem;
  line-height: 16rem;
  margin-right: 4rem;
}
.F-I01-01-page .payment-noti-sec .payment-noti .payment-tit .freeGift {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 6rem;
}
.F-I01-01-page .payment-noti-sec .payment-noti .payment-tit .freeGift strong {
  font-weight: 600;
  color: #542FDD;
}
.F-I01-01-page .payment-noti-sec .payment-noti .payment-tit .explan {
  display: flex;
  align-items: center;
  gap: 4rem;
  margin-top: 8rem;
  padding-top: 8rem;
  border-top: 1px solid #EFF0F0;
  font-weight: 400;
  font-size: 14rem;
  line-height: 16rem;
  color: #63666A;
}
.F-I01-01-page .payment-noti-sec .payment-noti .payment-btn {
  margin-top: 20rem;
}
@media all and (min-width: 720px) {
  .F-I01-01-page .payment-noti-sec {
    border-top: 1px solid #EFF0F0;
    box-shadow: none;
    border-radius: 0;
    bottom: 0;
    margin-bottom: calc(48rem * -1);
  }
  .F-I01-01-page .payment-noti-sec .payment-noti {
    display: flex;
    gap: 24rem;
  }
  .F-I01-01-page .payment-noti-sec .payment-noti .payment-tit {
    flex: 1 1 auto;
  }
  .F-I01-01-page .payment-noti-sec .payment-noti .payment-btn {
    flex: none;
    width: 200rem;
    margin-top: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-I01-01-page .payment-noti-sec {
    border-top: 1px solid #EFF0F0;
    box-shadow: none;
    border-radius: 0;
    bottom: 0;
    margin-bottom: calc(48rem * -1);
  }
  .F-I01-01-page .payment-noti-sec .payment-noti {
    display: flex;
    gap: 24rem;
  }
  .F-I01-01-page .payment-noti-sec .payment-noti .payment-tit {
    flex: 1 1 auto;
  }
  .F-I01-01-page .payment-noti-sec .payment-noti .payment-btn {
    flex: none;
    width: 200rem;
    margin-top: 0;
  }
}

/*-------------------------------------------------------------------
	분류그룹 : 인터넷 상담신청
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-I01-01-P01-page .consult-frm-sec {
  padding-top: 16rem;
}
.F-I01-01-P01-page .consult-frm-sec .sec-header {
  font-weight: 600;
  font-size: 18rem;
}
.F-I01-01-P01-page .consult-frm-sec .sec-body {
  margin-top: 8rem;
}
.F-I01-01-P01-page .consult-frm-sec .consult-msg {
  position: relative;
  display: flex;
  gap: 8rem;
  padding: 10rem 16rem;
  border-radius: 4rem;
  background-color: #EFF0F0;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #63666A;
  word-break: keep-all;
}
.F-I01-01-P01-page .consult-frm-sec .consult-msg .ui-icn {
  position: relative;
  top: 3rem;
  flex: none;
}
.F-I01-01-P01-page .consult-frm-sec .consult-frm {
  margin-top: 20rem;
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.F-I01-01-P01-page .consult-frm-sec .consult-frm .frm-field-group {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.F-I01-01-P01-page .consult-frm-sec .consult-frm .frm-field {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.F-I01-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-title {
  margin-bottom: 10rem;
}
.F-I01-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-title .tit {
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-I01-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-group {
  display: flex;
  align-items: center;
  gap: 8rem;
}
.F-I01-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-group .btn-sub {
  margin: 0;
  height: 52rem;
  width: auto;
  min-width: 100rem;
}
.F-I01-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-group + .frm-group {
  margin-top: 10rem;
}
.F-I01-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-group .frm-split {
  color: #D9D9D9;
}
.F-I01-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-group.type-car .ui-inp .inp {
  text-align: center;
}
.F-I01-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-group.type-car .ui-inp:nth-child(3) {
  flex: none;
  width: 25%;
}
.F-I01-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-group.type-serial .ui-inp .inp {
  padding-left: 8rem;
  padding-right: 8rem;
  text-align: center;
}
@media all and (min-width: 480px) {
  .F-I01-01-P01-page .consult-frm-sec .consult-frm .frm-field .frm-group.type-serial .ui-inp .inp {
    padding-left: 17rem;
    padding-right: 17rem;
  }
}
.F-I01-01-P01-page .consult-frm-sec .consult-frm .frm-alert {
  display: none;
  margin-top: 6rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
}
.F-I01-01-P01-page .consult-frm-sec .consult-frm .frm-alert.is-show {
  display: block;
}
.F-I01-01-P01-page .consult-frm-sec .consult-frm .frm-alert.is-errored {
  color: #EA2A2A;
}
.F-I01-01-P01-page .consult-frm-sec .consult-links {
  display: flex;
  justify-content: center;
  gap: 12rem;
  margin-top: 32rem;
}
.F-I01-01-P01-page .consult-frm-sec .consult-terms { /* 6차 수정 : 동의여부 구조로 변경 (여기부터) */
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 32rem;
}
.F-I01-01-P01-page .consult-frm-sec .consult-terms .consult-terms-all {
  padding-bottom: 8rem;
  margin-bottom: 6rem;
  border-bottom: 1px solid #EFF0F0;
}
.F-I01-01-P01-page .consult-frm-sec .consult-terms .consult-terms-all .chk-style1 .chk > span {
  font-weight: 700;
  font-size: 16rem;
  color: #222;
}
.F-I01-01-P01-page .consult-frm-sec .consult-terms .consult-terms-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-I01-01-P01-page .consult-frm-sec .consult-terms .consult-terms-item .btn-more { /* 6차 수정 : 동의여부 구조로 변경 (여기까지) */
  width: 28rem;
  height: 28rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 인터넷 홈
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-I02-01-page {
  --sec-outer-margin: 50rem;
}
.F-I02-01-page .lending-main-sec {
  padding-left: 0;
  padding-right: 0;
}
.F-I02-01-page .lending-main-sec .sec-inner {
  position: relative;
}
.F-I02-01-page .lending-main-sec .lending-logo {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  height: 60rem;
  min-width: 320px;
  padding-left: 24rem;
  padding-right: 24rem;
  transition: padding 0.2s ease;
}
@media all and (min-width: 720px) {
  .F-I02-01-page .lending-main-sec .lending-logo {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-I02-01-page .lending-main-sec .lending-logo {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
.F-I02-01-page .lending-main-sec .lending-visual img {
  width: 100%;
}
.F-I02-01-page .lending-main-sec .lending-desc {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40rem;
  font-weight: 400;
  font-size: 16rem;
  line-height: 22rem;
  text-align: center;
}
.F-I02-01-page .lending-main-sec .lending-desc strong {
  font-weight: 600;
}
.F-I02-01-page .lending-main-sec .lending-consult {
  position: relative;
}
.F-I02-01-page .lending-main-sec .lending-form {
  padding-top: 24rem;
  padding-bottom: 24rem;
  background-color: #F4F5F8;
  min-width: 320px;
  padding-left: 24rem;
  padding-right: 24rem;
  transition: padding 0.2s ease;
}
@media all and (min-width: 720px) {
  .F-I02-01-page .lending-main-sec .lending-form {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-I02-01-page .lending-main-sec .lending-form {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
.F-I02-01-page .lending-main-sec .lending-form .ui-inp-group {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.F-I02-01-page .lending-main-sec .lending-form .ui-inp-group .ui-inp {
  width: 100%;
}
.F-I02-01-page .lending-main-sec .lending-form .ui-chk-group {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6rem;
  margin-top: 20rem;
}
.F-I02-01-page .lending-main-sec .lending-form .ui-chk-group .ui-chk {
  width: 100%;
}
.F-I02-01-page .lending-main-sec .lending-form .ui-chk-group .ui-btn.open-modal {
  position: absolute;
  left: 28rem;
  right: 20%;
  z-index: 10;
  bottom: 0;
  height: 28rem;
  background-color: transparent;
}
.F-I02-01-page .lending-main-sec .lending-form .ui-btn-group {
  margin-top: 20rem;
}
.F-I02-01-page .lending-main-sec .lending-form .secret-desc {
  margin-top: 30rem;
  font-weight: 400;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
  word-break: keep-all;
}
.F-I02-01-page .lending-main-sec.mint .sec-inner {
  background-color: #D0F2F2;
}
.F-I02-01-page .lending-main-sec.mint .lending-desc {
  background-color: #BADEDE;
}
.F-I02-01-page .lending-main-sec.purple .sec-inner {
  background-color: #542FDD;
}
.F-I02-01-page .lending-main-sec.purple .lending-desc {
  background-color: #DCD5FB;
}
@media all and (min-width: 720px) {
  .F-I02-01-page .lending-main-sec.responsive .sec-inner {
    overflow: hidden;
    border-radius: 12rem;
  }
  .F-I02-01-page .lending-main-sec.responsive .lending-visual img {
    width: 50%;
  }
  .F-I02-01-page .lending-main-sec.responsive .lending-consult {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    width: calc(50% - 40rem);
    border-radius: 8rem;
    overflow: hidden;
  }
  .F-I02-01-page .lending-main-sec.responsive .lending-consult .ui-inp .inp {
    height: 40rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .F-I02-01-page .lending-main-sec.responsive .lending-consult .ui-inp .inp::-moz-placeholder {
    font-size: 13rem;
  }
  .F-I02-01-page .lending-main-sec.responsive .lending-consult .ui-inp .inp.is-placeholder, .F-I02-01-page .lending-main-sec.responsive .lending-consult .ui-inp .inp::placeholder {
    font-size: 13rem;
  }
  .F-I02-01-page .lending-main-sec.responsive .lending-form {
    padding: 20rem;
  }
  .F-I02-01-page .lending-main-sec.responsive .lending-form .ui-chk-group {
    gap: 0;
    margin-top: 12rem;
  }
  .F-I02-01-page .lending-main-sec.responsive .lending-form .ui-btn-group {
    margin-top: 12rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-I02-01-page .lending-main-sec.responsive .sec-inner {
    overflow: hidden;
    border-radius: 12rem;
  }
  .F-I02-01-page .lending-main-sec.responsive .lending-visual img {
    width: 50%;
  }
  .F-I02-01-page .lending-main-sec.responsive .lending-consult {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    width: calc(50% - 40rem);
    border-radius: 8rem;
    overflow: hidden;
  }
  .F-I02-01-page .lending-main-sec.responsive .lending-consult .ui-inp .inp {
    height: 40rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .F-I02-01-page .lending-main-sec.responsive .lending-consult .ui-inp .inp::-moz-placeholder {
    font-size: 13rem;
  }
  .F-I02-01-page .lending-main-sec.responsive .lending-consult .ui-inp .inp.is-placeholder, .F-I02-01-page .lending-main-sec.responsive .lending-consult .ui-inp .inp::placeholder {
    font-size: 13rem;
  }
  .F-I02-01-page .lending-main-sec.responsive .lending-form {
    padding: 20rem;
  }
  .F-I02-01-page .lending-main-sec.responsive .lending-form .ui-chk-group {
    gap: 0;
    margin-top: 12rem;
  }
  .F-I02-01-page .lending-main-sec.responsive .lending-form .ui-btn-group {
    margin-top: 12rem;
  }
}
.F-I02-01-page .benefit-sec {
  margin-top: var(--sec-outer-margin);
}
.F-I02-01-page .benefit-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-I02-01-page .benefit-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-I02-01-page .benefit-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-I02-01-page .benefit-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-I02-01-page .benefit-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-I02-01-page .benefit-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-I02-01-page .benefit-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-I02-01-page .benefit-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-I02-01-page .benefit-sec .sec-header .btn-more.static {
  position: static;
}
.F-I02-01-page .benefit-sec .sec-header .sec-tit {
  display: block;
  line-height: 28rem;
}
.F-I02-01-page .benefit-sec .sec-header .sec-tit em {
  color: #542FDD;
}
.F-I02-01-page .benefit-sec .sec-body .benefit-group {
  position: relative;
}
.F-I02-01-page .benefit-sec .sec-body .benefit-group + .benefit-group {
  margin-top: var(--sec-outer-margin);
}
.F-I02-01-page .benefit-sec .sec-body .benefit-group .sec-stit {
  display: flex;
  align-items: flex-start;
  gap: 8rem;
  margin-bottom: 12rem;
}
.F-I02-01-page .benefit-sec .sec-body .benefit-group .sec-stit .label {
  flex: none;
  position: relative;
  top: 2rem;
  display: inline-block;
  padding: 2rem 8rem;
  background-color: #000;
  border-radius: 20rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #fff;
}
.F-I02-01-page .benefit-sec .sec-body .benefit-group .sec-stit .stit {
  display: inline-block;
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  color: #000;
}
.F-I02-01-page .benefit-sec .sec-body .benefit-more {
  margin-top: 24rem;
}
.F-I02-01-page .benefit-sec .sec-body .benefit-more .btn-sub {
  margin: 0;
}
.F-I02-01-page .benefit-sec .benefit-card-list {
  display: flex;
  flex-direction: column;
  gap: 12rem;
}
.F-I02-01-page .benefit-sec .benefit-card-list .benefit-card-item {
  width: 100%;
}
.F-I02-01-page .benefit-sec .benefit-card {
  position: relative;
  padding: 24rem 20rem;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  border-radius: 4rem;
  border: 1px solid #EFF0F0;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-header {
  display: flex;
  align-items: center;
  gap: 10rem;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-header .benefit-title {
  flex: 1 1 auto;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-header .benefit-title .stit-gr {
  margin-bottom: 8rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: 14rem;
  color: #656565;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-header .benefit-title .stit-bk {
  margin-bottom: 8rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: 14rem;
  color: #000;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-header .benefit-title .title-20 {
  font-weight: 700;
  font-size: 20rem;
  line-height: 28rem;
  color: #000;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-header .benefit-title .title-16 {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-header .benefit-title em {
  color: #542FDD;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-header .benefit-img {
  display: flex;
  justify-content: flex-end;
  flex: none;
  width: 100rem;
  height: 72rem;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-header .benefit-img img {
  height: 100%;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-body {
  margin-top: 12rem;
  padding-top: 8rem;
  border-top: 1px solid #EFF0F0;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-body .desc {
  font-weight: 400;
  font-size: 11rem;
  line-height: 15rem;
  color: #828588;
}
.F-I02-01-page .benefit-sec .benefit-card.only-semotong {
  border-color: #542FDD;
}
.F-I02-01-page .benefit-sec .benefit-card.only-semotong .benefit-badge {
  position: absolute;
  top: 0;
  right: 10rem;
  display: flex;
}
.F-I02-01-page .benefit-sec .benefit-card.primary {
  background-color: #EAE6FB;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-cont.type-a .tit {
  margin-bottom: 8rem;
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
  color: #000;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-cont.type-a .bul-check {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-cont.type-a .bul-check li {
  position: relative;
  width: 100%;
  padding-left: 20rem;
  font-weight: 400;
  font-size: 14rem;
  line-height: 20rem;
  letter-spacing: -0.2rem;
  color: #000;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-cont.type-a .bul-check li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 2rem;
  width: 16rem;
  height: 16rem;
  background: url("../images/common/icn-16-bul-check.svg") no-repeat 0 0/100%;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-cont.type-a .msg-box {
  margin-top: 12rem;
  padding: 16rem;
  background-color: #EAE6FB;
  border-radius: 4rem;
  text-align: center;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-cont.type-a .msg-box .msg-para {
  font-weight: 400;
  font-size: 14rem;
  line-height: 20rem;
  color: #000;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-cont.type-a .msg-box .msg-para strong {
  font-weight: 700;
  color: #542FDD;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-cont.type-a .msg-box .msg-para .msg-inline {
  display: block;
}
@media all and (min-width: 480px) {
  .F-I02-01-page .benefit-sec .benefit-card .benefit-cont.type-a .msg-box .msg-para .msg-inline {
    display: inline-block;
  }
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-cont.type-a .msg-box .msg-para .msg-block {
  display: block;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-cont.type-b .msg-box {
  position: relative;
  margin-top: 12rem;
  padding: 16rem;
  background-color: #fff;
  border-radius: 4rem;
  text-align: center;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-cont.type-b .msg-box::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 100%;
  display: block;
  width: 40rem;
  height: 40rem;
  background: url("../images/common/icn-24-benefit-plus.svg") no-repeat 0 0/100%;
  transform: translate(-50%, 15rem);
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-cont.type-b .msg-box .msg-para {
  font-weight: 400;
  font-size: 14rem;
  line-height: 20rem;
  color: #000;
}
.F-I02-01-page .benefit-sec .benefit-card .benefit-cont.type-b .msg-box .msg-info {
  font-weight: 400;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-I02-01-page .benefit-sec .benefit-swiper {
  position: relative;
}
.F-I02-01-page .benefit-sec .benefit-swiper .swiper {
  margin: -20rem -12rem;
  padding: 20rem 12rem;
}
.F-I02-01-page .benefit-sec .benefit-swiper .benefit-button-prev,
.F-I02-01-page .benefit-sec .benefit-swiper .benefit-button-next {
  position: absolute;
  top: calc(50% - 10rem);
  right: 0;
  z-index: 10;
  transform: translate(50%, 50%);
  width: 28rem;
  height: 28rem;
}
.F-I02-01-page .benefit-sec .benefit-swiper .benefit-button-prev {
  right: auto;
  left: 0;
  transform: translate(-50%, 50%) rotate(180deg);
}
.F-I02-01-page .benefit-sec .benefit-swiper .swiper-button-disabled { /* 8차 수정 : 추천딜 스와이프 버튼 추가(여기까지) */
  display: none;
}
.F-I02-01-page .telecom-choice-sec {
  margin-top: var(--sec-outer-margin);
}
.F-I02-01-page .telecom-choice-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-I02-01-page .telecom-choice-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-I02-01-page .telecom-choice-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-I02-01-page .telecom-choice-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-I02-01-page .telecom-choice-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-I02-01-page .telecom-choice-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-I02-01-page .telecom-choice-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-I02-01-page .telecom-choice-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-I02-01-page .telecom-choice-sec .sec-header .btn-more.static {
  position: static;
}
.F-I02-01-page .telecom-choice-sec .telecom-list {
  display: flex;
  justify-content: space-between;
  gap: 8rem;
}
.F-I02-01-page .telecom-choice-sec .telecom-list .telecom-item {
  width: 16%;
  min-width: 56rem;
}
.F-I02-01-page .telecom-choice-sec .telecom-list .telecom-rdo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1/1;
}
.F-I02-01-page .telecom-choice-sec .telecom-list .telecom-rdo input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.F-I02-01-page .telecom-choice-sec .telecom-list .telecom-rdo input + .telecom-con {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #F4F5F8;
}
.F-I02-01-page .telecom-choice-sec .telecom-list .telecom-rdo input + .telecom-con .ui-icn {
  min-width: 60%;
  min-height: 60%;
}
.F-I02-01-page .telecom-choice-sec .telecom-list .telecom-rdo input + .telecom-con .ui-icn::before {
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.F-I02-01-page .telecom-choice-sec .telecom-list .telecom-rdo input:checked + .telecom-con {
  background-color: #542FDD;
}
.F-I02-01-page .telecom-choice-sec .telecom-list .telecom-rdo input:checked + .telecom-con .ui-icn::before {
  background-color: #fff;
}
.F-I02-01-page .telecom-choice-sec .product-wrap {
  margin-top: 24rem;
}
.F-I02-01-page .telecom-choice-sec .product-wrap .sub-title {
  margin-bottom: 12rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #656565;
}
.F-I02-01-page .telecom-choice-sec .product-wrap .product-swiper {
  box-sizing: border-box;
  margin: -20rem -24rem;
  padding: 20rem 24rem;
}
.F-I02-01-page .telecom-choice-sec .product-wrap .product-swiper .swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20rem;
  gap: 8rem;
}
.F-I02-01-page .telecom-choice-sec .product-wrap .product-swiper .swiper-pagination-bullet {
  width: 10rem;
  height: 10rem;
  margin: 0;
  border-radius: 10rem;
  background-color: #EFF0F0;
  opacity: 1;
  transition: all 0.2s ease;
}
.F-I02-01-page .telecom-choice-sec .product-wrap .product-swiper .swiper-pagination-bullet-active {
  width: 20rem;
  background-color: #542FDD;
}
.F-I02-01-page .telecom-choice-sec .product-wrap .product-swiper .product-button-prev,
.F-I02-01-page .telecom-choice-sec .product-wrap .product-swiper .product-button-next {
  position: absolute;
  top: calc(50% - 40rem);
  right: 24rem;
  z-index: 10;
  transform: translate(50%, 50%);
  width: 28rem;
  height: 28rem;
}
.F-I02-01-page .telecom-choice-sec .product-wrap .product-swiper .product-button-prev {
  right: auto;
  left: 24rem;
  transform: translate(-50%, 50%) rotate(180deg);
}
.F-I02-01-page .telecom-choice-sec .product-wrap .product-swiper .swiper-button-disabled {
  /* 8차 수정 : 추천딜 스와이프 버튼 추가(여기까지) */
  display: none;
}
.F-I02-01-page .telecom-choice-sec .product-wrap .product-box {
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  padding: 24rem;
}
.F-I02-01-page .telecom-choice-sec .product-wrap .product-box .product-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.F-I02-01-page .telecom-choice-sec .product-wrap .product-box .product-header .label {
  display: inline-flex;
  padding: 3rem 11rem;
  border-radius: 30rem;
  border: 1px solid #2FBE98;
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #2FBE98;
}
.F-I02-01-page .telecom-choice-sec .product-wrap .product-box .product-header .title {
  display: block;
  margin-top: 8rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-I02-01-page .telecom-choice-sec .product-wrap .product-box .product-body {
  padding: 20rem 0;
}
.F-I02-01-page .telecom-choice-sec .product-wrap .product-box .product-body .product-colabo {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24rem;
  text-align: center;
}
.F-I02-01-page .telecom-choice-sec .product-wrap .product-box .product-body .product-colabo .product-item {
  font-weight: 400;
  font-size: 12rem;
  line-height: 16rem;
  color: #000;
}
.F-I02-01-page .telecom-choice-sec .product-wrap .product-box .product-footer {
  text-align: center;
}
.F-I02-01-page .telecom-choice-sec .product-wrap .product-box .product-footer .product-charge .sale {
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #542FDD;
}
.F-I02-01-page .telecom-choice-sec .product-wrap .product-box .product-footer .product-charge .original {
  font-weight: 400;
  font-size: 14rem;
  line-height: 20rem;
  color: #656565;
}
.F-I02-01-page .telecom-choice-sec .product-wrap .product-box .product-footer .product-action {
  margin-top: 8rem;
}
.F-I02-01-page .telecom-choice-sec .product-wrap .product-box .product-footer .product-action .btn-sub {
  margin: 0;
  box-sizing: border-box;
}
.F-I02-01-page .join-steps-sec {
  margin-top: var(--sec-outer-margin);
}
.F-I02-01-page .join-steps-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-I02-01-page .join-steps-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-I02-01-page .join-steps-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-I02-01-page .join-steps-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-I02-01-page .join-steps-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-I02-01-page .join-steps-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-I02-01-page .join-steps-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-I02-01-page .join-steps-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-I02-01-page .join-steps-sec .sec-header .btn-more.static {
  position: static;
}
.F-I02-01-page .join-steps-sec .join-steps {
  padding: 20rem;
  border-radius: 4rem;
  background-color: #F4F5F8;
}
.F-I02-01-page .join-steps-sec .join-steps li {
  position: relative;
  display: flex;
  padding-bottom: 26rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #46484B;
}
.F-I02-01-page .join-steps-sec .join-steps li::after {
  content: "";
  position: absolute;
  left: 11rem;
  top: 28rem;
  bottom: 4rem;
  display: block;
  width: 2rem;
  background: url("../images/common/line-18-step.svg") repeat-y center center;
}
.F-I02-01-page .join-steps-sec .join-steps li:last-child {
  padding-bottom: 0;
}
.F-I02-01-page .join-steps-sec .join-steps li:last-child::after {
  display: none;
}
.F-I02-01-page .join-steps-sec .join-steps li .num {
  flex: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24rem;
  height: 24rem;
  margin-right: 10rem;
  border-radius: 50%;
  background-color: #CDC2F5;
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
  color: #542FDD;
}
.F-I02-01-page .join-steps-sec .join-steps li .con dt {
  font-weight: 600;
  font-size: 16rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-I02-01-page .join-steps-sec .join-steps li .con dd {
  color: #63666A;
}
.F-I02-01-page .faq-sec {
  margin-top: var(--sec-outer-margin);
  margin-bottom: var(--sec-outer-margin);
}
.F-I02-01-page .faq-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-I02-01-page .faq-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-I02-01-page .faq-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-I02-01-page .faq-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-I02-01-page .faq-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-I02-01-page .faq-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-I02-01-page .faq-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-I02-01-page .faq-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-I02-01-page .faq-sec .sec-header .btn-more.static {
  position: static;
}
.F-I02-01-page .faq-sec .faq-accordion {
  margin-top: -14rem;
}
.F-I02-01-page .faq-sec .faq-accordion .collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
.F-I02-01-page .faq-sec .faq-accordion .collapse:not(.show) {
  display: none;
}
.F-I02-01-page .faq-sec .faq-accordion .acco-button .ui-icn {
  transition: transform 0.35s ease;
}
.F-I02-01-page .faq-sec .faq-accordion .acco-button[aria-expanded=true] .ui-icn {
  transform: rotate(180deg);
}
.F-I02-01-page .faq-sec .faq-accordion .acco-item {
  padding: 14rem 0;
  border-bottom: 1px solid #EFF0F0;
}
.F-I02-01-page .faq-sec .faq-accordion .acco-header {
  position: relative;
}
.F-I02-01-page .faq-sec .faq-accordion .acco-header .acco-button {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  padding-right: 24rem;
}
.F-I02-01-page .faq-sec .faq-accordion .acco-header .acco-button > .part { /* 8차 수정 : FAQ 요금제 소개 한줄 처리 */
  display: inline-block;
  min-width: 60rem;
  font-size: 14rem;
  line-height: 20rem;
  flex: none;
}
.F-I02-01-page .faq-sec .faq-accordion .acco-header .acco-button > span {
  position: relative;
  display: block;
  padding-left: 16rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  max-height: 40rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.F-I02-01-page .faq-sec .faq-accordion .acco-header .acco-button > span em {
  position: absolute;
  left: 0;
  top: 0;
  color: #542FDD;
}
.F-I02-01-page .faq-sec .faq-accordion .acco-header .acco-button .ui-icn {
  position: absolute;
  right: 0;
  top: calc(50% - 8rem);
}
.F-I02-01-page .faq-sec .faq-accordion .acco-body {
  margin-top: 16rem;
}
.F-I02-01-page .faq-sec .faq-accordion .acco-body .acco-answer {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #46484B;
}
.F-I02-01-page .faq-sec .faq-accordion .acco-body .acco-answer ol {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  font-size: 12rem;
  line-height: 16rem;
  margin-top: 8rem;
  margin-bottom: 8rem;
}
.F-I02-01-page .faq-sec .faq-accordion .acco-body .acco-answer ol:first-child {
  margin-top: 0;
}
.F-I02-01-page .faq-sec .faq-accordion .acco-body .acco-answer ol:last-child {
  margin-bottom: 0;
}
.F-I02-01-page .faq-sec .faq-accordion .acco-body .acco-answer ol li {
  position: relative;
  counter-increment: item;
  padding-left: 12rem;
}
.F-I02-01-page .faq-sec .faq-accordion .acco-body .acco-answer ol li::before {
  content: counter(item) ". ";
  position: absolute;
  left: 0;
  top: 0;
}
@media all and (min-width: 720px) {
  .F-I02-01-page .faq-sec .faq-accordion {
    margin: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-I02-01-page .faq-sec .faq-accordion {
    margin: 0;
  }
}
.F-I02-01-page .consult-btm-sec {
  position: sticky;
  left: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  margin-top: auto;
  background-color: #fff;
  border-radius: 20rem 20rem 0 0;
  box-shadow: 0 -4rem 20rem 0 rgba(0, 0, 0, 0.1);
  padding-bottom: env(safe-area-inset-bottom, 0)/1.7;
}
.F-I02-01-page .consult-btm-sec .consult-action {
  display: flex;
  align-items: center;
  padding: 20rem 0;
  text-align: left;
}
.F-I02-01-page .consult-btm-sec .consult-action .title {
  flex: 1 1 auto;
  width: 100%;
  padding-right: 50rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #000;
  word-break: keep-all;
}
.F-I02-01-page .consult-btm-sec .consult-action .ui-btn {
  flex: 1 1 auto;
  justify-content: space-between;
  width: 100%;
  height: 56rem;
  min-width: 1px;
  padding: 8rem 8rem 8rem 12rem;
  text-align: left;
  font-size: 14rem;
  line-height: 20rem;
}
.F-I02-01-page .consult-btm-sec .consult-action .ui-btn span {
  word-break: keep-all;
}
@media all and (min-width: 480px) {
  .F-I02-01-page .consult-btm-sec .consult-action br {
    display: none;
  }
}

.popover-style1.type-secretBtn {
  z-index: 0 !important;
}
.popover-style1.type-secretBtn .popover-body {
  padding-left: 24rem;
  padding-right: 24rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 메인
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-M01-page {
  padding-top: 0 !important;
  --sec-outer-margin: 50rem;
  --sec-inner-padding: 40rem;
}
.F-M01-page .sec-outer { /* 3차 수정 : 메인 레이아웃 변경 추가 */
  width: 100%;
  max-width: 1020rem;
  margin-right: auto;
  margin-left: auto;
}
.F-M01-page .visual-sec {
  position: relative;
  z-index: 10;
  padding-left: 0;
  padding-right: 0;
  margin-top: calc(-1 * 60rem);
}
.F-M01-page .visual-sec .visual-swiper .swiper-slide {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler {
  display: block;
  position: absolute;
  z-index: 20;
  top: auto;
  left: 0;
  width: 100%;
  bottom: 6.3888888889vw;
  min-width: 320px;
  padding-left: 24rem;
  padding-right: 24rem;
  transition: padding 0.2s ease;
}
@media all and (min-width: 720px) {
  .F-M01-page .visual-sec .visual-swiper .swiper-controler {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M01-page .visual-sec .visual-swiper .swiper-controler {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler .in-sec {
  display: flex;
  justify-content: flex-end;
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-controler-group {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2rem;
  padding: 0.5555555556vw 1.1111111111vw 0.5555555556vw 2.2222222222vw;
  border-radius: 13.8888888889vw;
  background-color: rgba(255, 255, 255, 0.1);
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-pagination {
  position: static;
  display: flex;
  justify-content: flex-start;
  gap: 8rem;
  width: auto;
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-pagination-fraction {
  gap: 1.1111111111vw;
  color: #fff;
  font-weight: 500;
  font-size: 2.7777777778vw;
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-pagination .swiper-pagination-bullet {
  width: 10rem;
  height: 10rem;
  -webkit-mask: center center/10rem;
          mask: center center/10rem;
  margin: 0;
  background-color: #fff;
  opacity: 0.25;
  border-radius: 0;
  transition: all 0.15s ease;
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10L5 0L10 10H0Z' fill='white'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10L5 0L10 10H0Z' fill='white'/%3E%3C/svg%3E%0A");
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='1' width='10' height='10' fill='white'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='1' width='10' height='10' fill='white'/%3E%3C/svg%3E%0A");
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='1' cx='5' cy='5' r='5' fill='white'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='1' cx='5' cy='5' r='5' fill='white'/%3E%3C/svg%3E%0A");
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-pagination .swiper-pagination-bullet:nth-child(4) {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' d='M0.548557 1.37139C0.285811 0.714527 0.769568 0 1.47703 0H8.52297C9.23043 0 9.71419 0.714526 9.45144 1.37139L8.14856 4.62861C8.05319 4.86702 8.05319 5.13298 8.14856 5.37139L9.45144 8.62861C9.71419 9.28547 9.23043 10 8.52297 10H1.47703C0.769568 10 0.285811 9.28547 0.548556 8.62861L1.85144 5.37139C1.94681 5.13298 1.94681 4.86702 1.85144 4.62861L0.548557 1.37139Z' fill='white'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' d='M0.548557 1.37139C0.285811 0.714527 0.769568 0 1.47703 0H8.52297C9.23043 0 9.71419 0.714526 9.45144 1.37139L8.14856 4.62861C8.05319 4.86702 8.05319 5.13298 8.14856 5.37139L9.45144 8.62861C9.71419 9.28547 9.23043 10 8.52297 10H1.47703C0.769568 10 0.285811 9.28547 0.548556 8.62861L1.85144 5.37139C1.94681 5.13298 1.94681 4.86702 1.85144 4.62861L0.548557 1.37139Z' fill='white'/%3E%3C/svg%3E%0A");
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-pagination .swiper-pagination-bullet:nth-child(5) {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' d='M0 5L5 0L10 5L5 10L0 5Z' fill='white'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' d='M0 5L5 0L10 5L5 10L0 5Z' fill='white'/%3E%3C/svg%3E%0A");
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-autoplay {
  display: flex;
  align-items: center;
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-autoplay .ui-btn {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  border-radius: 50%;
  -webkit-mask: no-repeat center center/100% auto;
          mask: no-repeat center center/100% auto;
  background-color: #fff;
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-autoplay .is-playing {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='9' y='4' width='2' height='8' fill='white'/%3E%3Crect x='5' y='4' width='2' height='8' fill='white'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='9' y='4' width='2' height='8' fill='white'/%3E%3Crect x='5' y='4' width='2' height='8' fill='white'/%3E%3C/svg%3E%0A");
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-autoplay .is-paused {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8L6 4V12L12 8Z' fill='white'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8L6 4V12L12 8Z' fill='white'/%3E%3C/svg%3E%0A");
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler.is-black .swiper-controler-group {
  background-color: rgba(0, 0, 0, 0.1);
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler.is-black .swiper-pagination-fraction {
  color: #000;
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler.is-black .swiper-pagination .swiper-pagination-bullet {
  background-color: #000;
}
.F-M01-page .visual-sec .visual-swiper .swiper-controler.is-black .swiper-autoplay .ui-btn {
  background-color: #000;
}
.F-M01-page .visual-sec .visual-swiper .visual {
  width: 100%;
}
.F-M01-page .visual-sec .visual-swiper .visual-link {
  display: block;
  position: relative;
  height: auto;
  width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
}
.F-M01-page .visual-sec .visual-swiper .visual-link img {
  width: 100%;
}
@media all and (min-width: 720px) {
  .F-M01-page .visual-sec {
    margin-top: 0;
  }
  .F-M01-page .visual-sec .visual-swiper .swiper-controler {
    top: auto;
    bottom: 84rem;
  }
  .F-M01-page .visual-sec .visual-swiper .swiper-controler .in-sec {
    justify-content: flex-start;
  }
  .F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-controler-group {
    gap: 12rem;
    justify-content: flex-start;
    max-width: 720px;
    background-color: transparent !important;
    padding: 0;
  }
  .F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-autoplay .ui-btn {
    width: 16rem;
    height: 16rem;
    border-radius: 50%;
    background: no-repeat center center/100% auto;
    -webkit-mask: none;
            mask: none;
  }
  .F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-autoplay .is-playing {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='white'/%3E%3Crect x='9' y='5' width='2' height='6' fill='black'/%3E%3Crect x='5' y='5' width='2' height='6' fill='black'/%3E%3C/svg%3E%0A");
  }
  .F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-autoplay .is-paused {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='white'/%3E%3Cpath d='M12 8L6 4V12L12 8Z' fill='black'/%3E%3C/svg%3E%0A");
  }
  .F-M01-page .visual-sec .visual-swiper .swiper-controler.is-black .swiper-autoplay .ui-btn {
    background-color: transparent;
  }
  .F-M01-page .visual-sec .visual-swiper .swiper-controler.is-black .swiper-autoplay .is-playing {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='black'/%3E%3Crect x='9' y='5' width='2' height='6' fill='white'/%3E%3Crect x='5' y='5' width='2' height='6' fill='white'/%3E%3C/svg%3E%0A");
  }
  .F-M01-page .visual-sec .visual-swiper .swiper-controler.is-black .swiper-autoplay .is-paused {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='black'/%3E%3Cpath d='M12 8L6 4V12L12 8Z' fill='white'/%3E%3C/svg%3E%0A");
  }
  .F-M01-page .visual-sec .visual-swiper .visual {
    min-width: 320px;
    padding-left: 24rem;
    padding-right: 24rem;
    transition: padding 0.2s ease;
  }
}
@media all and (min-width: 720px) and (min-width: 720px) {
  .F-M01-page .visual-sec .visual-swiper .visual {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media all and (min-width: 720px) and (min-width: 940px) and (min-height: 480px) {
  .F-M01-page .visual-sec .visual-swiper .visual {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media all and (min-width: 720px) {
  .F-M01-page .visual-sec .visual-swiper .visual-link {
    height: 394rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M01-page .visual-sec {
    margin-top: 0;
  }
  .F-M01-page .visual-sec .visual-swiper .swiper-controler {
    top: auto;
    bottom: 84rem;
  }
  .F-M01-page .visual-sec .visual-swiper .swiper-controler .in-sec {
    justify-content: flex-start;
  }
  .F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-controler-group {
    gap: 12rem;
    justify-content: flex-start;
    max-width: 720px;
    background-color: transparent !important;
    padding: 0;
  }
  .F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-autoplay .ui-btn {
    width: 16rem;
    height: 16rem;
    border-radius: 50%;
    background: no-repeat center center/100% auto;
    -webkit-mask: none;
            mask: none;
  }
  .F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-autoplay .is-playing {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='white'/%3E%3Crect x='9' y='5' width='2' height='6' fill='black'/%3E%3Crect x='5' y='5' width='2' height='6' fill='black'/%3E%3C/svg%3E%0A");
  }
  .F-M01-page .visual-sec .visual-swiper .swiper-controler .swiper-autoplay .is-paused {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='white'/%3E%3Cpath d='M12 8L6 4V12L12 8Z' fill='black'/%3E%3C/svg%3E%0A");
  }
  .F-M01-page .visual-sec .visual-swiper .swiper-controler.is-black .swiper-autoplay .ui-btn {
    background-color: transparent;
  }
  .F-M01-page .visual-sec .visual-swiper .swiper-controler.is-black .swiper-autoplay .is-playing {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='black'/%3E%3Crect x='9' y='5' width='2' height='6' fill='white'/%3E%3Crect x='5' y='5' width='2' height='6' fill='white'/%3E%3C/svg%3E%0A");
  }
  .F-M01-page .visual-sec .visual-swiper .swiper-controler.is-black .swiper-autoplay .is-paused {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='black'/%3E%3Cpath d='M12 8L6 4V12L12 8Z' fill='white'/%3E%3C/svg%3E%0A");
  }
  .F-M01-page .visual-sec .visual-swiper .visual {
    min-width: 320px;
    padding-left: 24rem;
    padding-right: 24rem;
    transition: padding 0.2s ease;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) and (min-width: 720px) {
  .F-M01-page .visual-sec .visual-swiper .visual {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) and (min-width: 940px) and (min-height: 480px) {
  .F-M01-page .visual-sec .visual-swiper .visual {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M01-page .visual-sec .visual-swiper .visual-link {
    height: 394rem;
  }
}
.F-M01-page .deal-sec {
  position: relative;
  z-index: 20;
  padding-top: var(--sec-inner-padding);
  padding-bottom: var(--sec-inner-padding);
  padding: 0; /* 3차 수정 : 메인 레이아웃 변경 추가 */
  background: #F2F5FB; /* 3차 수정 : 메인 레이아웃 변경 추가 */
  /* background-color: #CDC2F5; 3차 수정 : 메인 레이아웃 변경 삭제 */
}
.F-M01-page .deal-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-M01-page .deal-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-M01-page .deal-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-M01-page .deal-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-M01-page .deal-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-M01-page .deal-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-M01-page .deal-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-M01-page .deal-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-M01-page .deal-sec .sec-header .btn-more.static {
  position: static;
}
.F-M01-page .deal-sec .sec-outer { /* 3차 수정 : 메인 레이아웃 변경 추가 */
  min-width: 320px;
  padding-left: 24rem;
  padding-right: 24rem;
  transition: padding 0.2s ease;
  background-color: #CDC2F5;
  padding-top: var(--sec-inner-padding);
  padding-bottom: var(--sec-inner-padding);
  overflow: hidden;
}
@media all and (min-width: 720px) {
  .F-M01-page .deal-sec .sec-outer {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M01-page .deal-sec .sec-outer {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
.F-M01-page .deal-sec .sec-header {
  display: flex;
}
.F-M01-page .deal-sec .sec-header .sec-tit {
  color: #000000;
}
.F-M01-page .deal-sec .sec-header .sec-tit .ui-icn {
  margin-left: 4rem;
}
.F-M01-page .deal-sec .sec-header .btn-more {
  color: #542FDD;
  font-weight: 600;
}
.F-M01-page .deal-sec .sec-body {
  position: relative;
}
.F-M01-page .deal-sec .deal-timer .timer-txt {
  margin-bottom: 10rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 16rem;
  color: #542FDD;
}
.F-M01-page .deal-sec .deal-timer .timer-labels {
  display: flex;
  align-items: center;
  margin-bottom: 30rem;
  gap: 6rem;
}
.F-M01-page .deal-sec .deal-timer .timer-labels .label-num {
  position: relative;
  width: 32rem;
  height: 42rem;
  overflow: hidden;
  border: 1px solid #542FDD;
  border-radius: 6px;
  background-color: #fff;
  font-weight: 700;
  font-size: 26rem;
  line-height: 30rem;
  color: #000;
}
.F-M01-page .deal-sec .deal-timer .timer-labels .label-num::before {
  content: "";
  display: block;
  width: 100%;
  height: 21rem;
  background: linear-gradient(180deg, rgb(244, 245, 248) 47.83%, rgb(205, 197, 241) 100%);
  border-bottom: 1px solid rgba(172, 159, 233, 0.4);
}
.F-M01-page .deal-sec .deal-timer .timer-labels .label-num > span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.F-M01-page .deal-sec .deal-timer .timer-labels .label-split {
  display: flex;
  flex-direction: column;
  width: 4rem;
  height: 14rem;
  justify-content: space-between;
  margin: 0 1rem;
}
.F-M01-page .deal-sec .deal-timer .timer-labels .label-split::before, .F-M01-page .deal-sec .deal-timer .timer-labels .label-split::after {
  content: "";
  display: block;
  width: 4rem;
  height: 4rem;
  background-color: #fff;
  border-radius: 50%;
}
.F-M01-page .deal-sec .deal-swiper { /* 8차 수정 : 추천딜 스와이프 버튼 추가(여기부터) */
  overflow: visible;
  width: 100%;
}
.F-M01-page .deal-sec .deal-swiper .swiper-slide {
  width: 248rem;
  opacity: 0.5;
  transition: opacity 0.2s ease;
}
.F-M01-page .deal-sec .deal-swiper .swiper-slide-active {
  opacity: 1;
}
.F-M01-page .deal-sec .deal-swiper.no-scroll .swiper-slide {
  opacity: 1;
}
@media all and (min-width: 720px) {
  .F-M01-page .deal-sec .deal-swiper {
    overflow: hidden;
  }
  .F-M01-page .deal-sec .deal-swiper .swiper-slide {
    opacity: 1;
    width: 233rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M01-page .deal-sec .deal-swiper {
    overflow: hidden;
  }
  .F-M01-page .deal-sec .deal-swiper .swiper-slide {
    opacity: 1;
    width: 233rem;
  }
}
.F-M01-page .deal-sec .deal-button-prev,
.F-M01-page .deal-sec .deal-button-next {
  position: absolute;
  bottom: 71rem;
  right: 0;
  z-index: 10;
  transform: translate(50%, 50%);
  width: 28rem;
  height: 28rem;
}
.F-M01-page .deal-sec .deal-button-prev {
  right: auto;
  left: 0;
  transform: translate(-50%, 50%) rotate(180deg);
}
.F-M01-page .deal-sec .swiper-button-disabled { /* 8차 수정 : 추천딜 스와이프 버튼 추가(여기까지) */
  display: none;
}
.F-M01-page .deal-sec .deal-card {
  position: relative;
  width: 100%;
  padding: 16rem;
  padding-top: 20rem;
  box-sizing: border-box;
  background-color: #fff;
}
.F-M01-page .deal-sec .deal-card .card-body {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 6rem;
}
.F-M01-page .deal-sec .deal-card .card-body .card-label {
  position: absolute;
  top: 0;
  right: 16rem;
}
.F-M01-page .deal-sec .deal-card .card-body .card-label em {
  display: inline-flex;
  padding: 4rem 8rem;
  border-radius: 0 0 10rem 10rem;
  background-color: #542FDD;
  font-weight: 600;
  font-size: 12rem;
  line-height: 14rem;
  color: #fff;
}
.F-M01-page .deal-sec .deal-card .card-body .card-info {
  font-weight: 500;
  font-size: 12rem;
  line-height: 14rem;
  color: #63666A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-M01-page .deal-sec .deal-card .card-body .card-tit {
  margin-top: 4rem;
  font-weight: 700;
  font-size: 16rem;
  line-height: 20rem;
  color: #000;
  height: 40rem;
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.F-M01-page .deal-sec .deal-card .card-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-top: 17rem;
  padding-bottom: 0rem;
}
.F-M01-page .deal-sec .deal-card .card-footer .card-partner {
  display: flex;
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  max-height: 18rem;
  max-width: 70rem;
  padding: 1rem 0;
}
.F-M01-page .deal-sec .deal-card .card-footer .card-partner img {
  max-width: 100%;
}
.F-M01-page .deal-sec .deal-card .card-footer .card-charge-wrap {
  flex: none;
}
.F-M01-page .deal-sec .deal-card .card-footer .card-charge {
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #542FDD;
  text-align: right;
}
.F-M01-page .deal-sec .deal-card .card-footer .card-point {
  width: 100%;
  text-align: right;
  font-weight: 700;
  font-size: 15rem;
  line-height: 18rem;
  color: #E43558;
  letter-spacing: -0.1em;
}
.F-M01-page .deal-sec .deal-card .card-footer .card-point .tit {
  display: block;
  text-align: right;
  font-size: 12rem;
}
.F-M01-page .deal-sec .deal-card .card-footer.has-point {
  align-items: flex-end;
  padding-top: 5rem;
  padding-bottom: 0;
}
.F-M01-page .deal-sec .deal-card .card-footer.has-point .card-charge {
  display: none;
  font-size: 12rem;
  line-height: 18rem;
}
@media all and (min-width: 720px) {
  .F-M01-page .deal-sec .sec-outer {
    margin-top: -40rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M01-page .deal-sec .sec-outer {
    margin-top: -40rem;
  }
}
.F-M01-page .deal-sec { /* 추천딜 섹션 (오픈전 추가) */
  position: relative;
}
.F-M01-page .deal-sec .deal-before,
.F-M01-page .deal-sec .deal-before .sec-inner,
.F-M01-page .deal-sec .deal-before .sec-inner .sec-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
}
.F-M01-page .deal-sec .deal-before {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  z-index: 20;
  transform: translate(-50%, 0%);
  background-color: rgba(54, 56, 58, 0.8);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.F-M01-page .deal-sec .deal-before .sec-header {
  display: block;
  margin-bottom: 12rem;
}
.F-M01-page .deal-sec .deal-before .sec-header .sec-tit {
  color: #fff;
}
.F-M01-page .deal-sec .deal-before .sec-header .sec-explain {
  margin-top: 0;
  color: #CDC2F5;
  font-size: 20rem;
  line-height: 28rem;
  font-weight: 700;
}
.F-M01-page .deal-sec .deal-before .deal-timer {
  margin-bottom: 0;
}
.F-M01-page .deal-sec .deal-before .deal-timer .timer-labels {
  flex-wrap: wrap;
}
.F-M01-page .deal-sec .deal-before .deal-timer .timer-labels .label-num {
  border: 0;
  color: #542FDD;
}
.F-M01-page .deal-sec .deal-before .deal-timer .timer-labels .label-num::before {
  display: none;
}
.F-M01-page .deal-sec .deal-before .deal-timer .timer-labels .label-text {
  font-weight: 600;
  font-size: 20rem;
  line-height: 40rem;
  color: #fff;
}
.F-M01-page .deal-sec .deal-before .deal-share {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-top: 0;
  padding-top: 88rem;
}
.F-M01-page .deal-sec .deal-before .deal-share .deal-share-char {
  position: absolute;
  right: 0;
  top: 0;
  width: 80rem;
  height: 80rem;
}
.F-M01-page .deal-sec .deal-before .deal-share .deal-share-char img {
  width: 100%;
  height: 100%;
}
.F-M01-page .deal-sec .deal-before .deal-share .deal-share-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10rem 16rem;
  background-color: #F4F5F8;
  border-radius: 2rem;
}
.F-M01-page .deal-sec .deal-before .deal-share .deal-share-box .tit {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #000;
}
.F-M01-page .deal-sec .deal-before .deal-share .deal-share-box .tit em {
  color: #542FDD;
}
.F-M01-page .ratePlanA-sec {
  padding-top: var(--sec-inner-padding);
  padding-bottom: var(--sec-inner-padding);
  background-color: #F2F5FB;
}
.F-M01-page .ratePlanA-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-M01-page .ratePlanA-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-M01-page .ratePlanA-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-M01-page .ratePlanA-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-M01-page .ratePlanA-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-M01-page .ratePlanA-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-M01-page .ratePlanA-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-M01-page .ratePlanA-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-M01-page .ratePlanA-sec .sec-header .btn-more.static {
  position: static;
}
.F-M01-page .ratePlanA-sec .sec-body {
  position: relative;
}
.F-M01-page .ratePlanA-sec .ratePlanA-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10rem;
}
@media all and (min-width: 720px) {
  .F-M01-page .ratePlanA-sec .ratePlanA-list {
    display: flex;
    gap: 0;
  }
  .F-M01-page .ratePlanA-sec .ratePlanA-list .ratePlanA-item {
    width: 172rem;
    flex: none;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M01-page .ratePlanA-sec .ratePlanA-list {
    display: flex;
    gap: 0;
  }
  .F-M01-page .ratePlanA-sec .ratePlanA-list .ratePlanA-item {
    width: 172rem;
    flex: none;
  }
}
.F-M01-page .ratePlanA-sec .ratePlanA-button-prev,
.F-M01-page .ratePlanA-sec .ratePlanA-button-next {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 10;
  transform: translate(50%, -50%);
  width: 28rem;
  height: 28rem;
}
.F-M01-page .ratePlanA-sec .ratePlanA-button-prev {
  right: auto;
  left: 0;
  transform: translate(-50%, -50%) rotate(180deg);
}
.F-M01-page .ratePlanA-sec .swiper-button-disabled {
  display: none;
}
@media all and (min-width: 720px) {
  .F-M01-page .ratePlanA-sec .ratePlanA-button-prev,
  .F-M01-page .ratePlanA-sec .ratePlanA-button-next {
    display: block;
  }
  .F-M01-page .ratePlanA-sec .swiper-button-disabled {
    display: none;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M01-page .ratePlanA-sec .ratePlanA-button-prev,
  .F-M01-page .ratePlanA-sec .ratePlanA-button-next {
    display: block;
  }
  .F-M01-page .ratePlanA-sec .swiper-button-disabled {
    display: none;
  }
}
.F-M01-page .ratePlanA-sec .ratePlanA-card {
  position: relative;
  padding: 20rem;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 8rem;
  box-shadow: none;
}
.F-M01-page .ratePlanA-sec .ratePlanA-card .card-thumb {
  position: absolute;
  right: 12rem;
  top: calc(50% - 24rem);
}
.F-M01-page .ratePlanA-sec .ratePlanA-card .card-thumb img {
  width: 48rem;
  height: 48rem;
}
.F-M01-page .ratePlanA-sec .ratePlanA-card .card-body {
  text-align: left;
}
.F-M01-page .ratePlanA-sec .ratePlanA-card .card-body .card-tit {
  font-weight: 700;
  font-size: 20rem;
  line-height: 28rem;
  color: #000;
}
.F-M01-page .ratePlanA-sec .ratePlanA-card .card-body .card-charge {
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #542FDD;
}
.F-M01-page .ratePlanA-sec .ratePlanA-card .card-body .card-explain {
  margin-top: 4rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
  white-space: pre-line;
}
.F-M01-page .ratePlanA-sec .ratePlanA-card .card-body .card-explain br {
  display: none;
}
@media all and (min-width: 720px) {
  .F-M01-page .ratePlanA-sec .ratePlanA-card {
    height: 180rem;
  }
  .F-M01-page .ratePlanA-sec .ratePlanA-card .card-thumb {
    position: absolute;
    right: 12rem;
    top: auto;
    bottom: 12rem;
  }
  .F-M01-page .ratePlanA-sec .ratePlanA-card .card-thumb img {
    width: 40rem;
    height: 40rem;
  }
  .F-M01-page .ratePlanA-sec .ratePlanA-card .card-body .card-explain {
    margin-top: 8rem;
  }
  .F-M01-page .ratePlanA-sec .ratePlanA-card .card-body .card-explain br {
    all: unset;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M01-page .ratePlanA-sec .ratePlanA-card {
    height: 180rem;
  }
  .F-M01-page .ratePlanA-sec .ratePlanA-card .card-thumb {
    position: absolute;
    right: 12rem;
    top: auto;
    bottom: 12rem;
  }
  .F-M01-page .ratePlanA-sec .ratePlanA-card .card-thumb img {
    width: 40rem;
    height: 40rem;
  }
  .F-M01-page .ratePlanA-sec .ratePlanA-card .card-body .card-explain {
    margin-top: 8rem;
  }
  .F-M01-page .ratePlanA-sec .ratePlanA-card .card-body .card-explain br {
    all: unset;
  }
}
.F-M01-page .recom-sec {
  margin-top: var(--sec-outer-margin);
}
.F-M01-page .recom-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-M01-page .recom-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-M01-page .recom-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-M01-page .recom-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-M01-page .recom-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-M01-page .recom-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-M01-page .recom-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-M01-page .recom-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-M01-page .recom-sec .sec-header .btn-more.static {
  position: static;
}
.F-M01-page .recom-sec .recom-list {
  display: flex;
  flex-direction: column;
  gap: 10rem;
}
.F-M01-page .recom-sec .recom-list .recom-item {
  width: 100%;
}
.F-M01-page .recom-sec .recom-list .recom-bnr {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 17rem 16rem;
  border-radius: 2rem;
  background-color: #F2F5FB;
}
.F-M01-page .recom-sec .recom-list .recom-bnr .recom-con {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  margin-right: auto;
  margin-left: 17rem;
  text-align: left;
}
.F-M01-page .recom-sec .recom-list .recom-bnr .recom-con .tit {
  display: block;
  width: 100%;
  font-weight: 700;
  font-size: 16rem;
  line-height: 19rem;
  color: #2A2B2D;
}
.F-M01-page .recom-sec .recom-list .recom-bnr .recom-con .txt {
  display: block;
  width: 100%;
  margin-top: 4rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 17rem;
  color: #63666A;
}
.F-M01-page .special-event-sec {
  margin-top: var(--sec-outer-margin);
}
.F-M01-page .special-event-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-M01-page .special-event-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-M01-page .special-event-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-M01-page .special-event-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-M01-page .special-event-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-M01-page .special-event-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-M01-page .special-event-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-M01-page .special-event-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-M01-page .special-event-sec .sec-header .btn-more.static {
  position: static;
}
.F-M01-page .special-event-sec .special-event-list {
  display: flex;
  flex-direction: column;
  gap: 12rem;
}
.F-M01-page .special-event-sec .special-event-list li {
  display: flex; /* 7차 수정 : 불필요한 여백 잡아줌 */
  width: 100%;
}
.F-M01-page .special-event-sec .special-event-list .special-event-bnr {
  display: flex;
  width: 100%;
}
.F-M01-page .special-event-sec .special-event-list .special-event-bnr img {
  width: 100%;
  border-radius: 2rem;
  vertical-align: top;
}
.F-M01-page .review-sec {
  margin-top: var(--sec-outer-margin);
}
.F-M01-page .review-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-M01-page .review-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-M01-page .review-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-M01-page .review-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-M01-page .review-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-M01-page .review-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-M01-page .review-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-M01-page .review-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-M01-page .review-sec .sec-header .btn-more.static {
  position: static;
}
.F-M01-page .review-sec .review-swiper .swiper-slide {
  width: 270rem;
}
@media all and (min-width: 720px) {
  .F-M01-page .review-sec .review-swiper {
    overflow: hidden;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M01-page .review-sec .review-swiper {
    overflow: hidden;
  }
}
.F-M01-page .review-sec .review-card {
  display: flex;
  flex-wrap: wrap;
  padding: 20rem;
  border-radius: 2rem;
  border: 1px solid #EFF0F0;
}
.F-M01-page .review-sec .review-card .card-telecom {
  display: flex;
  align-items: center;
  height: 28rem;
  margin-right: 12rem;
}
.F-M01-page .review-sec .review-card .card-rating {
  display: flex;
  align-items: center;
}
.F-M01-page .review-sec .review-card .card-rating .val {
  margin-left: 7rem;
  padding-top: 1rem;
  font-weight: 700;
  font-size: 24rem;
  line-height: 26rem;
}
.F-M01-page .review-sec .review-card .card-name {
  margin-left: auto;
  padding: 5rem 0;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  color: #828588;
}
.F-M01-page .review-sec .review-card .card-cont {
  width: 100%;
  margin-top: 10rem;
  height: 60rem; /* 2025-02-03 조찬기 : 리뷰 높이값 3줄 고정 */
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.F-M01-page .event-sec {
  margin-top: var(--sec-outer-margin);
}
.F-M01-page .event-sec .event-list { /* 7차 수정 : 이벤트 목록 구조 적용 */
  display: flex;
  flex-direction: column;
  gap: 12rem;
}
.F-M01-page .event-sec .event-list li {
  display: flex; /* 7차 수정 : 불필요한 여백 잡아줌 */
  width: 100%;
}
.F-M01-page .event-sec .event-bnr {
  display: flex;
  width: 100%;
}
.F-M01-page .event-sec .event-bnr img {
  width: 100%;
  border-radius: 2rem;
  vertical-align: top;
}
.F-M01-page .partner-sec {
  overflow: hidden;
  margin-top: var(--sec-outer-margin);
  padding-top: var(--sec-inner-padding);
  padding-bottom: var(--sec-inner-padding);
  background-color: #F2F5FB;
}
.F-M01-page .partner-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-M01-page .partner-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-M01-page .partner-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-M01-page .partner-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-M01-page .partner-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-M01-page .partner-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-M01-page .partner-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-M01-page .partner-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-M01-page .partner-sec .sec-header .btn-more.static {
  position: static;
}
.F-M01-page .partner-sec .partner-swiper {
  overflow: visible;
}
.F-M01-page .partner-sec .partner-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}
.F-M01-page .partner-sec .partner-swiper .swiper-slide {
  width: 88rem;
}
.F-M01-page .partner-sec .partner-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 88rem;
  height: 88rem;
  border-radius: 50%;
  background-color: #fff;
}
.F-M01-page .partner-sec .partner-link img {
  max-height: 32rem;
  max-width: 80rem;
}
@media all and (min-width: 720px) {
  .F-M01-page .partner-sec .sec-inner {
    overflow: hidden;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M01-page .partner-sec .sec-inner {
    overflow: hidden;
  }
}

/*-------------------------------------------------------------------
	분류그룹 : 타임딜 안내
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-M01-P01-page .timedeal-sec {
  padding: 0;
  max-width: 320rem;
}
.F-M01-P01-page .timedeal-sec .timedeal-body {
  position: relative;
  margin-top: -120rem;
}
.F-M01-P01-page .timedeal-sec img {
  max-width: 100%;
}

/*-------------------------------------------------------------------
	분류그룹 : 이벤트 모달
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-M01-P02-page {
  background-color: transparent;
  padding-bottom: 0;
}
@media all and (min-width: 720px) {
  .F-M01-P02-page {
    border-radius: 20rem !important;
    overflow: hidden;
    max-width: 360rem !important;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M01-P02-page {
    border-radius: 20rem !important;
    overflow: hidden;
    max-width: 360rem !important;
  }
}
.F-M01-P02-page .event-layer-sec {
  padding: 0;
}
.F-M01-P02-page .event-layer-sec .event-layer-bnr {
  position: relative;
}
.F-M01-P02-page .event-layer-sec .event-layer-bnr .swiper-pagination {
  position: absolute;
  top: 16rem;
  left: auto;
  right: 16rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  width: 38rem;
  height: 20rem;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 20rem;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 500;
  color: #fff;
}
.F-M01-P02-page .event-layer-sec .event-layer-close {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12rem 20rem;
  background-color: #fff;
  padding-bottom: calc(12rem + env(safe-area-inset-bottom, 0) / 1.7);
}

/*-------------------------------------------------------------------
	분류그룹 : 추천 요금제
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-M02-01-T01-page {
  --sec-outer-margin: 50rem;
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-M02-01-T01-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M02-01-T01-page {
    padding-bottom: 48rem;
  }
}
.F-M02-01-T01-page .ratePlanB-sec {
  padding-left: 0;
  padding-right: 0;
}
.F-M02-01-T01-page .ratePlanB-sec .ratePlanB-card {
  position: relative;
  padding: 20rem 16rem;
  background-color: #F2F5FB;
  padding-left: 24rem;
  padding-right: 24rem;
  border-radius: 0;
}
.F-M02-01-T01-page .ratePlanB-sec .ratePlanB-card .card-img {
  position: absolute;
  right: 16rem;
  top: 20rem;
  width: 40rem;
  height: 40rem;
}
.F-M02-01-T01-page .ratePlanB-sec .ratePlanB-card .card-img img {
  width: 100%;
  height: 100%;
}
.F-M02-01-T01-page .ratePlanB-sec .ratePlanB-card .card-tit {
  position: relative;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #000000;
}
.F-M02-01-T01-page .ratePlanB-sec .ratePlanB-card .card-charge {
  margin-top: 2rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #542FDD;
}
.F-M02-01-T01-page .ratePlanB-sec .ratePlanB-card .card-guide {
  margin-top: 16rem;
  padding: 16rem;
  background-color: #fff;
  border-radius: 8rem;
}
.F-M02-01-T01-page .ratePlanB-sec .ratePlanB-card .card-guide .tit {
  margin-bottom: 8rem;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #36383A;
}
.F-M02-01-T01-page .ratePlanB-sec .ratePlanB-card .card-guide .tit strong {
  display: flex;
  align-items: center;
}
.F-M02-01-T01-page .ratePlanB-sec .ratePlanB-card .card-guide .tit .ui-icn {
  margin-right: 4rem;
}
.F-M02-01-T01-page .ratePlanB-sec .ratePlanB-card .card-guide .list li {
  position: relative;
  padding-left: 16rem;
  font-weight: 500;
  font-size: 13rem;
  line-height: 20rem;
  color: #63666A;
}
.F-M02-01-T01-page .ratePlanB-sec .ratePlanB-card .card-guide .list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 5rem;
  top: 8rem;
  width: 3rem;
  height: 3rem;
  background-color: #63666A;
  border-radius: 50%;
}
.F-M02-01-T01-page .ratePlanB-sec + .ratePlanC-sec { /* 7차 수정 : 추천요금제인 경우 여백수정 추가 */
  margin-top: 30rem;
}
.F-M02-01-T01-page .ratePlanB-sec + .ratePlanC-sec .sec-inner {
  padding-top: 0;
  border-top: 0;
}
.F-M02-01-T01-page .ratePlanC-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-M02-01-T01-page .ratePlanC-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-M02-01-T01-page .ratePlanC-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-M02-01-T01-page .ratePlanC-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-M02-01-T01-page .ratePlanC-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-M02-01-T01-page .ratePlanC-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-M02-01-T01-page .ratePlanC-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-M02-01-T01-page .ratePlanC-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-M02-01-T01-page .ratePlanC-sec .sec-header .btn-more.static {
  position: static;
}
@media all and (min-width: 720px) {
  .F-M02-01-T01-page .ratePlanC-sec {
    margin-top: 16rem;
    padding-top: 0;
    border-top: 0;
  }
  .F-M02-01-T01-page .ratePlanC-sec .sec-inner {
    padding-top: 16rem;
    border-top: 1px solid #EFF0F0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M02-01-T01-page .ratePlanC-sec {
    margin-top: 16rem;
    padding-top: 0;
    border-top: 0;
  }
  .F-M02-01-T01-page .ratePlanC-sec .sec-inner {
    padding-top: 16rem;
    border-top: 1px solid #EFF0F0;
  }
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-toolbar { /* 1차 수정: 툴바 전체 수정(셀렉트 말줄임 적용) */
  display: flex;
  align-items: center;
  gap: 8rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-toolbar .opt {
  display: flex;
  align-items: center;
  flex: none;
  gap: 4rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-toolbar .opt p {
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #63666A;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-toolbar .sort {
  display: flex;
  margin-left: auto;
  overflow: hidden;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-toolbar .sort .ui-btn {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
  gap: 4rem;
  width: 100%;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-toolbar .sort .ui-btn > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-toolbar + .ratePlanC-toolbar { /* 4차 수정 : 요금제 개수 추가 */
  margin-top: 20rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
  padding-top: 16rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-item {
  width: 100%;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15rem;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body {
  position: relative;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body .card-button {
  position: absolute;
  left: -16rem;
  right: -16rem;
  top: -16rem;
  bottom: -16rem;
  z-index: 1;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-footer {
  margin-top: 16rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label {
  display: flex;
  flex: none;
  gap: 2rem;
  font-size: 10rem;
  line-height: 12rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label {
  display: inline-block;
  padding: 3rem 5rem 5rem;
  border-radius: 2rem;
  color: #fff;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.skt {
  background-color: #3617CE;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.kt {
  background-color: #EC1B23;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lgu {
  background-color: #D0006F;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.main {
  background-color: #2091AA;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.price {
  background-color: #EFBD28;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.benefit {
  background-color: #0084FF;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.semotong {
  background-color: #542FDD;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.merge {
  background-color: #EFBD28;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.open {
  background-color: #0084FF;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lowest {
  background-color: #1fbc5e;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-btn {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12rem;
  margin-left: auto;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-stit {
  margin-bottom: 3rem;
  font-weight: 500;
  font-size: 10rem;
  line-height: 14rem;
  color: #96989B;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit {
  font-weight: 700;
  font-size: 20rem;
  color: #000;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit .ui-btn {
  z-index: 10;
  top: 1rem;
  margin-left: 4rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-name {
  margin-top: 4rem;
  font-size: 12rem;
  color: #777;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 8rem;
  margin-bottom: 20rem;
  padding: 2rem 0;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CFD0D1;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label {
  display: inline-flex;
  align-items: center;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label .ui-icn {
  margin-right: 4rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand {
  display: flex;
  align-items: center;
  height: 20rem;
  gap: 4rem;
  margin-top: 1rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand img {
  height: 100%;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand .brand-rating {
  display: inline-flex;
  align-items: center;
  padding: 2rem 8rem 2rem 4rem;
  border: 1px solid #CDC2F5;
  border-radius: 15rem;
  color: #542FDD;
  font-weight: 500;
  font-size: 12rem;
  line-height: 14rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  text-align: right;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-tit { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-txt { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-top: 0rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status {
  padding: 11rem 16rem;
  background-color: #F4F5F8;
  border-radius: 4rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift {
  position: relative;
  display: flex;
  align-items: center;
  --icn-size: 20rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .img {
  width: var(--icn-size);
  height: var(--icn-size);
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .ui-btn {
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 2rem;
  z-index: 10;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: var(--icn-size);
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .count {
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--icn-size);
  height: var(--icn-size);
  outline: 2rem solid #F4F5F8;
  margin-left: -6rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  background-color: #B7B9BA;
  border-radius: 50%;
  color: #fff;
  font-size: 10rem;
  line-height: var(--icn-size);
  font-weight: 400;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .tit {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  margin-left: 6rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: var(--icn-size);
  color: #63666A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li {
  position: relative;
  width: 100%;
  padding-left: calc(var(--icn-size) + 6rem);
  font-weight: 500;
  font-size: 12rem;
  line-height: 20rem;
  color: #63666A;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li .img {
  position: absolute;
  left: 0;
  top: 0;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-expanded {
  display: none;
  width: 100%;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .ui-btn .ui-icn {
  transform: rotate(180deg);
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-tit {
  display: none;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-expanded {
  display: block;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice {
  display: flex;
  align-items: center;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .ui-icn:first-child {
  margin-right: 4rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt em {
  color: #542FDD;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .split {
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
  margin: 0 8rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn {
  margin-left: auto; /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  align-items: center;
  font-weight: 600;
  font-size: 12rem;
  line-height: 14rem;
  color: #828588;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn > span { /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  margin-left: 4rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status + .card-compare-mo {
  margin-top: 12rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare {
  width: auto;
  height: 20rem;
  padding: 0 7rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
  vertical-align: top;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .icn-selection {
  display: none;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined:active {
  background-color: #fff;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected {
  color: #542FDD;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-default {
  display: none;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare {
  width: 100%;
  height: 38rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .icn-selection {
  display: none;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16rem;
  height: 16rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined:active {
  background-color: #fff;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected {
  color: #542FDD;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-default {
  display: none;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo {
  margin-top: 32rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con {
  text-align: center;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt:last-child { /* 8차 수정 : 내용 숨김에 대한 여백 조정 */
  margin-bottom: 20rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dd {
  margin-top: 6rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best {
  border-color: #542FDD;
  padding-top: 45rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(90deg, #6039EE 0%, #3A1EA2 100%);
  padding: 6rem 11rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best p {
  display: flex;
  gap: 4rem;
  color: #fff;
  font-weight: 500;
  font-size: 12re;
  line-height: 18rem;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined {
  box-shadow: none;
  border-color: #EFF0F0;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom {
  border-color: #542FDD;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom .card-badge {
  position: absolute;
  right: 10rem;
  top: 0;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info {
  margin-top: 12rem;
  text-align: right;
}
.F-M02-01-T01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info .btn-texted {
  font-size: 12rem;
  line-height: 18rem;
  color: #828588;
}
.F-M02-01-T01-page .ratePlanC-sec .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
}
.F-M02-01-T01-page .ratePlanC-sec .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-M02-01-T01-page .ratePlanC-sec .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-M02-01-T01-page .ratePlanC-sec .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-M02-01-T01-page .ratePlanC-sec .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}
.F-M02-01-T01-page .recom-bnr-sec {
  margin-top: var(--sec-outer-margin);
}
.F-M02-01-T01-page .recom-bnr-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-M02-01-T01-page .recom-bnr-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-M02-01-T01-page .recom-bnr-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-M02-01-T01-page .recom-bnr-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-M02-01-T01-page .recom-bnr-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-M02-01-T01-page .recom-bnr-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-M02-01-T01-page .recom-bnr-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-M02-01-T01-page .recom-bnr-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-M02-01-T01-page .recom-bnr-sec .sec-header .btn-more.static {
  position: static;
}
.F-M02-01-T01-page .recom-bnr-sec .recom-swiper { /* 7차 수정 : 추천배너 스와이프로 변경 */ }
.F-M02-01-T01-page .recom-bnr-sec .recom-swiper .swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8rem;
  gap: 4rem;
}
.F-M02-01-T01-page .recom-bnr-sec .recom-swiper .swiper-pagination-bullet {
  width: 6rem;
  height: 6rem;
  margin: 0;
  border-radius: 3rem;
  background-color: #EFF0F0;
  opacity: 1;
  transition: all 0.2s ease;
}
.F-M02-01-T01-page .recom-bnr-sec .recom-swiper .swiper-pagination-bullet-active {
  width: 12rem;
  background-color: #542FDD;
}
.F-M02-01-T01-page .recom-bnr-sec .recom-bnr { /* 7차 수정 : 추천배너 스와이프로 변경 */
  display: flex;
  width: 100%;
}
.F-M02-01-T01-page .recom-bnr-sec .recom-bnr img {
  width: 100%;
  border-radius: 2rem;
  vertical-align: top;
}
.F-M02-01-T01-page .faq-sec {
  margin-top: var(--sec-outer-margin);
}
.F-M02-01-T01-page .faq-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-M02-01-T01-page .faq-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-M02-01-T01-page .faq-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-M02-01-T01-page .faq-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-M02-01-T01-page .faq-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-M02-01-T01-page .faq-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-M02-01-T01-page .faq-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-M02-01-T01-page .faq-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-M02-01-T01-page .faq-sec .sec-header .btn-more.static {
  position: static;
}
.F-M02-01-T01-page .faq-sec .faq-accordion {
  margin-top: -14rem;
}
.F-M02-01-T01-page .faq-sec .faq-accordion .collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
.F-M02-01-T01-page .faq-sec .faq-accordion .collapse:not(.show) {
  display: none;
}
.F-M02-01-T01-page .faq-sec .faq-accordion .acco-button .ui-icn {
  transition: transform 0.35s ease;
}
.F-M02-01-T01-page .faq-sec .faq-accordion .acco-button[aria-expanded=true] .ui-icn {
  transform: rotate(180deg);
}
.F-M02-01-T01-page .faq-sec .faq-accordion .acco-item {
  padding: 14rem 0;
  border-bottom: 1px solid #EFF0F0;
}
.F-M02-01-T01-page .faq-sec .faq-accordion .acco-header {
  position: relative;
}
.F-M02-01-T01-page .faq-sec .faq-accordion .acco-header .acco-button {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  padding-right: 24rem;
}
.F-M02-01-T01-page .faq-sec .faq-accordion .acco-header .acco-button > .part { /* 8차 수정 : FAQ 요금제 소개 한줄 처리 */
  display: inline-block;
  min-width: 60rem;
  font-size: 14rem;
  line-height: 20rem;
  flex: none;
}
.F-M02-01-T01-page .faq-sec .faq-accordion .acco-header .acco-button > span {
  position: relative;
  display: block;
  padding-left: 16rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  max-height: 40rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.F-M02-01-T01-page .faq-sec .faq-accordion .acco-header .acco-button > span em {
  position: absolute;
  left: 0;
  top: 0;
  color: #542FDD;
}
.F-M02-01-T01-page .faq-sec .faq-accordion .acco-header .acco-button .ui-icn {
  position: absolute;
  right: 0;
  top: calc(50% - 8rem);
}
.F-M02-01-T01-page .faq-sec .faq-accordion .acco-body {
  margin-top: 16rem;
}
.F-M02-01-T01-page .faq-sec .faq-accordion .acco-body .acco-answer {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #46484B;
}
.F-M02-01-T01-page .faq-sec .faq-accordion .acco-body .acco-answer ol {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  font-size: 12rem;
  line-height: 16rem;
  margin-top: 8rem;
  margin-bottom: 8rem;
}
.F-M02-01-T01-page .faq-sec .faq-accordion .acco-body .acco-answer ol:first-child {
  margin-top: 0;
}
.F-M02-01-T01-page .faq-sec .faq-accordion .acco-body .acco-answer ol:last-child {
  margin-bottom: 0;
}
.F-M02-01-T01-page .faq-sec .faq-accordion .acco-body .acco-answer ol li {
  position: relative;
  counter-increment: item;
  padding-left: 12rem;
}
.F-M02-01-T01-page .faq-sec .faq-accordion .acco-body .acco-answer ol li::before {
  content: counter(item) ". ";
  position: absolute;
  left: 0;
  top: 0;
}
@media all and (min-width: 720px) {
  .F-M02-01-T01-page .faq-sec .faq-accordion {
    margin: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M02-01-T01-page .faq-sec .faq-accordion {
    margin: 0;
  }
}
.F-M02-01-T01-page .account-sol-sec {
  margin-top: var(--sec-outer-margin);
  margin-top: 30rem;
}
.F-M02-01-T01-page .account-sol-sec .sec-tit {
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
  text-align: center;
}
.F-M02-01-T01-page .account-sol-sec .ui-tab {
  display: flex;
  justify-content: center;
  margin-top: 16rem;
}
.F-M02-01-T01-page .account-sol-sec .ui-tab .tab-list {
  width: 268rem;
}
.F-M02-01-T01-page .account-sol-sec .tab-content {
  height: auto;
  overflow: hidden;
  margin-top: 16rem;
  padding-bottom: 0;
}
.F-M02-01-T01-page .account-sol-sec .solution-steps {
  padding: 20rem;
  border-radius: 4rem;
  background-color: #F4F5F8;
}
.F-M02-01-T01-page .account-sol-sec .solution-steps li {
  position: relative;
  display: flex;
  padding-bottom: 26rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #46484B;
}
.F-M02-01-T01-page .account-sol-sec .solution-steps li::after {
  content: "";
  position: absolute;
  left: 11rem;
  top: 28rem;
  bottom: 4rem;
  display: block;
  width: 2rem;
  background: url("../images/common/line-18-step.svg") repeat-y center center;
}
.F-M02-01-T01-page .account-sol-sec .solution-steps li:last-child {
  padding-bottom: 0;
}
.F-M02-01-T01-page .account-sol-sec .solution-steps li:last-child::after {
  display: none;
}
.F-M02-01-T01-page .account-sol-sec .solution-steps li .num {
  flex: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24rem;
  height: 24rem;
  margin-right: 10rem;
  border-radius: 50%;
  background-color: #CDC2F5;
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
  color: #542FDD;
}
.F-M02-01-T01-page .account-sol-sec .solution-steps li .inline-block {
  display: inline-block;
}
.F-M02-01-T01-page .account-sol-sec .solution-steps li strong {
  font-weight: 700;
}
.F-M02-01-T01-page .account-sol-sec .sec-tit {
  font-size: 20rem;
  line-height: 28rem;
  text-align: left;
}

/*-------------------------------------------------------------------
	분류그룹 : 주간 베스트
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-M03-page {
  --sec-outer-margin: 50rem;
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-M03-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M03-page {
    padding-bottom: 48rem;
  }
}
.F-M03-page .week-best-sec {
  padding-left: 0;
  padding-right: 0;
}
.F-M03-page .week-best-sec .week-best-bnr {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24rem;
  padding-right: 160rem;
  background-color: #F2F5FB;
  border-radius: 0;
  height: 120rem;
}
.F-M03-page .week-best-sec .week-best-bnr .bnr-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #000;
}
.F-M03-page .week-best-sec .week-best-bnr .bnr-explain {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #484848;
}
.F-M03-page .week-best-sec .week-best-bnr .bnr-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 140rem;
  height: 120rem;
}
.F-M03-page .week-best-sec .week-best-bnr .bnr-img img {
  width: 100%;
  height: 100%;
}
.F-M03-page .ratePlanC-sec {
  margin-top: 30rem;
}
.F-M03-page .ratePlanC-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-M03-page .ratePlanC-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-M03-page .ratePlanC-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-M03-page .ratePlanC-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-M03-page .ratePlanC-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-M03-page .ratePlanC-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-M03-page .ratePlanC-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-M03-page .ratePlanC-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-M03-page .ratePlanC-sec .sec-header .btn-more.static {
  position: static;
}
.F-M03-page .ratePlanC-sec .ratePlanC-toolbar {
  display: flex;
  align-items: center;
  gap: 12rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-toolbar .opt {
  display: flex;
  align-items: center;
  gap: 4rem;
  flex: none; /* 3차 수정 : 툴바 옵션 가변방지 추가 */
}
.F-M03-page .ratePlanC-sec .ratePlanC-toolbar .opt p {
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #63666A;
}
.F-M03-page .ratePlanC-sec .ratePlanC-toolbar .sort {
  display: flex;
  margin-left: auto;
}
.F-M03-page .ratePlanC-sec .ratePlanC-toolbar .sort .ui-btn {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
  gap: 4rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
  padding-top: 16rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-item {
  width: 100%;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15rem;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body {
  position: relative;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body .card-button {
  position: absolute;
  left: -16rem;
  right: -16rem;
  top: -16rem;
  bottom: -16rem;
  z-index: 1;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-footer {
  margin-top: 16rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label {
  display: flex;
  flex: none;
  gap: 2rem;
  font-size: 10rem;
  line-height: 12rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label {
  display: inline-block;
  padding: 3rem 5rem 5rem;
  border-radius: 2rem;
  color: #fff;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.skt {
  background-color: #3617CE;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.kt {
  background-color: #EC1B23;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lgu {
  background-color: #D0006F;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.main {
  background-color: #2091AA;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.price {
  background-color: #EFBD28;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.benefit {
  background-color: #0084FF;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.semotong {
  background-color: #542FDD;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.merge {
  background-color: #EFBD28;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.open {
  background-color: #0084FF;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lowest {
  background-color: #1fbc5e;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-btn {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12rem;
  margin-left: auto;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-stit {
  margin-bottom: 3rem;
  font-weight: 500;
  font-size: 10rem;
  line-height: 14rem;
  color: #96989B;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit {
  font-weight: 700;
  font-size: 20rem;
  color: #000;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit .ui-btn {
  z-index: 10;
  top: 1rem;
  margin-left: 4rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-name {
  margin-top: 4rem;
  font-size: 12rem;
  color: #777;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 8rem;
  margin-bottom: 20rem;
  padding: 2rem 0;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CFD0D1;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label {
  display: inline-flex;
  align-items: center;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label .ui-icn {
  margin-right: 4rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand {
  display: flex;
  align-items: center;
  height: 20rem;
  gap: 4rem;
  margin-top: 1rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand img {
  height: 100%;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand .brand-rating {
  display: inline-flex;
  align-items: center;
  padding: 2rem 8rem 2rem 4rem;
  border: 1px solid #CDC2F5;
  border-radius: 15rem;
  color: #542FDD;
  font-weight: 500;
  font-size: 12rem;
  line-height: 14rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  text-align: right;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-tit { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-txt { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-top: 0rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status {
  padding: 11rem 16rem;
  background-color: #F4F5F8;
  border-radius: 4rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift {
  position: relative;
  display: flex;
  align-items: center;
  --icn-size: 20rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .img {
  width: var(--icn-size);
  height: var(--icn-size);
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .ui-btn {
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 2rem;
  z-index: 10;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: var(--icn-size);
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .count {
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--icn-size);
  height: var(--icn-size);
  outline: 2rem solid #F4F5F8;
  margin-left: -6rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  background-color: #B7B9BA;
  border-radius: 50%;
  color: #fff;
  font-size: 10rem;
  line-height: var(--icn-size);
  font-weight: 400;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .tit {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  margin-left: 6rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: var(--icn-size);
  color: #63666A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li {
  position: relative;
  width: 100%;
  padding-left: calc(var(--icn-size) + 6rem);
  font-weight: 500;
  font-size: 12rem;
  line-height: 20rem;
  color: #63666A;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li .img {
  position: absolute;
  left: 0;
  top: 0;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-expanded {
  display: none;
  width: 100%;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .ui-btn .ui-icn {
  transform: rotate(180deg);
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-tit {
  display: none;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-expanded {
  display: block;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice {
  display: flex;
  align-items: center;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .ui-icn:first-child {
  margin-right: 4rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt em {
  color: #542FDD;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .split {
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
  margin: 0 8rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn {
  margin-left: auto; /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  align-items: center;
  font-weight: 600;
  font-size: 12rem;
  line-height: 14rem;
  color: #828588;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn > span { /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  margin-left: 4rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status + .card-compare-mo {
  margin-top: 12rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare {
  width: auto;
  height: 20rem;
  padding: 0 7rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
  vertical-align: top;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .icn-selection {
  display: none;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined:active {
  background-color: #fff;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected {
  color: #542FDD;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-default {
  display: none;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare {
  width: 100%;
  height: 38rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .icn-selection {
  display: none;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16rem;
  height: 16rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined:active {
  background-color: #fff;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected {
  color: #542FDD;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-default {
  display: none;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo {
  margin-top: 32rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con {
  text-align: center;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt:last-child { /* 8차 수정 : 내용 숨김에 대한 여백 조정 */
  margin-bottom: 20rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dd {
  margin-top: 6rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best {
  border-color: #542FDD;
  padding-top: 45rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(90deg, #6039EE 0%, #3A1EA2 100%);
  padding: 6rem 11rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best p {
  display: flex;
  gap: 4rem;
  color: #fff;
  font-weight: 500;
  font-size: 12re;
  line-height: 18rem;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined {
  box-shadow: none;
  border-color: #EFF0F0;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom {
  border-color: #542FDD;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom .card-badge {
  position: absolute;
  right: 10rem;
  top: 0;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info {
  margin-top: 12rem;
  text-align: right;
}
.F-M03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info .btn-texted {
  font-size: 12rem;
  line-height: 18rem;
  color: #828588;
}
.F-M03-page .ratePlanC-sec .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
}
.F-M03-page .ratePlanC-sec .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-M03-page .ratePlanC-sec .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-M03-page .ratePlanC-sec .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-M03-page .ratePlanC-sec .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}
.F-M03-page .recom-bnr-sec {
  margin-top: var(--sec-outer-margin);
}
.F-M03-page .recom-bnr-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-M03-page .recom-bnr-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-M03-page .recom-bnr-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-M03-page .recom-bnr-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-M03-page .recom-bnr-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-M03-page .recom-bnr-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-M03-page .recom-bnr-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-M03-page .recom-bnr-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-M03-page .recom-bnr-sec .sec-header .btn-more.static {
  position: static;
}

/*-------------------------------------------------------------------
	분류그룹 : 세모통 파트너사
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-M04-page {
  padding-top: 20rem;
  --sec-outer-margin: 50rem;
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-M04-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M04-page {
    padding-bottom: 48rem;
  }
}
.F-M04-page .partner-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-M04-page .partner-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-M04-page .partner-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-M04-page .partner-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-M04-page .partner-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-M04-page .partner-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-M04-page .partner-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-M04-page .partner-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-M04-page .partner-sec .sec-header .btn-more.static {
  position: static;
}
.F-M04-page .partner-sec .partner-srch {
  margin-bottom: 40rem;
}
.F-M04-page .partner-sec .partner-list-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 4rem 10rem 0 10rem; /* 2차 수정 : 검색제외 여백수정 */
}
.F-M04-page .partner-sec .partner-list-wrap .partner-tit {
  width: 100%;
  margin-bottom: 10rem;
  text-align: left;
  font-weight: 500;
  font-size: 16rem;
  line-height: 20rem;
  color: #63666A;
}
.F-M04-page .partner-sec .partner-list-wrap .partner-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30rem 40rem;
}
.F-M04-page .partner-sec .partner-list-wrap .partner-list .partner-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.F-M04-page .partner-sec .partner-list-wrap .partner-list .partner-link {
  display: block;
  width: 72rem;
  height: 25rem;
}
.F-M04-page .partner-sec .partner-list-wrap .partner-list .partner-link img {
  height: 100%;
}
@media all and (min-width: 480px) {
  .F-M04-page .partner-sec .partner-list-wrap .partner-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media all and (min-width: 600px) {
  .F-M04-page .partner-sec .partner-list-wrap .partner-list {
    gap: 30rem 50rem;
  }
  .F-M04-page .partner-sec .partner-list-wrap .partner-list .partner-link {
    width: 90rem;
    height: 25rem;
  }
}
@media all and (min-width: 700px) {
  .F-M04-page .partner-sec .partner-list-wrap .partner-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
.F-M04-page .partner-sec .partner-list-wrap .partner-list.is-srched {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-right: auto;
  gap: 16rem;
  min-height: 300rem;
  padding-bottom: 250rem;
}
.F-M04-page .partner-sec .partner-list-wrap .partner-list.is-srched .partner-link {
  width: auto;
  height: auto;
  padding: 8rem 16rem;
  border-radius: 30rem;
  background-color: #EFF0F0;
}
.F-M04-page .partner-sec .partner-list-wrap .partner-list.is-srched .partner-link img {
  height: 25rem;
}
.F-M04-page .partner-sec .partner-list-wrap .nodata {
  height: 300rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
}
.F-M04-page .partner-sec .partner-list-wrap .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-M04-page .partner-sec .partner-list-wrap .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-M04-page .partner-sec .partner-list-wrap .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-M04-page .partner-sec .partner-list-wrap .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 후기
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-M04-02-P01-page .review-intro-sec .sec-inner {
  display: flex;
  align-items: center;
  gap: 12rem;
}
.F-M04-02-P01-page .review-intro-sec .intro-img {
  width: 62rem;
}
.F-M04-02-P01-page .review-intro-sec .intro-img img {
  width: 100%;
}
.F-M04-02-P01-page .review-intro-sec .intro-con p {
  font-weight: 600;
  font-size: 20rem;
  line-height: 28rem;
  color: #000;
}
.F-M04-02-P01-page .review-intro-sec .intro-con p em {
  color: #542FDD;
}
.F-M04-02-P01-page .review-sec {
  margin-top: 16rem;
}
.F-M04-02-P01-page .review-sec .review-list .review-item {
  border-bottom: 1px solid #EFF0F0;
}
@media all and (min-width: 720px) {
  .F-M04-02-P01-page .review-sec .review-list {
    margin-left: 0;
    margin-right: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M04-02-P01-page .review-sec .review-list {
    margin-left: 0;
    margin-right: 0;
  }
}
.F-M04-02-P01-page .review-sec .review-card {
  display: flex;
  flex-wrap: wrap;
  padding: 14rem 0;
}
.F-M04-02-P01-page .review-sec .review-card .review-telecom {
  display: flex;
  align-items: center;
  height: 16rem;
  margin-right: 12rem;
}
.F-M04-02-P01-page .review-sec .review-card .review-telecom img {
  height: 100%;
}
.F-M04-02-P01-page .review-sec .review-card .review-name {
  margin-right: 10rem;
  font-weight: 700;
  font-size: 14rem;
  line-height: 16rem;
}
.F-M04-02-P01-page .review-sec .review-card .review-sat {
  display: inline-flex;
  gap: 4rem;
  align-items: center;
}
.F-M04-02-P01-page .review-sec .review-card .review-sat .val {
  font-weight: 500;
  font-size: 14rem;
  line-height: 16rem;
  color: #46484B;
}
.F-M04-02-P01-page .review-sec .review-card .review-con {
  width: 100%; /* 2025-02-03 조찬기 : 리뷰 내용 내려가게 수정 */
  margin-top: 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  max-height: 60rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media all and (min-width: 720px) {
  .F-M04-02-P01-page .review-sec .review-card {
    padding-left: 0;
    padding-right: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M04-02-P01-page .review-sec .review-card {
    padding-left: 0;
    padding-right: 0;
  }
}

/*-------------------------------------------------------------------
	분류그룹 : MNO 요금제
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-M05-page {
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-M05-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-M05-page {
    padding-bottom: 48rem;
  }
}
.F-M05-page .ratePlanC-sec {
  padding-top: 16rem;
}
.F-M05-page .ratePlanC-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-M05-page .ratePlanC-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-M05-page .ratePlanC-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-M05-page .ratePlanC-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-M05-page .ratePlanC-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-M05-page .ratePlanC-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-M05-page .ratePlanC-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-M05-page .ratePlanC-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-M05-page .ratePlanC-sec .sec-header .btn-more.static {
  position: static;
}
.F-M05-page .ratePlanC-sec .ratePlanC-toolbar { /* 1차 수정: 툴바 전체 수정(셀렉트 말줄임 적용) */
  display: flex;
  align-items: center;
  gap: 8rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-toolbar .sort {
  display: flex;
  margin-left: auto;
  overflow: hidden;
}
.F-M05-page .ratePlanC-sec .ratePlanC-toolbar .sort .ui-btn {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
  gap: 4rem;
  width: 100%;
}
.F-M05-page .ratePlanC-sec .ratePlanC-toolbar .sort .ui-btn > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-M05-page .ratePlanC-sec .ratePlanC-toolbar + .ratePlanC-toolbar { /* 4차 수정 : 요금제 개수 추가 */
  margin-top: 20rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
  padding-top: 16rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-item {
  width: 100%;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15rem;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body {
  position: relative;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body .card-button {
  position: absolute;
  left: -16rem;
  right: -16rem;
  top: -16rem;
  bottom: -16rem;
  z-index: 1;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-footer {
  margin-top: 16rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label {
  display: flex;
  flex: none;
  gap: 2rem;
  font-size: 10rem;
  line-height: 12rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label {
  display: inline-block;
  padding: 3rem 5rem 5rem;
  border-radius: 2rem;
  color: #fff;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.skt {
  background-color: #3617CE;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.kt {
  background-color: #EC1B23;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lgu {
  background-color: #D0006F;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.main {
  background-color: #2091AA;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.price {
  background-color: #EFBD28;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.benefit {
  background-color: #0084FF;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.semotong {
  background-color: #542FDD;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.merge {
  background-color: #EFBD28;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.open {
  background-color: #0084FF;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lowest {
  background-color: #1fbc5e;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-btn {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12rem;
  margin-left: auto;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-stit {
  margin-bottom: 3rem;
  font-weight: 500;
  font-size: 10rem;
  line-height: 14rem;
  color: #96989B;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit {
  font-weight: 700;
  font-size: 20rem;
  color: #000;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit .ui-btn {
  z-index: 10;
  top: 1rem;
  margin-left: 4rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-name {
  margin-top: 4rem;
  font-size: 12rem;
  color: #777;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 8rem;
  margin-bottom: 20rem;
  padding: 2rem 0;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CFD0D1;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label {
  display: inline-flex;
  align-items: center;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label .ui-icn {
  margin-right: 4rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand {
  display: flex;
  align-items: center;
  height: 20rem;
  gap: 4rem;
  margin-top: 1rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand img {
  height: 100%;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand .brand-rating {
  display: inline-flex;
  align-items: center;
  padding: 2rem 8rem 2rem 4rem;
  border: 1px solid #CDC2F5;
  border-radius: 15rem;
  color: #542FDD;
  font-weight: 500;
  font-size: 12rem;
  line-height: 14rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  text-align: right;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-tit { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-txt { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-top: 0rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status {
  padding: 11rem 16rem;
  background-color: #F4F5F8;
  border-radius: 4rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift {
  position: relative;
  display: flex;
  align-items: center;
  --icn-size: 20rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .img {
  width: var(--icn-size);
  height: var(--icn-size);
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .ui-btn {
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 2rem;
  z-index: 10;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: var(--icn-size);
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .count {
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--icn-size);
  height: var(--icn-size);
  outline: 2rem solid #F4F5F8;
  margin-left: -6rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  background-color: #B7B9BA;
  border-radius: 50%;
  color: #fff;
  font-size: 10rem;
  line-height: var(--icn-size);
  font-weight: 400;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .tit {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  margin-left: 6rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: var(--icn-size);
  color: #63666A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li {
  position: relative;
  width: 100%;
  padding-left: calc(var(--icn-size) + 6rem);
  font-weight: 500;
  font-size: 12rem;
  line-height: 20rem;
  color: #63666A;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li .img {
  position: absolute;
  left: 0;
  top: 0;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-expanded {
  display: none;
  width: 100%;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .ui-btn .ui-icn {
  transform: rotate(180deg);
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-tit {
  display: none;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-expanded {
  display: block;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice {
  display: flex;
  align-items: center;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .ui-icn:first-child {
  margin-right: 4rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt em {
  color: #542FDD;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .split {
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
  margin: 0 8rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn {
  margin-left: auto; /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  align-items: center;
  font-weight: 600;
  font-size: 12rem;
  line-height: 14rem;
  color: #828588;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn > span { /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  margin-left: 4rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status + .card-compare-mo {
  margin-top: 12rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare {
  width: auto;
  height: 20rem;
  padding: 0 7rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
  vertical-align: top;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .icn-selection {
  display: none;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined:active {
  background-color: #fff;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected {
  color: #542FDD;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-default {
  display: none;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare {
  width: 100%;
  height: 38rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .icn-selection {
  display: none;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16rem;
  height: 16rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined:active {
  background-color: #fff;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected {
  color: #542FDD;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-default {
  display: none;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo {
  margin-top: 32rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con {
  text-align: center;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt:last-child { /* 8차 수정 : 내용 숨김에 대한 여백 조정 */
  margin-bottom: 20rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dd {
  margin-top: 6rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best {
  border-color: #542FDD;
  padding-top: 45rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(90deg, #6039EE 0%, #3A1EA2 100%);
  padding: 6rem 11rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best p {
  display: flex;
  gap: 4rem;
  color: #fff;
  font-weight: 500;
  font-size: 12re;
  line-height: 18rem;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined {
  box-shadow: none;
  border-color: #EFF0F0;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom {
  border-color: #542FDD;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom .card-badge {
  position: absolute;
  right: 10rem;
  top: 0;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info {
  margin-top: 12rem;
  text-align: right;
}
.F-M05-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info .btn-texted {
  font-size: 12rem;
  line-height: 18rem;
  color: #828588;
}
.F-M05-page .ratePlanC-sec .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
}
.F-M05-page .ratePlanC-sec .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-M05-page .ratePlanC-sec .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-M05-page .ratePlanC-sec .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-M05-page .ratePlanC-sec .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 마이페이지
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-MY01-01-page {
  --sec-outer-margin: 30rem;
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-MY01-01-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-MY01-01-page {
    padding-bottom: 48rem;
  }
}
.F-MY01-01-page .my-info-sec {
  margin-top: 10rem; /* 4차 수정 : 나의정보 상단여백 조정 */
}
.F-MY01-01-page .my-info-sec .my-info-profile {
  position: relative;
}
.F-MY01-01-page .my-info-sec .my-info-profile .name {
  font-weight: 600;
  font-size: 18rem;
  color: #000000;
}
.F-MY01-01-page .my-info-sec .my-info-profile .info {
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: rgb(99, 102, 106);
}
.F-MY01-01-page .my-info-sec .my-info-profile .btn-cs { /* 4차 수정 : 나의정보 고객센터 버튼 추가 */
  position: absolute;
  right: 0;
  top: -4rem;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data {
  margin-top: 16rem;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card {
  position: relative;
  padding: 0 16rem;
  box-shadow: 0rem 4rem 10rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-button {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-body {
  padding: 16rem 0 12rem 0;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-footer {
  padding: 8rem 0 12rem 0;
  border-top: 1px solid #EFF0F0;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-opening {
  display: inline-flex;
  position: absolute;
  top: 0;
  right: 16rem;
  height: 24rem;
  align-items: center;
  justify-content: center;
  padding: 0 6rem;
  font-weight: 500;
  font-size: 12rem;
  font-style: 16rem;
  color: #5FCDB0;
  border-radius: 0 0 2rem 2rem;
  background-color: #E6F7F2;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-state {
  margin-bottom: 4rem;
  font-weight: 500;
  font-size: 12rem;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-state.is-current {
  color: #2801B5;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-label {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  gap: 6rem;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-label .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CDC2F5;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-label .label {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #542FDD;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-label .label .ui-icn {
  margin-right: 2rem;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-tit {
  display: flex;
  font-weight: 600;
  font-size: 20rem;
  color: #000;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-tit .ui-btn {
  z-index: 10;
  top: 2rem;
  margin-left: 4rem;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-name {
  margin-top: 4rem;
  font-size: 12rem;
  color: #777;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-info {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 8rem;
  padding: 2rem 0;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-info .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CFD0D1;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-info .label {
  display: inline-flex;
  align-items: center;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-info .label .ui-icn {
  margin-right: 4rem;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-info .date {
  margin-left: auto;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-info .label-state {
  display: inline-block;
  margin-left: 4rem;
  padding: 3rem 6rem;
  border-radius: 3rem;
  background-color: #542FDD;
  color: #494949;
  font-weight: 400;
  font-size: 12rem;
  line-height: 12rem;
  color: #fff;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-charge {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-charge .brand {
  height: 28rem;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-charge .brand img {
  height: 100%;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-charge .charge {
  position: relative;
  top: 2rem;
  text-align: right;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-charge .charge .charge-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #1B0179;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-charge .charge .charge-txt {
  margin-top: 0rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-charge .charge .charge-point {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-charge .charge .charge-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-nodata {
  margin-top: 16rem;
  padding: 11rem;
  text-align: center;
  border-radius: 2rem;
  background-color: #EFF0F0;
  font-size: 12rem;
  line-height: 14rem;
  color: #5A5D60;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-nodata p {
  display: flex;
  justify-content: center;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-nodata .ui-icn {
  margin-right: 4rem;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-myCash {
  margin-top: 12rem;
  box-shadow: 0rem 4rem 10rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  padding: 16rem;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-myCash .myCash-tit {
  width: 100%;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #2801B5;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-myCash .myCash-con {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12rem;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-myCash .myCash-con .myCash-val .ui-btn {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-status {
  margin-top: 12rem;
  box-shadow: 0rem 4rem 10rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-status .status-list {
  display: flex;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-status .status-list .status-item {
  position: relative;
  flex: 1;
  padding: 20rem 16rem 12rem 16rem;
  text-align: center;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-status .status-list .status-item + .status-item::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 1px;
  height: 16rem;
  background-color: #EFF0F0;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-status .status-list .status-item .tit {
  display: block;
  font-size: 12rem;
  line-height: 17rem;
  font-weight: 500;
  color: #96989B;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-status .status-list .status-item .val {
  display: block;
  margin-top: 6rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #000000;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-status .status-more {
  position: relative;
  padding: 8rem 16rem;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-status .status-more::before {
  content: "";
  display: block;
  position: absolute;
  left: 16rem;
  right: 16rem;
  top: 0;
  height: 1rem;
  background-color: #eee;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-status .status-more .ui-btn {
  width: 100%;
  justify-content: flex-start;
  padding: 8rem 0;
  font-size: 12rem;
  line-height: 16rem;
  color: #46484B;
  font-weight: 500;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-status .status-more .ui-btn em {
  color: #542FDD;
}
.F-MY01-01-page .my-info-sec .my-info-rateplan-status .status-more .ui-btn .icn-16-emo-hand {
  margin-right: 4rem;
}
.F-MY01-01-page .cscenter-sec {
  margin-top: var(--sec-outer-margin);
}
.F-MY01-01-page .cscenter-sec .sec-header {
  margin-bottom: 10rem;
}
.F-MY01-01-page .cscenter-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #2A2B2D;
}
.F-MY01-01-page .cscenter-sec .sec-header .sec-tit .ui-icn {
  top: -1px;
  margin-right: 4rem;
}
.F-MY01-01-page .cscenter-sec .sec-body .cs-menu-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
  width: 100%;
  margin-bottom: -8rem;
}
.F-MY01-01-page .cscenter-sec .sec-body .cs-menu-list .cs-menu-item {
  width: 100%;
}
.F-MY01-01-page .cscenter-sec .sec-body .cs-menu-list .cs-menu-item .cs-menu-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 8rem 0;
  font-size: 16rem;
  line-height: 20rem;
  font-weight: 500;
  color: rgb(70, 72, 75);
}
.F-MY01-01-page .event-sec {
  margin-top: var(--sec-outer-margin);
}
.F-MY01-01-page .event-sec .event-swiper .swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8rem;
  gap: 4rem;
}
.F-MY01-01-page .event-sec .event-swiper .swiper-pagination-bullet {
  width: 6rem;
  height: 6rem;
  margin: 0;
  border-radius: 3rem;
  background-color: #EFF0F0;
  opacity: 1;
  transition: all 0.2s ease;
}
.F-MY01-01-page .event-sec .event-swiper .swiper-pagination-bullet-active {
  width: 12rem;
  background-color: #542FDD;
}
.F-MY01-01-page .event-sec .event-bnr {
  display: flex;
  width: 100%;
}
.F-MY01-01-page .event-sec .event-bnr img {
  width: 100%;
  border-radius: 2rem;
  vertical-align: top;
}

/*-------------------------------------------------------------------
	분류그룹 : 내 계정
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-MY01-02-page {
  padding-top: 8rem;
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-MY01-02-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-MY01-02-page {
    padding-bottom: 48rem;
  }
}
.F-MY01-02-page .my-account-sec .my-account-list .my-account-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15rem 0;
  border-top: 1px solid #EFF0F0;
  vertical-align: middle;
  min-height: 62rem;
}
.F-MY01-02-page .my-account-sec .my-account-list .my-account-item:first-child {
  border-top: 0;
}
.F-MY01-02-page .my-account-sec .my-account-list .my-account-item .my-account-label .tit {
  display: block;
  font-weight: 500;
  font-size: 16rem;
  color: #262626;
}
.F-MY01-02-page .my-account-sec .my-account-list .my-account-item .my-account-label .info {
  margin-top: 4rem;
  font-weight: 500;
  font-size: 14rem;
  color: #555555;
}
.F-MY01-02-page .my-account-sec .my-account-list .my-account-item .my-account-label .ui-btn {
  padding: 4rem 0;
}
.F-MY01-02-page .my-account-sec .my-account-list .my-account-item .my-account-con .txt {
  display: block;
  font-size: 16rem;
  color: #5A5D60;
}
.F-MY01-02-page .my-account-sec .my-account-list .my-account-item .my-account-con .txt.primary {
  font-weight: 700;
  color: #542FDD;
}

/*-------------------------------------------------------------------
	분류그룹 : 추천내역
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-MY01-02-P01-page .tab-style1 {
  padding-bottom: 0;
}
.F-MY01-02-P01-page .review-sec {
  /* 2024-12-12 내후기관리 review-sec 전체수정 */
}
.F-MY01-02-P01-page .review-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-MY01-02-P01-page .review-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-MY01-02-P01-page .review-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-MY01-02-P01-page .review-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-MY01-02-P01-page .review-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-MY01-02-P01-page .review-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-MY01-02-P01-page .review-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-MY01-02-P01-page .review-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-MY01-02-P01-page .review-sec .sec-header .btn-more.static {
  position: static;
}
.F-MY01-02-P01-page .review-sec .sec-header {
  padding-top: 24rem;
  margin-bottom: 14rem;
}
.F-MY01-02-P01-page .review-sec .sec-header .sec-explain {
  margin-top: 6rem;
}
.F-MY01-02-P01-page .review-sec .review-list {
  display: flex;
  flex-direction: column;
  gap: 16rem;
  padding-top: 16rem;
}
.F-MY01-02-P01-page .review-sec .review-list .review-item {
  width: 100%;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card { /* 2024-12-12 내후기관리 review-card 전체수정 */
  padding: 0 16rem;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-body {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 16rem 0 0 0;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-body .card-label {
  display: inline-flex;
  margin-right: auto;
  background-color: #EFF0F0;
  margin-bottom: 10rem;
  padding: 4rem 8rem;
  border-radius: 4rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #63666A;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-body .card-label.is-written { /* 1차 수정 : is-written 로 변경 */
  background-color: #EAE6FB;
  color: #542FDD;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-body .card-remove {
  margin-left: auto;
  position: absolute;
  top: 16rem;
  right: 0;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-body .card-cont {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 68rem;
  margin-bottom: 6rem;
  padding-bottom: 16rem;
  padding-left: 64rem;
  border-bottom: 1px solid #EFF0F0;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-body .card-cont .card-brand {
  position: absolute;
  left: 0;
  top: 0;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52rem;
  height: 52rem;
  border-radius: 50%;
  background-color: #F4F2FD;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-body .card-cont .card-brand img {
  width: 44rem;
  height: auto;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-body .card-cont .card-title {
  display: block;
  width: 100%;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-body .card-cont .card-date {
  margin-top: 2rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-footer {
  padding: 10rem 0 24rem;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-footer .card-written {
  display: flex;
  flex-wrap: wrap;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-footer .card-written .written-sat {
  display: inline-flex;
  align-items: center;
  margin-right: auto;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-footer .card-written .written-sat .ui-icn {
  margin-right: 7rem;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-footer .card-written .written-sat .val {
  font-weight: 700;
  font-size: 22rem;
  line-height: 30rem;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-footer .card-written .written-mod {
  margin-left: auto;
  padding: 3rem 9rem;
  border: 1px solid #CFD0D1;
  border-radius: 4rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: 17rem;
  color: #828588;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-footer .card-written .written-cont {
  margin-top: 10rem;
  width: 100%;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #46484B;
  white-space: pre-line;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-footer .card-wait .wait-rating .rating-tit {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #542FDD;
  text-align: center;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-footer .card-wait .wait-rating .rating-star {
  display: flex;
  justify-content: center;
  gap: 6rem;
  margin: 6rem auto 0;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-footer .card-wait .wait-frm {
  margin-top: 24rem;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-footer .card-wait .wait-frm .ui-textarea {
  height: 115rem;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .card-footer .card-wait .wait-action {
  margin-top: 16rem;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .basic-frm {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20rem;
  margin-bottom: 16rem;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .basic-frm .frm-field-group {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .basic-frm .frm-field {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .basic-frm .frm-field .frm-title {
  margin-bottom: 10rem;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .basic-frm .frm-field .frm-title .tit {
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .basic-frm .frm-field .frm-group {
  display: flex;
  align-items: center;
  gap: 8rem;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .basic-frm .frm-field .frm-group .btn-sub {
  margin: 0;
  height: 52rem;
  width: auto;
  min-width: 100rem;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .basic-frm .frm-field .frm-group + .frm-group {
  margin-top: 10rem;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .basic-frm .frm-field .frm-group .frm-split {
  color: #D9D9D9;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .basic-frm .frm-field .frm-group.type-car .ui-inp .inp {
  text-align: center;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .basic-frm .frm-field .frm-group.type-car .ui-inp:nth-child(3) {
  flex: none;
  width: 25%;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .basic-frm .frm-field .frm-group.type-serial .ui-inp .inp {
  padding-left: 8rem;
  padding-right: 8rem;
  text-align: center;
}
@media all and (min-width: 480px) {
  .F-MY01-02-P01-page .review-sec .review-list .review-card .basic-frm .frm-field .frm-group.type-serial .ui-inp .inp {
    padding-left: 17rem;
    padding-right: 17rem;
  }
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .basic-frm .frm-alert {
  display: none;
  margin-top: 6rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .basic-frm .frm-alert.is-show {
  display: block;
}
.F-MY01-02-P01-page .review-sec .review-list .review-card .basic-frm .frm-alert.is-errored {
  color: #EA2A2A;
}
@media all and (min-width: 720px) {
  .F-MY01-02-P01-page .review-sec .sec-header br {
    display: none;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-MY01-02-P01-page .review-sec .sec-header br {
    display: none;
  }
}
.F-MY01-02-P01-page .nodata-sec {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
}
.F-MY01-02-P01-page .nodata-sec .sec-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
}
.F-MY01-02-P01-page .nodata-sec .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
}
.F-MY01-02-P01-page .nodata-sec .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-MY01-02-P01-page .nodata-sec .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-MY01-02-P01-page .nodata-sec .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-MY01-02-P01-page .nodata-sec .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 추천내역
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-MY01-02-P02-page .tab-style1 {
  padding-bottom: 0;
}
.F-MY01-02-P02-page .recom-history-sec .recom-history-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12rem;
  padding-top: 16rem;
}
.F-MY01-02-P02-page .recom-history-sec .recom-history-list .recom-history-item {
  width: 100%;
}
@media all and (min-width: 720px) {
  .F-MY01-02-P02-page .recom-history-sec .recom-history-list .recom-history-item {
    width: calc(50% - 6rem);
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-MY01-02-P02-page .recom-history-sec .recom-history-list .recom-history-item {
    width: calc(50% - 6rem);
  }
}
.F-MY01-02-P02-page .recom-history-sec .recom-history-list .recom-history-card {
  padding: 20rem 16rem;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
}
.F-MY01-02-P02-page .recom-history-sec .recom-history-list .recom-history-card .card-body {
  display: flex;
  flex-wrap: wrap;
}
.F-MY01-02-P02-page .recom-history-sec .recom-history-list .recom-history-card .card-body .card-name {
  flex: 1 1 auto;
  max-width: calc(100% - 140rem);
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
}
.F-MY01-02-P02-page .recom-history-sec .recom-history-list .recom-history-card .card-body .card-name .num {
  color: #542FDD;
}
.F-MY01-02-P02-page .recom-history-sec .recom-history-list .recom-history-card .card-body .card-name .name {
  color: #000;
}
.F-MY01-02-P02-page .recom-history-sec .recom-history-list .recom-history-card .card-body .card-date {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  max-width: 140rem;
  padding-top: 4rem;
  text-align: right;
}
.F-MY01-02-P02-page .recom-history-sec .recom-history-list .recom-history-card .card-body .card-date .txt {
  margin-right: 4rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-MY01-02-P02-page .recom-history-sec .recom-history-list .recom-history-card .card-body .card-date .date {
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
}
.F-MY01-02-P02-page .recom-history-sec .recom-history-list .recom-history-card .card-body .card-title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 12rem;
  padding: 12rem 16rem;
  border-radius: 2rem;
  background-color: #EFF0F0;
}
.F-MY01-02-P02-page .recom-history-sec .recom-history-list .recom-history-card .card-body .card-title .type {
  flex: none;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #63666A;
}
.F-MY01-02-P02-page .recom-history-sec .recom-history-list .recom-history-card .card-body .card-title .title {
  font-weight: 600;
  list-style: 14rem;
  line-height: 20rem;
  color: #2A2B2D;
}
.F-MY01-02-P02-page .nodata-sec {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
}
.F-MY01-02-P02-page .nodata-sec .sec-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
}
.F-MY01-02-P02-page .nodata-sec .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
}
.F-MY01-02-P02-page .nodata-sec .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-MY01-02-P02-page .nodata-sec .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-MY01-02-P02-page .nodata-sec .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-MY01-02-P02-page .nodata-sec .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 최근 본 요금제
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-MY01-03-page {
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-MY01-03-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-MY01-03-page {
    padding-bottom: 48rem;
  }
}
.F-MY01-03-page .ratePlanC-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-MY01-03-page .ratePlanC-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-MY01-03-page .ratePlanC-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-MY01-03-page .ratePlanC-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-MY01-03-page .ratePlanC-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-MY01-03-page .ratePlanC-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-MY01-03-page .ratePlanC-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-MY01-03-page .ratePlanC-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-MY01-03-page .ratePlanC-sec .sec-header .btn-more.static {
  position: static;
}
.F-MY01-03-page .ratePlanC-sec .sec-header {
  margin-bottom: 0;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
  padding-top: 16rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-item {
  width: 100%;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15rem;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body {
  position: relative;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body .card-button {
  position: absolute;
  left: -16rem;
  right: -16rem;
  top: -16rem;
  bottom: -16rem;
  z-index: 1;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-footer {
  margin-top: 16rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label {
  display: flex;
  flex: none;
  gap: 2rem;
  font-size: 10rem;
  line-height: 12rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label {
  display: inline-block;
  padding: 3rem 5rem 5rem;
  border-radius: 2rem;
  color: #fff;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.skt {
  background-color: #3617CE;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.kt {
  background-color: #EC1B23;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lgu {
  background-color: #D0006F;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.main {
  background-color: #2091AA;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.price {
  background-color: #EFBD28;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.benefit {
  background-color: #0084FF;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.semotong {
  background-color: #542FDD;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.merge {
  background-color: #EFBD28;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.open {
  background-color: #0084FF;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lowest {
  background-color: #1fbc5e;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-btn {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12rem;
  margin-left: auto;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-stit {
  margin-bottom: 3rem;
  font-weight: 500;
  font-size: 10rem;
  line-height: 14rem;
  color: #96989B;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit {
  font-weight: 700;
  font-size: 20rem;
  color: #000;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit .ui-btn {
  z-index: 10;
  top: 1rem;
  margin-left: 4rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-name {
  margin-top: 4rem;
  font-size: 12rem;
  color: #777;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 8rem;
  margin-bottom: 20rem;
  padding: 2rem 0;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CFD0D1;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label {
  display: inline-flex;
  align-items: center;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label .ui-icn {
  margin-right: 4rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand {
  display: flex;
  align-items: center;
  height: 20rem;
  gap: 4rem;
  margin-top: 1rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand img {
  height: 100%;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand .brand-rating {
  display: inline-flex;
  align-items: center;
  padding: 2rem 8rem 2rem 4rem;
  border: 1px solid #CDC2F5;
  border-radius: 15rem;
  color: #542FDD;
  font-weight: 500;
  font-size: 12rem;
  line-height: 14rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  text-align: right;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-tit { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-txt { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-top: 0rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status {
  padding: 11rem 16rem;
  background-color: #F4F5F8;
  border-radius: 4rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift {
  position: relative;
  display: flex;
  align-items: center;
  --icn-size: 20rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .img {
  width: var(--icn-size);
  height: var(--icn-size);
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .ui-btn {
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 2rem;
  z-index: 10;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: var(--icn-size);
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .count {
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--icn-size);
  height: var(--icn-size);
  outline: 2rem solid #F4F5F8;
  margin-left: -6rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  background-color: #B7B9BA;
  border-radius: 50%;
  color: #fff;
  font-size: 10rem;
  line-height: var(--icn-size);
  font-weight: 400;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .tit {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  margin-left: 6rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: var(--icn-size);
  color: #63666A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li {
  position: relative;
  width: 100%;
  padding-left: calc(var(--icn-size) + 6rem);
  font-weight: 500;
  font-size: 12rem;
  line-height: 20rem;
  color: #63666A;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li .img {
  position: absolute;
  left: 0;
  top: 0;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-expanded {
  display: none;
  width: 100%;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .ui-btn .ui-icn {
  transform: rotate(180deg);
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-tit {
  display: none;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-expanded {
  display: block;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice {
  display: flex;
  align-items: center;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .ui-icn:first-child {
  margin-right: 4rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt em {
  color: #542FDD;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .split {
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
  margin: 0 8rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn {
  margin-left: auto; /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  align-items: center;
  font-weight: 600;
  font-size: 12rem;
  line-height: 14rem;
  color: #828588;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn > span { /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  margin-left: 4rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status + .card-compare-mo {
  margin-top: 12rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare {
  width: auto;
  height: 20rem;
  padding: 0 7rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
  vertical-align: top;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .icn-selection {
  display: none;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined:active {
  background-color: #fff;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected {
  color: #542FDD;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-default {
  display: none;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare {
  width: 100%;
  height: 38rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .icn-selection {
  display: none;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16rem;
  height: 16rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined:active {
  background-color: #fff;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected {
  color: #542FDD;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-default {
  display: none;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo {
  margin-top: 32rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con {
  text-align: center;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt:last-child { /* 8차 수정 : 내용 숨김에 대한 여백 조정 */
  margin-bottom: 20rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dd {
  margin-top: 6rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best {
  border-color: #542FDD;
  padding-top: 45rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(90deg, #6039EE 0%, #3A1EA2 100%);
  padding: 6rem 11rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best p {
  display: flex;
  gap: 4rem;
  color: #fff;
  font-weight: 500;
  font-size: 12re;
  line-height: 18rem;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined {
  box-shadow: none;
  border-color: #EFF0F0;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom {
  border-color: #542FDD;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom .card-badge {
  position: absolute;
  right: 10rem;
  top: 0;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info {
  margin-top: 12rem;
  text-align: right;
}
.F-MY01-03-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info .btn-texted {
  font-size: 12rem;
  line-height: 18rem;
  color: #828588;
}
.F-MY01-03-page .ratePlanC-sec .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
  margin: 20vh 0;
}
.F-MY01-03-page .ratePlanC-sec .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-MY01-03-page .ratePlanC-sec .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-MY01-03-page .ratePlanC-sec .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-MY01-03-page .ratePlanC-sec .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}
@media all and (min-width: 720px) {
  .F-MY01-03-page .ratePlanC-sec .nodata {
    margin: 120px 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-MY01-03-page .ratePlanC-sec .nodata {
    margin: 120px 0;
  }
}
.F-MY01-03-page .nodata-sec {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
}
.F-MY01-03-page .nodata-sec .sec-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
}
.F-MY01-03-page .nodata-sec .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
}
.F-MY01-03-page .nodata-sec .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-MY01-03-page .nodata-sec .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-MY01-03-page .nodata-sec .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-MY01-03-page .nodata-sec .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}
.F-MY01-03-page .floating-sec {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  flex: none;
  padding-top: 20rem;
  padding-bottom: 32rem;
  margin-bottom: -32rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0rem, rgb(255, 255, 255) 20rem);
}
.F-MY01-03-page .floating-sec .btn-action + .btn-action {
  margin-top: 14rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 찜한 요금제
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-MY01-04-page {
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-MY01-04-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-MY01-04-page {
    padding-bottom: 48rem;
  }
}
.F-MY01-04-page .ratePlanC-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-MY01-04-page .ratePlanC-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-MY01-04-page .ratePlanC-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-MY01-04-page .ratePlanC-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-MY01-04-page .ratePlanC-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-MY01-04-page .ratePlanC-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-MY01-04-page .ratePlanC-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-MY01-04-page .ratePlanC-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-MY01-04-page .ratePlanC-sec .sec-header .btn-more.static {
  position: static;
}
.F-MY01-04-page .ratePlanC-sec .sec-header {
  margin-bottom: 0;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
  padding-top: 16rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-item {
  width: 100%;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15rem;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body {
  position: relative;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body .card-button {
  position: absolute;
  left: -16rem;
  right: -16rem;
  top: -16rem;
  bottom: -16rem;
  z-index: 1;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-footer {
  margin-top: 16rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label {
  display: flex;
  flex: none;
  gap: 2rem;
  font-size: 10rem;
  line-height: 12rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label {
  display: inline-block;
  padding: 3rem 5rem 5rem;
  border-radius: 2rem;
  color: #fff;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.skt {
  background-color: #3617CE;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.kt {
  background-color: #EC1B23;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lgu {
  background-color: #D0006F;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.main {
  background-color: #2091AA;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.price {
  background-color: #EFBD28;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.benefit {
  background-color: #0084FF;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.semotong {
  background-color: #542FDD;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.merge {
  background-color: #EFBD28;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.open {
  background-color: #0084FF;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lowest {
  background-color: #1fbc5e;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-btn {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12rem;
  margin-left: auto;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-stit {
  margin-bottom: 3rem;
  font-weight: 500;
  font-size: 10rem;
  line-height: 14rem;
  color: #96989B;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit {
  font-weight: 700;
  font-size: 20rem;
  color: #000;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit .ui-btn {
  z-index: 10;
  top: 1rem;
  margin-left: 4rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-name {
  margin-top: 4rem;
  font-size: 12rem;
  color: #777;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 8rem;
  margin-bottom: 20rem;
  padding: 2rem 0;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CFD0D1;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label {
  display: inline-flex;
  align-items: center;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label .ui-icn {
  margin-right: 4rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand {
  display: flex;
  align-items: center;
  height: 20rem;
  gap: 4rem;
  margin-top: 1rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand img {
  height: 100%;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand .brand-rating {
  display: inline-flex;
  align-items: center;
  padding: 2rem 8rem 2rem 4rem;
  border: 1px solid #CDC2F5;
  border-radius: 15rem;
  color: #542FDD;
  font-weight: 500;
  font-size: 12rem;
  line-height: 14rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  text-align: right;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-tit { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-txt { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-top: 0rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status {
  padding: 11rem 16rem;
  background-color: #F4F5F8;
  border-radius: 4rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift {
  position: relative;
  display: flex;
  align-items: center;
  --icn-size: 20rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .img {
  width: var(--icn-size);
  height: var(--icn-size);
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .ui-btn {
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 2rem;
  z-index: 10;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: var(--icn-size);
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .count {
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--icn-size);
  height: var(--icn-size);
  outline: 2rem solid #F4F5F8;
  margin-left: -6rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  background-color: #B7B9BA;
  border-radius: 50%;
  color: #fff;
  font-size: 10rem;
  line-height: var(--icn-size);
  font-weight: 400;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .tit {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  margin-left: 6rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: var(--icn-size);
  color: #63666A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li {
  position: relative;
  width: 100%;
  padding-left: calc(var(--icn-size) + 6rem);
  font-weight: 500;
  font-size: 12rem;
  line-height: 20rem;
  color: #63666A;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li .img {
  position: absolute;
  left: 0;
  top: 0;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-expanded {
  display: none;
  width: 100%;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .ui-btn .ui-icn {
  transform: rotate(180deg);
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-tit {
  display: none;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-expanded {
  display: block;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice {
  display: flex;
  align-items: center;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .ui-icn:first-child {
  margin-right: 4rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt em {
  color: #542FDD;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .split {
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
  margin: 0 8rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn {
  margin-left: auto; /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  align-items: center;
  font-weight: 600;
  font-size: 12rem;
  line-height: 14rem;
  color: #828588;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn > span { /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  margin-left: 4rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status + .card-compare-mo {
  margin-top: 12rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare {
  width: auto;
  height: 20rem;
  padding: 0 7rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
  vertical-align: top;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .icn-selection {
  display: none;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined:active {
  background-color: #fff;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected {
  color: #542FDD;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-default {
  display: none;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare {
  width: 100%;
  height: 38rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .icn-selection {
  display: none;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16rem;
  height: 16rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined:active {
  background-color: #fff;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected {
  color: #542FDD;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-default {
  display: none;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo {
  margin-top: 32rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con {
  text-align: center;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt:last-child { /* 8차 수정 : 내용 숨김에 대한 여백 조정 */
  margin-bottom: 20rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dd {
  margin-top: 6rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best {
  border-color: #542FDD;
  padding-top: 45rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(90deg, #6039EE 0%, #3A1EA2 100%);
  padding: 6rem 11rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best p {
  display: flex;
  gap: 4rem;
  color: #fff;
  font-weight: 500;
  font-size: 12re;
  line-height: 18rem;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined {
  box-shadow: none;
  border-color: #EFF0F0;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom {
  border-color: #542FDD;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom .card-badge {
  position: absolute;
  right: 10rem;
  top: 0;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info {
  margin-top: 12rem;
  text-align: right;
}
.F-MY01-04-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info .btn-texted {
  font-size: 12rem;
  line-height: 18rem;
  color: #828588;
}
.F-MY01-04-page .ratePlanC-sec .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
  margin: 20vh 0;
}
.F-MY01-04-page .ratePlanC-sec .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-MY01-04-page .ratePlanC-sec .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-MY01-04-page .ratePlanC-sec .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-MY01-04-page .ratePlanC-sec .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}
@media all and (min-width: 720px) {
  .F-MY01-04-page .ratePlanC-sec .nodata {
    margin: 120px 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-MY01-04-page .ratePlanC-sec .nodata {
    margin: 120px 0;
  }
}
.F-MY01-04-page .nodata-sec {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  height: 298rem;
}
.F-MY01-04-page .nodata-sec .sec-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
}
.F-MY01-04-page .nodata-sec .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
}
.F-MY01-04-page .nodata-sec .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-MY01-04-page .nodata-sec .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-MY01-04-page .nodata-sec .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-MY01-04-page .nodata-sec .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}
.F-MY01-04-page .floating-sec {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  flex: none;
  padding-top: 20rem;
  padding-bottom: 32rem;
  margin-bottom: -32rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0rem, rgb(255, 255, 255) 20rem);
}
.F-MY01-04-page .floating-sec .btn-action + .btn-action {
  margin-top: 14rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 신청한 요금제
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-MY01-05-page {
  padding-top: 20rem; /* 1차 수정 : 제목 추가로 여백 적용 */
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-MY01-05-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-MY01-05-page {
    padding-bottom: 48rem;
  }
}
.F-MY01-05-page .ratePlanD-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-MY01-05-page .ratePlanD-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-MY01-05-page .ratePlanD-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-MY01-05-page .ratePlanD-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-MY01-05-page .ratePlanD-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-MY01-05-page .ratePlanD-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-MY01-05-page .ratePlanD-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-MY01-05-page .ratePlanD-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-MY01-05-page .ratePlanD-sec .sec-header .btn-more.static {
  position: static;
}
.F-MY01-05-page .ratePlanD-sec .sec-header {
  margin-bottom: 0;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanC-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanC-toolbar .count {
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #63666A;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanC-toolbar .sort {
  display: flex;
  margin-left: auto;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanC-toolbar .sort .ui-btn {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
  gap: 4rem;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list { /* 1차 수정 : ratePlanD-list 추가 */
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
  padding-top: 16rem;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-item {
  width: 100%;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card { /* 1차 수정 : ratePlanD-card로 변경 */
  position: relative;
  padding: 0 16rem;
  box-shadow: 0rem 4rem 10rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-button {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-body {
  padding: 16rem 0 12rem 0;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-footer {
  padding: 8rem 0 12rem 0;
  border-top: 1px solid #EFF0F0;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-opening {
  display: inline-flex;
  position: absolute;
  top: 0;
  right: 16rem;
  height: 24rem;
  align-items: center;
  justify-content: center;
  padding: 0 6rem;
  font-weight: 500;
  font-size: 12rem;
  font-style: 16rem;
  color: #5FCDB0;
  border-radius: 0 0 2rem 2rem;
  background-color: #E6F7F2;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-state {
  margin-bottom: 4rem;
  font-weight: 500;
  font-size: 12rem;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-state.is-current {
  color: #2801B5;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-label {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  gap: 6rem;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-label .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CDC2F5;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-label .label {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #542FDD;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-label .label .ui-icn {
  margin-right: 2rem;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-tit {
  display: flex;
  font-weight: 600;
  font-size: 20rem;
  color: #000;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-tit .ui-btn {
  z-index: 10;
  top: 2rem;
  margin-left: 4rem;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-name {
  margin-top: 4rem;
  font-size: 12rem;
  color: #777;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-info {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 8rem;
  padding: 2rem 0;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-info .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CFD0D1;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-info .label {
  display: inline-flex;
  align-items: center;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-info .label .ui-icn {
  margin-right: 4rem;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-info .date {
  margin-left: auto;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-info .label-state {
  display: inline-block;
  margin-left: 4rem;
  padding: 3rem 6rem;
  border-radius: 3rem;
  background-color: #542FDD;
  color: #494949;
  font-weight: 400;
  font-size: 12rem;
  line-height: 12rem;
  color: #fff;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-charge {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-charge .brand {
  height: 28rem;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-charge .brand img {
  height: 100%;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-charge .charge {
  position: relative;
  top: 2rem;
  text-align: right;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-charge .charge .charge-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #1B0179;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-charge .charge .charge-txt {
  margin-top: 0rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-charge .charge .charge-point {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-MY01-05-page .ratePlanD-sec .ratePlanD-list .ratePlanD-card .card-charge .charge .charge-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
}
.F-MY01-05-page .ratePlanD-sec .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
  margin: 20vh 0;
}
.F-MY01-05-page .ratePlanD-sec .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-MY01-05-page .ratePlanD-sec .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-MY01-05-page .ratePlanD-sec .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-MY01-05-page .ratePlanD-sec .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}
@media all and (min-width: 720px) {
  .F-MY01-05-page .ratePlanD-sec .nodata {
    margin: 120px 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-MY01-05-page .ratePlanD-sec .nodata {
    margin: 120px 0;
  }
}
.F-MY01-05-page .nodata-sec {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
}
.F-MY01-05-page .nodata-sec .sec-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
}
.F-MY01-05-page .nodata-sec .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
}
.F-MY01-05-page .nodata-sec .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-MY01-05-page .nodata-sec .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-MY01-05-page .nodata-sec .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-MY01-05-page .nodata-sec .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}
.F-MY01-05-page .floating-sec {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  flex: none;
  padding-top: 20rem;
  padding-bottom: 32rem;
  margin-bottom: -32rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0rem, rgb(255, 255, 255) 20rem);
}
.F-MY01-05-page .floating-sec .btn-action + .btn-action {
  margin-top: 14rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 마이페이지
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-MY02-01-page {
  --sec-outer-margin: 30rem;
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-MY02-01-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-MY02-01-page {
    padding-bottom: 48rem;
  }
}
.F-MY02-01-page .my-info-sec {
  margin-top: 10rem; /* 4차 수정 : 나의정보 상단여백 조정 */
}
.F-MY02-01-page .my-info-sec .my-info-profile {
  position: relative;
}
.F-MY02-01-page .my-info-sec .my-info-profile .name {
  font-weight: 600;
  font-size: 18rem;
  color: #000000;
}
.F-MY02-01-page .my-info-sec .my-info-profile .explain {
  margin-top: 6rem;
  font-weight: 500;
  font-size: 14rem;
  color: rgb(99, 102, 106);
}
.F-MY02-01-page .my-info-sec .my-info-profile .btn-cs { /* 4차 수정 : 나의정보 고객센터 버튼 추가 */
  position: absolute;
  right: 0;
  top: -4rem;
}
.F-MY02-01-page .my-info-sec .my-info-profile .btn-kakao {
  margin-top: 16rem;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data {
  margin-top: 16rem;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card {
  position: relative;
  padding: 0 16rem;
  box-shadow: 0rem 4rem 10rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-button {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-body {
  padding: 16rem 0 12rem 0;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-footer {
  padding: 8rem 0 12rem 0;
  border-top: 1px solid #EFF0F0;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-opening {
  display: inline-flex;
  position: absolute;
  top: 0;
  right: 16rem;
  height: 24rem;
  align-items: center;
  justify-content: center;
  padding: 0 6rem;
  font-weight: 500;
  font-size: 12rem;
  font-style: 16rem;
  color: #5FCDB0;
  border-radius: 0 0 2rem 2rem;
  background-color: #E6F7F2;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-state {
  margin-bottom: 4rem;
  font-weight: 500;
  font-size: 12rem;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-state.is-current {
  color: #2801B5;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-label {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  gap: 6rem;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-label .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CDC2F5;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-label .label {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #542FDD;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-label .label .ui-icn {
  margin-right: 2rem;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-tit {
  display: flex;
  font-weight: 600;
  font-size: 20rem;
  color: #000;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-tit .ui-btn {
  z-index: 10;
  top: 2rem;
  margin-left: 4rem;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-name {
  margin-top: 4rem;
  font-size: 12rem;
  color: #777;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-info {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 8rem;
  padding: 2rem 0;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-info .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CFD0D1;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-info .label {
  display: inline-flex;
  align-items: center;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-info .label .ui-icn {
  margin-right: 4rem;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-info .date {
  margin-left: auto;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-info .label-state {
  display: inline-block;
  margin-left: 4rem;
  padding: 3rem 6rem;
  border-radius: 3rem;
  background-color: #542FDD;
  color: #494949;
  font-weight: 400;
  font-size: 12rem;
  line-height: 12rem;
  color: #fff;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-charge {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-charge .brand {
  height: 28rem;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-charge .brand img {
  height: 100%;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-charge .charge {
  position: relative;
  top: 2rem;
  text-align: right;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-charge .charge .charge-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #1B0179;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-charge .charge .charge-txt {
  margin-top: 0rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-charge .charge .charge-point {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-data .ratePlanD-card .card-charge .charge .charge-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-nodata {
  margin-top: 16rem;
  padding: 11rem;
  text-align: center;
  border-radius: 2rem;
  background-color: #EFF0F0;
  font-size: 12rem;
  line-height: 14rem;
  color: #5A5D60;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-nodata p {
  display: flex;
  justify-content: center;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-nodata .ui-icn {
  margin-right: 4rem;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-status {
  margin-top: 12rem;
  border-radius: 2rem;
  box-shadow: 0rem 4rem 10rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-status .status-list {
  display: flex;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-status .status-list .status-item {
  position: relative;
  flex: 1;
  padding: 20rem 16rem 12rem 16rem;
  text-align: center;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-status .status-list .status-item + .status-item::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 1px;
  height: 16rem;
  background-color: #EFF0F0;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-status .status-list .status-item .tit {
  display: block;
  font-size: 12rem;
  line-height: 17rem;
  font-weight: 500;
  color: #96989B;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-status .status-list .status-item .val {
  display: block;
  margin-top: 6rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #000000;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-status .status-more {
  position: relative;
  padding: 8rem 30rem;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-status .status-more::before {
  content: "";
  display: block;
  position: absolute;
  left: 16rem;
  right: 16rem;
  top: 0;
  height: 1rem;
  background-color: #eee;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-status .status-more .ui-btn {
  width: 100%;
  justify-content: flex-start;
  padding: 8rem 0;
  font-size: 12rem;
  line-height: 16rem;
  color: #46484B;
  font-weight: 500;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-status .status-more .ui-btn em {
  color: #542FDD;
}
.F-MY02-01-page .my-info-sec .my-info-rateplan-status .status-more .ui-btn .icn-16-emo-hand {
  margin-right: 4rem;
}
.F-MY02-01-page .cscenter-sec {
  margin-top: var(--sec-outer-margin);
}
.F-MY02-01-page .cscenter-sec .sec-header {
  margin-bottom: 10rem;
}
.F-MY02-01-page .cscenter-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #2A2B2D;
}
.F-MY02-01-page .cscenter-sec .sec-header .sec-tit .ui-icn {
  top: -1px;
  margin-right: 4rem;
}
.F-MY02-01-page .cscenter-sec .sec-body .cs-menu-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
  width: 100%;
  margin-bottom: -8rem;
}
.F-MY02-01-page .cscenter-sec .sec-body .cs-menu-list .cs-menu-item {
  width: 100%;
}
.F-MY02-01-page .cscenter-sec .sec-body .cs-menu-list .cs-menu-item .cs-menu-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 8rem 0;
  font-size: 16rem;
  line-height: 20rem;
  font-weight: 500;
  color: rgb(70, 72, 75);
}
.F-MY02-01-page .event-sec {
  margin-top: var(--sec-outer-margin);
}
.F-MY02-01-page .event-sec .event-swiper .swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8rem;
  gap: 4rem;
}
.F-MY02-01-page .event-sec .event-swiper .swiper-pagination-bullet {
  width: 6rem;
  height: 6rem;
  margin: 0;
  border-radius: 3rem;
  background-color: #EFF0F0;
  opacity: 1;
  transition: all 0.2s ease;
}
.F-MY02-01-page .event-sec .event-swiper .swiper-pagination-bullet-active {
  width: 12rem;
  background-color: #542FDD;
}
.F-MY02-01-page .event-sec .event-bnr {
  display: flex;
  width: 100%;
}
.F-MY02-01-page .event-sec .event-bnr img {
  width: 100%;
  border-radius: 2rem;
  vertical-align: top;
}

/*-------------------------------------------------------------------
	분류그룹 : 파트너사 상세
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-O01-page {
  padding-top: 20rem;
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-O01-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-O01-page {
    padding-bottom: 48rem;
  }
}
.F-O01-page .partner-detail-sec {
  margin-bottom: 16rem;
}
.F-O01-page .partner-detail-sec .partner-detail-card {
  padding: 16rem 18rem;
  border-radius: 6rem;
  border: 2px solid #542FDD;
}
.F-O01-page .partner-detail-sec .partner-detail-card .card-label {
  width: 100%;
  margin-bottom: 4rem;
}
.F-O01-page .partner-detail-sec .partner-detail-card .card-label .label {
  display: inline-flex;
  padding: 3rem 8rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #fff;
  border-radius: 6rem;
}
.F-O01-page .partner-detail-sec .partner-detail-card .card-label .label.type-sk {
  background-color: #3617CE;
}
.F-O01-page .partner-detail-sec .partner-detail-card .card-label .label.type-kt {
  background-color: #EC1B23;
}
.F-O01-page .partner-detail-sec .partner-detail-card .card-label .label.type-lg {
  background-color: #D0006F;
}
.F-O01-page .partner-detail-sec .partner-detail-card .card-partner {
  display: flex;
  align-items: center;
}
.F-O01-page .partner-detail-sec .partner-detail-card .card-partner .partner-logo {
  display: flex;
  height: 32rem;
}
.F-O01-page .partner-detail-sec .partner-detail-card .card-partner .partner-logo img {
  height: 100%;
}
.F-O01-page .partner-detail-sec .partner-detail-card .card-partner .partner-sat {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  padding: 4rem 8rem;
  gap: 2rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
  background-color: #EFF0F0;
  border-radius: 20rem;
}
.F-O01-page .partner-detail-sec .partner-detail-card .card-partner .partner-sat .ui-icn {
  top: -1rem;
}
.F-O01-page .partner-info-sec {
  margin-bottom: 60rem;
  margin-top: 0;
}
.F-O01-page .partner-info-sec .sec-header {
  margin-bottom: 14rem;
}
.F-O01-page .partner-info-sec .sec-header .sec-tit {
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
  color: #2A2B2D;
}
.F-O01-page .partner-info-sec .partner-info dt {
  margin-top: 12rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #828588;
}
.F-O01-page .partner-info-sec .partner-info dt:first-child {
  margin-top: 0;
}
.F-O01-page .partner-info-sec .partner-info dd {
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #46484B;
}
.F-O01-page .review-sec {
  margin-bottom: 60rem;
}
.F-O01-page .review-sec .sec-header {
  margin-bottom: 14rem;
}
.F-O01-page .review-sec .sec-header .sec-tit {
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
  color: #2A2B2D;
}
.F-O01-page .review-sec .sec-header {
  margin-bottom: 0;
}
.F-O01-page .review-sec .review-list .review-item {
  border-bottom: 1px solid #EFF0F0;
}
@media all and (min-width: 720px) {
  .F-O01-page .review-sec .review-list {
    margin-left: 0;
    margin-right: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-O01-page .review-sec .review-list {
    margin-left: 0;
    margin-right: 0;
  }
}
.F-O01-page .review-sec .review-card {
  display: flex;
  flex-wrap: wrap;
  padding: 14rem 0;
}
.F-O01-page .review-sec .review-card .review-telecom {
  display: flex;
  align-items: center;
  height: 16rem;
  margin-right: 12rem;
}
.F-O01-page .review-sec .review-card .review-telecom img {
  height: 100%;
}
.F-O01-page .review-sec .review-card .review-name {
  margin-right: 10rem;
  font-weight: 700;
  font-size: 14rem;
  line-height: 16rem;
}
.F-O01-page .review-sec .review-card .review-sat {
  display: inline-flex;
  gap: 4rem;
  align-items: center;
}
.F-O01-page .review-sec .review-card .review-sat .val {
  font-weight: 500;
  font-size: 14rem;
  line-height: 16rem;
  color: #46484B;
}
.F-O01-page .review-sec .review-card .review-con {
  width: 100%; /* 2025-02-03 조찬기 : 리뷰 내용 내려가게 수정 */
  margin-top: 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  max-height: 60rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media all and (min-width: 720px) {
  .F-O01-page .review-sec .review-card {
    padding-left: 0;
    padding-right: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-O01-page .review-sec .review-card {
    padding-left: 0;
    padding-right: 0;
  }
}
.F-O01-page .ratePlanC-sec {
  margin-bottom: 60rem;
}
.F-O01-page .ratePlanC-sec .sec-header {
  margin-bottom: 14rem;
}
.F-O01-page .ratePlanC-sec .sec-header .sec-tit {
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
  color: #2A2B2D;
}
.F-O01-page .ratePlanC-sec .sec-header {
  margin-bottom: 0;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
  padding-top: 16rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-item {
  width: 100%;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15rem;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body {
  position: relative;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body .card-button {
  position: absolute;
  left: -16rem;
  right: -16rem;
  top: -16rem;
  bottom: -16rem;
  z-index: 1;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-footer {
  margin-top: 16rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label {
  display: flex;
  flex: none;
  gap: 2rem;
  font-size: 10rem;
  line-height: 12rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label {
  display: inline-block;
  padding: 3rem 5rem 5rem;
  border-radius: 2rem;
  color: #fff;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.skt {
  background-color: #3617CE;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.kt {
  background-color: #EC1B23;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lgu {
  background-color: #D0006F;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.main {
  background-color: #2091AA;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.price {
  background-color: #EFBD28;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.benefit {
  background-color: #0084FF;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.semotong {
  background-color: #542FDD;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.merge {
  background-color: #EFBD28;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.open {
  background-color: #0084FF;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lowest {
  background-color: #1fbc5e;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-btn {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12rem;
  margin-left: auto;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-stit {
  margin-bottom: 3rem;
  font-weight: 500;
  font-size: 10rem;
  line-height: 14rem;
  color: #96989B;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit {
  font-weight: 700;
  font-size: 20rem;
  color: #000;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit .ui-btn {
  z-index: 10;
  top: 1rem;
  margin-left: 4rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-name {
  margin-top: 4rem;
  font-size: 12rem;
  color: #777;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 8rem;
  margin-bottom: 20rem;
  padding: 2rem 0;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CFD0D1;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label {
  display: inline-flex;
  align-items: center;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label .ui-icn {
  margin-right: 4rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand {
  display: flex;
  align-items: center;
  height: 20rem;
  gap: 4rem;
  margin-top: 1rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand img {
  height: 100%;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand .brand-rating {
  display: inline-flex;
  align-items: center;
  padding: 2rem 8rem 2rem 4rem;
  border: 1px solid #CDC2F5;
  border-radius: 15rem;
  color: #542FDD;
  font-weight: 500;
  font-size: 12rem;
  line-height: 14rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  text-align: right;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-tit { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-txt { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-top: 0rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status {
  padding: 11rem 16rem;
  background-color: #F4F5F8;
  border-radius: 4rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift {
  position: relative;
  display: flex;
  align-items: center;
  --icn-size: 20rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .img {
  width: var(--icn-size);
  height: var(--icn-size);
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .ui-btn {
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 2rem;
  z-index: 10;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: var(--icn-size);
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .count {
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--icn-size);
  height: var(--icn-size);
  outline: 2rem solid #F4F5F8;
  margin-left: -6rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  background-color: #B7B9BA;
  border-radius: 50%;
  color: #fff;
  font-size: 10rem;
  line-height: var(--icn-size);
  font-weight: 400;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .tit {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  margin-left: 6rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: var(--icn-size);
  color: #63666A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li {
  position: relative;
  width: 100%;
  padding-left: calc(var(--icn-size) + 6rem);
  font-weight: 500;
  font-size: 12rem;
  line-height: 20rem;
  color: #63666A;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li .img {
  position: absolute;
  left: 0;
  top: 0;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-expanded {
  display: none;
  width: 100%;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .ui-btn .ui-icn {
  transform: rotate(180deg);
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-tit {
  display: none;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-expanded {
  display: block;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice {
  display: flex;
  align-items: center;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .ui-icn:first-child {
  margin-right: 4rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt em {
  color: #542FDD;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .split {
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
  margin: 0 8rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn {
  margin-left: auto; /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  align-items: center;
  font-weight: 600;
  font-size: 12rem;
  line-height: 14rem;
  color: #828588;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn > span { /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  margin-left: 4rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status + .card-compare-mo {
  margin-top: 12rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare {
  width: auto;
  height: 20rem;
  padding: 0 7rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
  vertical-align: top;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .icn-selection {
  display: none;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined:active {
  background-color: #fff;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected {
  color: #542FDD;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-default {
  display: none;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare {
  width: 100%;
  height: 38rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .icn-selection {
  display: none;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16rem;
  height: 16rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined:active {
  background-color: #fff;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected {
  color: #542FDD;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-default {
  display: none;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo {
  margin-top: 32rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con {
  text-align: center;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt:last-child { /* 8차 수정 : 내용 숨김에 대한 여백 조정 */
  margin-bottom: 20rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dd {
  margin-top: 6rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best {
  border-color: #542FDD;
  padding-top: 45rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(90deg, #6039EE 0%, #3A1EA2 100%);
  padding: 6rem 11rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best p {
  display: flex;
  gap: 4rem;
  color: #fff;
  font-weight: 500;
  font-size: 12re;
  line-height: 18rem;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined {
  box-shadow: none;
  border-color: #EFF0F0;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom {
  border-color: #542FDD;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom .card-badge {
  position: absolute;
  right: 10rem;
  top: 0;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info {
  margin-top: 12rem;
  text-align: right;
}
.F-O01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info .btn-texted {
  font-size: 12rem;
  line-height: 18rem;
  color: #828588;
}
.F-O01-page .event-sec {
  margin-bottom: 60rem;
  margin-bottom: 0;
}
.F-O01-page .event-sec .sec-header {
  margin-bottom: 14rem;
}
.F-O01-page .event-sec .sec-header .sec-tit {
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
  color: #2A2B2D;
}
.F-O01-page .event-sec .event-swiper .swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8rem;
  gap: 4rem;
}
.F-O01-page .event-sec .event-swiper .swiper-pagination-bullet {
  width: 6rem;
  height: 6rem;
  margin: 0;
  border-radius: 3rem;
  background-color: #EFF0F0;
  opacity: 1;
  transition: all 0.2s ease;
}
.F-O01-page .event-sec .event-swiper .swiper-pagination-bullet-active {
  width: 12rem;
  background-color: #542FDD;
}
.F-O01-page .event-sec .event-bnr {
  display: flex;
  width: 100%;
}
.F-O01-page .event-sec .event-bnr img {
  width: 100%;
  border-radius: 2rem;
  vertical-align: top;
}
.F-O01-page .event-sec .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
  padding-top: 86rem;
  padding-bottom: 100rem;
}
.F-O01-page .event-sec .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-O01-page .event-sec .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-O01-page .event-sec .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-O01-page .event-sec .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 요금제
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-P01-01-page {
  padding-top: 10rem;
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-P01-01-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-P01-01-page {
    padding-bottom: 48rem;
  }
}
.F-P01-01-page .ratePlan-filter-sec .sec-header {
  margin-bottom: 20rem;
}
.F-P01-01-page .ratePlan-filter-sec .sec-header .sec-tit {
  font-weight: 600;
  font-size: 18rem;
  line-height: 25rem;
  color: #000;
}
.F-P01-01-page .ratePlan-filter-sec .sec-header .sec-explain {
  margin-top: 4rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-P01-01-page .ratePlan-filter-sec .ratePlan-search {
  background-color: #F2F5FB;
  margin: 0 calc(24rem * -1);
  padding: 20rem 24rem;
}
@media all and (min-width: 720px) {
  .F-P01-01-page .ratePlan-filter-sec .ratePlan-search {
    margin: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-P01-01-page .ratePlan-filter-sec .ratePlan-search {
    margin: 0;
  }
}
.F-P01-01-page .ratePlan-filter-sec .ratePlan-search .ratePlan-search-form {
  display: flex;
  gap: 8rem;
}
.F-P01-01-page .ratePlan-filter-sec .ratePlan-search .ratePlan-search-form .ui-inp .inp {
  cursor: pointer;
}
.F-P01-01-page .ratePlan-filter-sec .ratePlan-search .ratePlan-search-form .filter-btn {
  display: flex;
  align-items: center;
  position: relative;
  flex: none;
  gap: 2rem;
  height: 52rem;
  width: 52rem;
  padding: 0;
  border-radius: 4rem;
  background-color: #fff;
  border: 1px solid #CFD0D1;
}
.F-P01-01-page .ratePlan-filter-sec .ratePlan-search .ratePlan-search-form .filter-btn.is-setting {
  border-color: #36383A;
}
.F-P01-01-page .ratePlan-filter-sec .ratePlan-search .ratePlan-search-form .filter-btn.is-setting::after {
  content: "";
  position: absolute;
  top: 12rem;
  left: 33rem;
  z-index: 2;
  display: block;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: #EA2A2A;
}
.F-P01-01-page .ratePlan-filter-sec .ratePlan-search .ratePlan-search-cont {
  margin-top: 16rem;
}
.F-P01-01-page .ratePlan-filter-sec .ratePlan-search .ratePlan-search-cont .ratePlan-search-title .tit {
  margin-bottom: 8rem;
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
  color: #000;
}
.F-P01-01-page .ratePlan-filter-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list {
  display: flex;
  gap: 8rem;
  overflow: auto;
  margin: 0 calc(24rem * -1);
  padding: 0 24rem;
}
.F-P01-01-page .ratePlan-filter-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list::-webkit-scrollbar {
  height: 0;
}
.F-P01-01-page .ratePlan-filter-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list li {
  flex: none;
  display: flex;
  width: auto;
  box-sizing: border-box;
}
.F-P01-01-page .ratePlan-filter-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list li .ratePlan-chip {
  flex: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  height: 36rem;
  background-color: #fff;
  padding: 4rem 10rem;
  border-radius: 6rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #828588;
  border: 1px solid transparent;
}
.F-P01-01-page .ratePlan-filter-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list li .ratePlan-chip.is-selected {
  background-color: #EAE6FB;
  border-color: #542FDD;
  color: #542FDD;
}
@media all and (min-width: 720px) {
  .F-P01-01-page .ratePlan-filter-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list {
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
  }
  .F-P01-01-page .ratePlan-filter-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list li:first-child {
    margin-left: 0;
  }
  .F-P01-01-page .ratePlan-filter-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list li:last-child {
    margin-right: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-P01-01-page .ratePlan-filter-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list {
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
  }
  .F-P01-01-page .ratePlan-filter-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list li:first-child {
    margin-left: 0;
  }
  .F-P01-01-page .ratePlan-filter-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list li:last-child {
    margin-right: 0;
  }
}
.F-P01-01-page .ratePlanC-sec {
  margin-top: 30rem;
}
.F-P01-01-page .ratePlanC-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-P01-01-page .ratePlanC-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-P01-01-page .ratePlanC-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-P01-01-page .ratePlanC-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-P01-01-page .ratePlanC-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-P01-01-page .ratePlanC-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-P01-01-page .ratePlanC-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-P01-01-page .ratePlanC-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-P01-01-page .ratePlanC-sec .sec-header .btn-more.static {
  position: static;
}
@media all and (min-width: 720px) {
  .F-P01-01-page .ratePlanC-sec {
    padding-top: 0;
    border-top: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-P01-01-page .ratePlanC-sec {
    padding-top: 0;
    border-top: 0;
  }
}
.F-P01-01-page .ratePlanC-sec .ratePlanC-toolbar {
  display: flex;
  align-items: center;
  gap: 8rem;
}
.F-P01-01-page .ratePlanC-sec .ratePlanC-toolbar .count {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #000;
}
.F-P01-01-page .ratePlanC-sec .ratePlanC-toolbar .opt {
  display: flex;
  align-items: center;
  flex: none;
  gap: 4rem;
}
.F-P01-01-page .ratePlanC-sec .ratePlanC-toolbar .opt p {
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #63666A;
}
.F-P01-01-page .ratePlanC-sec .ratePlanC-toolbar .sort {
  display: flex;
  margin-left: auto;
  overflow: hidden;
}
.F-P01-01-page .ratePlanC-sec .ratePlanC-toolbar .sort .ui-btn {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
  gap: 4rem;
  width: 100%;
}
.F-P01-01-page .ratePlanC-sec .ratePlanC-toolbar .sort .ui-btn > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-P01-01-page .ratePlanC-sec .ratePlanC-toolbar + .ratePlanC-toolbar {
  margin-top: 12rem;
}
.F-P01-01-page .recent-ratePlanC-sec {
  margin-top: 50rem;
}
.F-P01-01-page .recent-ratePlanC-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-P01-01-page .recent-ratePlanC-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-P01-01-page .recent-ratePlanC-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-P01-01-page .recent-ratePlanC-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-P01-01-page .recent-ratePlanC-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-P01-01-page .recent-ratePlanC-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-P01-01-page .recent-ratePlanC-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-P01-01-page .recent-ratePlanC-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-P01-01-page .recent-ratePlanC-sec .sec-header .btn-more.static {
  position: static;
}
.F-P01-01-page .recent-ratePlanC-sec .sec-header {
  margin-bottom: 0;
}
.F-P01-01-page .ratePlanC-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
  padding-top: 16rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-item {
  width: 100%;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15rem;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-body {
  position: relative;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-body .card-button {
  position: absolute;
  left: -16rem;
  right: -16rem;
  top: -16rem;
  bottom: -16rem;
  z-index: 1;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-footer {
  margin-top: 16rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-util {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-util-label {
  display: flex;
  flex: none;
  gap: 2rem;
  font-size: 10rem;
  line-height: 12rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-util-label .label {
  display: inline-block;
  padding: 3rem 5rem 5rem;
  border-radius: 2rem;
  color: #fff;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-util-label .label.skt {
  background-color: #3617CE;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-util-label .label.kt {
  background-color: #EC1B23;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-util-label .label.lgu {
  background-color: #D0006F;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-util-label .label.main {
  background-color: #2091AA;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-util-label .label.price {
  background-color: #EFBD28;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-util-label .label.benefit {
  background-color: #0084FF;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-util-label .label.semotong {
  background-color: #542FDD;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-util-label .label.merge {
  background-color: #EFBD28;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-util-label .label.open {
  background-color: #0084FF;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-util-label .label.lowest {
  background-color: #1fbc5e;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-util-btn {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12rem;
  margin-left: auto;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-stit {
  margin-bottom: 3rem;
  font-weight: 500;
  font-size: 10rem;
  line-height: 14rem;
  color: #96989B;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-tit {
  font-weight: 700;
  font-size: 20rem;
  color: #000;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-tit .ui-btn {
  z-index: 10;
  top: 1rem;
  margin-left: 4rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-name {
  margin-top: 4rem;
  font-size: 12rem;
  color: #777;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-info {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 8rem;
  margin-bottom: 20rem;
  padding: 2rem 0;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-info .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CFD0D1;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-info .label {
  display: inline-flex;
  align-items: center;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-info .label .ui-icn {
  margin-right: 4rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-charge {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-charge .brand {
  display: flex;
  align-items: center;
  height: 20rem;
  gap: 4rem;
  margin-top: 1rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-charge .brand img {
  height: 100%;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-charge .brand .brand-rating {
  display: inline-flex;
  align-items: center;
  padding: 2rem 8rem 2rem 4rem;
  border: 1px solid #CDC2F5;
  border-radius: 15rem;
  color: #542FDD;
  font-weight: 500;
  font-size: 12rem;
  line-height: 14rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-charge .charge { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  text-align: right;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-tit { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-txt { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-top: 0rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status {
  padding: 11rem 16rem;
  background-color: #F4F5F8;
  border-radius: 4rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-gift {
  position: relative;
  display: flex;
  align-items: center;
  --icn-size: 20rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-gift .img {
  width: var(--icn-size);
  height: var(--icn-size);
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-gift .ui-btn {
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 2rem;
  z-index: 10;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: var(--icn-size);
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .count {
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--icn-size);
  height: var(--icn-size);
  outline: 2rem solid #F4F5F8;
  margin-left: -6rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  background-color: #B7B9BA;
  border-radius: 50%;
  color: #fff;
  font-size: 10rem;
  line-height: var(--icn-size);
  font-weight: 400;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .tit {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  margin-left: 6rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: var(--icn-size);
  color: #63666A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li {
  position: relative;
  width: 100%;
  padding-left: calc(var(--icn-size) + 6rem);
  font-weight: 500;
  font-size: 12rem;
  line-height: 20rem;
  color: #63666A;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li .img {
  position: absolute;
  left: 0;
  top: 0;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-expanded {
  display: none;
  width: 100%;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .ui-btn .ui-icn {
  transform: rotate(180deg);
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-tit {
  display: none;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-expanded {
  display: block;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice {
  display: flex;
  align-items: center;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .ui-icn:first-child {
  margin-right: 4rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt em {
  color: #542FDD;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .split {
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
  margin: 0 8rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn {
  margin-left: auto; /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  align-items: center;
  font-weight: 600;
  font-size: 12rem;
  line-height: 14rem;
  color: #828588;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn > span { /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  margin-left: 4rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-status + .card-compare-mo {
  margin-top: 12rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare {
  width: auto;
  height: 20rem;
  padding: 0 7rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
  vertical-align: top;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .icn-selection {
  display: none;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined:active {
  background-color: #fff;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected {
  color: #542FDD;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-default {
  display: none;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare {
  width: 100%;
  height: 38rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .icn-selection {
  display: none;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16rem;
  height: 16rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined:active {
  background-color: #fff;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected {
  color: #542FDD;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-default {
  display: none;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-buyinfo {
  margin-top: 32rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con {
  text-align: center;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt:last-child { /* 8차 수정 : 내용 숨김에 대한 여백 조정 */
  margin-bottom: 20rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dd {
  margin-top: 6rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card.plan-best {
  border-color: #542FDD;
  padding-top: 45rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card.plan-best .card-best {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(90deg, #6039EE 0%, #3A1EA2 100%);
  padding: 6rem 11rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card.plan-best .card-best p {
  display: flex;
  gap: 4rem;
  color: #fff;
  font-weight: 500;
  font-size: 12re;
  line-height: 18rem;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card.outlined {
  box-shadow: none;
  border-color: #EFF0F0;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card.outlined.is-recom {
  border-color: #542FDD;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card.outlined.is-recom .card-badge {
  position: absolute;
  right: 10rem;
  top: 0;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card + .ratePlan-info {
  margin-top: 12rem;
  text-align: right;
}
.F-P01-01-page .ratePlanC-list .ratePlanC-card + .ratePlan-info .btn-texted {
  font-size: 12rem;
  line-height: 18rem;
  color: #828588;
}
.F-P01-01-page .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
}
.F-P01-01-page .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-P01-01-page .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-P01-01-page .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-P01-01-page .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}

.qos-table { /* 5차 수정 : QoS 팝업 추가(여기부터) */
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}
.qos-table td, .qos-table th {
  padding: 8rem;
  border: 1px solid #dddddd;
  font-weight: 500;
  font-size: 14rem;
  line-height: 22rem;
  color: #2a2b2d;
  word-break: keep-all;
  vertical-align: middle;
  text-align: center;
}
.qos-table thead th { /* 5차 수정 : QoS 팝업 추가(여기까지) */
  font-weight: 600;
  background-color: #f1eefb;
  border-bottom: 1px solid #542FDD;
}

/*-------------------------------------------------------------------
	분류그룹 : 요금제
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-P01-01-srch-page {
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-P01-01-srch-page {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-P01-01-srch-page {
    padding-bottom: 48rem;
  }
}
.F-P01-01-srch-page .ratePlan-search-title {
  display: flex;
  justify-content: space-between;
}
.F-P01-01-srch-page .ratePlan-search-title .tit {
  margin-bottom: 8rem;
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
  color: #000;
}
.F-P01-01-srch-page .ratePlan-search-title .info {
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #B7B9BA;
}
.F-P01-01-srch-page .divider-sec {
  margin: 32rem 0;
}
.F-P01-01-srch-page .ratePlan-search-sec {
  padding-top: 20rem;
}
@media all and (min-width: 720px) {
  .F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search {
    margin: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search {
    margin: 0;
  }
}
.F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-form {
  display: flex;
  gap: 8rem;
}
.F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-form .filter-btn {
  display: flex;
  align-items: center;
  position: relative;
  flex: none;
  gap: 2rem;
  height: 52rem;
  width: 52rem;
  padding: 0;
  border-radius: 4rem;
  background-color: #fff;
  border: 1px solid #CFD0D1;
}
.F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-form .filter-btn > span {
  display: block;
  padding-right: 4rem;
}
.F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-form .filter-btn.is-setting {
  border-color: #36383A;
}
.F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-form .filter-btn.is-setting::after {
  content: "";
  position: absolute;
  top: 6rem;
  left: 25rem;
  z-index: 2;
  display: block;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: #EA2A2A;
}
.F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-cont {
  margin-top: 32rem;
}
.F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-cont .ratePlan-keyword-list {
  display: flex;
  gap: 8rem;
  width: 100%;
  overflow: auto;
}
.F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-cont .ratePlan-keyword-list li {
  flex: none;
  display: flex;
  width: auto;
  box-sizing: border-box;
}
.F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-cont .ratePlan-keyword-list li .ratePlan-keyword {
  flex: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4rem;
  height: 36rem;
  background-color: #EFF0F0;
  padding: 4rem 6rem 4rem 10rem;
  border-radius: 6rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}
@media all and (min-width: 720px) {
  .F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-cont .ratePlan-keyword-list {
    flex-wrap: wrap;
    overflow: hidden;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-cont .ratePlan-keyword-list {
    flex-wrap: wrap;
    overflow: hidden;
  }
}
.F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8rem;
}
.F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list::-webkit-scrollbar {
  height: 0;
}
.F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list li {
  flex: none;
  display: flex;
  width: auto;
  box-sizing: border-box;
}
.F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list li .ratePlan-chip {
  flex: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  height: 36rem;
  background-color: #fff;
  padding: 4rem 10rem;
  border-radius: 6rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #828588;
  border: 1px solid transparent;
}
.F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list li .ratePlan-chip.primary {
  background-color: #EAE6FB;
  color: #542FDD;
}
@media all and (min-width: 720px) {
  .F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list {
    margin: 0;
    padding: 0;
  }
  .F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list li:first-child {
    margin-left: 0;
  }
  .F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list li:last-child {
    margin-right: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list {
    margin: 0;
    padding: 0;
  }
  .F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list li:first-child {
    margin-left: 0;
  }
  .F-P01-01-srch-page .ratePlan-search-sec .ratePlan-search .ratePlan-search-cont .ratePlan-chip-list li:last-child {
    margin-right: 0;
  }
}
.F-P01-01-srch-page .ratePlan-vogue-sec {
  padding-bottom: 20rem;
}
.F-P01-01-srch-page .ratePlan-vogue-sec .ratePlan-search-cont .ratePlan-vogue-list {
  margin-top: 16rem;
}
.F-P01-01-srch-page .ratePlan-vogue-sec .ratePlan-search-cont .ratePlan-vogue-list li + li {
  margin-top: 16rem;
}
.F-P01-01-srch-page .ratePlan-vogue-sec .ratePlan-search-cont .ratePlan-vogue-list li {
  opacity: 0;
  animation: slideInUp, fadeIn forwards;
  animation-duration: 1s;
}
.F-P01-01-srch-page .ratePlan-vogue-sec .ratePlan-search-cont .ratePlan-vogue-list li:nth-child(1) {
  animation-delay: 0.3s;
}
.F-P01-01-srch-page .ratePlan-vogue-sec .ratePlan-search-cont .ratePlan-vogue-list li:nth-child(2) {
  animation-delay: 1.1s;
}
.F-P01-01-srch-page .ratePlan-vogue-sec .ratePlan-search-cont .ratePlan-vogue-list li:nth-child(3) {
  animation-delay: 1.9s;
}
.F-P01-01-srch-page .ratePlan-vogue-sec .ratePlan-search-cont .ratePlan-vogue-list li:nth-child(4) {
  animation-delay: 2.7s;
}
.F-P01-01-srch-page .ratePlan-vogue-sec .ratePlan-search-cont .ratePlan-vogue-list li:nth-child(5) {
  animation-delay: 3.5s;
}
.F-P01-01-srch-page .ratePlan-vogue-sec .ratePlan-search-cont .ratePlan-vogue-list .ratePlan-vogue-link {
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 100%;
}
.F-P01-01-srch-page .ratePlan-vogue-sec .ratePlan-search-cont .ratePlan-vogue-list .ratePlan-vogue-link b {
  flex: none;
  padding-left: 2rem;
  margin-right: 12rem;
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
  color: #542FDD;
}
.F-P01-01-srch-page .ratePlan-vogue-sec .ratePlan-search-cont .ratePlan-vogue-list .ratePlan-vogue-link span {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14rem;
  line-height: 20rem;
  font-weight: 500;
  color: #000;
}
.F-P01-01-srch-page .ratePlan-vogue-sec .ratePlan-search-cont .ratePlan-vogue-list .ratePlan-vogue-link .ui-icn {
  flex: none;
  margin-left: 12rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 필터팝업
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-P01-01-P01-page {
  max-width: 720px !important;
}
.F-P01-01-P01-page .modal-body {
  overflow: hidden;
}
.F-P01-01-P01-page .tab-pane {
  padding: 16rem 0;
}
.F-P01-01-P01-page .tab-pane:first-child {
  padding-top: 0;
}
.F-P01-01-P01-page .tab-pane:last-child {
  padding-bottom: 0;
}
.F-P01-01-P01-page .filter-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-P01-01-P01-page .filter-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-P01-01-P01-page .filter-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-P01-01-P01-page .filter-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-P01-01-P01-page .filter-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-P01-01-P01-page .filter-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-P01-01-P01-page .filter-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-P01-01-P01-page .filter-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-P01-01-P01-page .filter-sec .sec-header .btn-more.static {
  position: static;
}
.F-P01-01-P01-page .filter-sec .sec-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10rem;
}
.F-P01-01-P01-page .filter-sec .sec-header .sec-valued {
  color: #542FDD;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
}
.F-P01-01-P01-page .filter-rdo-frm {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8rem;
}
.F-P01-01-P01-page .filter-rdo-frm.is-nowwrap {
  grid-template-columns: 1fr;
}
.F-P01-01-P01-page .filter-rdo-frm .filter-rdo {
  position: relative;
  display: block;
}
.F-P01-01-P01-page .filter-rdo-frm .filter-rdo input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}
.F-P01-01-P01-page .filter-rdo-frm .filter-rdo .rdo {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 2;
  min-height: 56rem;
  padding: 7rem 15rem;
  border-radius: 10rem;
  background-color: #EFF0F0;
  border: 1px solid transparent;
  cursor: pointer;
}
.F-P01-01-P01-page .filter-rdo-frm .filter-rdo .rdo > span {
  display: block;
  position: relative;
  width: 100%;
  padding-right: 25rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-P01-01-P01-page .filter-rdo-frm .filter-rdo .rdo > span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 20rem;
  height: 20rem;
  opacity: 0;
  background: url("../images/common/icn-20-rdo-sel.svg") no-repeat center center/contain;
}
.F-P01-01-P01-page .filter-rdo-frm .filter-rdo .rdo > span strong {
  display: block;
  margin-bottom: 4rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
}
.F-P01-01-P01-page .filter-rdo-frm .filter-rdo input:checked + .rdo {
  background-color: #EAE6FB;
  border-color: #542FDD;
}
.F-P01-01-P01-page .filter-rdo-frm .filter-rdo input:checked + .rdo > span {
  font-weight: 600;
  color: #542FDD;
}
.F-P01-01-P01-page .filter-rdo-frm .filter-rdo input:checked + .rdo > span::after {
  opacity: 1;
}
.F-P01-01-P01-page .filter-rdo-frm .filter-rdo.has-tit .rdo {
  padding-top: 13rem;
  padding-bottom: 13rem;
}
.F-P01-01-P01-page .filter-rdo-frm .filter-rdo.has-tit .rdo > span::after {
  top: 1rem;
}
.F-P01-01-P01-page .filter-rdo-frm .filter-rdo.has-tit input:checked + .rdo > span {
  font-weight: 500;
  color: #542FDD;
}
.F-P01-01-P01-page .filter-chk-frm {
  display: flex;
  align-items: flex-start;
  gap: 8rem;
}
.F-P01-01-P01-page .filter-chk-frm .filter-chk-group {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 4rem 8rem;
  width: 100%;
}
.F-P01-01-P01-page .filter-chk-frm .filter-chk-group .filter-tit {
  width: 100%;
  margin-bottom: 2rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-P01-01-P01-page .filter-range-frm .range-wrapper {
  position: relative;
  width: 100%;
  height: 32rem;
}
.F-P01-01-P01-page .filter-range-frm .range-wrapper .range {
  -webkit-appearance: none;
  -moz-appearance: none; /* 7차 수정 : range Firefox 호환 추가 */
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 6rem; /* 7차 수정 : range Firefox 호환 추가 */
  background-color: transparent;
  pointer-events: none;
}
.F-P01-01-P01-page .filter-range-frm .range-wrapper .range::-webkit-slider-runnable-track {
  height: 6rem;
  background: transparent;
  border-radius: 6rem;
  pointer-events: none;
}
.F-P01-01-P01-page .filter-range-frm .range-wrapper .range::-moz-range-track { /* 7차 수정 : range Firefox 호환 추가 */
  height: 6rem;
  background: transparent;
  border-radius: 6rem;
}
.F-P01-01-P01-page .filter-range-frm .range-wrapper .range::-webkit-slider-thumb {
  -webkit-appearance: none;
  position: relative;
  top: -13rem;
  width: 32rem;
  height: 32rem;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #EFF0F0;
  box-shadow: 0 0 4rem 0 rgba(0, 0, 0, 0.15);
  cursor: pointer;
  pointer-events: auto;
}
.F-P01-01-P01-page .filter-range-frm .range-wrapper .range::-moz-range-thumb { /* 7차 수정 : range Firefox 호환 추가 */
  width: 32rem;
  height: 32rem;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #EFF0F0;
  box-shadow: 0 0 4rem 0 rgba(0, 0, 0, 0.15);
  cursor: pointer;
  pointer-events: auto;
}
.F-P01-01-P01-page .filter-range-frm .range-wrapper .range-labels {
  position: absolute;
  top: 20px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #333;
}
.F-P01-01-P01-page .filter-range-frm .range-wrapper .range:nth-child(1) {
  z-index: 1;
}
.F-P01-01-P01-page .filter-range-frm .range-wrapper .range:nth-child(2) {
  z-index: 2;
}

/*-------------------------------------------------------------------
	분류그룹 : 제보하기 팝업
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-P02-01-P01-page .msg-sec .report-list {
  margin-top: 20rem;
}
.F-P02-01-P01-page .msg-sec .report-list .report-item + .report-item {
  margin-top: 10rem;
}
.F-P02-01-P01-page .msg-sec .report-list .report-item .ui-textarea {
  height: 115rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 접수완료 팝업
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	분류그룹 : 구매처 알림 팝업 Case1 팝업
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-P02-01-P03-page .modal-body {
  padding-bottom: 0;
  margin-bottom: 40rem;
}
.F-P02-01-P03-page .usimBuy-intro-sec {
  padding-top: 10rem;
}
.F-P02-01-P03-page .usimBuy-intro-sec .intro-box {
  display: flex;
  align-items: center;
  gap: 8rem;
  padding: 16rem;
  /* padding-left: 0; 7차 수정 : 유심 구매 안내 수정 */
  border-radius: 10rem;
  background-color: #F4F5F8;
}
.F-P02-01-P03-page .usimBuy-intro-sec .intro-box .intro-img {
  flex: none;
  width: 80rem;
  height: 80rem;
}
.F-P02-01-P03-page .usimBuy-intro-sec .intro-box .intro-img img {
  width: 100%;
  height: 100%;
}
.F-P02-01-P03-page .usimBuy-intro-sec .intro-box .intro-con {
  flex: 1 1 auto;
}
.F-P02-01-P03-page .usimBuy-intro-sec .intro-box .intro-con .tit {
  width: 100%;
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
  letter-spacing: -1px;
  color: #2A2B2D;
}
.F-P02-01-P03-page .usimBuy-intro-sec .intro-box .intro-con .tit em {
  color: #542FDD;
}
@media all and (min-width: 480px) {
  .F-P02-01-P03-page .usimBuy-intro-sec .intro-box .intro-con .tit {
    letter-spacing: 0;
  }
}
.F-P02-01-P03-page .usimBuy-intro-sec .intro-box .intro-con .txt {
  margin-top: 10rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-P02-01-P03-page .usimBuy-store-sec {
  margin-top: 30rem;
}
.F-P02-01-P03-page .usimBuy-store-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-P02-01-P03-page .usimBuy-store-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-P02-01-P03-page .usimBuy-store-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-P02-01-P03-page .usimBuy-store-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-P02-01-P03-page .usimBuy-store-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-P02-01-P03-page .usimBuy-store-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-P02-01-P03-page .usimBuy-store-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-P02-01-P03-page .usimBuy-store-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-P02-01-P03-page .usimBuy-store-sec .sec-header .btn-more.static {
  position: static;
}
.F-P02-01-P03-page .usimBuy-store-sec .usim-img {
  width: 100%;
  height: 212rem;
  text-align: center;
}
.F-P02-01-P03-page .usimBuy-store-sec .usim-img img {
  max-width: 100%;
  height: 100%;
  vertical-align: top;
}
.F-P02-01-P03-page .usimBuy-store-sec .usim-msg p {
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  text-align: center;
}
.F-P02-01-P03-page .usimBuy-store-sec .usim-store-list {
  margin-top: 12rem;
}
.F-P02-01-P03-page .usimBuy-store-sec .usim-store-list .usim-store-item + .usim-store-item {
  margin-top: 10rem;
}
.F-P02-01-P03-page .usimBuy-store-sec .usim-store-card {
  padding: 16rem;
  border-radius: 10rem;
  background-color: #F4F5F8;
}
.F-P02-01-P03-page .usimBuy-store-sec .usim-store-card .card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-P02-01-P03-page .usimBuy-store-sec .usim-store-card .card-title .title {
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #2A2B2D;
  word-break: keep-all;
}
.F-P02-01-P03-page .usimBuy-store-sec .usim-store-card .card-title .btn-sub {
  width: 80rem;
  margin-left: auto;
}
.F-P02-01-P03-page .usimBuy-store-sec .usim-store-card .card-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #63666A;
}
.F-P02-01-P03-page .usimBuy-store-sec .usim-store-card .card-info .info-txt {
  width: 100%;
}
.F-P02-01-P03-page .usimBuy-store-sec .usim-store-card .card-info .split {
  margin: 0 6rem;
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
}
.F-P02-01-P03-page .usimBuy-store-sec .usim-store-card .card-info .ui-btn {
  margin-left: 2rem;
}
@media all and (min-width: 720px) {
  .F-P02-01-P03-page .usimBuy-store-sec .usim-store-card .card-title .title br {
    display: none;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-P02-01-P03-page .usimBuy-store-sec .usim-store-card .card-title .title br {
    display: none;
  }
}

/*-------------------------------------------------------------------
	분류그룹 : 구매처 알림 팝업 Case2 팝업
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-P02-01-P04-page .modal-body {
  padding-bottom: 0;
  margin-bottom: 40rem;
}
.F-P02-01-P04-page .usimBuy-intro-sec {
  padding-top: 10rem;
}
.F-P02-01-P04-page .usimBuy-intro-sec .intro-box {
  display: flex;
  align-items: center;
  gap: 8rem;
  padding: 16rem;
  /* padding-left: 0; 7차 수정 : 유심 구매 안내 수정 */
  border-radius: 10rem;
  background-color: #F4F5F8;
}
.F-P02-01-P04-page .usimBuy-intro-sec .intro-box .intro-img {
  flex: none;
  width: 80rem;
  height: 80rem;
}
.F-P02-01-P04-page .usimBuy-intro-sec .intro-box .intro-img img {
  width: 100%;
  height: 100%;
}
.F-P02-01-P04-page .usimBuy-intro-sec .intro-box .intro-con {
  flex: 1 1 auto;
}
.F-P02-01-P04-page .usimBuy-intro-sec .intro-box .intro-con .tit {
  width: 100%;
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
  letter-spacing: -1px;
  color: #2A2B2D;
}
.F-P02-01-P04-page .usimBuy-intro-sec .intro-box .intro-con .tit em {
  color: #542FDD;
}
@media all and (min-width: 480px) {
  .F-P02-01-P04-page .usimBuy-intro-sec .intro-box .intro-con .tit {
    letter-spacing: 0;
  }
}
.F-P02-01-P04-page .usimBuy-intro-sec .intro-box .intro-con .txt {
  margin-top: 10rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-P02-01-P04-page .usimBuy-store-sec {
  margin-top: 30rem;
}
.F-P02-01-P04-page .usimBuy-store-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-P02-01-P04-page .usimBuy-store-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-P02-01-P04-page .usimBuy-store-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-P02-01-P04-page .usimBuy-store-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-P02-01-P04-page .usimBuy-store-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-P02-01-P04-page .usimBuy-store-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-P02-01-P04-page .usimBuy-store-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-P02-01-P04-page .usimBuy-store-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-P02-01-P04-page .usimBuy-store-sec .sec-header .btn-more.static {
  position: static;
}
.F-P02-01-P04-page .usimBuy-store-sec .usim-img {
  width: 100%;
  height: 212rem;
  text-align: center;
}
.F-P02-01-P04-page .usimBuy-store-sec .usim-img img {
  max-width: 100%;
  height: 100%;
  vertical-align: top;
}
.F-P02-01-P04-page .usimBuy-store-sec .usim-msg p {
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  text-align: center;
}
.F-P02-01-P04-page .usimBuy-store-sec .usim-store-list {
  margin-top: 12rem;
}
.F-P02-01-P04-page .usimBuy-store-sec .usim-store-list .usim-store-item + .usim-store-item {
  margin-top: 10rem;
}
.F-P02-01-P04-page .usimBuy-store-sec .usim-store-card {
  padding: 16rem;
  border-radius: 10rem;
  background-color: #F4F5F8;
}
.F-P02-01-P04-page .usimBuy-store-sec .usim-store-card .card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-P02-01-P04-page .usimBuy-store-sec .usim-store-card .card-title .title {
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #2A2B2D;
  word-break: keep-all;
}
.F-P02-01-P04-page .usimBuy-store-sec .usim-store-card .card-title .btn-sub {
  width: 80rem;
  margin-left: auto;
}
.F-P02-01-P04-page .usimBuy-store-sec .usim-store-card .card-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #63666A;
}
.F-P02-01-P04-page .usimBuy-store-sec .usim-store-card .card-info .info-txt {
  width: 100%;
}
.F-P02-01-P04-page .usimBuy-store-sec .usim-store-card .card-info .split {
  margin: 0 6rem;
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
}
.F-P02-01-P04-page .usimBuy-store-sec .usim-store-card .card-info .ui-btn {
  margin-left: 2rem;
}
@media all and (min-width: 720px) {
  .F-P02-01-P04-page .usimBuy-store-sec .usim-store-card .card-title .title br {
    display: none;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-P02-01-P04-page .usimBuy-store-sec .usim-store-card .card-title .title br {
    display: none;
  }
}

/*-------------------------------------------------------------------
	분류그룹 : 구매처 알림 팝업 Case2 팝업
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-P02-01-P05-page .modal-body {
  padding-bottom: 0;
  margin-bottom: 40rem;
}
.F-P02-01-P05-page .usimBuy-intro-sec {
  padding-top: 10rem;
}
.F-P02-01-P05-page .usimBuy-intro-sec .intro-box {
  display: flex;
  align-items: center;
  gap: 8rem;
  padding: 16rem;
  /* padding-left: 0; 7차 수정 : 유심 구매 안내 수정 */
  border-radius: 10rem;
  background-color: #F4F5F8;
}
.F-P02-01-P05-page .usimBuy-intro-sec .intro-box .intro-img {
  flex: none;
  width: 80rem;
  height: 80rem;
}
.F-P02-01-P05-page .usimBuy-intro-sec .intro-box .intro-img img {
  width: 100%;
  height: 100%;
}
.F-P02-01-P05-page .usimBuy-intro-sec .intro-box .intro-con {
  flex: 1 1 auto;
}
.F-P02-01-P05-page .usimBuy-intro-sec .intro-box .intro-con .tit {
  width: 100%;
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
  letter-spacing: -1px;
  color: #2A2B2D;
}
.F-P02-01-P05-page .usimBuy-intro-sec .intro-box .intro-con .tit em {
  color: #542FDD;
}
@media all and (min-width: 480px) {
  .F-P02-01-P05-page .usimBuy-intro-sec .intro-box .intro-con .tit {
    letter-spacing: 0;
  }
}
.F-P02-01-P05-page .usimBuy-intro-sec .intro-box .intro-con .txt {
  margin-top: 10rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-P02-01-P05-page .usimBuy-store-sec {
  margin-top: 30rem;
}
.F-P02-01-P05-page .usimBuy-store-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-P02-01-P05-page .usimBuy-store-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-P02-01-P05-page .usimBuy-store-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-P02-01-P05-page .usimBuy-store-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-P02-01-P05-page .usimBuy-store-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-P02-01-P05-page .usimBuy-store-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-P02-01-P05-page .usimBuy-store-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-P02-01-P05-page .usimBuy-store-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-P02-01-P05-page .usimBuy-store-sec .sec-header .btn-more.static {
  position: static;
}
.F-P02-01-P05-page .usimBuy-store-sec .usim-img {
  width: 100%;
  height: 212rem;
  text-align: center;
}
.F-P02-01-P05-page .usimBuy-store-sec .usim-img img {
  max-width: 100%;
  height: 100%;
  vertical-align: top;
}
.F-P02-01-P05-page .usimBuy-store-sec .usim-msg p {
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  text-align: center;
}
.F-P02-01-P05-page .usimBuy-store-sec .usim-store-list {
  margin-top: 12rem;
}
.F-P02-01-P05-page .usimBuy-store-sec .usim-store-list .usim-store-item + .usim-store-item {
  margin-top: 10rem;
}
.F-P02-01-P05-page .usimBuy-store-sec .usim-store-card {
  padding: 16rem;
  border-radius: 10rem;
  background-color: #F4F5F8;
}
.F-P02-01-P05-page .usimBuy-store-sec .usim-store-card .card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-P02-01-P05-page .usimBuy-store-sec .usim-store-card .card-title .title {
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #2A2B2D;
  word-break: keep-all;
}
.F-P02-01-P05-page .usimBuy-store-sec .usim-store-card .card-title .btn-sub {
  width: 80rem;
  margin-left: auto;
}
.F-P02-01-P05-page .usimBuy-store-sec .usim-store-card .card-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #63666A;
}
.F-P02-01-P05-page .usimBuy-store-sec .usim-store-card .card-info .info-txt {
  width: 100%;
}
.F-P02-01-P05-page .usimBuy-store-sec .usim-store-card .card-info .split {
  margin: 0 6rem;
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
}
.F-P02-01-P05-page .usimBuy-store-sec .usim-store-card .card-info .ui-btn {
  margin-left: 2rem;
}
@media all and (min-width: 720px) {
  .F-P02-01-P05-page .usimBuy-store-sec .usim-store-card .card-title .title br {
    display: none;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-P02-01-P05-page .usimBuy-store-sec .usim-store-card .card-title .title br {
    display: none;
  }
}

/*-------------------------------------------------------------------
	분류그룹 : 구매처 알림 팝업 Case2 팝업
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-P02-01-P06-page .modal-body {
  padding-bottom: 0;
  margin-bottom: 40rem;
}
.F-P02-01-P06-page .usimBuy-intro-sec {
  padding-top: 10rem;
}
.F-P02-01-P06-page .usimBuy-intro-sec .intro-box {
  display: flex;
  align-items: center;
  gap: 8rem;
  padding: 16rem;
  /* padding-left: 0; 7차 수정 : 유심 구매 안내 수정 */
  border-radius: 10rem;
  background-color: #F4F5F8;
}
.F-P02-01-P06-page .usimBuy-intro-sec .intro-box .intro-img {
  flex: none;
  width: 80rem;
  height: 80rem;
}
.F-P02-01-P06-page .usimBuy-intro-sec .intro-box .intro-img img {
  width: 100%;
  height: 100%;
}
.F-P02-01-P06-page .usimBuy-intro-sec .intro-box .intro-con {
  flex: 1 1 auto;
}
.F-P02-01-P06-page .usimBuy-intro-sec .intro-box .intro-con .tit {
  width: 100%;
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
  letter-spacing: -1px;
  color: #2A2B2D;
}
.F-P02-01-P06-page .usimBuy-intro-sec .intro-box .intro-con .tit em {
  color: #542FDD;
}
@media all and (min-width: 480px) {
  .F-P02-01-P06-page .usimBuy-intro-sec .intro-box .intro-con .tit {
    letter-spacing: 0;
  }
}
.F-P02-01-P06-page .usimBuy-intro-sec .intro-box .intro-con .txt {
  margin-top: 10rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-P02-01-P06-page .usimBuy-store-sec {
  margin-top: 30rem;
}
.F-P02-01-P06-page .usimBuy-store-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-P02-01-P06-page .usimBuy-store-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-P02-01-P06-page .usimBuy-store-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-P02-01-P06-page .usimBuy-store-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-P02-01-P06-page .usimBuy-store-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-P02-01-P06-page .usimBuy-store-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-P02-01-P06-page .usimBuy-store-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-P02-01-P06-page .usimBuy-store-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-P02-01-P06-page .usimBuy-store-sec .sec-header .btn-more.static {
  position: static;
}
.F-P02-01-P06-page .usimBuy-store-sec .usim-img {
  width: 100%;
  height: 212rem;
  text-align: center;
}
.F-P02-01-P06-page .usimBuy-store-sec .usim-img img {
  max-width: 100%;
  height: 100%;
  vertical-align: top;
}
.F-P02-01-P06-page .usimBuy-store-sec .usim-msg p {
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  text-align: center;
}
.F-P02-01-P06-page .usimBuy-store-sec .usim-store-list {
  margin-top: 12rem;
}
.F-P02-01-P06-page .usimBuy-store-sec .usim-store-list .usim-store-item + .usim-store-item {
  margin-top: 10rem;
}
.F-P02-01-P06-page .usimBuy-store-sec .usim-store-card {
  padding: 16rem;
  border-radius: 10rem;
  background-color: #F4F5F8;
}
.F-P02-01-P06-page .usimBuy-store-sec .usim-store-card .card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-P02-01-P06-page .usimBuy-store-sec .usim-store-card .card-title .title {
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #2A2B2D;
  word-break: keep-all;
}
.F-P02-01-P06-page .usimBuy-store-sec .usim-store-card .card-title .btn-sub {
  width: 80rem;
  margin-left: auto;
}
.F-P02-01-P06-page .usimBuy-store-sec .usim-store-card .card-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #63666A;
}
.F-P02-01-P06-page .usimBuy-store-sec .usim-store-card .card-info .info-txt {
  width: 100%;
}
.F-P02-01-P06-page .usimBuy-store-sec .usim-store-card .card-info .split {
  margin: 0 6rem;
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
}
.F-P02-01-P06-page .usimBuy-store-sec .usim-store-card .card-info .ui-btn {
  margin-left: 2rem;
}
@media all and (min-width: 720px) {
  .F-P02-01-P06-page .usimBuy-store-sec .usim-store-card .card-title .title br {
    display: none;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-P02-01-P06-page .usimBuy-store-sec .usim-store-card .card-title .title br {
    display: none;
  }
}
.F-P02-01-P06-page .usimBuy-store-sec .usim-img {
  margin-top: 30rem;
  height: 173rem;
}
.F-P02-01-P06-page .usimBuy-store-sec .usim-img img {
  height: 100%;
}

/*-------------------------------------------------------------------
	분류그룹 : 요금제 상세
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-P02-01-page {
  --sec-outer-margin: 50rem;
}
.F-P02-01-page .tab-content {
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-P02-01-page .tab-content {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-P02-01-page .tab-content {
    padding-bottom: 48rem;
  }
}
.F-P02-01-page .ratePlanC-sec {
  padding-top: 20rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15rem;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-body {
  position: relative;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-body .card-button {
  position: absolute;
  left: -16rem;
  right: -16rem;
  top: -16rem;
  bottom: -16rem;
  z-index: 1;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-footer {
  margin-top: 16rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-util {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-util-label {
  display: flex;
  flex: none;
  gap: 2rem;
  font-size: 10rem;
  line-height: 12rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-util-label .label {
  display: inline-block;
  padding: 3rem 5rem 5rem;
  border-radius: 2rem;
  color: #fff;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.skt {
  background-color: #3617CE;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.kt {
  background-color: #EC1B23;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.lgu {
  background-color: #D0006F;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.main {
  background-color: #2091AA;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.price {
  background-color: #EFBD28;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.benefit {
  background-color: #0084FF;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.semotong {
  background-color: #542FDD;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.merge {
  background-color: #EFBD28;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.open {
  background-color: #0084FF;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-util-label .label.lowest {
  background-color: #1fbc5e;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-util-btn {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12rem;
  margin-left: auto;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-stit {
  margin-bottom: 3rem;
  font-weight: 500;
  font-size: 10rem;
  line-height: 14rem;
  color: #96989B;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-tit {
  font-weight: 700;
  font-size: 20rem;
  color: #000;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-tit .ui-btn {
  z-index: 10;
  top: 1rem;
  margin-left: 4rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-name {
  margin-top: 4rem;
  font-size: 12rem;
  color: #777;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-info {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 8rem;
  margin-bottom: 20rem;
  padding: 2rem 0;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-info .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CFD0D1;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-info .label {
  display: inline-flex;
  align-items: center;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-info .label .ui-icn {
  margin-right: 4rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-charge {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-charge .brand {
  display: flex;
  align-items: center;
  height: 20rem;
  gap: 4rem;
  margin-top: 1rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-charge .brand img {
  height: 100%;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-charge .brand .brand-rating {
  display: inline-flex;
  align-items: center;
  padding: 2rem 8rem 2rem 4rem;
  border: 1px solid #CDC2F5;
  border-radius: 15rem;
  color: #542FDD;
  font-weight: 500;
  font-size: 12rem;
  line-height: 14rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-charge .charge { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  text-align: right;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-charge .charge .charge-tit { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-charge .charge .charge-txt { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-top: 0rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-charge .charge .charge-point {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-charge .charge .charge-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status {
  padding: 11rem 16rem;
  background-color: #F4F5F8;
  border-radius: 4rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift {
  position: relative;
  display: flex;
  align-items: center;
  --icn-size: 20rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift .img {
  width: var(--icn-size);
  height: var(--icn-size);
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift .ui-btn {
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 2rem;
  z-index: 10;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift .status-gift-tit {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: var(--icn-size);
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift .status-gift-tit .count {
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--icn-size);
  height: var(--icn-size);
  outline: 2rem solid #F4F5F8;
  margin-left: -6rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  background-color: #B7B9BA;
  border-radius: 50%;
  color: #fff;
  font-size: 10rem;
  line-height: var(--icn-size);
  font-weight: 400;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift .status-gift-tit .tit {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  margin-left: 6rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: var(--icn-size);
  color: #63666A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift .status-gift-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift .status-gift-list li {
  position: relative;
  width: 100%;
  padding-left: calc(var(--icn-size) + 6rem);
  font-weight: 500;
  font-size: 12rem;
  line-height: 20rem;
  color: #63666A;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift .status-gift-list li .img {
  position: absolute;
  left: 0;
  top: 0;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift .status-gift-expanded {
  display: none;
  width: 100%;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift.is-expanded .ui-btn .ui-icn {
  transform: rotate(180deg);
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-tit {
  display: none;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-expanded {
  display: block;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-choice .choice {
  display: flex;
  align-items: center;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-choice .choice .ui-icn:first-child {
  margin-right: 4rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-choice .choice .txt {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-choice .choice .txt em {
  color: #542FDD;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-choice .choice .split {
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
  margin: 0 8rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-choice .ui-btn {
  margin-left: auto; /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  align-items: center;
  font-weight: 600;
  font-size: 12rem;
  line-height: 14rem;
  color: #828588;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status .status-choice .ui-btn > span { /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  margin-left: 4rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-status + .card-compare-mo {
  margin-top: 12rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare {
  width: auto;
  height: 20rem;
  padding: 0 7rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
  vertical-align: top;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare .icn-selection {
  display: none;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare.outlined:active {
  background-color: #fff;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare.is-selected {
  color: #542FDD;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-default {
  display: none;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-pc .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare {
  width: 100%;
  height: 38rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare .icn-selection {
  display: none;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16rem;
  height: 16rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare.outlined:active {
  background-color: #fff;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare.is-selected {
  color: #542FDD;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-default {
  display: none;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-compare-mo .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-buyinfo {
  margin-top: 32rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-buyinfo .buyinfo-con {
  text-align: center;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-buyinfo .buyinfo-con dt {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-buyinfo .buyinfo-con dt:last-child { /* 8차 수정 : 내용 숨김에 대한 여백 조정 */
  margin-bottom: 20rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card .card-buyinfo .buyinfo-con dd {
  margin-top: 6rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card.plan-best {
  border-color: #542FDD;
  padding-top: 45rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card.plan-best .card-best {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(90deg, #6039EE 0%, #3A1EA2 100%);
  padding: 6rem 11rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card.plan-best .card-best p {
  display: flex;
  gap: 4rem;
  color: #fff;
  font-weight: 500;
  font-size: 12re;
  line-height: 18rem;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card.outlined {
  box-shadow: none;
  border-color: #EFF0F0;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card.outlined.is-recom {
  border-color: #542FDD;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card.outlined.is-recom .card-badge {
  position: absolute;
  right: 10rem;
  top: 0;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card + .ratePlan-info {
  margin-top: 12rem;
  text-align: right;
}
.F-P02-01-page .ratePlanC-sec .ratePlanC-card + .ratePlan-info .btn-texted {
  font-size: 12rem;
  line-height: 18rem;
  color: #828588;
}
.F-P02-01-page .ratePlanC-sec + .ui-tab { /* 7차 수정 : 결합배너 미노출시 여백 대응 */
  margin-top: 34rem;
}
.F-P02-01-page .ratePlan-combi-sec { /* 2차 수정 : 체크박스 삭제, 간격 수정 */
  /* .ui-chk {
   	margin-top: 14rem;
  } */
}
.F-P02-01-page .ratePlan-combi-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-P02-01-page .ratePlan-combi-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-P02-01-page .ratePlan-combi-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-P02-01-page .ratePlan-combi-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-P02-01-page .ratePlan-combi-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-P02-01-page .ratePlan-combi-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-P02-01-page .ratePlan-combi-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-P02-01-page .ratePlan-combi-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-P02-01-page .ratePlan-combi-sec .sec-header .btn-more.static {
  position: static;
}
.F-P02-01-page .ratePlan-combi-sec .combi-swiper { /* 7차 수정 : 결합배너 스와이프로 변경 */ }
.F-P02-01-page .ratePlan-combi-sec .combi-swiper .swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8rem;
  gap: 4rem;
}
.F-P02-01-page .ratePlan-combi-sec .combi-swiper .swiper-pagination-bullet {
  width: 6rem;
  height: 6rem;
  margin: 0;
  border-radius: 3rem;
  background-color: #EFF0F0;
  opacity: 1;
  transition: all 0.2s ease;
}
.F-P02-01-page .ratePlan-combi-sec .combi-swiper .swiper-pagination-bullet-active {
  width: 12rem;
  background-color: #542FDD;
}
.F-P02-01-page .ratePlan-combi-sec .combi-bnr { /* 7차 수정 : 결합배너 스와이프로 변경 */
  display: flex;
  width: 100%;
}
.F-P02-01-page .ratePlan-combi-sec .combi-bnr img {
  width: 100%;
  border-radius: 2rem;
  vertical-align: top;
}
.F-P02-01-page .ratePlan-combi-sec .noti-box {
  margin-top: 14rem;
  border-radius: 2rem;
}
.F-P02-01-page .ratePlan-combi-sec .noti-box .noti-box-tit {
  margin-bottom: 12rem;
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
}
.F-P02-01-page .ratePlan-combi-sec .noti-box .noti-box-list li {
  position: relative;
  padding-left: 18rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #63666A;
  word-break: keep-all;
}
.F-P02-01-page .ratePlan-combi-sec .noti-box .noti-box-list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 6rem;
  top: 6rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #63666A;
}
.F-P02-01-page .ratePlan-combi-sec .noti-box .noti-box-list li + li {
  margin-top: 6rem;
}
.F-P02-01-page .ratePlan-combi-sec .noti-box .noti-box-header {
  position: relative;
  padding: 20rem 16rem;
  padding-right: 20rem;
  margin-top: 10rem;
  background-color: #f4f4f4;
}
.F-P02-01-page .ratePlan-combi-sec .noti-box .noti-box-header .noti-box-title {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-P02-01-page .ratePlan-combi-sec .noti-box .noti-box-header .noti-box-expand {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.F-P02-01-page .ratePlan-combi-sec .noti-box .noti-box-header .noti-box-expand .ui-icn {
  right: 16rem;
}
.F-P02-01-page .ratePlan-combi-sec .noti-box .noti-box-header .noti-box-expand[aria-expanded=true] .ui-icn {
  position: absolute;
  transform: rotate(180deg);
}
.F-P02-01-page .ratePlan-combi-sec .noti-box .noti-box-body {
  overflow: hidden;
  background-color: #f4f4f4;
}
.F-P02-01-page .ratePlan-combi-sec .noti-box .noti-box-body .noti-box-con {
  padding: 0 16rem 20rem 16rem;
}
.F-P02-01-page .benefit-sec {
  margin-top: var(--sec-outer-margin);
}
.F-P02-01-page .benefit-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-P02-01-page .benefit-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-P02-01-page .benefit-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-P02-01-page .benefit-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-P02-01-page .benefit-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-P02-01-page .benefit-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-P02-01-page .benefit-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-P02-01-page .benefit-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-P02-01-page .benefit-sec .sec-header .btn-more.static {
  position: static;
}
.F-P02-01-page .benefit-sec .benefit-box {
  padding: 16rem;
  background-color: #F4F5F8;
  border-radius: 4rem;
}
.F-P02-01-page .benefit-sec .benefit-box.primary {
  background-color: #EAE6FB;
}
.F-P02-01-page .benefit-sec .benefit-box.primary .benefit-tit {
  color: #542FDD;
}
.F-P02-01-page .benefit-sec .benefit-box + .benefit-box {
  margin-top: 10rem;
}
.F-P02-01-page .benefit-sec .benefit-box .benefit-tit {
  font-size: 16rem;
  font-weight: 600;
  line-height: 24rem;
  margin-bottom: 8rem;
}
.F-P02-01-page .benefit-sec .benefit-box .benefit-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.F-P02-01-page .benefit-sec .benefit-box .benefit-list .benefit-item {
  width: 100%;
}
.F-P02-01-page .benefit-sec .benefit-box .benefit-list .benefit-item .benefit-card {
  display: flex;
  align-items: center;
  gap: 10rem;
  height: 82rem;
  padding: 12rem;
  border-radius: 4rem;
  background-color: #fff;
}
.F-P02-01-page .benefit-sec .benefit-box .benefit-list .benefit-item .benefit-card .benefit-card-img {
  flex: none;
  width: 36rem;
  height: 36rem;
}
.F-P02-01-page .benefit-sec .benefit-box .benefit-list .benefit-item .benefit-card .benefit-card-img img {
  width: 100%;
  height: 100%;
}
.F-P02-01-page .benefit-sec .benefit-box .benefit-list .benefit-item .benefit-card .benefit-card-con {
  flex: 1 1 auto;
  overflow: hidden;
}
.F-P02-01-page .benefit-sec .benefit-box .benefit-list .benefit-item .benefit-card .benefit-card-con .tit {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}
.F-P02-01-page .benefit-sec .benefit-box .benefit-list .benefit-item .benefit-card .benefit-card-con .tit .ui-btn {
  display: block;
  width: auto;
  flex: 0 1 auto;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.F-P02-01-page .benefit-sec .benefit-box .benefit-list .benefit-item .benefit-card .benefit-card-con .txt {
  margin-top: 4rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 18rem;
  color: #828588;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.F-P02-01-page .ratePlan-detail-sec {
  margin-top: var(--sec-outer-margin);
}
.F-P02-01-page .ratePlan-detail-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-P02-01-page .ratePlan-detail-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-P02-01-page .ratePlan-detail-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-P02-01-page .ratePlan-detail-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-P02-01-page .ratePlan-detail-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-P02-01-page .ratePlan-detail-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-P02-01-page .ratePlan-detail-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-P02-01-page .ratePlan-detail-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-P02-01-page .ratePlan-detail-sec .sec-header .btn-more.static {
  position: static;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card {
  border: 1px solid #EFF0F0;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  padding: 16rem;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-header {
  padding-top: 4rem;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-header .card-tit {
  font-weight: 700;
  font-size: 18rem;
  line-height: 26rem;
  color: #36383A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-header .card-explain {
  margin-top: 4rem;
  color: #828588;
  font-size: 13rem;
  line-height: 18rem;
  word-break: keep-all;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-body {
  margin-top: 14rem;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-body .price-info {
  margin-bottom: 20rem;
  padding: 12rem 16rem 20rem 16rem;
  border: 1px solid #EFF0F0;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-body .price-info .price-desc {
  margin-bottom: 8rem;
  color: #96989B;
  text-align: right;
  font-size: 14rem;
  line-height: 20rem;
  font-weight: 500;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-body .price-info .price-item-group {
  display: flex;
  flex-direction: column;
  gap: 12rem;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-body .price-info .price-item-group .price-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16rem;
  width: 100%;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-body .price-info .price-item-group .price-item .price-label {
  display: flex;
  align-items: center;
  flex: none;
  width: 70rem;
  height: 20rem;
  gap: 8rem;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-body .price-info .price-item-group .price-item .price-label img {
  height: 100%;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-body .price-info .price-item-group .price-item .price-progress {
  flex: 1 1 auto;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-body .price-info .price-item-group .price-item .price-progress .progress {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22rem;
  width: 100%;
  border-radius: 4rem;
  overflow: hidden;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-body .price-info .price-item-group .price-item .price-progress .progress .progress-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 500;
  text-align: center;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-body .price-info .price-item-group .price-item.type-a .price-progress .progress .progress-label {
  background-color: #D1EBE4;
  color: #6F948A;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-body .price-info .price-item-group .price-item.type-b .price-progress .progress .progress-label {
  background-color: #EAE6FB;
  color: #8C85A9;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-body .price-info .price-item-group .price-item.type-b .price-progress .progress .progress-label:nth-child(2) {
  background-color: #542FDD;
  color: #fff;
  font-weight: 700;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-body .price-info .price-item-group .price-divider {
  width: 100%;
  height: 1px;
  background-color: #eff0f0;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-body .card-info {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20rem 12rem;
  padding: 16rem 12rem;
  border-radius: 4rem;
  background-color: #F4F5F8;
  text-align: center;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-body .card-info .tit {
  display: block;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #96989B;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-body .card-info .txt {
  display: block;
  margin-top: 2rem;
  font-weight: 700;
  font-size: 14rem;
  line-height: 16rem;
  color: #36383A;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-card .card-body .card-info + .card-info {
  margin-top: 10rem;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco {
  margin-top: 30rem;
  border-top: 1px solid #EFF0F0;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .collapse:not(.show) {
  display: none;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-button .ui-icn {
  transition: transform 0.35s ease;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-button[aria-expanded=true] .ui-icn {
  transform: rotate(180deg);
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-item {
  padding: 14rem 0;
  border-bottom: 1px solid #EFF0F0;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-header {
  position: relative;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-header .acco-button {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-header .acco-button > span {
  position: relative;
  display: block;
  padding-right: 12rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  max-height: 40rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-header .acco-button .ui-icn {
  margin-left: auto;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-body {
  margin-top: 16rem;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-body .acco-answer { /* 8차 수정 : 요금제 상세 정보 수정(여기부터) */
  display: flex;
  flex-direction: column;
  gap: 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #46484B;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-body .acco-answer h3 {
  font-weight: 700;
  color: #2A2B2D;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-body .acco-answer div {
  margin-top: 16rem;
  margin-bottom: 4rem;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-body .acco-answer div:first-child {
  margin-top: 0;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-body .acco-answer div:last-child {
  margin-bottom: 0;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-body .acco-answer ol {
  font-size: 14rem;
  line-height: 22rem;
  margin-top: 8rem;
  margin-bottom: 8rem;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-body .acco-answer ol:first-child {
  margin-top: 0;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-body .acco-answer ol:last-child {
  margin-bottom: 0;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-body .acco-answer ol li {
  position: relative;
  counter-increment: item;
  margin-top: 8rem;
  padding-left: 12rem;
  padding-bottom: 8rem;
  border-bottom: 1px solid #ddd;
  font-weight: 400;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-body .acco-answer ol li::before {
  content: counter(item) ". ";
  position: absolute;
  left: 0;
  top: 0;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-body .acco-answer ol li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco .acco-body .acco-answer small { /* 8차 수정 : 요금제 상세 정보 수정(여기까지) */
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
}
@media all and (min-width: 720px) {
  .F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco {
    margin-left: 0;
    margin-right: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-P02-01-page .ratePlan-detail-sec .ratePlan-detail-acco {
    margin-left: 0;
    margin-right: 0;
  }
}
.F-P02-01-page .review-sec {
  margin-top: var(--sec-outer-margin);
}
.F-P02-01-page .review-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-P02-01-page .review-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-P02-01-page .review-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-P02-01-page .review-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-P02-01-page .review-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-P02-01-page .review-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-P02-01-page .review-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-P02-01-page .review-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-P02-01-page .review-sec .sec-header .btn-more.static {
  position: static;
}
.F-P02-01-page .review-sec .review-brand-sat .ui-btn {
  display: flex;
  width: 100%;
  padding: 16rem;
  border-radius: 4rem;
  background-color: #F4F5F8;
}
.F-P02-01-page .review-sec .review-brand-sat .ui-btn > .brand {
  display: flex;
  align-items: center;
  height: 28rem;
  gap: 6rem;
}
.F-P02-01-page .review-sec .review-brand-sat .ui-btn > .brand img {
  height: 100%;
}
.F-P02-01-page .review-sec .review-brand-sat .ui-btn > .brand .brand-rating {
  display: inline-flex;
  align-items: center;
  padding: 3rem 8rem 3rem 4rem;
  border: 1px solid #CDC2F5;
  border-radius: 15rem;
  color: #542FDD;
  font-weight: 500;
  font-size: 12rem;
  line-height: 14rem;
}
.F-P02-01-page .review-sec .review-brand-sat .ui-btn > .ui-icn {
  margin-left: auto;
}
.F-P02-01-page .review-sec .review-user-sat {
  margin-top: 10rem;
}
.F-P02-01-page .review-sec .review-user-sat .review-list .review-item {
  border-bottom: 1px solid #EFF0F0;
}
@media all and (min-width: 720px) {
  .F-P02-01-page .review-sec .review-user-sat .review-list {
    margin-left: 0;
    margin-right: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-P02-01-page .review-sec .review-user-sat .review-list {
    margin-left: 0;
    margin-right: 0;
  }
}
.F-P02-01-page .review-sec .review-user-sat .review-card {
  display: flex;
  flex-wrap: wrap;
  padding: 14rem 0;
}
.F-P02-01-page .review-sec .review-user-sat .review-card .review-telecom {
  display: flex;
  align-items: center;
  height: 16rem;
  margin-right: 12rem;
}
.F-P02-01-page .review-sec .review-user-sat .review-card .review-telecom img {
  height: 100%;
}
.F-P02-01-page .review-sec .review-user-sat .review-card .review-name {
  margin-right: 10rem;
  font-weight: 700;
  font-size: 14rem;
  line-height: 16rem;
}
.F-P02-01-page .review-sec .review-user-sat .review-card .review-sat {
  display: inline-flex;
  gap: 4rem;
  align-items: center;
}
.F-P02-01-page .review-sec .review-user-sat .review-card .review-sat .val {
  font-weight: 500;
  font-size: 14rem;
  line-height: 16rem;
  color: #46484B;
}
.F-P02-01-page .review-sec .review-user-sat .review-card .review-con {
  width: 100%; /* 2025-02-03 조찬기 : 리뷰 내용 내려가게 수정 */
  margin-top: 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  max-height: 60rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media all and (min-width: 720px) {
  .F-P02-01-page .review-sec .review-user-sat .review-card {
    padding-left: 0;
    padding-right: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-P02-01-page .review-sec .review-user-sat .review-card {
    padding-left: 0;
    padding-right: 0;
  }
}
.F-P02-01-page .faq-sec {
  margin-top: var(--sec-outer-margin);
}
.F-P02-01-page .faq-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-P02-01-page .faq-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-P02-01-page .faq-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-P02-01-page .faq-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-P02-01-page .faq-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-P02-01-page .faq-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-P02-01-page .faq-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-P02-01-page .faq-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-P02-01-page .faq-sec .sec-header .btn-more.static {
  position: static;
}
.F-P02-01-page .faq-sec .faq-accordion {
  margin-top: -14rem;
}
.F-P02-01-page .faq-sec .faq-accordion .collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
.F-P02-01-page .faq-sec .faq-accordion .collapse:not(.show) {
  display: none;
}
.F-P02-01-page .faq-sec .faq-accordion .acco-button .ui-icn {
  transition: transform 0.35s ease;
}
.F-P02-01-page .faq-sec .faq-accordion .acco-button[aria-expanded=true] .ui-icn {
  transform: rotate(180deg);
}
.F-P02-01-page .faq-sec .faq-accordion .acco-item {
  padding: 14rem 0;
  border-bottom: 1px solid #EFF0F0;
}
.F-P02-01-page .faq-sec .faq-accordion .acco-header {
  position: relative;
}
.F-P02-01-page .faq-sec .faq-accordion .acco-header .acco-button {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  padding-right: 24rem;
}
.F-P02-01-page .faq-sec .faq-accordion .acco-header .acco-button > .part { /* 8차 수정 : FAQ 요금제 소개 한줄 처리 */
  display: inline-block;
  min-width: 60rem;
  font-size: 14rem;
  line-height: 20rem;
  flex: none;
}
.F-P02-01-page .faq-sec .faq-accordion .acco-header .acco-button > span {
  position: relative;
  display: block;
  padding-left: 16rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  max-height: 40rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.F-P02-01-page .faq-sec .faq-accordion .acco-header .acco-button > span em {
  position: absolute;
  left: 0;
  top: 0;
  color: #542FDD;
}
.F-P02-01-page .faq-sec .faq-accordion .acco-header .acco-button .ui-icn {
  position: absolute;
  right: 0;
  top: calc(50% - 8rem);
}
.F-P02-01-page .faq-sec .faq-accordion .acco-body {
  margin-top: 16rem;
}
.F-P02-01-page .faq-sec .faq-accordion .acco-body .acco-answer {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #46484B;
}
.F-P02-01-page .faq-sec .faq-accordion .acco-body .acco-answer ol {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  font-size: 12rem;
  line-height: 16rem;
  margin-top: 8rem;
  margin-bottom: 8rem;
}
.F-P02-01-page .faq-sec .faq-accordion .acco-body .acco-answer ol:first-child {
  margin-top: 0;
}
.F-P02-01-page .faq-sec .faq-accordion .acco-body .acco-answer ol:last-child {
  margin-bottom: 0;
}
.F-P02-01-page .faq-sec .faq-accordion .acco-body .acco-answer ol li {
  position: relative;
  counter-increment: item;
  padding-left: 12rem;
}
.F-P02-01-page .faq-sec .faq-accordion .acco-body .acco-answer ol li::before {
  content: counter(item) ". ";
  position: absolute;
  left: 0;
  top: 0;
}
@media all and (min-width: 720px) {
  .F-P02-01-page .faq-sec .faq-accordion {
    margin: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-P02-01-page .faq-sec .faq-accordion {
    margin: 0;
  }
}
.F-P02-01-page .account-sol-sec {
  margin-top: 30rem;
}
.F-P02-01-page .account-sol-sec .sec-tit {
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
  text-align: center;
}
.F-P02-01-page .account-sol-sec .ui-tab {
  display: flex;
  justify-content: center;
  margin-top: 16rem;
}
.F-P02-01-page .account-sol-sec .ui-tab .tab-list {
  width: 268rem;
}
.F-P02-01-page .account-sol-sec .tab-content {
  height: auto;
  overflow: hidden;
  margin-top: 16rem;
  padding-bottom: 0;
}
.F-P02-01-page .account-sol-sec .solution-steps {
  padding: 20rem;
  border-radius: 4rem;
  background-color: #F4F5F8;
}
.F-P02-01-page .account-sol-sec .solution-steps li {
  position: relative;
  display: flex;
  padding-bottom: 26rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #46484B;
}
.F-P02-01-page .account-sol-sec .solution-steps li::after {
  content: "";
  position: absolute;
  left: 11rem;
  top: 28rem;
  bottom: 4rem;
  display: block;
  width: 2rem;
  background: url("../images/common/line-18-step.svg") repeat-y center center;
}
.F-P02-01-page .account-sol-sec .solution-steps li:last-child {
  padding-bottom: 0;
}
.F-P02-01-page .account-sol-sec .solution-steps li:last-child::after {
  display: none;
}
.F-P02-01-page .account-sol-sec .solution-steps li .num {
  flex: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24rem;
  height: 24rem;
  margin-right: 10rem;
  border-radius: 50%;
  background-color: #CDC2F5;
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
  color: #542FDD;
}
.F-P02-01-page .account-sol-sec .solution-steps li .inline-block {
  display: inline-block;
}
.F-P02-01-page .account-sol-sec .solution-steps li strong {
  font-weight: 700;
}
.F-P02-01-page .similar-plan-sec {
  margin-bottom: 30rem;
  margin-top: var(--sec-outer-margin);
}
.F-P02-01-page .similar-plan-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-P02-01-page .similar-plan-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-P02-01-page .similar-plan-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-P02-01-page .similar-plan-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-P02-01-page .similar-plan-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-P02-01-page .similar-plan-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-P02-01-page .similar-plan-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-P02-01-page .similar-plan-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-P02-01-page .similar-plan-sec .sec-header .btn-more.static {
  position: static;
}
.F-P02-01-page .similar-plan-sec .similar-plan-swiper .swiper-wrapper .swiper-slide {
  width: 240rem;
}
@media all and (min-width: 720px) {
  .F-P02-01-page .similar-plan-sec .similar-plan-swiper .swiper-wrapper .swiper-slide {
    width: 233rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-P02-01-page .similar-plan-sec .similar-plan-swiper .swiper-wrapper .swiper-slide {
    width: 233rem;
  }
}
.F-P02-01-page .similar-plan-sec .similar-plan-card {
  width: 100%;
}
.F-P02-01-page .similar-plan-sec .similar-plan-card .card-body {
  position: relative;
  padding: 16rem;
  border-radius: 2rem;
  background-color: #F4F5F8;
}
.F-P02-01-page .similar-plan-sec .similar-plan-card .card-body .card-tit {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-P02-01-page .similar-plan-sec .similar-plan-card .card-body .card-con {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin-top: 15rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
}
.F-P02-01-page .similar-plan-sec .similar-plan-card .card-body .card-con dt {
  flex: none;
  width: 60rem;
  color: #000;
}
.F-P02-01-page .similar-plan-sec .similar-plan-card .card-body .card-con dd {
  width: calc(100% - 60rem);
  color: #5A5D60;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-P02-01-page .similar-plan-sec .similar-plan-card .card-body .card-charge {
  margin-top: 14rem;
  padding-top: 10rem;
  border-top: 1px solid #CFD0D1;
  text-align: right;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-P02-01-page .similar-plan-sec .similar-plan-card .card-body .card-point {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 600;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-P02-01-page .similar-plan-sec .similar-plan-card .card-body .card-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
  font-weight: 700;
}
.F-P02-01-page .similar-plan-sec .similar-plan-card .card-body .card-button {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.F-P02-01-page .payment-noti-sec {
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 100;
  margin-top: auto;
  padding-top: 20rem;
  background-color: #fff;
  border-radius: 20rem 20rem 0 0;
  box-shadow: 0 -4rem 20rem 0 rgba(0, 0, 0, 0.1);
}
.F-P02-01-page .payment-noti-sec .payment-noti .payment-tit {
  padding: 0 4rem;
}
.F-P02-01-page .payment-noti-sec .payment-noti .payment-tit .charge {
  font-weight: 700;
  font-size: 20rem;
  line-height: 28rem;
  color: #000;
}
.F-P02-01-page .payment-noti-sec .payment-noti .payment-tit .charge-sale {
  display: none;
}
.F-P02-01-page .payment-noti-sec .payment-noti .payment-tit .charge-point {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-P02-01-page .payment-noti-sec .payment-noti .payment-tit .charge-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
}
.F-P02-01-page .payment-noti-sec .payment-noti .payment-tit .explan {
  margin-top: 1rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #828588;
}
.F-P02-01-page .payment-noti-sec .payment-noti .payment-tit .explan em {
  font-weight: 700;
}
.F-P02-01-page .payment-noti-sec .payment-noti .payment-tit .explan em.price {
  color: #000;
}
.F-P02-01-page .payment-noti-sec .payment-noti .payment-con {
  margin-top: 13rem;
  padding: 8rem 12rem;
  border-radius: 4rem;
  background-color: #F4F5F8;
}
.F-P02-01-page .payment-noti-sec .payment-noti .payment-con .item {
  display: flex;
  justify-content: space-between;
  font-size: 12rem;
  line-height: 16rem;
}
.F-P02-01-page .payment-noti-sec .payment-noti .payment-con .item .tit {
  display: block;
  font-weight: 500;
}
.F-P02-01-page .payment-noti-sec .payment-noti .payment-con .item .charge {
  display: block;
  font-weight: 700;
  text-align: right;
}
.F-P02-01-page .payment-noti-sec .payment-noti .payment-con .item + .item {
  margin-top: 2rem;
}
.F-P02-01-page .payment-noti-sec .payment-noti .payment-btn {
  margin-top: 20rem;
  padding-bottom: 32rem;
}
.F-P02-01-page .payment-noti-sec .payment-noti.is-sale .payment-tit .charge {
  display: none;
}
.F-P02-01-page .payment-noti-sec .payment-noti.is-sale .payment-tit .charge-sale {
  display: flex;
  align-items: center;
}
.F-P02-01-page .payment-noti-sec .payment-noti.is-sale .payment-tit .charge-sale strong {
  font-weight: 700;
  font-size: 20rem;
  line-height: 28rem;
  color: #000;
  color: #542FDD;
}
.F-P02-01-page .payment-noti-sec .payment-noti.is-sale .payment-tit .charge-sale span {
  margin-left: 4rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #828588;
}
@media all and (min-width: 720px) {
  .F-P02-01-page .payment-noti-sec {
    border-top: 1px solid #EFF0F0;
    box-shadow: none;
    border-radius: 0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-P02-01-page .payment-noti-sec {
    border-top: 1px solid #EFF0F0;
    box-shadow: none;
    border-radius: 0;
  }
}
.F-P02-01-page .expand-sec-group {
  position: relative;
  overflow: hidden;
  height: 368rem;
}
.F-P02-01-page .expand-sec-group .expand-sec-btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 104px;
  background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0.4) 100%);
}
.F-P02-01-page .expand-sec-group .expand-sec-btn .btn-expand {
  height: 48rem;
  gap: 4rem;
  padding: 10rem 16rem;
  background-color: #131414;
  border-radius: 30rem;
  font-size: 16rem;
  line-height: 22rem;
  color: #fff;
}
.F-P02-01-page .expand-sec-group .expand-sec-btn .btn-expand span::after {
  content: " 펼쳐보기";
}
.F-P02-01-page .expand-sec-group.is-expanded {
  height: auto;
}
.F-P02-01-page .expand-sec-group.is-expanded .expand-sec-btn {
  position: static;
}
.F-P02-01-page .expand-sec-group.is-expanded .expand-sec-btn .btn-expand span::after {
  content: " 접어보기";
}
.F-P02-01-page .expand-sec-group.is-expanded .expand-sec-btn .btn-expand .ui-icn {
  transform: rotate(180deg);
}

.benefit-modal-page .benefit-detail-sec {
  padding-top: 10rem;
}
.benefit-modal-page .benefit-detail-sec .benefit-image + .benefit-text {
  margin-top: 20rem;
}
.benefit-modal-page .benefit-detail-sec .benefit-text {
  padding: 16rem;
  background-color: #F4F5F8;
  border-radius: 4rem;
}
.benefit-modal-page .benefit-detail-sec .benefit-text .tit {
  margin-bottom: 10rem;
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}
.benefit-modal-page .benefit-detail-sec .benefit-text .bul {
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.benefit-modal-page .benefit-detail-sec .benefit-text .bul li {
  position: relative;
  padding-left: 16rem;
  font-size: 12rem;
  line-height: 20rem;
  color: #63666A;
}
.benefit-modal-page .benefit-detail-sec .benefit-text .bul li::before {
  content: "";
  position: absolute;
  top: 8rem;
  left: 4rem;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #999;
  background-color: #999;
}

/*-------------------------------------------------------------------
	분류그룹 : 요금제 신청
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-P03-01-page {
  padding: 0 12rem 32rem 12rem;
}
.F-P03-01-page .page-moving-sec {
  /* margin-top: 26rem; 1차 수정건: 여백 삭제 */
  padding: 16rem 12rem 12rem 12rem;
  background-color: #F4F5F8;
}
.F-P03-01-page .page-moving-sec p {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #36383A;
  text-align: center;
}
.F-P03-01-page .page-moving-sec .page-moving {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12rem;
  gap: 6rem;
}
.F-P03-01-page .page-moving-sec .page-moving .brand {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 112rem;
  height: 70rem;
  border-radius: 4rem;
  background-color: #fff;
}
.F-P03-01-page .page-moving-sec .page-moving .brand img {
  max-width: 100%;
  height: 24rem;
}

/*-------------------------------------------------------------------
	분류그룹 : S캐쉬 보유현황
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-SC01-P01-page .sCash-sec .sCash-box {
  margin-top: 12rem;
  box-shadow: 0rem 4rem 10rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16rem;
}
.F-SC01-P01-page .sCash-sec .sCash-box .sCash-tit {
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #2801B5;
}
.F-SC01-P01-page .sCash-sec .sCash-box .sCash-val {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #63666A;
}
.F-SC01-P01-page .sCash-sec .sCash-info {
  margin-top: 10rem;
  text-align: right;
  font-size: 10rem;
  line-height: 14rem;
  color: #BFBFBF;
}
.F-SC01-P01-page .sCash-sec .sCash-list-wrap {
  margin-top: 16rem;
}
.F-SC01-P01-page .sCash-sec .sCash-list-wrap .sCash-list .sCash-item + .sCash-item {
  margin-top: 4rem;
}
.F-SC01-P01-page .sCash-sec .sCash-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8rem 0;
  gap: 10rem;
}
.F-SC01-P01-page .sCash-sec .sCash-wrap .sCash-val,
.F-SC01-P01-page .sCash-sec .sCash-wrap .sCash-label {
  flex: none;
  flex: none;
}
.F-SC01-P01-page .sCash-sec .sCash-wrap .sCash-con {
  flex: 1 1 auto;
  overflow: hidden;
}
.F-SC01-P01-page .sCash-sec .sCash-wrap .label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34rem;
  height: 34rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #fff;
  border-radius: 50%;
}
.F-SC01-P01-page .sCash-sec .sCash-wrap .label.plus {
  background-color: #7C5FE5;
}
.F-SC01-P01-page .sCash-sec .sCash-wrap .label.minus {
  background-color: #E55F61;
}
.F-SC01-P01-page .sCash-sec .sCash-wrap .title {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-SC01-P01-page .sCash-sec .sCash-wrap .date {
  margin-top: 2rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-SC01-P01-page .sCash-sec .sCash-wrap .val {
  min-width: 106rem;
  font-weight: 500;
  font-size: 16rem;
  line-height: 22rem;
  color: #63666A;
  text-align: right;
}

/*-------------------------------------------------------------------
	분류그룹 : S캐쉬 전환하기
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-SC02-page.content {
  padding-top: 56rem;
  padding-bottom: 32rem;
}
@media all and (min-width: 720px) {
  .F-SC02-page.content {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-SC02-page.content {
    padding-bottom: 48rem;
  }
}
.F-SC02-page .sCash-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-SC02-page .sCash-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-SC02-page .sCash-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-SC02-page .sCash-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-SC02-page .sCash-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-SC02-page .sCash-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-SC02-page .sCash-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-SC02-page .sCash-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-SC02-page .sCash-sec .sec-header .btn-more.static {
  position: static;
}
.F-SC02-page .sCash-sec .sCash-box {
  box-shadow: 0rem 4rem 10rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16rem;
}
.F-SC02-page .sCash-sec .sCash-box .sCash-tit {
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #2801B5;
}
.F-SC02-page .sCash-sec .sCash-box .sCash-val {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #63666A;
}
.F-SC02-page .sCash-sec .sCash-frm {
  margin-top: 32rem;
}
.F-SC02-page .sCash-sec .sCash-frm .sCash-frm-field + .sCash-frm-field {
  margin-top: 20rem;
}
.F-SC02-page .sCash-sec .sCash-frm .tab-pane {
  margin-top: 8rem;
}
.F-SC02-page .sCash-sec .sCash-frm .basic-frm {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.F-SC02-page .sCash-sec .sCash-frm .basic-frm .frm-field-group {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.F-SC02-page .sCash-sec .sCash-frm .basic-frm .frm-field {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.F-SC02-page .sCash-sec .sCash-frm .basic-frm .frm-field .frm-title {
  margin-bottom: 10rem;
}
.F-SC02-page .sCash-sec .sCash-frm .basic-frm .frm-field .frm-title .tit {
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-SC02-page .sCash-sec .sCash-frm .basic-frm .frm-field .frm-group {
  display: flex;
  align-items: center;
  gap: 8rem;
}
.F-SC02-page .sCash-sec .sCash-frm .basic-frm .frm-field .frm-group .btn-sub {
  margin: 0;
  height: 52rem;
  width: auto;
  min-width: 100rem;
}
.F-SC02-page .sCash-sec .sCash-frm .basic-frm .frm-field .frm-group + .frm-group {
  margin-top: 10rem;
}
.F-SC02-page .sCash-sec .sCash-frm .basic-frm .frm-field .frm-group .frm-split {
  color: #D9D9D9;
}
.F-SC02-page .sCash-sec .sCash-frm .basic-frm .frm-field .frm-group.type-car .ui-inp .inp {
  text-align: center;
}
.F-SC02-page .sCash-sec .sCash-frm .basic-frm .frm-field .frm-group.type-car .ui-inp:nth-child(3) {
  flex: none;
  width: 25%;
}
.F-SC02-page .sCash-sec .sCash-frm .basic-frm .frm-field .frm-group.type-serial .ui-inp .inp {
  padding-left: 8rem;
  padding-right: 8rem;
  text-align: center;
}
@media all and (min-width: 480px) {
  .F-SC02-page .sCash-sec .sCash-frm .basic-frm .frm-field .frm-group.type-serial .ui-inp .inp {
    padding-left: 17rem;
    padding-right: 17rem;
  }
}
.F-SC02-page .sCash-sec .sCash-frm .basic-frm .frm-alert {
  display: none;
  margin-top: 6rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
}
.F-SC02-page .sCash-sec .sCash-frm .basic-frm .frm-alert.is-show {
  display: block;
}
.F-SC02-page .sCash-sec .sCash-frm .basic-frm .frm-alert.is-errored {
  color: #EA2A2A;
}
.F-SC02-page .sCash-sec .sCash-frm .basic-frm .frm-group .btn-more {
  margin-left: auto;
}
.F-SC02-page .sCash-sec .sCash-frm .rdo-style1 .rdo > span {
  letter-spacing: -0.6rem;
}
.F-SC02-page .sCash-sec .sChash-guide {
  margin-top: 40rem;
  border-radius: 4rem;
  padding: 16rem;
  background-color: #F4F5F8;
}
.F-SC02-page .sCash-sec .sChash-guide li {
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #63666A;
}
.F-SC02-page .complete-sec {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
}
.F-SC02-page .complete-sec .sec-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.F-SC02-page .complete-sec .sec-inner .complete-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.F-SC02-page .complete-sec .sec-inner .complete-wrap strong {
  display: block;
  margin-top: 20rem;
  text-align: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 28rem;
  color: #000;
}
.F-SC02-page .complete-sec .sec-inner .complete-wrap .msg-fail {
  margin-top: 15rem;
  text-align: center;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #E55F61;
}
.F-SC02-page .complete-sec .sec-inner .complete-wrap .msg-complete {
  margin-top: 15rem;
  text-align: center;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #46484B;
}
.F-SC02-page .complete-sec .sec-inner .complete-wrap .msg-complete em {
  font-weight: 700;
  color: #542FDD;
}
.F-SC02-page .complete-sec .sCash-box {
  width: 100%;
  margin-top: 30rem;
  margin-bottom: 10rem;
  box-shadow: 0rem 4rem 10rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16rem;
}
.F-SC02-page .complete-sec .sCash-box .sCash-tit {
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #2801B5;
}
.F-SC02-page .complete-sec .sCash-box .sCash-val {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #63666A;
}

/*-------------------------------------------------------------------
	분류그룹 : 외부영업 요금제 목록
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-SL01-page {
  padding-top: 40rem;
  padding-bottom: calc(40rem + env(safe-area-inset-bottom, 0)/1.7);
}
.F-SL01-page .event-benefit-sec {
  margin-bottom: 50rem;
}
.F-SL01-page .event-benefit-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-SL01-page .event-benefit-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-SL01-page .event-benefit-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-SL01-page .event-benefit-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-SL01-page .event-benefit-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-SL01-page .event-benefit-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-SL01-page .event-benefit-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-SL01-page .event-benefit-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-SL01-page .event-benefit-sec .sec-header .btn-more.static {
  position: static;
}
.F-SL01-page .event-benefit-sec .event-bnr + .event-benefit {
  margin-top: 10rem;
}
.F-SL01-page .ratePlanC-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-SL01-page .ratePlanC-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-SL01-page .ratePlanC-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-SL01-page .ratePlanC-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-SL01-page .ratePlanC-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-SL01-page .ratePlanC-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-SL01-page .ratePlanC-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-SL01-page .ratePlanC-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-SL01-page .ratePlanC-sec .sec-header .btn-more.static {
  position: static;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
  padding-top: 16rem;
  padding-top: 0;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-item {
  width: 100%;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15rem;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body {
  position: relative;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body .card-button {
  position: absolute;
  left: -16rem;
  right: -16rem;
  top: -16rem;
  bottom: -16rem;
  z-index: 1;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-footer {
  margin-top: 16rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label {
  display: flex;
  flex: none;
  gap: 2rem;
  font-size: 10rem;
  line-height: 12rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label {
  display: inline-block;
  padding: 3rem 5rem 5rem;
  border-radius: 2rem;
  color: #fff;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.skt {
  background-color: #3617CE;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.kt {
  background-color: #EC1B23;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lgu {
  background-color: #D0006F;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.main {
  background-color: #2091AA;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.price {
  background-color: #EFBD28;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.benefit {
  background-color: #0084FF;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.semotong {
  background-color: #542FDD;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.merge {
  background-color: #EFBD28;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.open {
  background-color: #0084FF;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lowest {
  background-color: #1fbc5e;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-btn {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12rem;
  margin-left: auto;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-stit {
  margin-bottom: 3rem;
  font-weight: 500;
  font-size: 10rem;
  line-height: 14rem;
  color: #96989B;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit {
  font-weight: 700;
  font-size: 20rem;
  color: #000;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit .ui-btn {
  z-index: 10;
  top: 1rem;
  margin-left: 4rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-name {
  margin-top: 4rem;
  font-size: 12rem;
  color: #777;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 8rem;
  margin-bottom: 20rem;
  padding: 2rem 0;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CFD0D1;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label {
  display: inline-flex;
  align-items: center;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label .ui-icn {
  margin-right: 4rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand {
  display: flex;
  align-items: center;
  height: 20rem;
  gap: 4rem;
  margin-top: 1rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand img {
  height: 100%;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand .brand-rating {
  display: inline-flex;
  align-items: center;
  padding: 2rem 8rem 2rem 4rem;
  border: 1px solid #CDC2F5;
  border-radius: 15rem;
  color: #542FDD;
  font-weight: 500;
  font-size: 12rem;
  line-height: 14rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  text-align: right;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-tit { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-txt { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-top: 0rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status {
  padding: 11rem 16rem;
  background-color: #F4F5F8;
  border-radius: 4rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift {
  position: relative;
  display: flex;
  align-items: center;
  --icn-size: 20rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .img {
  width: var(--icn-size);
  height: var(--icn-size);
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .ui-btn {
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 2rem;
  z-index: 10;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: var(--icn-size);
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .count {
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--icn-size);
  height: var(--icn-size);
  outline: 2rem solid #F4F5F8;
  margin-left: -6rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  background-color: #B7B9BA;
  border-radius: 50%;
  color: #fff;
  font-size: 10rem;
  line-height: var(--icn-size);
  font-weight: 400;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .tit {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  margin-left: 6rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: var(--icn-size);
  color: #63666A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li {
  position: relative;
  width: 100%;
  padding-left: calc(var(--icn-size) + 6rem);
  font-weight: 500;
  font-size: 12rem;
  line-height: 20rem;
  color: #63666A;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li .img {
  position: absolute;
  left: 0;
  top: 0;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-expanded {
  display: none;
  width: 100%;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .ui-btn .ui-icn {
  transform: rotate(180deg);
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-tit {
  display: none;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-expanded {
  display: block;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice {
  display: flex;
  align-items: center;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .ui-icn:first-child {
  margin-right: 4rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt em {
  color: #542FDD;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .split {
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
  margin: 0 8rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn {
  margin-left: auto; /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  align-items: center;
  font-weight: 600;
  font-size: 12rem;
  line-height: 14rem;
  color: #828588;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn > span { /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  margin-left: 4rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status + .card-compare-mo {
  margin-top: 12rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare {
  width: auto;
  height: 20rem;
  padding: 0 7rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
  vertical-align: top;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .icn-selection {
  display: none;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined:active {
  background-color: #fff;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected {
  color: #542FDD;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-default {
  display: none;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare {
  width: 100%;
  height: 38rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .icn-selection {
  display: none;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16rem;
  height: 16rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined:active {
  background-color: #fff;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected {
  color: #542FDD;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-default {
  display: none;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo {
  margin-top: 32rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con {
  text-align: center;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt:last-child { /* 8차 수정 : 내용 숨김에 대한 여백 조정 */
  margin-bottom: 20rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dd {
  margin-top: 6rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best {
  border-color: #542FDD;
  padding-top: 45rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(90deg, #6039EE 0%, #3A1EA2 100%);
  padding: 6rem 11rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best p {
  display: flex;
  gap: 4rem;
  color: #fff;
  font-weight: 500;
  font-size: 12re;
  line-height: 18rem;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined {
  box-shadow: none;
  border-color: #EFF0F0;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom {
  border-color: #542FDD;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom .card-badge {
  position: absolute;
  right: 10rem;
  top: 0;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info {
  margin-top: 12rem;
  text-align: right;
}
.F-SL01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info .btn-texted {
  font-size: 12rem;
  line-height: 18rem;
  color: #828588;
}
.F-SL01-page .ratePlanC-sec .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
}
.F-SL01-page .ratePlanC-sec .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-SL01-page .ratePlanC-sec .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-SL01-page .ratePlanC-sec .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-SL01-page .ratePlanC-sec .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 외부영업 요금제 상세
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-SL-01-page {
  padding-bottom: calc(40rem + env(safe-area-inset-bottom, 0)/1.7);
}
.F-SL-01-page .ratePlanC-sec {
  margin-top: 16rem;
  padding-top: 16rem;
}
.F-SL-01-page .ratePlanC-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-SL-01-page .ratePlanC-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-SL-01-page .ratePlanC-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-SL-01-page .ratePlanC-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-SL-01-page .ratePlanC-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-SL-01-page .ratePlanC-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-SL-01-page .ratePlanC-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-SL-01-page .ratePlanC-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-SL-01-page .ratePlanC-sec .sec-header .btn-more.static {
  position: static;
}
@media all and (min-width: 720px) {
  .F-SL-01-page .ratePlanC-sec {
    margin-top: 16rem;
    padding-top: 0;
    border-top: 0;
  }
  .F-SL-01-page .ratePlanC-sec .sec-inner {
    padding-top: 16rem;
    border-top: 1px solid #EFF0F0;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .F-SL-01-page .ratePlanC-sec {
    margin-top: 16rem;
    padding-top: 0;
    border-top: 0;
  }
  .F-SL-01-page .ratePlanC-sec .sec-inner {
    padding-top: 16rem;
    border-top: 1px solid #EFF0F0;
  }
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-toolbar { /* 1차 수정: 툴바 전체 수정(셀렉트 말줄임 적용) */
  display: flex;
  align-items: center;
  gap: 8rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-toolbar .opt {
  display: flex;
  align-items: center;
  flex: none;
  gap: 4rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-toolbar .opt p {
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #63666A;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-toolbar .sort {
  display: flex;
  margin-left: auto;
  overflow: hidden;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-toolbar .sort .ui-btn {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
  gap: 4rem;
  width: 100%;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-toolbar .sort .ui-btn > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-toolbar + .ratePlanC-toolbar { /* 4차 수정 : 요금제 개수 추가 */
  margin-top: 20rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
  padding-top: 16rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-item {
  width: 100%;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15rem;
  box-shadow: 0rem 3rem 16rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body {
  position: relative;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-body .card-button {
  position: absolute;
  left: -16rem;
  right: -16rem;
  top: -16rem;
  bottom: -16rem;
  z-index: 1;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-footer {
  margin-top: 16rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label {
  display: flex;
  flex: none;
  gap: 2rem;
  font-size: 10rem;
  line-height: 12rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label {
  display: inline-block;
  padding: 3rem 5rem 5rem;
  border-radius: 2rem;
  color: #fff;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.skt {
  background-color: #3617CE;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.kt {
  background-color: #EC1B23;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lgu {
  background-color: #D0006F;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.main {
  background-color: #2091AA;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.price {
  background-color: #EFBD28;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.benefit {
  background-color: #0084FF;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.semotong {
  background-color: #542FDD;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.merge {
  background-color: #EFBD28;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.open {
  background-color: #0084FF;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-label .label.lowest {
  background-color: #1fbc5e;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-util-btn {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12rem;
  margin-left: auto;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-stit {
  margin-bottom: 3rem;
  font-weight: 500;
  font-size: 10rem;
  line-height: 14rem;
  color: #96989B;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit {
  font-weight: 700;
  font-size: 20rem;
  color: #000;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-tit .ui-btn {
  z-index: 10;
  top: 1rem;
  margin-left: 4rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-name {
  margin-top: 4rem;
  font-size: 12rem;
  color: #777;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info {
  display: flex;
  align-items: center;
  gap: 6rem;
  margin-top: 8rem;
  margin-bottom: 20rem;
  padding: 2rem 0;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .split {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #CFD0D1;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label {
  display: inline-flex;
  align-items: center;
  color: #494949;
  font-weight: 500;
  font-size: 12rem;
  line-height: 12rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-info .label .ui-icn {
  margin-right: 4rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand {
  display: flex;
  align-items: center;
  height: 20rem;
  gap: 4rem;
  margin-top: 1rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand img {
  height: 100%;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .brand .brand-rating {
  display: inline-flex;
  align-items: center;
  padding: 2rem 8rem 2rem 4rem;
  border: 1px solid #CDC2F5;
  border-radius: 15rem;
  color: #542FDD;
  font-weight: 500;
  font-size: 12rem;
  line-height: 14rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  text-align: right;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-tit { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-txt { /* 4차 수정 : 요금제 공통 할인금액 조건부 노출 대응 */
  margin-top: 0rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #828588;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  color: #E43558;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-charge .charge .charge-point .tit {
  font-size: 12rem;
  line-height: 24rem;
  margin-right: 4rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status {
  padding: 11rem 16rem;
  background-color: #F4F5F8;
  border-radius: 4rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift {
  position: relative;
  display: flex;
  align-items: center;
  --icn-size: 20rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .img {
  width: var(--icn-size);
  height: var(--icn-size);
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .ui-btn {
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 2rem;
  z-index: 10;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: var(--icn-size);
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .count {
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--icn-size);
  height: var(--icn-size);
  outline: 2rem solid #F4F5F8;
  margin-left: -6rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  background-color: #B7B9BA;
  border-radius: 50%;
  color: #fff;
  font-size: 10rem;
  line-height: var(--icn-size);
  font-weight: 400;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-tit .tit {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  margin-left: 6rem;
  font-weight: 600;
  font-size: 12rem;
  line-height: var(--icn-size);
  color: #63666A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li {
  position: relative;
  width: 100%;
  padding-left: calc(var(--icn-size) + 6rem);
  font-weight: 500;
  font-size: 12rem;
  line-height: 20rem;
  color: #63666A;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-list li .img {
  position: absolute;
  left: 0;
  top: 0;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift .status-gift-expanded {
  display: none;
  width: 100%;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .ui-btn .ui-icn {
  transform: rotate(180deg);
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-tit {
  display: none;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-gift.is-expanded .status-gift-expanded {
  display: block;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice {
  display: flex;
  align-items: center;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .ui-icn:first-child {
  margin-right: 4rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  color: #36383A;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .txt em {
  color: #542FDD;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .choice .split {
  content: "";
  display: block;
  width: 1px;
  height: 10rem;
  background-color: #CFD0D1;
  margin: 0 8rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn {
  margin-left: auto; /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  align-items: center;
  font-weight: 600;
  font-size: 12rem;
  line-height: 14rem;
  color: #828588;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status .status-choice .ui-btn > span { /* 4차 수정 : 요금제 카드 공통 오류문의 margin 추가 */
  margin-left: 4rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-status + .card-compare-mo {
  margin-top: 12rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare {
  width: auto;
  height: 20rem;
  padding: 0 7rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
  vertical-align: top;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .icn-selection {
  display: none;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.outlined:active {
  background-color: #fff;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected {
  color: #542FDD;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-default {
  display: none;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-pc .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare {
  width: 100%;
  height: 38rem;
  gap: 2rem;
  border-radius: 4rem;
  border: 1px solid transparent;
  font-size: 12rem;
  line-height: 16rem;
  font-weight: 600;
  color: #5A5D60;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .icn-selection {
  display: none;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare .count {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16rem;
  height: 16rem;
  padding: 0 1px 1px 0;
  font-weight: 500;
  font-size: 10rem;
  line-height: 12rem;
  border-radius: 50%;
  background-color: #542FDD;
  color: #fff;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined {
  border-color: #CFD0D1;
  background-color: #fff;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.outlined:active {
  background-color: #fff;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected {
  color: #542FDD;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-default {
  display: none;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .icn-selection {
  display: inline-flex;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected .count {
  display: inline-flex;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-compare-mo .btn-compare.is-selected.outlined {
  border-color: #542FDD;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo {
  margin-top: 32rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con {
  text-align: center;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt {
  font-weight: 700;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dt:last-child { /* 8차 수정 : 내용 숨김에 대한 여백 조정 */
  margin-bottom: 20rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card .card-buyinfo .buyinfo-con dd {
  margin-top: 6rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  color: #36383A;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best {
  border-color: #542FDD;
  padding-top: 45rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(90deg, #6039EE 0%, #3A1EA2 100%);
  padding: 6rem 11rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.plan-best .card-best p {
  display: flex;
  gap: 4rem;
  color: #fff;
  font-weight: 500;
  font-size: 12re;
  line-height: 18rem;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined {
  box-shadow: none;
  border-color: #EFF0F0;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom {
  border-color: #542FDD;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card.outlined.is-recom .card-badge {
  position: absolute;
  right: 10rem;
  top: 0;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info {
  margin-top: 12rem;
  text-align: right;
}
.F-SL-01-page .ratePlanC-sec .ratePlanC-list .ratePlanC-card + .ratePlan-info .btn-texted {
  font-size: 12rem;
  line-height: 18rem;
  color: #828588;
}
.F-SL-01-page .ratePlanC-sec .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
}
.F-SL-01-page .ratePlanC-sec .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-SL-01-page .ratePlanC-sec .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-SL-01-page .ratePlanC-sec .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-SL-01-page .ratePlanC-sec .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 이용약관
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.terms-content {
  padding-top: 16rem;
  padding-bottom: 32rem;
  color: #2A2B2D;
  margin-top: 24rem;
  word-break: keep-all;
  max-width: 1200rem;
}
@media all and (min-width: 720px) {
  .terms-content {
    padding-bottom: 48rem;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .terms-content {
    padding-bottom: 48rem;
  }
}
.terms-content:first-child {
  margin-top: 0;
}
.terms-content .terms-title {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16rem;
}
.terms-content .terms-title h2 {
  font-weight: 700;
  font-size: 20rem;
  line-height: 28rem;
  color: #000;
}
.terms-content .terms-title .ui-sel {
  margin-top: 8rem;
}
@media all and (min-width: 720px) {
  .terms-content .terms-title {
    align-items: center;
  }
  .terms-content .terms-title .ui-sel {
    width: 200rem;
    margin-top: 0rem;
    margin-left: auto;
  }
}
@media all and (min-width: 940px) and (min-height: 480px) {
  .terms-content .terms-title {
    align-items: center;
  }
  .terms-content .terms-title .ui-sel {
    width: 200rem;
    margin-top: 0rem;
    margin-left: auto;
  }
}
.terms-content h3 {
  margin-top: 30rem;
  margin-bottom: 4rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 24rem;
  color: #000;
}
.terms-content h3.terms-title-sub {
  margin-top: 40rem;
  font-size: 18rem;
  font-weight: 700;
}
.terms-content h3.terms-title-sub + h3 {
  margin-top: 10rem;
}
.terms-content h4 {
  margin-top: 10rem;
  margin-bottom: 4rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 22rem;
  color: #000;
}
.terms-content p.info {
  color: #666;
}
.terms-content p.center {
  text-align: center;
}
.terms-content a {
  text-decoration: underline;
  text-underline-position: under;
}
.terms-content > ul {
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.terms-content > ul.indent-hypen {
  padding-left: 12rem;
}
.terms-content > ul li {
  position: relative;
  padding-left: 12rem;
}
.terms-content > ul li::before {
  content: "";
  position: absolute;
  top: 7rem;
  left: 0;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #999;
  background-color: #999;
}
.terms-content > ol > li {
  position: relative;
  counter-increment: item;
  padding-left: 12rem;
}
.terms-content > ol > li + li {
  margin-top: 8rem;
}
.terms-content > ol > li::before {
  content: counter(item) ". ";
  position: absolute;
  left: 0;
  top: 0;
}
.terms-content > ol ul > li {
  position: relative;
  padding-left: 12rem;
  color: #46484B;
}
.terms-content > ol ul > li::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}
.terms-content .terms-num1 > li {
  text-indent: -15rem;
  padding-left: 15rem;
}
.terms-content .terms-num1 > li::before {
  display: none;
}
.terms-content .terms-num1 > li ol.terms-num2 {
  padding-top: 6rem;
}
.terms-content .terms-num2 > li {
  text-indent: -15rem;
  padding-left: 15rem;
}
.terms-content .terms-num2 > li::before {
  display: none;
}
.terms-content .terms-num2 > li + li {
  margin-top: 6rem;
}
.terms-content .terms-num2 > li ol.terms-kor1 {
  padding-top: 2rem;
}
.terms-content .terms-kor1 > li {
  text-indent: -18rem;
  padding-left: 18rem;
  color: #666;
}
.terms-content .terms-kor1 > li::before {
  display: none;
}
.terms-content .terms-kor1 > li strong.block {
  display: block;
  margin-top: 6rem;
  color: #000;
}
.terms-content .terms-kor1 > li + li {
  margin-top: 2rem;
}
.terms-content .terms-kor1 > li:first-child strong.block {
  margin-top: 0;
}
.terms-content .terms-hypen > li {
  text-indent: -10rem;
  padding-left: 10rem;
  color: #666;
}
.terms-content .terms-hypen > li::before {
  display: none;
}
.terms-content .terms-hypen > li + li {
  margin-top: 2rem;
}
.terms-content dl dt {
  margin-bottom: 4rem;
  font-weight: 600;
}
.terms-content dl dt ~ dt {
  margin-top: 8rem;
}
.terms-content .terms-tbl-scroll {
  width: 100%;
  overflow-x: auto;
  overscroll-behavior: auto;
  margin-top: 10rem;
}
.terms-content .terms-tbl-scroll .terms-tbl {
  min-width: 720rem;
}
.terms-content .terms-tbl {
  table-layout: fixed;
  border-top: 1px solid #46484B;
}
.terms-content .terms-tbl th, .terms-content .terms-tbl td {
  padding: 8rem 10rem;
}
.terms-content .terms-tbl th {
  padding: 8rem 0;
  font-weight: 600;
  text-align: center;
  background-color: #f1f3f5;
}
.terms-content .terms-tbl td {
  border-bottom: 1px solid #f1f3f5;
}
.terms-content .terms-tbl td > ul {
  padding-left: 0;
}
.terms-content p + .terms-tbl-scroll,
.terms-content p + .terms-tbl,
.terms-content p + ol,
.terms-content ol + p,
.terms-content dl + p,
.terms-content p + dl {
  margin-top: 16rem;
}

.modal-body .terms-content {
  padding-top: 0;
}

/*-------------------------------------------------------------------
	분류그룹 : 개인정보 제3자 동의
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-QU-page {
  padding-top: 56rem;
  padding-bottom: calc(32rem + env(safe-area-inset-bottom, 0)/1.7);
}
.F-QU-page section .sec-inner {
  max-width: 560rem;
}
.F-QU-page .simple-open-sec {
  flex: 1 1 auto;
  padding-bottom: 20rem;
}
.F-QU-page .simple-open-sec .sec-header {
  position: relative;
  margin-bottom: 16rem;
}
.F-QU-page .simple-open-sec .sec-header .sec-label {
  display: inline-block;
  margin-bottom: 8rem;
  padding: 4rem 8rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 18rem;
  background-color: #EAE6FB;
  border-radius: 2rem;
  color: #542FDD;
}
.F-QU-page .simple-open-sec .sec-header .sec-tit {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 24rem;
  color: #2A2B2D;
}
.F-QU-page .simple-open-sec .sec-header .sec-tit .ui-icn {
  margin-right: 4rem;
}
.F-QU-page .simple-open-sec .sec-header .sec-tit + .sec-explain {
  margin-top: 4rem;
}
@media all and (min-width: 480px) {
  .F-QU-page .simple-open-sec .sec-header .sec-tit br {
    display: none;
  }
}
.F-QU-page .simple-open-sec .sec-header .sec-explain {
  font-weight: 600;
  font-size: 14rem;
  color: #63666A;
}
.F-QU-page .simple-open-sec .sec-header .btn-more {
  position: absolute;
  right: 0;
  top: 0;
}
.F-QU-page .simple-open-sec .sec-header .btn-more.static {
  position: static;
}
.F-QU-page .simple-open-sec .sec-header {
  margin-bottom: 40rem;
}
.F-QU-page .simple-open-sec .sec-header .sec-tit {
  line-height: 28rem;
}
.F-QU-page .simple-open-sec .sec-header .sec-explain {
  letter-spacing: -0.5rem;
}
.F-QU-page .simple-open-sec .sec-body .tab-style1 {
  top: 0;
  margin-top: -20rem;
  padding-left: 0;
  padding-right: 0;
}
.F-QU-page .survey-list .survey-item + .survey-item {
  margin-top: 12rem;
}
.F-QU-page .survey-list .survey-rdo .rdo > span {
  text-align: left;
}
.F-QU-page .floating-sec {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  flex: none;
  padding-top: 20rem;
  padding-bottom: 32rem;
  margin-bottom: -32rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0rem, rgb(255, 255, 255) 20rem);
}
.F-QU-page .floating-sec .btn-action + .btn-action {
  margin-top: 14rem;
}
.F-QU-page .basic-frm {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.F-QU-page .basic-frm .frm-field-group {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.F-QU-page .basic-frm .frm-field {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.F-QU-page .basic-frm .frm-field .frm-title {
  margin-bottom: 10rem;
}
.F-QU-page .basic-frm .frm-field .frm-title .tit {
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-QU-page .basic-frm .frm-field .frm-group {
  display: flex;
  align-items: center;
  gap: 8rem;
}
.F-QU-page .basic-frm .frm-field .frm-group .btn-sub {
  margin: 0;
  height: 52rem;
  width: auto;
  min-width: 100rem;
}
.F-QU-page .basic-frm .frm-field .frm-group + .frm-group {
  margin-top: 10rem;
}
.F-QU-page .basic-frm .frm-field .frm-group .frm-split {
  color: #D9D9D9;
}
.F-QU-page .basic-frm .frm-field .frm-group.type-car .ui-inp .inp {
  text-align: center;
}
.F-QU-page .basic-frm .frm-field .frm-group.type-car .ui-inp:nth-child(3) {
  flex: none;
  width: 25%;
}
.F-QU-page .basic-frm .frm-field .frm-group.type-serial .ui-inp .inp {
  padding-left: 8rem;
  padding-right: 8rem;
  text-align: center;
}
@media all and (min-width: 480px) {
  .F-QU-page .basic-frm .frm-field .frm-group.type-serial .ui-inp .inp {
    padding-left: 17rem;
    padding-right: 17rem;
  }
}
.F-QU-page .basic-frm .frm-alert {
  display: none;
  margin-top: 6rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
}
.F-QU-page .basic-frm .frm-alert.is-show {
  display: block;
}
.F-QU-page .basic-frm .frm-alert.is-errored {
  color: #EA2A2A;
}
.F-QU-page .complete-sec {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
}
.F-QU-page .complete-sec .sec-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.F-QU-page .complete-sec .sec-inner .complete-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.F-QU-page .complete-sec .sec-inner .complete-wrap strong {
  display: block;
  margin-top: 20rem;
  text-align: center;
  font-weight: 700;
  font-size: 20rem;
  line-height: 28rem;
  color: #000;
}
.F-QU-page .complete-sec .sec-inner .complete-wrap .msg-fail {
  margin-top: 15rem;
  text-align: center;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #E55F61;
}
.F-QU-page .complete-sec .sec-inner .complete-wrap .msg-complete {
  margin-top: 15rem;
  text-align: center;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #46484B;
}
.F-QU-page .complete-sec .sec-inner .complete-wrap .msg-complete em {
  font-weight: 700;
  color: #542FDD;
}

/*-------------------------------------------------------------------
	분류그룹 : 개인정보 제3자 동의
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-QU01-01-P01-page .ready-steps li {
  display: flex;
  align-items: center;
  padding: 10rem 0;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #46484B;
}
.F-QU01-01-P01-page .ready-steps li .num {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24rem;
  height: 24rem;
  margin-right: 10rem;
  border-radius: 50%;
  background-color: #EAE6FB;
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
  color: #542FDD;
}
.F-QU01-01-P01-page .ready-steps li .tit {
  font-weight: 500;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-QU01-01-P01-page .ready-steps li .tit strong {
  font-weight: 700;
}
.F-QU01-01-P01-page .ready-steps li .txt {
  margin-top: 2rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #63666A;
}

/*-------------------------------------------------------------------
	분류그룹 : 약관동의
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-QU01-03-page .agree-terms {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 32rem;
}
.F-QU01-03-page .agree-terms-all {
  padding-bottom: 20rem;
  margin-bottom: 20rem;
  border-bottom: 1px solid #EFF0F0;
}
.F-QU01-03-page .agree-terms-all .chk-style1 .chk > span {
  color: #000;
}
.F-QU01-03-page .agree-terms-list {
  margin-bottom: 24rem;
}
.F-QU01-03-page .agree-terms-list:last-child {
  margin-bottom: 0;
}
.F-QU01-03-page .agree-terms-tit {
  margin-bottom: 10rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: #46484B;
}
.F-QU01-03-page .agree-terms-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6rem;
}
.F-QU01-03-page .agree-terms-item:last-child {
  margin-bottom: 0;
}
.F-QU01-03-page .agree-terms-item .chk-style1 .chk > span {
  font-size: 15rem;
  letter-spacing: -0.07em;
}
.F-QU01-03-page .agree-terms-item .btn-more { /* 6차 수정 : 동의여부 구조로 변경 (여기까지) */
  width: 28rem;
  height: 28rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 개통준비 가이드
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-QU01-05-page .certi-steps li {
  display: flex;
  align-items: center;
  padding: 10rem 0;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #46484B;
}
.F-QU01-05-page .certi-steps li .num {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24rem;
  height: 24rem;
  margin-right: 10rem;
  border-radius: 50%;
  background-color: #EAE6FB;
  font-weight: 700;
  font-size: 14rem;
  line-height: 20rem;
  color: #542FDD;
}
.F-QU01-05-page .certi-steps li .tit {
  font-weight: 500;
  font-size: 16rem;
  line-height: 22rem;
  color: #000;
}
.F-QU01-05-page .certi-steps li .tit strong {
  font-weight: 700;
}
.F-QU01-05-page .certi-steps li .txt {
  margin-top: 2rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #63666A;
}

/*-------------------------------------------------------------------
	분류그룹 : 유심 선택
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-QU01-07-page .help-service {
  margin-top: 30rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30rem;
}
.F-QU01-07-page .btn-info {
  gap: 6rem;
  padding: 8rem 14rem;
  border-radius: 20rem;
  background-color: #F4F5F8;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}

/*-------------------------------------------------------------------
	분류그룹 : 유심 정보 입력
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-QU01-07-01-page .usim-image {
  max-width: 50%;
  min-width: 225rem;
  padding: 10rem;
  margin: 0 auto 40rem auto;
}
.F-QU01-07-01-page .usim-image img {
  width: 100%;
}
.F-QU01-07-01-page .help-msg {
  margin-top: 10rem;
}
.F-QU01-07-01-page .help-msg .help-msg-tit {
  display: flex;
  align-items: flex-start;
  gap: 6rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #000;
}
.F-QU01-07-01-page .help-msg .help-msg-tit .ui-icn {
  top: 2rem;
}
.F-QU01-07-01-page .help-msg .help-msg-list {
  margin-top: 12rem;
}
.F-QU01-07-01-page .help-msg .help-msg-list li {
  font-size: 12rem;
  line-height: 16rem;
  word-break: keep-all;
  color: #5A5D60;
}
.F-QU01-07-01-page .help-msg .help-msg-list li em {
  flex: none;
  font-weight: 500;
}

/*-------------------------------------------------------------------
	분류그룹 : 유심 선택
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-QU01-07-03-page .help-service {
  margin-top: 30rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30rem;
}
.F-QU01-07-03-page .label-info {
  display: inline-flex;
  align-items: flex-start;
  gap: 6rem;
  padding: 8rem 14rem;
  border-radius: 40rem;
  background-color: #F4F5F8;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
  word-break: keep-all;
}
.F-QU01-07-03-page .label-info .ui-icn {
  top: 2rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 휴대폰 정보 팝업
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-QU01-07-P01-page .esim-info {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.F-QU01-07-P01-page .esim-info li {
  padding: 10rem 0;
  font-weight: 500;
  font-size: 16rem;
  line-height: 22rem;
  color: #000000;
}

/*-------------------------------------------------------------------
	분류그룹 : 휴대폰 정보입력
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-QU01-08-page .accordion-help {
  margin-top: 30rem;
  padding: 8rem 16rem;
  border-radius: 18rem;
  background-color: #F4F5F8;
}
.F-QU01-08-page .accordion-help .accordion-button {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 6rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-QU01-08-page .accordion-help .accordion-button .ui-icn {
  top: 2rem;
}
.F-QU01-08-page .accordion-help .accordion-button .icn-16-acco-gr {
  margin-left: auto;
}
.F-QU01-08-page .accordion-help .accordion-button:not(.collapsed) .icn-16-acco-gr {
  transform: rotate(180deg);
}
.F-QU01-08-page .accordion-help .accordion-body {
  margin-top: 20rem;
}
.F-QU01-08-page .accordion-help .accordion-body .tab-content {
  margin-top: 18rem;
}
.F-QU01-08-page .set-device {
  margin-bottom: -8rem;
}
.F-QU01-08-page .set-device-desc {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
  color: #5A5D60;
}
.F-QU01-08-page .set-device-desc em {
  font-weight: 700;
  color: #000;
}
.F-QU01-08-page .set-device-desc .ui-icn {
  margin-right: 4rem;
}
.F-QU01-08-page .set-device-img {
  display: flex;
  justify-content: center;
  margin-top: 16rem;
}
.F-QU01-08-page .set-device-img img {
  width: 100%;
  max-width: 300rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 신분증 정보 입력
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-QU01-10-01-page .persnal-card {
  margin: 10rem 0 40rem 0;
  text-align: center;
}
.F-QU01-10-01-page .persnal-card img {
  width: 210rem;
}

/*-------------------------------------------------------------------
	분류그룹 : 시스템에러
	속성순서 : 레이아웃, 크기간격, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
.F-ER-page {
  padding-top: 56rem;
  padding-bottom: calc(32rem + env(safe-area-inset-bottom, 0)/1.7);
}
.F-ER-page .error-sec {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
}
.F-ER-page .error-sec .sec-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
}
.F-ER-page .error-sec .nodata {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 328rem;
  margin-left: auto;
  margin-right: auto;
  padding: 60rem 16rem;
}
.F-ER-page .error-sec .nodata .ui-icn {
  margin-bottom: 8rem;
}
.F-ER-page .error-sec .nodata .nodata-tit {
  font-weight: 700;
  font-size: 16rem;
  line-height: 24rem;
  color: #36383A;
}
.F-ER-page .error-sec .nodata .nodata-txt {
  font-weight: 500;
  font-size: 14rem;
  line-height: 20rem;
  color: #5A5D60;
}
.F-ER-page .error-sec .nodata .nodata-tit + .nodata-txt {
  margin-top: 4rem;
}