@import url("../fonts/paperlogy/Paperlogy.css");
@import url("../fonts/pretendard/pretendard.css");
@import url("../fonts/suite/SUITE.css");
:root {
  /* Background Color */
  --bg-fst : #FFF7E0;
  --bg-snd : #FDEAEA;
  --bg-thd : #F4E3D6;
  --bg-white: #fff;
  --text-primary: #D31145;
  --text-secondary: #541828;
  --White: #ffffff;
  --Black: #000000;
  --Grey-01 : #262626;
  --Grey-03 : #767676;
  --Grey-04: #bbbbbb;
  --Gray-05: #ebeced;

}
* {scroll-behavior: smooth; }
.ui-point-section  {font-family: Paperlogy, "Spoqa Han Sans", Apple SD Gothic Neo, Nanum Barun Gothic, Nanum Gothic, "돋움", Dotum, Verdana, Arial, sans-serif;font-weight: 400;line-height: 140%;color:#767676;}

.only-desktop {display: block;}
.only-mobile {display: none;}
@media (max-width: 460px) {
  .only-desktop {display: none;}
  .only-mobile {display: block;}
}

img {max-width: 100%; height: auto;box-sizing: border-box; image-rendering: -webkit-optimize-contrast;transform: translateZ(0);backface-visibility: hidden;display: block;}

.swiper-button-next, .swiper-button-prev {background-image: none;}
.swiper-button-next::after, .swiper-button-prev::after {content: '';}
.swiper-pagination-bullet {background-color: rgba(0,0,0,0.2);width:12px; height:12px;margin: 0 5px;opacity: 1;transition: .3s ease; transition-property: background-color, border-color, width;border-radius: 50px;}
.swiper-pagination-bullet-active {width: 32px; background-color: var(--text-secondary);}
.swiper-pagination-current {display: inline-block; color: #262626;width:15px; text-align: left;}

.ui-text-primary {color: var(--text-primary);}
.ui-text-secondary{color: var(--text-secondary);}
.ui-bg-secondary{background-color: var(--text-secondary) !important;}

.ui-main {position:relative;}
  .ui-main > section {background: var(--White) !important;}
.ui-point-section {padding: 0 !important;position: relative;}
.ui-point-section section {padding: 0;background-color: var(--bg-white);}
.ui-point-section picture img {margin: 0 auto;}
.ui-form label {line-height: 0;}
.ui-form input {font-family: Paperlogy;color:#545454;margin:0;box-sizing: border-box;height:50px; font-size:18px; line-height: 1.2;}
.ui-form input.ui-active, .ui-form input:focus {background-color: var(--White);}
.ui-form input::placeholder{font-size: 18px; color: var(--Grey-04);}
.ui-scrollbar::-webkit-scrollbar {width: 21px; margin: 1rem;}
.ui-scrollbar::-webkit-scrollbar-thumb {width: 8px; border-radius: 2rem;background-color: #d7d7d7;background-clip: padding-box;border:8px solid rgba(0,0,0,0);}
.ui-scrollbar::-webkit-scrollbar-track {border-radius: 2rem;background-color: #f6f7f6;background-clip: padding-box;border:8px solid rgba(0,0,0,0);}

.ui-section  {box-sizing: border-box; padding: 80px 60px;}
  .ui-section.ui-section_fst {background-color: var(--bg-fst);}
  .ui-section.ui-section_snd {background-color: var(--bg-snd);}
  .ui-section.ui-section_thd {background-color: var(--bg-thd);}
.ui-section:last-child {padding-bottom: 100px;}
@media (max-width: 460px) {
.ui-section {padding: 60px 20px 80px;}
.ui-section:last-child {padding-bottom: 150px;}
}


.ui-container {display: flow-root; box-sizing: border-box;margin: auto 0; max-width: 768px; padding: 24px 24px 60px;}

.ui-visual {display: flex; flex-flow: column wrap; gap:30px;}
/* .ui-visual {display: flex; flex-flow: column wrap; padding: 24px; gap:30px;} */
  .ui-visual-head {display: flex; flex-flow: column wrap; gap: 18px;width:100%;}
    .ui-visual-title {color: #000; font-family: "Spoqa Han Sans Neo";font-size: 32px; font-weight:700;letter-spacing: -0.64px;line-height: 1.2;}
      .ui-visual-title sub {font-size: 20px; font-weight: 400;letter-spacing: -0.4px;}
  .ui-visual-body {width: 100%;}

@media (max-width: 460px) {
    .ui-visual-title {font-size: 24px;}
}

.ui-slide {display: block;}
  .ui-button-circle {display:flex; justify-content: center; align-items: center;  font-family: 'SUITE' ;font-size: 16px; font-weight: 900; border: 1px solid rgba(0,0,0,0.2);border-radius: 100px;width:36px; height: 36px;}
    .ui-slide-fst .ui-button-circle {background-color: var(--White); color: var(--Grey-04); }
    .ui-slide-snd .ui-button-circle {background-color: rgba(0,0,0,0.2); color:var(--White);border:none;}
  .ui-button-circle:hover {background-color: var(--text-secondary);color: var(--White);cursor: pointer;}

.ui-pagination {display: flex;flex-flow:row nowrap; justify-content: flex-start;align-items: center; font-family: 'SUITE';}
  .ui-slide-fst .ui-pagination {gap: 20px;margin-top:20px;}
  .ui-slide-snd .ui-pagination {gap: 6px;}
  .ui-page {font-size: 24px; font-weight: 400;width:50px;color:var(--Grey-03)}
  .ui-page>span {font-weight:800;}

.ui-slide-navigation {display: none; justify-content: space-between;margin-top: 10px;}

@media (min-width: 460px) {
  .swiper .ui-button-circle {display: none;}
}
@media (max-width: 460px) {
  .ui-button-circle {display: flex;flex-shrink: 0 ;}
  .swiper .ui-button-circle {display: flex; }
  .ui-slide-fst .ui-pagination {display: none;}
  .ui-slide-navigation {display: flex;}
}

.ui-form { font-family: Paperlogy;}
  .ui-form-fieldset {display: flex;flex-flow: column wrap;justify-content: center;gap: 20px;border-radius: 30px;border: 6px solid #FDEAEA;background: var(--White);padding: 20px 40px;}
    .ui-form-head {display: flex; justify-content: space-between; align-items: center; color:var(--text-primary); font-size: 30px; font-weight: 700; letter-spacing: -0.6px;margin-top:10px;}
      .ui-form-head .ico-close {display: none;}
    .ui-form-body {display: flex; flex-flow: column wrap; gap: 10px;}
    .ui-form-body>div {width:100%;}
      .ui-form-group {display: flex;flex-direction: row;gap: 10px; flex-grow: 1;line-height: 1;}
        .ui-input {display: flex; align-items: center; padding: 16px 20px; border-radius: 12px; border: 1px solid rgba(0,0,0,0.2); background: #f7f7f7;font-size: 18px;width:100%}
        .ui-input::placeholder {font-size: 18px; color:#f7f7f7;}
        .ui-form-group div:nth-child(1) {flex-grow: 1;}
        .ui-form-group .ui-gender {display: flex; min-width: 100px;flex-shrink: 0;}
          .ui-gender input[type='radio'] {display: none;}
    .ui-button-panel { display: flex; flex-flow: row nowrap; gap: 8px;flex:1;margin-bottom: 10px;transition: display .2s ease, opacity .2s ease;transition-behavior: allow-discrete;}
      .ui-button-panel .ui-btn{display: flex; height: 56px;align-items: center; justify-content: center; padding: 16px 18px; border-radius: 12px; flex: 1 0 0;background-color: var(--text-primary);}
      .ui-button-panel .ui-btn:last-child>span {width: 100px;}
        .ui-button-panel .ui-btn span {font-family: Paperlogy;font-size: 20px; font-weight: 600; color:var(--White); line-height: 1.2; letter-spacing: -0.4px;}
        .ui-button-panel .ico-btn {min-width: 56px;}
  .ui-form-meta {width: 100%;padding-top: 20px ;color:var(--Grey-04); font-size: 15px;font-weight: 500; letter-spacing: -0.28px;}

  .ui-form.ui-float {position: fixed;left:50%;transform: translateX(-50%); bottom:-100vh;transition: bottom .3s ease-in-out;z-index: 20;width: 100%;max-width: 768px;} /* 260429 z-index 수정 */
    .ui-form.ui-float .ui-form-fieldset {border: 0;box-shadow: 0px -4px 12px -4px rgba(0, 0, 0, 0.15); border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 20px;}
        .ui-form.ui-float .ico-close {display: block;}

    .ui-form.ui-float .ui-form-meta {display: none;}
  .ui-form.ui-open {bottom: 0;}

.ui-float-panel {position: fixed; bottom:0;left:50%; padding: 20px; z-index: 20; transform:  translateX(-50%);width: 100vw; max-width: 768px;} /* 260429 z-index 수정 */
.ui-float-panel {display: none;box-shadow: 0px -4px 12px -4px rgba(0, 0, 0, 0.15);background: var(--White);border-top-left-radius: 20px; border-top-right-radius: 20px; }
  .ui-float-panel.ui-open .ui-button-panel, .ui-form.ui-float .ui-button-panel {margin-bottom: 0;}
      .ui-open .ui-button-panel .ui-btn {padding: 20px 12px;}
.ui-float-panel.ui-open {display: block;}

@media (max-width: 460px) {
  .ui-form .ui-form-fieldset{border: 0; padding:0 ;}
    .ui-form.ui-float .ui-form-fieldset {padding: 20px;}
}

@media (max-width: 359px) {
  .ui-button-panel {gap: 6px;}
  .ui-button-panel .ui-btn { padding: 12px 10px; }
    .ui-button-panel .ui-btn span {font-size: 18px;}
}
.ui-content {font-family: Paperlogy; display: flex; flex-direction: column; justify-content: center; gap: 30px;}
  .ui-point {font-family: 'SUITE';font-size: 24px;font-weight: 900; letter-spacing: 0.02em;line-height: 1.2;display: flex; justify-content: center; align-items: center; border-radius: 500px;width: 180px; height: 40px; margin: 0 auto;background-color: #D31145;color:var(--White);}
    .ui-point-header {font-family: "Paperlogy"; display: flex; flex-direction: column; align-items: center; gap: 12px; align-self: stretch;}
    .ui-point-title {font-size: 56px; font-weight: 700; text-align: center; line-height: 1.1;letter-spacing: -1.12px;color: var(--text-secondary);}
    .ui-point-subtitle {font-size: 36px; font-weight: 600; text-align: center; line-height: 1.1; letter-spacing: -0.72px; color: var(--text-primary);}
    .ui-point-meta {font-size:32px; font-weight: 400; line-height: 1.2; letter-spacing: -0.64px;text-align: center; color:#545454;}
      .ui-panel-wrap {display: flex; flex-flow: column wrap;justify-content: center; padding: 20px 0; gap: 30px;}
      .ui-panel {display: flex;flex-flow:row wrap; gap:20px;flex-wrap: wrap;}
      .ui-panel.ui-card-panel {justify-content: space-between;}
        .ui-panel .ui-panel-item {flex: 1 1 calc(50% - 20px)}
        .ui-panel picture.ui-panel-item:nth-child(1) {text-align: right;}
        .ui-panel picture.ui-panel-item:nth-child(2) {text-align: left;}
    .ui-point-button a {text-align:center;}

@media (max-width: 460px) {
  .ui-point-header {gap: 4px;}
    .ui-point-title {font-size: 40px;}
    .ui-point-subtitle {font-size: 28px;}
        .ui-panel .ui-panel-item {
          flex: 1 1 100%;
        }
        .ui-panel picture.ui-panel-item:nth-child(1), .ui-panel picture.ui-panel-item:nth-child(2) {text-align: center;}

}
@media (max-width: 359px) {
    .ui-point-title {font-size: 38px;}
    .ui-point-meta {font-size: 28px;}
}

.ui-card {position: relative;box-sizing: border-box;font-size:20px; color: var(--text-secondary); line-height: 1.2;letter-spacing: -0.4px;font-weight: 600;width: 100%;min-width:225px;}
  .ui-card-header{ border-top-left-radius: 20px; border-top-right-radius: 20px; background-color: var(--text-primary);padding:20px;color:var(--White);text-align: center;font-size:24px;}
  .ui-card-body {display: flex; flex-flow: column wrap;gap: 15px;padding: 20px;background-color: var(--White);border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
    .ui-card-body > p:last-child {text-align: right; color: var(--text-primary)}
    .ui-card-body > p > strong {font-size: 32px;font-weight: 700;}

/* .ui-panel {display:flex; justify-content: center; flex-flow: row wrap; padding: 20px 0; gap: 30px 0; }
.ui-panel.ui-card {gap: 20px;}
.ui-card picture {display:flex; justify-content: center; flex:1; min-width:0;flex-basis: 163px;} */


.ui-point-desc {display: flex; flex-flow: column wrap; gap: 4px; margin-left:10px;}
  .ui-point-desc li {font-size: 18px;padding-left: 5px; line-height: 1.4;letter-spacing: -0.36px;}
  .ui-point-desc li::marker {content: '*'; color: var(--Grey-03);font-size: 18px;}
  .ui-point-desc.ui-text-primary li::marker {color: var(--text-primary);}

@media (max-width: 359px) {
.ui-point-desc {gap: 15px;}
}

.ui-nhis {color:#E26609;font-size:24px;font-weight: 500;line-height: 1.2;letter-spacing: -0.48px;text-align: center;}
  .ui-nhis-title {font-size: 32px;font-weight: 600;letter-spacing: -0.64px;}

.ui-content-secondary {display: flex; flex-direction: column; justify-content: center;padding: 20px 0; gap: 30px; text-align: center;}
  .ui-content-secondary .ui-point-title {font-size: 30px;}


/* Direct Overwrite */
.web-in .c-modal__dialog--full .c-modal__content {
  background: var(--White);
}
.web-in .c-modal__dialog--full .c-modal__header {
  flex-flow: column wrap;
}
.web-in .c-modal__dialog--full .c-modal__body {
  background-color: var(--White);
  gap: 30px;
}
.web-in.ly-footer {
  padding-bottom: 80px;
}

@media (max-width: 460px) {
.web-in .c-modal__dialog--full .c-modal__body,.p-goods-info .p-goods-info__content section {padding-top:15px; padding-bottom: 30px;}
}

/* END Direct Overwrite */

.ui-modal_body_header {display: flex; align-items: center; align-self: stretch; padding-bottom: 20px;border-bottom: 1px solid rgba(0,0,0, 0.2);}
  .ui-modal_body_header .ui-title {color: var(--Grey-01);font-family:Paperlogy ; font-size: 24px; font-weight: 700;line-height: normal; letter-spacing: -0.4px;}
.ui-modal_body_content {display: flex; flex-flow: column wrap;}
  .ui-modal_body_content .ui-fieldset {display: flex; flex-flow: column wrap;gap: 30px;}
  .ui-modal_body_content .ui-form-header {display: flex; flex-flow: column wrap; gap: 15px;}
    .ui-form-header .ui-allCheck {display: flex; justify-content: center; align-items: center; align-self: stretch; padding: 16px 20px;gap: 8px; border: 2px solid var(--Black); border-radius: 12px;}
    .ui-form-header .ui-label {font-family: Pretendard; font-size: 20px;font-weight: 600;letter-spacing: -0.4px;color: var(--Grey-01);}
      .ui-checkbox {position: absolute; width:0; height:0; font-size: 0; overflow: hidden;}
      .ui-form-header input.ui-checkbox + span {background-image: url(../images/premiumcancer/ico-check_off.png); background-repeat: no-repeat; background-position: center left; padding-left: 30px;}
      .ui-form-header input.ui-checkbox:checked + span {background-image: url(../images/premiumcancer/ico-check_on.png);}
    .ui-form-header .ui-desc {font-family: Pretendard; font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: -0.32px; color: var(--Grey-03); display: flex; flex-flow: column wrap; gap: 10px;}
      .ui-form-header .ui-desc p {display: flex; justify-content: flex-start; align-items: center; gap: 8px;}
  .ui-modal_body_content .ui-form-content {position: relative;font-family: Pretendard;}
    .ui-form-content .ui-tab {font-size: 18px; font-weight: 500; color:var(--Grey-03); display: flex; flex-flow: column wrap; gap:10px;}
      .ui-tab .tab {position: relative; display: flex; align-items: center;}
      .ui-tab .tab::before {content:'';position: absolute; bottom:0; left:0; right:0;border-bottom: 1px solid rgba(0,0,0,0.2);}
        .tab .ui-tab-item {display: flex;justify-content: center; align-items: center;border-bottom: 3px solid transparent;font-size: 20px; font-weight: 600;padding: 10px 20px;letter-spacing: -0.4px;}
        .tab .ui-tab-item.ui-open {color: var(--text-primary); border-color: var(--text-primary);}
      .ui-tab .ui-tab-content {display: none; padding-bottom: 30px;flex-flow: column wrap;}
      .ui-tab .ui-tab-content.ui-open {display: flex; }
        .ui-tab-content .ui-form-controls {display: flex; justify-content: space-between;flex: 1;}
          .ui-form-controls .ui-form-controls-item {display: flex; padding: 20px 10px; align-items: center;font-size: 18px; font-weight: 600;color: var(--Grey-01); letter-spacing: -0.36px;gap:20px;}
          .ui-form-controls .ui-form-controls-item label {display: flex; flex-flow: row nowrap; align-items: center;gap:6px;font-weight: 500;color: var(--Grey-03);}
          .ui-form-controls .ui-form-controls-item span {color:var(--Grey-03);}
          .ui-form-controls .ui-radio {appearance: none;width:20px;height: 20px;border: 1px solid rgba(0,0,0, 0.2);border-radius: 20px;margin:0;}
          .ui-form-controls .ui-radio:checked {background-color: var(--text-primary); border: 5px solid var(--White); box-shadow: 0 0 0 1px rgba(0,0,0,0.2)}
        .ui-tab-content .ui-terms-desc {font-size:16px; font-weight:500; padding: 20px ;width:100%;background-color: #f7f7f7;min-height: 150px;overflow-y: auto;padding-bottom: 30px;}
          .ui-terms-desc dl {font-weight: 600;line-height: 1.4;letter-spacing: -0.32px;}
          .ui-terms-desc dl dt {color: #545454;margin-bottom: 6px}
          .ui-terms-desc dl dd {font-size: 18px; color: var(--text-primary);margin-bottom: 20px;letter-spacing: -0.36px;}
          .ui-terms-desc dd:last-child {font-size: 16px; font-weight: 400; color:#767676;}
          .ui-terms-desc ul {list-style-type: disc; font-weight: 400;padding-inline-start: 1rem;}
          .ui-terms-desc ul li {padding: 5px 0;}
          .ui-terms-desc ul li::marker {text-indent:20px;}
.ui-modal_body_content.ui-popup-result {display: flex; justify-content: center; padding: 30px 0; flex-flow: column wrap; gap: 30px;}
  .ui-popup-result .ui-popup-result-header {display: flex; flex-flow: column wrap;justify-content: center; align-items: center; gap: 8px;color:var(--Grey-01);font-family: Paperlogy; font-size: 28px; font-weight:600; line-height: 1.2; letter-spacing: -0.56px;text-align: center;}
  .ui-popup-result .ui-popup-result-body {color:var(--Grey-03); font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: -0.32px; text-align: center;font-family: Pretendard; }
.ui-modal_body_footer {display: flex; justify-content: center;}
.ui-primary-button {cursor:pointer; display: flex; justify-content: center; align-items: center; align-self: stretch; border-radius: 100px; background-color: var(--text-primary);padding: 18px 12px;} /* 2026-05-07 수정 */
.ui-primary-button:disabled {cursor:not-allowed; background-color: var(--Gray-05);}  /* 2026-05-07 추가 */
.ui-primary-button span {font-family: Paperlogy; font-size: 20px; font-weight: 600; line-height: 20px; color: var(--White); width: 200px;}

@media (max-width: 600px) {
        .ui-tab .ui-tab-content  {padding-bottom: 0;}
        .ui-tab-content .ui-form-controls {flex-flow: column wrap; justify-content: flex-start; gap: 15px;padding: 20px 0;}
          .ui-form-controls .ui-form-controls-item {padding: 0;}
        .ui-tab-content .ui-terms-desc {height:calc(100vh - 510px) }
.ui-modal_body_content.ui-popup-result {padding: 0;}
      .ui-form-header .ui-desc p {align-items: first baseline;}
        .tab .ui-tab-item {font-size: 18px;}
}
/* 예상 보험료 계산 페이지 스타일 */
.ui-content.ui-page {display: flex;flex-flow: column wrap; gap: 30px;background-color: var(--White) !important;width: 100%;}
  .ui-content .ui-content-header {color:var(--Grey-01); font-size: 28px; font-weight: 600;line-height: 1.2; letter-spacing: -0.56px;padding-bottom: 20px;border-bottom: 1px solid rgba(0, 0, 0, 0.20);}
  .ui-content .ui-content-box {display: flex; flex-flow: column wrap; align-items: center;gap: 30px; justify-content: center;}
    .ui-content-box { padding: 0 35px;}
    .ui-content-box > div {text-align: center;}
    .ui-content-box-header {color: var(--Grey-01); font-size: 28px;font-weight: 600;line-height: 1.2;letter-spacing: -0.56px;}
      .ui-content-box-header .ui-subtitle {color: var(--text-primary); font-size:18px; font-weight: 400; letter-spacing: -0.18px;margin-bottom: 5px;}
    .ui-content-box-body {width: 100%;}
      .ui-content-box-body .ui-panel-item {border-radius: 20px; border: 1px solid rgba(0, 0, 0, 0.20);padding: 24px;}
      .ui-panel-item .ui-panel-header {color: var(--text-primary); font-size: 20px; font-weight: 600; line-height: 1.2; letter-spacing: -0.4px;margin-bottom: 20px;}
        .ui-panel-header .ui-price {color: var(--Grey-01); font-size: 28px; letter-spacing: -0.48px;}
          .ui-price span {color: var(--text-primary); font-size: 28px; line-height: 1.4; letter-spacing: -0.56px;}

      .ui-panel-body {display: flex; justify-content: space-between; align-items: center; color: #545454; font-size: 18px; font-weight: 400; line-height: 1.4; letter-spacing: -0.9px;padding-top: 10px; border-top: 1px solid rgba(0, 0, 0, 0.20);}
        .ui-panel-body .ui-secondary-button {display: flex;justify-content: center;align-items: center;gap: 5px; padding: 6px 8px;border-radius: 8px; background-color: var(--text-secondary);}
          .ui-secondary-button {font-size:15px; font-weight: 500;line-height: 20px;letter-spacing: -0.3px; color: var(--White)}
    .ui-content-box-footer {font-family: Pretendard; color:var(--Grey-03); font-size: 16px; font-weight: 400;line-height: 1.4; letter-spacing: -0.32px;}
  .ui-content .ui-content-footer {display: flex; justify-content: center;} /* 260429 수정 */

  .ui-plan-header {display: flex; flex-flow: row nowrap;justify-content: space-between;align-items: center; width: 100%;padding-bottom: 15px;}
    .ui-plan-header .ui-title {color: var(--text-secondary); font-family: Paperlogy; font-size: 20px; font-weight: 600; letter-spacing: -0.4px;}
    .ui-plan-header .ui-price {color: var(--Grey-01); font-size: 20px; font-weight: 600;letter-spacing: -0.4px;}
      .ui-plan-header .ui-price span {font-size: 24px;}
    .ui-plan-body {padding-bottom: 20px; font-size: 16px; font-weight: 400;font-family: Pretendard;}
      .ui-plan-body table {width: 100%;border-top: 1px solid var(--text-secondary);margin-bottom: 30px;}
      .ui-plan-body td, .ui-plan-body th {border-bottom: 1px solid rgba(0, 0, 0, 0.20);padding: 16px 12px; display: flex; flex-flow: column wrap;align-items: flex-start;gap: 4px; font-family: Pretendard; color: var(--Grey-01); font-size: 16px;font-weight: 500;letter-spacing: -0.36px;}
      .ui-plan-body thead th {background: rgba(255, 247, 224, 0.40);}
        .ui-plan-body th > p, .ui-plan-body td > p {width :100%;text-align: left;}
        .ui-plan-body th p:last-child, .ui-plan-body td p:last-child {display: flex; justify-content: space-between; color: var(--Grey-03); font-weight: 400;}
          .ui-plan-body td p:first-child > span {background-color: var(--text-primary);display: inline-flex; justify-content: center; align-items: center; padding: 4px 8px; color: var(--White);font-size: 14px;font-weight: 500; line-height: 20px; letter-spacing: -0.20px; border-radius: 20px;}
      .ui-plan-body ul {list-style-type: disc; font-weight: 400;padding-inline-start: 1rem;color: var(--Grey-03); line-height: 1.4;}
        .ui-plan-body ul li {margin: 8px 0;}
        .ui-plan-body ul li::marker {color: var(--Grey-03);}

@media (max-width: 460px) {
    .ui-content-box  {padding: 0;}
}