:root {
  --toss-blue: #116CFF;
}

/* section {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
} */
section {
  width: 100%;
  margin: auto;
  object-fit: contain;
}

.inner-container {
  width: 1050px;
  margin: auto;
}

/* 양식 시작 */
/* 보통글자 + 이미지 형식 */
.basic-frame {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 150px;
  width: 100%;
}

.basic-form {
  width: 100%;
}

.basic-form .explain-caption {
  margin-bottom: 100px;
}

.basic-form .explain-content {
  width: 100%;
}

/* 양식 끝 */

/* 채팅문의-> 버튼 시작*/
.cta-type1 {
  font-size: 40px;
  font-weight: 700;
  background-color: #FFFFFF;
  border-radius: 2.5em;
  border: 0.05em solid var(--toss-blue);
  color: var(--toss-blue);
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0 0.25em;
  padding: 0.7em 1.75em;
  margin: 1.75em auto 2.5em;
}

.cta-type1 .chat-blue-icon {
  width: 0.7em;
  height: 0.7em;
}

.cta-type1:hover {
  /* opacity: 0.8; */
  /* box-shadow: 0px 0px 5px var(--toss-blue); */
  background-color: var(--toss-blue);
  color: #FFFFFF;
}

.cta-type1:hover .chat-blue-icon path{
  fill: #FFFFFF;
}
/* 채팅문의-> 버튼 끝*/


/* 토스 터미널2 인트로 섹션 시작 */
.toss-terminal2-intro-section {
  padding: 100px 0 0;
  background: linear-gradient(180deg, #FFF 0%, #E8F3FF 100%);
}

.toss-terminal2-intro-section h1 {
  background: linear-gradient(90deg, #5B71D6 0%, #49C2EE 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.toss-terminal2-intro-section h2 {
  margin-bottom: 100px;
}

.toss-terminal2-intro-section .toss-terminal2-introduce-img {
  width: 85.3333%;
}

/* 토스 터미널2 인트로 섹션 끝 */
/* 토스 터미널2 인트로 섹션 시작 */
.toss-terminal2-intro-sub-section {
  color: #FFFFFF;
}

/* 토스 터미널2 인트로 섹션 끝 */

/* 히어로 섹션 시작 */
.hero-section {
  padding: 200px 0 100px;
}

.hero-section .toss-excellent-dealerships {
  width: 94.6667%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0 90px;
  border-radius: 33px;
  box-shadow: 0 0 4px #00000019;
  padding: 50px 0;
  text-align: left;
  margin: auto;
}

.hero-section .toss-official-mark {
  width: 115px;
  object-fit: contain;
}

.hero-section .toss-excellent-dealerships h5 {
  margin-bottom: 0.2em;
}

.hero-section .toss-excellent-dealerships p {
  line-height: 1.5;
}

/* 히어로 섹션 끝 */
/* 메인 배너 시작 */
.main-banner-section {
  background-color: #000000;
}

.main-banner-section .inner-container {
  height: 555px;
  background-image:
    linear-gradient(90deg, #000 22%, transparent 65.4286%),
    url("/img/products/toss_tablet_pos/main_banner.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.main-banner-section .text-box {
  color: #FFFFFF;
  text-align: left;
  width: fit-content;
  padding-top: 2.6316em;
  padding-left: 2em
}

.main-banner-section .text-box p {
  margin-top: 1em;
}

/* 메인 배너 끝 */
/* 토스단말기 소개 시작 */
.wholepay-toss-section {
  padding: 200px 0;
}

.wholepay-toss-section .toss-front-terminal-img {
  width: 76.7619%;
}

.wholepay-toss-section .basic-frame {
  margin: auto auto 220px;
}

.wholepay-toss-section .toss-payment-tab-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0 12px;
  margin: auto auto 1.5em;
}

.wholepay-toss-section .toss-payment-tab-box button {
  padding: 0.5em 1.1em;
  border: none;
  border-radius: 3.25rem;
  background-color: #9CA3AF;
  color: #FCFCFC;
}

.wholepay-toss-section .toss-payment-tab-box button:hover {
  background-color: var(--toss-blue);

}

.wholepay-toss-section .toss-payment-tab-box button.active {
  background-color: var(--toss-blue);
  font-weight: 600;
  box-shadow: 0 0 0.25em var(--toss-blue);
}

/* 토스단말기 소개 끝 */

/* 신신페이 광고 시작 */
/* 신신페이 광고 끝 */
/* 손님이 직접 서명하는 멀티패드 시작 */
.direct-sign-multipad-section {
  padding: 200px 0 0;
}

.direct-sign-multipad-section .toss-front-payemnt-sign-gif {
  width: 90.3810%;
}

/* 손님이 직접 서명하는 멀티패드 끝 */
/* 주문 미러링 시작 */
.order-mirroring-section {
  padding: 200px 0 0;
}

.order-mirroring-section .order-mirroring-img {
  width: 81.5238%;
}

/* 주문 미러링 끝 */
/* 업종별 다양한 포스 구성 시작 */
.various-pos-category-section {
  padding: 200px 0 0;
}

.various-pos-category-section .tab-button-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.9048%;
  margin-bottom: 2.5em;
}

.various-pos-category-section .tab-button {
  width: 19.0476%;
  padding: 0.625em 0;
  border: none;
  border-radius: 4.0625em;
  background-color: #9CA3AF;
  color: #FCFCFC;
}

.various-pos-category-section .tab-button:hover {
  background-color: var(--toss-blue);
}

.various-pos-category-section .tab-button.active {
  background-color: var(--toss-blue);
  font-weight: 600;
  box-shadow: 0 0 0.25em var(--toss-blue);
}

.various-pos-category-section .carousel-container {
  overflow: hidden;
}

.various-pos-category-section .carousel-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  transition: all 0.2s linear;
}

.various-pos-category-section .carousel-box {
  width: 100%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.various-pos-category-section .pos-prepaid-img {
  width: 74.1904%;
  margin: auto;
}

.various-pos-category-section .pos-postpaid-img {
  width: 82.0952%;
  margin: auto;
}

.various-pos-category-section .pos-wholesale-retail-img {
  width: 82%;
  margin: auto;
}

.various-pos-category-section .pos-service-img {
  width: 81.4286%;
  margin: auto;
}

.various-pos-category-section .product-registration-modification-gif {
  width: 81.9047%;
}

/* 업종별 다양한 포스 구성 끝 */

/* 간편하게 한 번에 등록 시작 */
.register-easily-section {
  padding: 200px 0 0;
}

.register-easily-section .tab-button-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.9048%;
  margin-bottom: 2.5em;
}

.register-easily-section .tab-button {
  width: 20.9524%;
  padding: 0.625em 0;
  border: none;
  border-radius: 4.0625em;
  background-color: #9CA3AF;
  color: #FCFCFC;
}

.register-easily-section .tab-button:hover {
  background-color: var(--toss-blue);
}

.register-easily-section .tab-button.active {
  background-color: var(--toss-blue);
  font-weight: 600;
  box-shadow: 0 0 0.25em var(--toss-blue);
}

.register-easily-section .carousel-container {
  overflow: hidden;
}

.register-easily-section .carousel-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  transition: all 0.2s linear;
}

.register-easily-section .carousel-box {
  width: 100%;
  flex-shrink: 0;
}

.register-easily-section .register-excel-img {
  width: 76.9524%;
}

.register-easily-section .register-ai-image-img {
  width: 63.4286%;
}

.register-easily-section .explain-caption {
  margin-bottom: 1em;
}

/* 간편하게 한 번에 등록 끝 */
/* 테이블 설정도 손쉽게 시작 */
.table-setting-easily-section {
  padding: 200px 0 0;
}

.table-setting-easily-section .change-multiple-tables-img {
  width: 75.8095%;
}

/* 테이블 설정도 손쉽게 끝 */
/* 상품별 재고관리 시작 */
.inventory-management-section {
  padding: 200px 0 0;
}

.inventory-management-section .tab-button-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.9048%;
  margin-bottom: 2.5em;
}

.inventory-management-section .tab-button {
  width: 19.0476%;
  padding: 0.625em 0;
  border: none;
  border-radius: 4.0625em;
  background-color: #9CA3AF;
  color: #FCFCFC;
}

.inventory-management-section .tab-button:hover {
  background-color: var(--toss-blue);
}

.inventory-management-section .tab-button.active {
  background-color: var(--toss-blue);
  font-weight: 600;
  box-shadow: 0 0 0.25em var(--toss-blue);
}

.inventory-management-section .carousel-container {
  overflow: hidden;
}

.inventory-management-section .carousel-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  transition: all 0.2s linear;
}

.inventory-management-section .carousel-box {
  width: 100%;
  flex-shrink: 0;
}


.inventory-management-section .inventory-management-img {
  width: 76.1905%;
}

.inventory-management-section .io-history-img {
  width: 79.2381%;
}

/* 상품별 재고관리 끝 */
/* 바코드 스캔 시작 */
.barcode-scan-section {
  padding: 200px 0 0;
}

.barcode-scan-section .product-scan-pay-img {
  width: 90.6667%;
}

/* 바코드 스캔 끝 */
/* 포인트 적립 · 스탬프 시작 */
.point-stamp-section {
  padding: 200px 0 0;
}

.point-stamp-section .capsule {
  color: #FFFFFF;
  background: var(--toss-blue);
  width: 19.0476%;
  padding: 0.625em;
  margin: auto auto 1.5625em;
  border-radius: 3em;
}

.point-stamp-section .guide-earn-points-img {
  width: 74.8571%;
}

.point-stamp-section .stamp-accumulation-img {
  width: 80%;
}

.point-stamp-section .free-registeration-coupon-img {
  width: 88.4761%;
}

/* 포인트 적립 · 스탬프 끝 */
/* 내 매장 단골손님 시작 */
.regular-customer-section {
  padding: 100px 0;
}

.regular-customer-section .capsule {
  color: #FFFFFF;
  background: var(--toss-blue);
  width: 19.0476%;
  padding: 0.625em;
  margin: auto auto 1.5625em;
  border-radius: 3em;
}

.regular-customer-section .customer-information-memo-img {
  width: 71.5238%;
}

.regular-customer-section .prepaid-payment-img {
  width: 76.4761%;
}

/* 내 매장 단골손님 끝 */
/* 토스 배너 시작 */
.toss-banner-section {
  background-color: #000000;
}

.toss-banner-section .inner-container {
  height: 674px;
  background-image:
    linear-gradient(90deg, #000 20.5714%, transparent 64%),
    url("/img/products/toss_tablet_pos/toss_banner.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.toss-banner-section .text-box {
  color: #FFFFFF;
  text-align: left;
  width: fit-content;
  padding-top: 2.6316em;
  padding-left: 2em
}

.toss-banner-section .text-box p {
  margin-top: 1em;
}

/* 토스 배너 끝*/
/* 키오스크 화면 디자인 시작*/
.kiosk-display-section {
  padding: 200px 0 0;
}

.kiosk-display-section .custom-as-want-img {
  width: 89.9048%;
}

/* 키오스크 화면 디자인 끝*/
/* 키오스크 미러링 시작*/
.kiosk-mirroring-section {
  padding: 200px 0 0;
}

.kiosk-mirroring-section .kiosk-mirroring-before-after-img {
  width: 78.3810%;
}

.kiosk-mirroring-section .kiosk-mirroring-example-img {
  width: 77.3333%;
}

/* 키오스크 미러링 끝*/
/* 모든 배달 주문 현황 시작 */
.whole-delivery-section {
  padding: 200px 0 0;
}

.whole-delivery-section .delivery-order-status-at-a-glance-img {
  width: 86%;
  transform: translate(6.0908%, 0);
}

/* 모든 배달 주문 현황 끝 */
/* 모든 매출을 한 눈에 시작 */
.all-sales-section {
  padding: 200px 0 0;
}

.all-sales-section .tab-button-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.9048%;
  margin-bottom: 2.5em;
}

.all-sales-section .tab-button {
  width: 19.0476%;
  padding: 0.625em 0;
  border: none;
  border-radius: 4.0625em;
  background-color: #9CA3AF;
  color: #FCFCFC;
}

.all-sales-section .tab-button:hover {
  background-color: var(--toss-blue);
}

.all-sales-section .tab-button.active {
  background-color: var(--toss-blue);
  font-weight: 600;
  box-shadow: 0 0 0.25em var(--toss-blue);
}

.all-sales-section .carousel-container {
  overflow: hidden;
}

.all-sales-section .carousel-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  transition: all 0.2s linear;
}

.all-sales-section .carousel-box {
  width: 100%;
  flex-shrink: 0;
}

.all-sales-section .toss-app-realtime-check-img {
  width: 76.6667%;
}

.all-sales-section .sales-report-img {
  width: 76.4761%;
}

.all-sales-section .toss-app-any-where-time-check_sales-img {
  width: 84.0952%;
}

/* 모든 매출을 한 눈에 끝 */
/* 손님을 부르는 매장 마케팅 시작 */
.store-marketing-section {
  padding: 200px 0 0;
}

.store-marketing-section .image-top-receipt-img {
  width: 100%;
}

.store-marketing-section .request-review-as-payment-img {
  width: 94.2857%;
}

.store-marketing-section .notification-auto-send-img {
  width: 78.3810%;
}

.store-marketing-section .store-promotion-gif-img {
  width: 81.9048%;
}

/* 손님을 부르는 매장 마케팅 끝 */
/* 설치 사례 시작*/
.install-ex-section {
  padding: 200px 0 0;
}

/* 설치 사례 끝*/
/* 구성품 시작 */
.components-section {
  padding: 200px 0 0;
}

.components-section .basic-frame {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: center;
  flex-wrap: wrap;
  gap: 80px 0;
}

.components-section .component-box {
  width: fit-content;
}

.img-box-0,
.img-box-1,
.img-box-2 {
  height: 231px;
}

.img-box-3,
.img-box-4,
.img-box-5,
.img-box-6 {
  height: 242px;
}

.img-box-7,
.img-box-8,
.img-box-9,
.img-box-10 {
  height: 155px;
}

.components-section .component-img-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.components-section .component-img-box img {
  max-width: 100%;
}

.components-section .component-tablet {
  width: calc(244 / (1050 / 3) * 100%);
}

.components-section .component-toss-terminal2 {
  width: calc(237 / (1050 / 3) * 100%);
}

.components-section .component-toss-front2 {
  width: calc(184 / (1050 / 3) * 100%);
}

.components-section .component-tablet-holder {
  width: calc(209 / (1050 / 4) * 100%);
}

.components-section .component-toss-front2-power-cable {
  width: calc(123 / (1050 / 4) * 100%);
}

.components-section .component-toss-terminal2-power-cable {
  width: calc(175 / (1050 / 4) * 100%);
}

.components-section .component-c-to-c-cable {
  width: calc(131 / (1050 / 4) * 100%);
}

.components-section .component-mini-money-box {
  width: calc(268 / (1050 / 4) * 100%);
}

.components-section .component-receipt-rolls-2 {
  width: calc(147 / (1050 / 4) * 100%);
}

.components-section .component-sticker-pop-kiosk-goods {
  width: calc(225 / (1050 / 4) * 100%);
}

.components-section .component-sinsinpay {
  width: calc(142 / (1050 / 4) * 100%);
  box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, 0.20);
  background: transparent;
  /* 그림자 때문에 둥글게 깍아줘야함. */
  border-radius: 10px;
}

/* 구성품 끝 */

/* 추가 상품 시작 */
.additional-product-section {
  padding: 200px 0 0;
}

.additional-product-section .toss-qr-order-img {
  width: 90%;
}

.additional-product-section .toss-qr-order-explain-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 54px auto 100px;
  gap: 0 50px;
}

.additional-product-section .toss-qr-order-explain-div {
  background-color: #F2F4F6;
  width: 450px;
  height: 240px;
  border-radius: 24px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 50px 38px;
  text-align: left;
}

.additional-product-section .toss-qr-order-explain-div h5 {
  margin-bottom: 0.6667em;
}

.additional-product-section .toss-qr-order-explain-div p {
  line-height: 1.4;
}

.additional-product-section .decline-claymorphism-img {
  /* width: 29.7778%; */
  width: 134px;
}

.additional-product-section .grandmother-claymorphism-img {
  /* width: 26.4445%; */
  width: 119px;
}

/* 추가 상품 끝 */

/* 제품 상세 시작 */
.spec-section {
  padding: 200px 0 0;
}

.spec-section .basic-frame {}

.spec-section .basic-form {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: end;
  width: 100%;
}

.spec-section .spec-thumbnail {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.spec-section .name-capsule {
  color: #FFFFFF;
  background-color: #667181;
  padding: 0.25em 0.75em;
  border-radius: 1.25em;
  width: fit-content;
  margin: 2em 0 0;
}

.spec-section .spec-toss-terminal2-img {
  width: 80.9524%;
}

.spec-section .spec-toss-front2-img {
  width: 69.1429%;
}

.spec-section .spec-money-box-img {
  width: 57.9048%;
}

.spec-section .spec-st10-tablet-img {
  width: 55.9048%;
}

.spec-section .spec-table {
  border-collapse: collapse;
  text-align: left;
  width: 80%;
  margin: 70px auto auto;
}

.spec-section .spec-table th {
  width: fit-content;
  border-top: 1px solid #C7C7C7;
  border-bottom: 1px solid #C7C7C7;
  padding: 10px 0;
  vertical-align: top;
}

.spec-section .spec-table td {
  border-top: 1px solid #C7C7C7;
  border-bottom: 1px solid #C7C7C7;
  padding: 10px;
}

/* 제품 상세 끝 */
/* 도입 절차 시작 */
.install-process-section {
  padding: 200px 0;
}

/* 도입 절차 끝 */


@media screen and (max-width:768px) {
  .inner-container {
    width: clamp(200px, 100vw, 400px);
    margin: 0px auto;
  }

  /* 양식 시작 */
  /* 보통글자 + 이미지 형식 */
  .basic-frame {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: min(15vw, 60px);
    width: 100%;
  }

  .basic-form {
    width: 100%;
  }

  .basic-form .explain-caption {
    margin-bottom: min(10vw, 40px);
  }

  .basic-form .explain-content {
    width: 100%;
  }

  /* 양식 끝 */

  /* 채팅문의-> 버튼 시작*/
  .cta-type1 {
    font-size: min(3.75vw, 15px);
  }

  .cta-type1:hover {
    box-shadow: 0px 0px min(0.5vw, 2px) var(--toss-blue);
  }

  /* 채팅문의-> 버튼 끝*/


  /* 토스 터미널2 인트로 섹션 시작 */
  .toss-terminal2-intro-section {
    padding: min(10vw, 40px) 0 0;
  }

  .toss-terminal2-intro-section h1 {}

  .toss-terminal2-intro-section h2 {
    margin-bottom: min(10vw, 40px);
  }

  .toss-terminal2-intro-section .toss-terminal2-introduce-img {}

  /* 토스 터미널2 인트로 섹션 끝 */
  /* 토스 터미널2 인트로 섹션 시작 */
  .toss-terminal2-intro-sub-section {}

  /* 토스 터미널2 인트로 섹션 끝 */

  /* 히어로 섹션 시작 */
  .hero-section {
    padding: min(20vw, 80px) 0 min(10vw, 40px);
  }

  .hero-section .toss-excellent-dealerships {
    gap: 0 min(8.5vw, 34px);
    border-radius: min(3.25vw, 13px);
    box-shadow: 0 0 min(0.5vw, 2px) #00000019;
    padding: min(4.75vw, 19px) 0;
  }

  .hero-section .toss-official-mark {
    width: min(11vw, 44px);
  }

  .hero-section .toss-excellent-dealerships h5 {}

  .hero-section .toss-excellent-dealerships p {}


  /* 히어로 섹션 끝 */
  /* 메인 배너 시작 */
  .main-banner-section {}

  .main-banner-section .inner-container {
    height: min(52.75vw, 211px);
  }

  .main-banner-section .text-box {}

  .main-banner-section .text-box p {}

  /* 메인 배너 끝 */
  /* 토스단말기 소개 시작 */
  .wholepay-toss-section {
    padding: min(20vw, 80px) 0;
  }

  .wholepay-toss-section .toss-front-terminal-img {}

  .wholepay-toss-section .basic-frame {
    margin: auto auto min(21vw, 84px);
  }

  .wholepay-toss-section .toss-payment-tab-box {
    gap: 0 min(1.25vw, 5px);
  }

  .wholepay-toss-section .toss-payment-tab-box button {}

  .wholepay-toss-section .toss-payment-tab-box button:hover {}

  .wholepay-toss-section .toss-payment-tab-box button.active {}

  /* 토스단말기 소개 끝 */

  /* 신신페이 광고 시작 */
  /* 신신페이 광고 끝 */
  /* 손님이 직접 서명하는 멀티패드 시작 */
  .direct-sign-multipad-section {
    padding: min(20vw, 80px) 0 0;
  }

  .direct-sign-multipad-section .toss-front-payemnt-sign-gif {}

  /* 손님이 직접 서명하는 멀티패드 끝 */
  /* 주문 미러링 시작 */
  .order-mirroring-section {
    padding: min(20vw, 80px) 0 0;
  }

  .order-mirroring-section .order-mirroring-img {}

  /* 주문 미러링 끝 */
  /* 업종별 다양한 포스 구성 시작 */
  .various-pos-category-section {
    padding: min(20vw, 80px) 0 0;
  }

  .various-pos-category-section .tab-button-box {}

  .various-pos-category-section .tab-button {}

  .various-pos-category-section .tab-button:hover {}

  .various-pos-category-section .tab-button.active {}

  .various-pos-category-section .carousel-container {}

  .various-pos-category-section .carousel-track {}

  .various-pos-category-section .carousel-box {}

  .various-pos-category-section .pos-prepaid-img {}

  .various-pos-category-section .pos-postpaid-img {}

  .various-pos-category-section .pos-wholesale-retail-img {}

  .various-pos-category-section .pos-service-img {}

  .various-pos-category-section .product-registration-modification-gif {}

  /* 업종별 다양한 포스 구성 끝 */

  /* 간편하게 한 번에 등록 시작 */
  .register-easily-section {
    padding: min(20vw, 80px) 0 0;
  }

  .register-easily-section .tab-button-box {}

  .register-easily-section .tab-button {}

  .register-easily-section .tab-button:hover {}

  .register-easily-section .tab-button.active {}

  .register-easily-section .carousel-container {}

  .register-easily-section .carousel-track {}

  .register-easily-section .carousel-box {}

  .register-easily-section .register-excel-img {}

  .register-easily-section .register-ai-image-img {}

  .register-easily-section .explain-caption {}

  /* 간편하게 한 번에 등록 끝 */
  /* 테이블 설정도 손쉽게 시작 */
  .table-setting-easily-section {
    padding: min(20vw, 80px) 0 0;
  }

  .table-setting-easily-section .change-multiple-tables-img {}

  /* 테이블 설정도 손쉽게 끝 */
  /* 상품별 재고관리 시작 */
  .inventory-management-section {
    padding: min(20vw, 80px) 0 0;
  }

  .inventory-management-section .tab-button-box {}

  .inventory-management-section .tab-button {}

  .inventory-management-section .tab-button:hover {}

  .inventory-management-section .tab-button.active {}

  .inventory-management-section .carousel-container {}

  .inventory-management-section .carousel-track {}

  .inventory-management-section .carousel-box {}


  .inventory-management-section .inventory-management-img {}

  .inventory-management-section .io-history-img {}

  /* 상품별 재고관리 끝 */
  /* 바코드 스캔 시작 */
  .barcode-scan-section {
    padding: min(20vw, 80px) 0 0;
  }

  .barcode-scan-section .product-scan-pay-img {}

  /* 바코드 스캔 끝 */
  /* 포인트 적립 · 스탬프 시작 */
  .point-stamp-section {
    padding: min(20vw, 80px) 0 0;
  }

  .point-stamp-section .capsule {}

  .point-stamp-section .guide-earn-points-img {}

  .point-stamp-section .stamp-accumulation-img {}

  .point-stamp-section .free-registeration-coupon-img {}

  /* 포인트 적립 · 스탬프 끝 */
  /* 내 매장 단골손님 시작 */
  .regular-customer-section {
    padding: min(10vw, 40px) 0;
  }

  .regular-customer-section .capsule {}

  .regular-customer-section .customer-information-memo-img {}

  .regular-customer-section .prepaid-payment-img {}

  /* 내 매장 단골손님 끝 */
  /* 토스 배너 시작 */
  .toss-banner-section {}

  .toss-banner-section .inner-container {
    height: min(64vw, 256px);
  }

  .toss-banner-section .text-box {}

  .toss-banner-section .text-box p {}

  /* 토스 배너 끝*/
  /* 키오스크 화면 디자인 시작*/
  .kiosk-display-section {
    padding: min(20vw, 80px) 0 0;
  }

  .kiosk-display-section .custom-as-want-img {}

  /* 키오스크 화면 디자인 끝*/
  /* 키오스크 미러링 시작*/
  .kiosk-mirroring-section {
    padding: min(20vw, 80px) 0 0;
  }

  .kiosk-mirroring-section .kiosk-mirroring-before-after-img {}

  .kiosk-mirroring-section .kiosk-mirroring-example-img {}

  /* 키오스크 미러링 끝*/
  /* 모든 배달 주문 현황 시작 */
  .whole-delivery-section {
    padding: min(20vw, 80px) 0 0;
  }

  .whole-delivery-section .delivery-order-status-at-a-glance-img {}

  /* 모든 배달 주문 현황 끝 */
  /* 모든 매출을 한 눈에 시작 */
  .all-sales-section {
    padding: min(20vw, 80px) 0 0;
  }

  .all-sales-section .tab-button-box {}

  .all-sales-section .tab-button {}

  .all-sales-section .tab-button:hover {}

  .all-sales-section .tab-button.active {}

  .all-sales-section .carousel-container {}

  .all-sales-section .carousel-track {}

  .all-sales-section .carousel-box {}

  .all-sales-section .toss-app-realtime-check-img {}

  .all-sales-section .sales-report-img {}

  .all-sales-section .toss-app-any-where-time-check_sales-img {}

  /* 모든 매출을 한 눈에 끝 */
  /* 손님을 부르는 매장 마케팅 시작 */
  .store-marketing-section {
    padding: min(20vw, 80px) 0 0;
  }

  .store-marketing-section .image-top-receipt-img {}

  .store-marketing-section .request-review-as-payment-img {}

  .store-marketing-section .notification-auto-send-img {}

  .store-marketing-section .store-promotion-gif-img {}

  /* 손님을 부르는 매장 마케팅 끝 */
  /* 설치 사례 시작*/
  .install-ex-section {
    padding: min(20vw, 80px) 0 0;
  }

  /* 설치 사례 끝*/
  /* 구성품 시작 */
  .components-section {
    padding: min(20vw, 80px) 0 0;
  }

  .components-section .basic-frame {
    gap: 30px 0;
  }

  .components-section .component-box {}

  .img-box-0,
  .img-box-1,
  .img-box-2 {
    height: min(22vw, 88px);
  }

  .img-box-3,
  .img-box-4,
  .img-box-5,
  .img-box-6 {
    height: min(23vw, 92px);
  }

  .img-box-7,
  .img-box-8,
  .img-box-9,
  .img-box-10 {
    height: min(14.75vw, 59px);
  }

  .components-section .component-img-box {}

  .components-section .component-img-box img {}

  .components-section .component-tablet {}

  .components-section .component-toss-terminal2 {}

  .components-section .component-toss-front2 {}

  .components-section .component-tablet-holder {}

  .components-section .component-toss-front2-power-cable {}

  .components-section .component-toss-terminal2-power-cable {}

  .components-section .component-c-to-c-cable {}

  .components-section .component-mini-money-box {}

  .components-section .component-receipt-rolls-2 {}

  .components-section .component-sticker-pop-kiosk-goods {}

  .components-section .component-sinsinpay {
    box-shadow: min(0.25vw, 1px) min(0.25vw, 1px) min(1vw, 4px) 0 rgba(0, 0, 0, 0.20);
    border-radius: min(1vw, 4px);
  }

  /* 구성품 끝 */


  /* 추가 상품 시작 */
  .additional-product-section {
    padding: min(20vw, 80px) 0 0;
  }

  .additional-product-section .toss-qr-order-img {}

  .additional-product-section .toss-qr-order-explain-box {
    margin: min(5vw, 20px) auto min(10vw, 40px);
    gap: 0 min(4.75vw, 19px);
  }

  .additional-product-section .toss-qr-order-explain-div {
    width: min(42.75vw, 171px);
    height: min(22.75vw, 91px);
    border-radius: min(2.25vw, 9px);
    padding: min(4.75vw, 19px) min(3.5vw, 14px);
  }

  .additional-product-section .toss-qr-order-explain-div h5 {}

  .additional-product-section .toss-qr-order-explain-div p {}

  .additional-product-section .decline-claymorphism-img {
    width: min(12.75vw, 51px);
  }

  .additional-product-section .grandmother-claymorphism-img {
    width: min(11.25vw, 45px);
  }

  /* 추가 상품 끝 */
  /* 제품 상세 시작 */
  .spec-section {
    padding: min(20vw, 80px) 0 0;
  }

  .spec-section .basic-frame {}

  .spec-section .basic-form {}

  .spec-section .spec-thumbnail {}

  .spec-section .name-capsule {}

  .spec-section .spec-toss-terminal2-img {}

  .spec-section .spec-toss-front2-img {}

  .spec-section .spec-money-box-img {}

  .spec-section .spec-st10-tablet-img {}

  .spec-section .spec-table {
    margin: min(6.75vw, 27px) auto auto;
  }

  .spec-section .spec-table th {
    border-top: min(0.25vw, 1px) solid #C7C7C7;
    border-bottom: min(0.25vw, 1px) solid #C7C7C7;
    padding: min(1vw, 4px) 0;
    vertical-align: top;
  }

  .spec-section .spec-table td {
    border-top: min(0.25vw, 1px) solid #C7C7C7;
    border-bottom: min(0.25vw, 1px) solid #C7C7C7;
    padding: min(1vw, 4px);
  }

  /* 제품 상세 끝 */
  /* 도입 절차 시작 */
  .install-process-section {
    padding: min(20vw, 80px) 0;
  }

  /* 도입 절차 끝 */
}