/* Theme */
:root {
  --color-black: #000;
  --color-white: #fff;
  --color-primary000: #f4fffd;
  --color-primary100: #e7fbf7;
  --color-primary200: #d0f7ef;
  --color-primary300: #a0f0e0;
  --color-primary400: #53d9c1;
  --color-primary500: #05977d;
  --color-primary600: #006250;
  --color-neutral000: #f8f8f8;
  --color-neutral100: #f5f5f5;
  --color-neutral200: #f0f0f0;
  --color-neutral300: #e6e6e6;
  --color-neutral400: #d5d5d5;
  --color-neutral500: #b3b3b3;
  --color-neutral600: #8b8b8b;
  --color-neutral700: #5f5f5f;
  --color-neutral800: #333333;
  --color-grayish100: #f3f9f8;
  --color-grayish200: #ebf6f5;
  --color-grayish300: #cadad7;
  --color-grayish400: #89a6a0;
  --color-grayish500: #51726c;
  --color-danger100: #fef2f2;
  --color-danger200: #ffccd2;
  --color-danger300: #f64c4c;
  --color-danger400: #ec2d30;
  --font-size-h1: 24px;
  --font-size-h2: 22px;
  --font-size-h3: 20px;
  --font-size-h4: 18px;
  --font-size-h5: 16px;
  --font-size-h6: 14px;
  --font-size-l1: 13px;
  --font-size-b3: 12px;
  --font-size-l3: 11px;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-Exbold: 700;
}

/* typo */
h1 {
  font-size: var(--font-size-h1);
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
}

h2 {
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
}

h3 {
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
}

h4 {
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
}

h5 {
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-bold);
  line-height: 1.5;
}

h6 {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-bold);
  line-height: 1.57;
}

.b1 {
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-normal);
  line-height: 1.5;
}

.bm1 {
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-normal);
  line-height: 1.5;
}

.bs1 {
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-semibold);
  line-height: 1.5;
}

.bb1 {
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-bold);
  line-height: 1.5;
}

.b2 {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 1.57;
}

.bm2 {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 1.57;
}

.bs2 {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-semibold);
  line-height: 1.57;
}

.bb2 {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-bold);
  line-height: 1.57;
}

.b3 {
  font-size: var(--font-size-b3);
  font-weight: var(--font-weight-normal);
  line-height: 16px;
}

.bm3 {
  font-size: var(--font-size-b3);
  font-weight: var(--font-weight-normal);
  line-height: 16px;
}

.bs3 {
  font-size: var(--font-size-b3);
  font-weight: var(--font-weight-semibold);
  line-height: 16px;
}

.bb3 {
  font-size: var(--font-size-b3);
  font-weight: var(--font-weight-bold);
  line-height: 16px;
}

.btn1 {
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-semibold);
  line-height: 20px;
}

.btn2 {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
}

.btnm2 {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
}

.btns2 {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-semibold);
  line-height: 18px;
}

.btnb2 {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-bold) !important;
  line-height: 18px;
}

.txtBtn1 {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 1.57;
}

.txtBtn2 {
  font-size: var(--font-size-b3);
  font-weight: var(--font-weight-normal);
  line-height: 16px;
}

.l1 {
  font-size: var(--font-size-l1);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
}

.ls1 {
  font-size: var(--font-size-l1);
  font-weight: var(--font-weight-semibold);
  line-height: 18px;
}

.l2 {
  font-size: var(--font-size-b3);
  font-weight: var(--font-weight-normal);
  line-height: 16px;
}

.lm2 {
  font-size: var(--font-size-b3);
  font-weight: var(--font-weight-normal);
  line-height: 16px;
}

.lb2 {
  font-size: var(--font-size-b3);
  font-weight: var(--font-weight-bold);
  line-height: 16px;
}

.l3 {
  font-size: var(--font-size-l3);
  font-weight: var(--font-weight-normal);
  line-height: 14px;
}

/* layout */
[v-cloak] {
  display: none;
}

/* //Theme */
* {
  box-sizing: border-box;
  outline: none;
}

html {
  font-size: 14px;
}

#wrap {
  position: relative;
  padding-top: 80px;
}

.mainDefaultBg {
  background: url("/assets/images/background/main_bg.png") no-repeat top center / cover;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}

.contents-wrap {
  max-width: 420px;
  width: 100%;
  background: var(--color-neutral100);
  /* height: 100%; */
  position: relative;
  left: calc(50% - 30px);
  min-height: calc(100vh - 80px);
}

.contents-wrap:has(#planBody) {
  background: var(--color-white);
}

.contents-wrap>div:nth-of-type(1) {
  background: var(--color-white);
}

.contents-wrap>.ui-modal-layer {
  background: rgba(0, 0, 0, 0.5);
}

.is-aboutMintit-width-mobile,
.is-pc-tablet-only {
  display: block;
}

.is-table--tablet-mobile-only,
.is-aboutMintit-info-width-mobile {
  display: none;
}

/* 공통 */
.pc_only {
  display: block;
}

.mobile_only {
  display: none;
}

.fold_only {
  display: block;
}

.flex {
  display: flex;
}

.flexRow {
  flex-direction: row;
}

.inner {
  padding: 0 24px;
}

.primaryColor {
  color: var(--color-primary400);
}

.ui-section h2 {
  font-size: var(--font-size-h3);
  line-height: 26px;
  color: var(--color-neutral800);
  font-weight: var(--font-weight-normal);
}

.ui-text-marking {
  text-underline-offset: -2px;
  text-decoration-color: var(--color-primary300);
  text-decoration-thickness: 7px;
}

.ui-button-link {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lineButton {
  display: flex;
  padding: 6px 30px 6px 14px;
  border-radius: 50px;
  border: 1px solid var(--color-neutral400);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral800);
  background: url("/assets/images/icon/Icon-right-arrow.svg") no-repeat right 10px center;
}

.lineButton2 {
  display: flex;
  gap: 4px;
  justify-content: center;
  align-items: center;
  padding: 15px 10px;
  border-radius: 8px;
  border: 1px solid var(--color-primary400);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-semibold);
  color: var(--color-neutral800);
  background: white;
}

.downButton {
  display: flex;
  border-radius: 50px;
  gap: 4px;
  padding: 6px 10px 6px 14px;
  border: 1px solid var(--color-neutral400);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral800);
}

.grayButton {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 48px;
  border-radius: 4px;
  background: var(--color-neutral200);
  color: var(--color-neutral800);
  font-weight: var(--font-weight-semibold);
}

.grayButton:hover,
.grayButton:active {
  background: var(--color-neutral400);
  color: var(--color-neutral800);
}

.blackButton {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 48px;
  border-radius: 4px;
  background: var(--color-black);
  color: var(--color-primary300);
  font-weight: var(--font-weight-semibold);
}

.blackButton:hover,
.blackButton:active {
  background: #222;
  color: var(--color-primary300);
}

.primaryButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  border-radius: 4px;
  background: var(--color-primary300);
  color: var(--color-neutral800);
  font-weight: var(--font-weight-semibold);
}

.primaryButton:hover,
.primaryButton:active {
  background-color: var(--color-primary400);
  color: var(--color-neutral800);
}

.successButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  border-radius: 4px;
  background: var(--color-primary200);
  color: var(--color-black);
  font-weight: var(--font-weight-semibold);
}

.successButton:hover,
.successButton:active {
  background-color: var(--color-primary300);
  color: var(--color-black);
}

.subMintitTitle {
  padding: 12px 24px;
}

.subMintitTitle h1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-semibold);
  line-height: 20px;
  gap: 10px;
}

/* eventBanner */
.eventBanner {
  position: relative;
}

.eventBanner .swiper-container {
  border-radius: 8px;
}

.eventBanner .swiper-slide a {
  display: block;
}

.eventBanner .swiper-slide a img {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

/* pager */
.swiper-pagination {
  display: flex;
  justify-content: center;
  gap: 6px;
}

.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: var(--color-neutral500);
}

.swiper-pagination-bullet-active {
  background: var(--color-primary500);
}

/* mainTitle */
.mainTitle h4 {
  color: var(--color-black);
  font-weight: var(--font-weight-normal);
}

.mainTitle h4 b {
  font-weight: var(--font-weight-semibold);
  position: relative;
  z-index: 2;
}

.mainTitle h4 b::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: var(--color-primary300);
  z-index: -1;
}

/* slideUse */
.mainSlideUse .titleBox {
  position: relative;
}

.mainSlideUse .titleBox .swiper-pagination {
  right: 0;
  bottom: 0;
}

.mainSlideUse .swiper-container {
  border-radius: 8px;
  margin-top: 26px;
  background: var(--color-white);
  box-shadow: 8px 8px 30px 0px rgba(58, 58, 60, 0.14);
}

.mainSlideUse .swiper-slide {
  padding: 40px 24px;
  position: relative;
}

.mainSlideUse .imgBox {
  position: absolute;
  right: 0;
  bottom: -2px;
}

.mainSlideUse .textBox h3 {
  line-height: 20px;
  color: var(--color-black);
}

.mainSlideUse .textBox p {
  margin-top: 12px;
  color: var(--color-neutral700);
}

.mainSlideUse .textBox p b {
  font-weight: 600;
}

.mainSlideUse .textBox span {
  display: block;
  margin-top: 18px;
  color: var(--color-neutral600);
}

/* numberContainer */
.numberContainer {
  text-align: center;
}

.numberContainer .numberBox {
  display: flex;
  justify-content: center;
  align-items: center;
}

.numberContainer .commaText {
  font-size: 22px;
  font-weight: 700;
  line-height: 22.96px;
}

.numberContainer .numberText {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  background: var(--color-primary400);
  border-radius: 2px;
  height: 24px;
  font-size: 22px;
  font-weight: 700;
  line-height: 22.96px;
  color: var(--color-white);
  padding: 0 2px;
  overflow: hidden;
}

.numberContainer .numberText+.numberText {
  margin-left: 3px;
}

.numberContainer .numberText::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: rgba(0, 0, 0, 0.08);
}

.numberContainer .numberText::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  border-top: 1px solid var(--color-primary400);
  border-bottom: 1px solid #1dcaab;
  transform: translateY(-50%);
}

.numberContainer .numberBox p {
  line-height: 22.96px;
  margin-left: 4px;
  font-size: 18px;
  font-weight: var(--font-weight-bold);
}

.numberContainer .commaText {
  margin-left: 2px;
}

.numberContainer span {
  display: block;
  margin-top: 12px;
  color: var(--color-neutral500);
}

.ui-tab__item .ui-tab__text {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-bold);
  color: var(--color-neutral500);
  position: relative;
  padding-top: 18px;
  padding-bottom: 6px;
  flex: 1;
  width: 100%;
  border-bottom: 2px solid var(--color-neutral200);
}

.ui-tab__item .ui-tab__text.js-tabpanel-active {
  color: var(--color-black);
  font-weight: var(--font-weight-bold);
  border-bottom: 2px solid var(--color-black);
  padding-bottom: 6px;
}

.contents-wrap>.ui-modal-layer {
  background: rgba(0, 0, 0, 0.5);
}

/* 공통 */

/* ui-page */
/* .ui-page-header {
  padding: 72px 0;
} */
.ui-page-header.none-padding {
  padding: 0;
}

--font-weight-semibold {
  font-weight: 700;
  margin-bottom: 0;
}

.ui-page-header p {
  margin-bottom: 40px;
  font-size: var(--font-size-b2);
  color: var(--color-gray3);
}

.ui-page-header p:last-child {
  margin-bottom: 0;
}

.ui-page-footer {
  padding: 120px 0;
}

/* //ui-page  */

/* slide pager */
.pagerContianer {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 3px;
  z-index: 10;
}

.pagerContianer .pager {
  border-radius: 2px;
  background: rgba(51, 51, 51, 0.4);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding-right: 8px;
}

.pagerContianer .pager .pagerController a {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagerContianer .pager .pagerController img {
  width: 100%;
}

.pagerContianer .pager .swiper-pagination {
  position: static;
}

.pagerContianer .pager .swiper-pagination.swiper-pagination-fraction {
  font-size: 10px;
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  color: var(--color-neutral300);
  align-items: center;
  letter-spacing: 0.15em;
}

.pagerContianer .pager .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
  font-weight: 600;
}

.pagerContianer .allBtn {
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background: rgba(51, 51, 51, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagerContianer .allBtn a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagerContianer .allBtn a img {
  width: 100%;
}

/* //slide pager */

/* header */
.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0 60px;
  box-sizing: border-box;
  background: url("/assets/images/background/main_bg.png") no-repeat top center / cover;
  z-index: 10001;
}

.header::before {
  content: "";
  position: absolute;
  left: -11%;
  top: -270%;
  width: 32%;
  padding: 16% 0;
  background: url(/assets/images/background/main_bg_c.png) no-repeat top center / cover;
  z-index: -1;
}

.headerWrapper {
  width: 100%;
  height: 80px;
  border-bottom: 1px solid var(--color-white);
  justify-content: space-between;
  align-items: center;
  /* position: relative; */
  box-sizing: border-box;
}

.headerWrapper .headerApp {
  gap: 20px;
}

.headerWrapper .headerApp a {
  width: 106px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  box-shadow: 3.886px 3.886px 14.571px 0px rgba(3, 53, 43, 0.08);
}

.headerWrapper .headerApp a.google {
  background: var(--color-primary400);
}

.headerWrapper .headerApp a.apple {
  background: var(--color-primary100);
}

.headerWrapper .headerLogo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.headerWrapper .headerLogo a {
  display: inline-block;
}

.headerWrapper .headerLogo span {
  display: none;
}

.headerWrapper .headerSns {
  gap: 15px;
  align-items: center;
}

.headerWrapper .headerSns a {
  width: 28.8px;
  height: 28.8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.headerWrapper .headerSns a.youtube {
  background: url("/assets/images/icon/header-youtube-logo.svg") no-repeat center / cover;
}

.headerWrapper .headerSns a.instagram {
  background: url("/assets/images/icon/header-instargram-logo.svg") no-repeat center / cover;
}

.headerWrapper .headerSns button {
  display: none;
}

/* //header */

/* sub header */
.subHeader {
  position: sticky;
  left: 0;
  top: 80px;
  z-index: 50;
}

.downloadContainer {
  position: relative;
  z-index: 1001;
  display: none;
}

/* .downloadContainer .swiper-container{overflow:inherit;} */
.downloadContainer .swiper-slide {
  background: var(--color-neutral000);
  display: flex;
  justify-content: space-between;
  padding: 0 24px;
  height: 57px;
  align-items: center;
}

.downloadContainer .swiper-slide.connector {
  background-color: var(--color-primary300);
}

.downloadContainer .swiper-slide .textBox {
  align-items: center;
  gap: 7px;
}

.downloadContainer .swiper-slide .textBox img {
  width: 28px;
}

.downloadContainer .swiper-slide .downloadBox {
  position: relative;
}

.downloadContainer .swiper-slide .downloadBox a {
  display: flex;
  width: 96px;
  height: 26px;
  justify-content: center;
  align-items: center;
  border-radius: 13px;
  background: var(--color-white);
  border: 1px solid var(--color-neutral800);
}

.downloadContainer .swiper-slide .downloadBox .tooltip {
  position: absolute;
  right: 28px;
  bottom: -47px;
}

/* .downloadContainer{position:fixed; left: calc(50% - 30px); top:80px; max-width:420px; width:100%; overflow-x:hidden} */
.subHeaderWrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 60px;
  background: var(--color-white);
}

.subHeaderWrapper a {
  display: none;
}

.subHeaderWrapper a span {
  display: none;
}

.subHeaderWrapper button {
  width: 32px;
  height: 32px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 9px;
}

.subHeaderWrapper button span {
  width: 22px;
  height: 1.5px;
  border-radius: 1.5px;
  background: var(--color-neutral800);
  transition: all 0.3s;
}

.subHeaderWrapper button.active span:nth-of-type(1) {
  transform: rotate(45deg) translate(4px, 4px);
}

.subHeaderWrapper button.active span:nth-of-type(2) {
  transform: rotate(-45deg) translate(4px, -4px);
}

.mobile-gnb-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(100vh - 80px);
  display: none;
  max-width: 420px;
  z-index: 10000;
  width: 100%;
  overflow-y: auto;
}

.mobile-gnb-wrapper.is-opened {
  display: flex;
}

.mobile-gnb {
  position: absolute;
  right: 0;
  transition: 0.3s right;
  width: 100%;
  background: var(--color-neutral000);
  min-height: 100%;
}

.mobile-gnb.is-closed {
  right: -100%;
  transition: 0.3s left;
}

.mobile-gnb .mobile-gnb__header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 60px;
  padding: 0 24px;
  background: var(--color-white);
}

.mobile-gnb .mobile-gnb__header a {
  display: none;
}

.mobile-gnb .mobile-gnb__header button {
  padding: 0;
}

.mobile-gnb .mobile-gnb__nav {
  background: var(--color-white);
  padding: 16px 24px 50px;
}

.mobile-gnb .mobile-gnb__nav .mobile-gnb__list {
  padding-bottom: 30px;
}

.mobile-gnb .mobile-gnb__nav .mobile-gnb__item {
  margin-bottom: 24px;
}

.mobile-gnb .mobile-gnb__nav .mobile-gnb__item:last-child {
  margin-bottom: 0;
}

.mobile-gnb .mobile-gnb__nav .mobile-gnb__item.mobileSnsItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mobile-gnb .mobile-gnb__nav .mobile-gnb__item.mobileSnsItem div {
  gap: 9px;
}

.mobile-gnb .mobile-gnb__nav .mobile-gnb__item .mobile-gnb__link {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--color-neutral800);
}

.mobile-gnb .mobile-gnb__nav .gnbLine {
  margin: 36px 0;
  height: 1px;
  background: var(--color-neutral300);
}

.mobile-gnb .mobile-gnb__nav .mobile-gnb__item .mobile-gnb__link.mobile-gnb__sub__trigger {
  display: flex;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
}

.mobile-gnb .mobile-gnb__nav .mobile-gnb__item .mobile-gnb__link.mobile-gnb__sub__trigger span {
  width: 9px;
  height: 9px;
  background: url("/assets/images/icon/icon-arrow_top.svg") no-repeat center center;
  background-size: contain;
  transform: translateY(0) rotateX(180deg);
  transition: 0.5s transform;
  margin-left: 9px;
}

.mobile-gnb .mobile-gnb__nav .mobile-gnb__item.js-accordion-opened .mobile-gnb__link.mobile-gnb__sub__trigger span {
  transform: translateY(0px) rotateX(0deg);
}

.mobile-gnb .mobile-gnb__nav .mobile-gnb__sub .mobile-gnb__sub__list {
  display: flex;
  flex-direction: column;
  padding-left: 12px;
  padding-top: 26px;
}

.mobile-gnb .mobile-gnb__nav .mobile-gnb__sub .mobile-gnb__sub__item {
  margin-bottom: 20px;
  color: var(--color-main-black);
  font-size: var(--font-size-b2);
}

.mobile-gnb .mobile-gnb__nav .mobile-gnb__sub .mobile-gnb__sub__item:last-child {
  margin-bottom: 0;
}

.mobile-gnb .mobile-gnb__nav .mobile-gnb__sub .mobile-gnb__sub__item.is-active {
  color: var(--color-main-black);
}

.mobile-gnb .mobile-gnb__nav .mobile-gnb__list02 {
  padding-top: 24px;
  border-top: 1px solid var(--color-neutral300);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px 0;
  flex-wrap: wrap;
}

.mobile-gnb .mobile-gnb__nav .mobile-gnb__list02 li {
  width: 50%;
}

.mobile-gnb .mobile-gnb__nav .mobile-gnb__list02 li .mobile-gnb__link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral800);
}

.mobile-gnb .mobile-gnb__nav .sns-box {
  padding-top: 36px;
  display: flex;
  gap: 20px;
}

.mobile-connect {
  padding: 36px 24px;
}

.mobile-connect a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid var(--color-primary400);
  height: 47px;
  background: var(--color-white);
}

.mobile-connect p {
  margin-top: 12px;
  text-align: center;
}

.mobile-connect p b {
  color: var(--color-primary400);
  font-weight: var(--font-weight-normal);
}

/* // sub header */
/* atm header sub menu */
#mainHeader .mobile-gnb-wrapper {
  top: 0;
  height: 100vh;
  width: 100%;
  max-width: 100%;
  background: rgba(0, 0, 0, 0.5);
}

#mainHeader .mobile-gnb-wrapper.is-opened {
  display: none;
}

#mainHeader .mobile-gnb {
  left: auto;
  right: 0;
  transition: 0.3s right;
  max-width: 420px;
}

#mainHeader .mobile-gnb.is-closed {
  left: auto;
  right: -100%;
}

/* atm header sub menu */

/* main quick */
.quickWrapper {
  position: fixed;
  right: calc(50% - 700px);
  bottom: 80px;
  width: 114px;
}

.quickWrapper .quickContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.quickWrapper img {
  width: 100%;
}

.quickWrapper .KALogo,
.quickWrapper a {
  display: inline-block;
  margin-top: 28px;
  border-radius: 50%;
}

/* //main quick */

/* footer */
.contents-wrap .footerWrapper {
  width: 100%;
  background: var(--color-neutral100);
}

.footer {
  padding: 24px 24px 44px;
}

.footer .footerTop {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.footer .footerTop .logoBox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  margin-top: 10px;
}

.footer .footerTop .footerLogo {
  display: inline-block;
  width: 100px;
  height: 24px;
  background: url("/assets/images/icon/icon-logo_gray.svg") no-repeat center center;
  background-size: contain;
}

.footer .footerTop .KALogo {
  display: inline-block;
  width: 84px;
  height: 84px;
  background: url("/assets/images/icon/icon-logo_KA-logo.png") no-repeat center center;
  background-size: contain;
}


.footer .footerTop .footerSnsLink {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.footer .footerTop .footerSnsLink+.footerSnsLink {
  margin-left: 10px;
}

.footer .footerTop .footerSnsLink.instagram {
  background-image: url("/assets/images/icon/icon-instagram_circle.svg");
}

.footer .footerTop .footerSnsLink.youtube {
  background-image: url("/assets/images/icon/icon-youtube_circle.svg");
}

.footer .footerClause {
  margin: 22px 0 28px;
  align-items: center;
  width: 100%;
  gap: 17px;
  flex-wrap: wrap;
}

.footer .footerClause button {
  position: relative;
  color: var(--color-neutral800);
  padding: 0;
}

.footer .footerClause button:focus {
  outline: none;
}

.footer .footerClause button em {
  font-weight: var(--font-weight-semibold)
}

.footer .footerClause a {
  position: relative;
  color: var(--color-neutral800);
}

.footer .footerClause button::before {
  content: "";
  position: absolute;
  right: -9px;
  top: 50%;
  width: 1px;
  height: 10px;
  background: var(--color-neutral400);
  transform: TranslateY(-50%);
}

.footer .footerClause .footerBar {
  margin: 0 8px;
  width: 1px;
  height: 10px;
  background-color: var(--color-neutral400);
}

/* .footer .footerKakao a {
  border-radius: 4px;
  height: 28px;
  width: 118px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color-neutral800);
  background-color: var(--color-white);
  border: 1px solid var(--color-neutral300);
  padding: 0 14px;
  box-sizing: border-box;
} */

.footer .footerKakao p {
  margin-top: 8px;
  color: var(--color-neutral700);
}

.footer .footerDefinition {
  padding: 16px 0 28px;
}

.footer .footerDefinition a.link {
  display: flex;
  width: 70px;
  height: 26px;
  border-radius: 4px;
  border: 1px solid var(--color-neutral300);
  background-color: var(--color-white);
  color: var(--color-neutral800);
  align-items: center;
  justify-content: center;
}

.footer .footerDefinition p {
  margin-top: 16px;
  line-height: 24px;
  color: var(--color-neutral700);
}

.footer .footerBottom a.link {
  display: inline-flex;
  max-width: 239px;
  min-height: 28px;
  border-radius: 4px;
  border: 1px solid var(--color-neutral300);
  background-color: var(--color-white);
  color: #999;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 6px 14px;
  box-sizing: border-box;
}

.footer .reddot-logo {
  margin-top: 40px;
}

.footer .reddot-logo img {
  max-width: 275px;
  width: 100%;
}

.footer .footerBottom p {
  margin-top: 16px;
  color: var(--color-neutral600);
}

/* //footer */
/* footer popup */
#termsPage .ui-modal__body {
  padding-top: 10px;
}

#termsPage .termsPage__content-section__header {
  margin-bottom: 24px;
}

#termsPage .termsPage__content-section__header select {
  width: 100%;
  height: 48px;
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--color-white);
  background-image: url("/assets/images/icon/icon-faq-select-arrow.svg");
  background-repeat: no-repeat;
  background-position: right 12px center;
  border-radius: 4px;
  border: 1px solid var(--color-neutral500);
  padding: 0 48px 0 16px;
  color: var(--color-black);
}

#termsPage #clauseContents .clause-section {
  margin: 40px 0;
}

#termsPage #clauseContents .clause-section+.clause-section {
  margin-top: 60px;
}

#termsPage #clauseContents .clause-text {
  margin: 8px 0;
}

#termsPage #clauseContents p.clause-text {
  font-size: var(--font-size-h6);
}

#termsPage #clauseContents .clause-list-section {
  margin-top: 32px;
  padding-top: 32px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#termsPage #clauseContents .clause-list-section::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: var(--color-neutral200);
}

#termsPage #clauseContents .clause-list-section::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 134px;
  height: 1px;
  background: var(--color-primary400);
  transform: translateX(-50%);
}

#termsPage #clauseContents .clause-list-section dl {
  display: flex;
  gap: 8px;
  border-radius: 20px 20px 0px 20px;
  background: var(--color-grayish100);
  padding: 16px 14px;
}

#termsPage #clauseContents .clause-list-section dl dd {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#termsPage #clauseContents .clause-list-section dl dd p {
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-semibold);
  color: var(--color-grayish500);
  line-height: 20px;
}

#termsPage #clauseContents .clause-list-section dl dd span {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  color: var(--color-neutral800);
}

#termsPage #clauseContents .clause-center-section {
  margin-top: 40px;
}

#termsPage #clauseContents .clause-center-section.type02 {
  margin-top: 32px;
}

#termsPage #clauseContents .clause-center-section p.clause-text {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  color: var(--color-grayish500);
  text-align: center !important;
}

#termsPage #clauseContents .clause-sign-section dl {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

#termsPage #clauseContents .clause-sign-section dl dt {
  display: flex;
  flex-direction: column;
  gap: 2px;
  justify-content: flex-start;
  align-items: flex-start;
}

#termsPage #clauseContents .clause-sign-section dl dt span {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral800);
}

#termsPage #clauseContents .clause-sign-section dl dt p {
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-semibold);
  color: var(--color-neutral800);
}

#termsPage #clauseContents .clause-img {
  margin: 28px 0 40px;
}

#termsPage #clauseContents .clause-section__title {
  color: var(--color-primary600);
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-bold);
  line-height: 1.3;
  padding-bottom: 14px;
  margin-bottom: 14px;
  position: relative;
  border-bottom: 1px solid var(--color-neutral200);
}

#termsPage #clauseContents .clause-section__title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 1px;
  background: var(--color-primary400);
}

#termsPage #clauseContents .clause-list__symbol {
  color: var(--color-neutral800);
  margin-right: 4px;
  font-size: var(--font-size-h6);
  min-width: 12px;
}

#termsPage #clauseContents .clause-list__text {
  color: var(--color-neutral800);
  font-size: var(--font-size-h6);
}

#termsPage #clauseContents .clause-list.clause-list--child {
  margin: 12px 0;
  border-radius: 8px;
  background: var(--color-grayish100);
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

#termsPage #clauseContents .clause-list.clause-list--child>.clause-list__item .clause-list__symbol,
#termsPage #clauseContents .clause-list.clause-list--child>.clause-list__item .clause-list__text {
  color: var(--color-neutral700);
}

#termsPage #clauseContents .clause-table {
  margin-top: 14px;
}

#termsPage #clauseContents .clause-scroller .clause-table {
  min-width: 1000px;
}

#termsPage #clauseContents .clause-table>table {
  width: 100%;
  table-layout: fixed;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;
}

#termsPage #clauseContents .clause-table>table>thead>tr>th,
#termsPage #clauseContents .clause-table>table>tbody>tr>th,
#termsPage #clauseContents .clause-table>table>tbody>tr>td {
  box-sizing: border-box;
  padding: 16px 20px;
  vertical-align: middle;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  background: #f7fafa;
  border: 1px solid var(--color-white);
  line-height: 18px;
}

#termsPage #clauseContents .clause-table>table>thead>tr>th,
#termsPage #clauseContents .clause-table>table>tbody>tr>th {
  color: #51726c;
  background-color: var(--color-grayish200);
  font-weight: 800;
  padding: 12px 20px;
}

#termsPage #clauseContents .clause-table>table>thead>tr>th {
  text-align: center;
}

/* clause-contents02 */
#uiModalContainer {
  scroll-behavior: smooth;
}

.clause-contents2 {
  font-family: "SUIT", sans-serif;
}

.clause-contents2 .clauseText {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.clause-contents2 .clauseLabelContainer .labelLine {
  margin: 32px 0;
  height: 1px;
  background: #f0f0f0;
  position: relative;
}

.clause-contents2 .clauseLabelContainer .labelLine::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 104px;
  height: 100%;
  background: #3fdbbf;
  transform: translateX(-50%);
}

.clause-contents2 .clauseLabelContainer h4.labelTitle {
  margin-bottom: 0;
  text-align: center;
  color: #006250;
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
}

.clause-contents2 .clauseLabelContainer .clauseLabelBox {
  padding: 14px 0;
}

.clause-contents2 .clauseLabelContainer .clauseLabelBox ul {
  border-radius: 8px;
  background: #f3f9f8;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  text-align: center;
  padding: 20px 10px;
  flex-wrap: wrap;
  gap: 20px 5px;
}

.clause-contents2 .clauseLabelContainer .clauseLabelBox ul li {
  display: flex;
  justify-content: stretch;
  align-items: center;
  flex-direction: column;
  text-align: center;
  width: calc(33.33% - 3.333px);
  gap: 7px;
}

.clause-contents2 .clauseLabelContainer .clauseLabelBox ul li p {
  color: var(--color-neutral800);
  font-size: 14px;
  font-weight: 800;
  line-height: 18px;
  text-align: center !important;
}

.clause-contents2 .clauseLabelContainer .clauseLabelBox ul li img {
  width: 80px;
}

.clause-contents2 .clauseLabelContainer .clauseLabelDesc {
  color: #5f5f5f;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
  gap: 4px;
}

.clause-contents2 .clauseLabelContainer .clauseLabelDesc em {
  font-weight: 400;
}

.clause-contents2 .clauseInfoContainer .clauseInfoBox {
  display: flex;
  gap: 12px;
  border-radius: 8px;
  background: #f3f9f8;
  margin-top: 14px;
  flex-wrap: wrap;
  padding: 24px 20px;
}

.clause-contents2 .clauseInfoContainer .clauseInfoBox>div {
  flex-basis: auto;
  width: 100%;
}

.clause-contents2 .clauseInfoContainer .clauseInfoBox ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.clause-contents2 .clauseInfoContainer .clauseInfoBox ul li {
  display: flex;
  gap: 4px;
}

.clause-contents2 .clauseInfoContainer .clauseInfoBox ul li p {
  color: #006250;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.clause-contents2 .clauseInfoContainer .clauseInfoBox ul li p.clause__text {
  text-decoration-line: underline;
  cursor: pointer;
}

.clause-contents2 .clause02-section .clause02-section__title {
  margin-top: 60px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  color: #006250;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}

.clause-contents2 .clause02-section .clause02-section__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 1px;
  background: var(--color-primary400);
}

.clause-contents2 .clause02-section .clause02-section__desc {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.clause-contents2 .clause02-section .clause02-table-wrapper {
  margin-top: 14px;
}

.clause-contents2 .clause02-section .clause02-table::-webkit-scrollbar {
  height: 3px;
  background: #f0f0f0;
  border-radius: 99px;
}

.clause-contents2 .clause02-section .clause02-table::-webkit-scrollbar-thumb {
  background: #b3b3b3;
  border-radius: 99px;
}

.clause-contents2 .clause02-section .clause02-table {
  margin-top: 14px;
}

.clause-contents2 .clause02-section .clause-scroller .clause02-table {
  min-width: 1000px;
}

.clause-contents2 .clause02-section .clause02-table>table {
  width: 100%;
  table-layout: fixed;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.clause-contents2 .clause02-section .clause02-table>table>thead>tr>th,
.clause-contents2 .clause02-section .clause02-table>table>tbody>tr>th,
.clause-contents2 .clause02-section .clause02-table>table>tbody>tr>td {
  box-sizing: border-box;
  padding: 8px;
  vertical-align: middle;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  background: #f7fafa;
  border: 1px solid var(--color-white);
  line-height: 18px;
}

.clause-contents2 .clause02-section .clause02-table>table>thead>tr>th,
.clause-contents2 .clause02-section .clause02-table>table>tbody>tr>th {
  color: #51726c;
  background-color: var(--color-grayish200);
  font-weight: 800;
}

.clause-contents2 .clause02-section .clause02-table>table>thead>tr>th {
  padding: 12px 20px;
  text-align: center;
}

.clause-contents2 .clause02-section .clause02-table>table>tbody>tr>th.table-text-center {
  padding: 12px 8px;
  text-align: center;
}

.clause-contents2 .clause02-section .clause02-table+.clause02-table-title {
  margin-top: 20px;
}

.clause-contents2 .clause02-section .clause02-table-title+.clause02-table {
  margin-top: 0;
}

.clause-contents2 .clause02-section .clause02-table-title p {
  padding: 19px 0;
  color: var(--color-neutral800);
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  line-height: 18px;
}

.clause-contents2 .clause02-section .clause02-table.clause02-table04 table {
  table-layout: auto;
}

.clause-contents2 .clause02-section .clause02-table.clause02-table04 table>tbody>tr>th {
  min-width: 90px;
  width: 90px;
  max-width: 90px;
}

.clause-contents2 .clause02-section .clause02-table.clause02-table08 table>thead>tr>th:nth-of-type(2),
.clause-contents2 .clause02-section .clause02-table.clause02-table08 table>tbody>tr>td:nth-of-type(2) {
  min-width: 80px;
  width: 80px;
  max-width: 80px;
}

.clause-contents2 .clause02-section .clause02-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.clause-contents2 .clause02-section .clause02-list__item {
  display: flex;
  gap: 2px;
}

.clause-contents2 .clause02-section .clause02-bottom-desc {
  display: flex;
  gap: 4px;
  margin-top: 14px;
}

.clause-contents2 .clause02-section .clause02-bottom-desc p {
  color: var(--color-neutral800);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.clause-contents2 .clause02-section .clause02-bottom-desc>p {
  color: #5f5f5f;
}

.clause-contents2 .clause02-section .clause02-bottom-desc p.clause02__text {
  display: flex;
  gap: 8px;
  flex-direction: column;
}

.clause-contents2 .clause02-section .clause02-bottom-desc .clause02-list {
  gap: 16px;
}

.clause-contents2 .clause02-section .clause02-bottom-desc .clause02-list__item {
  gap: 8px;
}

.clause-contents2 .clause02-section .clause02-bottom-desc .clause02-list__item p.clause02__text {
  gap: 4px;
}

.clause-contents2 .clause02-section .clause02-section__list {
  margin-top: 12px;
  padding-left: 24px;
}

.clause-contents2 .clause02-section .clause02-section__list ul {
  border-radius: 20px 20px 0px 20px;
  background: #f3f9f8;
  padding: 24px 20px;
  display: flex;
  gap: 6px;
  flex-direction: column;
}

.clause-contents2 .clause02-section .clause02-section__list ul li {
  padding-left: 20px;
  position: relative;
  color: #5f5f5f;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.clause-contents2 .clause02-section .clause02-section__list ul li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  background: url("/assets/images/icon/icon-clause02-bullet.svg") no-repeat center;
}

.clause-contents2 .clause02-section .clause02-section__list+.clause02-section__desc {
  margin-top: 12px;
}

.clause-contents2 .clause02-date {
  padding: 40px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.clause-contents2 .clause02-date p {
  color: #006250;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.clause-contents2 .clause02-bottom__list02 {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  gap: 6px;
  align-items: stretch;
  flex-wrap: wrap;
}

.clause-contents2 .clause02-bottom__list02 dl {
  flex-basis: auto;
  width: 100%;
  padding: 16px 20px;
  border-radius: 20px 20px 0 20px;
  background: #f3f9f8;
}

.clause-contents2 .clause02-bottom__list02 dl dt {
  color: #51726c;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.clause-contents2 .clause02-bottom__list02 dl dd {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 24px;
}

.clause-contents2 .clause02-bottom__list02 dl dd p {
  color: var(--color-neutral800);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  width: 100%;
}

.clause-contents2 .clause02-bottom__list02 dl dd p a {
  text-decoration: underline;
}

.clause-contents2 .clause02-bottom__list03 {
  display: flex;
  gap: 6px;
  margin-top: 12px;
  flex-direction: column;
}

.clause-contents2 .clause02-bottom__list03 dl {
  flex: 1 0 auto;
  padding: 18px 20px;
  border-radius: 16px 16px 0px 16px;
  background: #f3f9f8;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.clause-contents2 .clause02-bottom__list03 dl::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - 40px);
  height: 1px;
  border-top: 1px dashed #d5d5d5;
}

.clause-contents2 .clause02-bottom__list03 dl dt {
  background: #f3f9f8;
  color: #5f5f5f;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  padding-right: 8px;
  z-index: 2;
}

.clause-contents2 .clause02-bottom__list03 dl dd {
  background: #f3f9f8;
  padding-left: 8px;
  color: #05977d;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  position: relative;
  z-index: 2;
}

.clause-contents2 .clause02-bottom__list03 dl dd::before {
  content: "";
  position: absolute;
  left: -4px;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--color-neutral800);
  transform: translateY(-50%);
}

/* //clause-contents02 */
/* footer popup// */

/* ui-floating_button */
#floating_button {
  position: fixed;
  bottom: 30px;
  left: calc(50% + 324px);
  z-index: 20;
  background: none;
}

#floating_button .quick-menu__item--top {
  margin-top: 12px;
  border-radius: 50%;
  background: var(--color-white);
  box-shadow: 8px 8px 30px rgba(3, 53, 43, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
}

/* //ui-floating_button */

/* main */
#mainPage {
  background: var(--color-white);
  overflow: hidden;
}

.mainVisual {
  text-align: center;
  padding-top: 22px;
  padding-bottom: 14px;
  background: url("/assets/images/background/main-visual-bg.png") no-repeat center / cover;
}

.mainVisual span {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 13px;
  background: var(--color-primary400);
  color: var(--color-white);
}

.mainVisual h1 {
  margin-top: 12px;
  line-height: 32px;
}

.mainVisual p {
  margin-top: 34px;
  color: var(--color-grayish500);
}

.mainVisual img {
  width: 100%;
}

.mainSection1 .inner {
  gap: 12px;
  justify-content: center;
  align-items: stretch;
}

.mainSection1 a {
  flex-basis: auto;
  width: calc(33.333% - 8px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  border-radius: 8px;
  background: var(--color-neutral100);
  height: 114px;
  position: relative;
  padding: 16px 14px;
  color: var(--color-neutral800);
}

.mainSection1 a span {
  display: block;
  width: 100%;
  text-align: left;
}

.mainSection2 {
  margin-top: 26px;
}

.mainSection3 {
  margin-top: 40px;
  padding-bottom: 46px;
}

.mainSection3 .swiper-slide {
  height: 236px;
  overflow: hidden;
  position: relative;
}

.mainSection3 .swiper-slide::before {
  content: "";
  position: absolute;
  width: 98px;
  height: 98px;
  background: #ebfffb;
  border-radius: 50%;
  left: -21px;
  top: -17px;
  z-index: -1;
}

.mainSection4 {
  padding: 50px 0;
  background: var(--color-primary200);
}

.mainSection4 .swiper-slide {
  height: 266px;
  background-size: cover;
  background-position: center;
}

.mainSection5 {
  margin-top: 57px;
  margin-bottom: 50px;
}

.mainSection5 .box {
  position: relative;
  padding: 34px 50px 26px 24px;
  background: var(--color-white);
  box-shadow: 8px 8px 30px 0px rgba(58, 58, 60, 0.14);
  border-radius: 8px;
  cursor: pointer;
}

.mainSection5 .box .tooltip {
  position: absolute;
  left: 10px;
  top: -17px;
  padding: 6px 14px 6px 15px;
  background: var(--color-primary400);
  border-radius: 18px;
}

.mainSection5 .box .tooltip::after {
  content: "";
  position: absolute;
  left: 7px;
  bottom: -7px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid var(--color-primary400);
  border-top: 6px solid var(--color-primary400);
  border-bottom: 6px solid transparent;
}

.mainSection5 .box .tooltip p {
  color: var(--color-white);
}

.mainSection5 .box .txtBox P {
  color: var(--color-neutral800);
}

.mainSection5 .box .txtBox span {
  display: block;
  color: var(--color-neutral800);
  margin-top: 8px;
}

.mainSection5 .box img {
  position: absolute;
  right: 13px;
  top: 13px;
}

.mainSection6 {
  position: relative;
  z-index: 2;
}

.mainSection6::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 414px;
  background: var(--color-grayish200);
  z-index: -1;
}

.mainSection6 .boxContianer {
  margin-top: 38px;
  position: relative;
  background: var(--color-white);
  border-radius: 8px;
  border: 1.5px solid var(--color-primary400);
  padding: 20px 26px;
  text-align: center;
}

.mainSection6 .boxContianer::before,
.mainSection6 .boxContianer::after {
  content: "";
  position: absolute;
  top: -18px;
  width: 35px;
  height: 37px;
  background: url("/assets/images/icon/icon-mainsection6-img.png") no-repeat center / cover;
}

.mainSection6 .boxContianer::before {
  left: 24px;
}

.mainSection6 .boxContianer::after {
  right: 24px;
}

.mainSection6 .boxContianer ul li+li {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px dashed var(--color-neutral400);
}

.mainSection6 .boxContianer ul li>p {
  margin-top: 16px;
  font-size: 20px;
  font-weight: var(--font-weight-normal);
  line-height: 26px;
}

.mainSection6 .textContainer {
  margin-top: 24px;
  padding-bottom: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.mainSection6 .textContainer p {
  color: var(--color-neutral800);
  flex: 1;
}

.mainSection6 .boxContianer ul li .numberContainer {
  margin-top: 12px;
}

.mainSection7 {
  padding: 50px 0 59.27px;
}

.mainSection7 video {
  width: 100%;
  margin-top: 25px;
  border-radius: 8px;
}

.mainSection8 {
  padding-bottom: 60px;
}

.mainSection8 ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 24px;
}

.mainSection8 ul li a {
  border-radius: 50px;
  border: 1px solid var(--color-neutral400);
  padding: 5px 10px 5px 14px;
  color: var(--color-neutral800);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: normal;
  display: inline-flex;
  gap: 4px;
  align-items: center;
}


/* 메인 팝업 */
.main-modal .ui-modal {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 128px;
  max-width: 375px;
  border-radius: 8px;
  overflow: hidden;
}

.main-modal .btn-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background-color: transparent;
}

.main-modal .ui-modal>img {
  display: block;
  width: 100%;
}

.main-modal .btn-wrap {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 24px 24px 12px;
  background-color: rgba(0, 0, 0, 0.2);
}

.main-modal .btn-day-close {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin: 0 auto;
  color: var(--color-white);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  background: transparent;
}

.main-modal .btn-day-close .ic-close {
  width: 24px;
  height: 24px;
  background: url("/assets/images/icon/icon-modal-day-close.svg") no-repeat center center / contain;
}

.main-modal .ui-modal-container__middle {
  max-height: 100% !important;
}

@media screen and (max-height: 700px) and (min-width: 400px) {
  .main-modal .ui-modal {
    width: 52vh;
  }

  .main-modal .ui-modal>img {
    /* width: auto; */
    height: 100%;
  }
}

/* 갤럭시 클럽 */
#planHist,
#planBody {
  overflow: hidden;
}

#planHist .ui-section,
#planBody .ui-section {
  padding: 32px 24px 60px;
}

#planHist .ui-page-header,
#planBody .ui-page-header {
  position: relative;
  height: 316px;
  padding: 48px 24px;
  background: url("/assets/images/background/club_header_banner.png") no-repeat center / cover;
  text-align: left;
}

#planHist .ui-page-header h1,
#planBody .ui-page-header h1 {
  color: #1e4b98;
  margin-bottom: 0;
  font-size: var(--font-size-h1);
  font-weight: var(--font-weight-bold);
  line-height: 32px;
}

#planHist .ui-page-header h1 b,
#planBody .ui-page-header h1 b {
  color: var(--color-white);
}

#planHist .ui-page-header img,
#planBody .ui-page-header img {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 100%;
}

#planHist .gnb-nav__sub__list,
#planBody .gnb-nav__sub__list {
  display: flex;
  margin-bottom: 0;
}

#planHist .line-tab__link,
#planBody .line-tab__link {
  flex: 1 0 auto;
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-bold);
  line-height: 18px;
  color: var(--color-neutral500);
  padding-top: 18px;
  padding-bottom: 6px;
  border-bottom: 2px solid var(--color-neutral200);
}

#planHist .line-tab__item,
#planBody .line-tab__item {
  font-size: var(--font-size-h6);
  color: var(--color-neutral700);
}

#planBody .line-tab__item+.line-tab__item {
  margin-left: 0;
}

#planBody .line-tab__link.is-active,
#planBody .line-tab__link.js-tabpanel-active {
  color: var(--color-black);
  font-weight: var(--font-weight-bold);
  border-bottom: 2px solid var(--color-black);
}

#planHist .contents-nav {
  margin-top: 32px;
}

#planHist .contents-nav__title,
#planBody .contents-nav__title {
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  line-height: 24px;
}

#planHist .contents-nav__list,
#planBody .contents-nav__list {
  gap: 8px;
}

#planHist .contents-nav__item,
#planBody .contents-nav__item {
  width: auto;
  flex: 1 0 auto;
  padding: 10px 6px;
  height: 54px;
  border: 0;
  position: relative;
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral700);
  line-height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}

#planHist .contents-nav__item::before,
#planBody .contents-nav__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid var(--color-neutral300);
  border-radius: 6px;
}

#planHist .contents-nav__item__selected,
#planBody .contents-nav__item__selected {
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  background: var(--color-primary000);
}

#planHist .contents-nav__item__selected::before,
#planBody .contents-nav__item__selected::before {
  border: 1.5px solid var(--color-primary400);
}

#planHist .form-section__title,
#planBody .form-section__title {
  font-size: var(--font-size-h4);
  color: var(--color-black);
  font-weight: var(--font-weight-bold);
  line-height: 24px;
  margin: 60px 0 0;
}

#planBody .ui-select {
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid var(--color-neutral700);
  height: 48px;
  padding: 0;
  font-size: var(--font-size-h6);
  color: var(--color-black);
  font-weight: var(--font-weight-normal);
  padding-right: 24px;
}

.ui-select-block:before {
  right: 0;
}

#planBody .catalog-info__text {
  background: var(--color-neutral100);
  padding: 16px;
  border-radius: 0 0 6px 6px;
}

#planBody .catalog-define__val {
  margin: 0;
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 22px;
  color: rgba(51, 51, 51, 0.8);
}

#planBody .notice-list__item {
  margin-top: 12px;
  background: none;
  font-size: var(--font-size-b3);
  font-weight: var(--font-weight-normal);
  line-height: 16px;
  color: var(--color-neutral600);
  padding-left: 16px;
  background: url("/assets/images/icon/icon-club-alert.svg") no-repeat left top 2px;
}

#planBody .gift-text__title {
  margin-top: 60px;
  margin-bottom: 24px;
  color: var(--color-black);
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-bold);
  line-height: 24px;
}

#planBody .gift-text__title b {
  color: #0154c8;
  font-weight: var(--font-weight-bold);
}

#planBody .gift-image img {
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0px 4px 32px 0px rgba(58, 58, 60, 0.1);
}

#planBody .gift-text__list {
  list-style: none;
  padding-left: 0;
  margin-top: 24px;
}

#planBody .gift-text__sub-text {
  font-size: var(--font-size-b3);
  font-weight: var(--font-weight-normal);
  color: #213d8c;
  line-height: 16px;
  padding-left: 18px;
  background: url("/assets/images/icon/icon-club-small-bullet.svg") no-repeat left top;
}

#planBody .gift-text__sub-text+.gift-text__sub-text {
  margin-top: 6px;
}

#planBody .galaxy-clup-catalog--product .catalog-define__key {
  margin-top: 60px;
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  line-height: 24px;
}

#planBody .catalog-benefit__left {
  margin: 24px 0 32px 0;
}

#planBody .catalog-benefit__left .catalog-benefit__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#planBody .catalog-benefit__left .number-list {
  padding: 0;
  padding-left: 17px;
}

#planBody .catalog-benefit__left .number-list__item {
  position: relative;
  list-style: none;
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-normal);
  line-height: 20px;
  color: var(--color-neutral600);
  padding-bottom: 23px;
}

#planBody .catalog-benefit__left .number-list__item:last-of-type {
  padding-bottom: 0;
}

#planBody .catalog-benefit__left .number-list__item:not(:last-of-type)::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 5px;
  width: 1px;
  height: calc(100% + 5px);
  background: #d0e3ff;
  z-index: 1;
}

#planBody .catalog-benefit__left .number-list__item:after {
  content: "";
  position: absolute;
  left: -17px;
  top: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0154c8;
  z-index: 2;
}

#planBody .catalog-benefit__left .number-list__item b {
  color: #0154c8;
}

#planBody .catalog-benefit__left .number-list__item span {
  display: block;
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-bold);
  line-height: 20px;
  color: #0154c8;
  margin-bottom: 10px;
}

#planBody .catalog-benefit__text {
  padding: 32px 16px;
  background: var(--color-neutral100);
  border-radius: 8px;
}

#planBody .catalog-benefit__inner .catalog-benefit__title {
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-bold);
  color: #0154c8;
  line-height: 20px;
  margin-bottom: 20px;
}

#planBody .catalog-benefit__inner .dot-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

#planBody .dot-list__item {
  list-style: none;
  font-size: var(--font-size-b3);
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral700);
  line-height: 16px;
  padding-left: 18px;
  background: url("/assets/images/icon/icon-club-bullet.svg") no-repeat left top;
}

#planBody .dot-list__item+.dot-list__item {
  margin-top: 6px;
}

#planBody .catalog-benefit__right .notice-list__item {
  margin-top: 16px;
  font-size: var(--font-size-b3);
  color: var(--color-neutral700);
  line-height: 14px;
  background: url(/assets/images/icon/icon-club-alert.svg) no-repeat left top;
}

#planBody .catalog-benefit__right .notice-button a {
  display: flex;
  margin-top: 20px;
  height: 48px;
  justify-content: center;
  align-items: center;
  background: var(--color-primary300);
  border-radius: 4px;
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-bold);
  line-height: 18px;
  color: var(--color-black);
}

#planBody .notice-list__wrap .notice-list {
  padding-left: 0;
}

#planBody .notice-list__wrap .notice-list__item {
  margin-top: 10px;
  color: var(--color-neutral700);
  background-image: url("/assets/images/icon/icon-club-alert2.svg");
}

#planBody .form-section--confirm .catalog-define {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid var(--color-neutral200);
}

#planBody .primary-document-list .primary-document-list__item {
  padding: 0;
  background: none;
  display: block;
}

#planBody .primary-document-list .primary-document-list__item+.primary-document-list__item {
  margin-top: 40px;
}

#planBody .primary-document-list .primary-document-list__item .primary-document-list__button {
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-bold);
  line-height: 26px;
  color: var(--color-black);
  border-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#planBody .primary-document-list .primary-document-list__item .primary-document-list__button .arrow-link__icon {
  width: 24px;
  height: 24px;
  background: url("/assets/images/icon/icon-button-arrow.svg") no-repeat center;
}

#planBody .info-table {
  margin-top: 16px;
  border-top: 0;
  border-top: 1px solid #f4f4f4;
  border-left: 1px solid #f4f4f4;
}

#planBody .info-table--regular>table>thead>tr>th,
#planBody .info-table--regular>table>tbody>tr>th {
  padding: 12px 4px;
  background: var(--color-neutral100);
  font-size: var(--font-size-l3);
  font-weight: var(--font-weight-normal);
  line-height: 14px;
  color: var(--color-neutral800);
  border-bottom: 1px solid #f4f4f4;
  width: 124px;
}

#planBody .info-table>table>thead>tr>th+th,
#planBody .info-table>table>tbody>tr>td+td {
  border-left: 0;
}

#planBody .info-table--regular>table>tbody>tr>td {
  padding: 12px 4px;
  background: var(--color-white);
  font-size: var(--font-size-l3);
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral700);
  line-height: 14px;
  text-align: center;
}

#planBody .info-table--regular .info-table__small-text {
  background: var(--color-white);
  font-size: var(--font-size-l3);
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral700);
  line-height: 14px;
}

#planBody .info-table>table>tbody>tr>th,
#planBody .info-table>table>tbody>tr>td {
  border-bottom: 1px solid #f4f4f4;
  border-right: 1px solid #f4f4f4;
}

#planBody colgroup>.colgroup_item_1 {
  width: 20%;
}

#planBody .galaxy-return .notice-list__item {
  background-image: url("/assets/images/icon/icon-club-small-bullet.svg");
}

#planBody .clause-scroller .clause-table {
  min-width: 500px;
}

.contents-body.hist-isAuth__false {
  margin: 0;
}

.contents-body.hist-isAuth__false .no-list-box {
  min-height: auto;
  padding: 64px 0 89px;
}

.flow-guide__list {
  margin-top: 24px;
  display: flex;
  gap: 32px 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

.flow-guide__item {
  flex-basis: auto;
  text-align: center;
  width: calc(50% - 8px);
}

.flow-guide__title {
  font-size: var(--font-size-b3);
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral700);
  line-height: 16px;
}

.flow-guide__title span {
  display: block;
  font-size: var(--font-size-l3);
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral600);
  line-height: 14px;
}

.flow-guide__item:before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto 10px;
  background: no-repeat 50% 50% / cover;
}

.flow-guide__arrow {
  display: none;
}

.flow-guide__item--phone-check:before {
  background-image: url("/assets/images/img/flow-guide-01.svg");
}

.flow-guide__item--atm-select-donation:before {
  background-image: url("/assets/images/img/flow-guide-02.svg");
}

.flow-guide__item--donation-market-price:before {
  background-image: url("/assets/images/img/flow-guide-03.svg");
}

.flow-guide__item--price-donation:before {
  background-image: url("/assets/images/img/flow-guide-04.svg");
}

.flow-guide__item--market-price:before {
  background-image: url("/assets/images/img/flow-guide-05.svg");
}

.flow-guide__item--web-select-donation:before {
  background-image: url("/assets/images/img/flow-guide-06.svg");
}

.flow-guide__item--pick-up-engineer:before {
  background-image: url("/assets/images/img/flow-guide-07.svg");
}

.flow-guide__item--sell-apply:before {
  background-image: url("/assets/images/img/flow-guide-08.svg");
}

.flow-guide__item--visit-atm:before {
  background-image: url("/assets/images/img/flow-guide-09.svg");
}

.flow-guide__item--deposit:before {
  background-image: url("/assets/images/img/flow-guide-10.svg");
}

.flow-guide__item--mart:before {
  background-image: url("/assets/images/img/flow-guide-11.svg");
}

.flow-guide__item--check-plan:before {
  background-image: url("/assets/images/img/flow-guide-12.png");
}

.flow-guide__item--check-plan--notebook:before {
  background-image: url("/assets/images/img/flow-guide-24.svg");
}

.flow-guide__item--insurance-apply:before {
  background-image: url("/assets/images/img/flow-guide-13.png");
}

.flow-guide__item--kakaotalk-push:before {
  background-image: url("/assets/images/img/flow-guide-14.svg");
}

.flow-guide__item--samsung:before {
  background-image: url("/assets/images/img/flow-guide-15.png");
}

.flow-guide__item--buy-model:before {
  background-image: url("/assets/images/img/flow-guide-16.png");
}

.flow-guide__item--buy-model2:before {
  background-image: url("/assets/images/img/flow-guide-26.png");
}

.flow-guide__item--buy-model--notebook:before {
  background-image: url("/assets/images/img/flow-guide-23.svg");
}

.flow-guide__item--write-payment-info:before {
  background-image: url("/assets/images/img/flow-guide-17.png");
}

.flow-guide__item--check-info:before {
  background-image: url("/assets/images/img/flow-guide-18.png");
}

.flow-guide__item--calendar:before {
  background-image: url("/assets/images/img/flow-guide-19.png");
}

.flow-guide__item--return:before {
  background-image: url("/assets/images/img/flow-guide-20.png");
}

.flow-guide__item--dotcom:before {
  background-image: url("/assets/images/img/flow-guide-21.svg");
}

.flow-guide__item--imei:before {
  background-image: url("/assets/images/img/flow-guide-22.svg");
}

#planHist {
  padding: 0 24px;
  background: var(--color-white);
}

#planHist .hist-isAuth__true {
  margin-bottom: 60px;
}

#planHist .contents-body__wrap.plan-auth {
  margin-top: 32px;
  margin-bottom: 60px;
}

#planHist .contents-body .contents-body__wrap .contents-body__title {
  margin-top: 8px;
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-bold);
  line-height: 24px;
  color: var(--color-neutral700);
}

#planHist .contents-body .contents-body__wrap .contents-body__button {
  margin-top: 24px;
  max-width: 268px;
  width: 100%;
  background: var(--color-primary300);
  border-radius: 4px;
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-bold);
  color: var(--color-neutral800);
  line-height: 18px;
  padding: 15px 0;
  display: inline-block;
}

#planHist .plan-hist-dday {
  margin-top: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color-neutral200);
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#planHist .plan-hist-dday a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: var(--color-neutral800);
}

#planHist .plan-hist-dday .dday-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  align-items: center;
}

#planHist .plan-hist-dday .dday-box h1 {
  color: var(--color-primary400);
}

#planHist .plan-hist-dday .dday-box p {
  color: var(--color-neutral500);
  margin-top: 4px;
}

#planHist .imei-register__box {
  margin-top: 60px;
  margin-bottom: 60px;
}

#planHist .imei-register__header {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0;
}

#planHist .imei-register__box .imei-register__contents {
  margin-bottom: 0;
}

#planHist .imei-register__box .imei-register__header .imei-register__header__text {
  font-size: var(--font-size-h4);
  line-height: 24px;
}

#planHist .imei-register__input-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 24px;
  width: 100%;
}

#planHist .imei-register__input-box select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  padding: 15px 40px 15px 16px;
  border-radius: 4px;
  border: 1px solid var(--color-neutral500);
  background: url("/assets/images/icon/icon-faq-select-arrow.svg") no-repeat right 16px center;
}

#planHist .imei-register__input-box input {
  padding: 15px 16px;
  border-radius: 4px;
  border: 1px solid var(--color-neutral300);
  background: var(--color-white);
  color: var(--color-neutral600);
  width: 100%;
  font-size: 14px;
}

#planHist .imei-register__header .imei-register__header__link {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 0;
  font-size: 14px;
  color: var(--color-primary500);
}

#planHist .imei-register__box .imei-register-stplat__box {
  border-radius: 4px;
  background: var(--color-neutral000);
  padding: 16px;
  width: 100%;
  margin-top: 20px;
}

#planHist .imei-register__box .imei-register-stplat__box .termsOfService {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#planHist .imei-register__box .imei-register-stplat__box h3 {
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  margin-bottom: 0;
}

#planHist .imei-register__box .imei-register-stplat__box * {
  font-size: 12px;
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral800);
  line-height: 16px;
}

#planHist .imei-register__box .imei-register-stplat__box .termsOfServiceTable {
  overflow-x: auto;
}

#planHist .imei-register__box .imei-register-stplat__box table {
  table-layout: fixed;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;
}

#planHist .imei-register__box .imei-register-stplat__box table>thead>tr>th,
#planHist .imei-register__box .imei-register-stplat__box table>tbody>tr>th,
#planHist .imei-register__box .imei-register-stplat__box table>tbody>tr>td {
  box-sizing: border-box;
  padding: 12px;
  vertical-align: middle;
  text-align: left;
  background: var(--color-white);
  border: 1px solid var(--color-neutral000);
}

#planHist .imei-register__box .imei-register-stplat__box table>thead>tr>th,
#planHist .imei-register__box .imei-register-stplat__box table>tbody>tr>th {
  color: var(--color-neutral700);
  background-color: var(--color-neutral300);
}

#planHist .imei-register__box .imei-register-stplat__box table>thead>tr>th {
  text-align: center;
}

#planHist .imei-register__box .imei-register-stplat__box .termsOfService>ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#planHist .ui-checkbox-label {
  justify-content: flex-start;
}

#planHist .ui-checkbox-object {
  width: 20px;
  height: 20px;
  background: url(/assets/images/icon/icon-check-mint.svg) no-repeat left center / contain;
}

#planHist .ui-checkbox:checked+.ui-checkbox-label .ui-checkbox-object {
  background: url(/assets/images/icon/icon-check-mint-select.svg) no-repeat left center / contain;
}

#planHist .ui-label__text {
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  color: var(--color-neutral800);
}

#planHist .imei-register__box .imei-register__button-box {
  max-width: 100%;
  border-radius: 4px;
  background: var(--color-primary300);
  color: var(--Neutral-Gray-800, var(--color-neutral800));
  font-size: 14px;
  font-weight: 800;
  line-height: 18px;
  width: 100%;
  margin-top: 40px;
  padding: 0;
  height: 48px;
}

.imei-register__button-box:disabled {
  background: #E9F7F5 !important;
  color: #C7DAD7 !important;
}

#planHist .form-row-list-wrap {
  margin-top: 16px;
}

#planHist .form-list__row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
  gap: 12px;
}

#planHist .form-list__row+.form-list__row {
  margin-top: 0;
}

#planHist .form-list__key {
  width: 100px;
  margin-right: 0;
  flex: 1 0 auto;
  color: var(--color-neutral700);
  font-size: var(--font-size-h5);
}

#planHist .form-list__val {
  flex: 1 0 auto;
  width: calc(100% - 112px);
  word-break: keep-all;
  font-size: var(--font-size-h5);
}

#planHist .form-list__text {
  padding: 0;
  color: var(--color-neutral800);
  font-size: var(--font-size-h5);
}

#planHist .form-flex__cell {
  width: 100%;
}

#planHist .form-list__val .ui-select-block {
  width: 100%;
}

#planHist .form-list__val .ui-select-block:before {
  display: none;
}

#planHist .form-list__val .form-select-item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--color-black);
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  padding: 0 24px 0 0;
  height: 48px;
  font-size: var(--font-size-h5);
  border-radius: 0;
  color: var(--color-black);
  background: url(/assets/images/icon/icon-faq-select-arrow.svg) no-repeat right center;
}

#planHist .form-section .input-and-button {
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

#planHist .form-section .input-and-button>input {
  border: 0;
  background: none;
  padding: 0;
  margin-right: 0;
  width: calc(100% - 87px);
}

#planHist .form-section .input-and-button>input[disabled] {
  color: var(--color-neutral800);
}

#planHist .form-section .input-and-button>button,
#planHist .form-section .input-and-button_and-text {
  border-radius: 100px;
  border: 1px solid var(--color-neutral400);
  background: var(--color-neutral100);
  padding: 0 12px;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

#planHist .form-section .input-and-button_and-text>button {
  color: var(--color-neutral800);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
}

#planHist .form-section .form-section__link {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--color-neutral200);
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  width: 100%;
  height: 48px;
  border: 0;
}

.club-hist-list-wrap {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.club-hist-list-wrap li {
  padding-left: 16px;
  position: relative;
}

.club-hist-list-wrap li.club-list-item {
  font-size: var(--font-size-b3);
  font-weight: var(--font-weight-normal);
  line-height: 16px;
  color: var(--color-neutral700);
}

.club-hist-list-wrap li.club-list-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  background: url("/assets/images/icon/icon-club-small-bullet.svg");
}

.club-hist-list-wrap li.club-list-item02 {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  color: var(--color-neutral800);
}

.club-hist-list-wrap li.club-list-item02::before {
  content: "※";
  position: absolute;
  left: 0;
}

.club-hist-list-wrap li.club-list-item02 span {
  color: var(--color-primary400);
}

#planHist .billing {
  border-top: 0;
}

#planHist .billing__state {
  width: 62px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-grayish500);
  font-size: var(--font-size-l1);
  font-weight: var(--font-weight-normal);
  background: var(--color-grayish200);
  border-radius: 99px;
}

#planHist .red-state {
  width: 62px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-danger100);
  color: var(--color-danger300);
  font-size: var(--font-size-l1);
  font-weight: var(--font-weight-normal);
  border-radius: 99px;
}

#planHist .billing__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 24px;
}

#planHist .billing__item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  border-bottom: 0;
  padding-bottom: 0;
}

#planHist .billing__cell {
  flex-direction: column;
  gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
}

#planHist .billing__info-title {
  font-size: var(--font-size-h5);
  color: var(--color-neutral800);
  font-weight: var(--font-weight-bold);
}

#planHist .billing__date {
  font-size: var(--font-size-h5);
  color: #969696;
  text-align: left;
}

#planHist .select-links {
  margin-top: 60px;
  padding-top: 40px;
  border-top: 1px solid var(--color-neutral200);
}

#planHist .select-links__list {
  flex-direction: column;
  gap: 40px;
}

#planHist .select-links__item {
  width: 100%;
  margin-right: 0;
}

#planHist .select-links__link {
  padding: 0;
  border: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-h3);
  color: var(--color-black);
  font-weight: var(--font-weight-bold);
}

#planHist .select-links__link:hover {
  color: var(--color-black);
}

#planHist .select-links__link .arrow-link__icon {
  width: 24px;
  height: 24px;
  background: url("/assets/images/icon/icon-button-arrow.svg");
}

#planHist .select-links.no-line {
  margin-top: 0;
  border-top: 0;
}

#planHist .club-select-link {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

#planHist .club-select-link li {
  display: flex;
  gap: 4px;
  font-size: var(--font-size-b3);
  color: var(--color-neutral600);
  align-items: flex-start;
  line-height: 16px;
}

#planHist .club-select-link li.select-red {
  color: var(--color-danger400);
}

/* //갤럭시 클럽 */
/* imei 확인 */
#imeiModal .ui-modal__body {
  padding: 0;
}

#imeiModal .imei-phone-container {
  margin-top: 20px;
  padding-bottom: 60px;
}

#imeiModal .imei-phone-container .ui-imei-tab1 {
  padding: 0 24px;
}

#imeiModal .imei-phone-container .ui-imei-tab1 dl+dl {
  margin-top: 48px;
}

#imeiModal .imei-phone-container .ui-imei-tab1 dl dt {
  display: inline-flex;
  padding: 4px 8px;
  border-radius: 99px;
  background: var(--color-primary300);
  font-size: var(--font-size-l1);
  font-weight: var(--font-weight-semibold);
  color: var(--color-black);
}

#imeiModal .imei-phone-container .ui-imei-tab1 dl dd p {
  margin-top: 10px;
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
}

#imeiModal .imei-phone-container .ui-imei-tab1 dl dd span {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 10px;
  font-size: var(--font-size-b3);
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral600);
}

#imeiModal .imei-phone-container .ui-imei-tab2 {
  padding: 40px 24px 0;
}

#imeiModal .imei-phone-container .ui-imei-tab2 ul li+li {
  margin-top: 40px;
}

#imeiModal .imei-phone-container .ui-imei-tab2 .tab-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

#imeiModal .imei-phone-container .ui-imei-tab2 .tab-title p {
  font-weight: var(--font-weight-bold);
}

#imeiModal .imei-phone-container .ui-imei-tab2 .tab-title h5 {
  font-weight: var(--font-weight-normal);
}

#imeiModal .imei-phone-container .ui-imei-tab2 .imei-info-box img {
  margin-top: 16px;
  width: 100%;
}

/* imei 확인// */
/* 카드 전ㅊ내역  */
#planCardModal .ui-modal {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

#planCardModal .ui-modal__body {
  padding: 0 24px 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}

#planCardModal .card-type-container {
  border-radius: 4px;
  background: var(--color-neutral000);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#planCardModal .card-type-container .card-number {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}

#planCardModal .card-list-container ul li {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#planCardModal .card-list-container ul li+li {
  padding-top: 20px;
  border-top: 1px solid var(--color-neutral200);
}

#planCardModal .card-list-container ul li .state-box p {
  display: inline-flex;
  padding: 4px 8px;
  border-radius: 99px;
  background: var(--color-grayish200);
  font-size: var(--font-size-l1);
  font-weight: var(--font-weight-normal);
  color: var(--color-grayish500);
}

#planCardModal .card-list-container ul li .state-box p.red {
  background: var(--color-danger100);
  color: var(--color-danger300);
}

#planCardModal .card-list-container ul li .list-box {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: stretch;
}

#planCardModal .card-list-container ul li .list-box .title-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#planCardModal .card-list-container ul li .list-box .title-box p {
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral800);
}

#planCardModal .card-list-container ul li .list-box .title-box span {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  color: #969696;
}

#planCardModal .card-list-container ul li .list-box .price-box p {
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-bold);
}

/* 카드 전체내역// */
/* imei 변경내역 */
#imeiChangeModal .ui-modal {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#imeiChangeModal .ui-modal__body {
  padding: 20px 24px 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}

#imeiChangeModal .title-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#imeiChangeModal .imei-existing-box {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  border-radius: 4px;
  background: var(--color-grayish100);
}

#imeiChangeModal .imei-existing-box .existing-title {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#imeiChangeModal .imei-existing-box .device-box {
  padding: 12px;
  border-radius: 4px;
  background: var(--color-white);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}

#imeiChangeModal .imei-existing-box .phone-name {
  display: flex;
  gap: 12px;
  justify-content: flex-start;
  align-items: center;
}

#imeiChangeModal .imei-existing-box .phone-name p {
  position: relative;
  color: var(--color-neutral800);
}

#imeiChangeModal .imei-existing-box .phone-name p::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 50%;
  width: 1px;
  height: 12px;
  background: var(--color-neutral400);
  transform: translateY(-50%);
}

#imeiChangeModal .imei-change-box {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: 4px;
  background: var(--color-grayish100);
}

#imeiChangeModal .imei-change-box .change-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

#imeiChangeModal .imei-change-box .change-input {
  margin-top: 20px;
}

#imeiChangeModal .imei-change-box .change-input input {
  width: 100%;
  padding: 14px 16px;
  border-radius: 4px;
  background: var(--color-white);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral600);
  border: 0;
  border: 1px solid var(--color-white);
}

#imeiChangeModal .imei-change-box .change-input input.error {
  border: 1px solid var(--color-danger300);
}

#imeiChangeModal .imei-change-box .change-desc {
  margin-top: 16px;
}

#imeiChangeModal .imei-change-box .change-desc p {
  color: var(--color-neutral600);
}

#imeiChangeModal .ex-list-box a {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 0;
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  color: var(--color-primary500);
}

/* Imei 변경내역// */
/* 윤리경영 */
#ethicalManagement .languageTab {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  border-radius: 8px;
  padding: 4px 10px;
  width: 112px;
  background: var(--color-neutral000) url("/assets/images/icon/icon-ethical-language.svg") no-repeat left 10px center / 14px 14px;
  margin-left: auto;
  margin-right: 24px;
}

#ethicalManagement .languageTab button {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-neutral400);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  background: transparent;
  position: relative;
  padding: 0;
}

#ethicalManagement .languageTab button.active {
  color: var(--color-primary400);
}

#ethicalManagement .languageTab button:nth-of-type(1)::before {
  content: "";
  position: absolute;
  right: -7px;
  top: 3px;
  width: 1px;
  height: 11.5px;
  background: var(--color-neutral200);
}

#ethicalManagement .columnTab {
  margin-top: 20px;
}

#ethicalManagement .columnTab div {
  display: none;
  justify-content: center;
  align-items: stretch;
}

#ethicalManagement .columnTab div.active {
  display: flex;
}

#ethicalManagement .columnTab div button {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-bold);
  color: var(--color-neutral500);
  position: relative;
  padding-top: 18px;
  padding-bottom: 8px;
  flex: 1;
}

#ethicalManagement .columnTab div button.active {
  color: var(--color-black);
}

#ethicalManagement .columnTab div button.active::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #000;
}

#ethicalManagement .tabContainer {
  display: none;
  padding: 0 24px 60px;
}

#ethicalManagement .tabContainer.active {
  display: block;
}

#ethicalManagement .sectionTitle h2 {
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-bold);
  line-height: 24px;
  color: var(--color-primary500);
  position: relative;
  z-index: 2;
  padding-top: 50px;
  padding-bottom: 32px;
  margin-bottom: 32px;
}

#ethicalManagement .sectionTitle h2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #f0f0f0;
}

#ethicalManagement .sectionTitle h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 68px;
  height: 1px;
  background: #3fdbbf;
}

#ethicalManagement .sectionTitle h3 {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-bold);
  line-height: 18px;
  color: var(--color-neutral800);
}

#ethicalManagement .sectionTitle h3+p {
  margin-top: 16px;
}

#ethicalManagement .sectionTitle p {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  color: var(--color-neutral800);
}

#ethicalManagement .section02 .sectionTitle p+p {
  margin-top: 16px;
}

#ethicalManagement .section01 .sectionTitle .box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 120px;
  background: url("/assets/images/background/ethical-tab01-bg-m.svg") no-repeat center / cover;
  margin-top: -8px;
  margin-bottom: 20px;
}

#ethicalManagement .section01 .sectionTitle .box span {
  display: inline-block;
  text-align: center;
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  color: var(--color-neutral800);
}

#ethicalManagement .section01Container .imgBox {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 26px 0;
}

#ethicalManagement .section01Container .imgBox img {
  max-width: 292px;
  width: 100%;
}

#ethicalManagement .section01Container ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column;
  gap: 16px;
}

#ethicalManagement .section01Container ul li {
  flex: 1;
  padding: 18px 16px;
  display: flex;
  border-radius: 20px 20px 0 20px;
  background: var(--color-grayish100);
  gap: 8px;
}

#ethicalManagement .section01Container ul li .tit {
  width: 170px;
  position: relative;
}

#ethicalManagement .tab04 .section01Container ul li .tit {
  width: 94px;
}

#ethicalManagement .section01Container ul li .tit::before {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  height: 4px;
  background: url("/assets/images/icon/icon-ethical-tab01-icon.svg") no-repeat center right;
}

#ethicalManagement .tab01 .section01Container ul li .tit::before {
  width: 70px;
}

#ethicalManagement .tab01 .section01Container ul li .tit.orange::before {
  width: 27px;
}

#ethicalManagement .tab01 .section01Container ul li .tit.pink::before {
  width: 20px;
}

#ethicalManagement .tab04 .section01Container ul li .tit::before {
  width: 55px;
}

#ethicalManagement .tab04 .section01Container ul li .tit.orange::before {
  width: 11px;
}

#ethicalManagement .tab04 .section01Container ul li .tit.pink::before {
  width: 15px;
}

#ethicalManagement .section01Container ul li .tit p {
  font-size: var(--font-size-h6);
  font-weight: 600;
  line-height: 18px;
  color: #3fdbbf;
}

#ethicalManagement .section01Container ul li .tit.orange p {
  color: #ff9e9c;
}

#ethicalManagement .section01Container ul li .tit.pink p {
  color: #d6a7fd;
}

#ethicalManagement .section01Container ul li .desc {
  flex: 1;
}

#ethicalManagement .section01Container ul li .desc p,
#ethicalManagement .section01Container ul li .desc span {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  color: var(--color-neutral700);
}

#ethicalManagement .section02 .downloadBox ul {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-top: 26px;
  flex-direction: column;
}

#ethicalManagement .section02 .downloadBox ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 10px 6px 14px;
  border-radius: 50px;
  border: 1px solid #d5d5d5;
  gap: 4px;
  font-size: var(--font-size-h6);
  color: var(--color-neutral800);
  font-weight: var(--font-weight-normal);
}

#ethicalManagement .section02 .downloadBox ul li a img {
  width: 16px;
}

#ethicalManagement .section02 .addrBox ul {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column;
  margin-top: 26px;
  margin-bottom: 32px;
}

#ethicalManagement .section02 .addrBox ul li {
  flex: 1;
  display: flex;
  background: var(--color-grayish100);
  border-radius: 20px 20px 0 20px;
  align-items: flex-start;
  padding: 12px 16px;
  gap: 6px;
}

#ethicalManagement .section02 .addrBox ul li>img {
  width: 26px;
}

#ethicalManagement .section02 .addrBox ul li div {
  flex: 1;
}

#ethicalManagement .section02 .addrBox ul li div p {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-bold);
  line-height: 26px;
  color: var(--color-grayish500);
}

#ethicalManagement .section02 .addrBox ul li div span,
#ethicalManagement .section02 .addrBox ul li div a {
  display: flex;
  align-items: center;
  font-size: var(--font-size-b3);
  font-weight: var(--font-weight-normal);
  line-height: 16px;
  color: var(--color-grayish500);
}

#ethicalManagement .section02 .consensusBox ul li+li {
  margin-top: 32px;
}

#ethicalManagement .section02 .consensusBox ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
  gap: 26px;
}

#ethicalManagement .section02 .consensusBox ul li .imgBox {
  width: 100%;
  flex: 1;
}

#ethicalManagement .section02 .consensusBox ul li .imgBox img {
  overflow: hidden;
  border-radius: 8px;
  width: 100%;
}

#ethicalManagement .section02 .consensusBox ul li .txtBox {
  flex: 1;
}

#ethicalManagement .section02 .consensusBox ul li .txtBox p {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-bold);
  line-height: 18px;
  color: var(--color-neutral800);
}

#ethicalManagement .section02 .consensusBox ul li .txtBox span {
  display: block;
  margin-top: 16px;
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  color: var(--color-neutral800);
}

#ethicalManagement .section03 .sectionTitle .box {
  justify-content: center;
  align-items: center;
  margin-top: 26px;
  padding-bottom: 26px;
  display: flex;
  text-align: center;
  position: relative;
}

#ethicalManagement .section03 .sectionTitle .box::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--color-neutral200);
}

#ethicalManagement .section03 .sectionTitle .box::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 104px;
  height: 1px;
  background: var(--color-primary400);
  transform: translateX(-50%);
}

#ethicalManagement .section03 .sectionTitle .box span {
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-normal);
  line-height: 20px;
  color: var(--color-neutral800);
}

#ethicalManagement .section03 .sectionTitle {
  text-align: center;
}

#ethicalManagement .section03 .sectionTitle::before,
#ethicalManagement .section03 .sectionTitle::after {
  display: none;
}

#ethicalManagement .section03 .sectionTitle h2 {
  display: inline-block;
  font-size: 20px;
  line-height: 26px;
  color: var(--color-neutral800);
  padding-bottom: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}

#ethicalManagement .section03 .sectionTitle h2::before,
#ethicalManagement .section03 .sectionTitle h2::after {
  display: none;
}

#ethicalManagement .section03 .sectionTitle h2 span {
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 7px;
  background: var(--color-primary300);
  z-index: -1;
}

#ethicalManagement .section03Container ul {
  margin-top: 26px;
}

#ethicalManagement .section03Container ul li+li {
  margin-top: 25px;
}

#ethicalManagement .section03Container ul li p {
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-bold);
  line-height: 20px;
  color: var(--color-neutral800);
}

#ethicalManagement .section03Container ul li span {
  display: block;
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  color: #000;
  margin-top: 9px;
}

#ethicalManagement .section03 .signBox {
  margin-top: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 56px;
  gap: 20px;
}

#ethicalManagement .section03 .signBox div p {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  color: var(--color-neutral800);
}

#ethicalManagement .section03 .signBox div span {
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-bold);
  line-height: 20px;
  color: var(--color-neutral800);
  margin-top: 2px;
}

#ethicalManagement .section03 .signBox img {
  width: 93px;
}

/* 모달 창 */
.ui-modal-container__large {
  width: 100%;
  max-width: 420px;
  padding: 0;
  border-radius: 0;
  position: absolute;
  top: 80px;
  left: calc(50% - 30px);
  height: calc(100vh - 80px);
  overflow-y: auto;
}

.ui-modal-container__middle {
  width: 100%;
  max-width: 372px;
  padding: 0;
  border-radius: 0;
  position: absolute;
  left: calc(50% - 6px);
  overflow-y: auto;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  max-height: calc(100% - 80px);
  overflow-y: auto;
  text-align: center;
}

.ui-modal__header {
  position: sticky;
  top: 0;
  left: 0;
  padding: 20px 24px;
  align-items: center;
  justify-content: space-between;
  background: var(--color-white);
  z-index: 2;
  gap: 12px;
  flex-direction: row-reverse;
}

.ui-modal__title {
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-semibold);
  line-height: 20px;
  color: var(--color-neutral800);
}

.ui-modal__close {
  width: 24px;
  height: 24px;
}

.ui-modal-container__large .ui-modal__body,
.ui-modal-container__middle .ui-modal__body {
  max-height: 100%;
  overflow: inherit;
  padding: 0 24px 60px;
}

/* 갤럭시클럽 */
#termsModal .ui-modal__body {
  padding-top: 20px;
}

#termsModal .clause-text {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  color: var(--color-black);
}

#termsModal .clause-section {
  margin: 48px 0 0;
}

#termsModal .layer-terms-contents {
  padding-top: 0;
  color: var(--color-neutral800);
}

#termsModal .layer-terms-contents .clause-section__title {
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  line-height: 28px;
}

#termsModal .layer-terms-contents .clause-section--child>.clause-section__title {
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-bold);
  line-height: 26px;
  color: var(--color-primary600);
  margin: 24px 0 16px;
  position: relative;
  padding-bottom: 16px;
}

#termsModal .layer-terms-contents .clause-section--child>.clause-section__title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--color-neutral200);
}

#termsModal .layer-terms-contents .clause-section--child>.clause-section__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 1px;
  background: var(--color-primary400);
}

#termsModal .layer-terms-contents .clause-section .clause-section__title02 {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  color: var(--color-black);
  padding-bottom: 16px;
}

#termsModal .layer-terms-contents .clause-list__symbol {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  color: var(--color-neutral800);
  min-width: 8px;
  margin-right: 4px;
}

#termsModal .clause-contents {
  padding-top: 0;
  color: var(--color-neutral800);
}

#termsModal .clause-contents .clause-section__title {
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  line-height: 28px;
}

#termsModal .clause-contents .clause-section--child>.clause-section__title {
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-bold);
  line-height: 26px;
  color: var(--color-primary600);
  margin: 24px 0 16px;
  position: relative;
  padding-bottom: 16px;
}

#termsModal .clause-contents .clause-section--child>.clause-section__title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--color-neutral200);
}

#termsModal .clause-contents .clause-section--child>.clause-section__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 1px;
  background: var(--color-primary400);
}

#termsModal .clause-contents .clause-section .clause-section__title02 {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  color: var(--color-black);
  padding-bottom: 16px;
}

#termsModal .clause-contents .clause-list__symbol {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  color: var(--color-neutral800);
  min-width: 19px;
  margin-right: 4px;
}

#termsModal .clause-list {
  margin: 14px 0;
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  color: var(--color-neutral800);
}

#termsModal .clause-list__text {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  color: var(--color-neutral800);
}

#termsModal .clause-list.clause-list--child {
  margin: 12px 0;
}

#termsModal .clause-table>table {
  border-radius: 4px;
}

#termsModal .clause-table>table>thead>tr>th,
#termsModal .clause-table>table>tbody>tr>th {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-bold);
  line-height: 18px;
  color: var(--color-grayish500);
  background: var(--color-grayish200);
  border: 1px solid var(--color-white);
}

#termsModal .clause-table>table>tbody>tr>td {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  color: var(--color-neutral800);
  background: #f7fafa;
  border: 1px solid var(--color-white);
}

.club-swiper-container {
  margin-top: 24px;
  border: 1px solid var(--color-neutral300);
  border-radius: 8px;
  padding: 24px 20px 86px;
  position: relative;
}

.club-swiper-container .flow-guide__list {
  margin-top: 20px;
}

.galaxy-clup-catalog--product .notice-list__wrap {
  margin: 0;
}

.galaxy-clup-catalog--product .notice-list {
  margin-top: 16px;
}

.club-swiper-container .swiper-container {
  position: static;
}

.club-swiper-container .swiper-pagination {
  width: 100%;
  left: 0;
  bottom: 24px;
}

.club-swiper-container .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
}

/* .club-swiper-container .swiper-pagination-bullet{
  background:rgba(0,0,0,0.1)
}
.club-swiper-container .swiper-pagination-bullet-active{
  background:var(--color-black)
} */
/* 갤럭시클럽 */
/* qr코드로 설치하기 */
#qrModal .ui-modal__body {
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 60px;
  justify-content: center;
  align-items: center;
}

#qrModal .noti-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 14px 16px;
  border-radius: 6px;
  background: var(--color-primary100);
}

#qrModal .noti-box p {
  font-size: 14px;
}

#qrModal .img-box p {
  color: #444;
  text-align: center;
  font-size: 14.4px;
  font-weight: var(--font-weight-normal);
  line-height: 16.128px;
  /* 112% */
  margin-top: 2px;
}

#qrModal .desc-box {
  margin-top: -20px;
  text-align: center;
}

#qrModal .desc-box a {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background: var(--color-black);
  width: 172px;
  height: 30px;
  color: var(--color-primary300);
  gap: 7px;
  margin: 20px auto 0;
  font-size: 16px;
}

#qrModal .desc-box h6 {
  margin-top: 70px;
  font-size: 16px;
  color: var(--color-neutral800);
}

#qrModal .desc-box h6 .ui-text-marking {
  display: inline-block;
  padding: 0 2px;
  margin-right: -2px;
  line-height: 21px;
  background-color: var(--color-primary200);
  text-decoration-color: transparent;
  font-weight: var(--font-weight-Exbold);
}

#qrModal .desc-box p {
  margin-top: 16px;
  font-size: 16px;
  color: var(--color-neutral600);
}

#qrModal .desc-box p .color-primary-dark {
  color: var(--color-primary500);
}

.qr-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.qr-title {
  display: block;
}

.qr-title div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 40px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.5px;
  color: var(--color-white);
}

.qr-title .mobile-aos {
  background-color: #004398;
}

.qr-title .mobile-ios {
  background-color: #000000;
}

.qr-wrap .noti-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 6px;
  /* margin-top: 12px; */
  padding: 8px 16px;
  border-radius: 6px;
  background: var(--color-primary100);
}

.qr-wrap .noti-box+.img-box {
  margin-top: -36px;
}

.qr-wrap .img-box {
  margin: 60px 0 -20px;
}

.qr-wrap .img-box p {
  color: #444;
  text-align: center;
  font-size: 14.4px;
  font-weight: var(--font-weight-normal);
  line-height: 16.128px;
  /* 112% */
  margin-top: 2px;
}

.qr-wrap .desc-box {
  text-align: center;
}

.qr-wrap .desc-box a {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background: var(--color-black);
  width: 156px;
  height: 26px;
  color: var(--color-primary300);
  gap: 6px;
  margin: 12px auto 0;
}

.qr-wrap .desc-box h6 {
  color: var(--color-neutral800);
  margin-top: 30px;
}

.qr-wrap .desc-box h6 .ui-text-marking {
  text-underline-offset: -14px;
  text-decoration-thickness: 18px;
  text-decoration-color: var(--color-primary200);
  color: #000;
}

.qr-wrap .desc-box p {
  margin-top: 16px;
  line-height: 24px;
  color: var(--color-neutral700);
}

.qr-wrap .desc-box p img {
  display: inline-block;
  margin-bottom: -4px;
}

.qr-wrap.qr-service {
  padding: 60px 24px;
}

.qr-service.button-box {
  padding: 40px 24px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0 !important;
}

.qr-service.button-box .btns2 {
  margin-bottom: 8px;
}

.qr-service.button-box .btns2:last-of-type {
  margin-bottom: 0;
}

.qr-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 6px;
  margin-top: 40px;
}

.qr-info p {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  color: var(--color-neutral600);
  line-height: 16px;
}

.qr-info p>img {
  margin-top: -1px;
}

/* qr코드로 설치하기 */

/* 회사소개 */
.aboutMintit_title {
  display: flex;
  gap: 16px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.aboutMintit_title h3 {
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral800);
}

.aboutMintit-info-section {
  padding-top: 15px;
  text-align: center;
}

.aboutMintit-info-section .about-desc {
  padding: 0 24px;
  background: url("/assets/images/background/bg-aboutmintit-info.png") no-repeat top center / cover;
}

.aboutMintit-info-section .about-desc p {
  margin-top: 18px;
  margin-bottom: 10px;
  color: var(--color-neutral800);
}

.aboutMintit-info-section ul {
  padding: 0 24px;
  margin-top: 30px;
  display: flex;
  gap: 14px;
  flex-direction: column;
}

.aboutMintit-info-section ul li {
  border-radius: 20px 20px 0px 20px;
  background: var(--color-grayish100);
  padding: 27px 10px 31px;
  display: flex;
  gap: 8px;
  flex-direction: column;
}

.aboutMintit-info-section ul li p {
  color: var(--color-neutral800);
}

.aboutMintit-info-section ul li p b {
  font-weight: var(--font-weight-bold);
}

.aboutMintit-info-section ul li span {
  color: var(--color-neutral700);
}

.aboutMintit-info02-section {
  padding: 36px 24px 96px;
}

.aboutMintit-info02-section .aboutMintit-list {
  margin-top: 26px;
  padding: 24px 0 24px 16px;
  position: relative;
}

.aboutMintit-info02-section .aboutMintit-list::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 158px;
  height: 100%;
  border-radius: 500px;
  border: 1px dashed var(--color-neutral400);
}

.aboutMintit-info02-section .aboutMintit-list dl {
  display: flex;
  align-items: center;
  gap: 41px;
}

.aboutMintit-info02-section .aboutMintit-list dl+dl {
  margin-top: -22px;
}

.aboutMintit-info02-section .aboutMintit-list dl dt {
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-bold);
  line-height: 24px;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 126px;
  height: 126px;
  border-radius: 50%;
  background: rgba(69, 203, 245, 0.92);
  text-align: center;
  position: relative;
}

.aboutMintit-info02-section .aboutMintit-list dl:nth-of-type(2) dt {
  background: rgba(109, 148, 250, 0.92);
}

.aboutMintit-info02-section .aboutMintit-list dl:nth-of-type(3) dt {
  background: rgba(63, 219, 191, 0.92);
}

.aboutMintit-info02-section .aboutMintit-list dl:not(:first-of-type) dt::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 8px;
  width: 8px;
  height: 8px;
  background: url("/assets/images/icon/icon-about-mintit-plus.svg");
  opacity: 0.8;
  transform: translateX(-50%);
}

.aboutMintit-info02-section .aboutMintit-list dl dd {
  color: var(--color-neutral700);
  position: relative;
  flex: 1;
}

.aboutMintit-info02-section .aboutMintit-list dl dd::before {
  content: "";
  position: absolute;
  left: -41px;
  top: 50%;
  width: 33px;
  height: 0;
  border-top: 1px dashed var(--color-neutral400);
  transform: translateY(-50%);
}

.aboutMintit-info02-section .aboutMintit-list dl dd::after {
  content: "";
  position: absolute;
  left: -12px;
  top: 50%;
  width: 4px;
  height: 4px;
  background: var(--color-neutral800);
  border-radius: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.aboutMintit-ethical-section {
  border-radius: 20px 20px 0px 0px;
  background: var(--color-primary200);
  padding: 0 24px 40px;
}

.aboutMintit-ethical-section .aboutMintit_title img {
  margin-top: -54px;
}

.aboutMintit-ethical-section .aboutMintit_memo {
  text-align: center;
  margin-top: 20px;
  padding: 29px 10px 28px;
  background: var(--color-white) url("/assets/images/icon/icon-about-mintit-memo.svg") no-repeat right top;
  border-radius: 8px;
  position: relative;
  display: flex;
  gap: 12px;
  flex-direction: column;
}

.aboutMintit-ethical-section .aboutMintit_memo::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-bottom: 14px solid transparent;
  border-left: 19px solid transparent;
  border-top: 14px solid var(--color-primary200);
  border-right: 19px solid var(--color-primary200);
}

.aboutMintit-ethical-section .aboutMintit_memo::after {
  content: "";
  position: absolute;
  right: 40px;
  bottom: -63px;
  width: 26px;
  height: 95px;
  background: url("/assets/images/icon/icon-about-mintit-arrow.svg") no-repeat center;
}

.aboutMintit-ethical-section .aboutMintit_memo p {
  color: var(--color-neutral800);
}

.aboutMintit-ethical-section .aboutMintit_memo p em {
  background: var(--color-primary200);
  font-weight: var(--font-weight-bold);
}

.aboutMintit-ethical-section .aboutMintit_memo span {
  color: var(--color-neutral800);
}

.aboutMintit-ethical-section .aboutMintit_memo span em {
  font-weight: var(--font-weight-bold);
}

.aboutMintit-socials-section {
  text-align: center;
  padding: 40px 24px;
}

.aboutMintit-socials-section .social-title h3 {
  font-weight: var(--font-weight-normal);
}

.aboutMintit-socials-section .img-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 6px;
  position: relative;
  z-index: 2;
}

.aboutMintit-socials-section .img-box::before {
  content: "";
  position: absolute;
  top: 61px;
  left: 50%;
  width: calc(100% - 46px);
  height: 1.5px;
  background: var(--color-primary400);
  transform: translateX(-50%);
  z-index: -1;
}

.aboutMintit-socials-section .img-box img.plus {
  margin-top: 28px;
}

.aboutMintit-socials-section .social-list {
  margin-top: 12px;
}

.aboutMintit-socials-section .social-list dl {
  display: flex;
  padding: 10px 0;
  justify-content: space-between;
  align-items: center;
  color: var(--color-neutral800);
}

.aboutMintit-socials-section .social-list dl dd em {
  font-weight: var(--font-weight-normal);
}

.aboutMintit-socials-section .social-list dl:not(:last-of-type) {
  border-bottom: 1px solid var(--color-neutral100);
}

.aboutMintit-history-section {
  padding: 50px 0;
}

#aboutMintitPage .ui-section__title h2 {
  text-align: center;
}

.aboutMintit-donation-section {
  padding: 30px 24px 48px;
  text-align: center;
  background: var(--color-grayish100);
}

.aboutMintit-donation-section .donation-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-direction: column;
}

.aboutMintit-donation-section .donation-title h3 {
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral800);
}

.aboutMintit-donation-section .donation-title p {
  color: var(--color-neutral800);
}

.aboutMintit-donation-section .donation-phone {
  border-radius: 8px;
  border: 2px solid var(--color-grayish200);
  background: var(--color-white);
  position: relative;
  padding: 28px 10px 22px;
  max-width: 324px;
  width: 100%;
  margin: 35px auto 0;
}

.aboutMintit-donation-section .donation-phone .phone-box {
  position: absolute;
  left: 50%;
  top: -11px;
  width: 192px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: #59cff4;
  transform: translateX(-50%);
}

.aboutMintit-donation-section .donation-phone .phone-box::before {
  content: "";
  position: absolute;
  right: 10px;
  bottom: -8px;
  width: 12px;
  height: 10px;
  background: url("/assets/images/icon/icon-about-mintit-phone-arrow.svg") no-repeat center;
}

.aboutMintit-donation-section .donation-phone .phone-box p {
  color: var(--color-white);
}

.aboutMintit-donation-section .donation-phone .numberContainer span {
  color: var(--color-grayish400);
}

.aboutMintit-minti {
  position: relative;
  padding: 40px 24px 50px;
  background: var(--color-primary400);
  z-index: 2;
  text-align: center;
}

.aboutMintit-minti::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 255px;
  background: var(--color-grayish100);
  z-index: -1;
}

.aboutMintit-minti .minti-title h3 {
  color: var(--color-white);
  font-weight: var(--font-weight-normal);
}

.aboutMintit-minti .minti-title p {
  color: rgba(255, 255, 255, 0.1);
  text-align: center;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 12px;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.5);
}

.aboutMintit-minti .minti-box {
  padding: 24px 24px 40px;
  border-radius: 8px;
  background-color: var(--color-white);
  margin-top: -24px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  flex-direction: column;
}

.aboutMintit-minti .minti-box .img-box {
  position: relative;
}

.aboutMintit-minti .minti-box .img-box .minti {
  position: absolute;
  left: 50%;
  top: calc(50% - 8px);
  transform: translate(-50%, -50%);
  width: 260px;
}

.aboutMintit-minti .minti-box p {
  color: var(--color-neutral800);
}

.ui-vertical-tab__menu__list {
  margin-bottom: 42px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.ui-vertical-tab__menu__item {
  flex: 1 0 50%;
  margin-bottom: 0;
}

.ui-vertical-tab__menu__item a {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-bold);
  color: var(--color-neutral500);
  position: relative;
  padding-top: 18px;
  padding-bottom: 6px;
  flex: 1;
  border-bottom: 2px solid var(--color-neutral200);
}

.ui-vertical-tab__menu__item.js-tabpanel-active a {
  color: var(--color-black);
  font-weight: var(--font-weight-bold);
  border-bottom: 2px solid var(--color-black);
}

.ui-history {
  padding: 0 24px;
  overflow: hidden;
}

.ui-history.max-ui-history {
  max-height: 784px;
}

.ui-history__year__item {
  padding: 26px 0;
  display: flex;
  gap: 22px;
  position: relative;
}

.ui-history__year__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: var(--color-neutral200);
}

.ui-history__year__item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 68px;
  height: 1px;
  background: var(--color-primary400);
}

.ui-history__year__item:first-of-type {
  padding-top: 0;
}

.ui-history__year__item:first-of-type::before,
.ui-history__year__item:first-of-type::after {
  display: none;
}

.ui-history__year__title {
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-bold);
  line-height: 18px;
  margin-right: 0;
  color: var(--color-primary400);
  width: 46px;
}

.ui-history__month__list {
  display: block;
  flex: 1 0 auto;
  width: calc(100% - 68px);
}

.ui-history__month__text {
  gap: 14px;
}

.ui-history__month__item {
  margin-bottom: 18px;
}

.ui-history__month__title {
  font-size: var(--font-size-h6);
  line-height: 18px;
  font-weight: var(--font-weight-bold);
  color: var(--color-neutral800);
  margin-right: 0;
}

.ui-history__month__text>p {
  font-size: var(--font-size-h6);
  color: var(--color-neutral800);
  line-height: 18px;
  font-weight: var(--font-weight-normal);
}

.ui-history__month__img {
  max-width: 270px;
  width: calc(100% - 34px);
  height: 130px;
  margin-top: 10px;
  margin-left: 34px;
  border-radius: 8px;
}

#aboutMintitPage .button-box {
  padding-top: 40px;
  position: relative;
  display: flex;
  justify-content: center;
}

#aboutMintitPage .button-box button {
  padding: 6px 30px 6px 14px;
  border-radius: 50px;
  border: 1px solid var(--color-neutral400);
  max-width: 100%;
  height: auto;
  width: auto;
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  line-height: normal;
}

#aboutMintitPage .button-box.min-button button {
  background: url("/assets/images/icon/icon-arrow-top2.svg") no-repeat center right 10px;
}

#aboutMintitPage .button-box.max-button button {
  background: url("/assets/images/icon/icon-arrow-bottom2.svg") no-repeat center right 10px;
}

#aboutMintitPage .button-box.max-button::before {
  content: "";
  position: absolute;
  left: 0;
  top: -180px;
  width: 100%;
  height: 180px;
  background: linear-gradient(0deg,
      var(--color-white) 28.13%,
      rgba(255, 255, 255, 0.5) 74.06%,
      rgba(255, 255, 255, 0) 120%);
}

/* 회사소개// */

/* 서비스 이용안내 */

.service-page-header {
  position: fixed;
  padding: 0;
  width: 100%;
  max-width: 420px;
  background-color: var(--color-white);
  z-index: 5;
}

.service-page-header .ui-tab__item {
  width: 50%;
}

.service-title {
  /* position: fixed; */
  width: 100%;
  max-width: 420px;
  padding: 88px 0 0;
  z-index: 4;
}

.service-title>div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 40px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.5px;
  color: var(--color-white);
}

.service-title>div.aos {
  background-color: #004398;
}

.service-title>div.ios {
  background-color: #000000;
}

.service-banner-section {
  padding: 44px 24px 0;
}

.service-banner-section .banner-box {
  padding-bottom: 24px;
  position: relative;
}

.service-banner-section .banner-box .text-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.service-banner-section .banner-box .text-box h3 {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  font-weight: var(--font-weight-bold);
  ;
}

.service-banner-section .banner-box .text-box h3 span {
  max-width: calc(100% - 29px);
}

.service-banner-section .banner-box .text-box h3 span img {
  margin-bottom: -4px;
}

.service-banner-section .banner-box .text-box p {
  color: var(--color-neutral700);
}

.service-banner-section .banner-box .img-box {
  position: absolute;
  right: 0;
  top: 0px;
}

.service-banner-section .service-line {
  height: 1px;
  background: var(--color-neutral200);
}

.service-banner-section .swiper-pagination {
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
}

.service-list-section {
  padding: 14px 24px;
  overflow: hidden;
}

.service-list-section .swiper-container {
  overflow: visible;
}

.service-list-section .service-category-list {
  width: max-content;
}

.service-list-section .service-category-item {
  width: auto;
}

.service-list-section .service-category-item button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  height: 30px;
  border-radius: 64px;
  background: var(--color-neutral100);
}

.service-list-section .service-category-item button:focus {
  border: 0;
  outline: none;
}

.service-list-section .service-category-item button.selected {
  background: var(--color-primary300);
  font-weight: var(--font-weight-semibold);
}

.service-detail-section {
  padding-bottom: 60px;
}

.service-detail-section .info-container {
  position: relative;
  padding: 0 24px;
}

.service-detail-section .info-inner {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.service-detail-section .service-detail-tab01 .info-inner {
  background: #3fdbbf;
}

.service-detail-section .service-detail-tab02 .info-inner {
  background: #ae76d0;
}

.service-detail-section .service-detail-tab03 .info-inner {
  background: #ee7373;
}

.service-detail-section .service-detail-tab04 .info-inner {
  background: #f9975c;
}

.service-detail-section .info-container .info-title {
  padding: 22px 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}


.service-detail-section .info-container .info-title .num {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  padding-top: 1px;
  border-radius: 50%;
  font-size: 8.4px;
  font-weight: var(--font-weight-bold);
  background-color: var(--color-primary300);
  line-height: 14px;
}

.service-detail-section .info-container .info-title h5 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}

.service-detail-section .info-container .info-title p {
  line-height: 18px;
}

.service-detail-section .info-container .info-image {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.service-detail-section .button-box {
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.service-detail-section .info-box {
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.service-detail-section .info-box p {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  color: var(--color-neutral600);
}

.service-detail-section .ui-section__item__video-box {
  padding: 24px 24px 0;
}

.service-detail-section .ui-section__item__video {
  border-radius: 10px;
  overflow: hidden;
  height: 210px;
}

.service-detail-section .service-detail-tab01 .button-box {
  margin: 24px 0 40px;
}

.service-detail-section .service-detail-tab02 .info-box {
  margin: 14px 0 24px;
}

.service-detail-section .service-detail-tab03 .button-box {
  margin-top: 24px;
}

.service-detail-section .list4-container {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 24px;
}

.service-detail-section .list4-container img {
  width: 100%;
}

.service-detail-section .service-detail-tab05 {
  padding: 0 24px;
}

.service-detail-section .service-detail-tab05-container {
  border-radius: 8px;
  overflow: hidden;
  background: #f3f9f8;
}

.service-detail-section .service-detail-tab05-container .tit-box {
  padding: 22px 20px 26px;
  display: flex;
  gap: 8px;
  flex-direction: column;
}

.service-detail-section .service-detail-tab05-container img {
  width: 100%;
}

.service-detail-section .service-detail-tab05 a {
  margin-top: 24px;
}

.service-detail-section .page-header {
  padding: 0;
  margin-top: 10px;
}

.service-detail-section.mintit-home .service-detail-tab {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 24px;
}

.service-detail-section.mintit-home .info-container {
  background: var(--color-neutral200);
  border-radius: 4px;
  padding: 24px 0;
}

.service-detail-section.mintit-home .info-container .info-title {
  padding: 0 24px;
}

.service-detail-section.mintit-home .info-container.type01 {
  background-color: #A2B5FF;
  border-radius: 8px;
  padding-right: 0;
  padding-bottom: 0;
}

.service-detail-section.mintit-home .info-container .info-image {
  gap: 8px;
  margin: -15px 10px 4px 24px;
}

@media (max-width: 360px) {
  .service-detail-section.mintit-home .info-container .info-image {
    margin-top: 0;
  }

  .service-detail-section.mintit-home .info-container .info-image img {
    width: 100px;
  }
}

.service-detail-section.mintit-home .info-container .btn-apply {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60%;
  max-width: 150px;
  height: 48px;
  margin-right: auto;
  margin-bottom: 12px;
  border-radius: 4px;
  color: var(--color-white);
  background: #425BC9;
}

.service-button-section {
  padding: 0 24px;
}

.service-button-section button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  border-radius: 4px;
  color: var(--color-black);
  font-weight: var(--font-weight-normal);
}

.service-button-section button span {
  margin-top: 2px;
}

.service-button-section button img:first-of-type {
  width: 30px;
  margin-bottom: 1px;
}

.service-button-section button img:last-of-type {
  margin-left: 8px;
}

.service-button-section .btn-mintithome {
  background: linear-gradient(90deg, #FF72FF 0%, #D0D9FF 49.52%, #768BE4 100%);
}

.service-button-section .btn-mintithome-atm {
  background: linear-gradient(90deg, #B9FF65 0%, #C5FFFF 49.52%, #50EED5 100%);
}

.service-button-section button:hover,
.service-button-section button:active {
  opacity: 0.9;
}

/* 서비스 이용안내// */
/* 커넥터 설치하기 */
.service-connect {
  padding: 0 24px;
}

.service-connect h1 {
  padding: 12px 0;
  font-weight: var(--font-weight-Exbold);
}

.service-connect .info-box {
  padding-top: 20px;
}

.service-connect .info-box dl+dl {
  margin-top: 32px;
}

.service-connect .info-box dl dt {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}

.service-connect .info-box dl dd {
  padding-left: 30px;
  margin-top: 10px;
  color: var(--color-neutral700);
}

.service-connect .button-box {
  padding: 40px 0 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

/* 커넥터 설치하기 // */
/* 휴대폰설정 */
#serviceModal .ui-modal__body {
  padding: 0;
}


#serviceModal .service-phone-container {
  margin-top: 10px;
  padding-bottom: 60px;
}

.service-detail-tab02 .ui-tab__item {
  margin: 0 0 40px;
}

.service-detail-tab02 .ui-service-tab,
#serviceModal .service-phone-container .ui-service-tab {
  padding: 0 24px;
}

.service-detail-tab02 ul li+li,
#serviceModal .service-phone-container .ui-service-tab ul li+li {
  margin-top: 40px;
}

.service-detail-tab02 .tab-title,
#serviceModal .service-phone-container .ui-service-tab .tab-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.service-detail-tab02 .tab-title p,
#serviceModal .service-phone-container .ui-service-tab .tab-title p {
  font-weight: var(--font-weight-bold);
}

.service-detail-tab02 .service-info-box img,
#serviceModal .service-phone-container .ui-service-tab .service-info-box img {
  margin-top: 20px;
  width: 100%;
}

.service-detail-tab02 .service-info-box dl,
#serviceModal .service-phone-container .ui-service-tab .service-info-box dl {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.service-detail-tab02 .service-info-box dl dt h6,
#serviceModal .service-phone-container .ui-service-tab .service-info-box dl dt h6 {
  color: var(--color-neutral800);
}

.service-detail-tab02 .service-info-box dl dd,
#serviceModal .service-phone-container .ui-service-tab .service-info-box dl dd {
  color: var(--color-neutral600);
}

.service-detail-tab02 .service-info2-box,
#serviceModal .service-phone-container .ui-service-tab .service-info2-box {
  margin-top: 17px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 20px;
  min-height: 100px;
  border-radius: 8px;
  background: var(--color-grayish100);
}

.service-detail-tab02 .service-info2-box p {
  font-size: 14px;
  line-height: 18px;
  padding: 24px 0 20px;
}


.service-detail-tab02 .service-info2-box p,
#serviceModal .service-phone-container .ui-service-tab .service-info2-box p {
  color: var(--color-neutral600);
}

.service-detail-tab02 .service-info2-box p em,
#serviceModal .service-phone-container .ui-service-tab .service-info2-box p em {
  text-decoration: underline;
  font-weight: var(--font-weight-semibold);
}

/* 휴대폰설정// */
/* 이벤트 목록 */
#eventPage {
  padding: 0;
}

#eventPage .page-header {
  padding: 0;
}

/* #eventPage .ui-tab__item .ui-tab__text{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral700);
  position:relative;
  padding-top:18px;
  padding-bottom:8px;
  flex:1;
  width:100%;
}
#eventPage .ui-tab__item .ui-tab__text.js-tabpanel-active{
  color: var(--color-black);
  font-weight:600;
  padding-bottom:8px;
  border-bottom:0;
}
#eventPage .ui-tab__item .ui-tab__text.js-tabpanel-active::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #000;
} */
#eventPage .ui-section__event__content {
  padding: 32px 24px 50px;
}

#eventPage .ui-list--two-column {
  padding: 0;
  gap: 16px;
}

#eventPage .ui-list--two-column .ui-list__item {
  width: 100%;
}

#eventPage .ui-list--two-column .ui-list__item .ui-list__image .ui-list__image__end-bg {
  border-radius: 8px;
}

#eventPage .ui-list--two-column .ui-list__item .ui-list__image {
  margin-bottom: 8px;
}

#eventPage .ui-list--two-column .ui-list__item .ui-list__text {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#eventPage .ui-list--two-column .ui-list__item .ui-list__text p {
  color: var(--color-neutral600);
  font-weight: var(--font-weight-normal);
}

#eventPage .ui-list--two-column .ui-list__item .ui-list__text h3 {
  display: flex;
  height: 18px;
  padding: 0px 6px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: var(--color-neutral200);
  color: var(--color-neutral700);
}

#eventPage .ui-list--two-column .ui-list__item .ui-list__text h3.green {
  background: var(--color-grayish200);
  color: var(--color-primary600);
}

#eventPage .ui-list--two-column .ui-list__item .ui-list__text h3.red {
  background: var(--color-danger100);
  color: var(--color-danger300);
}

.no-list-box {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  align-items: center;
}

.no-list-box p {
  color: var(--color-neutral600);
  text-align: center;
}

.no-list-box button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  height: 34px;
  border-radius: 100px;
  background: var(--color-primary300);
  color: var(--color-grayish500);
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  line-height: 18px;
}

.ui-list--two-column .ui-list__item .ui-list__image img {
  border-radius: 8px;
  overflow: hidden;
}

/* 이벤트 목록// */
/* 이벤트 상세 */
.ui-button {
  background: #f0f0f0;
  color: #000;
  font-size: 20px;
}

/* 이벤트 상세// */
/* 시세조회 */
.price-check-section {
  padding: 0 24px 24px;
}

.price-check-section .price-check-list-header {
  padding: 12px 0 24px;
}

.price-check-section .price-check-reset {
  border-top: 1px solid var(--color-neutral200);
  padding: 16px 0 32px;
  display: flex;
  justify-content: flex-end;
}

.price-check-section .price-check-reset a {
  display: flex;
  gap: 4px;
  align-items: center;
  color: var(--color-neutral700);
}

.price-check-section .price-check-step {
  min-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.price-check-section .price-check-step-list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.price-check-section .price-check-step .price-check-time-line-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.price-check-section .price-check-step .price-check-time-line-item .price-check-time-line-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  background: var(--color-neutral400);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  border-radius: 50%;
}

.price-check-section .price-check-step .price-check-time-line-item.click .price-check-time-line-icon {
  background: var(--color-primary300);
}

.price-check-section .price-check-step .price-check-time-line-item .price-check-time-line-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

.price-check-section .price-check-step .price-check-time-line-item .price-check-time-line-content p {
  margin-left: 4px;
  color: var(--color-neutral700);
}

.price-check-section .price-check-step .price-check-list {
  margin-top: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.price-check-section .price-check-step .price-check-list .price-check-list-item {
  flex-basis: auto;
  width: calc(33.33% - 4px);
  cursor: pointer;
}

.price-check-section .price-check-step .price-check-list-item-data-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 6px;
  border: 1px solid var(--color-neutral200);
  padding: 0 6px;
  text-align: center;
  gap: 10px;
}

.price-check-section .price-check-step .price-check-list-item-data-wrapper.imageBox {
  padding: 18px 6px 14px;
}

.price-check-section .price-check-step .price-check-list-item-data-wrapper.imageBox img {
  max-width: 100%;
}

.price-check-section .price-check-step .price-check-list-item-data-wrapper.modelBox {
  height: 54px;
}

.price-check-section .price-check-step .price-check-list-item-data-wrapper.textBox {
  height: 66px;
}

.price-check-section .price-check-step .price-check-list-item-data-wrapper p {
  color: var(--color-neutral700);
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.price-check-section .price-check-step .price-check-list-item-data-wrapper.selected {
  border: 1.5px solid var(--color-primary400);
  background: var(--color-primary000);
}

.price-check-section .price-check-step .price-check-list-item-data-wrapper:hover {
  border: 1.5px solid var(--color-primary400);
  background: #d6f5f2;
}

.price-check-section .price-check-step .price-check-list-item-data-wrapper.selected:hover p,
.price-check-section .price-check-step .price-check-list-item-data-wrapper:hover p {
  color: #33ccbd;
}

.price-check-section .price-check-step .price-check-list-item-data-wrapper.selected p {
  color: var(--color-black);
}

.price-check-section .price-check-step .price-check-button {
  margin-top: 20px;
}

.price-check-section .price-check-step .price-check-button a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  border-radius: 4px;
  background: var(--color-primary300);
  color: var(--color-neutral800);
}

/* 기타제조사 */
.price-check-section .price-check-step .price-check-time-be {
  margin-top: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}

.price-check-section .price-check-step .price-check-time-be .price-check-time-line-text {
  color: var(--color-neutral800);
}

.price-check-section .price-check-step .price-check-list.price-check-list-be {
  margin-top: 12px;
}

.price-check-section .price-check-step .price-desc-box {
  margin-top: 12px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
}

.price-check-section .price-check-step .price-desc-box p {
  color: var(--color-neutral600);
}

/* 시세조회// */
/* 예상시세 */
#priceResultPage {
  /* overflow:hidden; */
  position: relative;
}

#priceResultPage .priceLoading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--color-white);
  z-index: 10;
}

#priceResultPage .priceLoading .loadingBox {
  padding-top: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}

#priceResultPage .priceLoading .loadingBox .price-info__lottie {
  width: 48px;
}

#priceResultPage .priceLoading .loadingBox p {
  color: var(--color-neutral600);
}

.price-result-inner-container {
  padding: 20px 0 40px;
}

#priceResultPage .price-result-title-section {
  padding: 0 24px 24px;
  text-align: right;
}

#priceResultPage .price-result-title-section h2 {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-neutral200);
  margin-bottom: 16px;
  text-align: left;
}

#priceResultPage .price-result-title-section a {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  color: var(--color-neutral700);
}

.price-result-section01 {
  padding: 0 24px;
}

.price-result-section01 .price-inner-container {
  padding: 18px 16px;
  border-radius: 8px;
  background: var(--color-grayish100);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}

.price-result-section01 .price-result-image {
  width: 64px;
  position: relative;
}

.price-result-section01 .price-result-image .logo-box {
  position: absolute;
  left: 40%;
  top: 50%;
  transform: translateY(-50%);
}

.price-result-section01 .price-result-image .logo-box img {
  width: 25px;
}

.price-result-section01 .price-result-title {
  flex: 1 0 auto;
  width: calc(100% - 70px);
  display: flex;
  gap: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.price-result-section01 .price-result-title>p {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: var(--color-primary300);
  height: 20px;
  padding: 0 8px;
}

.price-result-section01 .price-result-title>p.is-not-target-model {
  background: var(--color-neutral300);
}

.price-result-section01 .price-result-title>span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: var(--color-grayish500);
}

.price-result-section01 .price-result-title .price-result-range {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.price-result-section01 .price-result-title .price-result-range h5 span {
  color: var(--color-neutral500);
  font-weight: var(--font-weight-normal);
}

.price-result-section01 .price-result-title .price-result-range p {
  color: var(--color-neutral700);
}

.price-event-section {
  margin-top: 20px;
  padding: 0 24px;
}

.price-event-section .price-inner-container {
  padding: 16px 20px;
  background: var(--color-black);
  border-radius: 8px;
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.price-event-section p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  color: var(--color-primary300);
}

.price-event-section span {
  color: var(--color-neutral400);
}

.price-event-section span b {
  font-weight: var(--font-weight-normal);
  text-decoration: underline;
}

.price-result-section02 {
  margin-top: 28px;
  overflow: hidden;
  padding: 0;
  border-radius: 0;
  background: none;
}

.price-result-content-grade-price-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 24px;
  background: var(--color-neutral000);
}

.price-result-content-grade-price-list .price-result-grad-button {
  border-radius: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 2px;
  height: 48px;
  padding: 0 4px;
  max-width: 120px;
  /* width:calc(33.333% - 6.6667px); */
  background: var(--color-white);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
}

.price-result-content-grade-price-list .price-result-grad-button:focus {
  outline: 0;
}

.price-result-content-grade-price-list .price-result-grad-button p {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: var(--color-neutral500);
}

.price-result-content-grade-price-list .price-result-grad-button p img {
  opacity: 0.4;
}

.price-result-content-grade-price-list .price-result-grad-button span {
  color: #868e96;
}

.price-result-content-grade-price-list .price-result-grad-button.selected {
  outline: 1px solid var(--color-primary400);
  background: #f4fffd;
}

.price-result-content-grade-price-list .price-result-grad-button.selected p {
  font-weight: var(--font-weight-bold);
  color: var(--color-neutral800);
}

.price-result-content-grade-price-list .price-result-grad-button.selected p img {
  opacity: 1;
}

.price-result-content-grade-price-list .price-result-grad-button.selected span {
  color: var(--color-neutral800);
}

.price-result-section02 .price-inner-container {
  padding: 16px 24px 0;
}

.price-result-section02 .price-info-list {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.price-result-section02 .price-info-list p {
  color: var(--color-neutral600);
  position: relative;
  padding-left: 18px;
}

.price-result-section02 .price-info-list p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  background: url("/assets/images/icon/icon-price-bullet.svg") no-repeat center / cover;
}

.price-result-section03 {
  margin-top: 19px;
  padding: 0 24px;
}

.price-result-section03 .price-inner-container {
  padding: 16px 20px;
  border-radius: 8px;
  background: var(--color-neutral000);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-direction: column;
}

.price-result-section03 p {
  color: var(--color-neutral700);
  text-align: center;
}

.price-result-section03 button {
  width: 100%;
  border-radius: 4px;
  background: var(--color-primary300);
  padding: 0 12px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-neutral800);
}

.price-result-section04 {
  padding: 0 24px;
}

.price-result-section04 .price-inner-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 40px;
}

.price-result-section04 .price-result-event-link-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.price-result-section04 .price-result-event-link-wrapper a {
  width: 100%;
  border-radius: 12px;
  background: var(--color-white);
  box-shadow: 2px 2px 12px 2px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  display: flex;
}

.price-result-link-button a {
  width: 100%;
  display: flex;
  height: 47px;
  padding: 0 48px;
  justify-content: center;
  align-items: center;
  color: var(--color-neutral800);
  border-radius: 8px;
  border: 1px solid var(--color-primary400);
  background: var(--color-white);
}

.price-result-section05 {
  padding: 40px 24px 0;
}

.price-result-section05 .price-inner-container {
  cursor: pointer;
}

.price-result-section05 .top-box {
  background: #1761d4;
  border-radius: 8px 8px 0 0;
  padding: 20px 26px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.price-result-section05 .top-box .title-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}

.price-result-section05 .top-box .title-box h4,
.price-result-section05 .top-box p {
  color: var(--color-white);
}

.price-result-section05 .bottom-box {
  display: flex;
  border-radius: 0 0 8px 8px;
  min-height: 34px;
  padding: 5px 10px;
  background: var(--color-neutral200);
  gap: 8px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.price-result-section05 .bottom-box p {
  color: var(--color-neutral700);
}

.price-result-section05 .bottom-box span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: var(--color-neutral700);
}

.price-result-app-container {
  padding: 24px;
  background: var(--color-neutral000);
}

.price-result-app-container .app-title-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 25px;
}

.price-result-app-container .app-title-box h5 {
  color: #373737;
}

.price-result-app-container .app-desc-box {
  padding: 16px 0 39px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.price-result-app-container .app-desc-box ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.price-result-app-container .app-desc-box ul li {
  display: flex;
  gap: 4px;
}

.price-result-app-container .app-btn-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

/* 예상시세 // */
/* 시세조회 등급기준 페이지  */
.price-grade-section {
  padding: 0 0 60px;
}

.price-grade-section .price-grade-title {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 24px;
}

.price-grade-section .price-grade-title h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}

.price-grade-section .price-grade-title p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.28;
  color: #8b8b8b;
}

.price-grade-section .grade-button-container {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  background: #fafafa;
  gap: 8px 10px;
  border-radius: 0;
  flex-wrap: wrap;
}

.price-grade-section .grade-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 64px;
  height: 40px;
  color: var(--color-neutral500);
  font-weight: var(--font-weight-normal);
  border: 1.5px solid var(--color-white);
  font-size: var(--font-size-h5);
  background: var(--color-white);
  box-shadow: 0px 2px 4px 0px rgba(58, 58, 60, 0.04);
  max-width: 120px;
}

.price-grade-section .grade-button img {
  opacity: 0.4;
}

.price-grade-section .grade-button:focus {
  outline: none;
}

.price-grade-section .grade-button.selected {
  font-weight: var(--font-weight-bold);
  border: 1px solid var(--color-primary400);
  font-size: var(--font-size-h6);
  color: var(--color-neutral800);
  background: #f4fffd;
}

.price-grade-section .grade-button.selected img {
  opacity: 1;
}

.price-grade-section .grade-detail {
  margin-top: 0;
  padding: 24px 24px 0;
}

.price-grade-section .grade-detail .grade-detail-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}

.price-grade-section .grade-detail .grade-detail-title h5 {
  color: #1d1d1d;
}

.price-grade-section .grade-detail .grade-detail-title p {
  color: var(--color-neutral700);
  margin-top: 4px;
}

.price-grade-section .grade-detail .grade-detail-list {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.price-grade-section .grade-detail .grade-detail-list li+li {
  margin-top: 24px;
}

.price-grade-section .grade-detail .grade-detail-list li {
  width: 100%;
}

.price-grade-section .grade-detail .grade-detail-list li .grade-detail-desc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

.price-grade-section .grade-detail .grade-detail-list li .grade-detail-desc h4 {
  color: #000;
  flex-shrink: 0;
}

.price-grade-section .grade-detail .grade-detail-list li .grade-detail-desc p {
  color: #000;
  position: relative;
  padding-left: 7px;
}

.price-grade-section .grade-detail .grade-detail-list li .grade-detail-desc p::before {
  content: ":";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.price-grade-section .grade-detail .grade-detail-list li.abnormal .grade-detail-desc h4,
.price-grade-section .grade-detail .grade-detail-list li.abnormal .grade-detail-desc p {
  color: var(--color-primary500);
}

.price-grade-section .grade-detail .grade-detail-list li .grade-detail-img {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
  margin-top: 8px;
}

.price-grade-section .grade-detail .grade-detail-list li .grade-detail-img div {
  flex-basis: auto;
  width: 100%;
}

.price-grade-section .grade-detail .grade-detail-list li .grade-detail-img div img {
  width: 100%;
  border-radius: 8px;
}

/* //시세조회 등급기준 페이지  */
/* 개인정보 안심 팝업 */
.price-security-section {
  position: relative;
}

.price-security-section .swiper-slide {
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  background: var(--color-white);
}

.price-security-section .swiper-slide .close_btn {
  position: absolute;
  right: 16px;
  top: 17px;
}

.price-security-section .img-box {
  padding: 51px 0 29px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.price-security-section .img-box.back01 {
  background-image: url("/assets/images/background/bg-security-back1.png");
}

.price-security-section .img-box.back02 {
  background-image: url("/assets/images/background/bg-security-back2.png");
}

.price-security-section .img-box.back03 {
  background-image: url("/assets/images/background/bg-security-back3.png");
}

.price-security-section .img-box h3 {
  color: var(--color-white);
}

.price-security-section .img-box img {
  max-width: 100%;
}

.price-security-section .bottom-box {
  padding: 16px 20px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  min-height: 190px;
}

.price-security-section .bottom-box .txt-box {
  display: flex;
  gap: 10px;
  padding-top: 12px;
  align-items: flex-start;
  min-height: 108px;
}

.price-security-section .bottom-box .txt-box .desc-box {
  flex-basis: auto;
  width: calc(100% - 42px);
}

.price-security-section .bottom-box .txt-box p {
  margin-top: 5px;
  color: var(--color-neutral800);
}

.price-security-section .bottom-box .button-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.price-security-section .bottom-box .button-box button {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-neutral800);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-bold);
  line-height: 18px;
  width: 132px;
  height: 48px;
  border-radius: 4px;
  background: var(--color-primary300);
}

.price-security-section .swiper-pagination {
  position: absolute;
  left: 0;
  bottom: 36px;
  width: 100%;
}

/* //개인정보 안심 팝업 */
/* 민팃 기부  */
#donationPage .donation-info02-section {
  padding: 20px 0;
}

#donationPage .donation-info02-section h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

#donationPage .donation-info02-section .numberContainer {
  margin-top: 20px;
}

#donationPage .donation-info02-section .numberContainer .numberText {
  width: 36px;
  height: 39px;
  font-size: 34px;
  line-height: 32px;
  border-radius: 4px;
}

#donationPage .donation-info02-section .numberContainer .commaText {
  font-size: 34px;
  line-height: 32px;
}

#donationPage .donation-info02-section .numberContainer .numberBox p {
  margin-left: 7px;
  font-size: 24px;
  line-height: 32px;
}

#donationPage .donation-info03-section {
  overflow: hidden;
  padding: 40px 24px 50px;
  position: relative;
}

#donationPage .donation-info03-section::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 230px;
  background: #73eed8;
}

#donationPage .donation-info03-section .swiper-container {
  overflow: visible;
}

#donationPage .donation-info03-section .swiper-slide {
  width: 156px;
  height: 222px;
  box-shadow: 8px 8px 30px rgba(3, 53, 43, 0.2);
  border-radius: 20px;
}

#donationPage .donation-info03-section .slide-box {
  height: 100%;
  border-radius: 20px;
  background: var(--color-white);
  padding: 24px 10px 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

#donationPage .donation-info03-section .slide-box h5 {
  margin-top: 14px;
  color: var(--color-neutral800);
}

#donationPage .donation-info03-section .slide-box p {
  margin-top: 8px;
  color: var(--color-neutral600);
}

#donationPage .donation-info04-section {
  padding: 32px 24px 60px;
  text-align: Center;
}

#donationPage .donation-info04-section .gray-box {
  border-radius: 8px;
  background: var(--color-neutral100);
  padding: 20px 24px 16px;
}

#donationPage .donation-info04-section .gray-box p {
  color: var(--color-neutral800);
}

#donationPage .donation-info04-section .gray-box span {
  display: flex;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--color-neutral300);
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  color: var(--color-neutral700);
}

#donationPage .donation-info05-section {
  padding: 0 24px 60px;
  text-align: center;
}

#donationPage .donation-info05-section .title-box img {
  margin-top: 24px;
  max-width: 100%;
}

#donationPage .donation-info05-section .title-box p {
  margin-top: 20px;
}

#donationPage .donation-info05-section .title-box p+p {
  margin-top: 12px;
}

#donationPage .donation-info05-section ul {
  margin-top: 50px;
}

#donationPage .donation-info05-section ul li {
  position: relative;
}

#donationPage .donation-info05-section ul li+li::before {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 27px;
  background: url("/assets/images/icon/donation-info05-arrow.png") no-repeat center / cover;
  margin: 22px auto 24px;
}

#donationPage .donation-info05-section ul li .desc-box {
  max-width: 320px;
  border-radius: 8px;
  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.1);
  padding: 19px 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  width: 100%;
  margin: 20px auto 0;
}

#donationPage .donation-info05-section ul li .desc-box p {
  color: var(--color-neutral800);
  text-align: left;
}

#donationPage .donation-info05-section ul li>img {
  max-width: 320px;
  width: 100%;
}



#donationPage .donation-info05-section ul li .desc-box.type02 {
  flex-direction: column;
}

#donationPage .donation-info05-section ul li .desc-box.type02>div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  width: 100%;
  margin-bottom: 4px;
}

#donationPage .donation-info05-section ul li .desc-box .blink {
  position: relative;
}

#donationPage .donation-info05-section ul li .desc-box .blink:after {
  content: '';
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
  width: 100%;
  height: 100%;
  border: 4px solid var(--color-primary400);
  border-radius: 8px;
  animation: blink .7s infinite;
  z-index: 2;
}

#donationPage .donation-info05-section ul li .desc-box .blink img {
  width: 100%;
}

@keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* 민팃 기부 // */

/* 공지사항 */
#noticePage {
  padding: 0;
}

#noticePage .ui-section__content {
  padding: 20px 24px 60px;
}

#noticePage .ui-section__content .ui-list--row {
  margin-bottom: 0;
}

#noticePage .ui-list--row .ui-list--row__item__title {
  padding: 8px 0;
  gap: 8px;
  justify-content: space-between;
}

#noticePage .ui-notice-text-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  min-height: 56px;
  width: calc(100% - 32px);
}

#noticePage .ui-notice-text-box h3 {
  font-size: var(--font-size-h5);
  width: 100%;
}

#noticePage .ui-notice-text-box p {
  color: var(--color-neutral600);
  font-size: var(--font-size-b3);
}

#noticePage .ui-list--row .ui-list--row__item__title .ui-list--row__opener {
  width: 24px;
  height: 24px;
  background-image: url(/assets/images/icon/icon-arrow-bottom.svg);
}

#noticePage .ui-list--row .ui-list--row__item__detail {
  background: var(--color-grayish100);
  border-radius: 6px;
  padding: 12px;
  line-height: 18px !important;
  font-size: 14px !important;
  font-weight: var(--font-weight-normal) !important;
}

#noticePage .ui-list--row .ui-list--row__item__detail * {
  line-height: 18px !important;
  font-size: 14px !important;
  font-weight: var(--font-weight-normal) !important;
}

#noticePage .more-button {
  padding: 6px 30px 6px 14px;
  border-radius: 50px;
  border: 1px solid var(--color-neutral400);
  background: url("/assets/images/icon/icon-arrow-bottom2.svg") no-repeat center right 10px;
  max-width: 100%;
  height: auto;
  width: auto;
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  line-height: normal;
}

/* 공지사항// */
/* 고객센터 */
#faq_vue {
  padding: 0;
}

#faq_vue .faq-bottom-kakao-chat-box {
  padding: 20px 24px 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#faq_vue .faq-bottom-kakao-chat-box a {
  display: flex;
  padding: 15px 20px;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: var(--color-neutral200);
}

#faq_vue .faq-bottom-kakao-chat-box p {
  color: var(--color-neutral600);
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color-neutral200);
}

#faq_vue .faq-inner-container {
  padding: 0 24px 60px;
}

#faq_vue .faq-search {
  align-items: flex-start;
  gap: 20px;
}

.faq-search-input-box {
  position: relative;
  margin-bottom: 12px;
  padding: 0;
  border-radius: 0;
  height: auto;
  border: 0;
}

.faq-search-input-box input {
  color: var(--color-neutral600);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  height: 48px;
  border: 1px solid var(--color-neutral300);
  background: var(--color-white);
  padding: 15px 40px 15px 16px;
  border-radius: 4px;
}

.faq-search-input-box input:hover,
.faq-search-input-box input:focus {
  border: 1px solid var(--color-primary300);
  color: var(--color-black);
}

.faq-search-input-box button {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
}

.faq-search-input-box a {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  width: 20px;
  height: 20px;
  background: url(/assets/images/icon/icon-retrun-faq.png) no-repeat center center / contain;
}

.faq-header {
  margin-bottom: 0;
}

#faq_vue .ui-list--row {
  margin-bottom: 0;
}

.ui-faq-select {
  width: 100%;
  height: 48px;
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--color-white);
  background-image: url("/assets/images/icon/icon-faq-select-arrow.svg");
  background-repeat: no-repeat;
  background-position: right 12px center;
  border-radius: 4px;
  border: 1px solid var(--color-neutral500);
  padding: 0 48px 0 16px;
  margin-bottom: 12px;
  font-size: var(--font-size-h6);
}

.ui-faq-select:last-child {
  margin-bottom: 16px;
}

#faq_vue .ui-list--row .ui-list--row__item__title {
  padding: 0 16px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 68px;
}

#faq_vue .ui-list--row__item__header {
  width: 12px;
  margin-right: 0;
}

#faq_vue .ui-list--row__item__title_inner {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-basis: auto;
  width: calc(100% - 32px);
}

#faq_vue .ui-list--row__item__title_inner div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

#faq_vue .ui-list--row__item__title_inner span {
  color: var(--color-neutral600);
}

#faq_vue .ui-list--row__item__header p {
  color: var(--color-primary300);
}

#faq_vue .ui-list--row .ui-list--row__item__title .ui-list--row__text-box {
  margin-right: 4px;
  width: calc(100% - 56px);
}

#faq_vue .ui-list--row .ui-list--row__item__title .ui-list--row__text-box p {
  font-size: var(--font-size-h6);
  width: 100%;
  color: var(--color-black);
}

#faq_vue .ui-list--row .ui-list--row__item__title .ui-list--row__opener {
  position: static;
  background-image: url("/assets/images/icon/icon-faq-select-arrow.svg");
  width: 24px;
  height: 24px;
}

#faq_vue .ui-list--row .ui-list--row__item__detail {
  background: var(--color-grayish100);
  border-radius: 6px;
  padding: 12px;
  line-height: 18px !important;
  font-size: var(--font-size-h6) !important;
  font-weight: var(--font-weight-normal) !important;
}

#faq_vue .ui-list--row .ui-list--row__item__detail * {
  line-height: 18px !important;
  font-size: var(--font-size-h6) !important;
  font-weight: var(--font-weight-normal) !important;
}

#faq_vue .more-button {
  padding: 6px 30px 6px 14px;
  border-radius: 50px;
  border: 1px solid var(--color-neutral400);
  background: url("/assets/images/icon/icon-arrow-bottom2.svg") no-repeat center right 10px;
  max-width: 100%;
  height: auto;
  width: auto;
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  line-height: normal;
  margin-top: 10px;
}

#faq_vue .faq-detail-category-list-wrapper {
  overflow-x: auto;
}

#faq_vue .faq-detail-category-list-wrapper::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

#faq_vue .faq-detail-category-list-wrapper::-webkit-scrollbar-thumb {
  background: var(--color-primary400);
}

#faq_vue .faq-detail-category-list {
  width: max-content;
}

#faq_vue .faq-detail-category-item {
  background: var(--color-neutral100);
  color: var(--Neutral-Black, #000);
  font-size: var(--font-size-l1);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  width: auto;
}

#faq_vue .faq-detail-category-item.is-selected {
  background: var(--color-primary300);
  color: var(--color-black);
}

#faq_vue .faq-search-empty {
  border-top: 0;
  padding: 60px 0;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 0;
  border-bottom: 1px solid var(--color-neutral200);
}

#faq_vue .faq-search-empty p {
  font-size: var(--font-size-h6);
  color: var(--color-neutral600);
}

.faq-search-info-text {
  padding-top: 30px;
}

.faq-search-info-text h3 {
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  line-height: 20px;
}

.faq-search-info-text p {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: var(--color-neutral600);
}

/* 고객센터// */

/* ATM 찾기 */
.atm-list-container {
  width: 100%;
  height: 100%;
  /* z-index:40; */
}

.ui-atm-map__controller {
  max-width: 420px;
  width: 100%;
  top: calc(50% + 40px);
  left: 60px;
  height: 86%;
  transform: translateY(-50%);
}

.ui-atm-map__my-location-button {
  right: 24px;
  bottom: 24px;
  width: 48px;
  height: 48px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
  background: url(/assets/images/icon/icon-gps.svg) no-repeat center / cover;
}

.ui-atm-map__filter__input-box {
  margin-bottom: 26px;
  border-radius: 4px;
  border: 1px solid var(--color-neutral300);
  gap: 12px;
  padding: 0 16px;
  height: 48px;
}

.ui-atm-map__filter__input {
  background: none;
  height: 100%;
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral800);
}

.ui-atm-map__filter__input::placeholder {
  color: var(--color-neutral600);
}

.ui-atm-map__filter__input-button {
  width: 24px;
  height: auto;
  background-size: contain;
}

.atm-moblie-close-button {
  width: 24px;
  height: auto;
  background: url("/assets/images/icon/icon-left-arrow.png") no-repeat center;
  background-size: contain;
}

.ui-atm-map__filter__list {
  flex-wrap: nowrap;
  width: max-content;
  gap: 0;
}

.ui-atm-map__filter__list::-webkit-scrollbar {
  display: none;
}

.ui-atm-map__filter__item {
  color: var(--color-neutral800);
  background: var(--color-neutral100);
  font-size: 13px;
  font-weight: var(--font-weight-normal);
  width: auto;
  height: 34px;
}

.ui-atm-map__filter__item.is-active {
  background: var(--color-primary300);
  color: var(--color-black);
  font-weight: var(--font-weight-semibold);
}

.ui-atm-map__filter__item p {
  white-space: nowrap;
}

.ui-atm-map__filter__item .ui-atm-map__filter__icon {
  width: 24px;
  height: 24px;
  margin-right: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.ui-atm-map__filter__icon.marker-sk {
  background-image: url("/assets/images/marker/icon-sk-chip.png");
}

.ui-atm-map__filter__icon.marker-kt {
  background-image: url("/assets/images/marker/icon-kt-chip.png");
}

.ui-atm-map__filter__icon.marker-lgu {
  background-image: url("/assets/images/marker/icon-lgu-chip.png");
}

.ui-atm-map__filter__icon.marker-emart {
  background-image: url("/assets/images/marker/icon-emart-chip.png");
}

.ui-atm-map__filter__icon.marker-emart24 {
  background-image: url("/assets/images/marker/icon-emart24-chip.png");
}

.ui-atm-map__filter__icon.marker-emart-traders {
  background-image: url("/assets/images/marker/icon-emart-traders-chip.png");
}

.ui-atm-map__filter__icon.marker-homeplus {
  background-image: url("/assets/images/marker/icon-homeplus-chip.png");
}

.ui-atm-map__filter__icon.marker-lotte {
  background-image: url("/assets/images/marker/icon-lotte-chip.png");
}

.ui-atm-map__filter__icon.marker-costco {
  background-image: url("/assets/images/marker/icon-costco-chip.png");
}

.ui-atm-map__filter__icon.marker-samsung {
  background-image: url("/assets/images/marker/icon-samsung-chip.png");
}

.ui-atm-map__filter__icon.marker-himart {
  background-image: url("/assets/images/marker/icon-himart-chip.png");
}

.ui-atm-map__filter__icon.marker-eland {
  background-image: url("/assets/images/marker/icon-eland-chip.png");
}

.ui-atm-map__filter__icon.marker-lgbest {
  background-image: url("/assets/images/marker/icon-lgbest-chip.png");
}

.ui-atm-map__filter__icon.marker-electromart {
  background-image: url("/assets/images/marker/icon-electromart-chip.png");
}

.ui-atm-map__filter__icon.marker-post {
  background-image: url("/assets/images/marker/icon-post-chip.png");
}

.ui-atm-map__filter__icon.marker-mintit {
  background-image: url("/assets/images/marker/icon-mintit-chip.png");
}

.ui-atm-map__filter__filter-box {
  overflow: visible;
}

.ui-atm-map__filter__search {
  border-bottom: 0;
  padding-bottom: 24px;
}

.ui-atm-map__filter__result__list {
  border-top: 1px solid var(--color-neutral200);
  padding: 4px 24px;
}

.ui-atm-map__filter__result__item {
  padding: 20px 0;
  display: block;
  border-bottom: 0;
}

.ui-atm-map__filter__result__item+.ui-atm-map__filter__result__item {
  border-top: 1px solid var(--color-neutral200);
}

.ui-atm-map__filter__result_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.ui-atm-map__filter__result_title>div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}

.ui-atm-map__filter__result_title img {
  width: 24px;
}

.ui-atm-map__filter__result_title p {
  color: var(--color-neutral500);
}

.ui-atm-map__filter__result_desc {
  margin-top: 16px;
}

.ui-atm-map__detail__bottom {
  margin-top: 6px;
  padding: 0;
  background: none;
}

.ui-atm-map__detail__bottom dl {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: 4px;
  margin-bottom: 0;
}

.ui-atm-map__detail__bottom dl dt {
  display: inline-block;
  vertical-align: middle;
  color: var(--color-neutral700);
  width: 56px;
  margin-right: 2px;
}

.ui-atm-map__detail__bottom dl:nth-of-type(2) dt {
  width: 26px;
}

.ui-atm-map__detail__bottom dl dd {
  display: inline-block;
  vertical-align: middle;
  color: var(--color-neutral600);
}

.ui-atm-map__touch__button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 0 4px;
}

.ui-atm-map__touch__button button {
  display: none;
  width: 40px;
  height: 4px;
  border-radius: 99px;
  background: var(--color-neutral400);
  margin: 0 auto;
}

.ui-atm-map__link_box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  gap: 16px;
}

.ui-atm-map__detail {
  position: relative;
}

.ui-atm-map__toast-popup {
  position: absolute;
  left: 30px;
  bottom: 30px;
  width: calc(100% - 60px);
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  font-size: var(--font-size-b3);
  font-weight: var(--font-weight-normal);
  color: var(--color-white);
  text-align: center;
  border-radius: 6px;
}

.ui-atm-map__detail__button {
  padding: 0;
  background: none;
}

.ui-atm-map__detail__button img {
  width: 30px;
}

.ui-atm-map__filter__check {
  /* display:none; */
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 24px 16px;
  gap: 10px;
}

.ui-atm-map__filter__check label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.ui-atm-map__filter__check label input[type="radio"] {
  appearance: none;
  margin: 0;
  width: 24px;
  height: 24px;
  background: url("/assets/images/icon/check_filter_unselect.png") no-repeat center / cover;
}

.ui-atm-map__filter__check label input[type="radio"]:checked {
  background: url("/assets/images/icon/check_filter_select.png") no-repeat center / cover;
}

.ui-atm-map__filter__check label span {
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  color: var(--color-neutral600);
}

.ui-atm-map__filter__check label input[type="radio"]:checked+span {
  color: var(--color-black);
}

.ui-atm-map__filter-mobile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  right: 0;
  bottom: 0;
  transition: left 0.3s;
  z-index: 43;
  background: var(--color-white);
  height: 100%;
  overflow: hidden;
  display: none;
}

.ui-atm-map__filter-mobile.is-opened {
  display: block;
}

.ui-atm-map__filter-mobile .ui-atm-map__filter__search {
  padding: 12px 24px 0;
}

.ui-atm-map__filter-mobile .ui-atm-map__filter__input-box {
  margin-bottom: 0;
}

.ui-atm-map__filter-mobile .ui-atm-map__filter__result {
  overflow-y: auto;
  height: calc(100% - 80px);
  padding: 0 24px;
}

.ui-atm-map__filter-mobile .ui-atm-map__filter__result>p {
  color: var(--color-neutral500);
  padding-top: 20px;
}

.ui-atm-map__filter-mobile .ui-atm-map__filter__result__list {
  padding: 0;
  padding-top: 6px;
  padding-bottom: 30px;
}

.ui-atm-map__filter-mobile .ui-atm-map__filter__result>p+.ui-atm-map__filter__result__list {
  padding-top: 0;
}

.ui-atm-map__filter-mobile .ui-atm-map__filter__result__item {
  border-top: 0;
  padding: 14px 0;
}

.ui-atm-map__filter-mobile .ui-atm-map__filter__result_desc {
  margin-top: 10px;
}

.ui-atm-map__filter-mobile .no-list-box {
  min-height: 100%;
}

/* ATM 찾기 // */
/* 기부증 */
#donationRequestPage .event-choice {
  padding: 0 0 60px;
}

#donationRequestPage .donation-info-container {
  padding: 80px 24px 40px;
  text-align: center;
  background: var(--color-primary200) url("/assets/images/background/donation-kv-bg.png") no-repeat top center / contain;
}

#donationRequestPage .donation-info-container img {
  max-width: 100%;
}

#donationRequestPage .donation-info-container .img-box {
  margin: 20px 0;
}

#donationRequestPage .donation-info-container .tit-box h2 {
  color: var(--color-primary500);
  font-size: 30px;
  padding-bottom: 40px;
}

#donationRequestPage .donation-info-container .tit-box p {
  color: var(--color-neutral800);
}

#donationRequestPage .donation-info-container .tit-box p+p {
  margin-top: 20px;
}

#donationRequestPage .donation-info-container .bottom-icon-box {
  position: relative;
  margin-top: 36px;
  z-index: 2;
}

#donationRequestPage .donation-info-container .bottom-icon-box::before {
  content: "";
  position: absolute;
  left: -24px;
  top: 27px;
  height: 48px;
  width: calc(100% + 48px);
  background: var(--color-primary300);
  z-index: -1;
}

#donationRequestPage .donation-info-container .info-box {
  margin-top: 40px;
  border-radius: 8px;
  border: 2px solid var(--color-primary400);
  background: var(--color-white);
  padding: 50px 24px;
}

#donationRequestPage .donation-info-container .info-box p {
  line-height: 22px;
}

#donationRequestPage .donation-info-container .info-box p b {
  color: var(--color-primary500);
}

#donationRequestPage .donation-info-container .info-box p+p {
  margin-top: 22px;
}

#donationRequestPage .donation-info-container .info-box a {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--color-white);
  border: 1px solid var(--color-neutral300);
  width: 200px;
  height: 36px;
  gap: 2px;
  margin: 18px auto 0;
}

#donationRequestPage .donation-info-container .info-box>img {
  margin-top: 28px;
}

#donationRequestPage .donation-info-list {
  padding: 40px 24px 60px;
  background: var(--color-primary000);
}

#donationRequestPage .donation-info-list .list-box>p {
  display: flex;
  border-radius: 50px;
  background: var(--color-primary500);
  width: 239px;
  height: 38px;
  justify-content: center;
  align-items: center;
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-semibold);
  color: var(--color-white);
  margin: 0 auto;
}

#donationRequestPage .donation-info-list .list-box ul {
  margin-top: 20px;
}

#donationRequestPage .donation-info-list .list-box ul li {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#donationRequestPage .donation-info-list .list-box ul li+li {
  margin-top: 24px;
  border-top: 1px solid var(--color-primary300);
  padding-top: 24px;
}

#donationRequestPage .donation-info-list .list-box ul li h5 {
  color: #33ccbd;
}

#donationRequestPage .donation-info-list .list-box ul li h3 {
  color: var(--color-neutral800);
}

#donationRequestPage .donation-info-list .list-box ul li ㅔ {
  color: var(--color-neutral700);
}

#donationRequestPage .request-form {
  padding: 60px 24px 0;
  margin-bottom: 60px;
}

#donationRequestPage .request-form .request-form-title p {
  margin-top: 8px;
  color: var(--color-neutral700);
  padding-bottom: 20px;
}

#donationRequestPage .request-form .event-choice-form-item {
  margin-top: 20px;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 0;
  align-items: flex-start;
}

#donationRequestPage .request-form .event-choice-form-item>label {
  color: var(--color-neutral700);
  width: 100%;
  margin-right: 0;
}

#donationRequestPage .request-form .event-choice-form-item>label b {
  color: var(--color-primary300);
}

#donationRequestPage .request-form .event-choice-form-item input.event-choice-full-input {
  border-radius: 4px;
  border: 1px solid var(--color-neutral300);
  background: var(--color-white);
  padding: 15px 16px;
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral600);
}

#donationRequestPage .request-form .event-choice-form-item .event-choice-form-select-cellphone {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
}

#donationRequestPage .request-form .event-choice-form-item .event-choice-form-select-cellphone select,
#donationRequestPage .request-form .event-choice-form-item .event-choice-form-select-cellphone input {
  border-radius: 4px;
  border: 1px solid var(--color-neutral300);
  background: var(--color-white);
  padding: 15px 16px;
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral600);
  width: calc(33.333% - 8px);
}

#donationRequestPage .request-form .event-choice-form-item select {
  background: url("/assets/images/icon/icon-donation-select-arrow.svg") no-repeat center right 16px;
}

#donationRequestPage .request-form .event-choice-form-item .event-choice-form-select-cellphone .phone-number-bar {
  margin: 0;
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  color: var(--color-black);
}

#donationRequestPage .request-form .event-choice-form-item .event-choice-form-checkbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

#donationRequestPage .request-form .event-choice-form-item .event-choice-form-checkbox li {
  flex-basis: auto;
  width: calc(25% - 9px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#donationRequestPage .request-form .event-choice-form-item .event-choice-form-checkbox li input[type="checkbox"] {
  display: none;
}

#donationRequestPage .request-form .event-choice-form-item .event-choice-form-checkbox li input[type="checkbox"]+label {
  width: auto;
  margin-right: 0;
  padding-left: 28px;
  cursor: pointer;
  background: url("/assets/images/icon/icon-check-mint.png") no-repeat left center / contain;
  color: var(--color-neutral800);
  font-size: 14px;
}

#donationRequestPage .request-form .event-choice-form-item .event-choice-form-checkbox li input[type="checkbox"]:checked+label {
  background: url("/assets/images/icon/icon-check-mint-select.png") no-repeat left center / contain;
}

#donationRequestPage .request-form .event-choice-form-item .event-notice {
  margin-top: 6px;
}

#donationRequestPage .request-form .event-choice-form-item .event-notice li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: var(--color-neutral700);
}

#donationRequestPage .request-form .event-choice-form-item .event-choice-form-radio {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  flex-direction: column;
  margin-bottom: 20px;
}

#donationRequestPage .request-form .event-choice-form-item .event-choice-form-radio li input[type="radio"] {
  display: none;
}

#donationRequestPage .request-form .event-choice-form-item .event-choice-form-radio li input[type="radio"]+label {
  width: auto;
  margin-right: 0;
  padding-left: 28px;
  cursor: pointer;
  background: url("/assets/images/icon/icon-radio-mint.png") no-repeat left center / contain;
  color: var(--color-neutral800);
  font-size: 14px;
}

#donationRequestPage .request-form .event-choice-form-item .event-choice-form-radio li input[type="radio"]:checked+label {
  background: url("/assets/images/icon/icon-radio-mint-select.png") no-repeat left center / contain;
}

#donationRequestPage .request-form .event-choice-form-item .event-notice-box {
  border-radius: 20px 20px 0px 20px;
  background: var(--color-grayish100);
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

#donationRequestPage .request-form .event-choice-form-item .event-notice-box li {
  color: var(--color-neutral700);
}

#donationRequestPage .request-form .event-notice-box2 {
  margin-top: 20px;
  color: var(--color-neutral700) s;
}

#donationRequestPage #clauseContents {
  margin-bottom: 60px;
  padding: 0 24px;
}

#donationRequestPage #clauseContents .event-choice-stplat-html {
  margin-top: 20px;
  border-radius: 4px;
  background: var(--color-neutral000);
  padding: 16px;
}

#donationRequestPage #clauseContents .clause-section__title {
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  line-height: 16px;
  color: var(--color-neutral800);
  margin-bottom: 12px;
}

#donationRequestPage #clauseContents .clause-list {
  margin: 0;
}

#donationRequestPage #clauseContents .clause-list__item {
  margin: 6px 0;
}

#donationRequestPage #clauseContents .clause-list__symbol {
  min-width: auto;
  margin-right: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#donationRequestPage #clauseContents .clause-list__text {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

#donationRequestPage .event-choice-submit-box {
  padding: 0 24px;
}

#donationRequestPage .request-form .event-choice-form-item .event-choice-form-checkbox-count {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

#donationRequestPage .request-form .event-choice-form-item .event-choice-form-checkbox-count li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  border: 1px solid var(--color-neutral300);
  padding: 15px 16px;
}

#donationRequestPage .request-form .event-choice-form-item .event-choice-form-checkbox-count .doncation-product-count-title {
  width: auto;
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral600);
}

#donationRequestPage .request-form .event-choice-form-item .event-choice-form-checkbox-count .donation-product-count-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral600);
}

#donationRequestPage .request-form .event-choice-form-item .event-choice-form-checkbox-count .donation-product-count-wrapper input {
  text-align: right;
  padding: 0;
  border-radius: 0;
  border: 0;
  color: var(--color-black);
  font-weight: var(--font-weight-bold);
  font-size: 18px;
}

/* 기부증 // */
/* 증빙서류 */
#documentIndexPage .ui-page-header {
  padding: 12px 24px 24px;
}

#documentIndexPage .ui-page-header h1 {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color-neutral200);
  text-align: left;
}

.document-type-nav-section {
  padding-bottom: 60px;
}

#documentIndexPage .document-type-nav-wrapper {
  gap: 6px;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0 24px;
}

#documentIndexPage .document-type-nav-wrapper a {
  box-shadow: none;
  padding-bottom: 0;
  width: calc(33% - 4px);
  height: auto;
  border-radius: 6px;
  border: 1px solid var(--color-neutral200);
  padding: 18px 0 16px;
  text-align: center;
}

#documentIndexPage .document-type-nav-wrapper a label {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  background: var(--color-primary200);
  color: var(--color-black);
  border-radius: 50%;
  font-size: 12px;
  font-weight: var(--font-weight-normal);
}

#documentIndexPage .document-type-nav-wrapper a p {
  color: var(--color-neutral700);
  margin-top: 10px;
}

#documentIndexPage .document-type-nav-wrapper a:hover,
#documentIndexPage .document-type-nav-wrapper a:focus {
  background: var(--color-primary000);
  outline: 1.5px solid var(--color-primary400);
}

#documentIndexPage .document-type-nav-wrapper a:hover p,
#documentIndexPage .document-type-nav-wrapper a:focus p {
  color: var(--color-black);
  font-weight: var(--font-weight-bold);
}

.document-main.event-choice {
  padding: 0 24px 60px;
}

.document-main .event-choice-body {
  margin: 20px auto 60px;
}

.document-main .event-choice-body h4 {
  margin-bottom: 20px;
}

.document-main .event-choice-body .event-choice-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.document-main .event-choice-form-item {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
}

.document-main .event-choice-form-item label {
  margin-right: 0;
  margin-bottom: 12px;
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-semibold);
  color: var(--color-neutral800);
  width: 100%;
}

.document-main .event-choice-form-item .form-button {
  border-radius: 4px;
  background: var(--color-primary200);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  width: 100%;
  padding: 15px 16px;
  margin-bottom: 0;
}

.document-main .event-choice-form-item .form-button:disabled {
  background: var(--color-neutral100)
}

.document-main .event-choice-form-item .form-button:focus {
  outline: none;
}

.document-main .event-choice-form-item select {
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--color-white);
  background-image: url("/assets/images/icon/icon-faq-select-arrow.svg");
  background-repeat: no-repeat;
  background-position: right 12px center;
  border-radius: 4px;
  border: 1px solid var(--color-neutral300);
  padding: 15px 48px 15px 16px;
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral600);
  width: 100%;
}

.document-main .event-choice-form-item select:disabled {
  background-color: var(--color-neutral000);
}

.document-main .event-choice-form-item input {
  padding: 15px 16px;
  border-radius: 4px;
  border: 1px solid var(--color-neutral300);
  background: var(--color-white);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral600);
  width: 100%;
  margin-right: 0;
}

.document-main .event-choice-form-item .event-choice-form-select-cellphone {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
}

.document-main .event-choice-form-item .event-choice-form-select-cellphone select,
.document-main .event-choice-form-item .event-choice-form-select-cellphone input {
  border-radius: 4px;
  border: 1px solid var(--color-neutral300);
  background: var(--color-white);
  padding: 15px 16px;
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral600);
  width: calc(33.333% - 8px);
}

.document-main .event-choice-form-item .event-choice-form-select-cellphone .phone-number-bar {
  margin: 0;
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  color: var(--color-black);
}

.document-main .event-choice-form-item input.document-date-input {
  max-width: 100%;
}

.document-main .event-choice-form-item input:disabled {
  background: var(--color-neutral000);
}

.document-main .event-choice-body .notice-text {
  margin-top: 6px;
  display: flex;
  gap: 4px;
  align-items: center;
  color: var(--color-neutral700);
  font-size: var(--font-size-b3);
  font-weight: var(--font-weight-normal);
  line-height: 16px;
}

.document-main .event-choice-body .notice-text>span {
  width: 12px;
  height: 12px;
  margin-right: 0;
  position: static;
}

.document-main .event-choice-form-item .document-select-and-input-form-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.document-main .document-notice {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.document-main .document-notice .notice-text {
  padding-left: 16px;
  position: relative;
  margin-top: 0;
}

.document-main .document-notice .notice-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 12px;
  height: 12px;
  background: url("/assets/images/icon/icon-event-page-notice.svg") no-repeat center center / contain;
}

.document-main .document-notice .notice-text.danger-text {
  color: #FF3643;
}

.document-main .document-notice .notice-text.danger-text::before {
  background: url("/assets/images/icon/icon-event-page-notice-danger.svg") no-repeat center center / contain;
}

.document-main .event-choice-form-item .event-choice-file {
  width: 100%;
  display: flex;
  gap: 12px;
  justify-content: flex-start;
  align-items: center;
}

.document-main .event-choice-form-item .event-choice-file .form-button {
  border: 1px solid var(--color-neutral600);
  background: var(--color-white);
  color: var(--color-neutral800);
  width: 85px;
  padding: 15px 0;
}

.document-main #clauseContents .event-choice-stplat-html {
  margin-top: 20px;
  border-radius: 4px;
  background: var(--color-neutral000);
  padding: 16px;
}

.document-main #clauseContents .clause-section__title {
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  line-height: 16px;
  color: var(--color-neutral800);
  margin-bottom: 12px;
}

.document-main #clauseContents .clause-list {
  margin: 0;
}

.document-main #clauseContents .clause-list__item {
  margin: 6px 0;
  align-items: flex-start;
}

.document-main #clauseContents .clause-list__symbol {
  min-width: auto;
  margin-right: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.document-main #clauseContents .clause-list__text {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.document-main .only-galaxy-available-notice {
  text-align: center;
  font-size: var(--font-size-b3);
  color: var(--color-danger300);
  font-weight: var(--font-weight-normal);
  line-height: 16px;
}

.document-info-section {
  padding: 0 24px 40px;
  background: #B5C9FF;
}

.document-info-section .document-info-container {
  border-radius: 8px;
  background: var(--color-white);
  padding: 35px 16px;
}

.document-info-section .document-info-container .top-box {
  display: flex;
  flex-direction: column;
  gap: 26px;
  justify-content: center;
  align-items: center;
}

.document-info-section .document-info-container .top-box .txt-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
}

.document-info-section .document-info-container .top-box .txt-box h2 {
  color: var(--color-neutral800);
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  line-height: 20px;
}

.document-info-section .document-info-container .top-box .txt-box h2 b {
  color: #33CCBD;
  font-weight: var(--font-weight-bold);
}

.document-info-section .document-info-container .top-box .txt-box p {
  color: var(--color-neutral800);
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  line-height: 18px;
}

.document-info-section .document-info-container .top-box .txt-box p em {
  text-decoration: underline;
  font-weight: var(--font-weight-bold);
}

.document-info-section .document-info-container .bot-box {
  margin-top: 26px;
  padding-top: 26px;
  border-top: 1px solid #E4E4E4;
}

.document-info-section .document-info-container .bot-box ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.document-info-section .document-info-container .bot-box ul li p {
  position: relative;
  padding-left: 13px;
  color: var(--color-neutral800);
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  line-height: 18px;
}

.document-info-section .document-info-container .bot-box ul li p::before {
  content: '*';
  position: absolute;
  left: 0;
}

.document-info-section .document-info-container .bot-box ul li .txt-box {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.document-info-section .document-info-container .bot-box ul li .txt-box span {
  display: flex;
  position: relative;
  padding-left: 18px;
  color: #5F5F5F;
  font-size: 12px;
  font-weight: var(--font-weight-normal);
  line-height: 16px;
}

.document-info-section .document-info-container .bot-box ul li .txt-box span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  background: url("/assets/images/icon/icon-club-small-bullet.svg") no-repeat center / cover;
}

.itcycling-info-section {
  padding: 0 24px 40px;
  background: #A1F5FE;
  margin-bottom: 40px;
}

.itcycling-info-section .itcycling-info-container {
  border-radius: 8px;
  background: var(--color-white);
  padding: 25px 16px 35px;
}

.itcycling-info-section .itcycling-info-container .top-box {
  display: flex;
  flex-direction: column;
  gap: 26px;
  justify-content: center;
  align-items: center;
}

.itcycling-info-section .itcycling-info-container .top-box .txt-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
}

.itcycling-info-section .itcycling-info-container .top-box .txt-box h2 {
  color: var(--color-neutral800);
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  line-height: 20px;
}

.itcycling-info-section .itcycling-info-container .top-box .txt-box h2 b {
  color: #33CCBD;
  font-weight: var(--font-weight-bold);
}

.itcycling-info-section .itcycling-info-container .top-box .txt-box p {
  color: var(--color-neutral800);
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  line-height: 18px;
}

.itcycling-info-section .itcycling-info-container .top-box .txt-box p em {
  text-decoration: underline;
  font-weight: var(--font-weight-bold);
}

.itcycling-info-section .itcycling-info-container .bot-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 26px;
  padding-top: 26px;
  border-top: 1px solid #E4E4E4;
}

.itcycling-info-section .itcycling-info-container .bot-box ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.itcycling-info-section .itcycling-info-container .bot-box ul li p {
  position: relative;
  padding-left: 13px;
  color: var(--color-neutral800);
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  line-height: 18px;
}

.itcycling-info-section .itcycling-info-container .bot-box ul li p::before {
  content: '*';
  position: absolute;
  left: 0;
}

.itcycling-info-section .itcycling-info-container .bot-box .btn-box {
  display: flex;
}

.itcycling-info-section .itcycling-info-container .bot-box .btn-box a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3.462px;
  background: #6BEBFF;
  padding: 13px;
  color: #000;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 15.6px;
}

.event-additional-return-section {
  padding: 0 24px 150px;
  background: var(--color-white);
}

.event-additional-return-section .img-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 28px 0;
}

.event-additional-return-section .img-box.etc-img {
  padding-top: 0;
}

.event-additional-return-section .img-box img {
  max-width: 100%;
}

.event-additional-return-section .top-box dl {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.event-additional-return-section .top-box dl dt {
  color: #000;
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-bold);
  line-height: 24px;
}

.event-additional-return-section .top-box dl dd {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.event-additional-return-section .top-box dl dd p {
  color: var(--color-neutral700);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-semibold);
  line-height: 18px;
}

.event-additional-return-section .bot-box {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #F0F0F0
}

.event-additional-return-section .bot-box dl {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.event-additional-return-section .bot-box dl dt {
  display: flex;
  gap: 8px;
  color: #33CCBD;
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-semibold);
  line-height: 20px;
}

.event-additional-return-section .bot-box dl dd {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.event-additional-return-section .bot-box dl dd p {
  color: #8E8E8E;
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 20px;
  padding-left: 20px;
  position: relative;
}

.event-additional-return-section .bot-box dl dd p.additional-bold {
  color: #242424;
}

.event-additional-return-section .bot-box dl dd p::before {
  content: '•';
  position: absolute;
  left: 5px;
}

/* 팝업 */
.ui-modal-container-yesno {
  width: 100%;
  max-width: 372px;
  padding: 24px 20px 20px 20px;
  position: absolute;
  left: calc(50% - 6px);
  top: 50%;
  transform: translateY(-50%);
  border-radius: 8px;
}

.ui-modal-container-yesno .ui-modal__body {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-direction: column;
  text-align: center;
}

.ui-modal-container-yesno .yesno-modal-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.ui-modal-container-yesno .yesno-modal-footer button {
  border-radius: 4px;
  background: #A0F0E0;
  color: var(--color-neutral800);
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  line-height: 18px;
}

/* 증빙서류// */
/* 제휴문의 */
#partnershipInquiryPage .ui-page-header {
  padding: 12px 24px 60px;
  text-align: left;
  align-items: flex-start;
  gap: 8px;
}

#partnershipInquiryPage .ui-page-header p {
  color: var(--color-neutral700);
}

#partnershipInquiryPage .event-choice {
  padding: 0 24px 60px;
}

#partnershipInquiryPage .event-choice-body {
  margin-bottom: 60px;
}

#partnershipInquiryPage .event-choice-form-item label:first-child:not(.optional)::after {
  color: var(--color-primary300);
}

#partnershipInquiryPage .file-item-wrapper {
  margin-top: 12px;
  gap: 6px;
  width: 100%;
}

#partnershipInquiryPage .file-item {
  height: 30px;
  padding: 0 10px;
  max-width: 100%;
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  color: var(--color-black);
  border-radius: 4px;
  background: #f3f9f8;
}

#partnershipInquiryPage .file-item:last-of-type {
  margin-bottom: 12px;
}

#partnershipInquiryPage .file-item span:first-child {
  color: var(--color-primary400);
  font-weight: var(--font-weight-bold);
  max-width: 100%;
}

#partnershipInquiryPage .file-item span:last-child {
  position: static;
}

#partnershipInquiryPage .event-choice-form-item {
  margin-top: 20px;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 0;
  align-items: flex-start;
}

#partnershipInquiryPage .event-choice-form-item>label {
  font-size: 16px;
  color: var(--color-neutral800);
  width: 100%;
  margin-right: 0;
  font-weight: var(--font-weight-semibold);
}

#partnershipInquiryPage .file-notice {
  font-size: 12px;
  font-weight: var(--font-weight-normal);
  color: var(--color-danger300);
  gap: 4px;
}

#partnershipInquiryPage .file-notice>span {
  width: 12px;
  height: 12px;
  background-size: contain;
}

#partnershipInquiryPage .event-choice-form-item input.event-choice-full-input {
  border-radius: 4px;
  border: 1px solid var(--color-neutral300);
  background: var(--color-white);
  padding: 15px 16px;
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral600);
}

#partnershipInquiryPage .event-choice-form-item.form-item-type01 {
  gap: 0;
}

#partnershipInquiryPage .event-choice-form-item .event-choice-file-box {
  display: flex;
  gap: 12px;
  margin-top: 12px;
  width: 100%;
}

#partnershipInquiryPage .file-upload-button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  border-radius: 4px;
  border: 1px solid var(--color-neutral600);
  width: 85px;
  padding: 15px 0;
  color: var(--color-neutral800);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  /* 128.571% */
}

#partnershipInquiryPage .event-choice-form-item>textarea {
  border-radius: 4px;
  border: 1px solid var(--color-neutral300);
  min-height: 144px;
  padding: 16px;
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral600);
  margin-top: 16px;
}

#partnershipInquiryPage #clauseContents {
  margin-bottom: 60px;
}

#partnershipInquiryPage #clauseContents .event-choice-stplat-html {
  margin-top: 20px;
  border-radius: 4px;
  background: var(--color-neutral000);
  padding: 16px;
}

#partnershipInquiryPage #clauseContents .clause-section {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 12px;
  font-size: 12px;
  font-weight: var(--font-weight-normal);
  line-height: 16px;
  color: var(--color-neutral800);
}

#partnershipInquiryPage #clauseContents .clause-section p {
  font-size: 12px;
  font-weight: var(--font-weight-normal);
  line-height: 16px;
  color: var(--color-neutral800);
}

.event-choice-stplat-check-box {
  justify-content: flex-start;
}

.event-choice-stplat-check-icon {
  width: 20px;
  height: 20px;
  background: url(/assets/images/icon/icon-check-mint.png) no-repeat left center / contain;
}

.event-choice-stplat-check-box>p {
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  color: var(--color-neutral800);
}

.event-choice-stplat-check-box>p em {
  color: var(--color-danger300);
}

.event-choice-stplat-check-icon.is-checked {
  background: url(/assets/images/icon/icon-check-mint-select.png) no-repeat left center / contain;
}

#partnershipInquiryPage .event-choice-submit-box {
  padding: 0 24px;
}

.event-choice-submit-button {
  max-width: 100%;
  border-radius: 4px;
  background: var(--color-primary300);
  color: var(--Neutral-Gray-800, var(--color-neutral800));
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  line-height: 18px;
}

.event-choice-submit-button:disabled {
  background: #E9F7F5;
  color: #C7DAD7;
}

/* 제휴문의// */

/* 추가보상 */
#itadPage img {
  max-width: 100%;
}

#itadPage .itad-section01 {
  padding: 12px 24px 48px;
}

#itadPage .itad-section01 .img-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 48px;
}

#itadPage .itad-tab-section ul li {
  width: 50%;
}

#itadPage .itad-tab-detail-section {
  padding: 40px 24px 60px;
  flex-direction: column;
  gap: 60px;
}

#itadPage .itad-tab-detail-section ul {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

#itadPage .itad-tab-detail-section ul li {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#itadPage .itad-tab-detail-section .itad-list-title {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

#itadPage .itad-tab-detail-section .itad-list-title span {
  font-weight: var(--font-weight-bold);
  margin-top: 4px;
}

#itadPage .itad-tab-detail-section .itad-list-title p {
  color: var(--color-neutral800);
  flex: 1;
}

#itadPage .itad-tab-detail-section .itad-img-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 68px;
}

#itadPage .itad-tab-detail-section .info-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#itadPage .itad-tab-detail-section .info-box p {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  color: var(--color-neutral600);
}

#itadPage .itad-tab-detail-section .info-box p img {
  margin-top: 2px;
}

#itadPage .itad-tab-detail-section .call-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

#itadPage .itad-tab-detail-section .call-box h6 {
  color: var(--color-neutral600);
}

#itadPage .itad-tab-detail-section .call-box ul {
  flex-direction: row;
  gap: 16px;
  justify-content: center;
  align-items: center;
}

#itadPage .itad-tab-detail-section .call-box ul li p {
  color: var(--color-neutral600);
}

#itadPage .itad-tab-detail-section .call-box ul li p b {
  font-weight: var(--font-weight-bold);
}

/* 추가보상// */
/* 추가보상 필독사항 팝업 */
#samsungReward .samsung-reward-section {
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 20px 24px 60px;
}

#samsungReward .samsung-reward-section .reward-danger-box p {
  color: var(--color-danger400);
}

#samsungReward .samsung-reward-section ul {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

#samsungReward .samsung-reward-section ul li {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

#samsungReward .samsung-reward-section .reward-title {
  position: relative;
  padding-bottom: 14px;
}

#samsungReward .samsung-reward-section .reward-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--color-neutral200);
}

#samsungReward .samsung-reward-section .reward-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 1px;
  background: var(--color-primary400);
}

#samsungReward .samsung-reward-section .reward-title h3 {
  color: var(--color-primary600);
}

#samsungReward .samsung-reward-section .reward-desc {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#samsungReward .samsung-reward-section .reward-desc dl {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  flex-wrap: wrap;
}

#samsungReward .samsung-reward-section .reward-desc dl dt {
  width: 19px;
  color: var(--color-neutral800);
}

#samsungReward .samsung-reward-section .reward-desc dl dd {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  flex-direction: column;
}

#samsungReward .samsung-reward-section .reward-desc dl dd p {
  color: var(--color-neutral800);
}

#samsungReward .samsung-reward-section .reward-desc dl dd span {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  color: var(--color-neutral600);
}

#samsungReward .samsung-reward-section .reward-desc dl dd span img {
  margin-top: 2px;
}

/* 추가보상 필독사항 팝업// */
/* 긴급점검 팝업 */
.ui-notice {
  max-width: 312px;
  margin: 0 auto;
  padding: 60px 24px 24px;
  position: relative;
  background: var(--color-white);
  border-radius: 8px;
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.10);
}

.ui-notice .close-btn {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 24px;
  height: 24px;
}

.ui-notice .notice-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: center;
}

.ui-notice .notice-box h2 {
  color: var(--color-black);
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  line-height: 22px;
  margin-bottom: 12px;
}

.ui-notice .notice-box .notice-text {
  color: #5F5F5F !important;
  font-size: 16px !important;
  font-weight: var(--font-weight-normal) !important;
  line-height: 22px !important;
}

.ui-notice .notice-box .notice-text img {
  max-width: 100%;
}

.ui-notice .notice-box .btn-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ui-notice .notice-box .btn-box button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 132px;
  height: 48px;
  border-radius: 4px;
  background: #A0F0E0;
  color: var(--color-neutral800);
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  line-height: 18px;
}

/* 긴급점검 팝업// */


@media screen and (max-height: 700px) and (min-width: 1025px) {
  #wrap {
    padding-top: 60px;
  }

  h1 {
    font-size: 22px;
  }

  h2 {
    font-size: 20px;
  }

  h3 {
    font-size: 18px;
  }

  h4 {
    font-size: 16px;
  }

  h5 {
    font-size: 14px;
  }

  h6 {
    font-size: 12px;
  }

  .b1,
  .bm1,
  .bs1 {
    font-size: 14px;
  }

  .b2,
  .bm2,
  .bs2 {
    font-size: 12px;
  }

  .b3,
  .bm3,
  .bs3 {
    font-size: 10px;
  }

  .btn1 {
    font-size: 14px;
  }

  .btn2,
  .btnm2,
  .btns2,
  .btnb2 {
    font-size: 12px;
  }

  .txtBtn1 {
    font-size: 12px;
  }

  .txtBtn2 {
    font-size: 10px;
  }

  .l1,
  .ls1 {
    font-size: 11px;
  }

  .l2,
  .lm2,
  .lb2 {
    font-size: 10px;
  }

  .l3 {
    font-size: 9px;
  }

  /* .contents-wrap {
    height:auto;
    min-height: calc(100vh - 60px);
  } */
  .headerWrapper {
    height: 60px;
  }

  .ui-modal-container__large {
    top: 60px;
    height: calc(100vh - 60px);
  }

  .quickWrapper {
    width: 70px;
    bottom: 40px;
  }

  .quickWrapper .KALogo,
  .quickWrapper a {
    margin-top: 15px;
  }

  .subHeader {
    top: 60px;
  }

  .mobile-gnb-wrapper {
    height: calc(100vh - 117px);
  }
}

@media screen and (max-width: 1920px) {
  .header::before {
    left: -21%;
    top: -350%;
    width: 50%;
    padding: 25% 0;
  }
}

@media screen and (max-width: 1420px) {
  .quickWrapper {
    right: 24px;
  }
}

@media screen and (max-width: 1024px) {
  #wrap {
    padding-top: 0;
  }

  .header {
    display: none;
  }

  .quickWrapper {
    display: none;
  }

  .contents-wrap {
    margin: 0 auto;
    left: 0;
    /* min-height: 100vh; */
  }

  .downloadContainer {
    display: block;
  }

  .subHeader {
    top: 0;
  }

  .subHeader:has(.is-opened) {
    z-index: 61;
  }

  .subHeaderWrapper {
    justify-content: space-between;
  }

  .subHeaderWrapper a {
    display: inline-block;
  }

  .mobile-gnb-wrapper {
    height: 100vh;
    top: 0;
  }

  #floating_button {
    left: auto;
    right: calc(50% - 185px);
  }

  .mobile-gnb .mobile-gnb__header {
    justify-content: space-between;
    align-items: center;
  }

  .mobile-gnb .mobile-gnb__header a {
    display: inline-block;
  }

  /* 갤럭시 클럽 */
  #planBody .contents-nav {
    padding: 0;
  }

  .ui-section .ui-section__content {
    display: block;
  }

  .galaxy-clup-catalog--product .flow-guide+.notice-list__padding,
  .form-section>.form-section__head,
  .catalog-define {
    padding: 0;
  }

  #planBody colgroup>.colgroup_item_2 {
    width: 20%;
  }

  /* 팝업 */
  .ui-modal-container-yesno {
    position: static;
    transform: none;
  }

  .ui-modal-layer.mobile-full .ui-modal {
    height: auto;
  }

  .ui-modal-container__large {
    left: 0;
    top: 0;
    height: 100vh;
  }

  .ui-modal-layer.mobile-full .ui-modal-container.ui-modal-container__middle {
    left: 50%;
    height: auto;
    position: absolute;
    transform: translate(-50%, -50%);
    width: calc(100% - 48px);
  }

  .ui-modal .ui-modal__body .ui-modal__logo {
    display: none;
  }

  .ui-modal__title {
    margin-bottom: 0;
  }

  /* ATM찾기 */
  .atm-list-container {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 36%;
    z-index: 40;
  }

  .ui-atm-map__controller {
    max-width: 100%;
    position: static;
    height: 100%;
    transform: translateY(0);
  }

  .ui-atm-map__my-location-button {
    top: -64px;
  }

  .atm-list-container.active {
    height: calc(100% - 192px);
    transition: all 0.3s;
  }

  .atm-list-container.active .ui-atm-map__my-location-button {
    display: none;
  }

  .ui-atm-map__filter {
    position: static;
    border-radius: 12px 12px 0 0;
    z-index: 38;
  }

  .ui-atm-map__filter__search {
    padding: 15px 24px 12px;
  }

  .ui-atm-map__filter__result__list {
    border-top: 0;
    padding: 4px 24px 60px;
  }

  .ui-atm-map__filter__result__item {
    border-top: 1px solid var(--color-neutral200);
    padding: 0;
    padding-top: 12px;
  }

  .ui-atm-map__filter__result__item+.ui-atm-map__filter__result__item {
    border-top: 0;
  }

  .ui-atm-map__detail {
    width: 100%;
    height: 100%;
    background: var(--color-white);
    z-index: 40;
    bottom: 0;
    border-radius: 12px 12px 0 0;
    padding: 0 24px 50px;
  }

  .ui-atm-map__toast-popup {
    bottom: 50px;
  }

  .ui-atm-map__detail .ui-atm-map__filter__result_title {
    margin-top: 16px;
  }

  .ui-atm-map__filter__search-mobile {
    padding: 0 24px;
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    z-index: 30;
  }

  .ui-atm-map__filter__search-mobile .ui-atm-map__filter__input-box.is--tablet-mobile-only {
    display: flex !important;
  }

  .ui-atm-map__filter__search-mobile .ui-atm-map__filter__input-box {
    margin-bottom: 0;
    background: var(--color-white);
  }

  #gradeStandardModal {
    top: 0;
  }

  .document-main .event-choice-form-item .event-choice-file .document-file-input-filename {
    margin-bottom: 0;
  }

  /* ATM찾기// */
}

@media screen and (max-width: 420px) {

  /* 공통 */
  .pc_only {
    display: none;
  }

  .mobile_only {
    display: block;
  }

  .mainSlideUse .swiper-slide {
    padding: 25px 18px;
  }

  #floating_button {
    right: 24px;
  }

  /* footer */
  .footer {
    padding: 40px 24px 44px;
  }

  /* main */
  .mainSection1 .inner {
    gap: 8px;
  }

  .mainSection3 .swiper-slide {
    height: 246px;
  }

  .mainSection3 .imgBox img {
    width: 150px;
  }

  .mainSection4 .imgBox img {
    width: 140px;
  }

  .mainSection5 .box img {
    right: 6px;
    top: 6px;
    width: 56px;
  }

  .mainSection6 .boxContianer {
    padding: 20px;
  }

  /* 회사소개 */
  .aboutMintit-info02-section .aboutMintit-list dl dd br {
    display: none;
  }

  .aboutMintit-minti .minti-box .img-box .minti {
    width: 78%;
  }
}

@media screen and (max-width: 380px) {
  .mainSection6 .textContainer p br {
    display: none;
  }

  /* club */
  #planBody .ui-page-header img {
    max-width: 80%;
  }

  #planBody .info-table--regular>table>thead>tr>th,
  #planBody .info-table--regular>table>tbody>tr>th {
    width: 80px;
  }

  /* 윤리경영 */
  #ethicalManagement .section01 .sectionTitle .box span br,
  #ethicalManagement .section03 .sectionTitle .box span br,
  #ethicalManagement .section03Container ul li span br {
    display: none;
  }

  /* 회사소개 */
  .aboutMintit-info-section ul li br {
    display: none;
  }

  /* 개인정보 처리방침 */
  .clause-contents2 .clauseLabelContainer .clauseLabelBox ul li {
    width: calc(50% - 2.5px);
  }

  .price-security-section .bottom-box {
    min-height: 210px;
  }

  /* 추가보상 */
  #itadPage .itad-tab-detail-section .itad-list-title p br {
    display: none;
  }

  /* 추가보상 필독사항 안내 팝업 */
  #samsungReward .samsung-reward-section .reward-desc dl dd p br {
    display: none;
  }
}

/* fold */
@media screen and (max-width: 320px) {
  br.fold_only {
    display: none;
  }

  .mainSection1 a {
    font-size: var(--font-size-h6);
    padding: 10px 5px;
  }

  /* footer */
  .footer .footerClause a {
    flex: 1 1 40%;
  }

  .footer .footerClause {
    gap: 7px;
  }

  .footer .footerClause button::before {
    right: -4px;
  }

  /* 회사소개 */
  .aboutMintit-info02-section .aboutMintit-list {
    padding: 14px 0;
  }

  .aboutMintit-info02-section .aboutMintit-list::before {
    display: none;
  }

  .aboutMintit-info02-section .aboutMintit-list dl {
    gap: 17px;
  }

  .aboutMintit-info02-section .aboutMintit-list dl+dl {
    margin-top: -16px;
  }

  .aboutMintit-info02-section .aboutMintit-list dl:not(:first-of-type) dt::before {
    top: 4px;
  }

  .aboutMintit-info02-section .aboutMintit-list dl dt {
    width: 96px;
    height: 96px;
  }

  .aboutMintit-info02-section .aboutMintit-list dl dd::before {
    left: -17px;
    width: 13px;
  }

  .aboutMintit-info02-section .aboutMintit-list dl dd::after {
    left: -7px;
  }

  /* 서비스이용안내 */
  #serviceModal .service-phone-container .ui-service-tab .service-info2-box {
    padding: 9px 0 8px 20px;
  }

  #serviceModal .service-phone-container .ui-service-tab .service-info2-box p br {
    display: none;
  }

  #serviceModal .service-phone-container .ui-service-tab .service-info2-box img {
    width: 80px;
  }

  /* 예상시세 */
  .price-result-section05 .top-box {
    padding: 16px 20px;
  }

  .price-result-section05 .top-box .title-box img {
    width: 60px;
  }

  .price-result-content-grade-price-list {
    gap: 6px;
  }

  /* 갤럭시 클럽 */
  #planHist .form-list__key {
    width: 80px;
    word-break: break-all;
  }

  #planHist .form-list__val {
    width: calc(100% - 92px);
  }

  #planHist .club-select-link li.select-red br {
    display: none;
  }

  /* imei 변경 */
  #imeiChangeModal .title-box P br {
    display: none;
  }

  /* 기부증 */
  #donationRequestPage .donation-info-container .info-box {
    padding: 50px 16px;
  }

  #donationRequestPage .donation-info-container .info-box a {
    width: 100%;
  }

  /* 증빙서류 */
  #documentIndexPage .document-type-nav-wrapper a {
    width: calc(50% - 3px);
  }

  .document-info-section .document-info-container .top-box .txt-box h2 b br {
    display: none;
  }
}

.mainSectionReview {
  padding: 60px 0 10px;
}

.mainSectionReview .inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0;
}

.mainSectionReview .mainTitle {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mainSectionReview .mainTitle p {
  color: var(--color-black);
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  line-height: 18px;
}

.mainSectionReview .reviewBox .swiper-container {
  overflow: visible;
}

.mainSectionReview .reviewBox .swiper-slide {
  padding: 24px 20px;
  border-radius: 8px;
  background: #f8f8f8;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 270px;
}

.mainSectionReview .reviewBox .phone-box {
  display: flex;
  gap: 12px;
  align-items: center;
}

.mainSectionReview .reviewBox .phone-box .phone-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mainSectionReview .reviewBox .phone-box .phone-text span {
  color: var(--color-neutral600);
  font-size: 12px;
  font-weight: var(--font-weight-normal);
  line-height: 16px;
}

.mainSectionReview .reviewBox .phone-box .phone-text p {
  color: var(--color-black);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-bold);
  line-height: 18px;
}

.mainSectionReview .reviewBox .desc-box {
  margin-top: -12px;
  height: 56px;
  overflow-x: hidden;
}

.mainSectionReview .reviewBox .desc-box::-webkit-scrollbar {
  width: 5px;
  border-radius: 99px;
}

.mainSectionReview .reviewBox .desc-box::-webkit-scrollbar-thumb {
  background: #b3b3b3;
  border-radius: 99px;
}

.mainSectionReview .reviewBox .desc-box p {
  color: var(--color-neutral800);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
}

.mainSectionReview .reviewBox .person-box {
  display: flex;
  gap: 12px;
  align-items: flex-end;
}

.mainSectionReview .reviewBox .person-box .person-text {
  display: flex;
  gap: 13px;
  color: var(--color-neutral600);
  font-size: 12px;
  font-weight: var(--font-weight-normal);
  line-height: 16px;
}

.mainSectionReview .reviewBox .person-box .person-text p {
  position: relative;
}

.mainSectionReview .reviewBox .person-box .person-text p:nth-of-type(1):Before {
  content: '';
  position: absolute;
  right: -7px;
  top: 50%;
  width: 1px;
  height: 11px;
  background: var(--color-neutral400);
  transform: translateY(-50%);
}

.mainSectionReview .btn-box button {
  width: 100%;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid var(--color-neutral500);
  background: var(--color-white);
  border: 1px solid var(--color-neutral700);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
}

.mainSectionReview .btn-box button em {
  margin-left: 8px;
  margin-right: 4px;
  font-weight: var(--font-weight-semibold)
}

.mainSectionReview .btn-box button .swiper-pagination {
  padding-left: 4px;
  position: static;
  width: auto;
  gap: 0;
}

.mainSection10 {
  padding: 60px 0 10px;
}

.price-check-section .price-check-review {
  margin-top: 47px;
  padding-top: 47px;
  border-top: 1px solid #F0F0F0;
}

.price-check-section .price-check-list-wrapper {
  min-height: 400px;
}

.price-check-section .price-check-step {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.price-check-section {
  padding: 0 24px 45px;
  overflow: hidden;
}

.price-check-section .price-check-step .price-check-button {
  margin-top: 24px;
}

.price-result-review {
  padding: 45px 24px 0;
  overflow: hidden;
}

.mainSectionReview {
  padding: 60px 0 10px;
}

.mainSectionReview .mainTitle {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mainSectionReview .mainTitle p {
  color: var(--color-black);
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  line-height: 18px;
}



/* leftLayoutContainer */
.leftLayoutContainer {
  position: fixed;
  left: calc(50% - 700px);
  height: calc(100% - 80px);
  min-height: 614px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding-top: 92px;
  padding-bottom: 60px;
  z-index: 10001;
}

.leftLayoutContainer::before {
  display: none;
  left: 0;
  top: 0;
  color: red;
}

/* main search */
.searchWrapper .title p {
  letter-spacing: -1px;
  font-weight: var(--font-weight-normal);
  line-height: normal;
  color: #1f303b;
}

.searchWrapper .title h2 {
  font-weight: 700;
  line-height: normal;
  color: #1f303b;
}

.searchWrapper .title h2 b {
  color: var(--color-primary400);
}

.searchWrapper .searchList {
  flex-wrap: wrap;
}

.searchWrapper .searchList .searchItems {
  border-radius: 20px;
  border: 1px solid var(--color-primary400);
  background-color: var(--color-white);

  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-primary400);
  box-sizing: border-box;
}

.searchWrapper .searchList .searchItems.home {
  background: var(--color-primary400) url("/assets/images/icon/icon-search-home.svg") no-repeat center;
}

/* //main search */

/* main banner */
.bannerWrapper {
  position: relative;
}

.bannerWrapper .swiper-container .swiper-slide a {
  display: block;
  width: 100%;
  line-height: 0;
}

.bannerWrapper .swiper-container .swiper-slide a img {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

.bannerWrapper::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url("/assets/images/icon/icon-reddot-logo-2025.png") no-repeat left bottom / 100%;
}

.bannerContainer {
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.2);

}

/* //main banner */

/* @media screen and (max-width: 1920px) and (max-height: 1080px) { */
.leftLayoutContainer::before {
  content: "max-width: 1920px / max-height: 1080px";
}

.searchWrapper .title p {
  font-size: 28px;
}

.searchWrapper .title h2,
.searchWrapper .title h2 b {
  font-size: 60px;
}

.searchWrapper .searchList {
  max-width: 470px;
  gap: 8px;
  margin-top: 20px;
}

.searchWrapper .searchList .searchItems {
  height: 40px;
  padding: 0 14px;
  font-size: 16px;
  line-height: 40px;
}

.searchWrapper .searchList .searchItems.home {
  width: 40px;
}

.bannerWrapper {
  margin-top: 60px;
  padding-bottom: 120px;
}

/* logo */
.bannerWrapper::after {
  width: 340px;
  height: 60px;
}

/* banner size */
.bannerContainer {
  width: 320px;
  min-height: 453px;
}

/* } */



@media screen and (max-width: 1530px) {
  .leftLayoutContainer::before {
    content: "max-width:1530";
  }

  .leftLayoutContainer {
    left: 60px;
  }
}

@media screen and (max-width: 1440px) {
  .leftLayoutContainer::before {
    content: "max-width: 1440px";
  }

  .bannerWrapper {
    margin-top: 32px;
    padding-bottom: 92px;
  }
}

@media screen and (max-width: 1280px) {
  .leftLayoutContainer::before {
    content: "max-width: 1280px";
  }

  .searchWrapper .title p {
    font-size: 25px;
  }

  .searchWrapper .title h2,
  .searchWrapper .title h2 b {
    font-size: 54px;
  }

  .searchWrapper .searchList {
    max-width: 465px;
    gap: 6px;
    margin-top: 18px;
  }

  .searchWrapper .searchList .searchItems {
    height: 36px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 36px;
  }

  .searchWrapper .searchList .searchItems.home {
    width: 36px;
  }

  .bannerWrapper {
    margin-top: 32x;
    padding-bottom: 86px;
  }

  /* logo */
  .bannerWrapper::after {
    width: 306px;
    height: 54px;
  }

  /* banner size */
  .bannerContainer {
    width: 288px;
    min-height: 407px;
  }
}


@media screen and (max-height: 1024px) {
  .leftLayoutContainer::before {
    content: "max-height: 1024px";
  }

  .bannerWrapper {
    margin-top: 32px;
    padding-bottom: 92px;
  }
}

@media screen and (max-height: 980px) {
  .leftLayoutContainer::before {
    content: "max-height: 980px";
  }

  .searchWrapper .title p {
    font-size: 25px;
  }

  .searchWrapper .title h2,
  .searchWrapper .title h2 b {
    font-size: 54px;
  }

  .searchWrapper .searchList {
    max-width: 465px;
    gap: 6px;
    margin-top: 18px;
  }

  .searchWrapper .searchList .searchItems {
    height: 36px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 36px;
  }

  .searchWrapper .searchList .searchItems.home {
    width: 36px;
  }

  .bannerWrapper {
    margin-top: 32x;
    padding-bottom: 86px;
  }

  /* logo */
  .bannerWrapper::after {
    width: 306px;
    height: 54px;
  }

  /* banner size */
  .bannerContainer {
    width: 288px;
    min-height: 407px;
  }
}

@media screen and (max-height: 850px) {
  .leftLayoutContainer::before {
    content: "max-height: 850px";
  }

  .searchWrapper .title p {
    font-size: 20px;
  }

  .searchWrapper .title h2,
  .searchWrapper .title h2 b {
    font-size: 43px;
  }

  .searchWrapper .searchList {
    max-width: 380px;
    gap: 4px;
    margin-top: 14px;
  }

  .searchWrapper .searchList .searchItems {
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 28px;
  }

  .searchWrapper .searchList .searchItems.home {
    width: 28px;
  }

  .bannerWrapper {
    margin-top: 32px;
    padding-bottom: 75px;
  }

  /* logo */
  .bannerWrapper::after {
    width: 245px;
    height: 43px;
  }

  /* banner size */
  .bannerContainer {
    width: 200px;
    min-height: 283px;
  }
}

@media screen and (max-height: 700px) {
  .leftLayoutContainer {
    padding-top: 32px;
  }
}


@media screen and (max-width: 1120px) {
  .leftLayoutContainer::before {
    content: "max-width: 1120px";
  }

  .searchWrapper .title p {
    font-size: 20px;
  }

  .searchWrapper .title h2,
  .searchWrapper .title h2 b {
    font-size: 43px;
  }

  .searchWrapper .searchList {
    max-width: 380px;
    gap: 4px;
    margin-top: 14px;
  }

  .searchWrapper .searchList .searchItems {
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 28px;
  }

  .searchWrapper .searchList .searchItems.home {
    width: 28px;
  }

  .bannerWrapper {
    margin-top: 32px;
    padding-bottom: 75px;
  }

  /* logo */
  .bannerWrapper::after {
    width: 245px;
    height: 43px;
  }

  /* banner size */
  .bannerContainer {
    width: 200px;
    min-height: 283px;
  }
}

@media screen and (max-width: 1024px) {
  .leftLayoutContainer {
    display: none;
  }
}

/*********************** 앱 설치 페이지 ****************************/
.download-wrap .top-group {
  text-align: center;
  padding: 20px 24px;
  background-color: var(--color-primary300);
}

.download-wrap .top-group .ic-logo {
  margin-top: 6px;
  margin-bottom: 18px;
}

.download-wrap .top-group .text {
  text-align: left;
}

.download-wrap .top-group .text img {
  display: inline-block;
  vertical-align: top;
}

.download-wrap .top-group .text h5 img {
  margin-top: 4px;
}

.download-wrap .top-group .text p {
  display: block;
  margin-top: 8px;
}

.download-wrap .web-group {
  text-align: center;
  padding: 60px 0 100px;
}

.download-wrap .web-group .img-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px
}

.download-wrap .web-group .img-group p {
  color: var(--color-neutral800)
}

.download-wrap .web-group .item-group p {
  margin-top: 24px;
  color: #8b8b8b
}

.download-wrap .install {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
  padding: 24px 24px 20px;
  background-color: #000;
  color: var(--color-white)
}

.download-wrap .install h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: var(--color-white)
}

.download-wrap .install p {
  font-size: 14px;
  line-height: 18px
}

/* 다운로드 설치 페이지 && 민팃 세이프*/
.tab-wrap .ui-page-header {
  padding: 0
}

.tab-wrap .ui-tab__pananel {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.tab-wrap .ui-tab__item .ui-tab__text {
  font-size: 16px;
}

.tab-wrap .color-gray {
  color: var(--color-neutral500)
}

.tab-wrap .color-primary {
  color: var(--color-primary400)
}

.tab-wrap nav>h3 {
  padding: 40px 24px 28px;
  font-weight: var(--font-weight-bold);
  text-align: left;
}

.tab-wrap .tab-bottom {
  display: block;
  height: 1px;
  background-color: var(--color-neutral300);
}

.tab-wrap .step .header-group {
  padding: 40px 24px 24px;
  word-break: keep-all;
}

.tab-wrap .step .header-group .badge {
  display: inline-block;
  height: 22px;
  margin-bottom: 16px;
  padding: 5px 10px;
  background-color: var(--color-neutral800);
  font-size: 11px;
  line-height: 12px;
  font-weight: 600;
  border-radius: 50px;
  color: var(--color-white)
}

.tab-wrap .step .header-group p {
  margin-top: 12px
}

.tab-wrap .step .img-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px;
  margin: 0;
  padding: 24px 0;
  background-color: var(--color-neutral100)
}

.tab-wrap .step .img-group>.btn-group .noti {
  margin-bottom: 10px;
  background: var(--color-neutral300);
}

.tab-wrap .step .img-group>img {
  width: 100%;
  max-width: 280px
}

.tab-wrap .step .noti {
  display: inline-block;
  padding: 4px 8px;
  background-color: #E7FBF7;
  font-size: 12px;
  line-height: 14px;
  color: var(--color-black);
  border-radius: 14px;
}

.tab-wrap .step .desc {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 6px;
  background-color: #EBFFFB;
  padding: 14px 16px;
  box-sizing: border-box;
  word-break: keep-all;
}

.tab-wrap .step .desc>p {
  font-size: 12px;
  font-weight: var(--font-weight-medium);
  line-height: 16px;
  color: var(--color-black);

}

.tab-wrap .step .desc>p b {
  font-weight: var(--font-weight-bold);
}

.tab-wrap .step .desc>img {
  height: 24px;
}

/* 다운로드>검정배경 */
.tab-wrap .caution {
  padding-bottom: 50px;
  background-color: var(--color-black);
}

.tab-wrap .caution.mt32 {
  margin-top: 32px;
}

.tab-wrap .caution+.caution {
  margin-top: 0;
  border-top: 1px solid rgba(160, 240, 224, .5)
}

.tab-wrap .caution .step-group {
  overflow: hidden;
  background: var(--color-white);
  border-radius: 8px;
  margin: 0 24px
}

.tab-wrap .caution .step .header-group {
  padding: 40px 20px 24px;
}

.tab-wrap .caution>.header-group {
  padding: 40px 24px 24px;
  text-align: center;
  color: var(--color-white)
}

.tab-wrap .caution>.header-group>.ic-logo {
  height: 28px;
  margin-bottom: 8px;
}

.tab-wrap .caution>.header-group>h2 {
  margin-top: 8px;
  margin-bottom: 16px
}

.tab-wrap .caution>.header-group>.ic-bang {
  margin-top: 48px;
  margin-bottom: 12px;
}

.tab-wrap .caution>.header-group>.step-title {
  text-align: left;
  margin-bottom: -8px;
}

.tab-wrap .caution>.header-group>p {
  margin-top: 8px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400
}

.tab-wrap .caution>.header-group>.box {
  padding: 12px 0 8px;
  background-color: var(--color-white);
  border: 4px solid var(--color-primary400);
  border-radius: 8px;
  color: var(--color-neutral800);
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px
}

.tab-wrap .caution>.header-group>.box img {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 0;
  margin-top: -2px;
  vertical-align: top
}

.tab-wrap .caution>.btn-group {
  margin-top: 16px;
  padding: 0 24px
}

.numberling-group {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 100px;
  padding: 60px 24px 0;
}

.tab-wrap .step-group+.numberling-group {
  border-top: 1px solid var(--color-neutral400)
}

.numberling-group::before {
  content: "";
  position: absolute;
  left: -40px;
  top: -48px;
  width: 148px;
  height: 148px;
  background-color: var(--color-primary200);
  border-radius: 100%;
}

.numberling-group .step-title {
  position: relative;
  display: inline-block;
  margin-left: 46px;
  font-weight: var(--font-weight-Exbold);
}

.numberling-group .step-title span {
  position: absolute;
  top: -39px;
  left: -46px;
  font-size: 64px;
  color: var(--color-white)
}

/*다운로드 > 앱 다운로드 영역 */
.tab-wrap .app-down {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 420px;
  padding: 16px 24px;
  border-radius: 0;
  background-color: var(--color-white);
  -webkit-box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, .1);
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, .1);
  z-index: 30
}

.tab-wrap .app-down a {
  gap: 8px
}

.tab-wrap .warning {
  margin-top: 10px;
  display: none
}

.tab-wrap .warning .btnb2 {
  font-size: 10px;
  color: #33ccbd;
  border: 1px solid #33ccbd;
  padding: 5px 10px;
  border-radius: 5px
}

.tab-wrap .btn .progressbar {
  position: absolute;
  top: 0;
  width: 0%;
  height: 100%;
  display: block;
  background-color: #3bb0b4;
  border-radius: 8px
}

.tab-wrap .btn-group {
  display: block;
  width: 100%;
  margin-top: 12px;
}